﻿*{margin: 0;padding: 0;
    outline:0 none !important;box-sizing: border-box;
} 
li{list-style: none;}
a{text-decoration: none !important;}
div{font-size: 0;line-height: 1;}
html{font-size: 10px;}
body{font-family: 微软雅黑 !important;overflow-x:hidden;min-width: 1280px;}
p,ul{margin: 0;padding: 0;}
.clear{display: block;clear: both;}
.w12{width: 1200px;margin: 0 auto;}
.nav>img{margin-top: 12px;}
.nav{height: 80px;}
.nav>ul{float: right;width: 900px;}
.nav>ul>li{height: 80px;display: inline-block;margin-right: 60px;position: relative;}
.nav>ul>.avt>a{border-color: #3390ff;color: #3390ff;}
.nav>ul>li:hover>a{border-color: #3390ff;color: #3390ff;}
.nav>ul>li:last-child{margin-right: 0;}
.nav>ul>li>a{font-size: 16px;color: #333;line-height: 80px;border-bottom: 4px solid transparent;display: block;height: 80px;transition:0.5s;}
.nav>ul>li>div{position: absolute;left: 50%;top: 80px;margin-left: -100px;width: 200px;background: #fff;text-align: center;border:1px solid #bababa;display: none;z-index: 99999;}
.nav>ul>li>div>a{line-height: 24px;font-size: 16px;color: #4d4d4d;display: block;transition:0.5s;padding: 8px 15px;}
.nav>ul>li>div>a:hover{color: #18be91;}
.fan{margin-top: 68px;margin-bottom: 96px;}
.tit{margin-bottom: 40px;}
.tit>p{font-size: 30px;display: inline;margin-right: ;color: #333;margin-right: 8px;vertical-align: bottom;}
.tit>span{font-size: 20px;color: #3390ff;vertical-align: bottom;}
.tit>a{float: right;margin-top: -10px;font-size: 14px;background: #3390ff;color: #fff;width: 120px;height: 40px;line-height: 40px;text-align: center;}
.fan>ul{overflow: hidden;}
.fan>ul>li{width: 25%;float: left;height: 400px;position: relative;}
.fan>ul>li img{height: 100%;width: 100%;}
.fan>ul>li div{height: 50px;width: 270px;border:2px solid transparent;display: inline-block;transition:0.5s;display: flex;
    justify-content: center;
    flex-direction: column;}
.fan>ul>li:nth-child(5){display: none;}
.fan>ul>li:nth-child(6){display: none;}
.fan>ul>li div>p{margin: 0 auto;text-align: center;}
.fan>ul>li div>p>span{font-size: 16px;color: #fff;border:1px solid #fff;width: 140px;height: 42px;line-height: 40px;display: block;margin: 38px auto 0;display: none;transition:0.5s;}
.fan>ul>li div>p>font{font-size: 20px;color: #fff;line-height: 50px;display: block;overflow: hidden;width:270px;
    white-space: nowrap;
    text-overflow: ellipsis;
    }
.fan>ul>li>a{background: rgba(0,52,113,0.6);display: block;width: 100%;height: auto;position: absolute;left: 0;bottom: 0;display: flex;
    justify-content: center;
/*    flex-direction: column;*/text-align: center;}
.fan>ul>li:hover div{border-color: rgba(255,255,255,0.8);margin: 15px;height: 370px;}
.fan>ul>li:hover span{display: inline-block;}
.fan>ul>li span:hover{background: #fff;color: #003471;}
.about{background: #fff;padding: 60px;box-shadow: 0 3px 3px #cacaca;text-align: center;}
.about>span{font-size: 30px;color: #333;}
.about>p{font-size: 16px;margin-top: 20px;margin-bottom: 18px;padding-bottom: 32px;border-bottom: 1px solid #f2f2f2;color: #3390ff;}
.about>div{text-align: left;font-size: 14px;color: #666;line-height: 28px;}
.about>a{font-size: 16px;width: 140px;height: 42px;line-height: 42px;background: #3390ff;color: #fff;display: inline-block;margin-top: 40px;}
.al{margin: 112px auto 106px;}
.al>ul{overflow: hidden;}
.al>ul>li{float: left;width: 282px;margin-right: 24px;height: 220px;position: relative;}
.al>ul>li:last-child{margin-right: 0;}
.al>ul>li img{width: 100%;height: 100%;}
.al>ul>li p{position: absolute;bottom: 0;left: 0;width: 100%;padding-left: 20px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;background: rgba(0,89,196,0.6);overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;padding-right: 20px;}
.new{width: 1200px;margin: 0 auto;}
.new>ul{overflow: hidden;}
.new>ul>li{width: 570px;margin-right: 60px;float: left;margin-bottom: 40px;}
.new>ul>li:nth-child(2n){margin-right: 0;}
.new>ul>li img{width: 201px;height: 140px;vertical-align: top;}
.new>ul>li div{width: 348px;display: inline-block;vertical-align: top;margin-left: 20px;margin-top: 18px;}
.new>ul>li div span{font-size: 16px;color: #4d4d4d;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;display: block;}
.new>ul>li div p{font-size: 14px;color: #666;line-height: 24px;margin: 10px 0;}
.new>ul>li div font{font-size: 14px;color: #999;}
.floor{width: 1200px;margin: 0 auto 40px;overflow: hidden;}
.floor>ul{float: left;width: 812px;}
.floor>ul>li{color: #fff;font-size: 16px;float: left;margin-right: 110px;width: auto;text-align: center;}
.floor>ul>li:last-child{margin-right: 0;}
.floor>ul p{margin: 18px 0 12px;}
.floor>ul span{line-height: 26px;}
.floor>div{width: 136px;float: right;text-align: center;}
.floor>div>p{line-height: 16px;font-size: 14px;margin-top: 10px;color: #fff;}
.bottom{padding-top: 22px;font-size: 12px;color: #fff;text-align: center;border-top: 1px solid rgba(255,255,255,0.2);}
.title{text-align: center;margin: 74px 0 52px;}
.title>span{font-size: 30px;color: #3390ff;text-transform: uppercase;}
.title>p{font-size: 30px;margin: 19px 0 29px;color: #333;}
.title>b{display: inline-block;width: 40px;height: 4px;background: #3390ff;}
.about_0{width: 1200px;margin: 0 auto 78px;}
.about_0>img{display: block;margin: 0 auto;}
.about_1{width: 1200px;margin: 0 auto 68px;overflow: hidden;}
.about_1>div{width: 380px;margin-right: 30px;color: #333;text-align: center;display:inline-block;vertical-align: top;margin-bottom: 44px;}
.about_1>div:nth-child(3n){margin-right: 0;}
.about_1>div>img{width: 100%;height: 300px;margin-bottom: 28px;}
.about_1>div>span{font-size: 20px;font-weight: bold;}
.about_1>div>b{display: block;margin: 12px auto 14px;width: 30px;height: 3px;background: #3390ff;}
.about_1>div>p{font-size: 16px;line-height: 26px;}
.ry{width: 1222px;margin: 0 auto;}
.ry .slick-slide{margin: 0 11px;}
.hz{width: 1200px;margin: 0 auto 80px;overflow: hidden;}
.hz>div{float: left;width: 288px;margin-right: 12px;margin-bottom: 12px;border:1px solid #ccc;}
.hz>div:nth-child(4n){margin-right: 0;}
.hz>div img{width: 100%}
.contact{background: url(../images/3_03.jpg) no-repeat left;height: 574px;}
.contact>div{width: 1200px;overflow: hidden;margin: 0 auto;}
.contact>div>div{width: 560px;float: right;background: #fff;padding-top: 68px;height: 574px;padding-left: 40px;}
.contact>div>div>p{font-size: 24px;color: #4d4d4d;margin-bottom: 50px;}
.contact>div>div>input{background: url(../images/3_06.jpg) no-repeat left top;padding-left: 8px;padding-bottom: 14px;font-size: 14px;color: #666;border:none;border-bottom: 1px solid #c7c7c7;width: 100%;margin-bottom: 36px;}
.contact>div>div>textarea{margin-bottom: 28px;width: 100%;padding-left: 8px;border:none;border-bottom: 1px solid #c7c7c7;height: 120px;line-height: 24px;font-family: 微软雅黑;background: url(../images/3_06.jpg) no-repeat left top;}
.contact>div>div>a{font-size: 14px;color: #fff;display: block;width: 120px;height: 36px;line-height: 36px;background: #3390ff;text-align: center;border-radius: 40px;}
.tent{width: 1200px;margin: 60px auto 80px;overflow: hidden;}
.tent>.left{float: left;width: 260px;}
.tent>.right{float: right;width: 892px;overflow: hidden;}
.tent>.right img{max-width:100%;}
.tent>.left>p{font-size: 14px;color: #fff;background: #3390ff;padding-left: 40px;padding-top: 34px;padding-bottom: 32px;text-transform: uppercase;}
.tent>.left>p>span{font-size: 30px;display: block;margin-bottom: 10px;}
.tent>.left>a{font-size: 16px;line-height: 30px;padding: 15px 0;padding-left: 40px;transition:0.5s;border-bottom: 1px solid #fff;display: block;color: #333;background: #f5f5f5;padding-right: 20px;}
.tent>.left>a:hover{color: #fff;background: #5ca6ff;}
.tent>.left>.avt{color: #fff;background: #5ca6ff;}
.tent>.left>div{background: url(../images/3_07.jpg);height: 497px;padding: 24px 40px 0 30px;margin-top: 30px;}
.tent>.left>div>p{font-size: 14px;line-height: 26px;color: #666666;}
.lb>div{width: 279px;float: left;margin-right: 27px;margin-bottom: 50px;position: relative;}
.lb>div:nth-child(3n){margin-right: 0;}
.lb>div img{width: 279px;height: 200px;}
.lb>div p{font-size: 16px;color: #fff;text-align: center;position: absolute;bottom: 0;left: 0;height: 40px;line-height: 40px;background: rgba(0,89,196,0.6);padding-left: 20px;width: 100%;text-align: left;}
.fanan>p{text-align: center;margin: 18px auto 70px;font-size: 28px;color: #4d4d4d;}
.news>div{padding: 30px 40px 0;transition:0.5s;}
.news>div>a>b{display: block;height: 1px;width: 100%;background: #cccccc;margin-top: 29px;transition:0.5s;}
.news>div>a>img{vertical-align: middle;margin-right: 38px;}
.news>div>a>div{width: 532px;display: inline-block;vertical-align: middle;}
.news>div>a>div>span{font-size: 18px;color: #4d4d4d;transition:0.5s;font-weight: bold;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;display: block;}
.news>div:hover{background: #f2f2f2;}
.news>div:hover>a>b{opacity: 0;}
.news>div:hover>a>div>span{color: #0046a8;}
.news>div>a>div>p{font-size: 14px;color: #8a8a8a;margin: 24px 0 0;height: 105px;line-height: 24px;}
.news>div>a>div>div>b{font-size: 14px;color: #999999;font-weight: 500;}
.news>div>a>div>div>img{float: right;}
.news>div:last-child>a>b{opacity: 0;}
.newxq{margin: 40px auto 0;}
.newxq>div{width: 90%;margin: 50px auto 80px;}
.newxq>p{font-size: 30px;color: #4d4d4d;margin-bottom: 20px;text-align: center;}
.newxq>span{font-size: 14px;color: #999999;display: block;text-align: center;}
.newxq>ul{width: 100%;overflow: hidden;border-top: 1px solid #cccccc;padding-top: 28px;}
.newxq>ul>li{width: 50%;float: left;}
.newxq>ul>li>a{font-size: 14px;color: #666666;}
.newxq>ul>li:last-child{text-align: right;}
/*****分页控件*****/
.pagebox {
text-align:center
}
.pagination {
    margin: 0;
}
.pagination {
    display: block;
    /*padding-left:345px;*/
    margin: 22px 0;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}
.pagination>li {
    display: inline-block;
}
.pagination-gap>li:first-child>a, .pagination-gap>li:last-child>a {
    border-radius: 3px;
}

.pagination-gap>li>a {
    margin: 0 3px;
    border-radius: 3px;
    font-size:12px;
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 4px 12px;
    margin-left: -1px;
    line-height: 1.6;
    color: #76838f;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #e4eaec
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index: 2;
    color: #89bceb;
    background-color: #f3f7f9;
    border-color: #e4eaec
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #62a8ea;
    border-color: #62a8ea
}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
    color: #ccd5db;
    pointer-events: none;
    cursor: not-allowed;
    background-color: transparent;
    border-color: #e4eaec
}

.pagination-lg>li>a,.pagination-lg>li>span {
    padding: 6px 18px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination-sm>li>a,.pagination-sm>li>span {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}
