/*
首页模块命名规范：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:'Lato','Noto Sans SC';min-width: 320px;color: #000;overflow: hidden;}
*{word-wrap: break-word;word-break: normal !important;}
@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;
  margin-left: 5px;
  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;}
h1,h2{font-weight: bold;}
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: 1100px; width:100%;  margin: 0 auto;  }
.syposition{position: relative;background-color: #fff;}
#page{padding-top: 0px; overflow: hidden;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}
#BMapLib_transBox0 table td{box-sizing: content-box !important;}
.target-fix {position: relative;top: -100px;display: block;height: 0;overflow: hidden;}
.fancybox-close{background-size:cover !important;}
img[src=""],img:not([src]){

  opacity:0;

}
#loading  
{  
  width: 100%;
  height:100%;
  position:fixed;  
  z-index:999;  
  background:#ffffff;
  text-align: center;
  display: table;
}   
#loading span{
  display: table-cell;
  vertical-align: middle;
}
#loading span p{color:#fff;font-size: 20px;}
#loading img{   
  display: inline-block; 
}
.scoll_dis  
{   
  overflow:hidden;  
}
.odometer{font-family: 'Lato','Noto Sans SC' !important;font-weight: 500}
/* header */
.header{position: fixed;top:0;left:0;right: 0;z-index: 200;width:100%;}
/* .is_header{position: absolute;} */
.header .inner{background: rgba(0,0,0,.4);padding: 0 160px;color:#fff;transition: 0.5s all ease}
.header h1.logo{height:100px;line-height: 100px;font-size: 0}
.header h1.logo img:nth-child(2){display: none;}
.header .header-top{text-align: right;padding:15px 0;}
.header .header-top>div{float: right;}
.header .header-top .col-index-language {position: relative;padding-left: 35px;}
.header .header-top .col-index-language::before{content:'';width:13px;height:13px;background: url(../images/lang.png)no-repeat center center;position: absolute;left:15px;top:50%;margin-top:-6.5px;}
/* .header .header-top .col-index-language li:nth-child(2){display: none;position: absolute;right:10px;} */
/* .header .header-top .col-index-language li{float: left;} */
.header .header-top .col-index-language li a{color:#fff;transition: 0.3s all ease;}
.header .header-top .col-search{border-right:1px solid rgba(210,210,210,0.4);}
.header .header-top .col-search a{color:#fff;display: block;padding-right: 15px;position: relative;transition: 0.3s all ease;}
.header .header-top .col-search a i{display: inline-block;margin-right: 10px;}
.header .nav>ul>li{float: left;margin-left: 55px;line-height: 30px;height: 50px;font-size: 16px;position: relative;}
.header .nav>ul>li.nav-product{position: static;}
.header .nav>ul>li>a{color:#fff;transition: 0.3s;display: block;height: 100%;position: relative;text-transform: uppercase;}
.header.active .inner{background: #fff;color:#000;box-shadow: 0 5px 5px rgba(0,0,0,.1)}
.header.active .logo img:nth-child(1){display: none}
.header.active .logo img:nth-child(2){display: inline}
.header.active .header-top .col-index-language li a{color:#000;}
.header.active .header-top .col-search{border-right:1px solid rgba(0,0,0,.5);}
.header.active .header-top .col-search a{color:#000;}
.header.active .header-top .col-index-language::before{background: url(../images/lang_b.png)no-repeat center center;}
.header.active .nav>ul>li>a{color:#000;}
.header .nav>ul>li.active>a{border-bottom:4px solid}
.header.cur .inner{background: #fff;color:#000;box-shadow: 0 5px 5px rgba(0,0,0,.1)}
.header.cur .logo img:nth-child(1){display: none}
.header.cur .logo img:nth-child(2){display: inline}
.header.cur .header-top .col-index-language li a{color:#000;}
.header.cur .header-top .col-search{border-right:1px solid rgba(0,0,0,.5);}
.header.cur .header-top .col-search a{color:#000;}
.header.cur .header-top .col-index-language::before{background: url(../images/lang_b.png)no-repeat center center;}
.header.cur .nav>ul>li>a{color:#000;}
.header .nav>ul>li>a:hover{color:#c8cfdb;}
.header.active .nav>ul>li.active>a,.header.active .nav>ul>li>a:hover{color: #1d3869;}
.header.cur .nav>ul>li.active>a,.header.cur .nav>ul>li>a:hover{color: #1d3869;}
.header .nav>ul>li.active>a{color:#c8cfdb}
.header .nav li .col-product-nav{position: absolute;width: 100%;left: 0;top:100px;overflow: hidden;line-height: normal;background: #fff;display: none}
.header .nav li .col-product-nav .inners{padding: 40px 160px;font-size: 0;}
.header .nav li .col-product-nav .inners div{width: 24%;margin-right: 1.33%;float: left;position: relative;background: #000;overflow: hidden;}
.header .nav li .col-product-nav .inners div:last-child{margin-right: 0}
.header .nav li .col-product-nav .inners div a{color:#fff;}
.header .nav li .col-product-nav .inners div h2{position: absolute;width: 100%;transform: translateY(-50%);top: 50%;color: #fff;font-weight: 400;z-index: 1;transition: 0.5s all ease;line-height: normal;text-align: center;}
.header .nav li .col-product-nav .inners div img{-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);-webkit-transform: scale(1.1);width: 100%;}
.header .nav li .col-product-nav .inners div:hover img{transform: scale(1.3);opacity: 0.7;}
.header .nav ul li ul.child{position: absolute;width:250px;left:50%;top:50px;background: #fff;font-size: 0;text-align: center;display: none;border-top:1px solid #dcdcdc;transform: translateX(-50%)}
.header .nav ul li ul.child li{font-size: 16px;transition: 0.3s}
.header .nav ul li ul.child li a{transition: 0.3s;display: block;padding:10px 0;}
.header .searchs{position: absolute;width:100%;left:0;top:100px;text-align: center;background: #fff;padding: 30px 0;color:#000;display: none;border-top:1px solid #eee;}
.header .searchs .inpt3{width:500px;height:50px;line-height: 50px;padding: 0 10px;margin-right: 10px;border-radius: 5px;background: rgb(245, 245, 245);border:none;outline: none}
.header .searchs .inpt4{height: 50px;text-align: center;line-height: 50px;color:#fff;background: #244072;border:none;width:120px;vertical-align: top;border-radius: 5px;outline: none}
.header .searchs i{display: block;width:40px;height:40px;border-radius: 100%;text-align: center;line-height: 38px;border:1px solid #eee;cursor: pointer;position: absolute;right: 160px;top: 30px;}
.header.is_hover .inner{background: #fff;color:#000;box-shadow: 0 5px 5px rgba(0,0,0,.1)}
.header.is_hover .logo img:nth-child(1){display: none}
.header.is_hover .logo img:nth-child(2){display: inline}
.header.is_hover .header-top .col-index-language li a{color:#000;}
.header.is_hover .header-top .col-search{border-right:1px solid rgba(0,0,0,.5);}
.header.is_hover .header-top .col-search a{color:#000;}
.header.is_hover .header-top .col-index-language::before{background: url(../images/lang_b.png)no-repeat center center;}
.header.is_hover .nav li a{color:#000;}
.header.is_hover .nav li.active a,.header.cur .nav li a:hover{color: #244072;}
.header .nav ul li ul li:hover{background: #1d3869}
.header .nav ul li ul li a:hover{color:#fff !important;background: #1d3869}
/* banner */
.col-banner {transition: 0.5s all ease;}
.col-banner .swiper-slide{background-position: center !important;background-size: cover !important;}
#col-index-banner .ban_cont{padding:0 8%;color:#fff;position: absolute;top: 50%;left: 0;width: 100%;transition: all .36s;transform: translateY(-50%);font-weight: bold;}
#col-index-banner .swiper-slide video{object-fit: cover;width:100%;height:100%}
/* #col-index-banner .ban_cont p:nth-child(1){transform: translateY(25px);opacity: 0;transition: all .5s;} */
/* #col-index-banner .ban_cont p:nth-child(2){margin:10px auto 0;width: 515px;font-weight: 200;}
#col-index-banner .ban_cont a{color:#fff;font-size: 18px;margin-top:65px;display: block;font-weight: 300;} */
#col-index-banner .swiper-pagination span{width:20px;height:20px;border-radius: 100%;border:1px solid rgba(255,255,255,0);padding: 3px;background: none;}
#col-index-banner .swiper-pagination span li{display: block;width:100%;height:100%;border:1px solid #fff;border-radius: 100%;}
#col-index-banner .swiper-pagination span.swiper-pagination-bullet-active{border:1px solid #fff;}
#col-index-banner .swiper-pagination span.swiper-pagination-bullet-active li{background: #fff;}
/* #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;line-height: 2}
#col-index-banner .swiper-slide-active .ban_cont a{transform: none;opacity: 1;transition-delay: .8s;} */
#col-banner .ban_cont{position: absolute;top: 50%;left: 0;width: 100%;transition: all .36s;transform: translateY(-50%)}
#col-banner .ban_cont h1{text-align: center;color:#fff;font-size: 55px;text-transform: uppercase;}
#col-index-banner .swiper-slide .mainFullImg{height: 100% !important;}
#col-index-banner .swiper-slide .video-play {color: #fff;position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;border-radius: 100%;border: 2px solid #fff;text-align: center;line-height: 46px;font-size: 20px;margin-left: -25px;z-index: 99;}
#col-index-banner .swiper-slide .pulsante{position: absolute;font-family: "Lato";height: 46px;margin-top: 20px;margin-bottom: 20px;bottom: 80px;width: 100%;text-align: center;} 
#col-index-banner .swiper-slide .pulsante .freccia{display: inline-block;cursor: pointer;padding-top: 60px;color: #fff;font-size: 16px;text-transform: uppercase;}
#col-index-banner .swiper-slide .pulsante .freccia span{position: absolute;top: 0;left: 50%;width: 46px;height: 46px;margin-left: -23px;border: 2px solid #fff;border-radius: 100%;box-sizing: border-box;z-index: 2;}
#col-index-banner .swiper-slide .pulsante .freccia span::before{    position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 42px;height: 42px;box-shadow: 0 0 0 0 rgba(255,255,255,0.1);border-radius: 100%;opacity: 0;-webkit-animation: sdb03 3s infinite;animation: sdb03 3s infinite;box-sizing: border-box;}
#col-index-banner .swiper-slide .pulsante .freccia span::after{position: absolute;top: 50%;left: 50%;content: '';width: 16px;height: 16px;margin: -12px 0 0 -8px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);box-sizing: border-box;}
/* 首页about */
.col-index-advantage{height:550px;padding: 120px 0 0;}
.col-index-advantage h2{text-align: center;color:#fff;font-size: 30px;font-weight: bold;line-height: 1.8;position: relative;margin-bottom: 60px;}
.col-index-advantage h2::after{content: "";width:37px;height:2px;background: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -18.5px;}
.col-index-advantage .col-index{}
.col-index-advantage .col-advantage-cont{padding: 0 160px;}
.col-index-advantage .col-advantage-cont table{text-align: center;width: 100%;color:#fff; table-layout: fixed; }
.col-index-advantage .col-advantage-cont table td span{vertical-align:bottom}
.col-index-advantage .col-index>p{text-align: center;margin-top:90px;}
.col-index-advantage .col-index p a{color:#fff;font-size: 18px;}
.col-index-advantage .col-index p a:hover{text-decoration: underline;}
.col-index-about{padding: 8% 0;}
.col-index-about .container{position: relative;}
.col-index-about table{width: 100%;}
.col-index-about table td{vertical-align: top;padding-bottom: 6%}
.col-index-about table td:first-child{width: 30%;border-right: 1px solid #e5e5e5;}
.col-index-about table td:first-child p:first-child,.col-index-about table td:first-child p:nth-of-type(2){line-height: 1;color:#1d3869;}
.col-index-about table td:first-child p:nth-of-type(3){margin-top:20px;}
.col-index-about table td:last-child{line-height: 1.8;padding-left: 4%}
.col-index-about a{position: absolute;color:#666666;font-size: 18px;left: 34%;display: inline-block;bottom: 10px;}
.col-index-about a:hover{text-decoration: underline;color:#1d3869;}
/* index production */
.col-index-production{height:550px;padding-top:130px;color:#fff;text-align: center;background-size: cover !important;}
.col-index-production h2{font-size: 30px;font-weight: bold;line-height: 1.8;display: inline-block;margin-bottom: 25px;position: relative;}
.col-index-production h2::after{content: '';width:37px;height:2px;background: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -18.5px;}
.col-index-production p{font-size: 36px;width:500px;margin:0 auto 40px;}
.col-index-production a{font-size: 18px;font-weight: 300;color:#fff;}
.col-index-production a:hover{text-decoration: underline;color:#dcdcdc;}
.col-index-network{text-align: center;background: #f4f4f4;padding: 60px 0 30px;}
.col-index-network h2{font-size: 30px;font-weight: bold;position: relative;padding-bottom: 10px;margin-bottom: 15px;color:#244072;}
.col-index-network h2::after{content: '';width:37px;height:2px;background: #244072;position: absolute;bottom: 0;left: 50%;margin-left: -18.5px;}
.col-index-network p{color:#666;font-size: 18px;}
.col-index-network .col-sales{position: relative;margin-top:-35px;}
.col-index-network .col-sales li{position: absolute;left: 50%;}
/* .col-index-network .col-sales li:hover{font-weight: bold;color:#1d3869;} */
.col-index-network .col-sales .map{display: none;}
.col-index-network .col-sales li .dot {animation: sploosh 2s cubic-bezier(0,0,1,1);}
.col-index-network .col-sales li .dot2 {animation: sploosh2 4s cubic-bezier(0,0,1,1);}
.col-index-network .col-sales li .dot,.footer .dot2{display: inline-block;vertical-align: middle;height: 33px;width: 33px;font-size: 0;color: #fff;text-align: center;border-radius: 100%;z-index: 10;animation-iteration-count:infinite;background: transparent;cursor:pointer;background:rgba(255, 255, 255, 1);box-shadow: 0 0 7px rgba(0,0,0,0.12);line-height: 33px;}
@keyframes sploosh {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 60px rgba(255,255,255, 0);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(255,255,255, 0);
  }
}
@keyframes sploosh2 {
  0% {
    box-shadow: 0 0 0 0px rgba(255,255,255, 0.7);
  }
  30% {
    box-shadow: 0 0 0 0px rgba(255,255,255, 0.7);
  }
  100% {
    box-shadow: 0 0 0 60px rgba(255,255,255, 0);
  }
}
/* 首页product */
.col-index-product{padding: 6px;background: #f4f4f4;}
.col-index-product li{width: 25%;padding: 6px;float: left;position: relative;overflow: hidden;}
.col-index-product li span.bttrlazyloading-loaded{background: none !important;}
.col-index-product li a{display: block;width:100%;height:100%;position: relative;overflow: hidden;background: #000;}
.col-index-product li a>div{z-index: 1;color:#fff;line-height: 1.8;height: 100%;padding: 25px 50px 25px 30px;position: absolute;top:0;left:0;width: 100%;}
.col-index-product li a div.col-product-desc{font-size: 16px;transform: translateY(15px);opacity: 0;transition: all .5s;}
.col-index-product li img{-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);-webkit-transform: scale(1.1);transform: scale(1.1);width:100%}
.col-index-product li h3{line-height: 1.8;display: inline-block;margin-bottom: 20px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.5s;position: relative;}
.col-index-product li i{width:40px;height: 40px;border:3px solid #fff;text-align: center;line-height: 34px;border-radius: 100%;display: block;font-size: 24px;position: absolute;bottom: 25px;transition: 0.5s all;left:30px;}
.col-index-product li h3::after{content:'';width:100%;height:2px;background: #fff;position: absolute;bottom: 0;left: 0;}
.col-index-product li a:hover div.col-product-desc{transform: none;opacity: 1;transition-delay: .3s;}
.col-index-product li a:hover img{-webkit-transform: scale(1.3);transform: scale(1.3);opacity: 0.7;}
.col-index-product li a:hover i{background:#fff;color:#607396;}
/* indexcertificate */
.col-index-certificate{padding: 90px 0 50px;}
.col-index-certificate h2{text-align: center;font-size: 30px;font-weight: bold;padding-bottom: 10px;position: relative;margin-bottom: 35px;color:#244072;}
.col-index-certificate h2::after{content: "";width:37px;height:2px;background: #1d3869;position: absolute;bottom: 0;left: 50%;margin-left: -18.5px;}
.col-index-certificate table{width:100%;table-layout: fixed;}
.col-index-certificate td{text-align: center;vertical-align: bottom;padding: 10px 115px;}
.col-index-certificate td div.col-logo{margin-bottom:25px; }
.col-index-certificate td h3{font-size: 18px;height: 54px;line-height: 1.5}
/* indexnews */
.col-index-news{padding:60px 0 75px;}
.col-index-news .container{position: relative;}
.col-index-news .col-news-nav{border-bottom: 1px solid rgba(0,0,0,.3);margin-bottom: 25px;}
.col-index-news .col-news-nav li{float: left;padding-bottom: 15px;position: relative;margin-right: 50px;}
.col-index-news .col-news-nav li a{font-size: 20px;color:#727272;transition: 0.3s all ease}
.col-index-news .col-news-nav li.active::after{content:'';width:100%;height:2px;background: #1d3869;position: absolute;bottom: -1px;left: 0}
.col-index-news .col-news-nav li.active a{color:#000;}
.col-index-news .col-news-more{position: absolute;top:10px;right:10px;}
.col-index-news .col-news-more a{display: none;color:#666;transition: 0.3s}
.col-index-news .col-news-more a:hover{color:#1d3869;}
.col-index-news .col-news-more a.active{display: block;}
.col-index-news .col-news-box{display: none;position: relative;}
.col-index-news .col-news-box.active{display: block;}
.col-index-news .col-news-box ul{height: 100%}
.col-index-news .col-news-box li{padding-left: 25px;position: relative;margin-bottom: 45px;height: 33.33%;}
.col-index-news .col-news-box li:last-child{margin-bottom: 0;}
.col-index-news .col-news-box .col-news-img{width:145px;overflow: hidden;float: left;height: 145px;position: relative;}
.col-index-news .col-news-box .col-news-img img{transition: 0.3s all;height: 100%;position: absolute;top: 0;left: 0;}
.col-index-news .col-news-box .col-news-img div.img-link {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;width: 100%;height: 30px;position: absolute;left: 0;bottom: -30px;z-index: 4;background: #1d3869;overflow: hidden;}
.col-index-news .col-news-box .col-news-img div.img-link .link{width: 100%;display: block;color:#fff;    -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;    font-size: 20px;line-height: 30px;width: 100%;text-align: center;}
.col-index-news .col-news-box .col-news-img:hover div.img-link{bottom: 0}
.col-index-news .col-news-box .col-news-img div.img-link:hover .link{    background: #ffffff;color: #1d3869;}
.col-index-news .col-news-box li:hover .col-news-img img{top:-15px;opacity: 0.8;}
.col-index-news .col-news-box .col-news-cont{float: right;width: calc(100% - 145px);padding-left: 25px;padding-top:15px;}
.col-index-news .col-news-box .col-news-cont p{color:#666;margin-bottom: 5px;}
.col-index-news .col-news-box .col-news-cont h3{font-size: 16px;margin-bottom: 15px;}
.col-index-news .col-news-box .col-news-cont .col-news-desc{color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space:pre-line;overflow: hidden;line-height: 1.8;}
.col-index-news .col-news-box table td:first-child{position: relative;padding-right:35px;width:45%;border-right: 1px solid #dcdcdc;}
.col-index-news .col-news-box table td:first-child>div{position: relative;overflow: hidden;}
.col-index-news .col-news-box .col-news-left{position: absolute;top:0;left:0;height:100%;width:100%;-webkit-transition: all 0.4s cubic-bezier(0.88, -0.99, 0, 1.81);transition: all 0.4s cubic-bezier(0, 0, 0, 1.21);-webkit-transform: scale(1);transform: scale(1);}
.col-index-news .col-news-box  table td:first-child a.info{color:#fff;display: block;width: 100%;background: rgba(29,56,105,0.6);padding: 35px 25px;padding-right:50px;height: 100%;position: relative;z-index: 1;}
.col-index-news .col-news-box table td:first-child a.info p{margin-bottom: 5px;}
.col-index-news .col-news-box table td:first-child a.info h3{font-size: 18px;margin-bottom: 20px;}
.col-index-news .col-news-box table td:first-child a.info .col-news-desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space:pre-line;overflow: hidden;line-height: 1.5;transform: translateY(25px);opacity: 0;transition: all .3s;}
.col-index-news .col-news-box table td:first-child div.img-link {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;width: 100%;height: 60px;position: absolute;left: 0;bottom: -60px;z-index: 4;background: #1d3869;overflow: hidden;}
.col-index-news .col-news-box table td:first-child div.img-link a.link{width: 100%;display: block;color:#fff;    -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;    font-size: 25px;line-height: 60px;width: 100%;text-align: center;}
.col-index-news .col-news-box table td:first-child:hover a.info .col-news-desc{transform: none;opacity: 1;transition-delay: .3s;}
.col-index-news .col-news-box table td:first-child:hover .col-news-left{opacity: 0.7;top:-20px;}
.col-index-news .col-news-box table td:first-child:hover div.img-link{bottom: 0}
.col-index-news .col-news-box table td:first-child div.img-link:hover a.link{    background: #ffffff;color: #1d3869;}
.col-index-news .col-news-box.active table td:first-child>div{height:525px;}

/* page */
.page {text-align: center;margin:30px 0 0;}
.page ul li a{border:none;background: none;color:#2e7879;padding:6px 3px;margin:0 10px;}
.page ul li.disabled a{border:none;background: none;}
.page ul li.active a{border:none;background: none;color:#2e7879;border-bottom: 3px solid #2e7879;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: none;color:#2e7879;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#2e7879;}
/* 内页 */
.col-page{position: relative;}/*内页通用页面外层容器样式*/


/* 关于我们 */
.col-page-about{}
/* .col-profile{height: 982px;} */
.col-profile .col-profile-img{background: #eeeeee;}
.col-profile .col-profile-img .container{position: relative;bottom: -60px;}
.col-profile .col-profile-img .col-profile-num{position: absolute;width:100%;color:#fff;top:45px;}
.col-profile .col-profile-img .col-profile-num table{width:100%;text-align: center; table-layout: fixed; }
.col-profile .col-profile-img .col-profile-num table td span{vertical-align: middle;font-weight: 300;}
.col-profile .col-profile-img h2{text-align: center;font-size: 30px;padding-bottom: 10px;position: relative;padding-top:5%;text-transform: uppercase;color:#244072;}
.col-profile .col-profile-img h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-profile .col-profile-cont{line-height: 1.8;color:#666666;margin:90px 0 50px;}
/* .col-certificate{margin-bottom: 20px;} */
.col-certificate{padding: 3% 0 0;}
.col-certificate h2{text-align: center;font-size: 30px;padding-bottom: 10px;position: relative;margin-bottom: 40px;text-transform: uppercase;color:#244072;}
.col-certificate h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-certificate ul li{float: left;width:32%;margin-right: 2%;text-align: center;}
.col-certificate ul li:nth-child(3n){margin-right: 0;}
.col-certificate ul li p{color:#666666;margin:15px 0;font-size: 16px;}
.col-quality{text-align: center;color:#fff;height:450px;padding-top:125px;background-size: cover !important;}
.col-quality h2{font-size: 30px;margin-bottom: 15px;text-transform: uppercase;color:#fff;}
.col-quality h2::after{content: '';width:33px;height:3px;background: #fff;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-quality .col-quality-cont{line-height: 1.8}
.col-quality .col-quality-cont p:nth-of-type(1){color:#c8cfdb;margin-bottom: 20px;}
.col-quality .col-quality-cont>p:nth-of-type(n+3){text-align: left !important;padding-left: 40%;}
.col-quality .col-quality-cont p img{margin-right: 10px;}
.col-develop{background: #eeeeee;padding: 5% 0 4%;}
.col-develop h2{text-align: center;font-size: 30px;padding-bottom: 10px;position: relative;text-transform: uppercase;color:#244072;}
.col-develop h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-develop .develop-container{height: 460px;padding: 0 160px;position: relative;}
.col-develop .develop-container::after{content: '';width:100%;height: 3px;background: #dcdcdc;position: absolute;top:50%;left: 0;margin-top:-11.5px;}
.col-develop .develop-container .swiper-slide{line-height: 460px;position: relative;}
.col-develop .swiper-slide i{width: 30px;height:30px;display: inline-block;background: #dcdcdc;border-radius: 100%;border:6px solid #003a7f;transition: 0.5s all ease}
.col-develop .swiper-slide .col-develop-cont{position: absolute;line-height: normal;bottom:50%;left: 20px;margin-bottom: 80px;}
.col-develop .swiper-slide .col-develop-cont h3{font-size: 30px;font-weight: 900;color:#253e6c;}
.col-develop .swiper-slide .col-develop-cont div{color:#666;font-size: 16px;width: 320px;transition: 0.3s all}
.col-develop .swiper-slide:nth-child(2n) .col-develop-cont{bottom: auto;top:50%;margin-top:40px;}
.col-develop .swiper-slide:hover i{background: #003a7f}
.col-develop .swiper-slide:hover .col-develop-cont div{color:#000}
.col-develop .develop-container .swiper-button{background: #fff;border-radius: 100%;width:55px;height: 55px;text-align: center;line-height: 55px;opacity: 1;font-size: 20px;outline: none;bottom: 0;top:auto;}
.col-develop .develop-container .swiper-button-prev{left:50%;margin-left: -60px;}
.col-develop .develop-container .swiper-button-next{right:50%;margin-right: -60px;}
.col-develop .col-develop-list{    width: 380px !important;margin:0 auto;position: relative;}
.col-develop .col-develop-list .col-list{margin:20px 0;}
.col-develop .col-develop-list .col-list ul{color:#626262;margin: 0 !important;position: relative;background: url(../images/timeline_top.png) no-repeat top center;padding-top: 9px;background-position:91px top;}
.col-develop .col-develop-list .col-list ul li{margin:0 ;position: relative;width: auto;background: url(../images/timeline_right.png) no-repeat !important;padding: 0 0 25px 150px !important;background-position: 50px top !important;}
.col-develop .col-develop-list .col-list ul li h3{text-align: left;font-size: 30px;line-height: 35px;color:#232323;font-weight: 300;}
.col-develop .col-develop-list .col-list ul li h3::before{content: "";width: 15px;height: 15px;border-width: 4px;border-style: solid;-webkit-border-radius: 100%;border-radius: 100%;position: absolute;left:93px;top: 11px;margin-left: -8px;display: block;z-index: 1;border-color: #0071A4;}
.col-develop .col-develop-list .col-list ul li h3 span{position: absolute;top:8px;font-size: 12px;line-height: 18px;display: inline-block;padding: 2px 5px;-webkit-border-radius: 4px;border-radius: 4px;background-image: url(../images/stripes_3_b.png);background-color: #f8f8f8;color: #a8a8a8;left: 0 !important;right: auto;}
.col-develop .col-develop-list .col-list ul li h3 span::after{content: "";display: block;position: absolute;right: -5px;top: 6px;width: 0px;height: 0px;border-style: solid;border-width: 5.5px 0 5.5px 5px;border-color: transparent transparent transparent transparent;border-left-color: #f8f8f8;}
.col-develop .col-develop-list .col-list ul li .desc{position: relative;font-size: 15px;line-height: 31px;text-align: left;background: none;}

/* 产品 */
.col-page-product{padding: 5% 0 0;}
.col-page-product h1{font-size: 30px;text-align: center;padding-bottom:10px;position: relative;margin-bottom: 45px;text-transform: uppercase;color:#244072;}
.col-page-product h1::after{content:'';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-page-product>.container li{float: left;width:48%;margin-right: 4%;margin-bottom: 45px;}
.col-page-product>.container li:nth-child(2n){margin-right: 0;}
.col-page-product>.container li .col-product-img{overflow: hidden;}
.col-page-product>.container li .col-product-img img{transition: 0.5s all;width: 100%}
.col-page-product>.container li p{font-size: 18px;margin-top:25px;}
.col-page-product>.container li:hover .col-product-img img{transform: scale(1.1)}
.col-product-detail .col-title{font-size: 18px;color:#244072;margin-bottom: 20px;font-weight: bold;}
.col-product-detail .col-cont{color:#666;font-size: 16px;}
.col-product-detail .pro_show{}
.col-product-detail .pro_show .col-show{padding: 45px 0;position: relative;}
.col-product-detail .pro_show .caseleft{width: 40%}
.col-product-detail .pro_show .caseleft .product-detail-next{width:30px;height: 60px;text-align: center;line-height: 60px;background: rgba(0,0,0,.3);color:#fff;position: absolute;right: 0;top:50%;margin-top:-30px;z-index: 10;outline: none;font-size:16px;}
.col-product-detail .pro_show .caseleft .product-detail-prev{width:30px;height: 60px;text-align: center;line-height: 60px;background: rgba(0,0,0,.3);color:#fff;position: absolute;left: 0;top:50%;margin-top:-30px;z-index: 10;outline: none;font-size:16px;}
.col-product-detail .pro_show .caseright{width: 56%;line-height: 1.8}
.col-product-detail .pro_show .caseright h1{font-size: 30px;margin-bottom: 35px;text-transform: uppercase;color:#244072;}
.col-product-detail .pro_show .caseright .col-desc{font-size: 18px;margin-bottom: 30px;}
.col-product-detail .pro_show .caseright .col-cont p{padding-left: 15px;position: relative}
.col-product-detail .pro_show .caseright .col-cont p::before{content:'';width:6px;height:6px;background: #244072;border-radius: 100%;position: absolute;left:0;top:12px;}
.col-product-detail .pro_show .caseright .col-link{position: absolute;bottom: 80px;}
.col-product-detail .pro_show .caseright  a{width:190px;height:50px;line-height: 48px;text-align: center;border:1px solid #1b1b1b;color:#000;font-size: 18px;transition: 0.3s all ease;display: inline-block;margin-right: 12px;}
.col-product-detail .pro_show .caseright  a:last-child{margin-right: 0;}
.col-product-detail .pro_show .caseright  a:hover{background: #244072;color:#fff}
.col-history .col-develop-list{width: 380px !important;margin:0 auto;position: relative;}
.col-history .col-develop-list .col-list{margin:20px 0;}
.col-history .col-develop-list .col-list ul{color:#626262;margin: 0 !important;position: relative;background: url(../images/timeline_top.png) no-repeat top center;padding-top: 9px;background-position:91px top;}
.col-history .col-develop-list .col-list ul li{margin:0 ;position: relative;width: auto;background: url(../images/timeline_right.png) no-repeat !important;padding: 0 0 25px 150px !important;background-position: 50px top !important;}
.col-history .col-develop-list .col-list ul li h3{text-align: left;font-size: 30px;line-height: 35px;color:#232323;font-weight: 300;}
.col-history .col-develop-list .col-list ul li h3::before{content: "";width: 7px;height: 7px;border-width: 4px;border-style: solid;-webkit-border-radius: 100%;border-radius: 100%;position: absolute;left:93px;top: 11px;margin-left: -8px;display: block;z-index: 1;border-color: #0071A4;}
.col-history .col-develop-list .col-list ul li h3 span{position: absolute;top:8px;font-size: 12px;line-height: 18px;display: inline-block;padding: 2px 5px;-webkit-border-radius: 4px;border-radius: 4px;background-image: url(../images/stripes_3_b.png);background-color: #f8f8f8;color: #a8a8a8;left: 0 !important;right: auto;}
.col-history .col-develop-list .col-list ul li h3 span::after{content: "";display: block;position: absolute;right: -5px;top: 6px;width: 0px;height: 0px;border-style: solid;border-width: 5.5px 0 5.5px 5px;border-color: transparent transparent transparent transparent;border-left-color: #f8f8f8;}
.col-history .col-develop-list .col-list ul li .desc{position: relative;font-size: 15px;line-height: 31px;text-align: left;background: none;}
.jqueryzoom{width: 100%;overflow: hidden;margin:0 auto}
.jqueryzoom .cloudzoom{ margin:0 auto; text-align: center; width: 100%;}
.product-thumb{position: relative;margin-top:15px;}
/* .product-thumb .swiper-slide{padding: 15px} */
.product-thumb .swiper-slide{border:1px solid #e5e5e5;}
.product-thumb .cloudzoom-gallery{cursor: pointer;width: 100%;}
.product-thumb .swiper-slide.active{border:1px solid #000;}
/* CSS for zoom window. */
.cloudzoom-zoom {border: 1px solid #888;width: 500px;height: 200px;box-shadow: -0px -0px 10px rgba(0,0,0,0.40);z-index: 99;}
/* CSS for zoom window in 'inside' mode. */
.cloudzoom-zoom-inside {border: none;box-shadow: none;z-index: -10;display: none !important;}
/* CSS for captions */
.cloudzoom-caption {display: none; text-align: left;background-color: #000;color: #fff;font-weight: bold;padding: 10px;font-family: sans-serif;font-size: 11px;}
/* A blank image */
.cloudzoom-blank {display: none !important;}
/* The animated ajax loading image */
.cloudzoom-ajax-loader {/*background-image: url(ajax-loader.gif);*/width: 32px;height: 32px;}
.col-product-detail{}
.col-product-detail .col-detail{padding: 25px 0;background: #eee}
.col-product-detail .col-detail h2{font-size: 30px;text-align: center;padding-bottom:10px;position: relative;margin-bottom: 45px;text-transform: uppercase;color:#244072;}
.col-product-detail .col-detail h2::after{content:'';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-product-detail .col-detail .col-cont{padding-bottom: 15px;border-bottom: 1px solid #dcdcdc;margin-bottom: 20px;line-height: 2;position: relative;}
.col-product-detail .col-detail .col-cont a{width: 200px;height:50px;border:1px solid #000000;line-height: 48px;text-align: center;display: block;position: absolute;right:0;bottom: 25px;transition: 0.3s}
.col-product-detail .col-detail .col-cont a::after{content:'';width:26px;height:19px;background: url(../images/club.png)no-repeat center center;display: inline-block;margin-left: 10px;vertical-align: middle;margin-bottom: 5px}
.col-product-detail .col-detail .col-cont a:hover{background: #244072;color: #fff;}
.col-product-detail .col-detail .col-cont a:hover::after{background: url(../images/club_b.png)no-repeat center center;}
.col-product-detail .col-detail .col-detail-box:last-child .col-cont{border-bottom: none;}
.col-product-detail .col-servise{padding: 45px 0 60px;background: #393b3d;}
.col-product-detail .col-servise h2{text-align: center;color:#fff;padding-bottom:10px;position: relative;margin-bottom: 45px;text-transform: uppercase;}
.col-product-detail .col-servise h2::after{content:'';width:33px;height:3px;background: #fff;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-product-detail .col-servise ul li{float: left;width:49%;margin-right: 2%;margin-bottom: 20px;overflow: hidden;position: relative;}
.col-product-detail .col-servise ul li:nth-child(2n){margin-right: 0;}
.col-product-detail .col-servise ul li img{transition: 0.5s}
.col-product-detail .col-servise ul li p{position: absolute;height:90px;width:100%;bottom: 0;left: 0;background-image: linear-gradient(to bottom , rgba(0,0,0,0),rgba(0,0,0,0.7) );color:#fff;text-align: center;font-size: 18px; line-height: 90px}
.col-product-detail .col-servise ul li:hover img{transform: scale(1.1)}
.col-product-detail .col-application{padding: 5% 0 3%;}
.col-product-detail .col-application h2{font-size: 30px;text-align: center;padding-bottom:10px;position: relative;margin-bottom: 30px;text-transform: uppercase;color:#244072;}
.col-product-detail .col-application h2::after{content:'';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-product-detail .col-application h3{text-align: center;font-size: 18px;margin-bottom: 20px;margin-top:20px;color: #244072;}
.col-product-detail .col-application ul li{float: left;width:20%;overflow: hidden;margin-left: -1px;position: relative;background: #fff;}
.col-product-detail .col-application ul li div{height:242px;line-height:239px;border:1px solid #dcdcdc;overflow: hidden;}
.col-product-detail .col-application ul li img{width: 100%;transition: 0.8s}
.col-product-detail .col-application ul li:hover div img{transform: scale(1.1)}
.col-product-detail .col-application ul li p{text-align: center;font-size: 16px;margin:20px 0;height:50px;}
.col-product-detail .col-user{padding: 40px 0;}
.col-product-detail .col-user h2{font-size: 30px;text-align: center;padding-bottom:10px;position: relative;margin-bottom: 20px;text-transform: uppercase;color:#244072;}
.col-product-detail .col-user h2::after{content:'';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-product-detail .col-user .user-container{padding-bottom: 80px;}
.col-product-detail .col-user .swiper-button{background: #fff;border-radius: 100%;width:45px;height: 45px;text-align: center;line-height: 45px;opacity: 1;font-size: 20px;outline: none;bottom: 5px;top:auto;box-shadow: 0 0 5px rgba(0,0,0,.1)}
.col-product-detail .col-user .swiper-button-prev{left:50%;margin-left: -55px;}
.col-product-detail .col-user .swiper-button-next{right:50%;margin-right: -55px;}
.col-product-detail .col-history{background: #eeeeee;padding: 4% 0;position: relative;}
.col-product-detail .col-history .container{position: relative;background: url(../images/time_bg.png)no-repeat center 99%;}
.col-product-detail .col-history h2{text-align: center;font-size: 30px;padding-bottom: 10px;position: relative;text-transform: uppercase;color:#244072}
.col-product-detail .col-history h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-product-detail .col-history .swiper-container{margin:0 120px;height:350px;padding-left: 50px;padding-bottom: 5px;}
.col-product-detail .col-history .swiper-button{background: #fff;border-radius: 100%;width:45px;height: 45px;text-align: center;line-height: 45px;opacity: 1;font-size: 20px;outline: none;bottom: 5px;top:auto;box-shadow: 0 0 5px rgba(0,0,0,.1)}
.col-product-detail .col-history .swiper-button-prev{left:0;bottom: -20px}
.col-product-detail .col-history .swiper-button-next{right:0;bottom: -20px}
.col-product-detail .col-history .swiper-slide .col-develop-cont{position: absolute;bottom: 0;padding: 15px 0 25px 10px;border-left: 1px solid #dcdcdc;}
.col-product-detail .col-history .swiper-slide .col-develop-cont::after{content:'';width:10px;height:10px;border-radius: 100%;border:1px solid #eee;background: #244072;position: absolute;bottom: -5px;left:-5px;}
.col-product-detail .col-history .swiper-slide .col-develop-cont div{font-size: 16px;line-height: 1.5;word-break:break-all; word-wrap:break-word;}
.col-product-detail .col-history .swiper-slide .col-develop-cont h3{position: absolute;width:95px;height:95px;background: #fff;border-radius: 100%;border:5px solid #eee;top:-95px;text-align: center;line-height: 90px;font-size: 24px;font-weight: bolder;left:-47.5px;}
.inquiry-container{padding: 4% 0;color:#fff;background-size: cover !important;}
.inquiry-container h2{text-align: center;font-size: 30px;padding-bottom: 10px;position: relative;margin-bottom: 45px;text-transform: uppercase;}
.inquiry-container h2::after{content: '';width:33px;height:3px;background: #fff;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.inquiry-container .col-sm-4 .inquiry-col{margin-bottom: 15px;}
.inquiry-container .col-sm-4 input{width:100%;background: rgba(255,255,255,0.5);border:none;height:46px;line-height: 46px;padding-left: 10px;outline: none;}
.inquiry-container input::-webkit-input-placeholder { /* WebKit browsers */color: #fff;}
.inquiry-container input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff;}
.inquiry-container input:-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff;} 
.inquiry-container textarea::-webkit-input-placeholder { /* WebKit browsers */color: #fff;}
.inquiry-container textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff;}
.inquiry-container textarea:-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff;} 
.inquiry-container .col-sm-8{padding-left: 50px;}
.inquiry-container .col-sm-8 textarea{width: 100%;background: rgba(255,255,255,0.5);border:none;outline: none;padding: 15px;height:101px;margin-bottom: 15px;}
.inquiry-container .col-sm-8 input{width:30%;background: rgba(255,255,255,0.5);border:none;height:46px;line-height: 46px;padding-left: 10px;outline: none;margin-bottom: 15px;margin-right: 20px}
.inquiry-container .col-sm-8 a.recaptcha{color:#fff;padding-left: 15px;}
.inquiry-container .col-sm-8 a.recaptcha:hover{text-decoration: underline}
.inquiry-container .col-sm-8 .sub input{min-width: 120px;width:25%;border:none;height:46px;line-height: 46px;background: #fff;transition: 0.3s;text-align: center;color:#000;margin-right: 15px;}
.inquiry-container .col-sm-8 .sub input:hover{background: #e1ca78;color:#fff;}
.col-product-detail .col-size{background: #eee;}
.col-product-detail .col-size #nicescroll{overflow: auto;overflow-x: auto;overflow-y: hidden}
.col-product-detail .col-size h2,.col-product-detail .col-size h3{font-size: 18px;color:#244072;margin-bottom: 20px;text-align: left;padding-bottom: 0;font-weight: 600 !important;}
.col-product-detail .col-size h2::after{display: none}
.col-product-detail .col-size table{width:100% !important;margin:20px 0;}
.col-product-detail .col-size table td{border-bottom:1px solid #dcdcdc;height:35px;vertical-align: middle;text-align: center;color:#666;font-size: 16px;}
.col-product-detail .col-size table td:not(:last-child){border-right:1px solid #dcdcdc;}
.col-product-detail .col-size table tr:first-child td{border-bottom: 1px solid #808080;border-top:1px solid #808080;height:45px;}
.col-product-detail .col-size table tr:last-child td{border-bottom: 1px solid #808080}
.col-product-detail .col-size table tr:nth-child(2n-1){background: #fbfbfb;}

.col-page-customized{padding: 5% 0;}
.col-page-customized .col-top{color:#666;margin-bottom: 30px;}
.col-page-customized .col-top p:first-child{margin-bottom: 40px;}
.col-page-customized ul{font-size: 0;}
.col-page-customized li{font-size: 16px;margin-bottom: 25px;display: inline-block;width: 100%;}
.col-page-customized li.col-input{width: -moz-calc(100% - 130px);width: -webkit-calc(100% - 130px);width: calc(100% - 130px);}
.col-page-customized li:nth-child(-n+4){width: -moz-calc(50% - 65px);width: -webkit-calc(50% - 65px);width: calc(50% - 65px);}
.col-page-customized li i{display: inline-block;font-size: 16px;width:120px;text-align: right;padding-right: 10px;vertical-align: middle;}
.col-page-customized li.col-input.last i{vertical-align: top}
.col-page-customized li input,.col-page-customized li select,.col-page-customized li textarea{width: calc(100% - 120px);padding-left: 10px;outline: none}
.col-page-customized li input,.col-page-customized li select{height:50px;border:1px solid #b5b5b5;line-height: 50px;color:#aaa;}
.col-page-customized li textarea{border:1px solid #b5b5b5;height:240px;pad: 10px;}
.col-page-customized li.col-input.last{width: 100%}
.col-page-customized li.col-input.check{width:130px;}
.col-page-customized li.col-input.check i{display: none;}
.col-page-customized li.col-input.check .form-check{width: 47%;display: inline-block;text-align: center}
.col-page-customized li.col-input.check .form-check input{width: 17px;line-height: normal;height: auto}
.col-page-customized li.file{font-size: 16px;}
.col-page-customized li.file a{color:#244072;text-decoration: underline;}
.col-page-customized li input[name="verify"]{width: 240px;border:none;background: #eeeeee;}
.col-page-customized li .recaptcha{font-size: 16px;color:#666;margin-left: 15px;}
.col-page-customized li .recaptcha:hover{text-decoration: underline;}
.col-page-customized li.sub input{width: 170px;background: #fff;color:#000;margin-right: 20px;font-size: 18px;transition: 0.3s}
.col-page-customized li.sub input:hover{background: #244072;color:#fff;}
.message .sub input{min-width: 120px;width:25%;border:1px solid #dcdcdc;height:46px;line-height: 46px;background: #fff;transition: 0.3s;text-align: center;color:#000;margin-right: 15px;margin-top:10px;}
.message .sub input:hover{background: #244072;color:#fff;}
/* picture */
.col-page-production{}
.col-equipment{padding: 100px 0 55px;}
.col-equipment>.container{margin:40px auto 6%;}
.col-equipment>.container p{color:#666;}
.col-equipment>.container p:nth-child(1){margin-bottom: 10px;}
.col-equipment h2{font-size: 30px;text-align: center;margin-bottom: 30px;position: relative;padding-bottom: 10px;color:#244072;text-transform: uppercase}
.col-equipment h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-equipment .equipment-container{padding-bottom: 60px;width: 100%;max-width: 1200px;}
.col-equipment .swiper-slide p{text-align: center;font-size: 16px;margin:15px 0; }
.col-equipment .swiper-button{background: #fff;border-radius: 100%;width:45px;height: 45px;text-align: center;line-height: 43px;opacity: 1 !important;font-size: 22px;outline: none;bottom: 0;top:auto;border:1px solid #c3c3c3;transition: 0.2s}
.col-equipment .swiper-button-prev{left:50%;margin-left: -50px;}
.col-equipment .swiper-button-next{right:50%;margin-right: -50px;}
.col-equipment .swiper-button:hover{color:#fff;background: #244072;}
/* .col-equipment .swiper-button.swiper-button-disabled:hover{color:#fff;background: #244072;} */
.col-testing{padding: 60px 0 50px;background: #383a3c;}
/* .col-testing .container{width: 100% !important;} */
.col-testing h2{font-size: 30px;text-align: center;margin-bottom: 30px;position: relative;padding-bottom: 10px;color:#fff;text-transform: uppercase}
.col-testing h2::after{content: '';width:33px;height:3px;background: #fff;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-testing .testing-container{padding-bottom: 100px;padding-top:40px;}
.col-testing .testing-container .swiper-slide{transition: 0.5s all;}
/* .col-testing .testing-container .swiper-slide.swiper-slide-active{transform: scale(1.2);z-index: 1;} */
.col-testing .testing-container .swiper-slide p{text-align: center;margin:10px 0;color:#fff;font-size: 16px;}
.col-testing .testing-container .swiper-slide a{display: block;overflow: hidden;}
.col-testing .testing-container .swiper-slide a img{transition: 0.5s}
.col-testing .testing-container .swiper-slide:hover a img{transform: scale(1.1)}
.col-testing .swiper-button{background: none;border-radius: 100%;width:45px;height: 45px;text-align: center;line-height: 43px;opacity: 1 !important;font-size: 22px;outline: none;bottom: 0;top:auto;border:1px solid #67686a;z-index: 11;transition: 0.2s;color:#fff;}
.col-testing .swiper-button-prev{left:50%;margin-left: -50px;}
.col-testing .swiper-button-next{right:50%;margin-right: -50px;}
.col-testing .swiper-button:hover{color:#fff;background: #244072;}
.col-flow .col-flow-title{height: 275px;text-align: center;color:#fff;font-size: 30px;background-size: cover !important;position: relative;}
.col-flow .container div img{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.col-flow .col-flow-title h2{position: absolute; top: 50%; margin-top: -16px; width: 100%; padding-bottom: 10px;}
.col-flow .col-flow-title h2::after{content: '';width:33px;height:3px;background: #fff;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-tour{background: #eee;padding: 5% 0;}
.col-tour h2{font-size: 30px;text-align: center;margin-bottom: 30px;position: relative;padding-bottom: 10px;color:#244072;text-transform: uppercase}
.col-tour h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-tour .tour-container{padding-bottom: 100px;padding-top:40px;}
.col-tour .tour-container .swiper-slide{transition: 0.5s all;}
.col-tour .tour-container .swiper-slide.swiper-slide-active{transform: scale(1.2);z-index: 1;}
.col-tour .tour-container .swiper-slide p{text-align: center;margin:10px 0;font-size: 16px;}
.col-tour .tour-container .swiper-slide a{display: block;overflow: hidden;}
.col-tour .tour-container .swiper-slide a img{transition: 0.5s}
.col-tour .tour-container .swiper-slide:hover a img{transform: scale(1.1)}
.col-tour .swiper-button{background: none;border-radius: 100%;width:45px;height: 45px;text-align: center;line-height: 43px;opacity: 1 !important;font-size: 22px;outline: none;bottom: 0;top:auto;border:1px solid #c3c3c3;z-index: 11;transition: 0.2s}
.col-tour .swiper-button-prev{left:50%;margin-left: -50px;}
.col-tour .swiper-button-next{right:50%;margin-right: -50px;}
.col-tour .swiper-button:hover{color:#fff;background: #244072;}
.col-tour .swiper-pagination{font-size: 24px;bottom: 0}
.col-tour .swiper-pagination i{color:#666;font-size: 14px;}
.col-qc{height:500px;padding-top:180px;color:#fff;text-align: center;margin-top:50px;}
.col-qc .col-qc-cont{font-size: 36px;color:#fff;font-weight: bold;text-align: center;width:420px;margin:0 auto 40px;}
.col-qc a{color:#fff;font-size: 18px;line-height: 2;position: relative;}
.col-qc a:hover{border-bottom: 1px solid #fff;}
/* q&c */
.col-page-quality{}
.col-page-quality .col-quality1{padding: 100px 0 6%;line-height: 1.5;font-size: 18px;}
.col-page-quality .col-quality1 .container>p:nth-child(2){color:#666;}
.col-page-quality .col-quality1 .container>p.dot{padding-left: 15px;position: relative}
.col-page-quality .col-quality1 .container>p.dot::before{content:'';width:6px;height:6px;background: #244072;border-radius: 100%;position: absolute;left:0;top:50%;margin-top:-3px;}
.col-page-quality .col-quality1 table{width: 60%;}
.col-page-quality .col-quality1 table td{vertical-align: middle;}
.col-page-quality .col-quality1 table td:nth-child(2n-1){width:20%;}
.col-page-quality .col-quality2{padding: 6% 0;background: #393b3d;color:#fff;font-size: 16px;}
.col-page-quality .col-quality2 table {width: 100%}
.col-page-quality .col-quality2 table tr:nth-child(2n+1):not(:first-child){background: rgba(255,255,255,0.1)}
.col-page-quality .col-quality2 table tr:first-child{border-bottom: 1px solid rgba(255,255,255,0.5);font-weight: 500;}
.col-page-quality .col-quality2 table td{height: 60px;line-height: 60px;}
.col-page-quality .col-quality2 table td:first-child{width:35%;padding-left: 15px;}
.col-page-quality .col-quality2 table tr:not(:first-child) td:last-child{color:#aab0ba;}
.col-page-quality .col-quality3{padding: 5% 0}
.col-page-quality .col-quality3 h2{font-size: 36px;font-weight: 500;margin-bottom: 30px;}
.col-page-quality .col-quality3 p{color:#666;font-size: 18px;line-height: 1.8;position: relative;padding-left: 15px;}
.col-page-quality .col-quality3 p::before{content:'';width:6px;height:6px;background: #244072;border-radius: 100%;position: absolute;left:0;top:50%;margin-top:-3px;}
/* news */
.col-page-news{}
.col-news-top{padding: 55px 0;}
.col-news-top table{width: 100%}
.col-news-top table td{vertical-align: middle}
.col-news-top table td:first-child{width: 35%;overflow: hidden;}
.col-news-top table td:first-child .col-news-img{height: 285px;transition: 0.8s all;}
.col-news-top table:hover td:first-child .col-news-img{transform: scale(1.1)}
.col-news-top table td:last-child{padding-left: 60px}
.col-news-top table td:last-child h3{font-size: 18px;margin-bottom: 10px;}
.col-news-top table td:last-child>p{color:#666;margin-bottom: 20px;}
.col-news-top table td:last-child .col-news-desc{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space:pre-line;overflow: hidden;color:#858585;margin-bottom: 60px;font-size: 16px;}
.col-news-top table td:last-child>a{color:#858585;}
.col-news-top table td:last-child>a:hover{text-decoration: underline;}
.col-news-list{padding: 5% 0;background: #eee}
.col-news-list .container ul li{float: left;width:31%;margin-right: 3.5%;border:1px solid #d2d2d2;margin-bottom: 40px;transition: 0.3s all}
.col-news-list .container ul li:nth-child(3n){margin-right: 0;}
.col-news-list .container ul li .col-news-img{overflow: hidden;}
.col-news-list .container ul li .col-news-img img{transition: 0.8s;}
.col-news-list .container ul li:hover .col-news-img img{transform: scale(1.1)}
.col-news-list .container ul li .col-news-cont{padding: 25px;line-height: 1.5}
.col-news-list .container ul li .col-news-cont>i{font-size: 16px;color:#244072;}
.col-news-list .container ul li .col-news-cont h3{font-size: 16px;line-height: 1.5;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;white-space:pre-line;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 5px;font-size: 18px;}
.col-news-list .container ul li .col-news-cont .col-news-desc{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#8e8e8e;font-size: 16px;}
.col-news-list .container ul li .col-news-cont>p{color:#b5b5b5;text-align: right;}
.col-news-list .container ul li:hover{background: #fff;}
/* 新闻详情页 */
.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;font-size: 16px;}
.col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;}
.col-news .met_tools .met_page {clear: both;position: absolute;right: 5px;top: 0;color: #818181;}
.col-news .met_tools .met_page li {display: inline;list-style: none;margin-left: 30px;}
.col-news .met_tools .met_page li span {padding-right: 5px;}
.col-news .met_tools .met_page a {color: #607fa6;}
.col-page-video ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 50px;}
.col-page-video ul li:nth-child(2n){margin-right: 0;}
.col-page-video ul li .col-video video{background: #000;}
.col-page-video ul li h3{text-align: center;font-size: 18px;color:#000;margin-top:20px;}
/* download */
.col-page-download{padding: 3% 0;}
.col-page-download .container li{line-height: 60px;height: 60px;border-bottom: 1px solid #e5e5e5;}
.col-page-download .container li h3{font-size: 18px;line-height: 60px;height: 60px;width: -moz-calc(100% - 85px);width: -webkit-calc(100% - 85px);width: calc(100% - 85px);display: inline-block}
.col-page-download .container li i{font-size: 14px;color:#868686;padding-right: 25px;display: block;position: relative;}
.col-page-download .container li i::after{content:'';width:17px;height:13px;background: url(../images/download.jpg)no-repeat center center;position: absolute;right:0;top:50%;margin-top:-6.5px;}
/* recruit */
.col-page-recruit{}
.job table {width:100%;}
.job table tr th{padding: 15px 0;text-align: center;color:#000;font-size: 14px;font-weight: normal;width:25%;border-bottom: 1px solid #959595;}
.jobtit table tr td{width:25%;padding:15px 0;text-align: center;font-size: 15px;}
.job ul li .jobtit {color: #333;cursor: pointer;position: relative;border-bottom: 1px solid rgba(149,149,149,0.4);}
.job ul li .jobtit span {width: 63px;height: 49px;display: inline-block;font-size: 13px;color: #fff;font-weight: bold;padding-left: 10px;}
.job ul li .jobtit span b {font-family: arial;font-size: 18px;}
.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;}
.job ul li .jobtit span.zhiwei b {font-size: 14px;}
.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;}
.job ul li .jobcon {padding: 30px 75px 25px 75px;display: none;}
.job ul li .jobcon td{padding: 0;}
.job ul li .jobcon hr {border-top: 1px solid #cbc7bc;}
.job ul li.active{border-bottom: 1px solid rgba(149,149,149,0.4);}
.job ul li.active .jobtit{border:none;}
.job ul li.active .jobcon{border-bottom: 0;background: #f8f8f8;display: block;margin:0 30px 10px;}
.job ul li.active .jobtit .read_more{color:#b20009;}
.job ul li.active .jobtit i {display: block;}
.job ul li.active .jobtit span.zhiwei {color: #fff;}
.jobcon ul li{display: inline-block;margin-bottom: 20px;}
.jobcon ul {border-bottom: #e5e5e5 1px solid;}
.jobcon ul li{width:33%}
.applyment{border-radius: 5px;background: #742b24;display: inline-block;margin-top:30px;}
.applyment a{color:#fff;display: block;padding: 10px 50px;}
.job{margin-bottom:80px;}
.job>h3{color:#222222;font-size: 24px;font-weight: normal;margin-bottom: 35px;text-align: center;margin-top:40px;}
#showjob{color:#1f1f1f;padding: 4% 0}
#showjob h1.title { font-size: 24px; padding: 15px 5px; border-bottom: 1px solid #ddd; margin-bottom: 30px;font-weight: bold;}
#showjob .paralist { background: #8c989f; padding: 5px 10px; color: #fff; visibility: hidden; margin-top: 30px; visibility: hidden;}
#showjob .paralist li {list-style: none;padding: 8px 5px 8px 90px;min-height: 20px;position: relative;border-bottom: 1px solid #ddd;}
#showjob .paralist li span {position: absolute;left: 0;top: 0;width: 80px;padding: 8px 5px;overflow: hidden;word-wrap: break-word;}
#showjob .info_cv {margin-top: 30px;margin-left: 10px;}
#showjob .info_cv a {display: inline-block;background: #23b7e5;height: 35px;line-height: 35px;padding: 0 35px;color: #fff;border-radius: 2px;}
#showjob .paralist li:last-child {border-bottom: 0;}
#showjob div h3{margin: 30px 0px 10px;padding: 0px 10px;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;border-bottom: 1px solid rgb(221, 221, 221);color: rgb(51, 51, 51);font-weight: bold;}
.message{padding: 5% 0}
.message p {text-align: center;}
.message .messagecon {width: 100%;border: 1px solid #e6e6e6;margin: 0 auto;padding: 20px 5% 7% 5%;}
.message .messagecon ul {width: 43.02%;float: left;margin-right: 6%;}
.message .messagecon ul li span {display: block;color: #333;line-height: 40px;}
.message .messagecon ul li input {width: 100%;line-height: 35px;border: 1px solid #e6e6e6;}
.message .messagecon ul li input[type="radio"],.message .messagecon ul li input[type="checkbox"]{width: auto;}
.message .messagecon ul li select{width: 100%;height: 35px;border: 1px solid #e6e6e6;}
.message .messagecon ul li input:focus {border: 1px solid #d80808;}
.message .messagecon ul li textarea {width: 100%;border: 1px solid #e6e6e6;height: 395px;float: left;}
.message .messagecon ul li textarea:focus {border: 1px solid #d80808;}
.message .messagecon ul li.li4 {margin-top: 35px;}
.message .messagecon ul li.li4 input {width: 38%;float: left;padding-left: 5px;color: #333;}
.message .messagecon ul li.li4 img {float: left;cursor: pointer;margin: 0 5px;}
.message .messagecon ul li.li4 a {float: left;line-height: 35px;}
.message .messagecon ul.phonemessage {width: 95%;display: none;}
.message .messagecon ul.phonemessage textarea {margin-bottom: 35px;}
/* contact */
.col-page-contact{padding: 5% 0 6%;}
.col-page-contact #allmap{width:100%;height:550px;}
.col-page-contact #allmap img { max-width: 1070px; max-height: 350px;}
.col-page-contact #allmap label {max-width: 1070px;}
.col-page-contact .col-way{float: left;width:50%;}
.col-page-contact .col-way h2{font-size: 30px;text-align: center;padding-bottom:10px;position: relative;margin-bottom: 20px;text-transform: uppercase;color:#244072}
.col-page-contact .col-way h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-page-contact .col-way .col-way-cont{line-height: 1.5;color:#666;padding-right: 50px}
.col-page-contact .col-way .col-way-cont a:hover{text-decoration: underline;}
.col-page-contact .col-way .col-way-cont>p:first-child{color:#244072;margin-bottom: 15px;}
.col-page-contact .col-message{float: right;width: 50%;}
.col-page-contact .col-message h2{font-size: 30px;text-align: center;padding-bottom:10px;position: relative;margin-bottom: 20px;text-transform: uppercase;color:#244072;}
.col-page-contact .col-message h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}
.col-page-contact .col-message>p{color:#666;margin-bottom: 10px;font-size: 16px;}
.col-page-contact .col-message table{width: 100%}
.col-page-contact .col-message table td{padding: 10px 0;vertical-align: top;}
/* .col-page-contact .col-message table:nth-of-type(2) td .form-check{display: inline-block;margin-right: 10px;color:#666;}
.col-page-contact .col-message table:nth-of-type(2) td:first-child{width: 80px;color:#666;} */
.col-page-contact .col-message table td input[type="text"]{border:1px solid rgba(201,201,201,0.5);width: 100%;height:45px;line-height: 45px;padding-left: 10px;}
.col-page-contact .col-message table td textarea{border:1px solid rgba(201,201,201,0.5);width: 100%;height: 110px;padding-left: 10px;}
.col-page-contact .col-message table td input.verify{width:150px;margin-right: 5px;}
.col-page-contact .col-message table td .recaptcha{color:#666;text-decoration: underline;}
.col-page-contact .col-message table td p{color:#666;line-height: 1.8;font-size: 16px;}
.col-page-contact .col-message table td .sub {width: 200px;height:40px;text-align: center;line-height: 40px;color:#244072;background: #fff;border:1px solid #244072;transition: 0.3s;font-size: 18px;}
.col-page-contact .col-message table td .sub:hover{color:#fff;background: #244072}
/* .col-page-contact .col-message table:nth-of-type(1) td{width: 50%} */
.col-page-contact .col-message table td input{border:1px solid rgba(201,201,201,0.5);height:30px;line-height: 30px;padding-left: 10px;width:100%;}
/* .col-page-contact .col-message table:nth-of-type(1) td:last-child{padding-left: 30px;}
.col-page-contact .col-message table:nth-of-type(1) td:first-child{padding-right: 30px;} */
.col-page-contact .col-map{margin-top:50px;}
.col-page-contact .col-recruitment{padding: 5% 0;}
.col-page-contact .col-recruitment h2{font-size: 30px;text-align: center;padding-bottom:10px;position: relative;margin-bottom: 20px;}
.col-page-contact .col-recruitment h2::after{content: '';width:33px;height:3px;background: #244072;position: absolute;bottom: 0;left:50%;margin-left: -16.5px;}


/* 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{display: none;z-index: 299;position: fixed;z-index: 2;width: 55px;height: 55px;background: #1d3869 ;right: 15px;bottom:50px;cursor: pointer;text-align: center;line-height: 50px;font-size: 24px;color: #fff;transition: 0.3s}
#gotoTop:hover{background: #fff;color:#1d3869}
.customer-service{ z-index: 299; position: fixed; font-size: 20px; line-height: 55px; text-align: center; color: #FFF; top: auto; left: auto; right: 15px; bottom:105px;}
.customer-service li{ width: 55px; height: 55px; background-color: #333; background-color: #06b4f4; cursor: pointer; border-radius: 2px; margin-bottom: 10px;transition: 0.3s}
.customer-service li a{ color: #FFF;transition: 0.3s}
.customer-service li:nth-child(-n+3):hover{background: #1d3869 !important;}
.customer-service li:nth-child(-n+3):hover a{color:#fff !important;}
.footer{background: #313131;padding:55px 0 0;}
.footer .col-footer{padding: 0 160px;}
.footer .col-footer-nav{}
.footer .col-footer-nav>ul{float: left;padding: 0 75px;position: relative;line-height: 1.8}
.footer .col-footer-nav>ul:first-child{padding-left: 0;}
.footer .col-footer-nav>ul::after{content:'';width:1px;height:250px;background: rgba(149,149,149,0.1);position: absolute;right: 0;top:0;}
.footer .col-footer-nav>ul>li{margin-bottom: 25px;}
.footer .col-footer-nav>ul>li a{color:#fff;font-size: 16px;max-width: 140px;display: block;}
.footer .col-footer-nav>ul ul {}
.footer .col-footer-nav>ul ul li a{color:#7d7d7d;font-size: 14px;}
.footer .col-footer-nav>ul ul li a:hover{text-decoration: underline;}
.footer .col-footer .pull-left>div{display: inline-block;vertical-align: top}
.footer .col-footer .col-info{color:#9c9c9c;font-size: 14px;padding-left: 75px;}
.footer .col-footer .col-info h3{font-size: 14px;margin-bottom: 15px;}
.footer .col-footer .col-info p{line-height: 1.8;width:350px;}
.footer .col-footer .col-info p a{color:#9c9c9c;}
.footer .col-footer .col-info p a:hover{text-decoration: underline;}
.footer .col-footer .col-info .footer_logo{margin-bottom: 20px}
.footer .col-share{text-align: right;margin-bottom: 50px;}
.footer .col-share a{color:#fff;width:35px;height:35px;border-radius: 100%;background: #777777;text-align: center;line-height: 35px;display: inline-block;margin:0 2px;transition: 0.1s all ease}
.footer .col-share a:hover{background: #1d3869}
.footer .col-code li{float: left;text-align: center;margin-left: 10px;}
.footer .col-code li p{line-height: 2;color:#aaaaaa;}
.footer .col-copyright{padding: 10px 160px;background: #212121;color:#aaaaaa;text-align: center;}
.footer .col-copyright .pull-right{line-height: 30px;float: none !important;}
/* 副导航 */

.vicenav{line-height: 60px;background: #fff;height: 60px;border-bottom:1px solid #dcdcdc;position: relative;z-index: 11;}
.vicenav .container{padding: 0 !important}
.vicenav ul{float: left;}
.vicenav ul li{float: left;transition: 0.3s all}
.vicenav ul li:last-child{margin-right: 0;}
.vicenav ul li a{display: block;width:100%;padding: 0 30px;height: 60px;color:#666;font-size: 16px;transition: 0.3s;}
.vicenav ul li.active,.vicenav ul li:hover{background:#244072}
.vicenav ul li.active a,.vicenav ul li:hover a{color:#fff;}
.vicenav .mbx{float: right;}
.vicenav.active{position: fixed;top:0;width: 100%;left: 0;z-index: 200;box-shadow: 0 5px 5px rgba(0,0,0,.1)}









/* media */

@media (min-width: 1200px) {
  .container{width: 1200px}
}

@media (max-width: 1700px) {
  .col-profile,.col-certificate,.col-develop{height: auto;}
  #col-banner .ban_cont h1{font-size: 50px}
  .footer .col-footer .col-info p{width: 300px;}
  .footer .col-footer-nav>ul{padding: 0 50px;}
  .col-index-product li{height:450px;}
}

@media (max-width: 1600px) {
  #col-banner .swiper-slide{height:500px !important;}
  #col-banner .ban_cont h1{font-size: 45px}
  .vicenav ul li a{padding: 0 30px;}
  .footer .col-footer .col-info p{width: 250px;}
  .footer .col-footer{padding: 0 120px;}
  .col-develop .swiper-slide .col-develop-cont div{width: 250px;}
  .col-index-product li{height:400px;}
  .header .inner{padding: 0 100px;}
}

@media (max-width: 1500px) {
  #col-banner .ban_cont h1{font-size: 40px}
  .vicenav ul li a{padding: 0 20px;}
  .header .inner{padding: 0 80px;}
  .footer .col-footer-nav>ul{padding: 0 30px;}
}

@media (max-width: 1400px) {
  #col-banner .swiper-slide{height:450px !important;}
  #col-banner .ban_cont h1{font-size: 36px}
  .vicenav ul li a{padding: 0 10px}
  .col-index-advantage .col-advantage-cont{padding: 0 100px;}
  .footer .col-footer{padding: 0 50px;}
  .footer .col-copyright{padding: 10px 50px;}
  .col-index-product li{width:50%}
  /* .col-index-product li img{width: 100%;top:50%;transform: translateY(-50%)}
  .col-index-product li a:hover img{-webkit-transform:  scale(1) translateY(-50%);transform: scale(1)  translateY(-50%)!important;} */
  .header .inner{padding: 0 50px;}
}

@media (max-width: 1300px) {
  /* #col-banner .ban_cont h1{font-size: 30px} */
  .header .nav>ul>li{margin-left: 40px;}
  .header .nav ul li:last-child ul.child{right:-30px;}
  .footer .col-footer{padding: 0 20px;}
  .footer .col-footer-nav>ul{padding: 0 15px;}
  .footer .col-footer .col-info{padding-left: 10px}
  .header .inner{padding: 0 30px;}

  

  

}

@media (max-width: 1200px) {
  .col-page-contact .col-way .col-way-cont table td{white-space: nowrap;text-align: left;}
  
  .col-index-advantage .col-advantage-cont td p:first-child span{font-size: 48px !important;}
  #col-banner .swiper-slide{height:400px !important;}
  /* #col-banner .ban_cont h1{font-size: 28px} */
  /* .col-testing .container{padding: 0} */
  .col-size .container{padding: 0;}
  .col-qc{height:400px;padding-top:130px;}
  .col-product-detail .pro_show .caseright .col-link{bottom: auto;position: relative;margin-top:20px;}
  .header .nav ul li:last-child ul.child{right:-10px;}
  .vicenav .container{width: 100% !important}
  #col-index-banner .swiper-slide-active .ban_cont p:nth-child(1) span{font-size: 32px !important;}
  .col-quality .col-quality-cont>p:nth-of-type(n+3){padding-left:35%; }
  .header .nav li .col-product-nav .inners div h2{font-size: 16px !important}
  .header .nav li .col-product-nav .inners{padding: 40px 60px;}
  .vicenav .navList { float: left;  position: relative;min-width: 200px;}
  .vicenav ul li a{padding: 0 10px;}
  .vicenav .navList ul {position: absolute;left: 0;top: 60px;width: 100%;background: #fff;border: 1px solid #dddddd;border-top: none;display: none;}
  .vicenav .navList p a {position: relative;display: block;height: 60px;line-height: 60px;padding:0 50px 0 35px;color: #000;border-right: 1px solid #dddddd;}
  .vicenav .navList p a::after {content: '';position: absolute;right: 20px;top: 50%;margin-top: -4px;width: 12px;height: 7px;background: url(../images/ico_subn.png) no-repeat;}
  .vicenav ul li{float: none;margin:0 ;text-align: center;}
  .vicenav ul li.active a, .vicenav ul li:hover a{border:none;}
  .vicenav ul li:hover a{color:#fff;}
  .col-index-network .col-sales>img,.col-index-network .col-sales ul{display: none}
  .col-index-network .col-sales{margin:0}
  .col-index-network .col-sales .map{display: block;}
  .col-index-advantage .col-advantage-cont{padding: 0 50px;}
  .col-index-certificate td{padding: 10px 30px;}
  .header .inner{padding: 0 10px;padding-right: 20px;}
  .header .nav>ul>li{margin-left: 30px !important;}
  .header .nav>ul>li:first-child{margin-left: 0;}

  .container{width: 100%;padding: 0 10px;}
}

@media (max-width: 1100px) {
  .col-testing .container{padding: 0 30px}
  .header .nav>ul>li:hover>a.down::after{display: none;}
  .header.cur .nav>ul>li>a:hover{border-bottom:2px solid}
  .col-index-advantage,.col-index-production,.col-flow .col-flow-title,.inquiry-container,.col-quality{background-attachment: scroll !important;background-size: cover !important;}
  .col-page-quality .col-quality1{padding-top:30px;}
  #col-banner .swiper-slide{height:380px !important;}
  #col-banner .ban_cont h1{font-size: 32px}
  .col-product-detail .col-history .swiper-container{margin:0 100px;}
  .header .nav>ul>li{margin-left: 20px !important;}
  .footer .col-footer .col-info p{width: auto;}
  .col-equipment{padding: 30px 40px ;}
  .col-tour{padding: 5% 30px;}
  .footer .col-footer-nav,.col-footer .pull-right{display: none !important;}
  .col-footer .pull-left{float: none !important;width: 100%;text-align: center;}
  .footer{padding-top:20px;}
}

@media (max-width: 992px) {
  .col-index-product li h3{margin-bottom: 0;}
  .col-index-advantage .col-advantage-cont td p:first-child span{font-size: 32px !important}
  .col-index-production,.col-index-advantage{background-attachment: scroll !important;}
  #col-banner .swiper-slide{height:350px !important;}
  .col-qc{height:300px;padding-top:80px;}
  .col-product-detail .col-history .swiper-container{margin:0 50px;}
  /* .col-tour{padding: 0 100px;} */
  /* .col-testing{padding: 60px 100px 50px;} */
  .col-page-contact .col-way .col-way-cont{text-align: center;}
  .col-page-contact .col-map{float: none;width: 100%}
  .col-index-product li h3{top:0;margin-top:0;}
  .col-quality .col-quality-cont>p:nth-of-type(n+3){padding-left: 30%}
  .col-page-contact .col-way,.col-page-contact .col-message{float: none;width:100%;padding: 0 !important;margin:10px 0 !important;}
  .col-page-quality .col-quality1 table{width: 100%;}
  .col-news-top table td{width:100% !important;display: block;padding: 0 !important;margin: 10px 0;}
  .col-product-detail .col-application ul li{width:25% !important;}
  .vicenav .mbx{display: none;}
  .col-profile .col-profile-img .col-profile-num td {display: block;width:50%;float: left;}
  .col-profile .col-profile-img .col-profile-num td p:first-child span{font-size: 24px !important}
  /* .footer_logo{display: none;} */
  .footer .col-footer{padding: 0;}
  .footer .col-copyright{padding: 10px 0;}
  .footer .col-copyright .pull-right{float: none !important;text-align: center}
  .col-index-news .col-news-box table td{display: block;width:100% !important;padding: 0 !important;margin-bottom: 20px;}
  .col-index-news .col-news-box table td:first-child a{height:250px;}
  .col-index-news .col-news-box table td:first-child a .col-news-desc{opacity: 1 !important;transform: none !important;}
  .col-index-news .col-news-box table td:first-child:hover .col-news-left{transform: none}
  .col-index-advantage .col-advantage-cont{padding: 0;}
  .col-index-certificate td{padding: 10px 0;}
  .col-index-product li a div.col-product-desc{opacity: 1;transform: none;line-height: 1.4}
  .header .nav,.header .header-top{display: none;}
}

@media (max-width: 768px) {
  .col-index-about table td:first-child p:nth-of-type(3){margin:0 0 20px;}
  .col-page-contact .col-message h2{margin-top: 30px}
  #col-index-banner .swiper-slide{height: 900px;}
  .col-quality{height: 400px;padding-top:80px;}
  .col-news .met_tools{height: auto;line-height: normal;}
  .col-news .met_tools .met_page{position: relative;right: auto;top:auto;}
  .col-news .met_tools .met_page li{display: block;margin-left: 0;}
  .col-page-customized li.col-input.check .form-check input{width: 12px !important;}
  .col-index-news .col-news-more{top:0;}
  .col-index-product li img{transform: translateY(-20%)}
  .col-index-product li a:hover img{transform: translateY(-20%);opacity: 1;}
  #col-banner .swiper-slide{height:300px !important;}
  .col-testing{padding: 30px 50px 20px;}
  .col-product-detail .col-history .container{background: none !important;}
  .col-index-network{padding-top:30px;}
  .col-index-news .col-news-nav li{padding-bottom: 5px;}
  .col-index-news .col-news-nav li a{font-size: 14px;}
  .col-testing{padding: 30px 0 20px;}
  .col-tour{padding: 5% 50px;}
  .col-index-news .col-news-nav li{margin-right: 20px;}
  .col-page-contact .col-message table:nth-of-type(1) td i{display: block;}
  .col-page-contact .col-message table:nth-of-type(1) td input{width: 100%;}
  .col-page-contact .col-message table td{display: block;width: 100%}
  .col-page-contact .col-way .col-way-cont>p span{font-size: 16px !important}
  .col-page-contact .col-way .col-way-cont table td p span{font-size: 16px !important;}
  .col-page-contact .col-way .col-way-cont table td{white-space: nowrap;}
  #col-index-banner .ban_cont{padding-bottom: 40px;}
  #col-index-banner .ban-cont{padding-bottom: 40px;}
  .col-index-advantage .col-advantage-cont td:nth-child(5){width: 100% !important;}
  .col-page-contact .col-message table:nth-of-type(1) td{width: 100% !important;padding: 0 !important;display: block;width: 100%;margin:5px 0;}
  
  .col-quality .col-quality-cont>p:nth-of-type(n+3){padding-left: 10%}
  
  .col-index-certificate{padding: 30px 0;}
  .col-index-product li a div.col-product-desc{line-height: normal;font-size: 20px !important}
  .col-page-customized li i{font-size: 14px;width: 100px !important;}
  .col-page-customized li input, .col-page-customized li select, .col-page-customized li textarea{width: calc(100% - 100px) !important;}
  .col-page-customized li:nth-child(-n+4){    width: -moz-calc(100% - 130px);width: -webkit-calc(100% - 130px);width: calc(100% - 130px);}
  /* #col-index-banner .swiper-slide-active .ban_cont p:nth-child(1) span{font-size: 24px !important} */
  #col-index-banner .ban_cont p:nth-child(2){width:100%;}
  .col-page-contact .col-way .col-way-cont{padding: 0}
  .message .messagecon ul{width:100%;}
  .message .messagecon ul li textarea{height:150px;}
  .jobcon ul li{width: 50%;float: left;}
  .job ul li.active .jobcon{margin:0 0 10px;padding: 10px }
  .col-page-contact #allmap{height: 250px;}
  .col-page-contact .col-message table td p{width:100% !important}
  .col-page-quality .col-quality2 table td{font-size: 14px;line-height: 1.5;padding: 10px 0;vertical-align: middle;}
  .col-page-quality .col-quality2 table tr:first-child td span{font-size: 18px !important;}
  .col-page-quality .col-quality2 table td span{font-size: 16px !important;}
  .col-page-quality .col-quality2 table td:first-child{padding-left: 0;}
  .col-page-quality .col-quality2 table tr td:last-child{text-align: right;}
  .col-news-list .container ul li{width:48%;margin-right: 4%;}
  .col-news-list .container ul li:nth-child(3n){margin-right: 4%;}
  .col-news-list .container ul li:nth-child(2n){margin-right: 0;}
  .col-news-top table td:last-child .col-news-desc{margin-bottom: 20px;}
  .col-flow .col-flow-title{height: 150px;font-size: 24px}
  .col-page-product>.container li p{font-size: 14px;margin-top:10px;}
  .inquiry-container .col-sm-8{padding-left: 15px;}
  .inquiry-container .col-sm-8 input{min-width: 100px;}
  .inquiry-container .col-sm-8 a.recaptcha{padding: 0;display: block;}
  .col-product-detail .col-history .swiper-container{margin:0 50px;}
  .col-product-detail .col-application ul li{width:33.33% !important}
  .col-product-detail .col-servise ul li{width:80%;float: none ;margin:0 auto 20px !important;}
  .col-product-detail .col-servise ul li:hover img{transform: none;}
  .col-product-detail .pro_show .caseright .col-desc{font-size: 16px;}
  .col-product-detail .pro_show .caseright h1{text-align: center;margin:10px 0;font-size: 20px;}
  .col-product-detail .col-detail .col-cont a{position: relative;right: auto;bottom: auto;}
  .col-product-detail .pro_show .caseleft,.col-product-detail .pro_show .caseright{width: 100%;float: none !important;}
  .col-product-detail .pro_show .caseleft{width:60%;margin:0 auto}
  .col-product-detail .pro_show .caseright .col-link{margin-top:10px;position: relative;bottom: auto}
  .col-product-detail .pro_show .caseright a{margin-bottom: 10px;}
  .header h1.logo img{width:150px}
  .header h1.logo{height:60px;line-height: 60px}
  .vicenav .navList p a{padding:0 60px 0 40px;}
  .vicenav .navList p a::after{right:10px;}
  .col-develop .swiper-slide:nth-child(2n) .col-develop-cont{top: auto;bottom: 50%;margin-top:0}
  .col-develop .develop-container{padding: 0 20px;}
  .col-profile .col-quality{padding-top:30px !important;height:400px;}
  .col-profile .col-certificate ul li{width:100% !important;margin-right: 0 !important;text-align: center}
  .col-profile .col-profile-img .col-profile-num{top:20px;}
  .col-profile .col-profile-img img{max-width: 150%;margin-left: -25%}
  .col-index-news .col-news-box .col-news-cont h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;white-space:pre-line;}
  .col-index-news .col-news-box li{padding-left: 0;}
  .col-index-production p{width: 100%;font-size: 24px;margin-bottom: 10px;}
  .col-index-production{height:400px;padding-top:100px;}
  .col-index-about table td{display: block;width:100% !important;padding: 0 !important;border:none !important;}
  .col-index-about a{position: relative;left: auto;bottom: auto;display: block;text-align: center;margin-top: 20px;}
  .col-index-advantage{height:400px;padding-top:50px;}
  /* .col-index-advantage .col-advantage-cont td p:first-child span{font-size: 24px !important} */
  .col-index-advantage h2{margin-bottom: 20px;}
  .col-index-advantage .col-advantage-cont td{display: block;width:50%;float: left;}
  .col-index-advantage .col-index>p{margin-top:30px}
  .col-index-product li{width:100%;height: 300px;}
  .col-product-detail .col-detail h2,.col-profile .col-profile-img h2,.col-certificate h2,.col-quality h2, .col-develop h2, .col-equipment h2, .col-testing h2, .col-tour h2, .col-product-detail .col-servise h2, .col-product-detail .col-history h2, .col-product-detail .col-user h2, .col-page-contact .col-message h2, .col-page-quality .col-quality3 h2, .col-product-detail .col-application h2,.col-page-contact .col-way h2,.col-page-product h1{font-size: 20px !important;}

  .col-product-detail .col-size h2,.col-product-detail .col-size h3{font-size: 18px !important;}
}

@media (max-width: 640px) {
  .col-quality{height: auto;padding:8% 0;}
  .col-tour{padding: 5% 0;}
  .col-testing .container{padding: 0 10px}
  .col-index-about table td p span,.col-profile .col-profile-cont span{font-size: 16px !important;}
  .col-index-product li a div.col-product-desc{font-size: 16px !important}
  .col-index-product li h3{font-size: 18px;margin-bottom: 0;}
  .col-page-quality .col-quality1{padding-top:20px;}
  .col-index-product li img{transform: translateY(-15%)}
  .col-index-product li a:hover img{transform: translateY(-15%);opacity: 1;}
  .col-index-certificate h2, .col-index-advantage h2, .col-index-production h2, .col-index-network h2{font-size: 24px}
  /* .col-index-product li img{transform: none;} */
  /* .col-index-product li a:hover img{transform: none;} */
  .col-testing{padding: 30px 0 20px;}
  .col-index-product li a>div{padding: 15px 20px;}
  .col-profile .col-profile-img .container{bottom: auto}
  .col-profile .col-profile-cont{margin: 20px 0;}
  .col-tour{padding: 5% 10px;}
  .col-product-detail .col-detail h2,.col-page-contact .col-recruitment h2,.col-profile .col-profile-img h2,.col-certificate h2,.col-develop h2,.col-product-detail .col-servise h2,.col-product-detail .col-application h2,.col-product-detail .col-user h2,.col-product-detail .col-history h2,.inquiry-container h2,.col-equipment h2,.col-testing h2,.col-tour h2,.col-page-contact .col-recruitment h2,.col-page-contact .col-message h2,.col-page-contact .col-recruitment h2,.col-index-production h2,.col-page-contact .col-way h2,.col-product-detail .pro_show .caseright h1,.col-page-product h1{font-size:24px !important;margin:0 0 10px !important}
  .col-product-detail .pro_show .caseright h1{margin:20px 0 !important;}
  .col-page-quality .col-quality1 .container>p,.col-page-quality .col-quality3 p{font-size: 16px !important}
  .col-page-quality .col-quality1 .container>p:nth-child(1) span,.col-page-quality .col-quality3 h2,.col-equipment>.container p:nth-child(1) span{font-size: 18px !important}
  .col-page-quality .col-quality1 table td{width:45% !important;display: inline-block;font-size: 14px !important;vertical-align: middle;margin:10px 0;}
  .col-news .met_module2 h1.met_title{font-size: 20px;}
  /* .col-news .met_tools .met_page{display: none;} */
  .col-news-list .container ul li{width:100%;margin-right: 0 !important;}
  .col-equipment{padding:20px 10px;}
  .col-testing ul li{width:49%;margin-right: 2%;}
  .col-testing ul li:nth-child(3n){margin-right: 2%}
  .col-testing ul li:nth-child(2n){margin-right: 0;}
  .col-equipment .swiper-slide p,.col-testing ul li p{font-size: 12px;margin:5px 0}
  .col-product-detail .col-history{padding: 40px 0;}
  .col-product-detail .col-history .swiper-container{margin:0;}
  .col-product-detail .col-application ul li{width:50% !important}
  .col-product-detail .col-application ul li div{height:280px;}
  .col-product-detail .pro_show .caseleft .product-detail-next,.col-product-detail .pro_show .caseleft .product-detail-prev{width:15px;height:30px;line-height: 30px;margin-top:-15px;}
  .col-product-detail .pro_show .caseleft{width:80%}
  .col-quality .col-quality-cont span{font-size:14px !important}
  .col-profile .col-profile-img img{max-width: 200%;margin-left: -85%}
  .col-index-about table td:first-child span{font-size: 24px !important}
  .col-index-certificate td{display: block;width:100%;margin-bottom: 10px;text-align: center;}
  .col-product-detail .col-size h2,.col-product-detail .col-size h3{font-size: 18px !important;}
}



@media (max-width: 530px) {
  .col-page-contact .col-way .col-way-cont table td{display: block;width: 100%}
  .col-index-about table td:first-child p:nth-of-type(3){margin-top:0;margin-bottom: 20px;}
  .col-index-product li img{transform: translateY(-20%)}
  .col-index-product li a:hover img{transform: translateY(-20%);opacity: 1;}
  .col-page-contact .col-way .col-way-cont p.left{text-align: left;white-space:nowrap;}
  .col-page-contact .col-way .col-way-cont p.left span{font-size: 14px !important}
  .col-index-product li{height: 330px;}
  
  .col-product-detail .col-size table{width: 550px !important;}
  .col-footer .pull-left{padding-bottom: 20px;}
  .footer .col-copyright .pull-right{line-height: normal;font-size: 12px;}
  .col-develop .col-develop-list .col-list ul li .desc{font-size: 14px;}
  .col-index-news .col-news-box.active table td:first-child>div{height:250px;}
  .col-history .col-develop-list{width: 260px !important}
  .col-history .col-develop-list .col-list{}
  .col-history .col-develop-list .col-list ul{background-position: 21px top;}
  .col-history .col-develop-list .col-list ul li{padding: 0 0 25px 80px !important;background-position: -20px top !important;}
  .col-history .col-develop-list .col-list ul li h3::before{left: 24px;}
  .col-history .col-develop-list .col-list ul li span{display: block !important;position: relative !important;margin-bottom: 20px;clear: both;}
  .col-develop .col-develop-list{width: 260px !important}
  .col-develop .col-develop-list .col-list{}
  .col-develop .col-develop-list .col-list ul{background-position: 21px top;}
  .col-develop .col-develop-list .col-list ul li{padding: 0 0 25px 80px !important;background-position: -20px top !important;}
  .col-develop .col-develop-list .col-list ul li h3::before{left: 24px;}
  .col-develop .col-develop-list .col-list ul li span{display: block !important;position: relative !important;margin-bottom: 20px;clear: both;}
  .col-profile .col-profile-img .col-profile-num td p:nth-child(2) span{font-size: 14px !important;}
  .col-profile .col-profile-img .col-profile-num{top:50px;left: 0;}
  .col-index-advantage{padding-top:20px;}
  .col-index-advantage .col-advantage-cont td{height: 85px;}
  .col-index-advantage .col-advantage-cont td:nth-child(5),.col-profile .col-profile-img .col-profile-num td:nth-child(5){width: 100%;}
  .col-profile .col-profile-img .col-profile-num td{height: 80px;}
  .col-page-customized li:nth-last-child(-n+3) i{display: none}
  .col-page-customized li.sub input{width: 45% !important;}
  .col-page-customized li.sub input:last-child{margin-right: 0}
  .col-page-customized li.col-input.check{width:100px;font-size: 12px;}
  /* .col-page-customized li.col-input.check .form-check{width: 49%} */
  .col-page-customized li.col-input{width: -moz-calc(100% - 100px);width: -webkit-calc(100% - 100px);width: calc(100% - 100px);}
  .col-index-news .col-news-box .col-news-img{width:120px;}
  .col-index-news .col-news-box .col-news-cont{width:calc(100% - 125px);padding: 0}
  /* .col-page-contact .col-way .col-way-cont td{width:100%;display: block;} */
  .col-page-contact .col-way .col-way-cont>p:first-child span{font-size: 16px !important}
}
@media (max-width: 420px) {
  #col-index-banner .swiper-slide{height: 800px;}
  .col-page-customized li.col-input.check .form-check{width: calc(50% - 50px) !important}
  /* .col-page-customized li.col-input.check{width: 80px !important;} */
  .col-page-customized li.col-input.check i{display: inline-block;}
  .col-page-contact .col-way .col-way-cont p.left span{font-size: 16px !important}
  .col-qc{height:180px;padding-top:30px;}
  .col-qc .col-qc-cont{width: 100%;margin-bottom: 20px;font-size: 24px !important;}
  .col-qc .col-qc-cont span{font-size: 24px !important;}
  .col-product-detail .col-size table tr td{font-size: 12px;word-wrap:break-word !important;word-break:normal !important;    white-space: nowrap;}
  .col-product-detail .col-application ul li div{height:200px;line-height: 200px;}
  .col-develop .swiper-slide:nth-child(2n) .col-develop-cont,.col-develop .swiper-slide .col-develop-cont{bottom: 40%}
  .col-quality .col-quality-cont p:nth-of-type(1){margin-bottom: 0;}
  .col-quality .col-quality-cont>p:nth-of-type(n+3){padding-left:10px }
  /* #col-index-banner .swiper-slide-active .ban_cont p:nth-child(1) span{font-size: 24px !important;} */
  #col-index-banner .ban_cont{top:35%;padding: 0;}
  .col-page-customized li.col-input{width: 100% !important;}
  .col-page-customized li.col-input.check{display: block;width: auto}
  .job table tr th,.jobtit table tr td{font-size: 12px;}
}
@media (max-width:400px) {
  .col-index-product li img{transform: translateY(-19%)}
  .col-index-product li a:hover img{transform: translateY(-19%);opacity: 1;}
  .col-page-contact .col-way .col-way-cont p.left{white-space:normal;}
}
@media (max-width:400px) {
  .col-index-product li img{transform: translateY(-4.5%)}
  .col-index-product li a:hover img{transform: translateY(-4.5%);opacity: 1;}
}

@media (max-width:678px) {
  #video-background {display: none;}
}
#video-cover {position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;}
#video_controls {position: absolute;left: 50%;transform: translate(-50%, 0);}
#play img {width: 100px;}
#pause img {width: 90px;}
#pause {display: none;}
@media (min-width: 768px) {
	#video_controls {display: none;}
}
.n-video {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;cursor: pointer;}
.n-video:before {content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: absolute;top: 0;left: 0;z-index: -1}
.n-video>i{    position: absolute;right: 10px;top: 50%;margin-top: -180px;transform: translateY(-50%);color: rgba(255,255,255,.8);font-size: 40px;cursor: pointer;}
.n-video .n_video_box {position: absolute;text-align: center;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%)}
.n-video .n_video_box video {width: 600px;height: 400px;background: #000}
.n-video .n_video_box .video-play {position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 3.5rem;color: #FFF;background: rgba(0, 0, 0, 0.6);}
.n-video .n_video_box .video-play i {width: 65px;height: 65px;border-radius: 100%;border: 1px solid #FFF;background: rgba(255, 255, 255, 0.4);position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);line-height: 65px;}
@media(max-width:767px) {
	.n-video .n_video_box video {width: 100%;height: 320px;}
	.n-video .n_video_box {width: 100%;}
}
/*手机版菜单*/
.mm-slideout{z-index: auto!important;}
@media screen and (max-width: 992px)  {
  #header a.mm_btn {background: center center no-repeat #004286;display: block;width: 60px;height:60px;position: absolute;top: 0;right:0; padding: 15px;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{padding-left: 25px;background: url(../images/searchs.png)no-repeat 5px center rgba(0,0,0,.06);}
  #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;
  }
}