@charset "utf-8";
/* CSS 鼠标效果 */
@import url('xiaoguo.css');

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900');
* {-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; 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: #0055c9;}

.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, .3); 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: 1px; float: left;}
.header .nav ul li a{ color: #666;  font-size: 18px; display: block; padding: 0 20px; position: relative; z-index: 11; transition: all .4s;}
.header .nav ul li:before{ content: ""; width: 100%; height: 0;background: url(../images/icon01.png) repeat-x; 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: #fff; }
.header .nav ul li:hover:before,.header .nav ul li.on::before{ height: 80px;}
.header .lang{ float: left; position: relative; margin-left: 20px;}
.header .lang.en{ background: url(../images/en.jpg) no-repeat left center;}
.header .lang.cn{ background: url(../images/cn.jpg) no-repeat left center;}
.header .lang a{ font-weight: 300; line-height: 80px; padding: 0 20px 0 35px;}
.header .lang::before{ content: ""; width: 13px; height: 7px; background:url(../images/icon02.png) no-repeat center; position: absolute; right: 0; top: 38px;}
.header .menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative;  border-bottom: #d12d23 solid 2px;}
.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{ height: 700px; 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 4px; border-radius: 10px; cursor: pointer;}
.banner .swiper-active-switch { background: #0055c9; opacity: 1;}

.neiBanner{height: 420px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative;}
.neiBanner img{ width: 100%;}

.title{ margin-bottom: 30px; text-align: center;}
.title h2{ font-size: 36px; color: #000;; line-height: 1;}
.title h2 span{ color: #d32d22;}
.title p{ color: #666; margin-top: 18px;}
.title i{ width: 105px; height: 46px; background: url(../images/icon06.png) no-repeat center; margin: 10px auto 0; display: block; position: relative;}
.title i::before{ content: ""; width: 30px; height: 1px; background: #ccc; position:absolute; left: -40px; top: 50%;}
.title i::after{ content: ""; width: 30px; height: 1px; background: #ccc; position:absolute; right: -40px; top: 50%;}
.ntitle{ text-align: center; margin-bottom: 30px;}
.ntitle h2{ font-size: 36px; color: #000; font-weight: bold; line-height: 1; margin-bottom: 10px;}
.ntitle h3{ font-size: 36px; color: #b4b6b9; font-weight: 500; line-height: 1; text-transform: uppercase; margin-bottom: 15px;}
.ntitle p{ font-size: 16px; color: #7f8183; line-height: 1;}

.more{ width: 176px; height: 50px; line-height: 46px; text-align: center; color: #999; border: #0055c9 solid 1px; border-radius: 30px; margin: 0 auto; display: block;transition: all .4s;}
.more:hover{ background: #0055c9; color: #fff;}

.homePageOne{ background:#e8eaee url(../images/icon03.png) repeat-x bottom; padding: 35px 0;}
.homePageOne .line{ position: relative;}
.homePageOne .line::before{ content: ""; width: 25px; height: 3px; background: #000; position: absolute; left: 0; top: 0;}
.homePageOne .zz{ width: 40%; padding-right: 220px; float: left;}
.homePageOne .zz dl{ font-size: 26px; color: #000; font-weight: 500; line-height: 1; padding-top: 20px; margin-bottom: 20px;}
.homePageOne .zz dl b{ font-size: 36px; color: #d32d22;}
.homePageOne .zz ol{ font-size: 14px; color: #999; line-height: 1.8;}
.homePageOne .tel{ width: 32%; float: left;}
.homePageOne .tel dl{ font-size: 24px; color: #999; line-height: 1; padding-top: 30px;}
.homePageOne .tel ol{ font-size: 14px; color: #999; line-height: 1; padding-top: 10px;}
.homePageOne .tel dt{ font-size: 22px; color: #000; font-weight: bold; line-height: 1; background: url(../images/icon04.png) no-repeat left center; margin-top: 25px; padding-left: 30px;}
.homePageOne .search{ width: 28%; float: left;}
.homePageOne .search dl{ font-size: 24px; color: #999; line-height: 1; padding-top: 30px;}
.homePageOne .search ol{ font-size: 14px; color: #999; line-height: 1; padding-top: 10px; margin-bottom: 15px;}
.homePageOne .search ol a{ color: #999;}
.homePageOne .search ol a:hover{ color: #0055c9;}
.homePageOne .search .searchBox{ width: 100%; height: 40px; border: #cccccc solid 1px; position: relative;}
.homePageOne .search .searchBox input{ width: 100%; height:38px; border: none; padding-left: 15px;}
.homePageOne .search .searchBox button{ width: 55px; height: 38px; background: #0055c9 url(../images/icon05.png) no-repeat center; border: none; position: absolute; right: 0; top: 0; cursor: pointer;}

.proNav{ text-align: center; margin-bottom: 50px;}
.proNav a{min-width: 200px; height: 50px; line-height: 46px; background: #fff; color: #0055c9; font-size: 18px; border-radius: 50px; padding: 0 20px; display: inline-block; box-shadow:0 0 15px rgba(0, 85, 201, .3); margin: 0 20px;transition: all .4s;}
.proNav a:hover,.proNav a.on{ background: #0055c9; color: #fff;}
.ipro{ padding: 50px 0 70px; background:#e8eaee url(../images/iproBg.jpg) no-repeat center top; background-size: 100% auto;}
.ipro .box{ margin-bottom: 30px;}
.ipro .box ul{ margin: 0 -9px;}
.ipro .box ul li{ width: 20%; padding: 0 9px; float: left;}
.ipro .box ul li a{ display: block;}
.ipro .box ul li dl{ position: relative; overflow: hidden; padding-bottom:100%;}
.ipro .box ul li dl::before{ content: ""; width: 100%; height: 100%; background: rgba(0, 95, 224, .05); position: absolute; left: 0; top: 0; z-index: 11;opacity: 0; transition: all .4s;}
.ipro .box ul li dl::after{ content: ""; width: 100%; height: 100%; background: url(../images/icon07.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 12;opacity: 0; transition: all .8s;}
.ipro .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.ipro .box ul li h3{ height: 60px; font-size: 16px; color: #333; text-align: center; font-weight: normal; padding: 18px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.ipro .box ul li a:hover dl::before{ opacity: 1;}
.ipro .box ul li a:hover dl::after{ opacity: 1;}

.proApp{ padding: 65px 0 90px; background:url(../images/proAppBg.jpg) no-repeat center; background-size: cover;}
.proApp .box{}
.proApp .box ul{}
.proApp .box ul li{width: 25%; padding: 0 53px; float: left;}
.proApp .box ul li dl{ padding: 22px; position: relative; margin-bottom: 15px;}
.proApp .box ul li dl::after{ content: ""; width: 100%; height: 100%; background: url(../images/icon08.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 0; animation: spin 3s linear infinite;}
.proApp .box ul li dl dt{ width: 100%; height: 100%; overflow: hidden; border-radius: 50%;}
.proApp .box ul li h3{ font-size: 20px; color: #333; font-weight: 500; text-align: center; line-height: 1;}
.proApp .box ul li p{ font-size:14px; color: #666; text-align: center;}
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg);}}

.iapp{padding: 65px 0; background: #e8eaee;}
.iapp .box ul{ margin: 0 -22px;}
.iapp .box ul li{ width: 25%; padding: 0 22px; float: left;}
.iapp .box ul li dl{ position: relative; padding-bottom: 108.5714%; overflow: hidden;}
.iapp .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.iapp .box ul li h3{ font-size: 18px; color: #333; font-weight: 500; text-align: center; padding-top: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.iabout{ padding: 100px 0; background: url(../images/iaboutBg.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.iabout .aboutLeft{ float: left; width: 1020px; position: relative;}
.iabout .aboutLeft::before{ content: ""; width: 2000px; height: 474px; background: rgba(0,0,0,0.23); border-radius: 300px; position:absolute; right: -17px; top: -17px;}
.iabout .aboutLeft ol{ float: left; width: 570px; color: #fff; position: relative; z-index: 11;}
.iabout .aboutLeft ol .tit{ overflow: hidden; margin-bottom: 20px;}
.iabout .aboutLeft ol .tit b{ font-size: 157px; color: rgba(255, 255, 255, .1); font-weight: 500; line-height: 1; margin-right: 10px; float: left;}
.iabout .aboutLeft ol .tit p{ font-size: 65px; color: rgba(255, 255, 255, .1); font-weight: bold; line-height: 1.2; padding-top: 20px; margin-left: -20px;}
.iabout .aboutLeft ol .tit h2{ font-size:40px; color: #fff; font-weight: 500; line-height: 1;}
.iabout .aboutLeft ol dd{ line-height: 1.8;}
.iabout .aboutLeft ol a.more{ float: right; border: #fff solid 1px; color: #fff; margin-top: 20px;}
.iabout .aboutLeft dl{ float: right; width: 438px;background: rgba(255, 255, 255, .5); border-radius: 50%; padding: 10px; overflow: hidden; position: relative; z-index: 11;}
.iabout .aboutLeft dl img{border-radius: 50%;}
.iabout .aboutRight{ float: right;}
.iabout .aboutRight ul li{ position: relative; padding: 35px 0;}
.iabout .aboutRight ul li::before{ content: ""; width: 178px; height: 6px; background: url(../images/icon18.png) no-repeat; position: absolute; left: -185px; top: 50%; transform: translateY(-50%);}
.iabout .aboutRight ul li a{ display: block;}
.iabout .aboutRight ul li dl{ float: left; width: 100px; height: 100px; background:rgba(255, 255, 255, .3); border-radius: 50%; padding: 10px; margin-right: 20px;}
.iabout .aboutRight ul li dl i{ width: 80px; height: 80px; line-height: 74px; text-align: center; background: #fff; border-radius: 50%; display: block;}
.iabout .aboutRight ul li ol{float: left;  white-space:nowrap; padding-top: 28px;}
.iabout .aboutRight ul li ol h3{ font-size: 24px; color: #fff; font-weight: normal; line-height: 1; }
.iabout .aboutRight ul li ol p{ font-size: 16px; color: #c1cbdc; font-weight: normal;}
.iabout .aboutRight ul li a:hover dl i{ background: #b1d3ff;}
.iabout .aboutRight ul li:nth-child(1){ padding-top:0;}
.iabout .aboutRight ul li:nth-child(3){ padding-bottom: 0;}
.iabout .aboutRight ul li:nth-child(1),.iabout .aboutRight ul li:nth-child(3){ margin-left: -50px;}

.inews{ padding: 65px 0; background: #e8eaee;}
.inews .box { margin-bottom: 40px;}
.inews .box ul{ margin: 0 -27px;}
.inews .box ul li{ width: 33.33%; padding: 0 27px; float: left;}
.inews .box ul li dl{ position: relative; padding-bottom: 46.8085%; overflow: hidden; margin-bottom: 15px;}
.inews .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.inews .box ul li ol{ position: relative;}
.inews .box ul li ol h3{ font-size: 18px; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-right: 100px;}
.inews .box ul li ol span{ position: absolute; right: 0; top: 0;}

.aboutNav{ height: 60px; line-height: 60px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .1); text-align: center; position: relative; z-index: 11;}
.aboutNav a{ color: #000; margin: 0 30px; position: relative; display: inline-block;}
.aboutNav a:hover::after{ content: ""; width: 100%; height: 3px; background: #0081d5; position: absolute; left: 0; bottom: 0;}

.anchorPoint{ padding-top:79px; margin-top:-79px;}

.about{ background: url(../images/aboutBg.jpg) no-repeat center; background-size: cover;}
.about .box{ padding: 60px 600px 100px 0;}
.about .tit{ overflow: hidden; margin-bottom: 25px;}
.about .tit b{ font-size: 157px; color: #eeeeee; font-weight: 500; line-height: 1; margin-right: 10px; float: left;}
.about .tit p{ font-size: 65px; color: #eeeeee; font-weight: bold; line-height: 1.2; padding-top: 20px; margin-left: -20px;}
.about .tit h2{ font-size:40px; color: #000; font-weight: 500; line-height: 1;}
.about .text{ line-height: 2;}

.culture{ padding: 100px 0 150px; background: url(../images/cultureBg.jpg) no-repeat center; background-size: cover;}
.culture .ntitle h2{ color: #fff;}
.culture .ntitle p{ color: #fff;}
.culture .con{ font-size: 36px; text-align: center; color: #fff; font-weight: 100; margin-bottom: 70px;}
.culture .box ul li{ width: 33.33%; padding: 0 90px; color: #fff; text-align: center; float: left;}
.culture .box ul li h3{ font-size: 20px; padding: 10px 0;}
.culture .box ul li p{ font-weight: 200; line-height: 2;}

.honor{ padding: 100px 0 150px; background: #fafafa url(../images/honorBg.jpg) repeat-x center bottom;}
.honor .box{ height: 390px; position: relative; padding-left: 300px;}
.honor .box dl{ position: absolute; left: 0; bottom: 0;}
.honor .box .con{ padding-top: 80px;}
.honor .box .con .swiper-slide{ display: flex; justify-content:center; align-items:center;}
.honor .box .con .swiper-slide ol{ max-height: 300px; padding: 0 10px;}
.honor .box .con .swiper-slide img{ border: #868686 solid 5px;}

.team{ padding-top: 65px;}
.team .con{ text-align: center;}
.team .box{overflow: hidden;}
.team .box li{ width: 50%; float: left;}
.team .box li img{ width: 100%;}

.bread{background: #e8eaee; border-bottom: #cccccc solid 1px; line-height: 75px;}
.bread h3{ font-size: 24px; color: #000; float: left;}
.bread dl{ font-size: 16px; float: right;}
.products{padding: 50px 0 70px; background:#e8eaee url(../images/iproBg.jpg) no-repeat center top; background-size: 100% auto;}
.products.hotPro{ padding: 50px 0 1px; background: #dadfe8;}
.products.hotPro .tit { margin-bottom: 22px;}
.products.hotPro .tit h2{ font-size: 24px; color: #000; font-weight: 500; line-height: 1;}
.products .ntitle{ margin-bottom: 50px;}
.products .box{ margin-bottom: 20px;}
.products .box ul{ margin: 0 -9px;}
.products .box ul li{ width: 20%; padding: 0 9px; margin-bottom: 10px; float: left;}
.products .box ul li a{ display: block;}
.products .box ul li dl{ position: relative; overflow: hidden; padding-bottom:100%;}
.products .box ul li dl::before{ content: ""; width: 100%; height: 100%; background: rgba(0, 95, 224, .05); position: absolute; left: 0; top: 0; z-index: 11;opacity: 0; transition: all .4s;}
.products .box ul li dl::after{ content: ""; width: 100%; height: 100%; background: url(../images/icon07.png) no-repeat center; position: absolute; left: 0; top: 0; z-index: 12;opacity: 0; transition: all .8s;}
.products .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.products .box ul li h3{height: 60px; font-size: 16px; color: #333; text-align: center; font-weight: normal; padding: 18px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.products .box ul li a:hover dl::before{ opacity: 1;}
.products .box ul li a:hover dl::after{ opacity: 1;}

.proview{background: #e8eaee; padding: 20px 0;}
.proview .proCon{ width: 1230px; float: left;}
.proview .proCon .proviewBox{ background: #fff; padding: 30px; margin-bottom: 17px;}
.proview .proCon .proviewBox .proHead{  padding:0 20px; margin-bottom: 20px; overflow: hidden; position: relative;}
.proview .proCon .proviewBox .proHead dl{ width: 370px; float: left;}
.proview .proCon .proviewBox .proHead ol { padding-left: 520px;}
.proview .proCon .proviewBox .proHead ol h1{ font-size: 30px; color: #000; font-weight: normal; line-height: 1.3;  border-bottom: #ccc solid 1px; padding-bottom: 20px; padding-right: 100px;}
.proview .proCon .proviewBox .proHead ul{ overflow: hidden; padding: 70px 0;}
.proview .proCon .proviewBox .proHead ul li{ width: 50%; text-align: center; float: left;}
.proview .proCon .proviewBox .proHead ul li i{display: block;}
.proview .proCon .proviewBox .proHead ul li dd{ font-size: 28px; font-weight: bold; color: #000; font-weight: 900; line-height: 1.8;}
.proview .proCon .proviewBox .proHead .back{ width: 108px; height: 40px; line-height: 38px; color: #fff; border-radius: 20px; padding-left: 50px; background:#ababab url(../images/icon27.png) no-repeat 24px center; position:absolute; right: 20px; top: 0;}
.proview .proCon .proviewBox .proHead .back:hover{background:#0081d5 url(../images/icon27.png) no-repeat 24px center; }
.proview .proCon .proviewBox .tit{ background: #f2f2f2; padding: 15px 20px;}
.proview .proCon .proviewBox .tit h2{ font-size: 18px; color: #000; font-weight: normal; line-height: 1; border-left: 3px solid #0081d5; padding-left: 9px;}
.proview .proCon .proviewBox .text{ padding: 20px 0;}
.proview .proCon .proviewBox .page{ padding: 0 20px; background: #f0f0f0; overflow: hidden;}
.proview .proCon .proviewBox .page li{ width: 50%; line-height: 60px; float: left;}
.proview .proCon .proviewBox .page li a{ color: #999;}
.proview .proCon .proviewBox .page li a:hover{color: #0081d5}
.proview .proCon .proviewBox .page li.prev{ background: url(../images/icon23.png) no-repeat left center;}
.proview .proCon .proviewBox .page li.prev a{ padding-left: 37px;}
.proview .proCon .proviewBox .page li.next{ background: url(../images/icon24.png) no-repeat right center;}
.proview .proCon .proviewBox .page li.next a{ text-align: right; padding-right: 37px; display: block;}
.proview .proCon .message{ background: #fff; padding: 30px 50px 10px;}
.proview .proCon .message .tit{ text-align: center; margin-bottom: 17px;}
.proview .proCon .message .tit h3{ font-size: 24px; color: #000; font-weight: normal;}
.proview .proCon .message .tit p{ font-size: 16px; color: #999; font-weight: normal;}
.proview .proCon .message ul{ margin: 0 -23px 20px; overflow: hidden;}
.proview .proCon .message ul li{ width: 50%; padding: 0 23px; float: left;}
.proview .proCon .message ol{ margin-bottom: 20px;}
.proview .proCon .message input{ width: 100%; height: 50px; font-size: 16px; line-height: 46px; border: #ccc solid 1px; padding-left: 20px;}
.proview .proCon .message textarea{ width: 100%; height: 90px; font-size: 16px; line-height: 20px; border: #ccc solid 1px; padding:10px 20px;}
.proview .proCon .message button{ width: 100%; height: 50px; font-size: 16px; line-height: 46px; border:none; background: #a4a4a4; color: #fff; cursor: pointer;}

.proview .relatedProducts{ width: 260px; background: #fff; padding: 24px 24px 10px; float: right;}
.proview .relatedProducts .tit{ margin-bottom: 20px;}
.proview .relatedProducts .tit h2{ font-size: 18px; color: #000; font-weight: normal; line-height: 1; border-left: 3px solid #0081d5; padding-left: 9px;}
.proview .relatedProducts .box ul li{ margin-bottom: 10px;}
.proview .relatedProducts .box ul li dl{ position: relative; overflow: hidden; padding-bottom:100%; border: #ccc solid 1px;}
.proview .relatedProducts .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.proview .relatedProducts .box ul li h3{font-size: 16px; color: #333; text-align: center; font-weight: normal; line-height: 1; padding: 10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.proview .relatedProducts .box ul li a:hover h3{ color: #0081d5;}

.news{background: #e8eaee; padding: 50px 0 70px;}
.news .box ul{ margin: 0 -27px;}
.news .box ul li{ width: 33.33%; padding: 0 27px; margin-bottom: 45px; float: left;}
.news .box ul li dl{ position: relative; padding-bottom: 46.8085%; overflow: hidden; margin-bottom: 15px;}
.news .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.news .box ul li h3{ font-size: 18px; font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px;}
.news .box ul li ol{ position: relative; border-bottom: #dfdfdf solid 4px; overflow: hidden; padding: 10px 0;}
.news .box ul li ol dd{ float: left; font-size: 18px; color: #7f8183; font-weight: 200; background: url(../images/icon21.png) no-repeat left center; padding-left: 20px;}
.news .box ul li ol span{ float: right;font-size: 16px; color: #7f8183; font-weight: 200; background: url(../images/icon22.png) no-repeat left center; padding-left: 20px;}

.newsView{background: #e8eaee;  padding: 50px 0 60px;}
.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: #0055c9; 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: #0055c9;}
.newsView .box .viewPage .boxCon a:hover{color: #0055c9;}
.newsView .box .viewPage .back{ width: 160px; height: 42px; line-height: 42px;  text-align: center; border-radius: 40px; background: #0055c9; position:absolute; right: 70px; top: 35px;}
.newsView .box .viewPage .back a{color: #fff; display: block;}

.workshop{background: #e8eaee; padding: 50px 0 70px;}
.workshop .box ul{ margin: 0 -33px;}
.workshop .box ul li{ width: 25%; padding: 0 33px; margin-bottom: 26px; float: left;}
.workshop .box ul li a{display: block;}
.workshop .box ul li dl{ background: #fff; border: #fff solid 16px; padding-bottom: 100%; overflow: hidden; position: relative;}
.workshop .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.workshop .box ul li h3{ font-size: 16px; text-align: center; font-weight: normal; line-height: 2;}

.application{background: #e8eaee; padding: 50px 0 70px;}
.application .box ul{ margin: 0 -40px;}
.application .box ul li{ width: 50%; padding: 0 40px; margin-bottom: 80px; float: left;}
.application .box ul li a{ background: #fff; overflow: hidden; display: block;}
.application .box ul li dl{ width: 50%; float: left;}
.application .box ul li dl i{ position: relative; padding-bottom: 108.571%; overflow: hidden; display: block;}
.application .box ul li dl i img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto; transition: all .4s;}
.application .box ul li ol{ width: 50%; padding: 70px 30px; float: left;}
.application .box ul li ol h3{ font-size: 18px; color: #000; font-weight: 500; border-bottom: #e8eaee solid 2px; padding: 15px 0; margin-bottom: 25px; position: relative;}
.application .box ul li ol h3::after{ content: ""; width: 100px; height: 4px; background: #d12d24; position: absolute; left: 0; bottom: -2px;}
.application .box ul li ol dt{ height: 72px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 20px;}
.application .box ul li ol dd{ color: #8d8d8d; font-weight: 300; background: url(../images/icon20.png) no-repeat 85px center;}
.application .view{ background: #fff; padding: 50px;}

.download{background: #e8eaee; padding: 50px 0 70px;}
.download .downSearch{ background: #fff; padding: 5px; overflow: hidden; margin-bottom: 4px;}
.download .downSearch .searchBox{ width: 410px; height: 40px; background: #f1f1f1; border-radius: 20px; overflow: hidden; float: right; position: relative;}
.download .downSearch .searchBox input{ width: 100%; height: 40px; border: none; background: none; padding-left: 20px;}
.download .downSearch .searchBox button{ width: 40px; height: 40px; background: url(../images/icon19.png) no-repeat center; border: none; position: absolute; right:5px; top: 0; cursor: pointer;}
.download .box .item{ background: #fff; padding: 20px 50px; margin-bottom: 4px;}
.download .box .item:hover{ background: #f1f2f5;}
.download .box .item dl{ color: #ef1001; font-size: 20px; line-height: 1; border-bottom: #eeeeee solid 1px; padding: 20px 0;}
.download .box .item ul{ overflow: hidden; margin: 0 -20px; padding-top: 10px;}
.download .box .item ul li{ width: 14.28%; padding: 15px 20px; float: left;}

.contact{ background: #e8eaee; padding: 50px 0 70px;}
.contact .con{ float: left; width: 665px; height: 530px; background: #fff; padding: 40px;}
.contact .con h3{ font-size: 60px; color: #0055c9; line-height: 1; text-transform: uppercase; position: relative; padding-bottom: 35px; margin-bottom: 35px;}
.contact .con h3::after{ content: ""; width: 30px; height: 4px; background: #0055c9; position: absolute; left: 0; bottom: 0;}
.contact .con dl{ color: #777; margin-bottom: 35px;}
.contact .con ul li{ overflow: hidden; margin-bottom: 10px;}
.contact .con ul li dd{ width: 70px; color: #000; font-weight: bold; text-align: right; float: left;}
.contact .con ul li ol{ padding-left: 70px;}
.contact #map{ width: 830px; height: 530px; background: #fff; border: #fff solid 20px; float: right;}

.footer{ background: #1e1e1e;}
.footer .fmain{ padding: 50px 0 40px;}
.footer .item{ width: 33.33%; 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: 600px;}
.footer .item:nth-child(3){ width: 300px; 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: 350px; overflow: hidden;}
.footer .fcontact ul li{ width: 50%; color: #999; 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; padding-bottom: 5px; background:url(../images/icon12.png) no-repeat left center; border-bottom: #3e3e3e solid 1px; display: block;}
.footer .fnav ul li a:hover{ color: #0073c2;}
.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;}

/*===/分页=============================*/
.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 a{padding: 0 15px;}

    .proview .proCon{ width: 1100px;}
    .proview .proCon .proviewBox .proHead ol h1{ font-size: 26px;}
    .proview .proCon .proviewBox .proHead ul li dd{ font-size: 25px;}

    .application .box ul{ margin: 0 -20px;}
    .application .box ul li{ padding: 0 20px; margin-bottom: 40px;}

    .contact .con{ width: 680px;}
    .contact .con h3{ font-size: 50px;}
    .contact #map{ width: 685px;}

}

@media only screen and (min-width: 1280px) and (max-width: 1439px){
    .wrap{ width:1226px;}
    .header .logo{ height: 80px; padding: 10px 0;}
    .header .nav ul li a{ padding: 0 15px; font-size: 16px;}

    .banner .swiper-container .swiper-slide a{ height: 550px;}

    .title h2{ font-size: 30px;}
    .ntitle h2{ font-size: 30px;}
    .ntitle h3{ font-size: 26px;}
    .ntitle p{ font-size: 14px;}
    .more { width: 140px; height: 44px; line-height: 40px;}

    .proNav a{ font-size: 16px;}

    .proApp .box ul li{ padding: 0 40px;}
    .proApp .box ul li h3{ font-size: 18px;}
    .proApp .box ul li p{ font-size: 13px;}

    .iabout .aboutLeft{ width: 910px;}
    .iabout .aboutLeft::before{ height: 405px;}
    .iabout .aboutLeft ol{ width: 515px;}
    .iabout .aboutLeft ol .tit b{ font-size: 115px;}
    .iabout .aboutLeft ol .tit p{ font-size: 40px;}
    .iabout .aboutLeft ol .tit h2{ font-size: 30px;}
    .iabout .aboutLeft ol dd{ font-size: 15px; line-height: 1.7;}
    .iabout .aboutLeft ol dd p{ font-size: 15px !important;}
    .iabout .aboutLeft dl{ width: 370px;}

    .iabout .aboutRight ul li{ padding: 18px 0;}
    .iabout .aboutRight ul li ol h3{ font-size: 20px;}
    .iabout .aboutRight ul li ol p{ font-size: 13px;}

    .inews .box ul{ margin: 0 -15px;}
    .inews .box ul li{ padding: 0 15px;}
    .inews .box ul li ol h3{ font-size: 16px;}

    .about .box{padding: 60px 490px 80px 0;}
    .about .tit b{ font-size: 115px;}
    .about .tit p{ font-size: 40px;}
    .about .tit h2{ font-size: 30px;}

    .culture{ padding: 90px 0;}
    .culture .con{ font-size: 30px;}
    .culture .box ul li{ padding: 0 40px;}
    .culture .box ul li p{ font-size: 15px; line-height: 1.6;}

    .honor .box{ height: 290px;}
    .honor .box dl{ height: 400px;}
    .honor .box .con{ padding-top: 30px;}
    .honor .box .con .swiper-slide ol{ max-height: 240px; box-sizing: border-box; padding:0 30px;}

    .proview .proCon{ width: 100%; float:none; margin-bottom: 20px;}
    .proview .relatedProducts{ width: 100%; float: none;}
    .proview .relatedProducts .box ul{ overflow: hidden;}
    .proview .relatedProducts .box ul li{ width: 25%; padding: 0 20px; float: left;}

    .news .box ul{ margin: 0 -15px;}
    .news .box ul li{ padding: 0 15px; margin-bottom: 30px;}
    .news .box ul li h3{ font-size: 16px;}
    .news .box ul li ol dd{ font-size: 16px;}

    .workshop .box ul{ margin: 0 -15px;}
    .workshop .box ul li{ padding: 0 15px;}
    .workshop .box ul li dl{ border: #fff solid 8px;}

    .application .box ul{ margin: 0 -20px;}
    .application .box ul li{ padding: 0 20px; margin-bottom: 40px;}

    .download .box .item dl{ font-size: 18px;}
    .download .box .item ul li{ width: 20%; font-size: 15px;}

    .contact .con{ width: 600px;}
    .contact .con h3{ font-size: 40px;}
    .contact #map{ width: 600px;}

    .footer .fnav ul li a{ font-size: 15px;}
    .footer .item:nth-child(1){ width: 485px;}
    .footer .copyright{ font-size: 15px;}
}

@media only screen and (min-width: 1000px) and (max-width: 1279px){
    .wrap{ width: 990px;}

    .header .logo{ height: 80px; padding: 17px 0;}
    .header .nav ul li a{ padding: 0 8px; font-size: 15px;}
    .header .lang{ margin-left: 10px;}
    .header .lang a{ font-size: 15px;}

    .banner .swiper-container .swiper-slide a{ height: 500px;}
    .neiBanner{ height: 330px;}

    .title h2{ font-size: 26px;}
    .title p{ font-size: 16px; margin-top: 8px;}
    .ntitle h2{ font-size:26px;}
    .ntitle h3{ font-size: 24px;}
    .ntitle p{ font-size: 14px;}
    .more { width: 140px; height: 44px; line-height: 40px;}

    .homePageOne .zz{padding-right: 80px;}
    .homePageOne .zz dl{ font-size: 22px;}
    .homePageOne .zz dl b{font-size: 30px;}
    .homePageOne .tel dl{font-size: 18px;}
    .homePageOne .tel dt{ font-size: 20px;}
    .homePageOne .search dl{ font-size: 18px;}

    .proNav{ margin-bottom: 35px;}
    .proNav a{min-width: 190px; font-size: 16px; margin: 0 5px;}

    .ipro .box ul li h3{font-size: 15px; padding: 10px 0;}

    .proApp .box ul li{ padding: 0 20px;}
    .proApp .box ul li h3{ font-size: 16px;}
    .proApp .box ul li p{ font-size: 12px;}

    .iapp .box ul li h3{ font-size: 15px;}

    .iabout{ padding: 80px 0 50px;}
    .iabout .aboutLeft{ width: 910px; float: none;}
    .iabout .aboutLeft::before{ height: 405px;}
    .iabout .aboutLeft ol{ width: 515px;}
    .iabout .aboutLeft ol .tit b{ font-size: 115px;}
    .iabout .aboutLeft ol .tit p{ font-size: 40px;}
    .iabout .aboutLeft ol .tit h2{ font-size: 30px;}
    .iabout .aboutLeft ol dd{ font-size: 15px; line-height: 1.7;}
    .iabout .aboutLeft ol dd p{ font-size: 15px !important;}
    .iabout .aboutLeft dl{ width: 370px;}

    .iabout .aboutRight{ width: 100%; margin-top: 30px;}
    .iabout .aboutRight ul{ overflow: hidden;}
    .iabout .aboutRight ul li{ width: 33.33%; padding: 18px; float: left;}
    .iabout .aboutRight ul li:nth-child(1), .iabout .aboutRight ul li:nth-child(3){ margin: 0;}
    .iabout .aboutRight ul li::before{display: none;}
    .iabout .aboutRight ul li ol h3{ font-size: 18px;}
    .iabout .aboutRight ul li ol p{ font-size: 13px;}

    .inews .box ul{ margin: 0 -15px;}
    .inews .box ul li{ padding: 0 15px;}
    .inews .box ul li ol h3{ font-size: 16px;}

    .about .box{padding: 60px 320px 80px 0;}
    .about .tit b{ font-size: 100px;}
    .about .tit p{ font-size: 36px;}
    .about .tit h2{ font-size: 25px;}

    .culture{ padding: 90px 0;}
    .culture .con{ font-size: 30px;}
    .culture .box ul li{ padding: 0 30px;}
    .culture .box ul li p{ font-size: 15px; line-height: 1.6;}

    .honor .box{ height: 290px;}
    .honor .box dl{ height: 400px;}
    .honor .box .con{ padding-top: 30px;}
    .honor .box .con .swiper-slide ol{ max-height: 240px; box-sizing: border-box; padding:0 20px;}

    .products .box ul li{ width: 25%;}
    .products.hotPro .box ul li:nth-child(5){ display: none;}

    .proview .proCon{ width: 100%; float:none; margin-bottom: 20px;}
    .proview .proCon .proviewBox .proHead{ padding: 0;}
    .proview .proCon .proviewBox .proHead dl{ width: 400px; height: 400px;}
    .proview .proCon .proviewBox .proHead ol{ padding-left: 420px;}
    .proview .proCon .proviewBox .proHead ol h1{ font-size: 23px;}
    .proview .proCon .proviewBox .proHead ul li dd{ font-size: 23px;}
    .proview .relatedProducts{ width: 100%; float: none;}
    .proview .relatedProducts .box ul{ overflow: hidden;}
    .proview .relatedProducts .box ul li{ width: 25%; padding: 0 20px; float: left;}

    .news .box ul{ margin: 0 -15px;}
    .news .box ul li{ padding: 0 15px; margin-bottom: 30px;}
    .news .box ul li h3{ font-size: 16px;}
    .news .box ul li ol dd{ font-size: 16px;}

    .workshop .box ul{ margin: 0 -10px;}
    .workshop .box ul li{ padding: 0 10px;}
    .workshop .box ul li dl{ border: #fff solid 5px;}

    .application .box ul{ margin: 0 -10px;}
    .application .box ul li{ padding: 0 10px; margin-bottom: 20px;}
    .application .box ul li ol{ padding: 30px;}

    .download .box .item dl{ font-size: 18px;}
    .download .box .item ul li{ width: 20%; font-size: 15px;}

    .contact .con{ width: 490px;}
    .contact .con h3{ font-size: 30px;}
    .contact #map{ width: 490px;}

    .footer .item .tit{ margin-bottom: 30px;}
    .footer .item .tit h3{ font-size: 18px;}
    .footer .item .tit h3 span{ font-size: 16px;}
    .footer .fnav ul li a{ font-size: 15px;}
    .footer .item:nth-child(1){ width: 380px;}
    .footer .item:nth-child(3){ width: 260px;}
    .footer .fcontact dl{ font-size: 16px;}
    .footer .fcontact dt{ font-size: 14px;}
    .footer .fcontact ul li{ font-size: 14px;}
    .footer .copyright{ font-size: 15px;}
}

@media screen and (max-width:999px){
    body{ padding-top: 60px; font-size: 15px;}
    .wrap{ width: 100%; padding: 0 15px;}

    /*顶部*/
    .header{ width: 100%; height:60px; background:#fff; position: fixed; left: 0; top: 0; z-index: 99999; }
    .header .logo{float: left; height: 60px; padding:7px 0;}
    .header .headRight{ float: none; color: #666; font-size: 16px; line-height: 46px;  width: 100%; height: calc(100% - 60px); background:#fff;  position: fixed; left: 0; top: 60px; display: none;}
    .header .nav{ float: none;}
    .header .nav ul li{ border-top: 1px solid #ddd;  line-height: 46px; padding: 0; position: relative; float: none;}
    .header .nav ul>li>a{ color: #666;  font-size: 16px; padding: 0 15px;}
    .header .nav ul>li::before{ content: ""; width: 0; height: 3px; background: #ddd; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); transition: all .4s;}
    .header .nav ul>li>a:hover{ color: #0055c9; }
    .header .nav ul>li.on>a{ color: #0055c9; }
    .header .nav ul>li:hover a{ color: #0055c9; }
    .header .lang{ float: none; position: relative; margin-left: 0;  border-top: 1px solid #ddd; padding-left: 15px;  }
    .header .lang.en{ background: url(../images/en.jpg) no-repeat 15px center;}
    .header .lang.cn{ background: url(../images/cn.jpg) no-repeat 15px center;}
    .header .lang a{ font-weight: 300; line-height: 60px; padding: 0 20px 0 35px;}
    .header .lang::before{ display: none;}

    .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; width: 100%;}
    .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{ height: 200px; 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: #0055c9; opacity: 1;}

    .neiBanner{ height: 150px;}

    .title{ margin-bottom: 20px; text-align: center;}
    .title h2{ font-size: 22px; color: #000;; line-height: 1;}
    .title p{ font-size: 12px; margin-top: 8px;}
    .title i{ width: 32px; height: 32px; background: url(../images/icon06.png) no-repeat center; background-size: cover; margin: 10px auto 0; }
    .title i::before{ content: ""; position:absolute; left: -35px; top: 50%;}
    .title i::after{ content: ""; position:absolute; right: -35px; top: 50%;}
    .ntitle{ text-align: center; margin-bottom: 30px;}
    .ntitle h2{ font-size: 22px; color: #000; font-weight: bold; line-height: 1; margin-bottom: 10px;}
    .ntitle h3{ font-size: 14px; color: #b4b6b9; font-weight: 500; line-height: 1; text-transform: uppercase; margin-bottom: 15px;}
    .ntitle p{ font-size: 14px; color: #7f8183; line-height: 1;}
    .more{ width: 120px; height: 38px; line-height: 36px; font-size: 14px;}

    .homePageOne{ background:#e8eaee url(../images/icon03.png) repeat-x bottom; padding: 35px 0;}
    .homePageOne .line::before{height: 2px;}
    .homePageOne .zz{ width: 100%; padding-right: 0; float: none; margin-bottom: 20px;}
    .homePageOne .zz dl{ font-size: 18px; padding-top: 10px; margin-bottom: 10px;}
    .homePageOne .zz dl b{ font-size: 24px;}
    .homePageOne .zz ol{ font-size: 13px; line-height: 1.6;}
    .homePageOne .tel{ width: 100%; float: none; margin-bottom: 20px;}
    .homePageOne .tel dl{ font-size: 18px; padding-top: 10px;}
    .homePageOne .tel ol{ font-size: 14px; color: #999; line-height: 1; padding-top: 10px;}
    .homePageOne .tel dt{ font-size: 20px; background: url(../images/icon04.png) no-repeat left center; margin-top: 10px; padding-left: 35px;}
    .homePageOne .search{ width: 100%; float: none;}
    .homePageOne .search dl{ font-size: 18px; padding-top: 10px;}
    .homePageOne .search ol{ font-size: 14px; color: #999; line-height: 1; padding-top: 10px; margin-bottom: 15px;}
    .homePageOne .search .searchBox{ width: 100%; height: 40px; border: #cccccc solid 1px; position: relative;}
    .homePageOne .search .searchBox input{ width: 100%; height:38px; border: none; padding-left: 15px;}
    .homePageOne .search .searchBox button{ width: 50px; height: 38px; background: #0055c9 url(../images/icon05.png) no-repeat center; border: none; position: absolute; right: 0; top: 0; cursor: pointer;}

    .proNav{ margin-bottom: 30px;}
    .proNav a{min-width: 80px; height: 40px; line-height: 36px; font-size: 14px; padding: 0 10px; margin: 0 2px;}
    .ipro{ padding: 40px 0 50px; background:#e8eaee url(../images/iproBg.jpg) no-repeat center top; background-size: 100% auto;}
    .ipro .box{ margin-bottom: 30px;}
    .ipro .box ul{ margin: 0 -5px;}
    .ipro .box ul li{ width:50%; padding: 0 5px; float: left;}
    .ipro .box ul li h3{height: 36px; font-size: 14px; padding: 10px 0;}

    .proApp{ padding: 65px 0 40px;}
    .proApp .box ul li{width: 50%; padding: 0 15px; margin-bottom: 20px; float: left;}
    .proApp .box ul li dl{ padding: 10px; position: relative; margin-bottom: 15px;}
    .proApp .box ul li h3{ font-size: 15px;}
    .proApp .box ul li p{ font-size:12px; }

    .iapp{padding: 50px 0 30px;}
    .iapp .box ul{ margin: 0 -5px;}
    .iapp .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 15px; float: left;}
    .iapp .box ul li h3{ font-size: 15px; padding-top: 5px;}

    .iabout{ padding: 40px 0 50px; background: url(../images/iaboutBg.jpg) no-repeat center; background-size: cover; overflow: hidden;}
    .iabout .aboutLeft{ float: none; width: 100%; position: relative;}
    .iabout .aboutLeft::before{ content: ""; width: 2000px; height: 474px; background: rgba(0,0,0,0.23); border-radius: 300px; position:absolute; right: -17px; top: -17px;}
    .iabout .aboutLeft ol{ float: none; width: 100%; color: #fff; position: relative; z-index: 11;}
    .iabout .aboutLeft ol .tit{ overflow: hidden; margin-bottom: 20px;}
    .iabout .aboutLeft ol .tit b{ font-size: 90px; margin-right: 10px; float: left;}
    .iabout .aboutLeft ol .tit p{ font-size: 36px; line-height: 1.2; padding-top: 20px; margin-left: -20px;}
    .iabout .aboutLeft ol .tit h2{ font-size:20px;}
    .iabout .aboutLeft ol dd{ line-height: 1.7;}
    .iabout .aboutLeft ol dd p{ font-size: 15px !important;}
    .iabout .aboutLeft ol a.more{ float: none; margin: 20px auto;}
    .iabout .aboutLeft dl{ display: none;}
    .iabout .aboutRight{ float: none; padding: 0;}
    .iabout .aboutRight ul li{ width: 50%; padding: 5px 0; overflow: hidden; float: left;}
    .iabout .aboutRight ul li::before{ display: none;}
    .iabout .aboutRight ul li a{ display: block;}
    .iabout .aboutRight ul li dl{ float: left; width: 50px; height: 50px; padding: 5px; margin-right: 5px;}
    .iabout .aboutRight ul li dl i{ width: 40px; height: 40px; line-height: 34px;}
    .iabout .aboutRight ul li dl i img{ width: 20px;}
    .iabout .aboutRight ul li ol{float: left;  white-space:nowrap; padding-top:10px;}
    .iabout .aboutRight ul li ol h3{ font-size: 16px; color: #fff; font-weight: normal; line-height: 1; }
    .iabout .aboutRight ul li ol p{ font-size: 10px; color: #c1cbdc; font-weight: normal;}
    .iabout .aboutRight ul li a:hover dl i{ background: #b1d3ff;}
    .iabout .aboutRight ul li:nth-child(1){ padding-top:0;}
    .iabout .aboutRight ul li:nth-child(3){ padding-bottom: 0;}
    .iabout .aboutRight ul li:nth-child(1),.iabout .aboutRight ul li:nth-child(3){ margin-left: 0;}

    .inews{ padding: 50px 0 40px;}
    .inews .box { margin-bottom: 20px;}
    .inews .box ul{ margin: 0;}
    .inews .box ul li{ width: 100%; padding: 0; margin-bottom: 15px; float: none;}
    .inews .box ul li dl{ margin-bottom: 5px;}
    .inews .box ul li ol h3{ font-size: 15px;  padding-right: 90px;}
    .inews .box ul li ol span{ font-size: 14px;}

    .aboutNav{ height: 50px; line-height:50px;}
    .aboutNav a{ margin: 0 8px;}
    .aboutNav a:hover::after{ height: 2px;}

    .anchorPoint{ padding-top:59px; margin-top:-59px;}

    .about{ background: #fff;}
    .about .box{ padding: 40px 0 50px;}
    .about .tit{ overflow: hidden; margin-bottom: 25px;}
    .about .tit b{ font-size: 90px; color: #eeeeee; font-weight: 500; line-height: 1; margin-right: 10px; float: left;}
    .about .tit p{ font-size: 35px; color: #eeeeee; font-weight: bold; line-height: 1.2; padding-top: 20px; margin-left: -20px;}
    .about .tit h2{ font-size:20px; color: #000; font-weight: 500; line-height: 1;}
    .about .text{ line-height: 1.8; font-size: 15px;}

    .culture{ padding: 50px 0 50px; background: url(../images/cultureBg.jpg) no-repeat center; background-size: cover;}
    .culture .ntitle h2{ color: #fff;}
    .culture .ntitle p{ color: #fff;}
    .culture .con{ font-size: 20px; margin-bottom: 30px;}
    .culture .box ul li{ width: 100%; padding: 0 20px; margin-bottom: 20px; float: none;}
    .culture .box ul li h3{ font-size:18px; padding: 5px 0;}
    .culture .box ul li p{ line-height: 1.6;}

    .honor{ padding: 50px 0 50px; background: #fafafa;}
    .honor .box{ height: auto; position: relative; padding-left: 0;}
    .honor .box dl{ display: none;}
    .honor .box .con{ padding-top:0;}
    .honor .box .con .swiper-slide{ display: flex; justify-content:center; align-items:center;}
    .honor .box .con .swiper-slide ol{ max-height: 300px; padding: 0 10px;}
    .honor .box .con .swiper-slide img{ border: #868686 solid 5px;}

    .team{ padding-top: 50px;}
    .team .con{ text-align: center;}
    .team .box{overflow: hidden;}
    .team .box li{ width: 100%; float: none;}
    .team .box li img{ width: 100%;}

    .bread{background: #e8eaee; border-bottom: #cccccc solid 1px; line-height: 60px;}
    .bread h3{ font-size: 20px; color: #000; float: left;}
    .bread dl{ font-size: 15px; float: right;}
    .products{padding: 50px 0 40px; background:#e8eaee url(../images/iproBg.jpg) no-repeat center top; background-size: 100% auto;}
    .products.hotPro{ padding: 40px 0 1px; background: #dadfe8;}
    .products.hotPro .tit { margin-bottom: 22px;}
    .products.hotPro .tit h2{ font-size: 22px;}
    .products .ntitle{ margin-bottom: 50px;}
    .products .box{ margin-bottom: 20px;}
    .products .box ul{ margin: 0 -5px;}
    .products .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .products .box ul li h3{height: 36px; font-size: 15px; padding: 10px 0;}
    .products.hotPro .box ul li:nth-child(5){ display: none;}

    .proview{background: #e8eaee; padding: 20px 0;}
    .proview .proCon{ width: 100%; float: none;}
    .proview .proCon .proviewBox{ background: #fff; padding: 20px; margin-bottom: 17px;}
    .proview .proCon .proviewBox .proHead{  padding:0; margin-bottom: 20px; overflow: hidden; position: relative;}
    .proview .proCon .proviewBox .proHead dl{ width: 100%; float: left;}
    .proview .proCon .proviewBox .proHead ol { padding-left: 0;}
    .proview .proCon .proviewBox .proHead ol h1{ font-size: 18px;line-height: 1.3;  padding-bottom: 10px; padding-right: 0;}
    .proview .proCon .proviewBox .proHead ul{ overflow: hidden; padding: 30px 0;}
    .proview .proCon .proviewBox .proHead ul li{ width: 50%; text-align: center; float: left;}
    .proview .proCon .proviewBox .proHead ul li i{display: block;}
    .proview .proCon .proviewBox .proHead ul li dd{ font-size: 18px;font-weight: 700; line-height: 1.8;}
    .proview .proCon .proviewBox .proHead .back{ width: 90px; height: 36px; line-height: 36px; padding-left: 40px; background:#ababab url(../images/icon27.png) no-repeat 18px center; position:absolute; right: 0; top: 0;}
    .proview .proCon .proviewBox .proHead .back:hover{background:#0081d5 url(../images/icon27.png) no-repeat 18px center; }
    .proview .proCon .proviewBox .tit{ background: #f2f2f2; padding: 12px 20px;}
    .proview .proCon .proviewBox .tit h2{ font-size: 17px; border-left: 3px solid #0081d5; padding-left: 9px;}
    .proview .proCon .proviewBox .text{ padding: 20px 0;}
    .proview .proCon .proviewBox .page{ padding: 0 10px;}
    .proview .proCon .proviewBox .page li{ width: 50%; line-height: 2; float: left;}
    .proview .proCon .proviewBox .page li a{font-size: 12px; color: #999;}
    .proview .proCon .proviewBox .page li a:hover{color: #0081d5}
    .proview .proCon .proviewBox .page li.prev{ background: url(../images/icon23.png) no-repeat left center; background-size: 15px auto;}
    .proview .proCon .proviewBox .page li.prev a{ padding-left: 20px;}
    .proview .proCon .proviewBox .page li.next{ background: url(../images/icon24.png) no-repeat right center;background-size: 15px auto;}
    .proview .proCon .proviewBox .page li.next a{ text-align: right; padding-right: 20px; display: block;}
    .proview .proCon .message{ background: #fff; padding: 20px 20px 10px;}
    .proview .proCon .message .tit{ text-align: center; margin-bottom: 17px;}
    .proview .proCon .message .tit h3{ font-size: 20px;}
    .proview .proCon .message .tit p{ font-size: 15px;}
    .proview .proCon .message ul{ margin: 0; overflow: hidden;}
    .proview .proCon .message ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: none;}
    .proview .proCon .message ol{ margin-bottom: 10px;}
    .proview .proCon .message input{ width: 100%; height: 40px; font-size: 15px; line-height: 36px; padding-left: 10px;}
    .proview .proCon .message textarea{ width: 100%; height: 90px; font-size: 15px; line-height: 20px; border: #ccc solid 1px; padding:10px;}
    .proview .proCon .message button{ width: 100%; height: 40px; font-size: 16px; line-height: 36px; border:none; background: #a4a4a4; color: #fff; cursor: pointer;}

    .proview .relatedProducts{ width: 100%; background: #fff; padding: 24px 24px 10px; float: none; margin-top: 15px;}
    .proview .relatedProducts .tit{ margin-bottom: 20px;}
    .proview .relatedProducts .tit h2{ font-size: 18px; border-left: 3px solid #0081d5; padding-left: 9px;}
    .proview .relatedProducts .box ul{ margin: 0 -5px; overflow: hidden;}
    .proview .relatedProducts .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px; float: left;}
    .proview .relatedProducts .box ul li h3{font-size: 15px; padding: 10px 0; }

    .news{ padding: 40px 0;}
    .news .box ul{ margin: 0;}
    .news .box ul li{ width: 100%; padding: 0; margin-bottom: 20px; float: none;}
    .news .box ul li dl{ margin-bottom:8px;}
    .news .box ul li h3{ font-size: 16px; margin-bottom: 5px;}
    .news .box ul li ol{ position: relative; border-bottom: #dfdfdf solid 4px; overflow: hidden; padding: 10px 0;}
    .news .box ul li ol dd{ float: left; font-size: 15px; color: #7f8183; font-weight: 200; background: url(../images/icon21.png) no-repeat left center; padding-left: 20px;}
    .news .box ul li ol span{ float: right;font-size: 15px; color: #7f8183; font-weight: 200; background: url(../images/icon22.png) no-repeat left center; padding-left: 20px;}

    .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: #0055c9; 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: #0055c9; 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: #0055c9;}
    .newsView .box .viewPage .back{ width: 100px; height: 36px; line-height: 36px;  text-align: center; border-radius: 40px; background: #0055c9; float: none; margin: 0 auto; right: 20px;}
    .newsView .box .viewPage .back a{color: #fff; font-size: 13px; display: block;}

    .workshop{background: #e8eaee; padding: 40px 0 40px;}
    .workshop .box ul{ margin: 0 -5px;}
    .workshop .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 16px; float: left;}
    .workshop .box ul li dl{  border: #fff solid 5px; }
    .workshop .box ul li h3{ font-size: 16px; text-align: center; font-weight: normal; line-height: 2;}

    .application{background: #e8eaee; padding: 40px 0 30px;}
    .application .box ul{ margin: 0 0 10px; overflow: hidden;}
    .application .box ul li{ width: 100%; padding: 0; margin-bottom: 10px; float: none;}
    .application .box ul li ol{ width: 50%; padding: 10px; float: left;}
    .application .box ul li ol h3{ font-size: 16px; border-bottom: #e8eaee solid 2px; padding: 10px 0; margin-bottom: 5px; position: relative;}
    .application .box ul li ol h3::after{ content: ""; width: 60px; height: 2px; background: #d12d24; position: absolute; left: 0; bottom: -2px;}
    .application .box ul li ol dt{ height: auto; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-bottom: 20px;}
    .application .box ul li ol dd{ color: #8d8d8d; font-weight: 300; background: url(../images/icon20.png) no-repeat 85px center;}
    .application .view{ background: #fff; padding: 20px;}

    .download{background: #e8eaee; padding:40px 0;}
    .download .downSearch{ background: #fff; padding: 10px; overflow: hidden; margin-bottom: 4px;}
    .download .downSearch .searchBox{ width: 100%; height: 40px; background: #f1f1f1; border-radius: 20px; overflow: hidden; float: right; position: relative;}
    .download .downSearch .searchBox input{ width: 100%; height: 40px; border: none; background: none; padding-left: 20px;}
    .download .downSearch .searchBox button{ width: 40px; height: 40px; background: url(../images/icon19.png) no-repeat center; border: none; position: absolute; right:5px; top: 0; cursor: pointer;}
    .download .box .item{ background: #fff; padding: 20px 20px; margin-bottom: 4px;}
    .download .box .item:hover{ background: #f1f2f5;}
    .download .box .item dl{ font-size: 17px; padding: 0 0 15px;}
    .download .box .item ul{ overflow: hidden; margin: 0 -20px; padding-top: 10px;}
    .download .box .item ul li{ width: 50%; padding: 10px 20px; font-size: 15px; float: left;}

    .contact{ background: #e8eaee; padding: 40px 0 50px;}
    .contact .con{ float:none; width: 100%; height: auto; background: #fff; padding:30px 20px;}
    .contact .con h3{ font-size: 32px; padding-bottom: 15px; margin-bottom: 25px; text-align: center;}
    .contact .con h3::after{ content: ""; width: 30px; height: 3px; left: 50%; margin-left: -15px;}
    .contact .con dl{ font-size: 15px; margin-bottom: 30px;}
    .contact .con ul li{ overflow: hidden; margin-bottom: 10px;}
    .contact .con ul li dd{ width: 70px; color: #000; font-weight: bold; text-align: right; float: left;}
    .contact .con ul li ol{ padding-left: 70px;}
    .contact #map{ width: 100%; height: 300px; background: #fff; border: #fff solid 20px; float: none;}

    .footer .item:nth-child(1){ width: 100%;}
    .footer .item:nth-child(2){display: none;}
    .footer .item:nth-child(3){display: none;}
    .footer .fcontact dl{ font-size: 16px;}
    .footer .fcontact dt{ font-size: 14px;}
    .footer .fcontact ul li{ font-size: 14px;}
    .footer .copyright{ font-size: 12px;}

    /*===/分页=============================*/
    .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;}
}