@charset "utf-8";
@import url(base.css);
.te{max-width: 1170px;box-sizing: border-box;margin: 0 auto;}

.header{width: 100%;background: #fff;position: fixed;z-index: 100000;transition: all .36s ease;height: 160px;top: 0;}
.headerup{width: 100%;height: 90px;border-bottom: 1px solid rgba(170, 170, 170, .2);box-sizing: border-box;}
.headerupcon{width: 100%;}
.headerupleft{float: left;padding-top: 10px;box-sizing: border-box;}
.headerupleft a{display: block;max-width: 160px;font-family:"ft" !important;}
.headerupleft a img{display: block;max-width: 100%;}
.headerupright{float: right;line-height: 90px;}
.headerupright p{font-size: 30px;color: #1268b1;font-weight: 400;}
.headerupright p i{display: inline-block;width: 36px;vertical-align: -7px;position: relative;}
.headerupright p i:before{content: '';width: 1px;height: 30px;background: rgba(170, 170, 170, .2);position: absolute;top: 2px;right: -12px;margin-right: 10px;}
.headerupright p i img{display: block;max-width: 100%;}
.headerbut{width: 100%;background: #fff;transition: all .36s ease;}
.header.active{position: fixed;top: -90px;box-shadow: 0 2px 6px rgba(0, 0, 0, .1);}
.headerbutcon{width: 100%;height: 70px;background: #fff;}
.headerbutleft{float: left;}
.headerbutleft>ul>li{float: left;position: relative;}
.headerbutleft>ul>li>a{display: block;padding: 0 24px;box-sizing: border-box;font-size: 14px;color: #666;position: relative;line-height: 67px;
border-bottom: 3px solid transparent;box-sizing: border-box;transition: all .3s;}
.headerbutleft>ul>li>a i{display: inline-block;width: 14px;height: 14px;background: url(../images/xl.png) center no-repeat;vertical-align: -2px;margin-left: 6px;}
.headerbutleft>ul>li>a:before{transition: all .36s ease;content: '';position: absolute;width: 1px;height: 12px;background-color: rgba(170, 170, 170, .2);top: 28px;right: 0;}
.headerbutleft>ul>li:last-child>a:before{display: none;}
.headerbutleft>ul>li.active>a{border-color: #1268b1;color: #1268b1;}
.headerbutleft>ul>li:hover>a{border-color: #1268b1;color: #1268b1;}
.headerbutleft.active>ul>li>a{transform: scale(0);opacity: 0;}
.headerdown{position: absolute;top: 70px;left: 0%;background: #fff;width: 180px;display: none;
border-radius: 0 0 4px 4px;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, .05);display: none;z-index: 1000;}
.headerdown a{display: block;padding: 0 24px;box-sizing: border-box;line-height: 47px;font-size: 14px;color: #666;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;text-align: center;border-bottom: 1px solid rgba(170, 170, 170, .2);box-sizing: border-box;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.headerdown a:hover{background: #1268b1;color: #fff;}
.headerdown a:last-child{border-radius: 0 0 4px 4px;}
.headerbutright{float: right;}
.headerbutright button{display: block;width: 30px;height: 30px;background: url(../images/ss.png) center no-repeat;cursor: pointer;border: 0;outline: none;
margin-top: 18px;transition: all .5s;float: right;position: relative;z-index: 1;}
.headerbutright button.active{transform: scale(0);}
.headerseach{transition: all .5s;transform: translateX(0%);opacity: 0;float: left;}
.headerseach.active{opacity: 1;transform: translateX(-100%);}
.headerseach input{display: block;width: 308px;height: 40px;border: 0;font-size: 14px;color: #333;background: url(../images/ss.png) 6px center no-repeat;
padding: 0 12px 0 32px;box-sizing: border-box;margin-top: 16px;}
.headerbj{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);z-index: 50;}
/* 手机端 */
.nav{width: 100%;height: 110px;background: #fff;position: fixed;top: 0;left: 0;z-index: 2000;padding: 0 14px;box-sizing: border-box;display: none;}
.navleft{float: left;width: 140px;height: 110px;display: flex;align-items: center;}
.navleft a{display: block;font-size: 0;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #1268b1;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #002B60;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;
background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-family: chainRegular;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #407aab;position: relative;}
.mobilelist>ul>li>a i{display: inline-block;width: 20px;height: 20px;background: url(../images/jiao.png) center no-repeat;
position: absolute;top:7px;right: 10px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.mobilenav{width: 100%;display: none;}
.mobilenav>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;border-top: 1px solid #eee;background: #5e83a2;
position: relative;}
.mobilenav>a:first-child{border-top: 0;}
.mobileseach{width: 80%;margin: 20px auto;position: relative;}
.mobileseach input{width: 100%;height: 38px;background: #F2F2F2;font-size: 17px;color: #333;
outline: none;border: 0;padding: 0 40px 0 15px;box-sizing: border-box;}
.mobileseach button{background: url(../images/ss.png) center no-repeat;width: 38px;height: 38px;
border: 0;outline: none;display: block;position: absolute;top: 0;right: 0;}

.banner{width: 100%;margin-top: 160px;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li a{display: block;width: 100%;}
.bannercon ul li a img{display: block;width: 100%;height: 400px;object-fit: cover;}
.bannerdian{bottom: 20px !important;}
.bannerdian .swiper-pagination-bullet{border-radius: 0% !important;opacity: 1 !important;height: 10px !important;width: 10px !important;
margin: 0 5px !important;transition:.5s;border: 1px solid #fff;overflow: hidden;box-sizing: border-box;
background: transparent !important;}
.bannerdian .swiper-pagination-bullet-active{background: #fff !important;}
.bannercon .bannernext{background: url(../images/right.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -20px;right: 2% !important;border-radius: 0%;}
.bannercon .bannerprev{background: url(../images/left.png) center no-repeat;width: 40px;height: 40px;position: absolute;top: 50% !important;
z-index: 100;cursor: pointer;margin-top: -20px;left: 2% !important;border-radius: 0%;}
.conter{width: 100%;background: #fff;}
.first{width: 100%;background: #fff;}
.firstcon{width: 100%;padding: 50px 0;border-bottom: 1px dotted #d3d3d3;box-sizing: border-box;}
.title{width: 100%;overflow: hidden;margin-bottom: 34px;}
.title h5{font-size: 24px;color: #1268b1;font-weight: bold;}
.title h5 span{text-transform: uppercase;margin-left: 24px;color: #bbb;font-size: 18px;font-weight: 500;}
.firstlist{width: 100%;overflow: hidden;}
.firstlist ul li{float: left;width: 32%;margin-right: 2%;}
.firstlist ul li:last-child{margin-right: 0;margin-bottom: 0;}
.firstlist ul li a{display: block;width: 100%;}
.firstimg{width: 100%;overflow: hidden;}
.firstimg img{display: block;max-width: 100%;transition: all .36s;}
.firstext{width: 100%;padding-top: 26px;box-sizing: border-box;}
.firstext h5{font-size: 16px;color: #333;line-height: 28px;transition: all .36s;}
.firstext h6{font-size: 13px;color: #1268b1;line-height: 18px;}
.firstext p{font-size: 12px;line-height: 22px;height: 44px;color: #868585;margin-top: 12px;}
.firstext p span{display: inline-block;margin-right: 6px;}
.firstlist ul li:hover .firstimg img{transform: scale(1.08);}
.firstlist ul li:hover .firstext h5{color:#1268b1;}
.two{width: 100%;background: #fff;}
.twocon{width: 100%;overflow: hidden;padding: 50px 0;box-sizing: border-box;border-bottom: 1px dotted #d3d3d3;}
.twoleft{float: left;width: 48%;margin-right: 4%;overflow: hidden;}
.twoleft img{display: block;max-width: 100%;}
.tworight{float: right;width: 48%;}
.tworight .title{margin-bottom: 20px;}
.twotext{width: 100%;}
.twotextcon{width: 100%;}
.twotextcon p{font-size: 12px;color: #999;line-height: 24px;text-indent: 2em;}
.mored{transition: all .36s ease;border: 1px solid rgba(170, 170, 170, .2);display: inline-block;font-size: 14px;
line-height: 30px;color: #999;padding: 5px 40px;box-sizing: border-box;margin-top: 20px;text-transform: uppercase;}
.mored:hover{border-color: #1268b1;background: #1268b1;color: #fff;}
.three{width: 100%;background: #fff;}
.threecon{width: 100%;padding: 50px 0;border-bottom: 1px dashed #d3d3d3;box-sizing: border-box;}
.threebut{width: 100%;overflow: hidden;}
.threeleft{float: left;width: calc(100% - 330px);}
.threeleft a{display: block;width: 100%;}
.threeimg{float: left;width: 32%;margin-right: 2%;overflow: hidden;}
.threeimg img{display: block;width: 100%;transition: all .36s;}
.threetext{float: left;width: 66%;}
.threetime{float: left;width: 20%;text-align: center;margin-right: 2%;}
.threetime h5{font-size: 50px;color: #1268b1;font-weight: 400;line-height: 50px;}
.threetime p{font-size: 12px;color: #b1b1b1;font-weight: 400;}
.threetexted{float: left;width: 78%;padding-right: 6%;box-sizing: border-box;}
.threetexted h5{font-size: 16px;color: #333;font-weight: 400;line-height: 40px;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .36s;}
.threetexted p{font-size: 12px;color: #b1b1b1;font-weight: 400;line-height: 24px;height: 44px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.threetexted span{transition: all .36s ease;border: 1px solid rgba(170, 170, 170, .2);display: inline-block;font-size: 14px;
line-height: 30px;color: #999;padding: 0px 30px;box-sizing: border-box;margin-top: 30px;text-transform: uppercase;}
.threeleft:hover .threeimg img{transform: scale(1.08);}
.threeleft:hover .threetexted h5{color: #1268b1;}
.threeleft:hover .threetexted span{border-color: #1268b1;background: #1268b1;color: #fff;}
.threeright{float: right;width: 330px;}
.threeright a{display: block;width: 100%;border-bottom: 1px dotted #ccc;height: 40px;box-sizing: border-box;line-height: 40px;
font-size: 12px;color: #b1b1b1;}
.threeright a span{float: left;width: 30%;}
.threeright a p{float: left;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .36s;}
.threeright a:hover p{color: #1268b1;}
.fore{width: 100%;}
.forecon{width: 100%;padding: 50px 0;border-bottom: 1px dashed #d3d3d3;box-sizing: border-box;overflow: hidden;}
.forebox{width: 100%;border: 1px solid rgba(170, 170, 170, .2);box-sizing: border-box;}
.foreboxup{width: 100%;}
.foreboxlist{width: 100%;}
.foreboxlist ul li{float: left;width: 25%;padding: 16px 0;box-sizing: border-box;background: #f8f8f8;cursor: pointer;
transition: all .36s ease;border-top: 3px solid transparent;}
.foreboxlist ul li h5{text-align: center;font-size: 16px;color: #333;line-height: 28px;transition: all .36s ease;}
.foreboxlist ul li p{text-align: center;font-size: 12px;color: #999;line-height: 18px;}
.foreboxlist ul li.active-nav{border-color: #1268b1;background: #fff;}
.foreboxlist ul li.active-nav h5{color: #1268b1;}
.foreboxlist ul li:hover h5{color: #1268b1;}
.foewboxbut{width: 100%;padding: 30px;background: #fff;box-sizing: border-box;}
.forelist{width: 100%;}
.forelist ul li{width: 100%;transition: all .36s ease;background: #fff;}
.forelist ul li a{display: flex;}
.foreimg{width: 30%;overflow: hidden;}
.foreimg img{display: block;width: 100%;transition: all .36s ease;}
.forelist ul li:hover .foreimg img{transform: scale(1.08);}
.foretext{width: 70%;padding: 20px;box-sizing: border-box;}
.foretext p{font-size: 12px;color: #999;line-height: 22px;}
.forelast{width: 100%;}
.forelastbut{float: right;}
.forenext{position: static;width: 30px;height: 30px;background: #ccc url(../images/fright.png) center no-repeat !important;float: left;cursor: pointer;transition: all .36s ease;}
.forenext:hover{background: #1268b1 url(../images/fright.png) center no-repeat !important;}
.foreprev{position: static;width: 30px;height: 30px;background: #ccc url(../images/fleft.png) center no-repeat !important;float: left;cursor: pointer;transition: all .36s ease;}
.foreprev:hover{background: #1268b1 url(../images/fleft.png) center no-repeat !important;}
.footer{width: 100%;background: #f5f5f5;}
.footerup{width: 100%;}
.footerupconter{width: 100%;padding-top: 50px;padding-bottom: 25px;/* border-bottom: 1px dotted #d3d3d */3;box-sizing: border-box;}
.footerimg img{display: block;max-width: 100%;margin: 0 auto 50px;}
.footeruplist{width: 100%;}
.footeruplist ul li{width: 100%;margin-bottom: 10px;}
.footeruplist ul li:last-child{margin-bottom: 0;}
.footeruplist ul li h3{font-weight: 500;font-size: 16px;color: #333;line-height: 24px;}
.footeruplist ul li h3 i{display: inline-block;width: 24px;vertical-align: -6px;margin-right: 4px;}
.footeruplist ul li h3 i img{display: block;width: 100%;}
.footerbut{width: 100%;}
.footerbutcon{width: 100%;padding: 10px 0;box-sizing: border-box;}
.footerbutcon span{display: table;font-size: 14px;color: #fff;border-radius: 10px;padding: 6px 20px;box-sizing:border-box;
background:#1268b1;min-width: 320px;margin: 0 auto 10px;text-align: center;}
.footerbutcon p{font-size: 12px;color: #666;line-height: 24px;text-align: center;}
.footerbutcon p a{font-size: 12px;color: #666;}
.nbanner{width: 100%;}
.nbanner img{display: block;width: 100%;height: 360px;object-fit: cover;}
.msamil{width: 100%;}
.msamilcon{width: 100%;height: 46px;border-bottom: 1px dotted #d3d3d3;box-sizing: border-box;overflow: hidden;}
.msamilright{float: right;line-height: 45px;}
.msamilright span{float: left;font-size: 12px;color: #939393;margin-right: 5px;}
.msamilright a{float: left;font-size: 12px;color: #939393;transition: all .3s;}
.msamilright a:hover{color: #1268b1;}
.msamilright b{float: left;font-size: 12px;color: #939393;font-weight: 500;margin: 0 5px;}
.msamilright strong{float: left;font-size: 12px;color: #1268b1;font-weight: 500;}
.nbox{width: 100%;padding: 60px 0;box-sizing: border-box;}
.nboxcon{width: 100%;}
.nboxleft{float: left;width: 28%;margin-right: 6%;overflow: hidden;}
.nboxleft h5{width: 100%;padding: 15px;background: #1268b1;font-size: 24px;color: #fff;box-sizing: border-box;}
.nboxleft ul li{width: 100%;}
.nboxleft ul li a{display: block;height: 50px;padding: 0 15px;box-sizing: border-box;font-size: 16px;color: #333;    
transition: all .36s ease;background: #f5f5f5;border-bottom: 2px solid #fff;box-sizing: border-box;line-height: 50px;}
.nboxleft ul li:hover a{background: #1268b1;color: #fff;line-height: 50px;}
.nboxright{float: right;width: 66%;}
.nboxtitle{width: 100%;font-size: 22px;line-height: 34px;color: #444;border-bottom: 1px dotted rgba(170, 170, 170, .2);
padding-bottom: 20px;box-sizing: border-box;margin-bottom: 20px;}
.nboxconter{width: 100%;}
.nboxconter p{font-size: 13px;color: #666;line-height: 26px;}
.nboxconter p img{display: block;width: 100%;}
@media screen and (max-width: 1180px) {
	.te{max-width: 100%;padding: 0 4%;box-sizing: border-box;}
}
@media screen and (max-width: 1060px) {
	.headerbutleft>ul>li>a{padding: 0 12px;}
	.header{display: none;}
	.nav{display: block;}
	.banner{margin-top: 60px;}
	.firstcon,.twocon,.threecon,.forecon{padding: 40px 0;}
	.footerupconter{padding: 25px 0;}
	.twocon{display: block;}
	.twoleft{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.twoleft img{display: block;width: 100%;}
	.tworight{width: 100%;}
	.threeleft{float: none;width: 100%;}
	.threeright{float: none;width: 100%;margin-top: 10px;}
	.nbox{padding: 40px 0;}
	.nboxleft{display: none;}
	.nboxright{float: none;width: 100%;}
	.msamilright{float: left;}
}
@media screen and (max-width: 580px) {
	.mobileseach{width: 94%;}
	.bannercon ul li a img{height: 260px;}
	.firstlist ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
	.threeimg{float: none;width: 100%;margin-right: 0;margin-bottom: 10px;}
	.threetext{width: 100%;float: none;}
	.threetexted{padding-right: 0;}
	.forelist ul li a{display: block;}
	.foreimg{width: 100%;float: none;margin-bottom: 10px;}
	.foewboxbut{padding: 12px;}
	.foretext{width: 100%;padding: 0;float: none;}
	.footerimg img{margin-bottom: 20px;}
	.footeruplist ul{display: block;}
	.footeruplist ul li{margin-bottom: 10px;}
	.footeruplist ul li:last-child{margin-bottom: 0px;}
	.nbanner img{height: 260px;}
}