@charset "utf-8";
/*通用样式*/
html, body, div, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0;  font-family: "Noto Sans SC"; font-weight: 400;list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font-size:14px; line-height:24px; font-family: "Noto Sans SC"; font-weight: 400; }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:#006ad0;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
/* CSS Document */

.pc{ display:block;}
.mobile{ display:none;}
.messign{ display:none}
.mt50{ margin-top:50px; }
.mb50{ margin-bottom:50px;}
.top{width: 100%;    background: #FFF;
    position: absolute; top:0;
    height: 76px;
    z-index: 999; }
.topBox{width: 100%; padding:0 20px; margin: 0 auto;}
.logo{float: left; overflow: hidden; max-width:100%; margin-top: 0px; height: 66px;}
.logo img{display: block; max-width: 100%;height: 43px;  margin-top: 15px;}
.nav{
    float: left;
    margin-left: 3%;
    }
.nav ul li{float: left;}
.nav ul li a{display: block; padding: 0 30px; font-size: 16px; line-height: 76px; color: #444444; transition: 0.5s;}
.nav ul li:hover>a, .nav ul li.active a{background: #2386ee; color: #fff;}
.li3 div p b{ font-size:16px; font-weight:700; display:block; margin-bottom:15px; margin-top: 10px;}
.fwrx{ float:right;padding-top: 25px;margin-right: 20px;}
.fwrx p{ color: #444444; margin-bottom: 0px;     width: 127px; float: left;}
.fwrx h2{font-size: 18px; font-weight:bold; line-height: 1; color: #2386ee;     float: right; margin-top: 2px;}
.xlcd{position: absolute; top: 76px; left: 0; background: #fff; width: 100%; display: none; z-index: 99;box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.xlcd .xlcdBox{width: 92%; max-width: 1410px; margin: 0 auto; padding-top: 45px; padding-bottom: 50px;}
.xlcd ul{overflow: hidden;}
.xlcd ul li{float: left; width: 15%; margin-right: 5%;}
.xlcd ul li.li3{float: left; width: 50%; margin-right: 5%;}
.xlcd ul li.li3>div{ width:30%; margin-right:5%; float:left;}
.xlcd ul li.li3>div:last-child{ margin-right:0;}
.xlcd ul li.li4{float: left; width: 75%; margin-right: 5%;}
.xlcd ul li.li4>div{ width:20%; margin-right:5%; float:left;}

.xlcd ul li h2{font-size: 18px; line-height: 44px; font-weight: bold; border-bottom: 1px dashed #7d7c7c; margin-bottom: 15px;}
.xlcd ul li p a{ color: #696969; font-size:15px; line-height: 35px; position: relative; padding-left: 15px; transition: 0.5s; background:#fff;}
.nav ul li.active .xlcd ul li p a{ background:#fff; color:#696969;}
.xlcd ul li p a:hover, .nav ul li.active .xlcd ul li p a:hover{  color:#000000;}
.xlcd ul li p a::after{content: ''; position: absolute; top: 50%; left: 1px; width: 5px; height: 5px; border-radius: 50%; background: #adabab;}

.xlcd ul li p b a{ font-size:16px; font-weight:bold; padding-left: 0px;}
.xlcd ul li p b a::after{ display:none;}

.banner{overflow: hidden; width: 100%; position: relative;}
.banner .swiper-slide>img{display: block; width: 100%;}
.banner .swiper-slide{position: relative;}
.banner .bannerT1{position: absolute; left: 10%; top: 25%; max-width: 50%; }
.banner .bannerT1 img{ max-width:100%; }
.banner .bannerT2{position: absolute; right: 45%; top: 10%; transform: translateY(-50%); width: 30%;}
.banner .banText{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.banner .banText a{position: absolute; left: 50%; top: 55%; transform: translateX(-50%); display: block; width: 168px; line-height: 56px;
font-size: 15px; color: #fff; background: #eca306; text-align: center; border-radius: 56px; transition: 0.5s;}
.banner .banText a:hover{background: rgba(255,255,255,.5); color: #eca306;}

.secwen {
  opacity: 0;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  transition: opacity 0.45s linear 0.1s, -webkit-filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.45s linear 0.1s, filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.45s linear 0.1s, filter 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s, transform 1s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-filter 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) 0.6s, -webkit-transform 1.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.secwen.animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.bannerpc{ margin-top:76px;}
.product{width: 100%;}
.productBox{width: 92%; margin: 0 auto; padding: 70px 0 0px; max-width: 1410px;}
.product .productTit{text-align: center; padding-bottom: 35px;}
.product .productTit h2{font-size: 35px; line-height: 85px; color: #000000; font-weight: bold; position: relative; margin-bottom: 20px;}
.product .productTit h2::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 48px; height: 3px; background: #2386ee;}
.product .productTit p{font-size: 16px; color: #5c5c5c; line-height: 1;}
.productBox ul{overflow: hidden;}
.productBox ul li{float: left;width: 33.3%; padding:20px 50px 35px; box-sizing: border-box; transition: all 0.5s; position: relative;}
.productBox ul li:nth-child(1){background: #5c63d2;}
.productBox ul li:nth-child(2){background: #006ad0;}
.productBox ul li:nth-child(3){background: #005da4;}
.productBox ul li:nth-child(1) .tit{background: url(../images/a1.png) right center no-repeat;}
.productBox ul li:nth-child(2) .tit{background: url(../images/a2.png) right center no-repeat;}
.productBox ul li:nth-child(3) .tit{background: url(../images/a3.png) right center no-repeat;}
.productBox ul li .tit{padding: 20px 0 15px;margin-bottom: 5px;}
.productBox ul li .tit h2{font-size: 26px; line-height: 1.5; color: #fff; font-weight: bold; margin-bottom: 10px;}
.productBox ul li .tit p{ color: #fff; line-height: 1; text-transform:uppercase;}
.productBox ul li .text{margin-bottom: 15px; height:60px;}
.productBox ul li .text p{font-size: 15px; color: #fff;line-height: 25px;
    height: 55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.productBox ul li .jiantou{display: block;width: 16px;height: 10px;background: url(../images/jiantou1.png) no-repeat;transition: 0.5s;z-index: 9;position: relative;display: none;}
.productBox ul li img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; bottom: -100%; transition: 0.5s;}
.productBox ul li:hover img{bottom: 0;}
.productBox ul li:hover .jiantou{background: url(../images/jiantou3.png) no-repeat;}
.productBox2{width: 92%; max-width: 1410px; margin: 0 auto; padding-bottom: 80px;}
.productBox2 ul{overflow: hidden; margin-bottom: 44px;}
.productBox2 ul a{float: left;width: 29%;margin-right: 1%;margin-bottom: 13px; height: 258px!important;padding: 66px 66px;box-sizing: border-box;border-radius: 7px;}
.productBox2 ul a:nth-child(3n){margin-right: 0;}
.productBox2 ul a:nth-child(1){width: 40%;background: url(../images/bg2-.jpg) no-repeat;background-size: 100% 100%; }
.productBox2 ul a:nth-child(2){background: url(../images/bg3-.jpg) no-repeat; background-size: 100% 100%;}
.productBox2 ul a:nth-child(3){background: url(../images/bg3_1-.jpg) no-repeat; background-size: 100% 100%;}
.productBox2 ul a:nth-child(4){background: url(../images/bg3_2.jpg) no-repeat; background-size: 100% 100%;}
.productBox2 ul a:nth-child(5){background: url(../images/bg4.jpg) no-repeat; background-size: 100% 100%;}
.productBox2 ul a:nth-child(6){width: 40%; background: url(../images/bg5.jpg) no-repeat; background-size: 100% 100%;}
.productBox2 ul li:nth-child(1) p{opacity: 1;}
.productBox2 ul li:nth-child(1):hover p{opacity: 1;}
.productBox2 ul li:nth-child(2) p{opacity: 1;}
.productBox2 ul li:nth-child(2):hover p{opacity: 1;}
.productBox2 ul li:nth-child(5) p{opacity: 1;}
.productBox2 ul li:nth-child(5):hover p{opacity: 1;}
.productBox2 ul li:nth-child(6) p{opacity: 1;}
.productBox2 ul li:nth-child(6):hover p{opacity: 1;}
.productBox2 ul li h2{font-size: 23px;line-height: 1;color: #fff;margin-bottom: 15px;}
.productBox2 ul li p{line-height: 24px;color: #fff;margin-bottom: 0px;transition: 0.5s;height: 47px;overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.productBox2 ul li a{display: block;/*width: 33px; height: 33px; border: 1px solid #fff; border-radius: 50%; position: relative;*/margin-top: 30px;}
.productBox2 ul li a img{/*position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);*/display: none;}
.productBox2 .more{display: block; margin: 0 auto; width: 183px; font-size: 15px; line-height: 58px; text-align: center; color: #fff; background: #006ad0;
border-radius: 58px; transition: all 0.5s; border: 1px solid #006ad0;}
.productBox2 .more:hover{background: #fff; color: #006ad0; border: 1px solid #006ad0;}
.aboutUs{width: 100%; background: url(../images/index_18.jpg) no-repeat; background-size: 100% 100%; text-align: center;}
.aboutUs .aboutBox{width: 73.4%; margin: 0 auto; padding-top: 140px; max-width: 100%;}
.aboutUs .aboutBox>h2{font-weight: bold; font-size: 36px; color: #006ad0; line-height: 1; margin-bottom: 24px; line-height: 1;}
.aboutUs h3{font-size: 29px; line-height: 1; color: #fff; margin-bottom: 56px;}
.aboutUs .aboutBox>p{font-size: 15px; line-height: 36px; color: #fff; margin-bottom: 88px; text-align: center; max-width: 872px; margin: auto;}
@keyframes ks{
	0%{transform: scale(1); opacity: 1;}
	100%{transform: scale(1.5); opacity: 0;}
}
.aboutUs .moreWarp{ width: 88px; height: 88px; margin: 0 auto;margin-bottom: 136px; position: relative;    margin-top: 88px;}
.aboutUs .more{display: block; width: 88px; height: 88px; border-radius: 50%; background: url(../images/jiantou1.png) center 54px no-repeat #eca306; color: #fff;padding-top: 30px;  box-sizing: border-box; line-height: 1; position: relative; z-index: 99;}
.aboutUs .moreWarp .bg{animation: ks 1s linear infinite; width: 100%; height: 100%; border-radius:50%; position: absolute; left: 0; top: 0; border: 1px solid #fff;}

.aboutUs .aboutBot{background: #fff;}
.aboutBot ul{overflow: hidden;}
.aboutBot ul li{float: left; width: 20%; text-align: center; padding: 49px 0 38px; position: relative;}
.aboutBot ul li::after{content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 65px; background: #e2e2e2;}
.aboutBot ul li:last-child::after{display: none;}
.aboutBot ul li h2{font-size: 34px; line-height: 1; color: #3a3939; font-weight: bold; margin-bottom: 15px;}
.aboutBot ul li h2 span{font-size: 12px; vertical-align: 15px; margin-left: 3px;}
.aboutBot ul li p{font-size: 15px; color: #535252; line-height: 1;}
.newsCenter{width: 100%; background: #f7f7f7;}
.newsBox{width: 73.4%; margin: 0 auto; max-width: 100%; overflow: hidden; padding: 80px 0;}
.newsBox .newsTit{margin-bottom: 50px;}
.newsBox .newsTit h2{font-size: 35px; color: #000000; font-weight: bold; line-height: 46px;}
.newsBox .newsTit h2 a{display: block; float: right; font-size: 15px; line-height: 46px; color: #535252; width: 164px; border-radius: 46px;
border: 1px solid #535252; text-align: center; transition: 0.5s;}
.newsBox .newsTit h2 a:hover{background: #eca306; color: #fff; border: 1px solid #eca306;}
.newsBox .newsLeft{float: left; width: 42%; height: 520px; background: #fff;}
.newsBox .newsLeft .icon{width: 100%; overflow: hidden;}
.newsBox .newsLeft .icon img{display: block; width: 100%;}
.newsBox .newsLeft .text{padding: 30px; overflow: hidden;}
.newsBox .newsLeft .text span{ font-size:20px; color: #006ad0; font-weight:bold; line-height: 1; display: block;}
.newsBox .newsLeft .text p{font-size: 18px; line-height: 30px; color: #2a2a2a; float: left; width:calc(100% - 60px); margin-top:10px;}
.newsBox .newsLeft .text a{display: inline-block; float: right; width: 42px; height: 42px; border-radius: 50%; border: 1px solid #e2e2e2;
background: url(../images/jiantou2.png) center no-repeat;  transition: 0.5s;}
.newsBox .newsLeft .text:hover a{background: url(../images/jiantou1.png) center no-repeat #eca306;}
.newsBox .newsLeft .text .textT{overflow: hidden;}
.newsBox .newsRight{width: 56%; float: right; background: #fff; padding:70px 50px; height: 520px; overflow: hidden;}
.newsBox .newsRight li{overflow: hidden; margin-bottom: 60px;}
.newsBox .newsRight li:last-child{margin-bottom: 0;}
.newsList-left{float: left; width: 120px; padding:18px 40px 18px 0; box-sizing: border-box; border-right: 1px solid #dad7d7; text-align:right;}
.newsList-left h2{font-size: 24px; margin-bottom: 10px; color: #006ad0; font-weight: bold; line-height: 1;}
.newsList-left p{ color: #535252; line-height: 1; }
.newsList-right{float: right; width:calc(100% - 120px); padding-left: 40px; box-sizing: border-box; }
.newsList-right h2{font-size: 18px; color: #000000; height:20px; line-height: 20px; margin-bottom: 20px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsList-right .text{overflow: hidden;}
.newsList-right .text p{text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; float: left; box-sizing: border-box; padding-right:20px ; line-height: 24px; color: #8a8989; width: calc(100% - 50px); overflow: hidden; height: 48px;}
.newsList-right .text p a{ color: #8a8989;}
.newsList-right .text .jiantou{display: block; float: right; width: 40px; height: 40px; border-radius: 50%; background: url(../images/jiantou2.png) center no-repeat;
border: 1px solid #e2e2e2; transition: 0.5s; margin-top:3px;}
.newsBox .newsRight li:hover .jiantou{background: url(../images/jiantou1.png) center no-repeat #eca306;}
.contact{padding: 70px 0 70px; width: 100%; background: url(../images/bullbg.jpg) no-repeat; background-size:100%; text-align: center;}
.contact h2{font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 40px;}
.contact input{outline: none; height: 40px; border: 0; margin-right: 15px; padding-left: 15px; width: 150px; box-sizing: border-box; font-size: 15px;}
.contact input.liuyan{width: 447px;}

 
#contact{width:100%; max-width:100%;}

.contactBox{ max-width: 1410px;  margin: auto; display:flex;}
.contactBox form{width:81%; float:left; margin-right: 9%;}
.contactBox .pic{width:10%; float:right; margin-top: -4%;}
.contactBox .pic img{max-width:100%; width:100px;}

.contact button{display: inline-block;width: 160px;line-height: 40px;text-align: center;color: #fff;background: #eca306;padding: 0;border: 0;cursor: pointer;}
.footer{width: 100%;background: #ffffff;}
.footerBox{ width: 90%; /*max-width:1410px;*/ margin: 0 auto; padding: 15px 0 15px; display:flex; line-height: 20px;}
.footLeft{width:50%; float:left;}
.logoleft{width:20%; float:left; }
.logoleft img{margin-top:10px;}
.hotline{width: 25%;line-height: 30px; float: left;} 
.hotline-1{ display:block; float:left;font-size: 15px;margin-bottom: 5px;}
.footRight{width: 50%; float: right; text-align:right;}
.footRight {margin-top:0px; font-size:15px;}
.hotline img{float:left;}

.footerList{overflow: hidden;border-bottom: 1px solid rgb(58 58 58 / 10%);padding-bottom: 10px;}
.footerBox ul{float: left; overflow: hidden;}
.footerBox ul li{float: left; margin-right: 175px;}
.footerBox ul li:last-child{margin-right: 0;}
.footerBox ul li h2{font-size: 18px;color: #1b1b1b;line-height: 1;margin-bottom: 20px;}
.footerBox ul li p{color: rgb(96 96 96 / 100%);line-height: 25px;}
.footerBox ul li p a{color: rgb(96 96 96 / 100%);transition: 0.5s;}
.footerBox ul li p a:hover{color: #006ad0;}
.footerBox .focusUs{float: right;}
.footerBox .focusUs h2{font-size: 18px;color: #1b1b1b;line-height: 1;margin-bottom: 15px;}
.footerBox .focusUs .pic{width: 110px; overflow: hidden; margin-bottom: 5px;}
.footerBox .focusUs .pic img{display: block; width: 100%;}
.footerBox .focusUs p{text-align: center;color: rgb(96 96 96 / 100%);}
.footerBot{padding-top:0px;color: #606060;}
.footerBot p span{float: none; margin-left: 5px;}
.hotline-2{float: left; color:#606060;font-size: 15px; margin-left:10px;}
.address{  color:#606060;   }


.screen{width: 100%; height: 100%; background: rgba(0,0,0,.5); display: none; z-index: 99; position: fixed;}
.sidebar{position: fixed;right: 5px;top: 301px;z-index: 99;width: 80px;}
.sidebar ul{background: #0067ed;border-radius: 0px;margin-bottom: 10px;}
.sidebar ul li{padding: 10px 2px;position: relative;border-top: 1px solid #fff;}
.sidebar ul li a{display: block;width: 60px; height: 60px; transition: 0.5s;}
.sidebar ul li:nth-child(1) a{background: url(../images/ceooff.png) center no-repeat; background-size: cover; margin-left:10px;}
.sidebar ul li:nth-child(1):hover a{background: url(../images/ceoon.png) center no-repeat; background-size: cover;}
.sidebar ul li:nth-child(2) a{background: url(../images/phoneoff.png) center no-repeat; background-size: cover; margin-left:10px;}
.sidebar ul li:nth-child(2):hover a{background: url(../images/phoneon.png) center no-repeat; background-size: cover;}
.sidebar ul li:nth-child(3) a{background: url(../images/formoff.png) center no-repeat; background-size: cover;}
.sidebar ul li:nth-child(3):hover a{background: url(../images/formon.png) center no-repeat; background-size: cover;}
.sidebar ul li div{position: absolute; left: -152px; top: 0; width: 150px; display: none; box-sizing: border-box; padding: 10px;
background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.5);}
.sidebar ul li div img{display: block; width: 100%;}
.sidebar ul li div h2{color: #2386ee; font-weight: bold;}
.sidebar ul li:hover div{display: block;}
.sidebar .toTop{display: block; width: 80px; height: 66px; background: url(../images/goTop.png) center no-repeat #2386ee; border-radius: 0px; transition: 0.5s;}
.sidebar .toTop:hover{background: url(../images/goTops.png) center no-repeat #2386ee;}
.at_banner{width: 100%; overflow: hidden; position: relative; /*max-height: 400px;*/ margin-top:76px;}
.at_banner img{display: block; width: 100%;}
.at_banner h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 46px; color: #fff; font-weight: bold; line-height: 86px;}
.at_banner h2 span::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 63px; height: 1px; background: #fff;}
.aboutUs_nav{width: 100%; z-index: 2; background: #ffffff; border-bottom: 1px solid #e6e6e6;}
.fixBox .aboutUs_nav { position: fixed; left: 0; top: 0;}
.fixBox { padding-top: 75px;}
.aboutUs_navBox{width: 92%; max-width: 1410px; margin: 0 auto; overflow: hidden;}
.aboutUs_navBox ul{float: left;}
.aboutUs_navBox ul li{display: inline-block;}
.aboutUs_navBox ul li a{display: block; padding: 0 40px; line-height: 75px; color: #535252; font-size: 16px;font-weight: bold;}
.aboutUs_navBox ul li.on a{color: #fff; background: #2386ee;}
.location{float: right; line-height: 75px;}
.location a{color: #535252; margin: 0 5px;}
.location a:hover{text-decoration: underline;}
.location span{display: inline-block; width: 17px; overflow: hidden; margin-right: 7px; vertical-align: -6px;}
.location span img{display: block; width: 100%;}
.introduceBox{width: 92%; max-width: 1410px; margin: 0 auto; padding: 60px 58px 100px;}
.introduceTit{margin-bottom: 58px;}
.introduceTit h2{font-size: 36px; line-height: 80px; color: #004a99; font-weight: bold; text-align: center; position: relative;}
.introduceTit h2::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 1px; background: #3a3939;}
.introduceMain p{font-size: 15px; line-height: 35px; color: #535252; text-indent: 30px;}
.introduceMain h3{padding-left: 30px; font-size: 20px; line-height: 34px; color: #3a3939; font-weight: bold;}
.introduceMain strong, .introduceMain b{ font-weight:bold;}
.team{width: 100%; background: url(../images/bullbg_02.jpg)no-repeat; background-size: 100% 100%;}
.teamBox{width: 92%;max-width: 1410px;margin: 0 auto;overflow: hidden;padding: 120px 0 120px;}
.teamBox .left{float: left;width: 35%;}
.teamBox .left .teamTit{padding-top: 50px;margin-bottom: 52px;}
.teamBox .left .teamTit h2{font-size: 29px; line-height: 73px; font-weight: bold; color: #fff; position: relative;}
.teamBox .left .teamTit h2::after{content: ''; position: absolute; left: 0; bottom: 0; width: 60px; height: 1px; background: #fff;}
.teamBox .left p{font-size: 15px; line-height: 36px; color: #fff;}
.teamBox .right {float: right;width: calc(100% - 42%);overflow: hidden;}
.teamBox .right .pic{width: 650px;float: right;position: relative;}
.teamBox .right .pic img{display: block; width: 100%;}
.teamBox .right .arrow{position: absolute; bottom: 0; left: -72px; }
.teamBox .right .arrow span{display: block; width: 33px; height: 33px; border: 1px solid #fff; border-radius: 50%; margin-top: 10px; cursor: pointer; outline: none;}
.teamBox .right .next{background: url(../images/gywm_next.png) center no-repeat;}
.teamBox .right .prev{background: url(../images/gywm_prev.png) center no-repeat;}
.development{padding: 66px 0 0;}
.developmentBox{padding: 0px 10%; cursor: url(../images/hmous.png),default!important; position: relative;}
.development .developmentTit{margin-bottom: 65px;}
.development .developmentTit h2{font-size: 29px;line-height: 78px;color: #3a3939;position: relative;text-align: center;font-weight: bold;}
.development .developmentTit h2::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); width: 60px; height: 1px; background: #474646;}
.development .swiper{position: relative;}
.development .swiper::after{content: ''; position: absolute; left: 0; top: 108px; width: 100%; height: 3px; background: url(../images/diandian_03.jpg);}
.development .swiper h2{font-size: 30px; line-height: 112px; color: #1f198e; position: relative; margin-bottom: 24px;}
.development .swiper h2::after{content: ''; position: absolute; left: 0; bottom: 0; width: 7px; height: 7px; background: #1f198e; border-radius: 50%;}
.development .swiper p{ color: #6f6e6e; line-height: 40px; transition: 0.5s;}
.development .swiper p:hover{color: #006ad0; font-size: 16px;}


.contactUs{width: 100%; background: #f7f7f7;}
.contactUsBox{width: 92%;max-width: 1410px;margin: 0 auto;padding: 60px 0 120px;}
.contactUs .contactUsTit{margin-bottom: 50px;}
.contactUs .contactUsTit h2{font-size: 29px; line-height: 70px; font-weight: bold; text-align: center; position: relative;}
.contactUs .contactUsTit h2::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 1px; background: #0068b8;}
.contactUs .contactUsMain{width: 100%; background: #fff; padding: 84px 70px; overflow: hidden;}
.contactUs .contactUsMain .text{width: 43.6%; float: left; padding-top: 18px;}
.contactUs .contactUsMain .text h2{font-size: 24px; color: #004a99; line-height: 1; margin-bottom: 30px;}
.contactUs .contactUsMain .text p{font-size: 15px; line-height: 36px; color: #6e6d6d;}
.contactUs .contactUsMain .map{float: right; width: calc(100% - 43.6%); height: 292px;}

.product_content{width: 100%; background: #f7f7f7; padding-top:90px; padding-bottom: 90px;}
.product_contentBox{width: 92%; max-width: 1410px; margin: 0 auto;}
.product_contentTit{margin-bottom: 30px; height: 50px; margin-top: 23px;}
.product_contentTit h2{font-size: 36px; font-weight:bold; color: #2b2c2c; line-height: 60px; position:relative; padding-left:220px; }
.product_contentTit h2 img { position:absolute; left:0; height:60px; width:auto;}
.product_contentTit h2 span{font-size: 50px; color: #ececec; font-weight: bold; line-height: 1; margin-left: 10px;}
.product_contentList{ padding-top:0px;}
.product_contentList ul{overflow: hidden;}
.product_contentList ul li{float: left; width: 30%; margin-right: 5%;  box-sizing: border-box;}
.product_contentList ul li:last-child{margin-right: 0; }
.product_contentList .pic{width: 131px; overflow: hidden; margin-bottom: 40px;}
.product_contentList .pic img{display: block; width: 100%;}
.product_contentList ul li:last-child .pic{width: 202px; margin-top: 15px;}
.product_contentList h2{font-size: 20px; color: #3a3939; line-height: 1; font-weight: bold; margin-bottom: 25px;}
.product_contentList dl{overflow: hidden;}
.product_contentList dl dd{ width: 100%;  margin-bottom: 15px;}
.product_contentList dl dd a{display: block; font-size:16px; font-weight:bold; color: #535353; line-height: 48px; padding-left: 17px; transition: 0.5s;
background: url(../images/jiantou4.png) right 20px center no-repeat #f4f4f4;}
.product_contentList dl dd a:hover{background: url(../images/jiantou1.png) right 20px center no-repeat #2386ee; color: #fff;}
.productMain1{ background:#fff; padding:20px 50px;}
.productMain2 .product_contentList dl dd{ width:30%; margin-right:5%; float:left;}
.productMain2 .product_contentList dl dd:nth-child(3n){ margin-right:0;}

.white{background: #fff; padding: 46px 62px;}
.productMain3{width: 1080px; max-width: 100%;}
.productMain3 .white{padding-right: 30%;}
.productMain3 .pic{width: 285px;}

.details{width: 100%;background-color: #dfe0e4;padding: 103px 0 120px;}
.detailsBox{width: 92%; max-width: 1410px; margin: 0 auto;}
.detailsBox .main1{background: rgb(255,255,255);margin-bottom: 46px;padding: 64px 107px;overflow: hidden;}
.detailsBox .main1 .pic{float: left; width: 50%;}
.detailsBox .main1 .pic img{display: block; width: 90%; border: 1px solid #f1f1f1;}
.detailsBox .main1 .text{float: right; width: 50%; padding: 72px 0 0 90px;}
.detailsBox .main1 .text h2{font-size: 35px; color: #2b2c2c; line-height: 1; margin-bottom: 20px; font-weight: bold;}
.detailsBox .main1 .text p{font-size: 17px; color: #3a3939; line-height: 1; margin-bottom: 85px;}
.detailsBox .main1 .text a{display: inline-block; width: 180px; font-size: 16px; line-height: 48px; text-align: center; color: #535353; background: #e1e1e1;
margin-right: 10px; transition: 0.5s;}
.detailsBox .main1 .text a:hover{color: #fff; background: #eca306;}
.main2{background: rgb(255,255,255);}
.main2_nav{overflow: hidden;}
.main2_nav a{display: block; width: 33.33%; float: left; text-align: center; padding: 26px 0; box-sizing: border-box; font-size: 17px; color: #fff;}
.main2_nav a img{display: block; margin: 0 auto; width: 22px; margin-bottom: 13px;}
.main2_nav a:nth-child(1){background: #2b2c2c; display: none;}
.main2_nav a:nth-child(2){background: #006ad0;}
.main2_nav a:nth-child(3){background: #2e287c;}
 
.main2Box {
    padding: 0 57px;
}
.cpjs{padding: 53px 0 69px; text-align: center; border-bottom: 1px solid #ececec;}
.cpjsTit{margin-bottom: 36px; }
.cpjsTit h2{font-size: 29px; color: #2b2c2c; font-weight: bold; line-height: 1;}
.cpjs h2{ font-size:24px; font-weight:bold; line-height:1.5; color:#000; max-width:1000px; margin:0 auto; padding:10px 0;}
.cpjs h2 span{ display:inline-block; font-size:20px; font-weight:bold; line-height:1.5 !important; width:320px !important; padding:10px 20px; background:#003f98; color:#fff; text-align:center;}
.cpjs h4{ font-size:20px; font-weight:bold; line-height:1.5; color:#000; padding:10px 0; max-width:1000px; margin:0 auto;}

.cpjs p{font-size: 16px; line-height: 34px; color: #3a3939; line-height:1.75; padding:5px 0;}
.cpjs p strong, .cpjs p b{ font-weight:bold; color:#000;}
.cpjs p img{max-width:100%;}
.cpys{padding: 70px 0;}
.cpysTit{margin-bottom: 55px;}
.cpysTit h2{font-size: 29px; color: #113a7a; font-weight: bold; line-height: 1; text-align: center;}
.cpys ul{overflow: hidden; padding-top: 10px;}
.cpys ul li{float: left; width: 33.33%; padding: 0 75px; box-sizing: border-box; text-align: center;}
.cpys ul li .pic{width: 97px; overflow: hidden; margin: 0 auto 29px; transition: 0.5s;}
.cpys ul li .pic img{display: block; width: 100%;}
.cpys ul li:hover .pic{transform: translateY(-10px);}
.cpys ul li h2{font-size: 22px; color: #2a2a2a; font-weight: bold; line-height: 1; margin-bottom: 17px;}
.cpys ul li p{font-size: 15px; line-height: 30px; color: #8a8989;}
.cpgn{padding: 76px 58px 111px;}
.cpgnTit{margin-bottom: 62px;}
.cpgnTit h2{font-size: 29px; color: #2b2c2c; font-weight: bold; text-align: center; line-height: 1;}
.cpgn ul li{background: #f9f9f9; overflow: hidden; height: 172px; margin-bottom: 15px;}
.cpgn ul li .left{float: left; width: 274px; padding: 38px 0 0 64px;}
.cpgn ul li .left .pic{width: 40px; height: 40px; background: #838383; border-radius: 50%; color: #fff; font-size: 20px; font-weight: bold;
text-align: center; line-height: 40px; margin-bottom: 22px; transition: 0.5s;}
.cpgn ul li:hover .left .pic{background: #0057c7;}
.cpgn ul li .left h2{font-size: 22px; color: #3a3939; line-height: 1; font-weight: bold;}
.cpgn ul li .text{float: left; width: calc(100% - 274px); padding-right: 65px; position: relative; height: 100%;}
.cpgn ul li .text .textBox{position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.cpgn ul li .text p{font-size: 16px; line-height: 34px; color: #3a3939;}




.fangan_contentTit{margin-bottom: 34px; }
.fangan_contentTit h2{font-size: 30px; color: #2b2c2c; font-weight:bold; line-height: 1; padding-bottom:30px; border-bottom:1px solid #eee;}
.fangan_contentTit h2 span{font-size: 50px; color: #ececec; font-weight: bold; line-height: 1; margin-left: 10px;}
.fangan_contentList ul{overflow: hidden;}
.fangan_contentList ul li{float: left; width: 32%; margin-right: 2%; box-sizing: border-box; margin-bottom:20px; height:386px;}
.fangan_contentList ul li:nth-child(3n){margin-right: 0; }
.fangan_contentList ul li img{ width:100%;}
.fangan_contentList ul li p{ line-height:50px; font-size:18px; color:#141e2a; text-align:center;}
.fangan_contentList2 ul{overflow: hidden;}
.fangan_contentList2 ul li{float: left; width: 23.5%; margin-right: 2%; box-sizing: border-box; margin-bottom:20px;}
.fangan_contentList2 ul li:nth-child(4n){margin-right: 0; }
.fangan_contentList2 ul li img{ width:100%;}
.fangan_contentList2 ul li p{ line-height:50px; font-size:18px; color:#141e2a; text-align:center;}


.jishu{ padding:80px; background:#fff; }
.jishuTop{}
.jishuTop li{ width:100%; margin-right:0%; background:#f3f4f8; float:left;}
.jishuTop li:nth-child(2n){ margin-right:0;}
.jishuTop li>div{ padding:50px; height:250px;}
.jishuTop li>div h2{ font-size:22px; color:#0068b8; font-weight:bold; margin-bottom:20px;}
.jishuTop li>div p{ font-size:16px; line-height:30px; color:#8a8989;}
.jishuTop li>div p b{ font-weight:bold;}
.jishu-left{width:48%; float:left;}
.jishuTop .jishu-right{width:52%; float:left; padding:0px;}
.jishuTop .jishu-right img{max-width:100%; max-height: 100%;}

.jishuMid{ position:relative; margin-top:80px; background:#0452c5; height: 413px;}
.jishuMImg{ width:48%; margin:0; padding:0;}
.jishuMImg img{ width:100%; height:auto;}
.jishuMText{ width:52%; padding:5% 10% 5% 10%; overflow: hidden; position: absolute; height: 100%; right: 0; top: 0; }
.dtable { display: table; width: 100%; height: 100%; }
.dtable-cell { display: table-cell; vertical-align: middle; }
.jishuMText h2{ font-size:36px; line-height:1.5; font-weight:bold; color:#fff;}
.jishuMText h3{ font-size:24px; color:rgba(255,255,255,0.6); font-weight:bold; margin-bottom:40px;}
.jishuMText p{ font-size:16px; color:#fff; line-height:2;}

.jishuBot{ margin-top:80px;}
.jishuBot .shishiTit{text-align: center; padding-bottom: 54px;}
.jishuBot .shishiTit h2{font-size: 36px; line-height: 85px; color: #333333; font-weight: bold; position: relative; margin-bottom: 20px;}
.jishuBot .shishiTit h2::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60px; height: 3px; background: #2386ee;}

.jishuBot .shishiList{}
.jishuBot .shishiList li{ width:28%; height:280px; margin-right:4%; padding-right:4%; position:relative; float:left;}
.jishuBot .shishiList li::after{content: ''; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #ddd;}
.jishuBot .shishiList li h2{ font-size: 24px;
    font-weight: bold;
    line-height: 2;
    color: #ffffff;
    margin-bottom: 20px;
    background: #ff9100;
    border-radius: 300px;
    width: 50%;
    text-align: center;
    margin-bottom: 45px;	
 }
.jishuBot .shishiList li p{ font-size:16px; line-height:2; color:#767676;}
.jishuBot .shishiList li:last-child{ margin-right:0; padding-right:0;}
.jishuBot .shishiList li:last-child::after{ display:none;}


.fangan{ background:#fff; padding:60px;}
.fangan .fanganTitle{ font-size:28px; font-weight:bold; line-height:1.5; text-align:center;}
.fangan .content{ margin-top:50px;}
.fangan .content h2{ font-size:20px; font-weight:bold; color:#333; line-height:1.5; padding:10px 0;}
.fangan .content h4{ font-size:16px; font-weight:bold; color:#333; line-height:1.5; padding:10px 0;}
.fangan .content p{ font-size:15px; color:#666; line-height:1.75; padding:10px 0;} 
.fangan .content p span strong span,.fangan .content p span strong,.fangan .content p strong span{ font-weight:900;}


.newslist{width: 100%;overflow: hidden;}
.newslist ul{width: 100%;border-bottom: 1px solid #eee;}
.newslist ul li{position: relative;width: 100%;}
.newsmain{width: 100%;border-top: 1px solid #eee;overflow: hidden;padding: 20px 0;}
.newslist ul li:last-child .newsmain{border-bottom: 0;}
.newstime{position: absolute;width: 170px;right: 0;top: 20px;}
.newstime::after{content: '';position: absolute;width: 54px;height: 1px;background-color: #c3c3c3;left: 0;top: 15px;}
.newstime::before{content: '';position: absolute;width: 0px;height: 1px;background-color: #2386ee;left: 0;top: 15px;z-index: 2;transition: .4s ease;}
.newslist ul li:hover .newstime::before{width: 54px;}

.newstime h6{font-size: 30px;color: #888;text-align: right;line-height: 30px;}
.newstime p{font-size: 18px;color: #888;text-align: right;line-height: 26px;}
.newsmain .text{width: 68%;float: left;padding: 8px 0 0 36px;}
.newsmain .text h5{font-size: 22px;color: #000;line-height: 24px;height: 24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.newsmain .text p{font-size: 14px;color: #666;line-height: 26px;height: 76px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 28px;}
.newsmain .text h6{ width: 120px;height: 34px;border: 1px solid #2386ee;border-radius: 18px;margin-top: 30px;text-align: center;font-size: 15px;color: #2386ee;transition: all .4s ease; position: relative;overflow: hidden;}
.newsmain .text h6::after{content: '';width: 0;height: 34px;position: absolute;top: 0;right: 0;background-color: #2386ee;transition: all .4s ease;}
.newsmain .text h6 a{display: block;line-height: 32px;position: relative;z-index: 2;}
.newsmain .text h6 a:hover{color: #fff;}
.newsmain .text h6:hover::after{width: 100%;right: auto;left: 0;}
.newsmain:hover .text h6{opacity: 1;}
.newsmain .img{width: 30%;float: left;height: 215px;overflow: hidden;}
.newsmain .img img{width: 100%;height: 100%;object-fit: cover;transition: .4s ease;}
.newsmain .img:hover img{transform: scale(1.06);}
.newsmain .text span{font-size: 16px;color: #999;display: block;margin-top: 32px;}
.newsmain .text a{display: block;width: 100%;}
.newsmain .text a:hover h5{color: #2386ee;}



/* 新闻详情 */
.news_left{width: 75%;float: left;padding-right: 100px;}
.newstit{width: 100%;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.newstit h5{position: relative;padding-left: 45px;font-size: 16px;color: #888;line-height: 30px;}
.newstit h5::after{content: '';width: 30px;height: 1px;background-color: #e5e5e5;position: absolute;left: 3px;top: 14px;}
.newstit h6{font-size: 26px;color: #000;line-height: 36px;margin-top: 10px;}
.newstext{width: 100%;margin-top: 20px;font-size: 16px;line-height: 28px;color: #666;text-align: justify;}
.newstext p{padding-bottom: 10px; text-indent: 2em; }
.newstext video{ width:100% !important; height:auto;}
.newstext p img, .newstext img, .newstext video {max-width: 100%;height:auto !important;}
.newstext h4{ margin:10px 0 15px; font-size:18px; font-weight:bold; color:#333;}
.newstext p strong, .newstext p b{ font-weight:bold;}


.news_right{width: 25%;float: right;height: auto;overflow: hidden;}
.news_right1{width: 100%;border: 1px solid #c3c3c3;padding: 26px;}
.news_right1 ul li{padding-bottom: 25px;border-bottom: 1px solid #c3c3c3;margin-bottom: 20px;}
.news_right1 ul li:last-child{border-bottom: 0px;margin-bottom: 0;padding-bottom: 0;}
.news_right1 ul li h4{font-size: 18px;color: #333;}
.news_right1 ul li h5{font-size: 16px;color: #666;line-height: 24px; display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: 15px;transition: all .4s ease;}
.news_right1 ul li h5:hover{color: #2386ee;}
.news_right1 ul li h6{font-size: 13px;color: #666;margin-top: 10px;}
.news_right2{width: 100%;border: 1px solid #c3c3c3;padding: 26px;margin-top: 30px;}
.news_right2 h5{font-size: 18px;color: #333;}
.news_right2 .share{width: 100%;padding: 10px 0;overflow: hidden;}
.news_right2 .share a{width: 37px !important;height: 37px;float: left;margin-right: 10px;}
.news_right2 .share a:nth-child(1){background: url('../images/layout/show-01.png') center center no-repeat;}
.news_right2 .share a:nth-child(2){background: url('../images/layout/show-02.png') center center no-repeat;}
.news_right2 .share a:nth-child(3){background: url('../images/layout/show-03.png') center center no-repeat;}
.news_right2 h6 a{display: block;line-height: 40px;color: #fff;text-align: center;background-color: #2386ee;font-size: 16px;transition: all .4s ease;}
.news_right2 h6 a:hover{background-color: #182c7b;}
.div_a{ height:76px; margin-top:-76px;}

.pages{ margin-top:50px; text-align:center;}
.pages a.disabled {
	width: 82px;
	height: 30px;
	display: inline-block;
	line-height: 30px;
	background: #ececec;
	text-align: center;
	color: #000
}

.pages a.page-num-current {
	color: #fff;
	background: #2386ee
}

.pages a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #ececec;
	display: inline-block; margin-right:5px;
	color: #000;
}

.pages a:hover {
	color: #fff;
	background: #2386ee
}

@media screen and (max-width: 1500px) {
	.nav ul li a{ padding:0 30px;}
	
	.cpgn{padding: 20px 0;}
	.cpgn ul li{height: auto; padding-bottom: 20px;}
	.cpgn ul li .left{width: 100%; text-align: center; padding: 20px 0;}
	.cpgn ul li .left .pic{margin: 0 auto 10px;}
	.cpgn ul li .text{width: 100%; padding: 0 20px; text-align: center;}
	.cpgn ul li .text .textBox{position: static; transform: none;}
	.teamBox{padding: 60px 30px;}
	.footerBox {width: 94%;}
	.footLeft {width: 49%;}
	.footRight {width: 51%;}
}

@media only screen and (max-width: 1366px){ 
	.fangan .content p{font-size:20px!important;}
	.banner .bannerT1{ zoom:0.9;}
}
@media screen and (max-width: 1300px) {
	.nav ul li a{ padding:0 20px;}
	.product_content{ padding-top:60px; padding-bottom:80px;}
	
	.jishu{ padding:50px;}
	.jishuTop li>div{ padding:40px; }
	.jishuTop li>div p{ font-size:15px; line-height:28px;}
	.jishuMText p, .jishuBot .shishiList li p{ font-size:15px;}
    .footerBox {width: 96%;}
    .footLeft {width: 46%;}
	.footRight { width: 55%; margin-top: -5px;}

}
@media screen and (max-width: 1100px) {
	.fwrx{ display:none;}
	.banner .bannerT1{ zoom:0.8;}
}

@media screen and (max-width: 880px) {
	.pc{display:none;}
    .mobile{ display:block;}
    .messign{ position: fixed; bottom: 0;  background: rgb(1 87 155 / 85%); display:block; height:45px; width:100%; z-index: 99999;}
	.messign .footer-bottom li{width:25%;  float:left; line-height: 45px; text-align: center;}
	.messign .footer-bottom li a{display:block;}
	.footer-bottom img{max-width:100%; height: 45px;}
	 
	.wechat{position: absolute; bottom:45px; left:0; display:none;     width: 130px;
    height: 130px;
    background: #FFF;}
	.onss{ display:block;}
	body{padding-top: 50px;}
	.top{ position: fixed; z-index: 99; top: 0;     border-bottom: 1px solid #eee;}
	.nav {width: 200px;height: 100%; position: fixed;z-index: 99; top: 50px;left: -200px; bottom: 0; background: #fff; float:none; margin-left:0px;}
	.nav ul li{float: none; width: 100%; padding: 0;line-height: 50px;}
	.nav ul li a{padding: 0 15px; text-align: center;}
	.menu{ width: 25px; height: 20px; transition: 0.5s; position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}
	.menu span{ display: block;transition: 0.5s; width: 100%; height: 3px; border-radius:2px; background: #2386EE; position: absolute;}
	.menu span:nth-child(1){ top:0 ;}
	.menu span:nth-child(2){ top: 50%; transform: translateY(-50%);}
	.menu span:nth-child(3){ bottom: 0;}
	.menu.on{ transform: translateY(-50%) rotate(180deg);}
	.menu.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
	.menu.on span:nth-child(2){ width: 0;}
	.menu.on span:nth-child(3){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
	.top{ height: 50px;}
	.top .logo{width: auto; margin-top: 5px;}
	.logo img{height: 30px; margin-top:5px; max-width:100%;}
	.bannerpc{ margin-top:0;}
	.bannerpc .swiper-wrapper{ height:3rem;}
	.banner .banText a{ width:124px; height: 32px; line-height: 32px; font-size: 14px;}
	.banner .swiper-slide img{ height:100%; width:auto !important;}
	.banner .bannerT1{ zoom:0.6; top:18%; left:5%;}
	.bannerpc .swiper-pagination{ bottom:15px; zoom:0.6;}
	.product .productTit{ padding-bottom: 0px;}
	.productBox{ box-sizing: border-box; padding:30px 0 10px;}
	.product .productTit h2{ font-size:24px; line-height: 55px;}
	.product .productTit p{ line-height: 22px;}
	.productBox ul li{ width: 100%; padding: 0; padding: 0 4% 40px 4%; box-sizing: border-box; margin-bottom: 10px;}
	.productBox ul li .tit{ padding:40px 0; margin-bottom:0;}
	.productBox ul li .tit h2{font-size: 20px; line-height: 28px; margin-bottom:10px;}
	.productBox ul li .text{ margin-bottom: 35px;}
	.productBox ul li .text p{ font-size:14px; line-height:28px; height:84px;}
	
	.productBox2{ box-sizing: border-box; padding-bottom:30px;}
	.productBox2 ul li,.productBox2 ul a{width: 100%;/* margin-bottom: 20px; */padding: 20px 4%;box-sizing: border-box;}
	.productBox2 ul li:nth-child(1),.productBox2 ul a:nth-child(1),.productBox2 ul a:nth-child(6){ width: 100%; height: 158px!important;}
	.productBox2 ul li p{ opacity: 1!important; }
	.productBox2 ul li:nth-child(3n),.productBox2 ul a:nth-child(3n){ width: 100%;}
	.productBox2 ul{ margin: 0;}
	
	.productBox2 .more{ width: 140px; height: 48px; line-height: 48px; margin: 10px auto 20px auto;}
	.aboutUs{  background: url(../images/index_18.jpg) center center no-repeat; background-size:auto 100%; }
	.aboutUs .aboutBox{ width: 100%; padding: 30px 4% 4% 4%; box-sizing: border-box;}
	.aboutUs h3{ margin-bottom: 20px;}
	.aboutUs .aboutBox p{ margin: 0; font-size:14px; line-height:28px;}
	.aboutUs .moreWarp{ margin-bottom:50px;}
	.aboutUs .more{ margin: 40px auto;     z-index: 9;}
	.aboutBot ul li{ width: 50%; padding:30px 0 20px;}
	.aboutUs .aboutBot{display:none;}
	.newsBox{ width: 100%; padding:30px 4%; box-sizing: border-box;}
	.newsBox .newsTit{ margin-bottom:30px;}
	.newsBox .newsTit h2{ font-size:28px;}
	.newsBox .newsTit h2 a{ font-size:14px; width:120px; line-height:40px;}
	.newsBox .newsLeft{ width: 100%; height: auto; margin-bottom:20px;}
	.newsBox .newsRight{ width: 100%; height: auto; padding: 30px; box-sizing: border-box;}
	.newsBox .newsRight li{ margin-bottom:30px;}
	
	.newsBox .newsLeft .text{ padding: 20px; box-sizing: border-box;}
	.newsBox .newsLeft .text p{ font-size: 16px;}
	.newsList-right{ padding-left: 15px;}
	.newsList-left{ width: 80px; padding:10px 15px 10px 0;}
	.newsList-left h2{ font-size:20px;}
	.newsList-right{ width: calc(100% - 80px);}
	.newsList-right h2{ margin-bottom:10px; line-height: 1.5;font-size: 16px;}
	.newsList-right .text p{ line-height:24px; height:48px; padding-right:15px;}
	.aboutUs_navBox{    width: 100%;}
	.contact{ padding: 20px 4%; box-sizing: border-box; width: 100%;}
	.contact h2{font-size: 15px;padding-top: 0px;padding-bottom: 20px;}
	.contact input{ display: block; width: 100%; margin-top: 10px; border-bottom:1px solid #e3e3e3;}
	.contact input.liuyan{ width: 100%; margin-bottom: 10px;}
	.contact button{margin-top:15px;}
	.productMain1{padding:15px;}
	.product_contentTit h2{    padding-left: 200px; line-height: 59px; font-size: 24px;}
	.xlcd .xlcdBox{ display: none;}
	.footer{ background:#f1f1f1;     margin-bottom: 45px;}
	.footerBox{ width: 100%; padding: 0 2%; box-sizing: border-box;}
	.footerBox ul li{ width: 100%; margin: 0 0 20px 0;}
	.footerBox ul li h2{ margin-bottom: 15px;}
	.footerBox ul li p{ width: 33%; float: left;}
	.footerBox .focusUs{ width: 100%;}
	.footerBox .focusUs h2{ text-align: center;}
	.footerBox .focusUs .pic{ margin: 0 auto;}
	.footerBox .focusUs p{ padding-top: 10px;}
	.footerList{display: none;}
	.footerBot{ padding: 15px 0; line-height: 32px; height: auto;}
	.footerBot p{ line-height: 24px; font-size: 14px; overflow: hidden; text-align: center;}
	.footerBot p a{ display:block;}
	.footerBot p span{ float: left; display: block; margin-right: 30px; display:none;}
	.sidebar {width: 35px;right: 1px;  top: 36%;     display: none;}
	.sidebar ul li{padding:5px;}
	.sidebar ul li a{width: 25px; height: 25px;  }
	.sidebar .toTop{width: 36px; height: 36px; background-size: 55%;}
	.sidebar .toTop:hover{ background-size: 55%;}
	
	.at_banner h2{font-size: 30px;}
	.aboutUs_navBox ul{width: 100%; float: none;}
	.aboutUs_navBox ul li{width: 32%; box-sizing: border-box;}
	.aboutUs_navBox ul li a{padding: 0; text-align: center; line-height: 55px; }
	.location{float: left; line-height: 50px; display: none;}
	.introduceBox{padding: 15px 0;}
	.introduceTit{margin-bottom: 15px;}
	.teamBox .left{width: 100%; text-align: center; margin-bottom: 20px;}
	.teamBox .left .teamTit{margin-bottom: 20px; padding-top: 0;}
	.teamBox .left .teamTit h2::after{left: 50%; transform: translateX(-50%);}
	.teamBox .right{float: none;margin: 0 auto; width: 100%;}
	.teamBox .right .pic{width: 300px; float: none;}
	.teamBox{padding: 15px 0;}
	.teamBox .right .arrow{display: none;}
	.development{padding: 15px 4%;}
	.development .developmentTit{margin-bottom: 20px;}
	.developmentBox{padding: 0;}
	.development .swiper::after{ top:76px;}
	.development .swiper h2{ line-height:80px; font-size:28px; margin-bottom:20px;}
	.development .swiper p{ line-height:1.5; margin-bottom:5px;}
	
	.contactUsBox{padding: 15px 0;}
	.contactUs .contactUsTit{margin-bottom: 20px;}
	.contactUs .contactUsMain{padding: 20px;}
	.contactUs .contactUsMain .text{width: 100%; padding-top: 0; text-align: center; margin-bottom: 20px;}
	.contactUs .contactUsMain .map{float: none; margin: 0 auto; width: 100%; height: 350px;}
	.product_contentTit{padding-top: 0px;}
	.product_contentTit h2 span{font-size: 20px;}
	.product_contentList ul li{ width: 100%; margin-bottom: 20px;}
	.product_contentList ul li h2{float: left; width: calc(100% - 100px); font-size: 20px;}
	.product_contentList ul li:last-child h2{width: calc(100% - 120px);}
	.product_contentList .pic{width: auto; width: 80px; float: left; margin-right: 20px; margin-bottom: 20px;}
	.product_contentList ul li:last-child .pic{width: 100px; margin: 0 20px 20px 0 ;}
	.product_contentList dl{width: 100%;}
	.product_contentList dl dd a{padding-left: 10px;}
	.productMain2 .product_contentList dl dd{ width:100%; margin-right:0;}
	.white{padding: 15px;}
	.productMain2 .white{padding: 15px;}
	.productMain3 .white{padding: 15px;}
	.white .pic{width: 100px;}
	.product_content{padding-bottom: 30px; padding-top:30px;}
	.product_contentList h2{font-size: 20px; float: left;}
	.details{padding: 30px 0;}
	.detailsBox .main1{padding: 15px; margin-bottom: 20px;}
	.detailsBox .main1 .text{padding: 15px 0;}
	.detailsBox .main1 .text p{margin-bottom: 20px; font-size:15px;}
	.detailsBox .main1 .text h2{ font-size:28px;}
	.detailsBox .main1 .text a{ font-size:14px; line-height:40px; width:auto; padding:0 15px;}
	.main2Box{ padding:0 20px;}
	.cpjs, .cpys, .cpgn{ padding:30px 0 20px;}
	.cpjsTit, .cpysTit, .cpgnTit{ margin-bottom:20px;}
	.cpjsTit h2, .cpysTit h2, .cpgnTit h2{ font-size:24px;}
	.cpjs p, .cpys ul li p, .cpgn ul li .text p{ font-size:14px; line-height:1.75;}
	.cpys ul li{padding: 0 20px;}
	.cpys ul li h2{ font-size:18px;}

	
	.fixBox { padding-top: 105px;}
	.fixBox .aboutUs_nav { top: 50px;}
	
	.jishu{ padding:30px;}
	.jishuTop li{ width:100%; margin-right:0; margin-bottom:20px;}
	.jishuTop li:last-child{ margin-bottom:0;}
	.jishuTop li>div{ padding:30px; height:auto;}
	.jishuTop .jishu-right,.jishuTop .jishu-left{width: 100%;}
	.jishuMid, .jishuBot{ margin-top:30px;}
	.jishuMid{ height: auto;}
	.jishuMImg, .jishuMText{ width:100%;}
	.jishuMText{ position:static; padding:5%;}
	.jishuBot .shishiTit{ padding-bottom:30px;}
	.jishuBot .shishiList li{ width:100%; height:auto; padding-right:0; margin-right:0; padding-bottom:20px; margin-bottom:20px;}
	.jishuBot .shishiList li::after{ top:auto; bottom:0; width:100%; height:1px;}
	.jishuBot .shishiList li h2{ margin-bottom:10px;}
	
	.fangan_contentTit h2{ font-size:24px; padding-bottom:20px;}
	.fangan_contentList ul li p, .fangan_contentList2 ul li p{ font-size:15px; line-height:40px;}
	.fangan_contentTit{ margin-bottom:20px;}
	.mt50{ margin-top:30px;}
	.mb50{ margin-bottom:30px;}
	
	.firstRow td{  width: 100%;
    float: left;
    margin-bottom: 15px;}
	.contactBox form{width:100%; margin-right:0;}
	.contactBox .pic,.footLeft{display:none;}
	.footRight{width:100%;}
	.introduceMain h3{padding-left: 0px!important; font-size: 16px!important; line-height: 4em!important;}
	.contactUs .contactUsMain .map img{display:none;}
	.contactUs .contactUsMain .text h2{font-size:18px;     margin-bottom: 15px;}
	.introduceTit h2{ font-size: 24px; line-height: 40px;}
	.introduceMain p{font-size:13px!important;}
	.teamBox .left .teamTit h2{ font-size: 24px; line-height: 50px;}
	.teamBox .left p{text-align:left;}
	.at_banner{margin-top:0px;}
}
@media screen and (max-width: 600px) {
	.pages a.disabled{ margin-bottom: 15px;}
	.fangan{padding:15px;}
	.newstime,.newsmain .img{display:none;}
	.newsmain .text{width: 100%; padding: 8px 0 0 0px;}
	.newsmain .text h6 a{z-index:1;}
	.detailsBox .main1 .pic,.news_left,.news_right,.detailsBox .main1 .pic img,.detailsBox .main1 .text{width: 100%;}
	.newsBox .newsRight{ padding:20px;}
	 .news_left{padding-right:0;}
     .newstit h6{font-size:22px;}
	 
	 
	.detailsBox .main1 .text h2{font-size: 28px;}
	.detailsBox .main1 .text a{width: 38%;margin-right: 2%;font-size: 14px;}
	.detailsBox .main1 .text a:last-child{margin-right: 0;}
	.main2_nav a{padding: 13px 0;}
	.main2_nav a img{margin-bottom: 8px;}
	.main2Box{padding: 0 4%;}
	.cpjs{padding: 20px 0;}
	.cpjsTit{margin-bottom: 0px;}
	.cpjsTit h2{font-size: 22px;}
	.cpjs p{font-size: 14px;}
	.cpys{padding: 30px 0;}
	.cpysTit{margin-bottom: 30px;}
	.cpys ul li{width: 100%; margin-bottom: 15px;}
	.cpys ul li .pic{width: 60px; margin: 0 auto 15px;}
	.cpys ul li h2{margin-bottom: 10px;}
	.cpgn{padding: 30px 0;}
	.cpgnTit{margin-bottom: 30px;}

	.product_contentList dl dd{width: 100%;}
	.product_contentList ul li:last-child{padding-bottom: 10px;}
	
	.fangan_contentList ul li, .fangan_contentList2 ul li{ width:48%; margin-right:4%; height: auto;}
	.fangan_contentList ul li:nth-child(3n){ margin-right:4%;}
	.fangan_contentList ul li:nth-child(2n), .fangan_contentList2 ul li:nth-child(2n){ margin-right:0;}
	
	.jishuMText h2, .jishuBot .shishiTit h2{ font-size:24px; line-height:1.8;}
	.jishuMText h3{ font-size:18px; margin-bottom:20px;}
	.jishuMText p, .jishuBot .shishiList li p, .jishuTop li>div p{ font-size:14px; line-height:1.75;}
	
	.jishuBot .shishiList li h2{ font-size:20px;}
	
}