/*
首页模块命名规范：col-index-模块英文名称，如：col-index-news
内页页面外层容器命名规范：
1、通用样式：col-page，内页外层容器通用样式，使用方法<div class="col-page col-page-about"></div>
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面）
3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉）
其他命名规范：
1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container
2、使用英文名称为样式命名，不要出现拼音和首字母
3、模块最外层容器命名规范：col-自定义名称
4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product
备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。
*/
@charset "utf-8";
html{overflow-x: hidden;}
body {font-family: 'Noto Sans SC';min-width: 320px;color: #000;overflow: hidden;}
@font-face {
  font-family: 'goomay';  /* project id 523133 */
  src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot');
  src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.woff') format('woff'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.svg#goomay') format('svg');
}
.goomay a {
  font-family:"goomay" !important;
  font-size:12px!important;
  color: rgb(255,255,255,.5)!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e602"; }
.goomay a:hover{color: rgb(255,255,255,1)!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
li {list-style: none;}
i {font-style: normal;}
a {color: #000;}
a:focus{text-decoration: none}
a:hover { color: #000;text-decoration: none;}
p,h1,h2,h3,h4,h5,h6,ul,
li {  margin: 0;  padding: 0;}
img {  border: 0;  max-width: 100%;}
.relative { position: relative;}
.container {  width: 1200px;  padding: 0;}
.container2 {  max-width: 1600px; width:100%;  margin: 0 auto; padding: 0 10px;}
.syposition{position: relative;background-color: #fff;}
#page{padding-top: 0px; overflow: hidden;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none;}
#BMapLib_transBox0 table td{box-sizing: content-box !important;}
.target-fix {position: relative;top:0;display: block;height: 0;overflow: hidden;margin-bottom: 5%}
img[src=""],img:not([src]){opacity:0 !important;}
/* 滚动条 */
::-webkit-scrollbar{width: 5px;  height: 110px;  background-color: #F5F5F5;  }  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 10px;background-color: #F5F5F5;}    
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb{border-radius: 10px;background-color: #bdbdbd;}  
/*滑块效果*/
::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
/*IE滚动条颜色*/
html {scrollbar-face-color:#bfbfbf;/*滚动条颜色*/scrollbar-highlight-color:#000;scrollbar-3dlight-color:#000;scrollbar-darkshadow-color:#000;scrollbar-Shadow-color:#adadad;/*滑块边色*/scrollbar-arrow-color:rgba(0,0,0,0.4);/*箭头颜色*/scrollbar-track-color:#eeeeee;/*背景颜色*/}
/* header */
.header{width: 100%;position: fixed;z-index: 99;}
.header .inner{padding: 0 3.5%;transition: 0.3s}
.header .logo{font-size: 0;height: 100px;line-height: 100px;transition: 0.3s}
.header .language{margin-top:35px;border-radius: 35px;border:1px solid rgba(255,255,255,0.5);padding: 6px 20px;position: relative;margin-right: 30px;transition: 0.3s}
.header .language a{color:#fff;font-size: 12px;transition: 0.3s}
.header .language a:hover{color:#39c6a6;}
.header .language .lang-none{position: absolute;line-height: normal;top:100%;display: none;width: 100%;left: 0;text-align: center;}
.header .language:hover .lang-none{display: block;}

.header .menu{margin-top: 30px;cursor: pointer;transition:.2s cubic-bezier(.4,.01,.165,.99);}
.header .menu ul{width: 31px;height: 27px;position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
.header .menu ul li{position: absolute;left: 0;top: 0;transform: translateZ(0) rotate(0);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(0);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;width: 30px;height: 30px;}
.header .menu ul li span{width: 30px;height: 3px;background: #fff;position: absolute;right: 0;top: 14px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header .menu ul li:nth-child(1) span{width: 28px;transform: translate3d(0,-8px,0);-webkit-transform: translate3d(0,-8px,0);}
.header .menu ul li:nth-child(2) span{width: 24px;transform: translate3d(0,0px,0);-webkit-transform: translate3d(0,0px,0);transition: 0.5s;}
.header .menu ul li:nth-child(3) span{transform: translate3d(0,8px,0);-webkit-transform: translate3d(0,8px,0);}
.header .menu>span{color: #fff;font-weight: 500;font-size: 11px;line-height:15px;display: inline-block;transition: 0.3s;transform: translateY(-5px)}
.header .menu.active{margin-top: 35px;}
.header .menu.active ul li{transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;}
.header .menu.active ul li span{transition: transform 0s ease 0s;transform: translate3d(0,0,0);-webkit-transition: -webkit-transform 0s ease 0s;-webkit-transform: translate3d(0,0,0);}
.header .inner>div .menu.active ul li span{background: #000}
.header .menu.active ul li:nth-child(2){opacity: 0;}
.header .menu.active ul li:nth-child(3){transform: translateZ(0) rotate(-45deg);-webkit-transform: translateZ(0) rotate(-45deg);}
.header .menu.active ul li:nth-child(1) span{width: 30px}
.header .menu.active>span{opacity: 0;}

.navHead{background: #fff;padding: 40px 0;border-top:1px solid #d2d2d2;display: none;}
.navHead .nav{}
.navHead .nav>ul{font-size: 0;text-align: center;}
.navHead .nav>ul>li{display: inline-block;font-size: 16px;vertical-align: top;text-align: left;width: 250px;margin-right: 25px;transform: translateY(25px);opacity: 0;transition: all .5s;}
.navHead .nav>ul>li:nth-child(2){width: auto;margin-right: 60px;}
.navHead .nav>ul>li:last-child{margin-right:0;width: auto}
.navHead .nav>ul>li>a{font-weight: 500;display: block;padding-bottom: 10px;position: relative;}
.navHead .nav>ul>li>a::after{content:'';width: 15px;height:2px;background: #000;position: absolute;bottom: 0;left:0;}
.navHead .nav>ul>li ul{margin-top: 30px;display: inline-block;vertical-align: top;margin-right: 10px;}
.navHead .nav>ul>li ul li{line-height: 1.8;margin-bottom: 5px}
.navHead .nav>ul>li ul li a{color:#666666;font-weight: 300;}
.navHead .nav>ul>li ul li a:hover{color:#39c6a6;}
.navHead .navInfo{margin-top: 6%;padding-left: 150px;transform: translateY(25px);opacity: 0;transition: all .5s;}
.navHead .navInfo>div{display: inline-block;vertical-align: middle}
.navHead .navInfo .info{font-size: 16px;color:#666666;}
.navHead .navInfo .info p{}
.navHead .navInfo .share{margin-left: 70px}
.navHead .navInfo .share a{width: 32px;height: 32px;border:1px solid #959595;border-radius: 50%;padding: 0;line-height: normal;}
.navHead .navInfo .share a:hover{background-color: #39c6a6;border:1px solid #39c6a6;}
.navHead .navInfo .share a:nth-child(1){background-image: url(../images/wechat.png);background-position: center center;background-repeat: no-repeat}
.navHead .navInfo .share a:nth-child(2){background-image: url(../images/sina.png);background-position: center center;background-repeat: no-repeat}
.navHead .navInfo .share a:nth-child(3){background-image: url(../images/qq.png);background-position: center center;background-repeat: no-repeat}
.navHead .navInfo .share a:nth-child(1):hover{background-image: url(../images/wechat_h.png)}
.navHead .navInfo .share a:nth-child(2):hover{background-image: url(../images/sina_h.png)}
.navHead .navInfo .share a:nth-child(3):hover{background-image: url(../images/qq_h.png)}

.navHead.active .nav>ul>li{transform: none;opacity: 1;}
.navHead.active .navInfo{transform: none;opacity: 1;transition-delay: 1s}

.header.active .inner{background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.1)}
.header.active .logo{height: 80px;line-height: 80px;}
.header.active .language{border:1px solid rgba(49,49,49,0.5);margin-top: 25px;}
.header.active .language a{color:#000;}
.header.active .language a:hover{color:#39c6a6;}
.header.active .menu{margin-top:20px }
.header.active .menu.active{margin-top: 25px}
.header.active .menu li span{background: #000;}
.header.active .menu>span{color:#000}
.header.cur .inner{background: #fff;}
.header.cur .language{border:1px solid rgba(49,49,49,0.5);}
.header.cur .language a{color:#000;}
.header.cur .language a:hover{color:#39c6a6;}
.header.cur .menu li span{background: #000;}
.header.cur .menu>span{color:#000}

.navList{position: fixed;right: 50px;top: 50%;transform: translateY(-50%);z-index: 99;}
.navList ul{width: 13px;text-align: center;}
.navList ul li{width: 9px;height: 9px;border-radius: 50%;background: #e5e5e5;margin:19px 0;position: relative;cursor: pointer;display: inline-block;overflow: hidden;}
.navList ul li .title{padding: 10px 25px;background: #39c6a6;color:#fff;right: 25px;position: absolute;top: 50%;margin-top: -20px;transform: translateX(10px);opacity: 0;transition: all .5s;}
.navList ul li .title::after{content: "";width: 0px;height: 0px;border-top: 4.5px solid transparent;border-bottom: 4.5px solid transparent;border-left: 5px solid #39c6a6;position: absolute;top: 50%;margin-top: -4.5px;right: -5px;}
.navList ul li.active{width: 13px;height: 13px;background: #39c6a6;overflow: visible}
.navList ul li.active .title{transform: none;opacity: 1;}
/* banner */
.col-banner {transition: 0.5s all ease;}
.col-banner .swiper-slide{background-position: center !important;background-size: cover !important;}
.col-banner .container{position: relative;height: 100%;}
#col-index-banner .swiper-slide .ban_cont{position: absolute;top:40%;left:0;transform: translateY(-50%);width: 100%;color:#fff;}
#col-index-banner .swiper-slide .ban_cont p:nth-child(1){font-size: 48px;font-weight: bold;transform: translateY(25px);opacity: 0;transition: all .5s;}
#col-index-banner .swiper-slide .ban_cont p:nth-child(2){font-size: 20px;transform: translateY(25px);opacity: 0;transition: all .5s;}
#col-index-banner .swiper-slide-active .ban_cont p:nth-child(1){transform: none;opacity: 1;transition-delay: .5s;}
#col-index-banner .swiper-slide-active .ban_cont p:nth-child(2){transform: none;opacity: 1;transition-delay: .66s;}
#col-index-banner .swiper-pagination{}
#col-index-banner .swiper-pagination span{width: 9px;height: 9px;background: #fff;border-radius: 9px;opacity: 1;transition: 0.3s}
#col-index-banner .swiper-pagination span.swiper-pagination-bullet-active{width: 35px;background: #39c6a6;}
#col-banner .ban_cont{position: absolute;top:50%;left:0;transform: translateY(-50%);width: 100%;color:#fff;}
#col-banner .swiper-slide .ban_cont h1{font-size: 60px;font-weight: bold;transform: translateY(25px);opacity: 0;transition: all .5s;margin-bottom: 10px}
#col-banner .swiper-slide .ban_cont p{font-size: 20px;font-weight: 100;transform: translateY(25px);opacity: 0;transition: all .5s;}
#col-banner .swiper-slide-active .ban_cont h1{transform: none;opacity: 1;transition-delay: .5s;}
#col-banner .swiper-slide-active .ban_cont p{transform: none;opacity: 1;transition-delay: .66s;}




/* 首页about */
.col-index-about{display: table;width: 100%;table-layout: fixed;color:#fff;}
.col-index-about .wrap{display: table-cell;vertical-align: middle;width: 100%;}
.col-index-about .box1{float: left;width: 50%;padding-right: 50px;}
.col-index-about .box1 h2{font-size: 18px;margin-bottom: 20px;}
.col-index-about .box1 .content p:nth-child(1){font-size: 36px;margin-bottom: 25px;font-weight: 300;}
.col-index-about .box1 .content p:nth-child(2){font-size: 18px;line-height: 1.8}
.col-index-about .box1 a{width: 50px;height: 50px;border-radius: 50%;background-color: #39c6a6;background-image: url(../images/right.png);background-repeat: no-repeat;background-position: center center;background-size: 23px;display: block;margin-top:80px;transition: 0.3s}
.col-index-about .box1 a:hover{transform: translateX(5px)}


.col-index-about .box2{float: left;width: 25%;padding: 0 5% 0 3%;position: relative;}
.col-index-about .box2::before{content:'';width: 3px;height: 80px;background: #fff;position: absolute;top: 0;left: 0}
.col-index-about .box2 .img{margin-bottom: 50px;}
.col-index-about .box2 h2{font-weight: 300;margin-bottom: 20px;}
.col-index-about .box2 .content{font-size: 16px;font-weight: 300;line-height: 1.8;}
.col-index-about .box2 a{width: 50px;height: 50px;border-radius: 50%;background-color: #39c6a6;background-image: url(../images/right.png);background-repeat: no-repeat;background-position: center center;background-size: 23px;display: block;margin-top: 120px;transition: 0.3s}
.col-index-about .box2 a:hover{transform: translateX(5px)}



/* 首页product */
.headWrap{width: 100%;position: relative;}
.col-index-product{background: #313131;display: table;width: 100%;table-layout: fixed;position: relative;}
.col-index-product .wrap{display: table-cell;vertical-align: middle;width: 100%;}
.col-index-product .product-container{padding: 50px 0 80px}
.col-index-product .swiper-slide{background: #eaeaea;}
.col-index-product .swiper-slide .img{float: left;width: 60%;background: #fff;transition: 0.3s;transform: translate(40px,-50px);transition: 0.3}
.col-index-product .swiper-slide .img img{opacity: 0.6;transition: 0.3s;}
.col-index-product .swiper-slide .img:hover{box-shadow: 0px 0px 24px 0px rgba(6, 0, 1, 0.09);}
.col-index-product .swiper-slide .content{float: right;width: 40%;padding-left: 70px;padding-right: 10px;padding-bottom: 20px}
.col-index-product .swiper-slide .content p{font-size: 18px;margin:20% 0 20px;}
.col-index-product .swiper-slide .content h2{font-size: 32px;margin-bottom: 25%;font-weight: 300}
.col-index-product .swiper-slide .content .desc{padding-top: 25px;position: relative;font-size: 18px;color:#666666;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.col-index-product .swiper-slide .content .desc::before{content:'';width: 100px;height:4px;background: #39c6a6;position: absolute;top: 0;left: 0;}
.col-index-product .swiper-slide .content i{width: 50px;height:50px;border:1px solid #313131;display: block;background: url(../images/more.png)no-repeat center center;margin-top: 50px;}
.col-index-product .swiper-slide.swiper-slide-active .img img{opacity: 1;}
.col-index-product .swiper-pagination {bottom: 0;color:#fff;font-weight: bold;font-size: 20px;}
.col-index-product .swiper-pagination span.swiper-pagination-total{color:#777777;}
.col-index-product .swiper-button{width: 36px;height:18px;margin: 0;top:auto;bottom:5px}
.col-index-product .swiper-button-prev{background: url(../images/left.png)no-repeat center center;left: 50%;margin-left: -80px}
.col-index-product .swiper-button-next{background: url(../images/right.png)no-repeat center center;right:50%;margin-right: -80px;}

/* 首页news */
.col-index-news{display: table;width: 100%;table-layout: fixed;position: relative;}
.col-index-news::after{content:'';width: 50%;height: 100%;background: #eeeeee;position: absolute;top: 0;right: 0;z-index: -1;}
.col-index-news .wrap{display: table-cell;vertical-align: middle;width: 100%;}
.col-index-news .pull-left{padding-right:6%;width: 50%}
.col-index-news .pull-left h2{font-size: 36px;font-weight: bold;margin-bottom: 35px;}
.col-index-news .pull-left .news-top{height: 490px;position: relative;transition: 0.3s}
.col-index-news .pull-left .news-top a{display: block;height: 100%;background: rgba(0,0,0,.2);padding: 25px;transition: 0.5s}
.col-index-news .pull-left .news-top p{font-size: 16px;font-weight: 300;color:#fff;position: absolute;bottom: 60px;transition: all .5s;left: 0;padding-left: 25px;}
.col-index-news .pull-left .news-top h3{font-size: 24px;font-weight: bold;color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: absolute;bottom: 25px;transition: all .5s;width: 100%;left: 0;padding-left: 25px;}
.col-index-news .pull-left .news-top .desc{color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;position: absolute;bottom: 25px;transform: translateY(25px);opacity: 0;transition: all .5s;}
.col-index-news .pull-left .news-top:hover{box-shadow: 0px 0px 24px 0px rgba(6, 0, 1, 0.09);}
.col-index-news .pull-left .news-top:hover a{background: rgba(0,0,0,.3)}
.col-index-news .pull-left .news-top:hover p{bottom: 110px;}
.col-index-news .pull-left .news-top:hover h3{bottom: 75px;}
.col-index-news .pull-left .news-top:hover .desc{transform: none;opacity: 1;transition-delay: .1s;}

.col-index-news .pull-right{width: 50%;padding-left:6%;}
.col-index-news .pull-right h2{font-size: 16px;margin-bottom: 35px;text-align: right;line-height: 40px;}
.col-index-news .pull-right ul li{margin-bottom: 20px;background: #fff;position: relative;transition: 0.3s}
/* .col-index-news .pull-right ul li:nth-child(2n){margin-right: 0;} */
.col-index-news .pull-right ul li a{display: block;height: 100%;padding: 35px 30px;position: relative;}
.col-index-news .pull-right ul li a h3{font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 15px;transition: 0.2s}
.col-index-news .pull-right ul li a .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#666;font-size: 16px;margin-bottom: 65px;}
.col-index-news .pull-right ul li a p{color:#666;font-size: 16px;}
.col-index-news .pull-right ul li a i{width: 60px;height: 60px;background: #39c6a6;display: block;position: absolute;bottom: 0;right: 0;}
.col-index-news .pull-right ul li a i::before{content:'';width: 18px;height: 2px;background: #fff;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%)}
.col-index-news .pull-right ul li a i::after{content:'';width: 2px;height: 18px;background: #fff;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%)}
.col-index-news .pull-right h2:hover{text-decoration: underline}
.col-index-news .pull-right ul li:hover{box-shadow: 0px 0px 24px 0px rgba(6, 0, 1, 0.1);transform: translateY(-5px)}
.col-index-news .pull-right ul li:hover h3{color:#39c6a6;}
/* download */
.col-index-download{text-align: center;padding: 5% 0;color:#fff;}
.col-index-download p{font-size: 20px;margin-bottom: 10px;}
.col-index-download p i{width: 26px;height: 22px;display: inline-block;background: url(../images/dw.png)no-repeat center center;margin-right: 10px;vertical-align: middle}
.col-index-download h2{font-size: 36px;font-weight: 300;margin-bottom: 40px;}
.col-index-download ul li{display: inline-block;margin:0 5px}
.col-index-download ul li a{display: block;width: 170px;height: 42px;border:2px solid #fff;text-align: center;line-height: 38px;color:#fff;font-weight: 300;transition: 0.3s}
.col-index-download ul li:hover a{border-color: #39c6a6;background:#39c6a6;}







/* page */
.page {text-align: center;}
.page ul li a{border:none;background: none;color:#2e7879;margin:0 10px;width: 43px;height:43px;border:1px solid #e5e5e5;padding: 0;line-height: 41px;}
.page ul li.disabled a{border:1px solid #e5e5e5;background: none;}
.page ul li.active a{border:1px solid #e5e5e5;background: #39c6a6;color:#fff;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:1px solid #e5e5e5;background: none;color:#015eae}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {border:1px solid #e5e5e5;background: #39c6a6;color:#fff;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#2e7879;}
.pagination>li:last-child>a, .pagination>li:last-child>span{color: #015eae}
/* 内页 */
.col-page{position: relative;}/*内页通用页面外层容器样式*/

/* 关于我们 */
.col-page-about h2{text-align: center;font-size: 48px;font-weight: 300;margin-bottom: 45px;}
.col-profile{padding: 0 0 5%;}
.col-profile .img{float: left;width: 50%;}
.col-profile .content{float: right;width: 50%;padding: 4% 18.75% 0 4.5%;font-size: 16px;line-height: 1.8;}
.col-culture .container{padding:8vh 0 18vh}
.col-culture h2{margin-bottom: 6vh;color:#fff;}
.col-culture .content{color:#fff;font-size:24px;line-height: 2;text-align: center;}
.col-honor{padding: 0 0 5%;background: #eeeeee;}
.col-honor .honor-container{padding-bottom: 80px;}
.col-honor .swiper-pagination{bottom: 0}
.col-honor .swiper-pagination span{background: #c9c9c9;opacity: 1;}
.col-honor .swiper-pagination span.swiper-pagination-bullet-active{background: #39c6a6}
.col-link{padding: 13% 0 12%;color:#fff;text-align: center;}
.col-link .content{font-size: 30px;font-weight: 300;padding: 0 10%;line-height: 1.5}
.col-link ul {margin-top: 50px;}
.col-link ul li{display: inline-block;margin: 0 5px;}
.col-link ul li a{display: block;width: 220px;height: 64px;border:2px solid #fff;text-align: center;line-height: 60px;color:#fff;font-size: 18px;font-weight: 300;transition: 0.2s}
.col-link ul li a:hover{background: #39c6a6;border-color: #39c6a6;}
.col-equipment{padding: 5% 0;}
.col-equipment .container{width: 1300px}
.col-equipment .gallery{font-size: 0;}
.col-equipment .gallery div{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;overflow: hidden;}
.col-equipment .gallery div:nth-child(3n){margin-right: 0;}
.col-equipment .gallery div img{width: 100%;transition: 0.36s;}
.col-equipment .gallery div img:hover{transform: scale(1.1);}
.col-network {background: url(../images/network_bg.jpg)no-repeat center center;background-size: cover;}
.col-network h2{margin-bottom: 20px;}
.col-network .content{text-align: center;color:#797979;font-size: 20px;font-weight: 300;margin-bottom: 10px;}
.col-network .map{padding:25px 0 50px;text-align: center;}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{background: #eee;}


/* 产品 */
.col-page-product{padding: 5% 0 4%;}
.col-page-product h1{font-size: 36px;margin-bottom: 40px;}
.col-page-product .product-info{background: #eeeeee;}
.col-page-product .product-info .info{padding: 40px 30px;float: left;width: 50%;padding-right: 12%}
.col-page-product .product-info .info h2{padding-left: 35px;position: relative;font-weight: 300;font-size: 30px;margin-bottom: 35px;}
.col-page-product .product-info .info h2::before{content:'';width: 30px;height: 2px;background: #39c6a6;position: absolute;left: 0;top:50%;margin-top: -1px;}
.col-page-product .product-info .info .desc{font-weight: 300;font-size: 18px;line-height: 1.8;}
.col-page-product .product-info .info a{display: inline-block;padding: 10px 65px 10px 20px;border:1px solid #d2d2d2;position: relative;margin-top: 10%}
.col-page-product .product-info .info a::after{content:'+';color:#39c6a6;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 16px}
.col-page-product .product-info .img{overflow: hidden;transform: translate(-45px,-60px);box-shadow: 0px 0px 18px 0px rgba(6, 0, 1, 0.08);float: right;width: 50%}
.col-page-product .product-info .img img{transition: 0.3s;width: 100%;}
.col-page-product .product-list{padding: 5% 0 0}
.col-page-product .product-list h2{text-align: center;font-size: 36px;margin-bottom: 35px;}
.col-page-product .product-list ul {font-size: 0;}
.col-page-product .product-list ul li{display: inline-block;width:32%;margin-right: 2%;margin-bottom: 25px;text-align: center;vertical-align: top;}
.col-page-product .product-list ul li:nth-child(3n){margin-right: 0;}
.col-page-product .product-list ul li .img{overflow: hidden;border:1px solid #e5e5e5;transition: 0.3s}
.col-page-product .product-list ul li img{width: 100%;transition: 0.3s}
.col-page-product .product-list ul li .img:hover{box-shadow: 0px 0px 18px 0px rgba(6, 0, 1, 0.08);}
.col-page-product .product-list ul li .img:hover img{transform: scale(1.1);}
.col-page-product .product-list ul li .title{font-weight: 300;font-size: 18px;margin:15px 0 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.col-detail h1{text-align: center;}
.col-detail .content1{margin:40px 0;}
.col-detail .prenext{text-align: center;font-size: 18px;padding-bottom: 55px;border-bottom: 1px solid rgba(160,160,160,0.5);}
.col-detail .prenext a{display: inline-block;margin:0 15px;}
.inquiry-container{padding: 4% 0 0;}
.inquiry-container .wrap{background: #f2f2f2;padding: 30px 40px;}
.inquiry-container h2{font-size: 36px;text-align: center;margin-bottom: 35px;}
.inquiry-container .wrap>p{font-size: 18px;margin-bottom: 25px;}
.inquiry-container form ul {float: left;width: 55%}
.inquiry-container form ul li{line-height: 30px;margin-bottom: 15px;font-size: 0}
.inquiry-container form ul li i{width: 80px;font-size: 16px;color:#000;display: inline-block;vertical-align: middle;}
.inquiry-container form ul li span{display: inline-block;font-size: 14px;width: calc(100% - 80px);vertical-align: middle}
.inquiry-container form ul li input{width: 100%;border:1px solid #d2d2d2;padding-left: 10px;;outline: none;background: none;}
.inquiry-container form ul li textarea{width:100%;border:1px solid #d2d2d2;;outline: none;background: none;}
.inquiry-container form ul li .form-check{display: inline-block;font-size: 14px;color:#868686;width: 66px;}
.inquiry-container form ul li .form-check input{width:auto;margin-right: 5px;    vertical-align: middle;margin-bottom: 6px;}
.inquiry-container form ul li:last-child i{vertical-align: top;}
.inquiry-container form ul li:last-child span{vertical-align: top}
.inquiry-container form .code{float: right;width: 45%;padding-left: 6%}
.inquiry-container form .code .verify{line-height: 30px;border:1px solid #d2d2d2;padding-left: 10px;;background: none;}
.inquiry-container form .code .recaptcha{color:#868686;margin:10px 0 15px;display: inline-block;border-bottom: 1px solid #868686;}
.inquiry-container form .code .content{color:#868686;font-size: 12px;width: 80%;line-height: 1.8;}
.inquiry-container form .code .sub{width: 200px;height: 40px;background: #008e3c;margin-top: 50px;border:none;outline: none;color:#fff;}



/* news */
.col-page-news{padding: 80px 0 4%;background: #f5f5f5;}
.col-page-news .news-top{background:#fff;}
.col-page-news .news-top .info{padding: 60px 8% 60px 3%;float: left;width: 50%}
.col-page-news .news-top .info>p{font-size: 16px;color:#39c6a6;margin-bottom: 10px;}
.col-page-news .news-top .info h2{font-size: 24px;font-weight: 300;margin-bottom: 30px}
.col-page-news .news-top .info h2 a{transition: 0.3s}
.col-page-news .news-top .info h2:hover a{color:#39c6a6}
.col-page-news .news-top .info .desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 16px;line-height: 1.8}
.col-page-news .news-top .info>a{display: inline-block;padding: 10px 65px 10px 20px;border:1px solid #d2d2d2;position: relative;margin-top: 10%;transition: 0.3s}
.col-page-news .news-top .info>a::after{content:'+';color:#39c6a6;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);font-size: 16px;transition: 0.3s}
.col-page-news .news-top .info>a:hover{background: #39c6a6;color:#fff;box-shadow: 0px 0px 18px 0px rgba(6, 0, 1, 0.08);}
.col-page-news .news-top .info>a:hover::after{color:#fff;}
.col-page-news .news-top .img{float: right;width: 50%;overflow: hidden;transform: translate(-45px,-60px);}
.col-page-news .news-top .img img{width: 100%;transition: 0.5s;}
.col-page-news .news-top .img:hover{box-shadow: 0px 0px 18px 0px rgba(6, 0, 1, 0.08);}
.col-page-news .news-top .img:hover img{transform: scale(1.1)}
.col-page-news .container ul {margin-top:5%;}
.col-page-news .container ul li{width: 31%;margin-right: 3.5%;margin-bottom: 50px;float: left;background: #fff;height: 320px;transition: 0.3s}
.col-page-news .container ul li:nth-child(3n){margin-right: 0;}
.col-page-news .container ul li a{display: block;height: 100%;padding: 45px 25px 20px 25px;position: relative;}
.col-page-news .container ul li a h3{font-size: 24px;font-weight: 300;margin-bottom: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: 0.3s}
.col-page-news .container ul li a .desc{color:#666;font-size: 16px;line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.col-page-news .container ul li a>p{color:#666;font-size: 16px;position: absolute;bottom: 20px}
.col-page-news .container ul li a i{width: 60px;height: 60px;background: #39c6a6;display: block;position: absolute;bottom: 0;right: 0;}
.col-page-news .container ul li a i::before{content:'';width: 18px;height: 2px;background: #fff;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%)}
.col-page-news .container ul li a i::after{content:'';width: 2px;height: 18px;background: #fff;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%)}
.col-page-news .container ul li:hover{box-shadow: 0px 0px 32px 0px rgba(6, 0, 1, 0.09);}
.col-page-news .container ul li a:hover h3{color:#39c6a6;}





/* 新闻详情页 */
.col-news { position: relative; margin: 0 auto; margin: 0 auto;}
.col-news article {margin:40px 0;float: left;width: 100%;}
.col-news .met_clear {clear: both;}
.col-news .met_module2 h1.met_title {font-size: 28px;font-weight: normal;padding: 5px 0;color:#000;}
.col-news .met_module2 .met_infos {color: #818181;font-size: 12px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.col-news .met_module2 .met_time { padding-right: 6px;}
.col-news .met_module2 .met_source {padding-right: 6px;}
.col-news .met_module2 .met_source a {color: #607fa6;}
.col-news .met_module2 .met_editor { padding: 0 10px;color:#000;}
.col-news .met_editor {line-height: 2;}
.col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;}
.col-news .met_tools .met_page {clear: both;color: #818181;}
.col-news .met_tools .met_page li {display: inline-block;list-style: none;margin-right: 30px;}
.col-news .met_tools .met_page li:last-child{margin-right: 0}
.col-news .met_tools .met_page li span {padding-right: 5px;}
.col-news .met_tools .met_page a {color: #607fa6;}
/* recruit */
.col-page-recruit{}
.col-join{padding: 5% 0 3%;}
.col-join h2{text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 20px;font-weight: 300;}
.col-join>p{text-align: center;line-height: 1.8;font-size: 18px;margin-bottom: 4%}
.col-join .content{padding-bottom: 45px;border-bottom: 1px solid #000;margin-bottom: 45px; }
.col-join .content td:nth-child(1){padding-right: 25px;font-size: 16px;line-height: 1.8;}
.col-join .content td:nth-child(2){padding-left: 25px;font-size: 16px;line-height: 1.8;}
.col-join .content td p:nth-child(2){padding-right: 15%;margin:15px 0 20px;}
.col-recruitment h2{text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 50px;font-weight: 300;}
.col-recruitment .job table {width:100%;}
.col-recruitment .job table tr th{padding: 15px 0;font-size: 14px;font-weight: normal;width:25%;background: #eeeeee;text-align: center;}
.col-recruitment .jobtit table tr td{width:25%;padding:15px 0;font-size: 15px;text-align: center;}
.col-recruitment .job ul li .jobtit {color: #333;cursor: pointer;position: relative;}
.col-recruitment .job ul li:nth-child(2n+1) .jobtit{background: #eeeeee;}
.col-recruitment .job ul li .jobtit span {width: 63px;height: 49px;display: inline-block;font-size: 13px;color: #fff;font-weight: bold;padding-left: 10px;}
.col-recruitment .job ul li .jobtit span b {font-family: arial;font-size: 18px;}
.col-recruitment .job ul li .jobtit span.zhiwei {width: 90%;display: inline-block;height: 49px;overflow: hidden;background: none;color: #333;font-weight: normal;padding-left: 0;}
.col-recruitment .job ul li .jobtit span.zhiwei b {font-size: 14px;}
.col-recruitment .job ul li .jobtit i {width: 16px;height: 11px;background: #d80808;display: inline-block;position: absolute;top: 42px;left: 64px;transform: rotate(-39deg);display: none;}
.col-recruitment .job ul li .jobcon {display: none;padding:20px 6%;margin:0 40px 5px;background: #f9f9f9;position: relative;}
.col-recruitment .job ul li .jobcon div{color: #666;}
.col-recruitment .job ul li .jobcon td{padding: 0;}
.col-recruitment .job ul li .jobcon hr {border-top: 1px solid #cbc7bc;}
.col-recruitment .job ul li.active .jobtit{border:none;}
.col-recruitment .job ul li.active .jobcon{border-bottom: 0;-webkit-animation: fadeIn 1s both ;animation: fadeIn 1s both ;display: block;}
.col-recruitment .job ul li.active .jobtit .read_more{color:#b20009;}
.col-recruitment .job ul li.active .jobtit i {display: block;}
.col-recruitment .job ul li.active .jobtit span.zhiwei {color: #fff;}
.col-recruitment .jobcon ul {border-bottom: #e5e5e5 1px solid;padding-bottom: 10px;}
.col-recruitment .jobcon ul li{width:33.33%;float: left;;margin-bottom: 20px;line-height: 1.8;}
.col-recruitment .jobcon .content{padding: 15px 0;}
.col-recruitment .jobcon .content .box{float: left;width: 50%;padding-right: 5%;color:#000;line-height: 1.8;}
.col-recruitment .applyment{padding-top: 15px;border-top:1px solid #eeeeee;}
.col-recruitment .applyment a{color:#fff;display: inline-block;padding: 10px 50px;background: #39c6a6;transition: 0.3s}
.col-recruitment .applyment a:hover{box-shadow: 0px 0px 32px 0px rgba(6, 0, 1, 0.09);}
.col-recruitment .job{margin-bottom:80px;}
.col-recruitment .job>h3{color:#222222;font-size: 24px;font-weight: normal;margin-bottom: 35px;text-align: center;margin-top:40px;}

.col-recruitment #messagelist {padding: 15px;}
.col-recruitment #messagelist .v52fmbx {margin: 30px 0 0;}
.col-recruitment .v52fmbx {border: 1px solid #ddd;border-top: 0;overflow: hidden;text-align: left;}
.col-recruitment .v52fmbx_hr {border-top: 1px solid #ddd;margin: 0;padding: 0 5px 0 15px;font-weight: bold;font-size: 16px;background: #ddd;height: 60px;line-height: 60px;}
.col-recruitment .v52fmbx dl {border-top: 1px solid #ddd;margin: 0;display: -webkit-box;display: -moz-box;display: box;display: -ms-flexbox;position: relative;padding: 5px 0;}
.col-recruitment .v52fmbx dl {width: 100%;zoom: 1;background: #fff;}
.col-recruitment .v52fmbx dl dt {padding: 15px 15px 10px 15px;width: 105px;text-align: left;font-weight: normal;overflow: hidden;line-height: 1.2;}
.col-recruitment .v52fmbx dl dd {-moz-box-flex: 1.0;-webkit-box-flex: 1.0;box-flex: 1.0;-ms-flex: 1;padding: 2px 0 0 15px;margin: 10px 0;}
.col-recruitment .v52fmbx dl dd .fbox {margin: 0 10px 0 0;}
.col-recruitment .ftype_input .fbox {float: left;}
.col-recruitment .ftype_input .fbox input {width: 350px;height: 28px;line-height: 28px\9;padding: 2px 5px;border: 1px solid #dcdfe0;background-color: #fff;color: #333;outline: 0;border-radius: 2px;}
.col-recruitment .v52fmbx dl.noborder {border-bottom: 0;}
.col-recruitment .submit {display: block;background: #39c6a6;border: 0 none;height: 34px;line-height: 26px;padding: 0 35px;color: #fff;cursor: pointer;border-radius: 2px;font-family: 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.col-recruitment .submit:hover{box-shadow: 0px 0px 32px 0px rgba(6, 0, 1, 0.09);}
.ftype_input textarea {width: 350px;line-height: 1.5;height: 100px;padding: 7px 5px;border: 1px solid #dcdfe0;background-color: #fff;color: #333;outline: 0;}

/* contact */
.col-page-contact .col-way{}
.col-page-contact .col-way h2{text-align: center;font-size: 30px;font-weight: bold;margin-bottom: 30px;font-weight: 300;}
.col-page-contact .col-way .container>p{text-align: center;line-height: 1.8;font-size: 18px;}
.col-page-contact .col-way .container .content{padding: 45px 0;border-bottom: 1px solid #dcdcdc;margin-bottom: 45px;}
.col-page-contact .col-way .container .content td:nth-child(1){padding-right: 25px;font-size: 16px;line-height: 1.8;}
.col-page-contact .col-way .container .content td:nth-child(2){padding-left: 25px;font-size: 16px;line-height: 1.8;}
.col-page-contact .col-way .container .content td p:nth-child(2){margin:15px 0 10px;font-size: 20px;}

.col-page-contact #allmap{width:100%;height:500px;box-shadow: 0.5px 0.866px 10px 0px rgba(9, 2, 4, 0.1);}
.col-page-contact #allmap img { max-width: 1070px; max-height: 500px;}
.col-page-contact #allmap label {max-width: 1070px;background: #fff !important;border:none !important;box-shadow: 0 2px 3px rgba(0,0,0,.1);padding: 10px !important;top: auto !important;bottom: 10px;left: 50% !important;transform: translateX(-45%)}
.col-page-contact #allmap label::before{content: "";width: 0px;height: 0px;border-top: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -10px;left: 50%;margin-left: -10px;}
.col-page-contact .col-message h2{font-size: 30px;text-align: center;font-weight: 300;margin-bottom: 20px;}
.col-page-contact .col-message p{text-align: center;font-size: 18px;color:#666;margin-bottom: 20px}
.col-page-contact .col-message table{width: 100%;border-top:1px solid #000;border-bottom: 1px solid #000;}
.col-page-contact .col-message table tr:first-child{border-bottom: 1px solid rgba(27,27,27,0.1);}
.col-page-contact .col-message table td{padding: 50px 0;font-size: 0}
.col-page-contact .col-message table td input,.col-page-contact .col-message table td select,.col-page-contact .col-message table td textarea{font-size: 14px;background: #f6f6f6;border:none;color:#000;outline: none;}
.col-page-contact .col-message table td:first-child{width:18%;text-align: center;font-size: 16px;vertical-align: top}
.col-page-contact .col-message table td:last-child{padding: 50px 45px;}
.col-page-contact .col-message table tr:first-child td:last-child{padding-right: 250px;}
.col-page-contact .col-message table tr:first-child input {width:48%;margin-right:4%;margin-bottom: 15px; height: 45px;line-height: 45px;padding-left: 20px;}
.col-page-contact .col-message table tr:first-child select{width: 48%;margin-bottom: 15px; height: 45px;line-height: 45px;padding-left: 20px;}
.col-page-contact .col-message table tr:first-child input:nth-child(2n){margin-right: 0}
.col-page-contact .col-message table tr:first-child input:last-child{width: 100%}
.col-page-contact .col-message table tr:last-child input{width: 100%;margin-bottom: 15px; height: 45px;line-height: 45px;padding-left: 20px;}
.col-page-contact .col-message table tr:last-child textarea{width: 100%;margin-bottom: 15px;padding-top:15px;height:130px;padding-left: 20px;}
.col-page-contact .col-message table tr:last-child input[name="verify"]{width:240px;background: #f6f6f6;}
.col-page-contact .col-message table tr:last-child a.recaptcha{font-size: 14px;text-decoration: underline;color:#c7c7c7;display: inline-block}
.col-page-contact .col-message .sub{padding: 60px 0 55px;text-align: center}
.col-page-contact .col-message .sub input{width: 170px;height: 50px;line-height: 48px;border:1px solid #39c6a6;text-align: center;color:#575757;transition: 0.3s;background: #fff;margin:0 5px;}
.col-page-contact .col-message .sub input:hover{background: #39c6a6;color:#fff;border-color: #39c6a6}

/* search */
.goomay-keywords-light{background: #dc3545 !important;color:#ffffff !important;}
#search{margin: 50px auto ;overflow:hidden}
.search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;}
.s_head{border-bottom: 1px solid #d6d6d6;height: 50px;}
.s_head h2{line-height: 50px;}
.s_body ul{margin-top: 10px;margin-left: 20px;  }
.s_body ul span{display: block;color: #333;line-height: 40px;}
.s_body ul input,.s_body ul select{height: 35px;width: 80%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;}
.s_body .sub input{height: 35px;line-height: 35px;background: #575757;border: 0;font-weight: bold;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;}
.search_right{padding-left: 40px;}
.search_right .no-result{text-align: center;font-size: 30px;color:#d80808;margin-top:50px;}
.search-result-title{font-size: 20px;font-weight: 600;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
.entry-image {float: left;width: 120px;margin: 0 20px 0 0;}
.entry-c{position: relative;overflow: hidden;}
.search-result-info{padding:5px 0;}
.search-result-info li{display: inline-block;}
.search_right em{color: #004cff;}
.search_right .search-result{margin-left:25px;}
.search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;}
.search_right li{overflow: hidden;}
.search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5}
.search-result-info li:first-child:before { display: none; }
.product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;}
.product_img{float: left;}
.product_img img{border-radius: 50%;}
.product_img img:hover{width: 90px;height: 90px;}
.product_body{float: left;margin-left: 20px;margin-top: 10px;}
.se_news{float: right;width: 79%;}
.news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;}
.search_right .news .date em{color: #fff;}



.col-wrap{}/*内页模块通用外层容器样式*/
.col-about, .col-img-wrap, .col-product-wrap{}/*内页模块外层容器样式*/
.col-about .title-head{}/*标题头*/
.col-about .content{}/*内容*/
.col-about .content .s-title{}/*终极标题*/
.col-about .content .s-content{}/*终极内容*/


/* 底部 */
#gotoTop{z-index: 299;position: fixed;width: 50px;height: 50px;line-height: 45px;border-radius: 50%;font-size: 18px;right: 30px;bottom:50px;cursor: pointer;text-align: center;color:#39c6a6;background: #fff;display: none;box-shadow: 0px 0px 24px 0px rgba(6, 0, 1, 0.1);}
.footer .footer-nav{background: #313131;padding: 5% 0;}
.footer .footer-nav .container>ul{float: left;}
.footer .footer-nav .container>ul>li{float: left;margin-right: 60px;}
.footer .footer-nav .container>ul>li:last-child{margin-right: 0}
.footer .footer-nav .container>ul>li>a{color:#fff;font-size: 16px;display: block;}
.footer .footer-nav .container>ul>li ul{margin-top: 25px;display: inline-block;vertical-align: top;margin-right: 10px;}
/* .footer .footer-nav .container>ul>li ul{line-height: 1.8;} */
.footer .footer-nav .container>ul>li ul li{margin-bottom: 15px;max-width: 280px;}
.footer .footer-nav .container>ul>li ul li a{color: #aaaaaa;}
.footer .footer-nav .container>ul>li ul li a:hover{color:#39c6a6}
.footer .footer-nav .code{float: right;text-align: center;color:#666666;}
.footer .footer-nav .code h1{margin-bottom: 20px;}
.footer .footer-nav .code p{margin:10px 0;}
.footer .footer-nav .code ul li img{max-width: 117px;}
.footer .copyright{background: #1b1b1b;color:#9d9d9d;padding: 2% 0;}



/* 副导航 */
.product-nav{margin:30px 0 0;}
.product-nav ul{font-size: 0;}
.product-nav ul li{display: inline-block;font-size: 18px;margin-bottom: 10px;width: 20%;}
.product-nav ul li.active a,.product-nav ul li a:hover{text-decoration: underline;color:#39c6a6}
.vicenav{height: 80px;line-height: 80px;background: rgba(0,0,0,.7);margin-top: -80px;position: relative;z-index: 2;}
.vicenav ul{width: 100%;}
.vicenav ul li{text-align: center;float: left;}
.vicenav ul li a{display: block;height: 100%;color:#fff;font-size: 18px;font-weight: 300;transition: 0.2s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.vicenav ul li a:hover,.vicenav ul li.active a{background: #39c6a6;COLOR:#FFF;}
.vicenav ul li:nth-last-child(2), .vicenav ul li:nth-last-child(2) ~ li {width: 50%;}
.vicenav ul li:nth-last-child(3), .vicenav ul li:nth-last-child(3) ~ li {width: 33.33%;}
.vicenav ul li:nth-last-child(4), .vicenav ul li:nth-last-child(4) ~ li {width: 25%;}
.vicenav ul li:nth-last-child(5), .vicenav ul li:nth-last-child(5) ~ li {width: 20%;}
.vicenav ul li:nth-last-child(6), .vicenav ul li:nth-last-child(6) ~ li {width: 16.66%;}



/* media */
@media (min-width: 1200px) {
  .container{width: 1200px}
}
@media (max-width: 1700px) {
  #col-index-banner .swiper-slide{height: 900px !important;}
  
  
}
@media (max-width: 1600px) {
  #col-index-banner .swiper-slide{height: 850px !important;}
  .col-profile .content{padding: 2% 10% 0 3%;}
  #col-banner .swiper-slide{height: 700px !important;}
  .col-index-product .swiper-slide .content p{margin:20px 0 10px;}
  .col-index-product .swiper-slide .content i{margin-top: 20px;}
  .col-index-product .swiper-slide .content h2{margin-bottom: 30px;}
  .col-index-product .swiper-slide .img{width: 50%;}
  .col-index-product .swiper-slide .content{width: 50%}
  
  
  
}
@media (max-width: 1500px) {
  #col-index-banner .swiper-slide{height: 800px !important;}
  .col-index-product .swiper-slide .content{padding-left:30px;}
  #col-banner .swiper-slide{height: 650px !important;}
  
  
  
  
}
@media (max-width: 1400px) {
  #col-index-banner .swiper-slide{height: 750px !important;}
  .col-profile .content{padding: 2% 10px 0 3%;}
  #col-banner .swiper-slide{height: 600px !important;}
  .col-index-product .swiper-slide .img{transform: translate(20px,-25px)}
  .col-index-product .swiper-slide .content h2{font-size: 24px;margin-bottom: 20px;}
  
  
  
}
@media (max-width: 1300px) {
  #col-index-banner .swiper-slide{height: 700px !important;}
  #col-banner .swiper-slide{height: 550px !important;}
  .col-equipment .container{width: 100%}
  
}
@media (max-width: 1200px) {
  .product-nav ul li{width: 25%;}
  #col-index-banner .swiper-slide{height: 650px !important;}
  .vicenav .container{width: 100%;padding: 0;}
  .col-index-product .swiper-slide .content .desc{padding-top: 15px;}
  .col-profile .img{float: none;width: 100%;text-align: center}
  .col-profile .content{float: none;width: 100%;padding: 0 10px;margin:20px 0 0}
  #col-banner .swiper-slide{height: 500px !important;}
  .col-index-product .swiper-slide{height: 300px;}
  .navHead .navInfo{padding-left: 5%}
  
  .container{width: 100%;padding: 0 10px;}
}
@media (max-width: 1100px) {
  #col-index-banner .swiper-slide{height: 600px !important;}
  #col-banner .swiper-slide{height: 450px !important;}
  .col-index-product .swiper-slide{height: auto;}
  
}
@media (max-width: 992px) {
  .product-nav ul li{width:33.33%;font-size: 16px;margin-bottom: 5px;}
  .col-culture .content{font-size: 16px;}
  #col-index-banner .swiper-slide{height: 550px !important;}
  .col-join>p{font-size:16px;}
  .col-page-contact .col-message table tr:first-child td:last-child{padding-right: 45px;}
  .col-news article{margin:0;}
  .col-page-news{padding-top: 6%}
  .col-page-news .news-top .img:hover img{transform: none;}
  .col-page-news .news-top .info{float: none;width: 100%;padding: 30px 20px;}
  .col-page-news .news-top .img{float: none;width: 100%;transform: none;padding: 10px;}
  .inquiry-container form ul{width: 100%;float: none}
  .inquiry-container form .code{float: none;width: 100%;padding-left: 80px}
  .header .logo{height: 80px;line-height: 80px;}
  .header .menu{margin-top: 20px}
  .header .menu.active{margin-top: 25px;}
  .col-link .content{padding: 0;font-size: 24px;}
  .vicenav{height: 60px;line-height: 60px;margin-top: -60px;}
  .vicenav .navBtn{width: 300px;display: inline-block !important;text-align: center;position: relative;}
  .vicenav .navBtn::after{content: '';position: absolute;right: 20px;width: 14px;height: 14px;background: url(../images/down.png)no-repeat center center;background-size: cover;top: 50%;margin-top: -7px;transition: 0.3s;transform: rotate(180deg)}
  .vicenav .navBtn.active::after{transform: rotate(0);}
  .vicenav ul{width: 300px;background: #fff;display: none;}
  .vicenav ul li{float: none;width: 100% !important;line-height: 1.8;}
  .vicenav ul li a{color:#000;font-size: 16px;padding: 10px 0}
  .vicenav ul li a:hover{color:#fff;}
  .vicenav .navBtn a{color:#fff;display: block;height: 100%;}
  #col-banner .swiper-slide .ban_cont h1{font-size: 48px;}
  #col-banner .swiper-slide{height: 400px !important;}
  .footer .footer-nav .container>ul{display: none;}
  .footer .footer-nav .code{float: none;width: 100%;text-align: center;}
  .footer .copyright span{display: block;text-align: center;}
  .footer .copyright .pull-right{float: none !important;width: 100%;text-align: center}
  .col-index-news::after{display: none;}
  .col-index-news .pull-right h2{margin-bottom: 10px;margin-top: 30px;}
  .col-index-news .pull-left .news-top p{bottom: 110px;}
  .col-index-news .pull-left .news-top h3{bottom: 75px;}
  .col-index-news .pull-left .news-top .desc{transform: none;opacity: 1;transition-delay: .1s;}
  .col-index-news .pull-left .news-top{box-shadow: 0px 0px 24px 0px rgba(6, 0, 1, 0.09);}
  .col-index-news .pull-left .news-top a {background: rgba(0,0,0,.3);}
  .col-index-news .pull-left{padding-right: 0;width: 100%}
  .col-index-news .pull-right{padding-left: 0;width: 100%;background: #eee;padding: 0 10px;}
  .col-index-about,.col-index-download,.col-link{background-attachment: scroll !important;}
  .col-index-about .box1{width: 100%;padding: 0;margin-bottom: 10px;}
  .col-index-about .box1 .content p:nth-child(1){font-size: 24px;margin-bottom: 10px;}
  .col-index-about .box1 a{margin-top: 20px}
  .col-index-about .box2{width: 50%;padding: 0;padding-left: 20px}
  .col-index-about .box2 .img{margin-bottom: 20px;}
  .col-index-about .box2 h2,.col-page-product .product-list h2,.col-recruitment h2,.col-join h2,.col-page-contact .col-message h2,.col-page-contact .col-way h2,.col-index-news .pull-left h2,.col-index-download h2,.col-page-about h2,.col-page-product h1,.col-page-product .product-info .info h2,.inquiry-container h2,.col-news .met_module2 h1.met_title{font-size: 24px;margin-bottom: 10px;}
  .col-index-about .box2 a{margin-top: 20px;margin-bottom: 10px;}
  .headWrap section:not(.col-banner){padding: 5% 0;}
  .col-index-product .wrap{padding: 0 10px}
  #col-index-banner .swiper-slide .ban_cont{top: 50%}
  .header .inner>div .menu,.header .language,.navHead{display: none;}
  
}
@media (max-width: 768px) {
  .product-nav ul li{width: 50%;}
  .col-equipment .gallery div{width: 49%;}
  .col-equipment .gallery div:nth-child(3n){margin-right: 2%;}
  .col-equipment .gallery div:nth-child(2n){margin-right: 0;}
  #col-index-banner .swiper-slide{height: 500px !important;}
  .col-recruitment .jobcon ul li{width: 50%;margin-bottom: 10px;}
  .col-recruitment .job ul li .jobcon{margin:0 10px 5px;}
  .col-join .content td:nth-child(1){padding-right: 5px;}
  .col-join .content td:nth-child(2){padding-left: 5px;}
  .col-join .content td p:nth-child(2){padding-right: 0;}
  .col-page-contact .col-message table td{width: 100% !important;display: block;text-align: center;padding: 20px 0}
  .col-page-contact .col-message table td:last-child{padding: 15px 10px !important;text-align: left}
  .col-page-contact .col-way .container .content{padding: 20px 0;margin-bottom: 20px;}
  .col-page-contact .col-way .container>p{font-size: 16px;}
  .col-page-contact .col-way .container .content table{width: 100%}
  .col-page-contact .col-way .container .content td{display: block;width: 100% !important;padding: 0 !important;text-align: center;margin-bottom: 30px;}
  .col-page-contact #allmap{height: 300px;}
  .col-page-news .container ul li a h3{font-size: 20px;}
  .col-page-news .container ul li{width: 49%;margin-right: 2%;margin-bottom: 10px;}
  .col-page-news .container ul li:nth-child(3n){margin-right: 2%}
  .col-page-news .container ul li:nth-child(2n){margin-right: 0}
  .inquiry-container form ul li i{font-size: 14px;}
  .inquiry-container .wrap{padding: 20px 10px;}
  .inquiry-container form .code .content{width: 100%}
  .col-detail .prenext a{margin:0 5px;}
  .col-detail .prenext{font-size: 16px;}
  .page ul li a{margin:0 2px;width: 25px;height:25px;line-height: 23px;font-size: 12px;}
  .col-page-product .product-list ul li{width: 49%;}
  .col-page-product .product-list ul li:nth-child(3n){margin-right: 2%}
  .col-page-product .product-list ul li:nth-child(2n){margin-right: 0}
  .col-page-product .product-info .info{float: none;width: 100%;padding: 20px 10px !important}
  .col-page-product .product-info .img{transform: none;width: 100%;float: none;padding: 10px;}
  .col-network .content{font-size: 16px;}
  .col-link ul{margin-top: 20px;}
  .col-link ul li a{width: 160px;height: 54px;line-height: 50px;font-size: 16px;}
  .col-link ul li{margin:0;}
  .col-link .content{font-size: 20px;}
  #col-banner .swiper-slide .ban_cont p{font-size: 18px;}
  #col-banner .swiper-slide .ban_cont h1{font-size: 32px;}
  #col-banner .swiper-slide{height: 350px !important;}
  .col-index-news .pull-left .news-top{height: 320px;}
  .col-index-about .box2 .img img{width: 50px;}
  .col-index-about .box2::before{display: none;}
  .col-index-about .box2{padding: 0;}
  .col-index-about .box1 .content p:nth-child(1){font-size: 18px;line-height: 1.8;font-weight: 400}
  .col-index-about .box1 .content p:nth-child(2){font-size: 16px;}
  .headWrap section:not(.col-banner){padding: 30px 0;}
  .header.active .logo{height: 60px;line-height: 60px;}
  .header.active .menu{margin-top: 10px}
  .header.active .menu.active{margin-top: 15px;}
  .col-index-product .product-container{padding: 0 0 50px}
  .col-index-product .swiper-slide .content h2{margin-bottom: 10px;}
  .col-index-product .swiper-slide .content p{font-size: 16px;margin:10px 0 5px;}
  .col-index-product .swiper-slide .content .desc{padding-top: 10px;font-size: 16px;}
  .col-index-product .swiper-slide .img{float: none;width: 80%;transform: none;text-align: center;margin:0 auto}
  .col-index-product .swiper-slide .content{float: none;width: 100%;padding-left: 5%}
  #col-index-banner .swiper-slide .ban_cont p:nth-child(1){font-size: 32px;}
  
}
@media (max-width: 640px) {
  #col-index-banner .swiper-slide{height: 450px !important;}
  .col-page-contact .col-message .sub input{width: 120px;}
  #col-banner .swiper-slide .ban_cont h1{font-size: 24px;margin-bottom: 0;}
  #col-banner .swiper-slide{height: 300px !important;}
  .col-index-about .box2{width: 100%;text-align: center;}
  .col-index-about .box2 a{margin:20px auto 10px;}
  .col-index-about .box1{text-align: center;}
  .col-index-about .box1 a{margin:20px auto 0;}
  
}

@media (max-width: 530px) {
  #col-index-banner .swiper-slide{height: 400px !important;}
  .col-page-contact .col-message table tr:first-child input,.col-page-contact .col-message table tr:first-child select{width: 100%}
  .col-index-news .pull-right ul li a{padding: 20px 15px}
  .navList{right: 5px;}
  .navList ul li .title{padding: 5px 10px;margin-top: -15px;}
  .col-index-download{padding: 8% 0}
  .col-recruitment .jobcon ul li{width: 100%;margin:0;}
  .col-recruitment .job ul li .jobcon{padding: 10px;}
  .col-recruitment .jobcon .content .box{width: 100%;float: none}
  .col-join .content td{display: block;width: 100%;}
  .target-fix{margin-bottom: 30px;}
  .col-page-news .container ul li{width: 100%;margin-right: 0 !important;height: 240px;}
  .col-page-news .container ul li a{padding: 20px }
  .col-link .content{font-size: 16px}
  .col-link ul li a{font-size: 14px;width: 140px;}
  #col-banner .swiper-slide{height: 250px !important;}
  .col-index-download ul li a{width: 140px;}
  .col-index-news .pull-left .news-top{height: 240px;}
  .col-index-news .pull-left .news-top a{padding: 10px;}
  .col-index-news .pull-right ul li{width: 100%;float: none;margin-right:0 !important}
  .col-index-product .swiper-slide .img{width: 100%}
  #col-index-banner .swiper-slide .ban_cont p:nth-child(1){font-size: 24px;}
  #col-index-banner .swiper-slide .ban_cont p:nth-child(2){font-size: 18px;}
  
  
}
@media (max-width: 420px) {
  #col-index-banner .swiper-slide{height: 350px !important;}
  
}


/*手机版菜单*/
.mm-slideout{z-index: auto!important;}
@media screen and (max-width: 992px)  {
  #header a.mm_btn {display: block;position: absolute;top: 0;right:10px;z-index: 1; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;}
  /*菜单弹出方向*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/}
  .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;}
}