/*
首页模块命名规范：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";
body {font-family: arial,"黑体";min-width: 320px;color: #666;}
html{overflow-x: hidden;}
@font-face {
  font-family: 'goomay';  /* project id 523133 */
  src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot');
  src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.woff') format('woff'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.svg#goomay') format('svg');
}
.goomay a {
  font-family:"goomay" !important;
  font-size:12px!important;
  color: rgb(255,255,255,.5)!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  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: #666;}
a:focus{text-decoration: none}
a:hover { color: #d80808;text-decoration: none;}
p,h1,h2,h3,h4,h5,h6,ul,
li {  margin: 0;  padding: 0;}
img {  border: 0;  max-width: 100%;}
.relative { position: relative;}
.container {  width: 1200px;  padding: 0;}
.container2 {  width: 1100px;  margin: 0 auto;  padding: 0 15px;}
.syposition{position: relative;background-color: #fff;}
#page{padding-top: 0px; }
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 td{box-sizing: content-box;}
img[src=""],img:not([src]){opacity:0 !important;}
/* header */
header{position: fixed;width:100%;top:0;left:0;z-index: 1;}
header>div{transition: 1s;padding: 30px 50px 0;}
header .logo p{color:#d0d0d0;margin-bottom: 15px;animation: fadeIn 1s both;}
header .logo h1{display:block;transition: 1s;position: relative;z-index: 1;}
header .nav ul li{float: left;margin-right: 50px;}
header .nav ul li a{color:#e3e3e3;font-size: 16px;transition: 0.2s}
header .nav ul li a:hover{color:#ab342e}
header .language p{color:#e7e7e7; width: 85px;}
header .language a{color:#fff;font-weight: bold;font-size: 18px;font-style: italic;}
header .language a:hover{border-bottom: 4px solid #ab342e;}
header .top_language{display: none;width: 85px;}
header .top_language a{color:#949494;font-style: italic;font-size: 18px;margin-right: 5px;}
header .top_language a.active{color:#000;font-weight: bold;}
header.active {box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);z-index: 99;}
header.active>div{background: #fff;}
header.active .logo p{animation: fadeOut 1s both;color:#fff;}
header.active .logo h1{margin-top:-45px;margin-bottom: 20px;}
header.active .logo h1 img{filter: drop-shadow(300px 0 #ab342e);position: relative;left: -300px;}
header.active .top_language{display: block;animation: fadeIn 1s both;}
header.active .language{display: none;}
header.active .nav ul li a{color:#474747;}
header.index_header .logo p{color:#d0d0d0;}
header.is_header{position: absolute;}
/* header.topnav{position: fixed;top:-82px;} */
/* banner */
.col-banner {position: relative;}
.col-banner>div.ban {position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;}
.col-banner .banner-container{  clear: both;  z-index: -1;}
.col-banner .banner-container .ban_cont{  color:#fff;  margin-top:15%;  padding: 0 50px;  -webkit-animation: fadeOutRight 1.5s both;  animation: fadeOutRight 1.5s both;position: absolute;left: 0;top:0}
.col-banner .banner-container .swiper-slide{background-repeat: no-repeat;background-size: cover;background-position: center;}
.col-banner .banner-container .swiper-slide-active .ban_cont{  -webkit-animation: fadeInDown 1.5s both 1s;  animation: fadeInDown 1.5s both 1s;}
.col-banner #index_banner .ban_cont p:first-child{  position: relative;  margin-bottom: 20px;  padding-bottom: 10px;}
.col-banner #index_banner .ban_cont p:first-child::after{content:'';  width: 50px;  height:2px;  background: #ab342e;  position: absolute;  left: 0;  bottom: 0;}
.col-banner #index_banner .ban_cont a{  color:#fff;  display: block;  line-height: 35px;  border-bottom: 1px solid rgba(255, 255, 255, 0.3);  width: 290px;  margin-top:7%;}
.col-banner-nav{background: rgba(0,0,0,0.2);line-height: 72px;position: relative;height: 72px;padding-right: 50px;margin-top:-72px;width:100%;}
.col-banner-nav .banner-container{display: inline-block;width: 200px;position: absolute;left: 0;top:0;}
.col-banner-nav .swiper-button{outline:none;width:38px;box-sizing:content-box;height:38px;margin-top:-19px;text-align: center;line-height: 38px;font-family: '宋体';font-weight:bold;font-size:16px;color:#fff;border-radius: 100%;background: none;border:1px solid rgba(255, 255, 255, 0.3);}
.col-banner-nav .swiper-button-next{right: 65px;}
.col-banner-nav .swiper-button-prev{right: 115px;left: auto;}
.col-banner-nav .swiper-pagination{width: auto;font-size: 18px;color:#fff;bottom: 0;right:175px;left: auto;}
.col-banner-nav .banner-container .swiper-slide h3{line-height: 72px;color:#fff;padding-left: 25px;font-size: 18px;-webkit-animation: fadeOut 1.5s both;animation: fadeOut 1.5s both;display: inline-block;}
.col-banner-nav .banner-container .swiper-slide-active h3{-webkit-animation: fadeIn 1.5s both 1s;  animation: fadeIn 1.5s both 1s;}
.col-banner-nav .scrolldown{margin:0 auto;text-align: center;color:#fff;}
.col-banner-nav .scrolldown i{position: absolute ;top:50%;margin-top:-13px;width: 16px;height:26px;background: url(../images/scrolldown.png)no-repeat center center;display: inline-block;vertical-align: middle;}
.col-banner-nav .scrolldown span{display: inline-block;margin-left: 25px;}
.col-banner-nav .scrolldown span a{color:#fff;}
/* 首页about */
.col-index-about{padding:90px 0 80px;}
.col-index-about .container>div>p:nth-child(1),.col-index-about .container>div>p:nth-child(2){color:#000;}
.col-index-about .container>div>p:nth-child(n+4){line-height: 2;color:#717171;}
.col-index-about .container>div>p:last-child{margin-bottom: 40px;}
.col-index-about ul{text-align: center;font-size: 0;overflow: hidden;}
.col-index-about ul li{color:rgba(255, 255, 255, 0.7);padding:20px 15px;font-size: 14px;width: 255px;height: 370px;position: relative;text-align: left;display: inline-block;vertical-align: middle;overflow: hidden;transition: 0.5s;}
.col-index-about ul li .col-index-aboutimg{position: absolute;width: 100%;height:100%;left: 0;top: 0;}
.col-index-about ul li>*:not(.col-index-aboutimg){position: relative;z-index: 1;display: block;}
.col-index-about ul li>a{width: 100%;height: 100%;color:rgba(255, 255, 255, 0.7);}
.col-index-about ul li img{transition: 1s;}
.col-index-about ul li h3{color:rgba(255, 255, 255, 0.8);margin-bottom: 27px;}
.col-index-about ul li:nth-child(2) p{line-height: normal;}
.col-index-about ul li:hover{box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.75);position: relative;z-index: 1;}
.col-index-about ul li:hover img{transform: scale(1.2)}
/* 首页product */
.col-index-product{padding-top:25px;}
.col-index-product h2{text-align: center;position: relative;font-size: 48px;color:#000;margin-bottom: 50px;}
.col-index-product h2::after{content:'';width: 100%;height:1px;background: #dcdcdc;position: absolute;left: 0;bottom: 49%;}
.col-index-product h2 i{display: inline-block;padding: 0 3%;background: #fff;position: relative;z-index: 1;}
.col-index-product h2 i::before{content:'';width: 5px;height:5px;background: #ab342e;position: absolute;left: 0;top:50%;margin-top:-2px;}
.col-index-product h2 i::after{content:'';width: 5px;height:5px;background: #ab342e;position: absolute;right: 0;top:50%;margin-top:-2px;}
.col-index-product .col-index-productcont{height: 800px;position: relative;}
.col-index-product .col-index-productcont .container{position: relative;}
.col-index-product .col-index-productcont .container>div{text-align: right;color:#fff;margin-top:32%}
.col-index-product .col-index-productcont .container h3{font-size: 48px;margin-bottom: 20px;}
.col-index-product .col-index-productcont .numborder{display:inline-block;width: 20px;height: 20px;border-width: 5px 0 0 5px;border-style: solid;border-color:#e08727;border-top-left-radius:40px;padding-left: 5px;margin-right: 5px;}
.col-index-product .col-index-classify{line-height: 72px;height: 72px;background: rgba(0,0,0,0.3);position: absolute;bottom: 0;width: 100%;}
.col-index-product .col-index-classify .container>h3{color:#fff;font-size: 18px;display: inline-block;}
.col-index-product .col-index-classify ul{position: absolute;right: 25px;top:0;}
.col-index-product .col-index-classify ul li{float: left;padding: 0 50px;position: relative;}
.col-index-product .col-index-classify ul li:after{content:'';width: 1px;height: 19px;background: rgba(255, 255, 255, 0.25);position: absolute;right: 0;top:50%;margin-top:-9.5px;}
.col-index-product .col-index-classify ul li:last-child:after{display: none;}
.col-index-product .col-index-classify ul li a{color:#fff;font-size: 18px;transition: 0.3s;}
.col-index-product .col-index-classify ul li a:hover{color:#afafaf;}
/* 首页case */
.col-index-case{}
.col-index-case .container{position: relative;overflow: hidden;}
.col-index-case .container::before{content:'';width: 1px;height:1000px;background: #e5e5e5;position: absolute;top: 0;left: 100px;}
.col-index-case .container::after{content:'';width: 1px;height:1000px;background: #e5e5e5;position: absolute;top: 0;right: 100px;}
.col-index-case .col-index-project  {padding-top:65px;position: relative;z-index: 1;}
.col-index-case .col-index-project .pull-left{width: 50%;}
.col-index-case .col-index-project .pull-left .swiper-slide>div{position: relative;min-height: 100px;}
.col-index-case .col-index-project .pull-left .swiper-slide>p{position: absolute;bottom: 0;left: 0;width: 100%;height: 120px;background-image: linear-gradient(to bottom , rgba(0,0,0,0), rgba(0,0,0,0.7));color:#fff;padding: 80px 0 0 25px;}
.col-index-case .col-index-project .pull-left .swiper-slide>p i{-webkit-animation: fadeOutDown 1.5s both;  animation: fadeOutDown 1.5s both;display: block;}
.col-index-case .col-index-project .pull-left .swiper-slide-active>p i{-webkit-animation: fadeInUp 1.5s both 1s;  animation: fadeInUp 1.5s both 1s;}
.col-index-case .col-index-project .pull-left .swiper-pagination{left: auto !important;right: 0;}
.col-index-case .col-index-project .pull-left .swiper-pagination span{background: #fff;opacity: 1;transform:scale(1)}
.col-index-case .col-index-project .pull-left .swiper-pagination span.swiper-pagination-bullet-active{background: #ab342e;}
.col-index-case .col-index-project .pull-right{width: 50%;padding:0 12.2% 0 5%;}
.col-index-case .col-index-project .pull-right h3{color:#000;font-size: 36px;margin:9% 0 4%;}
.col-index-case .col-index-project .pull-right>div{line-height: 2;color:#696969;}
.col-index-case .col-index-project .pull-right>a{line-height: 45px;width: 170px;padding: 0 10px;border-top:1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;color:rgba(0, 0, 0, 0.7);display: block;transition: 0.5s;margin-top:25px;}
.col-index-case .col-index-project .pull-right>a i{float: right;font-size: 25px;font-family: '华文仿宋';margin-right: 15px;transition: 0.5s;}
.col-index-case .col-index-project .pull-right>a:hover i{margin-right: 40px;color:#ab342e;}
.col-index-case .col-index-project .pull-right>a:hover{color:#ab342e;}
.col-index-case .col-index-product  {margin-top:30px;position: relative;z-index: 1;}
.col-index-case .col-index-product .pull-left{width: 50%;padding:0 9% 0 8.5%;}
.col-index-case .col-index-product .pull-left h3{color:#000;font-size: 36px;margin:20% 0 10%;}
.col-index-case .col-index-product .pull-left>div{line-height: 2;color:#696969;}
.col-index-case .col-index-product .pull-left>a{line-height: 45px;width: 170px;padding: 0 10px;border-top:1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;color:rgba(0, 0, 0, 0.7);display: block;transition: 0.5s;margin-top:25px;}
.col-index-case .col-index-product .pull-left>a i{float: right;font-size: 25px;font-family: '华文仿宋';margin-right: 15px;transition: 0.5s;}
.col-index-case .col-index-product .pull-left>a:hover i{margin-right: 40px;color:#ab342e;}
.col-index-case .col-index-product .pull-left>a:hover{color:#ab342e;}
.col-index-case .col-index-product .pull-right{width: 50%;padding:0 5% 90px 10%}
.col-index-case .col-index-product .pull-right img{transition: 2s;}
.col-index-case .col-index-product .pull-right img:hover{transform: scale(1.08);}
/* 首页line */
.col-index-line{height:500px;position: relative;}
.col-index-line .line_title{color:#fff;margin-top: 9%}
.col-index-line .dot {animation: sploosh 2s cubic-bezier(0,0,1,1);}
.col-index-line .dot{display: inline-block;vertical-align: middle;height: 13px;width: 13px;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);transition: 0.3s;}
.col-index-line .dot i{transition: 0.3s;}
@keyframes sploosh {0% {box-shadow: 0 0 0 0px rgba(255,255,255, 0.5);}100% { box-shadow: 0 0 0 20px rgba(255,255,255, 0);}}
.col-index-line .line{text-align: center;position: absolute;}
.col-index-line .line::after{content:'';width:1px;height:70px;border-left: dashed 1px rgba(255,255,255, 0.5);position: absolute;bottom: -70px;left: 50%;}
.col-index-line .line p{color:#fff;font-size: 12px;margin-bottom: 20px;}
.col-index-line .line1{top:250px;right:991px;}
.col-index-line .line2{top:187px;right:530px;}
.col-index-line .line3{top:179px;right: 163px;}
.col-index-line .line .dot:hover{background: none;}
.col-index-line .line .dot:hover i{width:13px;height:13px;border:3px solid #fff;display: inline-block;vertical-align: middle;border-radius: 100%;}
/* 首页新闻 */
.col-index-news{padding:70px 0 50px;background: #eeeeee;}
.col-index-news .container h2{text-align: center;font-size: 36px;color:#000;margin-bottom: 20px;}
.col-index-news .container>p{text-align: right;margin-bottom: 20px;}
.col-index-news .container>p a{color:#000;}
.col-index-news .container>p a:hover{text-decoration: underline;color:#ab342e;}
.col-index-news .swiper-slide>div{overflow: hidden;margin-bottom: 30px;position: relative;min-height: 100px;}
.col-index-news .swiper-slide>div img{transition: 1.2s;}
.col-index-news .swiper-slide:hover>div img{transform: scale(1.15)}
.col-index-news .swiper-slide h3{font-size: 18px;color:#000;line-height: 1.5;margin-bottom: 12px;}
.col-index-news .swiper-slide h3 a{color:#000;font-family: '黑体';}
.col-index-news .swiper-slide p{color:#696969;margin-bottom: 27px;}
.col-index-news .swiper-slide span{color:#696969;}
/* 首页责任 */
.col-index-respon{height:414px;padding-bottom: 95px;}
.col-index-respon .container{padding-left: 5%;padding-top:3%;}
.col-index-respon .container h2{color:rgba(255,255,255, 0.04);font-size: 60px;font-weight: bold;}
.col-index-respon .container h3{color:#fff;font-size: 36px;margin-top:-25px;margin-bottom: 20px;}
.col-index-respon .container p{color:#fff;font-size: 16px;}
.col-index-respon .container a{line-height: 45px;width: 170px;padding: 0 10px;border-top:1px solid rgba(255, 255, 255, 0.7);border-bottom: 1px solid rgba(255,255,255, 0.7);color:#fff;display: block;transition: 0.5s;margin-top:35px;}
.col-index-respon .container a i{float: right;font-size: 25px;font-family: '华文仿宋';margin-right: 15px;transition: 0.5s;}
.col-index-respon .container a:hover i{margin-right: 40px;}
.col-index-respon .container a:hover{}
/* 内页 */
.col-page{position: relative;z-index: 1;background: #fff;}/*内页通用页面外层容器样式*/
/* 关于我们 */
.col-page-about{}
.col-page-about .col-survey{padding-top:5%;color:#5c5b5b;line-height: 2;font-size: 16px;padding-bottom: 400px;}
.col-page-about .col-survey .container p:nth-child(1){color:#000;line-height: 1;}
.col-page-about .col-survey .container p:nth-child(2){color:#000;margin-bottom: 70px;}
.col-page-about .col-chairman{padding: 0 50px;}
.col-page-about .col-chairman h2{line-height: 400px;height: 400px;text-align: center;color:#fff;font-size: 36px;margin-bottom: 70px;}
.col-page-about .col-chairman table{width: 100%;}
.col-page-about .col-chairman table td:first-child{width: 25%;line-height: 2;position: relative ;}
.col-page-about .col-chairman table td:first-child::after{content: '';width: 1px;height:100%;position: absolute;right:0;top:0;background: -webkit-linear-gradient(top, #f5f5f5 0%,#dcdcdc 50%,#f5f5f5 100%);background: -o-linear-gradient(top, #f5f5f5 0%,#dcdcdc 50%,#f5f5f5 100%);background: -ms-linear-gradient(top, #f5f5f5 0%,#dcdcdc 50%,#f5f5f5 100%);background: linear-gradient(to bottom, #f5f5f5 0%,#dcdcdc 50%,#f5f5f5 100%);}
.col-page-about .col-chairman table td:last-child{padding-left: 8%;line-height: 2}
.col-page-about .col-chairman table td:last-child img{float: right;}
.col-page-about .col-culture {padding-top:100px;padding-bottom: 100px;}
.col-page-about .col-culture h2{text-align: center;color:#ab342e;font-size: 36px;margin-bottom: 5px;}
.col-page-about .col-culture>p{text-align: center;color:#ab342e;font-weight: bold;font-size: 24px;text-transform: capitalize;}
.col-page-about .col-culture .col-culture-list{height: 838px;position: relative;}
.col-page-about .col-culture .col-culture-list li{position: absolute;}
.col-page-about .col-culture .col-culture-list li h3{transition: 0.5s;transform-origin:center center;background: #fff;width: 150px;height:150px;text-align: center;font-size: 18px;color:#ab342e;border-radius: 100%;border:2px solid #ab342e;padding-top:60px}
.col-page-about .col-culture .col-culture-list li.col-list1{left: calc(50% - 330px);top:calc(50% - 390px)}
.col-page-about .col-culture .col-culture-list li.col-list2{left: calc(50% - 450px);top:calc(50% - 130px)}
.col-page-about .col-culture .col-culture-list li.col-list3{left: calc(50% - 330px);top:calc(50% + 140px)}
.col-page-about .col-culture .col-culture-list li.col-list4{right: calc(50% - 75px);top:calc(50% + 245px)}
.col-page-about .col-culture .col-culture-list li.col-list5{right: calc(50% - 330px);top:calc(50% + 140px)}
.col-page-about .col-culture .col-culture-list li.col-list6{right: calc(50% - 450px);top:calc(50% - 130px)}
.col-page-about .col-culture .col-culture-list li.col-list7{right: calc(50% - 330px);top:calc(50% - 390px)}
.col-page-about .col-culture .col-culture-list li>div{position: absolute;width: 200px;height:150px;left: calc(50% - 100px);top:0;color:#fff;display: none;text-align: center;}
.col-page-about .col-culture .col-culture-list li.active h3{transform: scale(1.85);background: #ab342e;border:none;box-shadow: 0 0 35px 0 rgba(6, 0, 1, 0.3)}
.col-page-about .col-culture .col-culture-list li.active h3 i{-webkit-animation: fadeOut 0.5s both;  animation: fadeOut 0.5s both;}
.col-page-about .col-culture .col-culture-list li.active>div{-webkit-animation: fadeInUp 1.5s both;  animation: fadeInUp 1.5s both;display: block;}
.col-page-about .col-culture .col-culture-list li.active>div>div:first-child{display: inline-block;vertical-align: middle;width: 199px;line-height: 1.5}
.col-page-about .col-culture .col-culture-list li.active>div>div:last-child{display: inline-block;vertical-align: middle;height: 100%;width: 0;}
.col-page-about .col-develop{padding: 0 50px 190px;background: rgba(238, 238, 238, 0.6) url(../images/developbg.png) no-repeat;background-position-x:  82%;background-position-y: 95%;}
.col-page-about .col-develop h2{height:486px;line-height: 486px;text-align: center;color:#fff;font-size: 36px;background: url(../images/develop_bg.png)no-repeat center center;}
.col-page-about .col-develop .container{margin-top:-68px;}
.col-page-about .col-develop .col-develop-tab{line-height: 68px;height:68px;margin-bottom: 60px;}
.col-page-about .col-develop .col-develop-tab>div:first-child h3 i:not(:first-child):not(:last-child){display: none;}
.col-page-about .col-develop .col-develop-tab>div{float: left;width: 50%;text-align: center;color:#fff;transition: 0.2s}
.col-page-about .col-develop .col-develop-tab>div.active{border-top:3px solid #fff;}
.col-page-about .col-develop .col-develop-tab>div h3{line-height: 68px;}
.col-page-about .col-develop .col-develop-tab>div h3 a{display: block; color:#fff;}
.col-page-about .col-develop .col-develop-box>div{display: none;}
.col-page-about .col-develop .col-develop-box>div.active{display: block;-webkit-animation: fadeInUp 1.5s both 0.3s;  animation: fadeInUp 1.5s both 0.3s;}
.col-page-about .col-develop .col-develop-box .pull-left{width: 50%;padding-right: 5.6%;}
.col-page-about .col-develop .col-develop-box .pull-left .col-develop_img{position: relative;z-index: 2;}
.col-page-about .col-develop .col-develop-box .pull-left .col-develop_img img{display: block;width: 100%;position: relative;z-index: 3;}
.col-page-about .col-develop .col-develop-box .pull-left .col-develop_img::after{content:'';width: 204px;height:148px;background: #e5e5e5;position: absolute;right:-33px;bottom: -42px;z-index: 2;}
.col-page-about .col-develop .col-develop-box .pull-left p{font-size: 18px;color:#a4a4a4;text-transform: uppercase;letter-spacing: 10px;margin-top:20px;font-stretch:extra-condensed;}
.col-page-about .col-develop .col-develop-box .pull-right{width:50%;border-left: 3px solid #dcdcdc;padding-left: 6%;color:#676767;position: relative;}
.col-page-about .col-develop .col-develop-box .pull-right>table{width:100%;}
.col-page-about .col-develop .col-develop-box .pull-right table td{vertical-align: top;}
.col-page-about .col-develop .col-develop-box .pull-right>table>tbody>tr>td:first-child{font-weight: bold;font-size: 30px;color:#676767;width: 25%}
.col-page-about .col-develop .col-develop-box .pull-right>table>tbody>tr>td:first-child::before{content:'';width: 19px;height:19px;border-radius: 100%;background: #ab342e;border:3px solid #f5f5f5;position: absolute;left: -10px;margin-top: 10px;}
.col-page-about .col-develop .col-develop-box .pull-right>table>tbody>tr>td:last-child{padding-top:10px;}
.col-page-about .col-develop .col-develop-box .pull-right table table td{line-height: normal}
.col-page-about .col-develop .col-develop-box .pull-right table table td:first-child{width: 23%;padding-left: 20px;position: relative;}
.col-page-about .col-develop .col-develop-box .pull-right table table td:first-child::before{content:'';width: 14px;height:2px;background: #ab342e;position: absolute;left: 0;top:8px;}
.col-page-about .col-develop .col-develop-box .pull-right table table td:nth-child(2){padding-bottom: 15px;}
.col-page-about .col-honor{padding:95px 0 85px;}
.col-page-about .col-honor h2{text-align: center;color:#000;font-size: 36px;margin-bottom: 30px;}
.col-page-about .col-honor table{width: 100%; border-top:3px solid #000;border-bottom:3px solid #000;}
.col-page-about .col-honor table td:first-child{width: 25.83%;text-align: center;background: #eeeeee;font-size: 20px;color:#000;}
.col-page-about .col-honor table tr{border-bottom: 1px solid #d2d2d2;}
.col-page-about .col-honor table tr:last-child{border:none;}
.col-page-about .col-honor table td:nth-child(2){padding: 45px 0 45px 95px;}
.col-page-about .col-honor table td:nth-child(2) ul li{line-height: 2;position: relative;}
.col-page-about .col-honor table td:nth-child(2) ul li::before{content:'';width: 5px;height:5px;background: #ab342e;border-radius: 100%;position: absolute;top:50%;margin-top:-2.5px;left: -10px;}
.col-page-about .col-honor table td:nth-child(2) ul li a{color:#666666}
.col-page-about .col-honor table td:nth-child(2) ul li a:hover{text-decoration: underline;color:#ab342e}
.col-page-about .col-organization{padding:0 50px 100px;}
.col-page-about .col-organization>div{height: 532px;padding-top:175px;position: relative;}
.col-page-about .col-organization>div h2{font-size: 36px;color:#fff;text-align: center;margin-bottom: 45px;}
.col-page-about .col-organization>div span{display: block;width: 50%;text-align:center;margin:0 auto;line-height: 2;color:#fff;}
.col-page-about .col-organization>div a{color:#fff;position: absolute;right:35px;bottom:40px;}
.col-page-about .col-organization>div a:hover{text-decoration: underline;}
/* 产品详情页 */
.col-page-product{padding: 60px 0 100px}
.col-page-product .container>ul{font-size: 0;text-align: center;margin-bottom: 30px;}
.col-page-product .container>ul li{font-size: 14px;display: inline-block;margin-bottom: 10px;margin-left: -1px;}
.col-page-product .container>ul li a{padding: 20px 30px;border:1px solid #dcdcdc;transition: 0.3s;color:#000;display: block;}
.col-page-product .container>ul li:hover a,.col-page-product .container>ul li.active a{background: #0067b7;color:#fff;}
.col-page-product h1{font-size: 30px;color:#000;line-height: 1.5;margin-bottom: 70px;text-align: center;}
.col-page-product .col-product-img{margin-bottom: 85px;}
.col-page-product .col-product-img>div{width: 50%;}
.col-page-product .col-product-img .pull-left{text-align: center;padding: 0 20px;}
.col-page-product .col-product-img .pull-right{padding: 25px 30px;line-height: 2;}
.col-page-product .col-product-img .pull-right>p{color:#000;font-weight: bold;margin-bottom: 5px;}
.col-page-product .col-product-img .pull-right>span{color:#666666;}
.col-page-product .col-product-content {}
.col-page-product .col-product-content>div{background: #eeeeee;border:1px solid #dcdcdc;padding: 3% 4%;margin-bottom: 25px;}
.col-page-product .col-product-content>div>h3{font-size: 18px;color:#000;margin-bottom: 25px;}
.col-page-product .col-product-content .col-content1{width: calc(50% - 15px);display: inline-block;vertical-align:top;height: 265px;}
.col-page-product .col-product-content .col-content1 table{width:100%;}
.col-page-product .col-product-content .col-content1 table td{width: 50%;padding-bottom: 35px;}
.col-page-product .col-product-content .col-content1 table tr:last-child td{padding: 0;}
.col-page-product .col-product-content .col-content1 table td img{margin-right: 10px;}
.col-page-product .col-product-content .col-content2{width: calc(50% - 15px);display: inline-block;margin-left: 15px;vertical-align:top;height:265px;line-height: 2;float: right;}
.col-page-product .col-product-content .col-content3 img{float: left;margin-right: 40px;}
.col-page-product .col-product-content .col-content3 table{border-top:3px solid #000;width: 40%;}
.col-page-product .col-product-content .col-content3 table td{padding: 10px 36px;border:1px solid #bfbfbf;text-align: center;}
.col-page-product .col-product-content .col-content3 table td:first-child{width: 50%;}
.col-page-product .col-product-content .col-content3 table tr:first-child{background: #dcdcdc;}
.col-page-product .col-product-content>div:last-child{border:none;background: none;padding:3% 0;}
/* 解决方案 */
.col-page-solution{padding: 70px 0 130px;}
.col-page-solution .col-electricity h2{font-size: 36px;color:#000;margin-bottom: 35px;}
.col-page-solution .col-electricity>span{line-height: 2;color:#6b6b6b;display: block;margin-bottom: 8%;}
.col-page-solution .col-electricity>span>p:first-child{color:#ab342e;margin-bottom: 20px;}
.col-page-solution .col-electricity .col-electricity-content h3{font-size: 24px;color:#000;width: 175px;}
.col-page-solution .col-electricity .col-electricity-content .pull-right{border-top:1px solid #d2d2d2;padding: 20px 0;width: 77%;}
.col-page-solution .col-electricity .col-electricity-content .pull-right>span{color:#6b6b6b;display: block;margin-bottom:30px;}
.col-page-solution .col-electricity .col-electricity-content .pull-right span>p{margin-bottom: 30px; color:#6b6b6b;}
.col-page-solution .col-electricity .col-electricity-content .pull-right table{width: 100%;border-collapse: separate;border-spacing: 5px 0;margin-left: -5px;margin-right: -5px;}
.col-page-solution .col-electricity .col-electricity-content .pull-right table td{width: 25%;border:1px solid #e5e5e5;text-align: center;padding: 30px 30px 40px;line-height: 1.8;}
.col-page-solution .col-electricity .col-electricity-content .pull-right table td img{margin-bottom: 20px;}
.col-page-solution .col-electricity .col-electricity-content .pull-right table td>p:nth-child(2){margin-bottom: 25px;}
/* 科技创新 */
.col-page-technology{padding: 70px 0 130px;}
.col-page-technology .col-technology-desc{line-height: 1.8;color:#666666;padding-bottom: 60px;border-bottom: 1px solid #e5e5e5;padding: 0 50px 60px;}
.col-page-technology .col-technology-desc p:nth-child(2){margin-bottom: 40px;}
.col-page-technology .col-achievements{margin-top:60px;padding: 0 50px;}
.col-page-technology .col-achievements h2{color: #000;font-size: 20px;margin-bottom: 15px;}
.col-page-technology .col-achievements table{width: 100%;border-top:2px solid #000;margin-bottom: 95px;}
.col-page-technology .col-achievements table td{height: 45px;vertical-align: middle;text-align: center;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;}
.col-page-technology .col-achievements table td:last-child{border-right: 0;width:25%; }
.col-page-technology .col-achievements table td:first-child{background: #eeeeee;width: 47.3%}
.col-page-technology .col-achievements table tr:first-child td{border-bottom: 1px solid #000;}
.col-page-core {text-align: center;padding-bottom: 6%}
.col-page-core h2{font-size: 36px;color:#000;margin-bottom: 24px;}
.col-page-core .container>div>p{color:#666666;line-height: 2;}
.col-page-core .container div table{margin:60px auto 0;}
.col-page-core .container div table td{width: 370px;height:370px;border-radius: 100%;display: inline-block;padding: 50px;background: url(../images/core1.png)no-repeat center center;overflow: hidden;}
.col-page-core .container div table td>div{padding-top:75px;}
.col-page-core .container div table td:nth-child(2){background: url(../images/core2.png)no-repeat center center;color:#fff;border:5px solid #fff;margin-left: -25px;}
.col-page-core .container div table td:first-child>div{width: 100%;height:100%;border-radius: 100%;background: #fff;color:#666666}
.col-page-core .container div table td:first-child{margin-right:-25px;}
.col-page-workshop{padding:0 50px 8%;}
.col-page-workshop h2{height:380px;line-height: 380px;text-align: center;color:#fff;font-size: 30px;margin-bottom: 90px;}
.col-page-workshop .swiper-slide{text-align: center;}
.col-page-workshop .swiper-slide p{color:#666;margin:10px 0 15px;font-family: '黑体';}
/* 项目案例 */
.col-page-case{padding: 5% 50px;}
.col-page-case .col-project>div>div{width: 50%;}
.col-page-case .col-project>div:nth-child(2n-1) .col-project-img{float: left;}
.col-page-case .col-project>div:nth-child(2n-1) .col-project-cont{float: right;}
.col-page-case .col-project>div:nth-child(2n) .col-project-img{float: right;}
.col-page-case .col-project>div:nth-child(2n) .col-project-cont{float: left;}
.col-page-case .col-project>div:nth-child(2n-1) .col-project-cont{padding:12% 0 0 6%;}
.col-page-case .col-project .col-project-cont h2{color:#000;font-size: 36px;margin-bottom: 36px;}
.col-page-case .col-project .col-project-cont p{font-size: 18px;color:#666666;}
.col-page-case .col-project .col-project-cont p i{width: 23px;height:23px;display: inline-block;background: url(../images/s.png)no-repeat center center;vertical-align: top}
.col-page-case .col-project>div:nth-child(2n) .col-project-cont{padding:12% 6% 0 0;text-align: right;}
.col-page-case  .col-cooper{padding-top:6%;text-align: center;}
.col-page-case  .col-cooper h2{font-size: 30px;color:#000;margin-bottom: 12px;}
.col-page-case  .col-cooper>p{font-size: 18px;color:#cccccc;letter-spacing: 5px;text-transform: uppercase;margin-bottom: 30px;}
.col-page-case  .col-cooper .swiper-slide{line-height: 273px;background: #eeeeee;}
.col-page-case  .col-cooper .cooper-container {padding-top:40px;}
.col-page-case  .col-cooper .swiper-pagination{bottom: 0;top:0;text-align: right;}
.col-page-case  .col-cooper .swiper-pagination span.swiper-pagination-bullet-active{background: #ab342e;}
/* 新闻中心 */
.col-page-news{padding: 3% 0 6%; }
.col-page-news .container{position: relative;}
.col-page-news h1{font-size: 36px;color:#000;margin-bottom: 43px;}
.col-page-news .col-news-search{position: absolute;right:0;top:0;}
.col-page-news .col-news-search input{background: none;border:none;line-height: 45px;height:45px;outline: none;vertical-align: top;}
.col-page-news .col-news-search input.head_keyword{background: #fff;border:1px solid #dcdcdc;padding-left: 20px;width: 350px;}
.col-page-news .col-news-search input.head_search{background: #ab342e;color:#dbdbdb;width: 80px;}
.col-page-news .col-news-search input.head_keyword::-webkit-input-placeholder { /* WebKit browsers */color: #dbdbdb;}
.col-page-news .col-news-search input.head_keyword::-moz-placeholder { /* Mozilla Firefox 19+ */color: #dbdbdb;}
.col-page-news .col-news-search input.head_keyword:-ms-input-placeholder { /* Internet Explorer 10+ */color: #dbdbdb;}
.col-page-news .col-news-list ul li{float: left;width: 31%;margin-right: 3.5%;padding-bottom: 26px;border-bottom: 1px solid #e5e5e5;transition: 0.5s;margin-bottom: 50px;height:450px;}
.col-page-news .col-news-list ul li:nth-child(3n){margin-right: 0;}
.col-page-news .col-news-list ul li>div{overflow: hidden;margin-bottom: 30px;}
.col-page-news .col-news-list ul li>div img{transition: 1.2s;}
.col-page-news .col-news-list ul li:hover>div img{transform: scale(1.15)}
.col-page-news .col-news-list ul li h3{font-size: 18px;color:#000;line-height: 1.5;margin-bottom: 12px;}
.col-page-news .col-news-list ul li h3 a{color:#000;transition: 0.3s;font-family: '黑体';}
.col-page-news .col-news-list ul li p{color:#696969;margin-bottom: 27px;}
.col-page-news .col-news-list ul li span{color:#696969;}
.col-page-news .col-news-list ul li:hover{border-bottom: 1px solid #000}
.col-page-news .col-news-list ul li:hover h3 a{color:#ab342e;}
/* 新闻详情页 */
.col-news { position: relative; margin: 0 auto; margin: 0 auto;}
.col-news {position: relative;/* background: #F8F8F8; */}
.col-news {padding-top: 0;}
.col-news article {margin:40px 0;float: left;width: 100%;}
.col-news article .met_article {}
.col-news .met_clear {clear: both;}
.col-news .met_module2 h1.met_title {font-size: 28px;font-weight: normal;padding: 5px 0;color:#000;}
.col-news .met_module2 .met_infos {color: #818181;font-size: 12px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.col-news .met_module2 .met_time { padding-right: 6px;}
.col-news .met_module2 .met_source {padding-right: 6px;}
.col-news .met_module2 .met_source a {color: #607fa6;}
.col-news .met_module2 .met_editor { padding: 0 10px;color:#000;}
.col-news .met_editor {line-height: 2;}
.col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;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;}
/* search */
.col-search{padding: 3% 0 6%; }
.col-search .container{position: relative;}
.col-search h1{font-size: 36px;color:#000;margin-bottom: 43px;}
.col-search .col-news-search{position: absolute;right:0;top:0;}
.col-search .col-news-search input{background: none;border:none;line-height: 45px;height:45px;outline: none;vertical-align: top;}
.col-search .col-news-search input.head_keyword{background: #fff;border:1px solid #dcdcdc;padding-left: 20px;width: 350px;}
.col-search .col-news-search input.head_search{background: #ab342e;color:#dbdbdb;width: 80px;}
.col-search .col-news-search input.head_keyword::-webkit-input-placeholder { /* WebKit browsers */color: #dbdbdb;}
.col-search .col-news-search input.head_keyword::-moz-placeholder { /* Mozilla Firefox 19+ */color: #dbdbdb;}
.col-search .col-news-search input.head_keyword:-ms-input-placeholder { /* Internet Explorer 10+ */color: #dbdbdb;}
.col-search  ul li.search-li{float: left;width: 31%;margin-right: 3.5%;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;transition: 0.5s;margin-bottom: 20px;}
.col-search  ul li.search-li:nth-child(3n){margin-right: 0;}
.col-search  ul li.search-li>div{overflow: hidden;margin-bottom: 30px;}
.col-search  ul li.search-li>div img{transition: 1.2s;}
.col-search  ul li.search-li:hover>div img{transform: scale(1.15)}
.col-search  ul li.search-li h3{font-size: 18px;color:#000;line-height: 1.5;margin-bottom: 12px;}
.col-search  ul li.search-li h3 a{color:#000;transition: 0.3s;font-family: '黑体';}
.col-search  ul li.search-li p{color:#696969;margin-bottom: 15px;}
.col-search  ul li.search-li ul li{float: left;margin-right: 10px}
.col-search  ul li.search-li:hover{border-bottom: 1px solid #000}
.col-search  ul li.search-li:hover h3 a{color:#ab342e;}
/* 守法合规 */
.col-page-compliance{padding: 5% 0 7%;}
.col-page-compliance h1{text-align: center;font-size: 30px;color:#000;margin-bottom: 50px;}
.col-page-compliance .container>div{line-height: 2;color:#666666;margin-bottom: 5%;}
.col-page-compliance .container>div p:nth-child(2){padding-bottom: 35px;border-bottom: 1px solid #dcdcdc;margin-bottom: 3%;}
.col-page-compliance ul{position: relative;}
.col-page-compliance ul li{float: left;width: 19%;margin-right: 8%;}
.col-page-compliance ul li:last-child{margin-right: 0;}
.col-page-compliance ul li h3{width: 215px;height:215px;border-radius: 100%;margin:0 auto 45px;text-align: center;color:#fff;font-size: 18px;padding: 80px 10px 0;line-height: 1.5}
.col-page-compliance ul::after{width:90%;height:1px;background:#dcdcdc;position: absolute;left: 50%;margin-left: -45%;top:107.5px;z-index: -1; }
.col-page-compliance ul li:nth-child(1) h3{background: #dc825d}
.col-page-compliance ul li:nth-child(2) h3{background: #ab342e}
.col-page-compliance ul li:nth-child(3) h3{background: #276163}
.col-page-compliance ul li:nth-child(4) h3{background: #2ab1cf}
.col-page-compliance ul li>div{line-height: 1.8;color:#666666;}
.col-page-production{padding: 5% 0 7%;}
.col-page-production h1{text-align: center;font-size: 30px;color:#000;margin-bottom: 50px;}
.col-page-production>.container>div:nth-child(2){padding-bottom: 35px;border-bottom: 1px solid #dcdcdc;margin-bottom: 3%;line-height: 2}
.col-page-production .col-2>div{width: 50%;float: left;padding: 50px 10px 70px;}
.col-page-production .col-2>div:nth-child(1){padding-right: 45px;}
.col-page-production .col-2>div:nth-child(2){padding-left: 45px;}
.col-page-production .col-2>div h3{font-size: 18px;color:#000;margin-bottom: 40px;}
.col-page-production .col-2>div div{line-height: 2;color:#666666;position: relative;}
.col-page-production .col-2>div div .chart{position: absolute;right: 0;bottom: 0;margin-right: 100px;}
.col-page-production .col-2>div:nth-child(2) div p:nth-child(1){margin-bottom: 60px;}
.col-page-production .col-2>div div .chart p{position: absolute;font-size: 12px;line-height: normal}
.col-page-production .col-2>div div .chart p#chart1{left: 25px;bottom: 45px;width: 65px;color:#fff;}
.col-page-production .col-2>div div .chart p#chart2{top:-10px;right:-10px}
.col-page-production .col-2>div div .chart p#chart3{bottom:65px;right:-85px}
.col-page-production .col-2>div div .chart p#chart4{top:40px;right:-60px;}
.col-page-production .col-2>div div .chart p#chart5{bottom: 40px;right:-80px}
.col-page-production .col-system{padding: 3% 0;background: #eeeeee;}
.col-page-production .col-system h2{text-align: center;color:#000;font-size: 30px;margin-bottom: 20px;}
.col-page-production .col-system ul li{line-height: 50px;border-bottom: 1px dashed rgba(140, 140, 140, 0.49);}
.col-page-production .col-system ul li div i{color:#000}
.col-page-production .col-4{padding-top: 5%;}
.col-page-production .col-4 ul li{float: left;width: 22%;margin-right: 4%;}
.col-page-production .col-4 ul li:last-child{margin-right: 0;}
.col-page-production .col-4 ul li h3{font-size: 18px;color:#000;margin-bottom: 40px;}
.col-page-production .col-4 ul li div{line-height: 2}
.col-page-protection{padding: 5% 0 7%;}
.col-page-protection h1{text-align: center;font-size: 30px;color:#000;margin-bottom: 20px;}
.col-page-protection>.container>div:nth-child(2){margin-bottom: 5%;padding-bottom: 35px;border-bottom: 1px solid #dcdcdc;}
.col-page-protection .col-protect>div{width: 50%;line-height: 2;}
.col-page-protection .col-protect>div.pull-right{padding-left: 4%;font-family: '黑体';}
.col-page-protection .col-protect>div h3{font-size: 18px;color:#000;margin-bottom: 40px;}
.col-page-protection .col-protect>div table{width: 100%;border-top:2px solid #000;color:#000;}
.col-page-protection .col-protect>div table td{border-bottom: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;height:50px;vertical-align: middle;text-align: center;}
.col-page-protection .col-protect>div table td:last-child{border-right: 0;}
.col-page-protection .col-protect>div table tr:first-child td{background: #eeeeee;}
.col-page-protection .col-protect>div table td:first-child{width: 40%}
.col-page-protection .col-protect>div.pull-left>div:first-child{margin-bottom: 20%}
.col-page-protection .col-management{padding: 150px 0;background: url(../images/managerment.png)no-repeat center center;height: 900px;position: relative;}
.col-page-protection .col-management h2{text-align: center;color:#fff;font-size: 24px;font-weight: bold;position: absolute;top:50%;margin-top:-15px;width: 100%;}
.col-page-protection .col-management .col-management-title h3{font-size: 18px;color:#ab342e;font-weight: bold;position: absolute;text-align: center;width: 100%}
.col-page-protection .col-management .col-management-title h3:nth-child(1){top:50%;margin-top:-150px;}
.col-page-protection .col-management .col-management-title h3:nth-child(3){bottom:50%;margin-bottom: -95px;margin-left: -110px}
.col-page-protection .col-management .col-management-title h3:nth-child(5){bottom:50%;margin-bottom: -95px;margin-left: 110px}
.col-page-protection .col-management .col-management-title div{position: absolute;line-height: 2;}
.col-page-protection .col-management .col-management-title div:nth-child(2){width: 415px;top:50%;margin-top:-350px;right:50%;margin-right: -570px;}
.col-page-protection .col-management .col-management-title div:nth-child(4){width: 330px;bottom:50%;margin-bottom:-265px;left:50%;margin-left: -580px;}
.col-page-protection .col-management .col-management-title div:nth-child(6){width: 290px;bottom:50%;margin-bottom:-235px;right:50%;margin-right: -580px;}
.col-page-welfare{padding: 5% 0 6%;}
.col-page-welfare h1{text-align: center;font-size: 30px;color:#000;margin-bottom: 20px;}
.col-page-welfare>.container>div:nth-child(2){margin-bottom: 5%;padding-bottom: 35px;border-bottom: 1px solid #dcdcdc;}
.col-page-welfare .container>ul li{float: left;width: 32%;margin-right: 2%;text-align: center;height:340px;}
.col-page-welfare .container>ul li:nth-child(3n){margin-right: 0;}
.col-page-welfare .container>ul li>div{}
.col-page-welfare .container>ul li>p{margin-top:23px;}
/* recruit */
.col-page-recruit{padding: 5% 0 6%}
.col-mind h2{color:#000;margin-bottom: 40px;font-size: 30px;text-align: center;}
.col-mind table{width: 100%;}
.col-mind table:first-child{margin-left: -20px;margin-right: -20px;border-spacing: 20px;border-collapse: separate;}
.col-mind table:first-child td img{margin-bottom: 20px;width: 100%;}
.col-mind table:first-child td p:nth-child(2){margin-bottom: 25px;position: relative;}
.col-mind table:first-child td p:nth-child(2)::after{content:'';width:60%;height:1px;background: #e5e5e5;position: absolute;top:50%;margin-left: 10px;}
.col-mind table:first-child td{line-height: 2;}
.col-mind table:nth-child(2) td{height:190px;vertical-align: top;padding-top:4%;line-height: 2}
.col-mind table:nth-child(2) td:first-child{width: 25%;font-size: 30px;color:#ab342e;}
.col-mind table:nth-child(2) tr:nth-child(2){border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.col-demeanor{padding:1% 0 4%;}
.col-demeanor h2{color:#000;margin-bottom: 40px;font-size: 30px;text-align: center;}
.col-demeanor .pull-left{width:62%;}
.col-demeanor .pull-left div{overflow: hidden;}
.col-demeanor .pull-left div img{transition: 1.5s}
.col-demeanor .pull-left div:hover img{transform: scale(1.1)}
.col-demeanor .pull-left p{margin-top:20px;}
.col-demeanor .pull-right{width: 35%;}
.col-demeanor .pull-right p{margin-top:20px;}
.col-demeanor .pull-right ul{font-size: 0}
.col-demeanor .pull-right ul li{font-size: 14px;display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-bottom: 20px;}
.col-demeanor .pull-right ul li:nth-child(2n){margin-right: 0;}
.col-demeanor .pull-right ul li div{line-height: 215px;overflow: hidden;}
.col-demeanor .pull-right ul li div img{width: 160%;max-width: 160%;margin-left: -30%;transition: 1.5s}
.col-demeanor .pull-right ul li:hover div img{transform: scale(1.1)}
.col-page-recruit .container>a{display: block;width: 318px;height:52px;border:1px solid #313131;text-align: center;line-height: 52px;margin:0 auto;color:#000;transition: 0.5s;}
.col-page-recruit .container>a:hover{box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15)}
.col-benifit{padding: 7% 0;}
.col-benifit h2{color:#000;margin-bottom: 40px;font-size: 30px;text-align: center;}
.col-benifit table{width: 48%;float: left;margin:0 1%}
.col-benifit table td{border:1px solid #e5e5e5;height:125px;vertical-align: middle;}
.col-benifit table td:first-child{text-align: center;color:#fff;font-size: 18px;width: 40%;border:none;}
.col-benifit table td:nth-child(2){padding:0 30px;}
.col-benifit table tr:nth-child(1) td:first-child{background: #facd89}
.col-benifit table tr:nth-child(2) td:first-child{background: #f6b37f}
.col-benifit table tr:nth-child(3) td:first-child{background: #f19149}
.col-benifit table tr:nth-child(4) td:first-child{background: #ec6941}
.col-benifit table tr:nth-child(5) td:first-child{background: #bd4f35}
.col-recruit>div{width: 49%;padding: 0 50px;height:277px;color:#fff;padding: 50px 5%;position: relative;}
.col-recruit>div h3{font-size: 30px;margin-bottom: 25px;}
.col-recruit>div i{display: block;width: 60px;height:2px;background: #fff;position: absolute;bottom: 50px;transition: 0.8s;}
.col-recruit>div i::after{content:'';width:10px;height:2px;background: #fff;transform: rotate(60deg);position: absolute;right:-1px;bottom: 5px;}
.col-recruit>div a{color:#fff;display: block;width:100%;height:100%;}
.col-recruit>div:first-child{margin-right: 1%}
.col-recruit>div:last-child{margin-left: 1%}
.col-recruit>div:hover i{width: 80px;}
.col-page-demeanor{padding: 5% 0 6%}
.col-demeanor-list li{float: left;width: 32%;margin-right:2%;margin-bottom: 10px;}
.col-demeanor-list li:nth-child(3n){margin-right: 0;}
.col-demeanor-list li div{height:260px;}
.col-demeanor-list li p{margin-top:15px;margin-bottom: 30px}
/* job */
.col-page-job{background: #eeeeee;padding: 5% 0 6%;}
.col-page-job h1{text-align: center;color:#000; font-size: 36px;margin-bottom: 5%;}
.col-page-job ul li{float: left;width: 33.33%;border:1px solid #dcdcdc;border-bottom:none;background: #fff;height:400px;padding: 2% 3%;transition: 0.3s;position: relative;}
.col-page-job ul{border-bottom: 1px solid #dcdcdc;}
.col-page-job ul li:nth-child(3n-1){border-right: none;border-left: none;}
.col-page-job ul li h2{color:#000;font-size: 24px;margin-bottom: 25px;}
.col-page-job ul li a{display: block;width: 100%;height:100%;}
.col-page-job ul li a>div{line-height: 1.8;color:#666;}
.col-page-job ul li a>div span{display: block;}
.col-page-job ul li a>p{color:#666;position: absolute;bottom: 30px;}
.col-page-job ul li a>p i{color:#ab342e}
.col-page-job ul li:hover{box-shadow: 0 0 29px rgba(0, 0, 0, 0.05) inset;}
.col-page-jobform{padding: 5% 0 6%}
.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: 185px 0 6%}
.col-page-contact .container{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.09)}
.col-page-contact .col-way>span{display: block;padding: 7% 12%;}
.col-page-contact .col-way>span h2{font-size: 30px;margin-bottom: 40px;color:#000;}
.col-page-contact .col-way>span p{line-height: 1.8;color:#868686;}
.col-page-contact .col-way>span p a{color:#868686;}
.col-page-contact #allmap{width:100%;height:400px;}
.col-page-contact #allmap label{}
.col-page-contact #allmap img { max-width: 1070px; max-height: 600px;}
.col-page-contact #allmap label {max-width: 1070px;}
.col-page-contact .col-message{padding:7% 12% }
.col-page-contact .col-message h3{font-size: 30px;margin-bottom: 40px;color:#000;}
.message table{
  width: 100%;
  border-top:1px solid #000;
  border-bottom: 1px solid #000;
}
.message table tr:first-child{
  border-bottom: 1px solid #dcdcdc;
}
.message table tr td:first-child{
  background: #f8f8f8;
  width:18%;
  text-align: center;
  font-size: 16px;
  color:#000;
}
.message table tr td:last-child{
  padding: 55px 65px;
}
.message table tr:first-child td:last-child{
  padding-right:25%;
}
.message table tr:first-child td  input,select{
  width:45%;
  line-height: 46px;
  height:46px;
  margin-bottom: 15px;
  margin-right: 2%;
  border:1px solid #e5e5e5;
  padding-left: 10px;
  display: inline-block;
  outline: none;
}
.message table tr:first-child td  input:nth-child(5){
  width:92.5%;
}
.message table tr:first-child td  input:nth-child(6){
  width:92.5%;
}
.message table tr:first-child td  input:nth-child(7){
  width:92.5%;
}
.message table tr:last-child td input,textarea{
  width:100%;
  border:1px solid #e5e5e5;
  padding-left: 10px;
  margin-bottom: 15px;
  outline: none;
}
.message table tr:last-child td input{
  line-height: 46px;
}
.message table tr:last-child td textarea{
  height:134px;
}
.message table tr:last-child td input:nth-last-child(3){
  width:32%;
  background: #eee;
  margin-right: 25px;
}
.message table tr td input,.message table tr td textarea,.message table tr td select::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:#999999;
}
.message table tr td input,.message table tr td textarea,.message table tr td select:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: #999999;
}
.message table tr td input,.message table tr td textarea,.message table tr td select::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:#999999;
}
.message table tr td input,.message table tr td textarea,.message table tr td select:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#999999;
}
.sub {
  margin-top:70px;
}
.sub input{
  width:15%;
  min-width: 130px;
  line-height: 50px;
  color:#575757;
  box-shadow: none;
  border:1px solid #dcdcdc;
  background: #fff;
  margin-right: 15px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.sub input:hover{
  background: #cc2936;
  color:#fff;
}
/* page */
.col-pagination{text-align: center;}
.col-pagination li{display: inline;}
.col-pagination li a{width: 43px;height: 43px;line-height: 43px;border:1px solid #e5e5e5;padding: 0;border-radius: 0;margin:0 5px;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{color:#868686;}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #ab342e;}

.col-page-about, .col-page-news, .col-page-product{/*内页页面外层容器样式*/}
.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{}/*终极内容*/


/* 底部 */
.footer{background: #313131; z-index: 1;height:508px;}
.footer>div.clearfix{padding: 60px 50px 0;}
.footer .pull-left>ul>li{float: left;margin-right: 140px;}
.footer .pull-left>ul>li:last-child{margin-right: 0;}
.footer .pull-left>ul>li>a{color:#fff;font-size: 16px;}
.footer .pull-left ul li ul{margin-top:40px;}
.footer .pull-left ul li ul li{line-height: 2;}
.footer .pull-left ul li ul li a{color:#a5a5a5;}
.footer .pull-right{padding-bottom:100px; width:300px;}
.footer .pull-right h4{font-size: 16px;color:#fff;margin-bottom: 27px;}
.footer .pull-right h3{font-size: 18px;color:#fff;margin-bottom: 35px;}
.footer .pull-right p:nth-child(3){font-size: 16px;color:#fff;}
.footer .pull-right p:nth-child(3) i{width: 20px;height:20px;background: url(../images/location.png)no-repeat center center;display: inline-block;vertical-align: middle;margin-bottom: 5px;}
.footer .pull-right p:nth-child(4){color:#868686;margin-bottom: 45px;}
.footer .pull-right ul li{color:#868686;line-height: 1.5}
.footer .copyright{height:97px;background: #1b1b1b;padding: 0 50px;}
.footer .copyright span{color:#868686;line-height: 97px;display: inline-block;}
.footer .copyright .share{float: right;padding-top: 20px;}
.footer .copyright .share a{background-image: none;width: 45px;height:45px;border-radius: 100%;text-align: center;line-height: 45px;background: #535353;color:rgba(255,255,255, 0.84);font-size: 18px;padding: 0;display: inline-block;}
#gotoTop{display: none;z-index: 299;position: fixed;z-index: 2;width: auto;padding-right:40px;height: 39px;background:url(../images/gototop.png) no-repeat center right;line-height:39px;color: #9c9c9c;right: 10%;bottom: 50px;cursor: pointer;}

/* 副导航 */
.vicenav{height: 60px;background: #313131;padding: 0 50px;position: absolute;top:82px;width: 100%;z-index: 2;}
.vicenav.active{position: fixed;top:0;}
.vicenav ul li{float: left;margin-right: 55px;}
.vicenav ul li:last-child{margin-right: 0;}
.vicenav ul li a{color:#bfbfbf;line-height: 60px;height:60px;display: block;transition: 0.1s;box-sizing: border-box;}
.vicenav ul li.active a,.vicenav ul li a:hover{color:#fff;border-bottom: 4px solid #ab342e;}
.vicenav .pull-right span{display: block;padding: 0 60px;line-height: 60px;background: #ab342e;color:#fff;}
.vicenav .pull-right span i:first-child{display: inline-block;width: 18px;height:18px;background:url(../images/home.png)no-repeat center center;vertical-align: middle;margin-top:-5px;}
.vicenav .pull-right span i:nth-child(3){font-family: '宋体';font-weight: bold;color:#d99c99;}
.vicenav .pull-right span a{color:#d99c99;}
/* .vicenav.topnav{top:82px;transition: 1s} */
/* media */
@media (min-width: 1200px) {
  .container {
    width: 1200px;
  }
}
@media (max-width: 1600px) {
  .col-page-case .col-project .col-project-cont h2{font-size: 30px;}
  .footer .pull-left>ul>li{margin-right: 70px;}
  #banner .ban_cont{margin-top:250px}
}
@media (max-width: 1400px) {
  .footer .pull-left>ul>li{margin-right: 50px;}
  .col-page-case .col-project .col-project-cont h2{font-size: 24px;}
  .col-project>div{margin-bottom: 30px;}
  .col-page-case .col-project>div:nth-child(2n-1) .col-project-cont{width: 40%;padding: 8% 0 0 10px}
  .col-page-case .col-project>div:nth-child(2n) .col-project-cont{width: 40%;padding: 8% 10px 0 0}
  .col-page-case .col-project>div:nth-child(2n-1) .col-project-img,.col-page-case .col-project>div:nth-child(2n) .col-project-img{width: 60%}

}
@media (max-width: 1400px) {
  .footer>div.clearfix{padding: 60px 25px 0;}
  .footer .pull-left>ul>li{margin-right: 40px;}

}
@media (max-width: 1200px) {
  .col-index-line .line3{right: 0;top:128px;}
  .col-index-line .line2{top:132px;right:200px;}
  .col-index-line .line1{top:140px;right:385px;}
  .col-index-line{height:400px;background-position: 80% center !important;}
  .footer>div.clearfix{padding: 60px 0 0;}
  .col-banner .swiper-slide img{display: none;}
  .col-demeanor .pull-left,.col-demeanor .pull-right{width: 80%;display: block;float: none !important;margin:0 auto;}
  .col-page-product .col-product-content .col-content3 table{width: auto}
  .container{width:100%;}
  header .nav ul li{margin-right:20px;}
  .col-banner,.col-banner .swiper-slide,.col-banner .swiper-slide img{height:600px !important;}
  .col-banner-nav{margin-top:-72px;}
  .footer .pull-left>ul>li{margin-right: 10px;}
  .vicenav{padding: 0 10px}
}
@media (max-width: 1100px) {
  .footer .copyright{padding: 0;}
  header .nav ul li{margin-right:15px;}
  .col-page-production .col-2>div{width: 100%;padding: 0 !important;margin-top:20px}
  .col-page-production .col-2>div:nth-child(2){padding-bottom: 200px !important;}
  .col-page-production .col-2>div div .chart{right: auto;left: 0; bottom: -185px}
}
@media (max-width: 992px) {
  header>div{padding: 10px 20px 0;}
  header.active .logo h1{margin-top:-35px}
  .footer .copyright span{line-height: normal;}
  .footer .copyright .share{display: none;}
  .footer .copyright>span{display: block;text-align: center;line-height: normal;}
  .footer .copyright{height: auto;padding: 30px 0;}
  .col-page-about .col-survey{height: auto;}
  .col-demeanor-list li{width: 49%;}
  .col-demeanor-list li div{height: auto;}
  .col-demeanor-list li:nth-child(3n) { margin-right: 2%;}
  .col-demeanor-list li:nth-child(2n) { margin-right: 0;}
  .col-page-job ul li{width: 50%;}
  .col-page-job ul li:last-child{width:100%}
  .col-page-welfare .container>ul li{width: 49%;}
  .col-page-welfare .container>ul li:nth-child(3n){margin-right: 2%}
  .col-page-welfare .container>ul li:nth-child(2n){margin-right: 0}
  .col-page-protection .col-management{background: none;height:auto;padding: 30px 0;}
  .col-page-protection .col-management h2{position: relative;color:#000;margin:0 auto 30px;top:auto;}
  .col-page-protection .col-management .col-management-title h3{position: relative;margin: 0 auto 20px!important;top:0 !important}
  .col-page-protection .col-management .col-management-title div{position: relative;width: 100% !important;margin:0 !important;top:0 !important;right: 0 !important;bottom: 0 !important;left: 0 !important;text-align: center;}
  .col-page-production .col-4 ul li{width: 49%;margin-right: 2%;}
  .col-page-production .col-4 ul li:nth-child(2n){margin-right: 0;margin-bottom: 20px}
  .col-page-compliance ul li{width: 42%;}
  .col-page-compliance ul::after{display: none;}
  .col-page-news .col-news-list ul li{width: 49%;margin-right: 2%;}
  .col-page-news .col-news-list ul li:nth-child(3n){margin-right: 2%}
  .col-page-news .col-news-list ul li:nth-child(2n){margin-right: 0}
  .col-page-case .col-project>div>div{width:100% !important;text-align: center !important;}
  .col-page-solution .col-electricity .col-electricity-content .pull-right table td{display: block;width: 49%;float: left;height:300px;margin-right: 2%;margin-bottom: 20px}
  .col-page-solution .col-electricity .col-electricity-content .pull-right table td:nth-child(2n){margin-right: 0}
  .col-page-solution .col-electricity .col-electricity-content h3,.col-page-solution .col-electricity .col-electricity-content .pull-right{width: 100%;}
  .col-page-product .col-product-content .col-content3 img{float: none;}
  .col-page-product .col-product-content .col-content3 table{width: 100%;margin-top:20px}
  .col-page-about .col-develop .col-develop-box .pull-left .col-develop_img img{width: 80%;margin:0 auto;display: block}
  .col-page-about .col-develop .col-develop-box .pull-left,.col-page-about .col-develop .col-develop-box .pull-right{width: 100%}
  .col-page-about .col-culture .col-culture-list{transform: scale(0.8)}
  .col-page-about .col-chairman table td{display: block;text-align: center;width: 100% !important;border:none;}
  .col-page-about .col-chairman h2{margin-bottom: 30px;height:200px;line-height: 200px;}
  .vicenav .pull-right span{padding: 0 20px;}
  .vicenav ul li{margin-right: 20px}
  .mm-wrapper_blocking,.mm-wrapper_blocking body{overflow: auto !important;}
  .nav,.language{display: none !important;}
  .top_language{display: none !important;}
  .col-index-product .col-index-productcont{height:500px;}
  .col-index-product .col-index-productcont .container>div{margin-top:160px;}
  .col-index-product .col-index-classify ul li{padding:0 20px;}
  .col-index-respon .container{padding-top:50px}
  .footer{z-index: 999;height:auto;}
  .footer>div.clearfix{padding:30px 10px;}
  .footer .pull-left ul li{display: none;}
  .footer .pull-right{width: 100%;text-align: center;padding: 0}
}
@media (max-width: 768px) {
  .col-index-line .line::after{display: none;}
  .col-index-case .col-index-product .pull-right{padding: 30px 120px;}
  .col-page-about .col-culture h2{font-size: 24px;}
  .col-page-about .col-develop h2{height:200px;line-height: 200px;font-size: 20px}
  .col-page-about .col-honor{padding: 30px 0;}
  .col-page-about .col-honor h2{font-size: 24px}
  .col-page-about .col-chairman{padding: 0 10px}
  .col-page-about .col-survey .container p:nth-child(2){margin-bottom: 20px;}
  .col-page-about .col-survey .container p:nth-child(2) span{font-size: 20px !important;}
  .col-page-about .col-survey .container p:nth-child(1) span{font-size: 20px !important;}
  .col-index-case .col-index-product .pull-right img:hover{transform: none;}
  .footer>div.clearfix{padding: 10px 5px}
  .footer .pull-right h4{margin-bottom: 5px}
  .footer .pull-right h3{margin-bottom: 5px}
  .footer .copyright .share{display: none;}
  .message .messagecon ul{width:100%;}
  .col-page-case{padding: 5% 10px}
  .col-page-case .col-project .col-project-cont h2{font-size: 20px}
  .col-page-case .col-project .col-project-cont p{font-size: 14px;}
  .col-demeanor-list li{width: 100%;margin-right: 0 !important}
  /* .footer .copyright{padding: 0;} */
  .col-page-contact .col-message{padding:5% 10px}
  .col-recruit>div{width: 100%;margin-bottom: 20px;}
  .col-benifit table{width: 100%;margin-bottom: 30px}
  .col-demeanor .pull-left,.col-demeanor .pull-right{width: 90%;display: block;float: none !important;margin:0 auto;}
  .col-mind table:first-child td,.col-mind table:nth-child(2) td{display: block;width: 100% !important;}
  .col-mind table:nth-child(2) td{height:auto;margin-bottom: 20px}
  .col-page-welfare .container>ul li{width: 100%;margin-right: 0 !important;height:auto;margin-bottom: 30px;}
  .col-page-protection .col-protect>div{width: 100%;}
  .col-page-production .col-4 ul li{width: 100%;margin-right: 0;}
  .col-page-compliance ul li{width: 100%;}
  .col-page-news .col-news-search input.head_keyword{width: 200px;}
  .col-page-news .col-news-list ul li{width:100%;margin-right: 0 !important;height: auto;margin-bottom: 20px}
  .col-page-solution .col-electricity .col-electricity-content .pull-right table td{width: 100%;margin-right: 0}
  .col-page-product .col-product-content>div{width:100% !important;margin-bottom: 20px;float: none !important;margin-left: 0 !important}
  .col-page-product h1{font-size: 20px;}
  .col-page-product .col-product-img .pull-left,.col-page-product .col-product-img .pull-right{width: 100%}
  .col-page-about .col-organization>div{height: 300px;padding-top:60px}
  .footer .pull-right p:nth-child(4){margin:0}
  .col-page-about .col-organization>div span{width: 80%;}
  .col-page-about .col-organization{padding: 0;}
  .col-page-about .col-honor table td:nth-child(2){padding: 20px 0 20px 20px}
  .col-page-about .col-develop{padding:  0 0 50px;}
  .col-page-about .col-culture .col-culture-list{transform: none;}
  .col-page-about .col-culture{padding-top:30px;padding-bottom: 30px;}
  .col-page-about .col-culture .col-culture-list{height: auto;background: none !important;}
  .col-page-about .col-culture .col-culture-list li{position: relative;left: auto !important;top: auto !important;right: auto !important;}
  .col-page-about .col-culture .col-culture-list li h3{width: auto;height: auto;line-height: 2;font-size: 24px;border-radius: 0;border:none;margin-bottom: 20px;}
  .col-page-about .col-culture .col-culture-list li>div{position: relative;width: auto;height: auto;color:#666;display: block;left: auto;animation: none;line-height: 2}
  .col-page-about .col-culture .col-culture-list li.active>div{animation: none;}
  .col-page-about .col-culture .col-culture-list li.active h3{transform: none;background: none;box-shadow: none;color:#000}
  .col-page-about .col-culture .col-culture-list li.active h3 i{color:#000;animation: none;}
  .col-page-about .col-culture .col-culture-list li.active>div>div:first-child{width: auto;line-height: 2;}
  .vicenav {top:62px;padding: 0}
  .vicenav ul li{float: none;text-align: center;margin:0;width: 200px;background: #313131;}
  .vicenav ul li:first-child{display: block !important;}
  .vicenav ul li:nth-child(n+2){display: none;}
  .vicenav ul li:nth-child(n+2).cur{display: block;-webkit-animation: fadeInDown 1s both 0.2s;  animation: fadeInLeft 1s both 0.2s;}
  .vicenav ul{}
  header>div{padding: 10px 10px 0}
  .col-banner,.col-banner .swiper-slide,.col-banner .swiper-slide img{height:400px !important;}
  .col-banner-nav .scrolldown{display: none;}
  .col-banner-nav{line-height: 50px;margin-top:-50px;height:50px;}
  .col-banner-nav .banner-container .swiper-slide h3{line-height: 50px;}
  .col-banner .swiper-slide .ban_cont span{font-size: 20px !important;}
  .col-index-about ul li{display: block;float: none;margin:0 auto;margin-bottom: 10px;}
  .col-index-product .col-index-classify ul li{padding:0 10px;}
  .col-index-product .col-index-classify ul li a{font-size: 14px;}
  .col-index-product .col-index-classify{line-height: 50px;height:50px;}
  .col-index-case .container::before,.col-index-case .container::after{display: none;}
  .col-index-case .col-index-project .pull-left,.col-index-case .col-index-project .pull-right,.col-index-case .col-index-product .pull-left,.col-index-case .col-index-product .pull-right{width: 100%;}
}
@media (max-width: 640px) {
  .col-index-line{background-size: cover !important;}
  .col-banner #index_banner .ban_cont p:first-child{margin-bottom: 0;padding-bottom: 0;}
  .col-banner #index_banner .ban_cont p:first-child::after{display: none;}
  .col-banner #index_banner .ban_cont a{margin-top:0}
  .col-banner, .col-banner .swiper-slide, .col-banner .swiper-slide img {height: 250px !important;}
  .message table tr td:first-child{line-height: 40px;}
  .message table tr td{display: block;width: 100% !important;}
  body{overflow-x: hidden;}
  .col-page-about .col-develop .col-develop-box .pull-right>table>tbody>tr>td:first-child{display: none;}
  .col-index-news{padding: 30px 0;}
  .col-index-case .col-index-product .pull-left h3{margin:20px 0;}
  .col-index-about .container>div:first-child p:first-child span{font-size: 18px !important;}
  .col-index-about .container>div:first-child p:nth-child(2) span{font-size: 16px !important;}
  .col-index-case .col-index-product .pull-right{padding: 30px 100px;}
  .col-index-product h2,.col-index-case .col-index-project .pull-right h3,.col-index-case .col-index-product .pull-left h3,.col-index-news .container h2,.col-index-respon .container h3{font-size: 24px;}
  /* footer {height:380px;} */
  .footer .copyright{height: auto;}
  /* .footer .copyright span{line-height: 30px;text-align: center;width: 100%;} */
  .col-index-respon{padding: 0;height:319px;}
  .col-index-product .col-index-classify ul{right:0;width: 100%;}
  .message table tr td:last-child{padding: 20px !important}
  .message table tr:first-child td input, select{width: 100% !important;}
  .col-page-job ul li{width: 100%;}
  .col-benifit table td:nth-child(2){padding:20px 10px}
  .col-benifit table td{height: auto;}
  .col-demeanor .pull-right ul li{width: 100%;margin-right: 0}
  .col-page-production .col-system ul li{height:80px;position: relative}
  .col-page-production .col-system ul li .pull-right{position: absolute;bottom: 0;}
  .col-page-news .col-news-search{top:50px;left: 0;}
  .col-page-news h1{margin-bottom: 80px;}
  .vicenav .pull-right{position: absolute;right:0;top:0}
  .col-banner .swiper-slide .ban_cont{margin-top:70px;padding: 0 20px}
  .logo h1 img{width:150px;}
  header .logo p{margin-bottom: 0;font-size: 12px;}
  header.active .logo h1{margin-top:-25px;}
  .col-banner-nav{padding-right: 0;}
  .col-banner-nav .swiper-button-next{right:0;}
  .col-banner-nav .swiper-button-prev{right:50px}
  .col-index-product .col-index-productcont .container h3{font-size: 24px;margin:0;}
  .col-index-product .col-index-productcont .container>div p span{font-size: 14px !important;}
  .col-index-product .col-index-productcont{height: 400px;}
  .col-index-product .col-index-classify .container>h3{display: none;}
  .col-index-respon .container h2{position: absolute;}
  .col-index-respon .container h3{margin-top:30px;}
  .vicenav .pull-right span{padding: 0 10px;}
}
@media (max-width: 450px) {
  .col-index-product .col-index-productcont .numborder{width: 10px;height:10px;}
  .col-index-product .col-index-productcont .container>div p span{font-size: 12px !important;}
  .col-index-product .col-index-productcont .container h3{font-size: 14px;}
  .col-index-line .line p{margin-bottom: 0;}
  .col-index-line{height:200px;}
  .col-index-line .line_title{margin-top:10px;}
  .col-index-line .line_title p span{font-size: 16px !important;}
  .col-index-line .line1 {
    top: 84px;
    right: auto;
    left: 0;
}
.col-index-line .line2 {
  top: 68px;
  right: 50%;
  margin-right: -43px;
}
  .col-index-line .line3{top:64px}
  .col-index-product .col-index-productcont{height:200px;}
  .col-index-product .col-index-productcont .container>div{margin-top:20px;}
  .col-banner, .col-banner .swiper-slide, .col-banner .swiper-slide img {height: 200px !important;}
  .col-banner .banner-container .swiper-slide-active .ban_cont{margin-top:55px}
  .col-banner .swiper-slide .ban_cont span{font-size: 16px !important;}
  .col-banner .banner-container .swiper-slide-active .ban_cont p span{font-size: 12px !important;}
  .col-index-case .col-index-product .pull-right{padding: 20px 50px;}
  .col-index-about ul li{width: 80%;}
  .col-index-about ul li img{width: 100%;}
  .col-page-about .col-organization>div{padding-top:10px;}
  .col-page-about .col-organization>div h2{margin-bottom: 10px}
  .col-page-about .col-organization>div span{width: 100%}
  .col-benifit table td{display: block;width: 100% !important;padding: 20px 10px}
  .col-demeanor .pull-right p{margin:0}
  header>div{padding: 0 ;}
  header.active .logo h1{margin-top:-15px;}
  .col-banner-nav .swiper-pagination{display: none;}
  .col-index-about{padding: 30px 0;}
  .col-banner-nav{margin-left: 0}
}


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