@charset "utf-8";
/* CSS 鼠标效果 */
@import url('xiaoguo.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@900&display=swap');
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #666; overflow-x: hidden; background: #f5f7fa; font-family:'Noto Sans SC',"Source Han Sans CN","PingFang SC",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif; padding-top: 80px;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ outline:none; font-family:"Noto Sans SC","Source Han Sans CN","Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}

a { text-decoration: none; color:#666; transition: color 0.56s ease;}
a:hover{ color: #e6771d;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}


img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1520px; margin: 0 auto;}
.ovh{overflow: hidden;}


::-webkit-scrollbar { width: 8px;padding-right: 8px; background-color: #f2f2f2;  /*其他样式，比如圆角等*/}
/*滑块样式*/
::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, .6);}
/*当前窗口失去焦点时的滑块样式*/
::-webkit-scrollbar-thumb:window-inactive {background: rgba(0, 0, 0, .6);}


/*顶部*/
.header{ width: 100%; height:80px; background:#fff; box-shadow: 0 0  10px rgba(0,0,0,.1); position: fixed; left: 0; top: 0; z-index: 99999; }
.header .logo{float: left; padding:2px 0;}
.header .headRight{ float: right;}
.header .nav{ float: left;}
.header .nav ul li{  line-height: 80px; position: relative; margin-left: 45px; float: left;}
.header .nav ul li a{ color: #585858;  font-size: 18px; display: block; position: relative; z-index: 11; transition: all .4s;}
.header .nav ul li:before{ content: ""; width:0; height: 3px;background: #e6771d; position: absolute; left: 50%; bottom:0; z-index: 1; transform: translate(-50%, 0); transition: all .4s;}
.header .nav ul li:hover a,.header .nav ul li.on a{ color: #e6771d; font-weight: bold; }
.header .nav ul li:hover:before,.header .nav ul li.on::before{ width:100%;}
.header .lang{ float: left; margin-left: 50px; position: relative;}
.header .lang a{ color: #585858; font-size: 18px; line-height: 80px;}
.header .lang a:hover{ color: #e6771d;}
.header .lang a.en{ background: url(../images/en.png) no-repeat left center; padding-left: 40px;}
.header .menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative;}
.banner .swiper-container{ width:100%; overflow:hidden;}
.banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.banner .swiper-container .swiper-slide a{  display: block; width:100%;}
.banner .swiper-container .swiper-slide img{width:100%;}
.banner .pagination {position: absolute;z-index: 20;bottom:30px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width:15px; height: 15px; background:#fff; margin: 0 8px; border-radius: 10px; cursor: pointer;}
.banner .swiper-active-switch { background: #e6771d; opacity: 1;}

.neiBanner{height: 450px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.title{ margin-bottom: 40px; text-align: center;}
.title h3{ font-size: 131px; color: #e4e7eb; line-height: 1;}
.title h2{ font-size: 36px; color: #213043; line-height: 1; margin-top: -80px; margin-bottom: 12px;}
.title p{ font-size: 24px; line-height: 1; font-family: 'Noto Serif SC', serif; font-weight: 900; color: #8d929a; display: inline-block;}

.ntitle{ margin-bottom: 40px; text-align: center;}
.ntitle h2{ font-size: 36px; color: #000; line-height: 1; margin-bottom: 10px;}
.ntitle p{ font-size: 24px; color: #8f949c; line-height: 1;  font-family: 'Noto Serif SC', serif; }

.ipro{ padding: 20px 0 66px; background: #f5f7fa;}
.ipro .box ul{ margin: 0 -8px;}
.ipro .box ul li{ width: 16.6666%; padding: 0 8px; margin-bottom: 10px; float: left;}
.ipro .box ul li dl{ padding-bottom: 100%; position: relative; overflow: hidden;}
.ipro .box ul li dl::before{ content: ""; width:calc(100% - 20px); height: calc(100% - 20px); border: #fff solid 10px; position: absolute; left:0; top: 0; z-index: 11;}
.ipro .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; padding: 10px;}
.ipro .box ul li h3{ height: 40px; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; margin-top: 15px;}

.liyou{ height: 870px; padding: 90px 0; background:url(../images/icon37.png); border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative;}
.liyou::after{ content: ""; width: 34.6875%; height: 100%; background: #223144; border-top-left-radius: 90px; position: absolute; right: 0; top: 0;}
.liyou .wrap{ position: relative;}
.liyou .wrap::before{ content: ""; width: 72px; height: 671px; background: url(../images/liyou01.png) no-repeat center; position:absolute; right: 0; top: 10px; z-index: 11;}
.liyou .box{ float: left;}
.liyou .box .tit{ margin-top: -18px; margin-bottom: 50px;}
.liyou .box .tit h3{ font-size: 100px; color: #213043; line-height: 1; font-family: 'Noto Serif SC', serif; margin-right: 10px; float: left;}
.liyou .box .tit dl{ float: left; padding-top: 30px;}
.liyou .box .tit h2{ font-size:20px; color: #585858; line-height: 1; font-weight: 500; margin-bottom: 12px; }
.liyou .box .tit p{ font-size:32px; color: #213043; line-height: 1; font-family: 'Noto Serif SC', serif; font-weight: 900;}
.liyou .box .by{ font-size: 18px; color: #515151; line-height: 40px; border: #cccccc solid 1px; padding: 0 10px; margin-top: -30px; display: inline-block;}
.liyou .box .con{ width: 666px; padding-top: 36px;}
.liyou .box .con .biaoti{ margin-bottom: 25px;}
.liyou .box .con .biaoti h3{ font-size: 90px; font-weight: 900; color: #000; line-height: 1; opacity: 0.1;}
.liyou .box .con .biaoti p{font-size: 24px; color: #213043; font-weight: bold; line-height: 1; margin-top: -30px;}
.liyou .box .con .text{ font-size: 18px; color: #868686; line-height: 30px;}
.liyou .box .con .lianxi{ padding-top: 50px;}
.liyou .box .con .lianxi a{ width: 178px; height: 50px; line-height: 46px; font-size: 20px; color: #213043; font-weight: 500; background: url(../images/icon38.png) no-repeat 32px center; border: #213043 solid 1px; padding-left: 63px; margin-right: 60px; float: left;}
.liyou .box .con .lianxi .tel{ font-size: 30px; color: #e6771d; font-weight: 500; background: url(../images/icon39.png) no-repeat left center; padding-left: 43px; float: left;}
.liyou .pic{ float: right; margin-top: 25px; margin-right: 130px; position: relative; z-index:22;}
.liyou .menu{ width: 1200px; height: 140px; background: #fff; position: relative; z-index: 111; margin-top: -105px;  border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.liyou .menu::after{ content: ""; width: 200%; height: 140px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); position: absolute; right: 0; top: 0;  border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.liyou .menu ul { position: relative; z-index: 111;}
.liyou .menu ul li{ width: 25%; padding-top: 48px; float: left;}
.liyou .menu ul li a{ display: block; padding-left: 60px;}
.liyou .menu ul li h3{ font-size: 20px; font-weight: 400; color: #000;}
.liyou .menu ul li p{ font-size: 12px; font-weight: 400; color: #666;}
.liyou .menu ul li a:hover h3{ color: #e6771d;}
.liyou .menu ul li a:hover p{ color: #e6771d;}
.liyou .menu ul li:nth-child(1) a{ background: url(../images/icon40.png) no-repeat left center;}
.liyou .menu ul li:nth-child(2) a{ background: url(../images/icon41.png) no-repeat left center;}
.liyou .menu ul li:nth-child(3) a{ background: url(../images/icon42.png) no-repeat left center;}
.liyou .menu ul li:nth-child(4) a{ background: url(../images/icon43.png) no-repeat left center;}

.serviceLc{ padding: 20px 0 40px; background: #f3f5f8;}
.serviceLc .serviceBox{ position: relative; padding: 48px 58px 15px; display: flex; justify-content: space-between; margin-top: -35px;}
.serviceLc .serviceBox::before{ content: ""; width: 121px; height: 124px; background: url(../images/icon05.png) no-repeat center; position: absolute; left: 0; top: 0;}
.serviceLc .serviceBox::after{ content: ""; width: 121px; height: 121px; background: url(../images/icon05.png) no-repeat center; position: absolute; right: 0; top: 0;}
.serviceLc .serviceBox .item{ position: relative; z-index: 11; display: flex;}
.serviceLc .serviceBox .item .box{ width: 400px; height: 340px; background: #fff; padding: 50px 40px; margin-left: -57px; margin-top: 40px;}
.serviceLc .serviceBox .item .box h3{ font-size: 32px; color: #333; line-height: 1; position: relative; padding-bottom: 18px; margin-bottom: 24px;}
.serviceLc .serviceBox .item .box h3::after{ content: ""; width: 46px; height:2px; background: #4bace0; position: absolute; left: 0; bottom: 0;}
.serviceLc .serviceBox .item .box dt{ font-size: 16px;}
.serviceLc .serviceBox .item .box dd{ font-size: 60px; color: #eaeaea; font-style: italic; line-height: 1; margin-top: 30px;}
.serviceLc .serviceBox .item:nth-child(2){ display: flex; flex-direction: row-reverse;}
.serviceLc .serviceBox .item:nth-child(2) .box{ margin-left: 0px; margin-right: -57px;}
.serviceLc .liucheng{padding-top: 50px;}
.serviceLc .liucheng .box ul{ margin: 0 -40px; overflow: hidden;}
.serviceLc .liucheng .box ul li{ width: 12.5%; padding: 0 40px; text-align: center; float: left; position: relative;}
.serviceLc .liucheng .box ul li::after{ content: ""; width: 12px; height: 20px; background: url(../images/icon36.png) no-repeat center; position: absolute; left: -10px; top: 40%; transform: translateY(-50%);}
.serviceLc .liucheng .box ul li dl{ width: 106px; height: 106px; line-height: 104px; background:url(../images/icon35.png) no-repeat center; margin: 0 auto;}
.serviceLc .liucheng .box ul li h4{ margin-top: 10px; font-weight: normal; color: #888;}

.newsCenter{ padding: 0 10px 90px; background: #f3f5f8;}
.newsCenter .box ul{ margin: 0 -12px;}
.newsCenter .box ul li{ width: 33.33%; padding: 0 12px;  margin-top: 10px; float: left;}
.newsCenter .box ul li a{height: 151px; background: #fff; padding: 30px 28px; display: block; transition: all .4s;}
.newsCenter .box ul li dl{ float: left; width: 77px; height: 90px; color: #8d8d8d; border-right: #eee solid 1px; padding-top: 10px; transition: all .4s; }
.newsCenter .box ul li dl b{font-size: 30px; line-height: 1; font-weight: 900; padding-bottom: 12px; margin-bottom: 10px; display: block; position: relative; transition: all .4s;}
.newsCenter .box ul li dl b::after{ content: ""; width: 25px; height: 1px; background: #ccc; position: absolute; left: 0; bottom: 0; transition: all .4s;}
.newsCenter .box ul li ol{ height: 90px; padding-left: 96px; background: url(../images/icon14.png) no-repeat 96px bottom; transition: all .4s;}
.newsCenter .box ul li ol h3{ font-size: 18px; font-weight: 400; line-height: 1.4; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
.newsCenter .box ul li a:hover{ background: #e6771d;}
.newsCenter .box ul li a:hover dl{ color: #fff;}
.newsCenter .box ul li a:hover dl b{ color: #fff;}
.newsCenter .box ul li a:hover dl b::after{ background: #fff;}
.newsCenter .box ul li a:hover ol{background: url(../images/icon14_02.png) no-repeat 96px bottom; }
.newsCenter .box ul li a:hover ol h3{ color: #fff;}

.iabout{ height: 1060px; background: #fff; position: relative;}
.iabout::after{ content: ""; width: 27.0833%; height: 100%; background: #223144; border-top-right-radius: 90px; position: absolute; left: 0; top: 0;}
.iabout .wrap{ padding-top: 110px; background: url(../images/icon05.png) no-repeat right top;}
.iabout .box{ padding-left: 130px; position: relative; z-index: 11;}
.iabout .box::before{ content: ""; width: 72px; height: 498px; background: url(../images/about01.png) no-repeat center; position:absolute; left: 0; top: 0;}
.iabout .box .con{ margin-bottom: 60px;}
.iabout .box .con .pic{ width: 590px; border-top-left-radius: 40px; border-top-right-radius: 40px; overflow: hidden; float: left;}
.iabout .box .con .conBox{ width: 750px; float: right;}
.iabout .box .con .conBox .tit{ margin-top: -18px; margin-bottom: 50px;}
.iabout .box .con .conBox .tit h3{ font-size: 100px; color: #213043; line-height: 1; font-family: 'Noto Serif SC', serif; margin-right: 10px; float: left;}
.iabout .box .con .conBox .tit dl{ float: left; padding-top: 30px;}
.iabout .box .con .conBox .tit h2{ font-size:20px; color: #585858; line-height: 1; font-weight: 500; margin-bottom: 12px; }
.iabout .box .con .conBox .tit p{ font-size:32px; color: #213043; line-height: 1; font-family: 'Noto Serif SC', serif; font-weight: 900;}
.iabout .box .con .conBox .companyName{ font-size: 20px; color: #000; padding-bottom: 30px; margin-bottom: 30px; position: relative;}
.iabout .box .con .conBox .companyName::after{ content: ""; width: 40px; height: 1px; background:#222; position: absolute; left: 0; bottom: 0;}
.iabout .box .con .conBox .text{ line-height: 36px;}
.iabout .box .con .conBox .menu{ margin-top: 75px;}
.iabout .box .con .conBox .menu li{ float: left; margin-right: 30px;}
.iabout .box .con .conBox .menu li a{ width: 215px; height: 80px; padding-left: 35px; padding-top: 24px; display: block;}
.iabout .box .con .conBox .menu li a i{ float: left; width: 31px; height: 31px; line-height: 29px; text-align: center; margin-right: 50px; overflow: hidden;}
.iabout .box .con .conBox .menu li a h3{ float: left; font-size: 16px; color: #000; font-weight: normal; line-height: 31px; position: relative;}
.iabout .box .con .conBox .menu li a h3::before{ content: ""; width: 25px; height:1px; background: #000; position: absolute; left:-40px; top: 50%;}
.iabout .box .con .conBox .menu li a.on{ background: #213043; border-radius: 80px;}
.iabout .box .con .conBox .menu li a.on i img{filter: drop-shadow(#fff 0 50px); transform: translateY(-50px);}
.iabout .box .con .conBox .menu li a.on h3{ color: #fff;}
.iabout .box .con .conBox .menu li a.on h3::before{ background: #fff;}
.iabout .box .workshop ul{ margin: 0 -33px;}
.iabout .box .workshop ul li{ width: 33.33%; padding: 0 33px; float: left;}
.iabout .box .workshop ul li dl{ border: #cccccc solid 1px; padding-bottom: 70%; overflow: hidden; position: relative;}
.iabout .box .workshop ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; margin:auto; padding: 10px;}
.iabout .box .ihonor{ position: absolute; right: 18px; top: -66px;}

.inews{ padding: 60px 0; background: #f3f5f8;}
.inews .newsBox{ width: 62%; float: left; }
.inews .newsBox .tabNav{  border-bottom: #cccccc solid 1px; margin-bottom: 20px; overflow: hidden;}
.inews .newsBox .tabNav ul li{ float: left;font-size: 20px; color: #000; font-weight: bold; line-height: 1; margin-right:15px; position: relative; padding: 0 5px 16px; cursor: pointer;}
.inews .newsBox .tabNav ul li.on{ color: #e6771d; }
.inews .newsBox .tabNav ul li.on:after{ content: ""; width: 100%; height: 3px; background: #e6771d; position: absolute; left: 0; bottom: 0px; }
.inews .newsBox .tabNav dl{ float: right; }
.inews .newsBox .tabNav dl a{ color: #afb0b2; font-weight: 100;}
.inews .newsBox .tabNav dl a:hover{color: #e6771d;}
.inews .newsBox .newslist{}
.inews .newsBox .newslist ul li{ padding: 10px 20px; overflow: hidden;}
.inews .newsBox .newslist ul li dl{ width: 200px; height: 120px; position: relative; float: left; display: none; }
.inews .newsBox .newslist ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; margin:auto;}
.inews .newsBox .newslist ul li ol{ padding-left: 0; }
.inews .newsBox .newslist ul li ol dt{ position: relative; height:auto; }
.inews .newsBox .newslist ul li ol dt h3{ font-size: 16px; color: #868789; font-weight: normal; padding-right: 120px; line-height: 1.2;}
.inews .newsBox .newslist ul li ol dt span{ font-size: 16px; color: #999; position:absolute; right: 0; top: 0; }
.inews .newsBox .newslist ul li ol dd{ font-size: 14px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 5px;display: none;}
.inews .newsBox .newslist ul li ol em{ font-size: 14px; font-style:normal; color: #666; display: none;}
.inews .newsBox .newslist ul li.on{ background: #fff; padding: 20px; }
.inews .newsBox .newslist ul li.on dl{display: block;}
.inews .newsBox .newslist ul li.on ol{padding-left: 220px}
.inews .newsBox .newslist ul li.on ol dt{height:46px;}
.inews .newsBox .newslist ul li.on ol dt h3{color: #e6771d; font-weight: bold; }
.inews .newsBox .newslist ul li.on ol dd{display: block;}
.inews .newsBox .newslist ul li.on ol em{display: block;}

.inews .newsBox .jishuWd ul li{ position: relative; }
.inews .newsBox .jishuWd ul li a{ line-height: 40px; padding-right: 120px; }
.inews .newsBox .jishuWd ul li span{ position: absolute; right: 0;  color: #999;}
.inews .QA{ width:38%; float: right; padding-left: 66px; }
.inews .QA .QATit{ overflow: hidden; border-bottom: #cccccc solid 1px; margin-bottom: 20px; padding-bottom: 12px; }
.inews .QA .QATit h2{ font-size: 20px; color: #000; line-height: 1; float: left; }
.inews .QA .QATit a{ float: right; color: #afb0b2; font-weight: 100;}
.inews .QA .QATit a:hover{ color: #e6771d;}
.inews .QA .box{ overflow: hidden;}
.inews .QA .box ul{ margin-top: -1px;}
.inews .QA .box ul li{ padding: 15px 0; border-top: #ddd dashed 1px; }
.inews .QA .box ul li dl{background: url(../images/icon03.png) no-repeat left top; color: #333; padding-left: 30px; margin-bottom: 10px;}
.inews .QA .box ul li ol{background: url(../images/icon04.png) no-repeat left top; color: #999; padding-left: 30px; font-size: 14px; height: 40px; overflow: hidden;}


/* 关于我们 */
.about{ padding: 50px 0; background: #f8f8f8; position: relative;}
.about::after{ content: ""; width: 27.0833%; height: 100%; background: #223144; position: absolute; right: 0; top: 0;}
.about .wrap{ position: relative; z-index: 11;}
.about .wrap::before{ content: ""; width: 64px; height: 581px; background: url(../images/about03.png) no-repeat center; position:absolute; right: -90px; top: 0;}
.about .box{ float: left; width: 930px;}
.about .box .tit{ margin-bottom: 15px;}
.about .box .tit h2{ font-size: 100px; color: #d3d3d3; font-weight: 900; line-height: 1; margin-bottom: 37px;}
.about .box .tit h3{ font-size: 30px; color: #797979; font-weight: 500; line-height: 1; display: inline-block; position: relative;}
.about .box .tit h3::before{ content: ""; width: 10px; height: 10px; border: #cbcbcb solid 2px; border-radius: 10px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
.about .box .tit h3::after{ content: ""; width: 200px; height: 1px; background: #cbcbcb; position: absolute; right: -220px; top: 50%; transform: translateY(-50%);}
.about .box .text{ line-height: 36px;}
.about .pic{ float: right; position: relative; z-index: 1;}

.culture{ padding: 58px 0 45px; background: url(../images/cultureBg.jpg) no-repeat center bottom; background-size: cover;}
.culture .box{ display: flex; justify-content: space-between; align-items: center; padding: 0 80px;}
.culture .box .item{ text-align: center; color: #fff; display: flex; align-items: center;}
.culture .box .item ol{ padding: 0 50px;}
.culture .box .item h3{ font-size: 36px; line-height: 1; margin-bottom: 20px;}
.culture .box .item dt{ font-size: 18px; line-height: 30px; }
.culture .box .item:nth-child(1){ width: 346px; height: 316px; background: url(../images/culture01.png) no-repeat center; padding-right: 27px;}
.culture .box .item:nth-child(2){ width: 606px;  height: 605px; background: url(../images/culture02.png) no-repeat center;}
.culture .box .item:nth-child(2) ol{ padding: 0 120px;}
.culture .box .item:nth-child(3){ width: 346px; height: 316px; background: url(../images/culture03.png) no-repeat center; padding-left: 27px;}

.team .box{ padding: 60px 160px 40px;}
.team .box .text{ color: #888; text-align: center; line-height: 30px;}
.team .pic{ overflow: hidden;}
.team .pic img{ width: 50%; float: left;}

/* 产品 */
.products{ padding: 15px 0 70px;}
.products .leftNav{ width: 220px; float: left;}
.products .leftNav dl{ line-height: 80px; background: #223144; color: #fff; font-size: 36px; font-family: 'Noto Serif SC', serif; font-weight: 900; text-align: center;}
.products .leftNav ul{ padding: 5px 0 10px; background: #fff;}
.products .leftNav ul li{ margin-bottom: 1px;}
.products .leftNav ul li a{ color: #000; line-height: 1.4; padding: 10px 15px; display: block; border-left: #fff solid 5px; transition: all .4s;}
.products .leftNav ul li.on a,.products .leftNav ul li a:hover{ background: #e5771d; color: #fff; border-left: #bd5500 solid 5px;}
.products .rightBox{ width:calc(100% - 248px); float: right;}
.products .bread{ line-height: 44px; color: #8d8d8d; background: #fff; margin-bottom: 20px; padding: 0 10px;}
.products .bread a{color: #8d8d8d;}
.products .bread a:hover{color: #e6771d;}
.prolist{ padding-bottom: 20px;}
.prolist ul{ margin: 0 -25px;}
.prolist ul li{ width: 25%; padding: 0 25px; margin-bottom: 10px; float: left;}
.prolist ul li dl{ padding-bottom: 100%; position: relative; overflow: hidden;}
.prolist ul li dl::before{ content: ""; width:calc(100% - 20px); height: calc(100% - 20px); border: #fff solid 10px; position: absolute; left:0; top: 0; z-index: 11;}
.prolist ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; padding: 10px;}
.prolist ul li h3{ height: 40px; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; margin-top: 8px;}

.proview{ background: #fff; padding: 50px;}
.proview .box{ margin-bottom: 20px;}
.proview .pic{ width: 500px; float: left;}
.proview .con{ width: calc(100% - 530px); float: right; position: relative;}
.proview .con .tit{ border-bottom: #cccccc solid 3px; padding: 15px 0; margin-bottom: 20px;}
.proview .con .tit h1{ font-size: 24px; color:#000; font-weight: normal;}
.proview .con .text{ color: #8d8d8d; font-size: 16px; line-height: 30px; border-bottom:#ccc dashed 1px; padding-bottom: 20px;}
.proview .con .proContact{ padding-top: 25px;}
.proview .con .proContact ul{ margin: 0 -20px;}
.proview .con .proContact ul li{ width: 50%; padding: 0 20px; margin-bottom: 20px; float: left;}
.proview .con .proContact ul li ol{ height: 50px; overflow: hidden; background: #fff; border-radius: 50px; padding: 3px; color: #000; font-size: 20px; line-height: 44px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.proview .con .proContact ul li ol span{ font-size: 16px; color: #999;}
.proview .con .proContact ul li ol i{ width: 44px; height: 44px; line-height: 40px; background: #223144; border-radius: 40px; text-align: center; margin-right: 14px; float: left;}
.proview .con .proContact ul li ol:hover{ color: #e5771d;}
.proview .con .proContact ul li ol:hover i{ background: #e5771d;}
.proview .con .back{ width: 108px; height: 40px; line-height: 40px; border-radius: 40px; overflow: hidden; position: absolute; top: 0; right: 0;}
.proview .con .back a{ color: #fff; background: #ababab url(../images/icon48.png) no-repeat 24px center; padding-left: 52px; display: block;}
.proview .con .back a:hover{ background: #e5771d url(../images/icon48.png) no-repeat 24px center}

/* 证书 */
.certificate{padding: 35px 0 65px;}
.certificate .box ul{ margin: 0 -35px;}
.certificate .box ul li{ width: 33.33%; padding: 0 35px; margin-bottom: 40px; float: left;}
.certificate .box ul li dl{ padding-bottom: 126.08%;position: relative; overflow: hidden; }
.certificate .box ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; margin:auto;}

/* 研发制造 */
.manufacture{ padding: 35px 0 90px;}
.manufacture .manufacture01{ margin-bottom: 70px;}
.manufacture .manufacture01 .pic{ width: 50%; float: left;}
.manufacture .manufacture01 .box{ width: 50%; padding-left: 35px; float: left;}
.manufacture .manufacture01 .box dl{color: #e6771d; font-size: 20px; line-height: 1; margin-bottom: 10px;}
.manufacture .manufacture01 .box dd{color: #213043; font-size: 40px; font-weight: 500; line-height: 60px; margin-bottom: 25px;}
.manufacture .manufacture01 .box dt{color: #87888a; font-size: 16px; line-height:24px; margin-bottom: 65px;}
.manufacture .manufacture01 .box ul{}
.manufacture .manufacture01 .box ul li{ margin-bottom: 50px;}
.manufacture .manufacture01 .box ul li img{ float: left;}
.manufacture .manufacture01 .box ul li ol{ padding-left: 70px;}
.manufacture .manufacture01 .box ul li ol h3{ font-size: 24px; line-height: 1; color: #213043; margin-bottom: 12px;}
.manufacture .manufacture01 .box ul li ol div{color: #87888a; font-size: 16px; line-height:24px;}

.manufacture .manufacture02{ display: flex; justify-content: space-between; margin-bottom: 35px;}

.manufacture .manufacture03{ margin-bottom: 70px;}
.manufacture .manufacture03 .pic{ width: 50%; float: left;}
.manufacture .manufacture03 .box{ width: 50%; padding-top: 120px; padding-right: 50px; text-align: right; float: left;}
.manufacture .manufacture03 .box dl{color: #e6771d; font-size: 20px; line-height: 1; margin-bottom: 10px;}
.manufacture .manufacture03 .box dd{color: #213043; font-size: 40px; font-weight: 500; line-height: 60px; margin-bottom: 50px;}
.manufacture .manufacture03 .box .text{color: #87888a; font-size: 16px; line-height:30px;}

.manufacture .manufacture04 .tit{ text-align: center; margin-bottom: 50px;}
.manufacture .manufacture04 .tit h2{color: #e6771d; font-size: 20px; font-weight: normal; line-height: 1; margin-bottom: 15px;}
.manufacture .manufacture04 .tit p{ font-size: 40px; color: #213043; font-weight: 500; line-height: 1;}
.manufacture .manufacture04 .box{}
.manufacture .manufacture04 .box ul{ margin: 0 -110px;}
.manufacture .manufacture04 .box ul li{ width: 33.33%; padding: 0 110px; text-align: center; float: left;}
.manufacture .manufacture04 .box ul li dl{ width: 138px; height: 138px; border: #e6771d solid 1px; border-radius: 138px; margin: 0 auto; position: relative;}
.manufacture .manufacture04 .box ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; margin:auto; padding: 9px; border-radius: 138px;}
.manufacture .manufacture04 .box ul li dl dd{ width: 64px; height: 64px; background:rgba(230,119,29,0.5); border-radius: 64px; position: absolute; right: -23px; top: 10px; display:flex; align-items: center; justify-content: center;}
.manufacture .manufacture04 .box ul li dl dd i{ width: 44px; height: 44px; background: #e6771d; border-radius: 40px; line-height: 42px; text-align: center; color: #fff; font-size: 22px; font-weight: bold;  font-style: normal; display: block;}
.manufacture .manufacture04 .box ul li ol{ padding-top: 13px;}
.manufacture .manufacture04 .box ul li ol h3{ font-size: 24px; color: #213043; font-weight: 500; line-height: 1; margin-bottom: 20px;}
.manufacture .manufacture04 .box ul li ol dt{ color: #87888a;}

/* 技术支持 */
.support{ padding: 45px 0; background: #f6f6f6;}
.support .text{ color: #000; line-height: 36px;}
.support .con{ margin: 20px 0 30px;}
.support .con ul{ margin: 0 -5px;}
.support .con ul li{ width: 20%; padding: 0 5px; float: left;}
.support .con ul li dl{ border-radius: 5px; overflow: hidden;}
.support .con ul li h3{ color: #000; text-align: center; font-size: 16px; line-height: 1.4; font-weight: normal; padding: 10px 30px 0;}
.support .khxf{ padding-top: 20px;}
.support .khxf ul{ margin: 0 -111px;}
.support .khxf ul li{ width: 50%; padding: 0 111px; float: left;}
.support .khxf ul li dl{ font-size: 20px; color: #000; background: #f0f0f0; border-radius: 10px; padding: 30px;}
.support .khxf ul li dl img{ margin-right: 10px;}

.newsNav{ text-align: center; margin-bottom: 50px;}
.newsNav li{ width: 120px; height: 46px; line-height: 46px; display: inline-block; margin: 0 16px;}
.newsNav li a{ display: block; background: #223144; color: #fff;}
.newsNav li.on a,.newsNav li a:hover{ background: #e6771d;  color: #fff;}

.news{ padding: 30px 0 55px;}
.news .box ul{ margin: 0 -30px;}
.news .box ul li{ width: 50%; padding: 0 30px;  margin-bottom: 35px; float: left;}
.news .box ul li a{height: 151px; background: #fff; padding: 30px 28px; display: block; transition: all .4s;}
.news .box ul li dl{ float: left; width: 77px; height: 90px; color: #8d8d8d; text-align: center; border-right: #eee solid 1px; padding-top: 10px; padding-right: 15px; transition: all .4s; }
.news .box ul li dl b{font-size: 30px; line-height: 1; font-weight: 900; margin-bottom: 10px; display: block; position: relative; transition: all .4s;}
.news .box ul li ol{ height: 90px; padding-left: 96px; transition: all .4s;}
.news .box ul li ol h3{ font-size: 18px; font-weight: 400; line-height: 1.4; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 15px; transition: all .4s;}
.news .box ul li ol dt{ height: 48px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  transition: all .4s;}
.news .box ul li a:hover{ background: #e6771d;}
.news .box ul li a:hover dl{ color: #fff;}
.news .box ul li a:hover dl b{ color: #fff;}
.news .box ul li a:hover dl b::after{ background: #fff;}
.news .box ul li a:hover ol h3{ color: #fff;}
.news .box ul li a:hover ol dt{ color: #fff;}

.newsView{  padding: 50px 0 50px;}
.newsView .box{ background: #fff; box-shadow:10px 10px 0 #e4e4e4; margin-bottom: 10px;}
.newsView .box .newsHead{ padding: 50px 70px 30px;  position: relative;}
.newsView .box .newsHead::after{ content: ""; width: 60px; height: 3px; background: #e6771d; position: absolute; left: 70px; bottom: -2px;}
.newsView .box .newsHead h1{ font-size: 30px; color: #000; font-weight: normal; line-height: 1.2; margin-bottom: 10px;}
.newsView .box .newsHead span{ color: #999; margin-right: 30px;}
.newsView .box .viewCon{ padding:50px 70px 70px; line-height: 2;}
.newsView .box .viewPage{ border-top: #eaeaea solid 2px; padding: 30px 70px; overflow: hidden; position: relative;}
.newsView .box .viewPage .boxCon{ padding-right: 200px;}
.newsView .box .viewPage .boxCon a{ color: #333; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.newsView .box .viewPage .boxCon b{ color: #e6771d;}
.newsView .box .viewPage .boxCon a:hover{color: #e6771d;}
.newsView .box .viewPage .back{ width: 160px; height: 42px; line-height: 42px;  text-align: center; border-radius: 40px; background: #e6771d; position:absolute; right: 70px; top: 35px;}
.newsView .box .viewPage .back a{color: #fff; display: block;}

.industry{padding: 30px 0 55px;}
.industry .box{}
.industry .box ul{ margin: 0 -13px;}
.industry .box ul li{ width: 25%; padding: 0 13px; margin-bottom: 30px; float: left;}
.industry .box ul li a{ background: #fff; padding: 16px; display: block;}
.industry .box ul li dl{ padding-bottom: 68.4848%; overflow: hidden; position: relative;}
.industry .box ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; margin:auto;}
.industry .box ul li ol{ padding:30px 0 25px;}
.industry .box ul li h3{ font-size: 18px; font-weight: normal; color: #000; line-height:1; margin-bottom: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .4s;}
.industry .box ul li dt{height: 48px; line-height: 24px; font-size: 16px; color: #8d8d8d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
.industry .box ul li a:hover h3{color: #e6771d;}
.industry .box ul li a:hover dt{color: #e6771d;}

.faq{padding: 30px 0 55px;}
.faq .box ul{ margin-top: -1px;}
.faq .box ul li{ padding: 15px 0; border-top: #ddd dashed 1px; }
.faq .box ul li dl{background: url(../images/icon03.png) no-repeat left top; color: #333; padding-left: 30px; margin-bottom: 10px;}
.faq .box ul li ol{background: url(../images/icon04.png) no-repeat left top; color: #999; padding-left: 30px; font-size: 14px; height: 40px; overflow: hidden;}

.contact{ padding: 40px 0;}
.contact .conBox{ width: 450px; height: 596px; background: #fff; padding: 25px 30px 15px 18px; float: left;}
.contact .conBox .tit{ font-size: 24px; color: #223144; font-weight: bold; margin-bottom:15px;}
.contact .conBox ul li{ overflow: hidden; padding: 18px 0 0;}
.contact .conBox ul li dl{ width: 48px; height: 48px; line-height: 45px; text-align: center; background: #223144; border-radius: 48px; float: left;}
.contact .conBox ul li ol{ padding-left: 66px;}
.contact .conBox ul li ol h3{ font-size: 18px; color: #223144; font-weight: 500;}
.contact .conBox ul li ol dt{ font-size: 16px; color: #8d8d8d; border-bottom: #dddddd solid 1px; padding-bottom: 18px;}
.contact .conBox ul li:nth-last-child(1) ol dt{ border-bottom: none;}
#map{ width: 1030px; height: 596px; border: #eee solid 1px; float: right;}

.footer{ background: #1e1e1e;}
.footer .fmain{ padding: 50px 0 40px;}
.footer .item{ float: left;}
.footer .item .tit{ margin-bottom: 40px;}
.footer .item .tit h3{ font-size: 20px; line-height: 1; color: #fff; font-weight: 500;}
.footer .item .tit h3 span{ color: #666; font-size: 18px; margin-left: 5px;}
.footer .item:nth-child(1){ width: 610px;}
.footer .item:nth-child(2){ width: 320px;}
.footer .item:nth-child(3){ width: 270px; float: right;}
.footer .fcontact dl{ font-size: 18px; color: #fff; font-weight: 500; line-height: 1; margin-bottom: 10px;}
.footer .fcontact dt{ margin-bottom: 30px;}
.footer .fcontact ul{ width: 400px; overflow: hidden;}
.footer .fcontact ul li{ width: 50%; height: 20px; line-height: 20px; color: #999; font-size: 15px; margin-bottom: 10px; display: flex; align-items: center; float: left;}
.footer .fcontact ul li img{ max-width: 16px; max-height: 17px; vertical-align: middle; margin-right: 5px; float: left;}
.footer .fnav { width: 330px;}
.footer .fnav ul li{ width: 50%; margin-bottom: 10px; padding-right: 50px; float: left;}
.footer .fnav ul li a{color: #666; line-height: 30px; padding-left: 18px; background:url(../images/icon12.png) no-repeat left center; border-bottom: #3e3e3e solid 1px; display: block;}
.footer .fnav ul li a:hover{ color: #e6771d;}
.footer .ewm ol{ float: left; width: 145px; margin-right: 20px;}
.footer .ewm li{ float: left;  text-align: center; color: #999; font-size: 16px; line-height: 2.2; white-space: nowrap; padding-top:40px;}
.footer .copyright{ background: #2d2d2d; color: #999; text-align: center; line-height: 50px;}
.footer .copyright a{color: #999;}
.footer .copyright a:hover{color: #e6771d;}

/*===/分页=============================*/
.fenye { text-align: center; font-size: 15px; width: 100%; height: 40px; margin: 10px 0 0px;}
.fenye .prev, .fenye .next { width: 40px; height: 40px; line-height: 40px; color: #8a8a8a;margin-right: 5px; display: inline-block; font-family: "宋体";font-size: 17px; background: #fff; border: #EBEBEB solid 1px;border-radius: 6px;}
.fenye a { width: 40px; height: 40px; line-height: 40px;  color: #8a8a8a; margin-right: 5px;display: inline-block; background: #fff; border: #EBEBEB solid 1px; border-radius: 6px;}
.fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
.fenye a.current { color: #fff;  background: #242a34; margin-right: 5px; border: #242a34 solid 1px;}


@media only screen and (min-width: 1680px) and (max-width: 1920px){

}

@media only screen and (min-width: 1440px) and (max-width: 1679px){
    .wrap{ width: 1380px;}

    .header .nav ul li{margin-left: 38px;}
    
    .banner .swiper-container .swiper-slide a{  display: flex; justify-content: center; width:100%; overflow: hidden; }
    .banner .swiper-container .swiper-slide img{width:120%; max-width: inherit;max-height: inherit;}

    .liyou .box .con{ width: 600px;}
    .liyou .pic{ width: 570px;}

    .liyou .menu{ margin-top: -30px;}

    .serviceLc .serviceBox .item .box{ width: 340px;}
    .serviceLc .serviceBox .item .box h3{ font-size: 28px;}

    .iabout .box .con .pic{ width: 430px;}

    .about .box{ width: 800px;}
    .about .box .tit h2{ font-size: 70px;}

    .culture .box{ padding: 0;}

    .proview .con .tit h1{ font-size: 18px;}
    .proview .con .proContact ul{ margin: 0 -5px;}
    .proview .con .proContact ul li{ padding: 0 5px;}
    .proview .con .proContact ul li ol{ font-size: 16px;}

    #map{ width: 910px;}
}

@media only screen and (min-width: 1280px) and (max-width: 1439px){
    .wrap{ width:1226px;}

    .header .nav ul li{ margin-left: 25px;}
    .header .nav ul li a{ font-size: 17px;}
    .header .lang{ margin-left: 30px;}

    .ntitle h2{ font-size: 32px;}
    .ntitle p{ font-size: 22px;}

    .ipro{ padding: 20px 0 45px;}
    .ipro .box ul li{ margin-bottom: 15px;}
    .ipro .box ul li dl img{padding: 5px;}
    .ipro .box ul li dl::before{ width: calc(100% - 10px); height: calc(100% - 10px); border: #fff solid 5px;}
    .ipro .box ul li h3{margin-top: 5px;}

    .liyou .box .con{ width: 580px;}
    .liyou .box .con .lianxi .tel{ font-size: 26px;}
    .liyou .pic{ width: 480px;}
    .liyou .menu{ width: 1060px; margin-top: 45px;}

    .serviceLc .serviceBox .item .box{width: 358px; height: 291px; margin-left: -150px; margin-top: 60px;}
    .serviceLc .serviceBox .item:nth-child(2) .box{ margin-right: -150px;}
    .serviceLc .serviceBox .item .box h3{ font-size: 26px;}
    .serviceLc .serviceBox .item .box dd{ font-size: 48px;}
    .serviceLc .liucheng .box ul{ margin: 0 -10px;}
    .serviceLc .liucheng .box ul li{ padding: 0 10px;}

    .iabout{ height: 970px;}
    .iabout .box .con .pic{ width: 310px;}
    .iabout .box .con .conBox .menu{ margin-top: 50px;}
    .iabout .box .con .conBox .menu li a{height: 66px;padding-top: 17px;}

    .about .box{ width: 770px;}
    .about .box .tit h2{ font-size: 55px; margin-bottom: 15px;}
    .about .box .tit h3{ font-size: 22px;}
    .about .box .text{ line-height: 32px;}
    .about .pic{ width: 435px;}

    .culture .box{ padding: 0;}
    .culture .box .item{ margin: 0 10px;}
    .culture .box .item h3{ font-size: 26px; margin-bottom: 10px;}
    .culture .box .item dt{ font-size: 16px; line-height: 22px;}
    .culture .box .item:nth-child(1){background-size: contain;}
    .culture .box .item:nth-child(2){background-size: contain;}
    .culture .box .item:nth-child(3){background-size: contain;}

    .prolist ul { margin: 0 -15px;}
    .prolist ul li{ padding: 0 15px; margin-bottom: 15px;}
    .prolist ul li dl img{padding: 5px;}
    .prolist ul li dl::before{ width: calc(100% - 10px); height: calc(100% - 10px); border: #fff solid 5px;}
    .prolist ul li h3{margin-top: 5px;}

    .proview{ padding: 20px;}
    .proview .pic{ width: 440px;}
    .proview .con{ width: calc(100% - 460px);}
    .proview .con .tit h1{ font-size: 20px;}
    .proview .con .text{ line-height: 26px;}
    .proview .con .proContact ul{ margin: 0 -5px;}
    .proview .con .proContact ul li{ padding: 0 5px; margin-bottom: 10px;}
    .proview .con .proContact ul li ol{ font-size: 16px;}
    .proview .con .proContact ul li ol i{ margin-right: 8px;}

    .manufacture .manufacture01 .box dd{ font-size: 30px; line-height: 36px; margin-bottom: 25px;}
    .manufacture .manufacture01 .box dt{ margin-bottom: 36px;}
    .manufacture .manufacture01 .box ul li{ margin-bottom: 30px;}
    .manufacture .manufacture03 .box dd{ font-size: 30px; line-height: 36px; margin-bottom: 30px;}
    .manufacture .manufacture04 .tit p{ font-size: 30px;}
    .manufacture .manufacture04 .box ul{ margin: 0 -30px;}
    .manufacture .manufacture04 .box ul li{ padding: 0 30px;}
    .manufacture .manufacture04 .box ul li ol h3{ font-size: 20px; margin-bottom: 10px;}

    .support .khxf ul{ margin: 0 -30px;}
    .support .khxf ul li{padding: 0 30px;}

    .news .box ul{ margin: 0 -15px;}
    .news .box ul li{ padding: 0 15px; margin-bottom: 20px;}

    #map{ width: 750px;}

    .footer .item:nth-child(1){ width: 500px;}
}

@media only screen and (min-width: 1000px) and (max-width: 1279px){
    body{ font-size: 15px;}
    .wrap{ width: 990px;}

    .header .logo{ height: 80px; padding: 12px 0;}
    .header .nav ul li{ margin-left: 15px;}
    .header .nav ul li a{ font-size: 16px;}
    .header .lang{ margin-left: 20px;}

    .neiBanner{ height: 280px;}

    .title{ margin-bottom: 25px;}
    .title h3{ font-size: 115px;}
    .title h2{font-size: 30px; margin-top: -62px; margin-bottom: 6px;}
    .title p{ font-size: 20px;}

    .ntitle h2{ font-size: 30px;}
    .ntitle p{ font-size: 20px;}

    .ipro{ padding: 20px 0 45px;}
    .ipro .box ul li{ width: 25%; margin-bottom: 15px;}
    .ipro .box ul li dl img{padding: 5px;}
    .ipro .box ul li dl::before{ width: calc(100% - 10px); height: calc(100% - 10px); border: #fff solid 5px;}
    .ipro .box ul li h3{margin-top: 5px;}

    .liyou{ height: 780px; padding: 60px 0;}
    .liyou .wrap::before{ top: -10px;}
    .liyou .box .tit{ margin: 0;}
    .liyou .box .tit h3{ font-size: 80px;}
    .liyou .box .tit dl{ padding-top: 16px;}
    .liyou .box .tit h2{font-size: 20px; margin-bottom: 7px;}
    .liyou .box .tit p{ font-size: 28px;}
    .liyou .box .by{ font-size: 16px; margin-top: 10px;}
    .liyou .box .con{ width: 488px;}
    .liyou .box .con .text{ font-size: 16px;}
    .liyou .box .con .lianxi a{ width: 150px; height: 46px; line-height: 42px; font-size: 18px; background: url(../images/icon38.png) no-repeat 24px center; padding-left: 55px; margin-right: 28px;}
    .liyou .box .con .lianxi .tel{ font-size: 25px;}
    .liyou .pic{ width: 390px; margin-right: 95px;}
    .liyou .menu{ width: 885px;height: 120px; margin-top: 45px;}
    .liyou .menu::after{ height: 120px;}
    .liyou .menu ul{ padding: 0 20px;}
    .liyou .menu ul li{ padding-top: 40px;}
    .liyou .menu ul li h3{ font-size: 18px;}

    .serviceLc .serviceBox .item .box{width:240px; height: 290px; margin-left: -150px; margin-top: 60px; padding: 40px 25px;}
    .serviceLc .serviceBox .item:nth-child(2) .box{ margin-right: -150px;}
    .serviceLc .serviceBox .item .box h3{ font-size: 20px;}
    .serviceLc .serviceBox .item .box dd{ font-size: 40px;}
    .serviceLc .liucheng .box ul{ margin: 0 -10px;}
    .serviceLc .liucheng .box ul li{ padding: 0 10px;}

    .newsCenter .box ul li ol h3{ font-size: 16px;}
    .newsCenter .box ul li a{ height: 140px; padding: 25px 28px;}

    .iabout{ height: 850px;}
    .iabout .wrap{ padding-top: 70px;}
    .iabout .box::before{ left: 0;}
    .iabout .box .con .pic{ display: none;}
    .iabout .box .con .conBox{ width: 700px;}
    .iabout .box .con .conBox .menu{ margin-top: 50px;}
    .iabout .box .con .conBox .menu li{ margin-right: 15px;}
    .iabout .box .con .conBox .menu li a{height: 66px;padding-top: 17px;}
    .iabout .workshop{ width: 700px; float: right;}
    .iabout .box .workshop ul { margin: 0 -15px;}
    .iabout .box .workshop ul li{ padding: 0 15px;}
    .iabout .box .ihonor{ top: 0;}

    .inews .QA{ padding-left: 40px;}
    .inews .QA .box ul li dl{ padding-bottom: 5px;}

    .about .box{ width: 540px;}
    .about .box .tit h2{ font-size: 55px; margin-bottom: 15px;}
    .about .box .tit h3{ font-size: 22px;}
    .about .box .text{ line-height: 32px;}
    .about .pic{ width: 430px; padding-top: 60px;}

    .culture .box{ padding: 0;}
    .culture .box .item{ margin: 0 10px;}
    .culture .box .item h3{ font-size: 26px; margin-bottom: 10px;}
    .culture .box .item dt{ font-size: 16px; line-height: 22px;}
    .culture .box .item:nth-child(1){background-size: contain;}
    .culture .box .item:nth-child(2){height: 440px; background-size: contain;}
    .culture .box .item:nth-child(3){background-size: contain;}

    .team .box{padding: 60px 70px 40px;}

    .prolist ul { margin: 0 -10px;}
    .prolist ul li{ width: 33.33%; padding: 0 10px; margin-bottom: 15px;}
    .prolist ul li dl img{padding: 5px;}
    .prolist ul li dl::before{ width: calc(100% - 10px); height: calc(100% - 10px); border: #fff solid 5px;}
    .prolist ul li h3{margin-top: 5px;}

    .proview{ padding:30px 20px;}
    .proview .pic{ width: 440px; margin: 0 auto 20px; float: none;}
    .proview .con{ width: 100%; float: none;}
    .proview .con .tit h1{ font-size: 20px;}
    .proview .con .text{ line-height: 26px;}
    .proview .con .proContact ul{ margin: 0 -5px;}
    .proview .con .proContact ul li{ padding: 0 5px; margin-bottom: 10px;}
    .proview .con .proContact ul li ol{ font-size: 16px;}
    .proview .con .proContact ul li ol i{ margin-right: 8px;}

    .manufacture .manufacture01 .box dd{ font-size: 26px; line-height: 36px; margin-bottom: 10px;}
    .manufacture .manufacture01 .box dt{ margin-bottom: 20px;}
    .manufacture .manufacture01 .box ul li{ margin-bottom: 15px;}
    .manufacture .manufacture01 .box ul li ol h3{ font-size: 18px; margin-bottom: 5px;}
    .manufacture .manufacture03 .box{ padding-top: 20px; padding-right: 30px;}
    .manufacture .manufacture03 .box dd{ font-size: 26px; line-height: 36px; margin-bottom:20px;}
    .manufacture .manufacture04 .tit p{ font-size: 26px;}
    .manufacture .manufacture04 .box ul{ margin: 0 -30px;}
    .manufacture .manufacture04 .box ul li{ padding: 0 30px;}
    .manufacture .manufacture04 .box ul li ol h3{ font-size: 20px; margin-bottom: 10px;}

    .support .khxf ul{ margin: 0 -20px;}
    .support .khxf ul li{padding: 0 20px;}
    .support .khxf ul li dl{ font-size: 16px;}

    .news .box ul{ margin: 0 -15px;}
    .news .box ul li{ padding: 0 15px; margin-bottom: 20px;}

    #map{ width: 525px;}

    .footer .item:nth-child(1){ width: 410px;}
    .footer .item:nth-child(3){ width: 246px;}
    .footer .ewm ol{ width: 128px;}
    
}

@media screen and (max-width:999px){
    body{ padding-top: 60px; font-size: 15px;}
    .wrap{ width: 100%; padding: 0 15px;}
    .w1520{ width: 100%; padding: 0 15px;}

    .header{ width: 100%; height:60px; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,.1);  position: fixed; top: 0; left: 0; z-index: 99999; }
    .header .logo{ height: 60px; padding: 10px 0;}
    .header .headRight{ float: none; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);  border-top: #eee solid 1px;  background: #fff; display: none;}
    .header .nav{ width: 100%; float: none;}
    .header .nav ul li{ float: none; margin-left: 0; line-height: 50px; border-bottom: #eee solid 1px; position: relative;}
    .header .nav ul li a{ color: #000; font-size: 15px; padding: 0 15px;}
    .header .nav ul li a:hover{ color: #000;}
    .header .nav ul li.on a{ color: #000;}
    .header .nav ul li:hover:before, .header .nav ul li.on::before{ width: 100%;}
    .header .lang{ margin-left: 15px;}
    .header .lang a{ line-height: 50px;}


    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#333;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#333;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#333;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    /*首页bannner*/
    .banner { position: relative;}
    .banner .swiper-container{ width:100%; overflow:hidden;}
    .banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
    .banner .swiper-container .swiper-slide a{ display: block; width:100%;}
    .banner .swiper-container .swiper-slide img{width:100%;}
    .banner .pagination {position: absolute;z-index: 20;bottom:10px;width: 100%;text-align: center;}
    .banner .swiper-pagination-switch {display: inline-block; width:10px; height: 10px; background:#fff; margin: 0 2px; border-radius: 10px; cursor: pointer;}
    .banner .swiper-active-switch { background: #4bace0; opacity: 1;}

    .neiBanner{height: 110px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}

    .title{ margin-bottom: 20px;}
    .title h3{ font-size: 80px;}
    .title h2{ font-size: 22px;  margin-top: -50px; margin-bottom: 5px;}
    .title p{ font-size: 16px; font-weight: 700;}

    .ntitle{ margin-bottom: 20px;}
    .ntitle h2{ font-size:22px; margin-bottom:5px;}
    .ntitle p{ font-size:16px; }

    .ipro{ padding: 25px 0 30px; background: #f5f7fa;}
    .ipro .box ul{ margin: 0 -5px;}
    .ipro .box ul li{ width: 50%; padding: 0 5px; margin-bottom:10px;}
    .ipro .box ul li dl::before{ content: ""; width:calc(100% - 10px); height: calc(100% - 10px); border: #fff solid 5px;}
    .ipro .box ul li dl img{ padding: 5px;}
    .ipro .box ul li h3{ height: 36px; line-height:18px; font-size: 14px; margin-top: 5px;}

    .liyou{ height: auto; padding: 40px 0; background:url(../images/icon37.png); border-top: 1px solid #fff; border-bottom: 1px solid #fff; position: relative;}
    .liyou::after{display: none;}
    .liyou .wrap::before{ display: none;}
    .liyou .box{ float: none;}
    .liyou .box .tit{ margin-top: 0; margin-bottom: 50px;}
    .liyou .box .tit h3{ font-size: 60px; margin-right: 10px; float: left;}
    .liyou .box .tit dl{ float: left; padding-top: 10px;}
    .liyou .box .tit h2{ font-size:18px;  font-weight: 500; margin-bottom: 5px; }
    .liyou .box .tit p{ font-size:20px;}
    .liyou .box .by{ font-size: 15px; line-height: 22px; padding: 10px; margin-top: -30px;}
    .liyou .box .con{ width: 100%; padding-top: 20px;}
    .liyou .box .con .biaoti{ margin-bottom: 15px;}
    .liyou .box .con .biaoti h3{ font-size: 60px;}
    .liyou .box .con .biaoti p{font-size: 20px; margin-top: -20px;}
    .liyou .box .con .text{ font-size: 15px; line-height:1.6;}
    .liyou .box .con .lianxi{ padding-top: 20px; margin-bottom: 20px; overflow: hidden;}
    .liyou .box .con .lianxi a{ width: 130px; height: 40px; line-height: 36px; font-size: 17px; color: #213043; font-weight: 500; background: url(../images/icon38.png) no-repeat 20px center; padding-left: 45px; margin-right: 20px; float: left;}
    .liyou .box .con .lianxi .tel{ line-height: 40px; font-size: 18px; background: url(../images/icon39.png) no-repeat left center; padding-left: 35px; background-size: 28px auto;}
    .liyou .pic{ display: none;}
    .liyou .menu{ width: 100%; height: 130px; background: #fff; position: relative; z-index: 111; margin-top:0; padding: 0 30px;  border-radius: 10px;}
    .liyou .menu::after{display: none;}
    .liyou .menu ul { position: relative; z-index: 111;}
    .liyou .menu ul li{ width: 50%; padding-top: 20px; float: left;}
    .liyou .menu ul li a{ display: block; padding-left: 40px;}
    .liyou .menu ul li h3{ font-size: 16px; line-height: 1.2;}
    .liyou .menu ul li p{ font-size: 12px; font-weight: 400; color: #666;}
    .liyou .menu ul li a:hover h3{ color: #e6771d;}
    .liyou .menu ul li a:hover p{ color: #e6771d;}
    .liyou .menu ul li:nth-child(1) a{ background: url(../images/icon40.png) no-repeat left center; background-size: 25px auto;}
    .liyou .menu ul li:nth-child(2) a{ background: url(../images/icon41.png) no-repeat left center; background-size: 25px auto;}
    .liyou .menu ul li:nth-child(3) a{ background: url(../images/icon42.png) no-repeat left center; background-size: 25px auto;}
    .liyou .menu ul li:nth-child(4) a{ background: url(../images/icon43.png) no-repeat left center; background-size: 25px auto;}

    .serviceLc{ padding: 30px 0 10px; background: #f3f5f8; border-bottom: #eee solid 10px;}
    .serviceLc .serviceBox{ position: relative; padding: 20px 0 10px; display: block; justify-content: space-between; margin-top: 0;}
    .serviceLc .serviceBox::before{ content: ""; width: 80px; height: 80px; background: url(../images/icon10.png) no-repeat center; background-size: cover;}
    .serviceLc .serviceBox::after{ content: ""; width: 80px; height: 80px; background: url(../images/icon10.png) no-repeat center; background-size: cover;}
    .serviceLc .serviceBox .item{ position: relative; z-index: 11; display: flex; margin-bottom:20px;}
    .serviceLc .serviceBox .item .box{ width: 360px; height: 240px; padding: 28px 20px; margin-left: -57px; margin-top: 30px;}
    .serviceLc .serviceBox .item .box h3{ font-size: 18px; color: #333; line-height: 1; position: relative; padding-bottom: 18px; margin-bottom: 15px;}
    .serviceLc .serviceBox .item .box h3::after{ content: ""; width: 46px; height:2px; background: #4bace0; position: absolute; left: 0; bottom: 0;}
    .serviceLc .serviceBox .item .box dt{ font-size: 15px;}
    .serviceLc .serviceBox .item .box dd{ font-size: 30px; color: #eaeaea; font-style: italic; line-height: 1; margin-top:20px;}
    .serviceLc .serviceBox .item:nth-child(2){ display: flex; flex-direction: row-reverse;}
    .serviceLc .serviceBox .item:nth-child(2) .box{ margin-left: 0px; margin-right: -57px;}
    .serviceLc .liucheng{ margin-bottom: 30px; padding-top: 20px;}
    .serviceLc .liucheng .tit{ margin-bottom: 20px;}
    .serviceLc .liucheng .tit h3{ font-size: 25px;}
    .serviceLc .liucheng .tit h3::before{ content: ""; width: 46px; height: 1px; background: #4bace0; position: absolute; left: -60px; top: 50%;}
    .serviceLc .liucheng .tit h3::after{ content: ""; width: 46px; height: 1px; background: #4bace0; position: absolute; right: -60px; top: 50%;}
    .serviceLc .liucheng .box ul{ margin: 0 -10px;}
    .serviceLc .liucheng .box ul li{ width: 33.33%; padding: 0 10px; margin-bottom: 10px;}
    .serviceLc .liucheng .box ul li dl{ width: 106px; height: 106px; line-height: 104px;  margin: 0 auto;}
    .serviceLc .liucheng .box ul li h4{ margin-top: 10px; font-weight: normal;}
    .serviceLc .more{ width: 160px; height: 50px; line-height: 50px;  border-radius: 50px; color: #fff; margin: 0 auto; padding-left: 67px; display: block;}

    .newsCenter{ padding: 20px 0 50px; background: #f3f5f8;}
    .newsCenter .box ul{ margin: 0;}
    .newsCenter .box ul li{ width: 100%; padding: 0;  margin-top: 0; margin-bottom: 10px; float: left;}
    .newsCenter .box ul li a{height: auto; background: #fff; padding: 18px 25px;}
    .newsCenter .box ul li dl{ float: left; width: 70px; height: 60px;  font-size: 14px; padding-top: 0;  }
    .newsCenter .box ul li dl b{font-size: 22px; padding-bottom: 8px; margin-bottom: 5px;}
    .newsCenter .box ul li dl b::after{ content: ""; width: 25px;}
    .newsCenter .box ul li ol{ height: 60px; padding-left: 90px; background: url(../images/icon14.png) no-repeat 90px bottom; background-size: 15px auto; }
    .newsCenter .box ul li ol h3{ font-size: 15px;line-height: 1.4; }
    .newsCenter .box ul li a:hover ol{background: url(../images/icon14_02.png) no-repeat 90px bottom;  background-size: 15px auto;}

    .iabout{ padding-bottom: 30px; height: auto; background: #fff; position: relative;}
    .iabout::after{display: none;}
    .iabout .wrap{ padding-top: 70px; background: url(../images/icon05.png) no-repeat right top;}
    .iabout .box{ padding-left: 0; position: relative; z-index: 11;}
    .iabout .box::before{ display: none;}
    .iabout .box .con{ margin-bottom: 30px;}
    .iabout .box .con .pic{ width: 50%; border-top-left-radius: 40px; border-top-right-radius: 40px;float: none;}
    .iabout .box .con .conBox{ width: auto; float: none;}
    .iabout .box .con .conBox .tit{ margin-top: 8px; margin-bottom: 10px;}
    .iabout .box .con .conBox .tit h3{ font-size: 60px; margin-right: 10px; float: left;}
    .iabout .box .con .conBox .tit dl{ float: left; padding-top: 10px;}
    .iabout .box .con .conBox .tit h2{ font-size:20px; margin-bottom: 5px; }
    .iabout .box .con .conBox .tit p{ font-size:20px; font-weight: 900;}
    .iabout .box .con .conBox .companyName{ font-size: 18px;  padding-bottom: 10px; margin-bottom: 20px; position: relative;}
    .iabout .box .con .conBox .companyName::after{ content: ""; width: 40px; height: 1px;}
    .iabout .box .con .conBox .text{ line-height: 1.8;}
    .iabout .box .con .conBox .menu{ margin-top: 30px;}
    .iabout .box .con .conBox .menu li{ width: 33%; float: left; margin-right: 0;}
    .iabout .box .con .conBox .menu li a{ width: 100%; height: 80px; padding-left: 0; padding-top: 10px; text-align: center; display: block;}
    .iabout .box .con .conBox .menu li a i{ float: none; width: 31px; height: 31px; line-height: 29px; text-align: center; margin-right: 50px; overflow: hidden; display: block; margin: 0 auto;}
    .iabout .box .con .conBox .menu li a h3{ float: none; font-size: 16px; color: #000; font-weight: normal; line-height: 31px; position: relative;}
    .iabout .box .con .conBox .menu li a h3::before{ display: none;}
    .iabout .box .con .conBox .menu li a.on{ background: #213043; border-radius: 80px;}
    .iabout .box .con .conBox .menu li a.on i img{filter: drop-shadow(#fff 0 50px); transform: translateY(-50px);}
    .iabout .box .con .conBox .menu li a.on h3{ color: #fff;}
    .iabout .box .con .conBox .menu li a.on h3::before{ background: #fff;}
    .iabout .box .workshop ul{ margin: 0 -5px;}
    .iabout .box .workshop ul li{ width: 33.33%; padding: 0 5px; float: left;}
    .iabout .box .workshop ul li dl{ border: #cccccc solid 1px; padding-bottom: 70%; overflow: hidden; position: relative;}
    .iabout .box .workshop ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; margin:auto; padding: 5px;}
    .iabout .box .ihonor{ position: absolute; right: 0; top:-30px;}

    .inews .newsBox{ width: 100%; float: none;}
    .inews .newsBox .newslist ul li{padding: 10px 0; overflow: hidden;}
    .inews .newsBox .newslist ul li dl{display: none; }
    .inews .newsBox .newslist ul li ol{ padding-left: 0; }
    .inews .newsBox .newslist ul li ol dt{ position: relative; height:auto; }
    .inews .newsBox .newslist ul li ol dt h3{ font-size: 15px; color: #666; font-weight: normal; padding-right: 100px; line-height: 1.2;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .inews .newsBox .newslist ul li ol dt span{ font-size: 13px; line-height: 20px;}
    .inews .newsBox .newslist ul li.on{ padding: 10px 0; background: none; }
    .inews .newsBox .newslist ul li.on dl{display: none;}
    .inews .newsBox .newslist ul li.on ol{padding-left: 0}
    .inews .newsBox .newslist ul li.on ol dt{height:auto;}
    .inews .newsBox .newslist ul li.on ol dt h3{color: #666;font-weight: normal; }
    .inews .newsBox .newslist ul li.on ol dd{display: none;}
    .inews .newsBox .newslist ul li.on ol em{display: none;}

    .inews .QA{ width:100%; float: none; padding-left: 0; margin-top: 30px; }
    .inews .QA .QATit{ overflow: hidden; border-bottom: #cccccc solid 1px; margin-bottom: 10px; padding-bottom: 12px; }
    .inews .QA .QATit h2{ font-size: 20px; color: #000; line-height: 1; float: left; }
    .inews .QA .QATit a{ float: right; color: #999; }
    .inews .QA .box{}
    .inews .QA .box ul li{ padding: 15px 0; border-bottom: #ddd dashed 1px; }
    .inews .QA .box ul li dl{ padding-left: 30px; padding-bottom: 5px; margin-bottom: 10px;}
    .inews .QA .box ul li ol{ padding-left: 30px; font-size: 14px;}

    /* 关于我们 */
    .about{ padding: 30px 0; background: #f8f8f8; position: relative;}
    .about::after{ display: none;}
    .about .wrap{ position: relative; z-index: 11;}
    .about .wrap::before{ display: none;}
    .about .box{ float: none; width: 100%;}
    .about .box .tit{ margin-bottom: 15px;}
    .about .box .tit h2{ font-size: 30px;  margin-bottom: 10px;}
    .about .box .tit h3{ font-size: 20px;}
    .about .box .tit h3::before{ content: ""; width: 10px; height: 10px; border: #cbcbcb solid 2px; border-radius: 10px; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}
    .about .box .tit h3::after{ content: ""; width: 100px; height: 1px; background: #cbcbcb; position: absolute; right: -120px; top: 50%; transform: translateY(-50%);}
    .about .box .text{ line-height: 1.8;}
    .about .pic{ float: none; position: relative; z-index: 1;}

    .culture{ padding: 40px 0 45px; background: url(../images/cultureBg.jpg) no-repeat center bottom; background-size: cover;}
    .culture .box{ display: block; justify-content: space-between; align-items: center; padding: 0;}
    .culture .box .item{ text-align: center; color: #fff; display:flex; align-items: center;}
    .culture .box .item ol{ padding: 0 50px;}
    .culture .box .item h3{ font-size: 20px; line-height: 1; margin-bottom:10px;}
    .culture .box .item dt{ font-size: 14px; line-height: 1.6; }
    .culture .box .item:nth-child(1){ width: 100%; height: 316px; background: url(../images/culture01.png) no-repeat center; padding-right: 27px;}
    .culture .box .item:nth-child(2){ width: 100%;  height:450px; background: url(../images/culture02.png) no-repeat center; background-size: contain;}
    .culture .box .item:nth-child(2) ol{ padding: 0 40px;}
    .culture .box .item:nth-child(3){ width: 100%; height: 316px; background: url(../images/culture03.png) no-repeat center; padding-left: 27px;}

    .team .box{ padding: 50px 0 30px;}
    .team .box .text{ line-height: 1.7;}
    .team .pic img{ width: 100%; float: none;}

    /* 产品 */
    .products{ padding: 15px 0 40px;}
    .products .leftNav{ width: 100%; float: none; margin-bottom: 10px; overflow: hidden;position: relative}
    .products .leftNav dl{color: #fff;font-size: 18px; line-height: 36px; padding:5px 0; margin-left: -1000px; background:#223144 url(../images/xiala.png) no-repeat right 15px center; background-size: 20px auto; e; }
    .products .leftNav dl::before{ content: "产品分类"; position: absolute; left: 15px;}
    .products .leftNav ul{ padding: 5px 0 10px; background: #fff; display: none;}
    .products .leftNav ul li{ margin-bottom: 1px;}
    .products .leftNav ul li a{ font-size: 14px; line-height: 36px; padding: 0 15px; display: block; border-left: #fff solid 5px;}
    .products .leftNav ul li.on a,.products .leftNav ul li a:hover{ background: #e5771d; color: #fff; border-left: #bd5500 solid 5px;}
    .products .rightBox{ width:100% ; float: none;}
    .products .bread{ display: none;}

    .prolist{ padding-bottom: 20px;}
    .prolist ul{ margin: 0 -5px;}
    .prolist ul li{ width:50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .prolist ul li dl{ padding-bottom: 100%; position: relative; overflow: hidden;}
    .prolist ul li dl::before{ content: ""; width:calc(100% - 10px); height: calc(100% - 10px); border: #fff solid 5px; }
    .prolist ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; padding: 5px;}
    .prolist ul li h3{ height: 36px; line-height: 18px; font-size: 14px; font-weight: normal; text-align: center; margin-top: 5px;}

    .proview{ background: #fff; padding: 15px;}
    .proview .pic{ width: 100%; float: none; margin-bottom: 20px;}
    .proview .con{ width: 100% ; float: none; position: relative;}
    .proview .con .tit{ border-bottom: #cccccc solid 2px; padding: 15px 0; margin-bottom: 20px;}
    .proview .con .tit h1{ font-size: 18px;}
    .proview .con .text{ font-size: 15px; line-height: 1.6; padding-bottom: 20px;}
    .proview .con .proContact{ padding-top: 25px;}
    .proview .con .proContact ul{ margin: 0;}
    .proview .con .proContact ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: none;}
    .proview .con .proContact ul li ol{ height: 50px; overflow: hidden; background: #fff; border-radius: 50px; padding: 3px; color: #000; font-size:14px; line-height: 44px; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
    .proview .con .proContact ul li ol span{ font-size: 14px; color: #999;}
    .proview .con .proContact ul li ol i{ width: 44px; height: 44px; line-height: 40px; background: #223144; border-radius: 40px; text-align: center; margin-right: 14px; float: left;}
    .proview .con .proContact ul li ol:hover{ color: #e5771d;}
    .proview .con .proContact ul li ol:hover i{ background: #e5771d;}
    .proview .con .back{ width: 100px; height: 36px; line-height: 36px; border-radius: 40px; overflow: hidden; position: absolute; top:8px; right: 0;}
    .proview .con .back a{ color: #fff; background: #ababab url(../images/icon48.png) no-repeat 15px center; padding-left:45px; display: block;}
    .proview .con .back a:hover{ background: #e5771d url(../images/icon48.png) no-repeat 15px center}

    /* 证书 */
    .certificate{padding: 35px 0 50px;}
    .certificate .box ul{ margin: 0 -5px 30px;}
    .certificate .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}

    /* 研发制造 */
    .manufacture{ padding: 35px 0 50px;}
    .manufacture .manufacture01{ margin-bottom: 20px;}
    .manufacture .manufacture01 .pic{ width: 100%; margin-bottom: 15px; float: none;}
    .manufacture .manufacture01 .box{ width: 100%; padding-left: 0; float: none;}
    .manufacture .manufacture01 .box dl{ font-size: 18px;  margin-bottom: 10px;}
    .manufacture .manufacture01 .box dd{ font-size: 20px; line-height: 1.2; margin-bottom: 15px;}
    .manufacture .manufacture01 .box dt{ font-size: 15px; line-height:24px; margin-bottom: 20px;}
    .manufacture .manufacture01 .box ul{}
    .manufacture .manufacture01 .box ul li{ margin-bottom: 15px;}
    .manufacture .manufacture01 .box ul li img{ float: left;}
    .manufacture .manufacture01 .box ul li ol{ padding-left: 70px;}
    .manufacture .manufacture01 .box ul li ol h3{ font-size: 18px; margin-bottom: 5px;}
    .manufacture .manufacture01 .box ul li ol div{ font-size: 15px; line-height:1.5;}

    .manufacture .manufacture02{ display: block; justify-content: space-between; margin-bottom: 35px;}
    .manufacture .manufacture02 img{ width: 100%;}

    .manufacture .manufacture03{ margin-bottom: 50px;}
    .manufacture .manufacture03 .pic{ width: 100%; float: none;}
    .manufacture .manufacture03 .box{ width: 100%; padding-top: 20px; padding-right: 0; text-align: left; margin-bottom: 20px; float: none;}
    .manufacture .manufacture03 .box dl{ font-size: 18px; line-height: 1; margin-bottom: 10px;}
    .manufacture .manufacture03 .box dd{ font-size: 20px; font-weight: 500; line-height: 1.2; margin-bottom: 15px;}
    .manufacture .manufacture03 .box .text{ font-size: 15px; line-height:24px;}

    .manufacture .manufacture04 .tit{  margin-bottom: 50px;}
    .manufacture .manufacture04 .tit h2{font-size: 18px; margin-bottom: 15px;}
    .manufacture .manufacture04 .tit p{ font-size: 20px;}
    .manufacture .manufacture04 .box{}
    .manufacture .manufacture04 .box ul{ margin: 0 ;}
    .manufacture .manufacture04 .box ul li{ width:100%; padding: 0; margin-bottom: 20px; text-align: center; float: none;}
    .manufacture .manufacture04 .box ul li dl{ width: 138px; height: 138px; border: #e6771d solid 1px; border-radius: 138px; margin: 0 auto; position: relative;}
    .manufacture .manufacture04 .box ul li dl dd{ width: 64px; height: 64px; background:rgba(230,119,29,0.5); border-radius: 64px; position: absolute; right: -23px; top: 10px; display:flex; align-items: center; justify-content: center;}
    .manufacture .manufacture04 .box ul li dl dd i{ width: 44px; height: 44px; background: #e6771d; border-radius: 40px; line-height: 42px; text-align: center; color: #fff; font-size: 22px; font-weight: bold;  font-style: normal; display: block;}
    .manufacture .manufacture04 .box ul li ol{ padding-top: 13px;}
    .manufacture .manufacture04 .box ul li ol h3{ font-size: 18px;  margin-bottom:10px;}

    /* 技术支持 */
    .support{ padding: 40px 0; background: #f3f5f8;}
    .support .text{ line-height: 1.8;}
    .support .con{ margin: 20px 0 30px;}
    .support .con ul{ margin: 0 -5px;}
    .support .con ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; float: left;}
    .support .con ul li h3{ font-size: 14px; line-height: 1.4;padding:5px 2px 0;}
    .support .khxf{ padding-top: 20px;}
    .support .khxf ul{ margin: 0;}
    .support .khxf ul li{ width: 100%; padding: 0; float: none; margin-bottom: 10px;}
    .support .khxf ul li dl{ font-size: 15px; padding:15px;}
    .support .khxf ul li dl img{ width: 25px; margin-right: 10px;}

    .newsNav{ text-align: center; margin-bottom: 30px;}
    .newsNav li{ width: 100px; height: 36px; line-height: 36px; margin: 0 2px;}

    .news{ padding: 30px 0 40px;}
    .news .box ul{ margin: 0;}
    .news .box ul li{ width: 100%; padding: 0;  margin-bottom: 10px; float: left;}
    .news .box ul li a{height: auto; background: #fff; padding: 20px 28px; display: block; transition: all .4s;}
    .news .box ul li dl{ float: left; width: 77px; height: 70px;  padding-top: 0; padding-right: 15px; transition: all .4s; }
    .news .box ul li dl b{font-size: 30px;  margin-bottom: 10px; display: block; position: relative; transition: all .4s;}
    .news .box ul li ol{ height: 70px; padding-left: 96px; transition: all .4s;}
    .news .box ul li ol h3{ font-size: 16px; margin-bottom: 5px;}
    .news .box ul li ol dt{ height:36px; line-height: 18px; font-size: 13px;}
    .news .box ul li a:hover{ background: #e6771d;}
    .news .box ul li a:hover dl{ color: #fff;}
    .news .box ul li a:hover dl b{ color: #fff;}
    .news .box ul li a:hover dl b::after{ background: #fff;}
    .news .box ul li a:hover ol h3{ color: #fff;}
    .news .box ul li a:hover ol dt{ color: #fff;}

    .newsView{  padding: 30px 0 40px;}
    .newsView .box{ background: #fff; box-shadow:5px 8px 0 #e4e4e4; margin-bottom: 10px;}
    .newsView .box .newsHead{ padding: 30px 20px 10px;  position: relative;}
    .newsView .box .newsHead::after{ content: ""; width: 40px; height: 3px; background: #e6771d; position: absolute; left:20px; bottom: -2px;}
    .newsView .box .newsHead h1{ font-size: 20px;  margin-bottom: 10px;}
    .newsView .box .newsHead span{ font-size: 13px; margin-right: 10px;}
    .newsView .box .industryHead{ font-size: 35px; font-weight: normal; color: #000;  padding: 50px 70px 30px; border-bottom: #eaeaea solid 2px; position: relative;}
    .newsView .box .industryHead::after{ content: ""; width: 60px; height: 3px; background: #e6771d; position: absolute; left: 70px; bottom: -2px;}
    .newsView .box .viewCon{ padding:30px 20px 50px; line-height:1.7; font-size: 15px;}
    .newsView .box .viewPage{ border-top: #eaeaea solid 2px; padding: 20px 15px; overflow: hidden;}
    .newsView .box .viewPage .boxCon{ float: none; padding-right: 115px;}
    .newsView .box .viewPage .boxCon a{ font-size: 14px; display: block; overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap; margin-bottom: 10px;}
    .newsView .box .viewPage .boxCon b{ color: #e6771d;}
    .newsView .box .viewPage .back{ width: 100px; height: 36px; line-height: 36px;  text-align: center; border-radius: 40px; background: #e6771d; float: none; margin: 0 auto; right: 20px;}
    .newsView .box .viewPage .back a{color: #fff; font-size: 13px; display: block;}

    .industry{padding: 30px 0 55px;}
    .industry .box{}
    .industry .box ul{ margin: 0 -13px;}
    .industry .box ul li{ width: 25%; padding: 0 13px; margin-bottom: 30px; float: left;}
    .industry .box ul li a{ background: #fff; padding: 16px; display: block;}
    .industry .box ul li dl{ padding-bottom: 68.4848%; overflow: hidden; position: relative;}
    .industry .box ul li dl img{ position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; margin:auto;}
    .industry .box ul li ol{ padding:30px 0 25px;}
    .industry .box ul li h3{ font-size: 18px; font-weight: normal; color: #000; line-height:1; margin-bottom: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .4s;}
    .industry .box ul li dt{height: 48px; line-height: 24px; font-size: 16px; color: #8d8d8d; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all .4s;}
    .industry .box ul li a:hover h3{color: #e6771d;}
    .industry .box ul li a:hover dt{color: #e6771d;}

    .faq{padding: 30px 0 55px;}
    .faq .box ul{ margin-top: -1px;}
    .faq .box ul li{ padding: 15px 0; border-top: #ddd dashed 1px; }
    .faq .box ul li dl{background: url(../images/icon03.png) no-repeat left top; color: #333; padding-left: 30px; margin-bottom: 10px;}
    .faq .box ul li ol{background: url(../images/icon04.png) no-repeat left top; color: #999; padding-left: 30px; font-size: 14px; height: 40px; overflow: hidden;}

    .contact{ padding: 40px 0;}
    .contact .conBox{ width: 100%; height: auto; padding: 25px 30px 15px 18px; float: left;}
    .contact .conBox .tit{ font-size: 20px; text-align: center; margin-bottom:10px;}
    .contact .conBox ul li{ overflow: hidden; padding: 18px 0 0;}
    .contact .conBox ul li dl{ width: 48px; height: 48px; line-height: 45px; float: left;}
    .contact .conBox ul li ol{ padding-left: 66px;}
    .contact .conBox ul li ol h3{ font-size: 16px;}
    .contact .conBox ul li ol dt{ font-size: 14px; padding-bottom: 18px;}
    .contact .conBox ul li:nth-last-child(1) ol dt{ border-bottom: none;}
    #map{ width: 100%; height:250px; border: #eee solid 1px; float: none;}


    .footer{margin-bottom: 0;}
    .footer .item:nth-child(1){ width: 100%;}
    .footer .item:nth-child(2){display: none;}
    .footer .item:nth-child(3){ display: none;}
    .footer .item .tit{ margin-bottom: 20px;}
    .footer .fcontact ul{ width: 100%;}
    .footer .fcontact dl{ font-size: 16px;}


    /*===/分页=============================*/
    .fenye { text-align: center; font-size: 14px; width: 100%; height: 40px; margin: 10px 0 0px;}
    .fenye .prev, .fenye .next { width: 34px; height: 34px; line-height: 32px; margin-right: 2px; font-size: 16px; }
    .fenye a { width: 34px; height: 34px; line-height: 32px; margin-right:2px;}
    .fenye a:hover {color: #fff; background: #242a34; border: #242a34 solid 1px;}
    .fenye a.current { color: #fff;  background: #242a34; margin-right: 2px; border: #242a34 solid 1px;}
}