@import url(../../css/font.css);
html, body {position: relative;}
body {background: #fff; font-family:'Montserrat-Light','Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif'; font-size: 1.5rem; color:#000; margin: 0; padding: 0;}
a{color: #333;}
a:hover{color: #f00; text-decoration: none;}
ul, li, dl, dt, dd, h1, h2, h3 ,h4 {margin: 0; padding: 0;}
ul, li{list-style: none;}
i,em{font-style: normal;}
img{max-width: 100%;}
.bg-white{background: #fff;}
.bg-black{background: #000;}
.bg-gray{background: #eee;}
.bg-blue{background: #008ede;}
@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"; }
.fl{float: left;}
.fr{float: right;}
.video video{width: 100%;}
.video .video-js{width: 100%; max-width: 600px; height: 300px;}
#my-video-goomay{width: 90%; height: 300px;}
.video-js .vjs-big-play-button{ left:50%!important; top: 50%!important; margin-left: -1.5em!important; margin-top:-0.8em!important;}
#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 img { display: inline-block;}
#page{padding-top: 0px; overflow: hidden;}
.page-50, .page-52{background: #f7f7f7;}
.main-container{padding: 0 150px; position: relative;}
/*
#page-2 header{top:0; background: #fff;  box-shadow: 0 0 2px rgba(0,0,0,.1);}
#page-2 header nav ul>li>a{color: #333; transition: 0.5s all;}
#page-2 header nav ul>li>a:hover{color: #0067b7;}
#page-2 header nav ul>li>a:after{color: #333;}*/
header{ background: #fff; position: fixed;left:0; right: 0; top:0px; z-index: 11; height: 100px; box-shadow:0 0 5px rgba(0,0,0,.2); transition: 0.5s all;}
header .container-fluid{}
.body-scroll header{ /*background:rgba(0,0,0,.6);*/ box-shadow: 0 0 10px rgba(0,0,0,.1)!important; top:0; transition: 0.5s all;}
/*.body-scroll .banner{margin-top: 80px;}*/
header .logo{width:100%;  display: block; text-align: center;}
header .logo img{ max-height: 100px; vertical-align: middle; transition:.5s all;}
header .col-lg-5 .logo img{}
header nav{/*float: right;*/ margin: auto; text-align: center;}
header nav ul{font-size: 0;}
header nav ul>li{padding: 0px; display: inline-block; font-size: 14px; position: relative; transition: .5s all;}
header nav ul>li>a{display:block; padding:0 30px; font-family: 'Raleway-SemiBold'; line-height: 100px; color: #333; font-size:1.8rem;  transition: 0.5s all; background-position: center 120px; text-transform: uppercase; transition: 0.5s all; }
header nav ul>li>a:hover{background: #e70012; color: #fff;}
header nav ul>li>a:hover:after{color: #fff;}
header nav ul>li:last-child>a:after{content: "";}
header nav ul>li:hover>a, header nav ul>li>a:hover, header nav ul>li.active>a, header nav ul>li>a.active{}
header nav ul>li.active a{background: #e70012; color: #fff;}
header nav ul>li>ul{width: 100%; position: absolute; z-index: 2; padding: 5px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.2); display: none;}
header nav ul>li>ul>li{display: block; text-align: center;}
header nav ul>li>ul>li>a{padding: 10px 5px; border-bottom: 1px solid #efefef; color: #333; line-height: 35px;}
header nav ul>li>ul>li>a:hover{background: none;}
nav.mm-menu_offcanvas{display: none;}
.body-scroll header nav ul>li>a{/*color: #333;*/}
header nav#nav-side{float:left; position: relative; padding: 0;}
header nav#nav-side ul>li>a{font-size: 1.4rem; padding: 0 12px; line-height: 70px;}
header nav#nav-side  ul>li>a:after{content: "";}
/**/
header .col-lang{text-align: right; padding-right: 10px; height: 100px; line-height: 100px;}
header .lang-bar{/*float: right;*/display:inline-block; height: 100px; line-height: 100px; color: rgba(255,255,255,.8); transition: .5s all;}
header .lang-bar>div{height: 135px; line-height: 100px; font-size: 1.5rem; color: #333; border-radius: 8px; padding: 0 10px; cursor: pointer;}
header .lang-bar>div:before{margin-right: 10px; font-size: 2.2rem;}
header .lang-bar>div:hover .lang-bar-list{transition: 0.5s all; opacity: 1;}
header .lang-bar>div a{position: relative; top: -1px;}
header .lang-bar>div i{}
header .lang-bar a i{font-size: 14px; }
header .lang-bar div.lang-bar-list{transition: 0.5s all; opacity: 0; padding-left:20px;}
header .lang-bar div.lang-bar-list a{color: rgba(0,0,0,.8); line-height: 30px;}
header .search-bar{display: inline-block; vertical-align: top; margin-top: 24px; position: relative;}
header .search-bar a{display:block; width:20px; height:20px; color: #fff;}
header .search-bar .search-wrap{display: none; position: absolute; right: 0; top: 30px;}
header .search-bar .search-wrap input{}
header .search-bar .search-wrap i{position: absolute; right: 7px; top: 6px; color: #333;}
/**/
.banner-container{position: relative; overflow: hidden; margin-top: 100px;}
.banner{/*height: 100vh;*/}
.banner .banner-slide{/*height:100vh; height: 960px;*/ position: relative; background-position: center top; /*background-size: 100%;*/ background-repeat: no-repeat;}
.banner img{max-width: 100%;}
.about-banner .banner-slide .banner-txt{position: absolute; width: 100%; padding: 0 15px; max-width: 1300px; margin: 0 auto; top: 35%; left: 50%; transform: translateX(-50%) translateY(-35%); transition: all .36s; text-align: center; z-index: 0;}
.banner-slide .banner-txt{position: absolute; width: 100%; padding: 0 15px; max-width: 1300px; margin: 0 auto; top: 50%; left: 50%; font-size: 4rem; transform: translateX(-50%) translateY(-50%); transition: all .36s; text-align: center; z-index: 0; color: #fff;}
.banner-slide .layer-mask{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.5); }
.banner-slide .banner-txt h2{margin: 0 0 10px 0; color: #fff; font-size: 5.5rem; transform:translateY(25px);transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4); font-family: Arial; font-weight: bold; text-transform: uppercase;}
.banner-slide .banner-txt p{margin: 0; color: #fff; font-size: 1.8rem; transform:translateY(25px);transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4)}

/*
@media (max-width: 1600px){
  .banner .banner-slide{height: 800px;}
}
@media (max-width: 1440px){
  .banner .banner-slide{height: 720px;}
}
@media (max-width: 1368px){
  .banner .banner-slide{height: 680px;}
}
@media (max-width: 1280px){
  .banner .banner-slide{height: 635px;}
}
@media (max-width: 1024px){
  .banner .banner-slide{height: 508px;}
}
*/
.banner-container .banner-txt{position: absolute; width: 80%; padding: 0 15px; max-width: 1300px; margin: 0 auto; top: 48%; left: 50%; transform: translateX(-50%) translateY(-48%); transition: all .36s; text-align: left;}
.banner-container .banner-txt h2{margin: 0 0 10px 0; color: #000; font-size: 5.5rem; transform:translateY(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4); font-family: 'Raleway-SemiBold'; font-weight: bold;}
.banner-container .banner-txt h3{margin: 0; color: #000; font-size: 1.8rem; line-height: 1.8; transform:translateY(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4)}
.banner-container .banner-txt h3{width: 80%}
.banner-container .banner-txt a.more{width: 160px; height: 50px; line-height: 47px; border:2px solid rgba(0,0,0,.8); color: #333; font-size: 1.5rem; text-align: center; margin: 25px 0 0 0; display: block;transform:translateY(25px); opacity: 0;transition:all .5s}
.banner-container .swiper-slide.swiper-slide-active a.more{transform:none;opacity:1;transition-delay:1s}
.banner-container .swiper-slide.swiper-slide-active:hover a.more{background: #e70303; border:2px solid #e70303; color: #fff; transition-delay:.2s}

.banner-container .swiper-slide.swiper-slide-active h2{transform:none;opacity:1;transition-delay:.5s}
.banner-container .swiper-slide.swiper-slide-active h3{transform:none;opacity:1;transition-delay:.7s}
.banner-container img{width: 100%; min-height: 200px;}
.banner-container .swiper-pagination-bullet{width:30px; height:6px; background: #fff; opacity: 1!important; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-family: Arial; border-radius: 0;}
.banner-container .swiper-pagination-bullet-active{border-radius: 0; background: #e70303; }
.banner-container >.swiper-pagination-bullets, .banner-container .swiper-pagination-custom, .banner-container .swiper-pagination-fraction{width: 100%; padding: 0 15px; max-width: 1300px; height: 30px; margin: 0 auto;  left: 50%!important; transform: translateX(-50%) ; transition: all .36s; text-align: center; text-indent: 0; background: none;}
.banner-container .btn-slidedown{position: absolute; width: 40px; height: 40px; left: 50%; bottom: 60px; margin-left: -20px; border:2px solid rgba(255,255,255,.3); border-radius: 100%; z-index: 2; color: #fff; text-align: center; line-height: 40px; transition: .5s all;}
.banner-container .btn-slidedown:hover{background: #fff; color: #333;}

/**/
.container-fluid{padding: 0;}
.container{margin: auto;}
.col-page{padding: 50px 0; background: #fff; position: relative;}
.col-pd-0{padding: 0;}
.col-full{padding: 0;}
.col-wrap{margin:auto;}
.col-index-page{width:100%; min-height:600px; background: url(../images/bg.jpg) repeat-y center top; background-size:100%; overflow: hidden; }
.col-index-page .sub-title{padding: 10px 0; font-size: 14px; font-weight: normal;  }
/*.col-page .title-head{width: 258px; height: 69px; line-height: 3rem; color: #fff; text-indent: 4rem; font-size: 1.5rem; font-weight: bold; display: inline-block; position: relative; }*/
/**/
.col-product{padding: 0 100px; position: relative;}
.col-product .title-head{text-align: left; font-family: 'Raleway-SemiBold'; text-transform: uppercase; margin:60px 0 48px 0; padding-bottom: 15px; border-bottom: 1px solid #eee; position: relative;}
.col-product .title-head em{text-align: center; font-size:2.8rem; color: rgba(255,255,255,.6);}
.col-product .title-head h2{margin: 15px 0; font-size: 3.5rem; color: #fff;}
.col-product .title-head p{color: rgba(255,255,255,.7); font-size: 1.5rem;}
.col-product .title-head a.more{position: absolute; right: 0; width: 150px; text-align: center; line-height: 33px; font-size: 1.8rem;}
.col-product .product-container{ position: relative; padding: 0px; margin:auto;}
.col-product .product-container .swiper-container{padding-top: 20px;}
.col-product .swiper-slide {}
.svg-container{ margin: auto; position: relative; width: 150px; vertical-align: middle; transition: .5s all; }
/*.col-product .swiper-slide:hover .svg-container{width: 170px;}*/
.col-product .swiper-slide a{display: block; position: relative; background: #000;}
.col-product .swiper-slide a div.img{display:block; overflow: hidden; text-align: center; position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top:-16px; pointer-events:none;}
.col-product .swiper-slide a img{transition: 0.5s all;}
.col-product .swiper-slide a:hover img{/*transform: scale(1.2,1.2); transition: 0.5s all;*/}
.col-product .swiper-slide span{display: block; text-align: center; padding: 20px 0; background: #f5f5f5;  font-size: 1.5rem; color: #888; transition: .5s all;}
.col-product .swiper-slide:hover span{color: #fff; background: #e70303;}
.col-product .swiper-slide div.content{color: rgba(255,255,255,.8); line-height: 1.7; font-size: 1.4rem; text-align: center;}

.col-product .swiper-slide .mask-layer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.col-product .swiper-slide .mask-layer{padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.col-product .swiper-slide .mask-layer::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,0.8);transform: scale(0,0.8);}
.col-product .swiper-slide .mask-layer::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(0.8,0);transform: scale(0.8,0);}
.col-product .swiper-slide .mask-layer::before, .col-product .swiper-slide .mask-layer::after{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.col-product .swiper-slide:hover .mask-layer::before,
.col-product .swiper-slide:hover .mask-layer::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.col-product .swiper-slide:hover img{opacity: 0.5;}

.col-product .pagination-product{bottom: -4px!important;}
.col-product .swiper-pagination-bullet-active{background: #e70303!important;}
.col-product .swiper-page{text-align: center;}
.col-product .swiper-page>div{display: inline-block;}
.col-product .swiper-page .slide-button{width: 40px; height: 40px; line-height: 40px; text-align: center; border:1px solid #ccc; border-radius: 50%; position: absolute; transition: .5s all;}
.col-product .swiper-page .slide-button:hover{background: #e70303; color: #fff;}
.col-product .swiper-page .slide-button i:before{font-size: 1.8rem;}
.col-product .swiper-page .slide-button-prev{left: 25px; top: 50%;}
.col-product .swiper-page .slide-button-next{right: 25px; top: 50%;}

.col-product .slide-pagination{width: auto!important;}
.col-product .slide-pagination .swiper-pagination-current{font-family:Arial; font-size:16px; font-weight: bold;}
.col-product>a.more{width: 168px; display: block; margin: 40px auto 50px auto; background: #eb0110; height: 54px; line-height: 54px; color: #fff; font-size: 1.6rem; text-align: center; text-transform: uppercase; transition: .5s all;}
.col-product>a.more:hover{background: #cd020f;}
/*product category*/
.col-product-category{}
.col-product-category .col-md-6{padding: 0 10px;}
.col-product-category a{display: block; overflow: hidden; position: relative;}
.col-product-category a img{transition: all 0.5s;}
.col-product-category a:hover img{/*transform: scale(1.2,1.2);*/ }
.col-product-category a h3{width:380px; /*height:220px;*/ font-size: 2.5rem; text-transform: uppercase; position: absolute; top: 135px; background: rgba(0,0,0,.9); color: #fff; padding-left: 1em; transition: .5s all;}
.col-product-category .pvc-panel h3 .c-title{padding: 45px 0 45px 0;}
.col-product-category .pvc-film h3 .c-title{padding: 45px 0 45px 0;}
.col-product-category a:hover h3{background: rgba(231,0,18,.8); width: 100%; height: 100%; top: 0; padding-top: 20%; padding-left: 35%;}
.col-product-category .col .mask-layer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.col-product-category .col .mask-layer{padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.col-product-category .col .mask-layer::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,0.8);transform: scale(0,0.8);}
.col-product-category .col .mask-layer::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(0.8,0);transform: scale(0.8,0);}
.col-product-category .col .mask-layer::before, .col-product-category .col .mask-layer::after{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 0;-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.col-product-category .col :hover .mask-layer::before,
.col-product-category .col :hover .mask-layer::after{opacity: 1;-webkit-transform: scale(1);transform: scale(1); transition-delay:.3s}

/*why choose us*/
.col-advantage{margin:60px 0 ; }
.col-advantage .row{}
.col-advantage .col{background: #fff; transition: .5s all; padding: 30px 70px 50px 70px; cursor: pointer;}
.col-advantage .col:hover{position:relative; background: #e70012; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1)}
.col-advantage i{display:block; font-size: 7rem; text-align: center; color: #e70012; transition: .5s all;}
.col-advantage .col:hover i{color: #fff;}
.col-advantage .s-title, .col-advantage .s-content{ text-align: center; }
.col-advantage .s-title {font-size: 2rem; font-family: 'Montserrat-Regular'; margin: 25px 0;}
.col-advantage .s-content{font-size: 1.6rem; line-height: 1.8; color: #666; transition: .5s all;}
.col-advantage .col:hover .s-content{color: #fff;}
.col-advantage .s-content p{margin: 0;}
/*about*/
.col-about{height: 718px; margin: auto; background: url(../images/index_about_bg.jpg) no-repeat center; /*background-attachment: fixed;*/  position: relative;}
.col-about .container{padding: 164px 0; text-align: left; color: #fff;}
.col-about .title-head{font-size: 5rem; font-family: 'Raleway-SemiBold'; margin: 40px 0 10px 0; text-transform: uppercase;}
.col-about .s-title{width:70%; font-size: 3rem; font-family: 'Montserrat-Light'; color: rgba(255,255,255,1); margin-bottom: 25px; /*text-transform: uppercase;*/}
.col-about  .s-content{font-size: 1.8rem;}
.col-about a.more{width: 168px; display: block; margin: 50px 0; border:2px solid #fff;  height: 54px; line-height: 54px; color: #fff; font-size: 1.6rem; text-align: center; text-transform: uppercase; transition: .5s all;}
.col-about a.more:hover{background: #e70012; border:2px solid #e70012;}

/*news*/
.col-wrapper{padding: 60px 100px; background: #f8f8f8;}
.col-news{}
.col-news .news-container{margin-top: 40px; padding: 20px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); overflow: hidden;}
.col-news .title-head{color: #000; font-family: 'Raleway-SemiBold'; font-size: 3rem; font-weight: bold; position: relative; text-align: left; text-transform: uppercase;}
.col-news .news-container a{display: block; padding: 0 0 10px 0; margin-bottom: 10px; border-bottom: 1px solid #dedede;}
.col-news .news-container a:last-child{border-bottom: none;}
.col-news .news-container a h4{color: #000; padding: 0 0 10px 0; font-size: 1.8rem;}
.col-news .news-container a .s-desc{ font-size: 1.6rem; color: #777; }
/*
.col-news .swiper-page{text-align: left;}
.col-news .swiper-page>div{display: inline-block;}
.col-news .swiper-page .slide-button-prev, .col-news .swiper-page .slide-button-next{width: 60px; height: 60px; line-height: 60px; text-align: center; position: absolute; left: -60px; background: #f5f5f5; transition: .5s all;}
.col-news .swiper-page .slide-button-prev{bottom: 60px; border-bottom: 1px solid #dedede;}
.col-news .swiper-page .slide-button-next{bottom: 0;}
.col-news .swiper-page .slide-button:hover{background: #0090df; color: #fff;}
.col-news .slide-pagination{width: auto!important; position: absolute; top: 57px; left: 250px;}
.col-news .slide-pagination span:before, .col-news .slide-pagination span:after{border-radius: 100%;}
.col-news .slide-pagination .swiper-pagination-current{font-family:Arial; font-size:16px; font-weight: bold;}
.col-news .swiper-pagination-bullet{margin:10px; position: relative;z-index: 10; width: 6px; height: 6px;}
.col-news .swiper-pagination-bullet:after{content:""; width: 20px; height: 20px; border-radius: 100%; z-index: 0;}
.col-news .swiper-pagination-bullet-active:after{content:""; width: 20px; height: 20px; background: #52b7ef; z-index: 0; position: absolute; left: -7px; top: -7px;}
.col-news .swiper-pagination-bullet-active:before{content:""; width: 6px; height: 6px; position: absolute; z-index: 8; background: #2091d0; }*/
.col-news .news-img{overflow: hidden; float: left; width: 39%; padding-right: 25px; background: #fff;}

.col-news .news-img img{min-width:250px; transition: 0.5s all;}
.col-news .news-img a:hover img{transform: scale(1.2,1.2); }
.col-news .news-txt{padding: 40px 0;}
.col-news .news-txt .title{font-size: 1.8rem;}
.col-news .news-txt .description{color: #999; padding-top: 20px;}
/*contact*/
.col-index-contact{}
.col-index-contact .contact-container{margin-top: 40px; padding: 20px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); }
.col-index-contact .contact-container p{margin: 0; line-height: 1.6; font-size:1.6rem; color: #666;}
.col-index-contact h3{color: #000; font-family: 'Raleway-SemiBold'; font-size: 3rem; font-weight: bold; position: relative; text-align: left; text-transform: uppercase;}

/*breadcrumb*/
.col-breadcrumb{height: 55px; line-height: 55px; background: #f2f2f2; /*margin-top: 100px;*/}
/**/
.col-about-page{ background:none; padding: 0; position: relative; }
.col-service-page{padding: 50px 0 100px 0; font-size: 1.6rem; color: #444;}
.col-sub-nav{height: 70px; line-height: 70px; background: #e70012; position: relative; z-index: 10;}
.col-sub-nav .container{}
.col-sub-nav .col{padding: 0;}
.col-sub-nav .masthead{padding-left: 50px; color: #fff;}
.col-sub-nav .masthead>a{color: #fff;}
.col-sub-nav .masthead i{font-size: 20px; margin-right: 10px; padding: 5px; color: #fff; background: #1480d4; border-radius: 50%; vertical-align:middle; position: relative; overflow: hidden;}
.col-sub-nav .masthead i:before{position: relative; z-index: 2;}
.col-sub-nav .masthead i:after{content:""; background: #06385f; width: 14px; height: 14px; z-index: 1; position: absolute; right: 3px; bottom: 0;
transform:rotate(45deg);
-ms-transform:rotate(45deg);   /* IE 9 */
-moz-transform:rotate(45deg);  /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);  /* Opera */
}
.col-sub-nav .sub-nav-wrap{width: 100%; }
.col-sub-nav .sub-nav-wrap #sub-nav{width:100%; font-size: 0; margin: 0; height: 70px;}
.col-sub-nav .sub-nav-wrap #sub-nav li{display: inline-block; width: 16.66%; height: 70px; line-height: 70px;}
.col-sub-nav .sub-nav-wrap #sub-nav li a{font-size: 1.5rem; text-align: center; color: #fff; display: block; transition: .5s all; text-decoration: none;}
.col-sub-nav .sub-nav-wrap #sub-nav li a:hover, .col-sub-nav .sub-nav-wrap #sub-nav li a.current{background: #f5f5f5; color: #333;}
#nav8 .sub-nav-wrap #sub-nav li{width:25%;}
.col-sub-nav .sub-nav-wrap em{display: block; text-align: center; color: #fff;}
.col-sub-nav .sub-nav-wrap em i{margin-left: 5px;}
.col-sub-nav .sub-nav-wrap menu{width:100%; margin: 0; padding:0; display: none; background: #00736e; text-align: center; position: absolute; z-index: 5; border-top: 1px solid rgba(255,255,255,.1)}
.col-sub-nav .sub-nav-wrap menu a{color: rgba(255,255,255,.6); display: block; line-height: 50px; border-bottom: 1px solid rgba(255,255,255,.1); transition: 0.5s all;}
.col-sub-nav .sub-nav-wrap menu a:hover{color: rgba(255,255,255,.9);}
.col-sub-nav .sub-nav-wrap menu .sub{ padding-left: 30px; text-align: center; }
.col-sub-nav .sub-nav-wrap menu .sub a:before{content:"└─";}
/*面包屑*/
.col-location{border-bottom: 1px solid #dedede; }
.col-location .container{line-height: 40px;}
/*关于我们*/
.col-page-about{padding: 50px 0;}
.col-page-about .title-head{font-family: 'Raleway-SemiBold'; font-size: 4rem; text-transform: uppercase; margin: 10px 0 20px 0;}
.col-page-about .page-about-content{line-height: 2;}
.col-page-about .about-img{padding: 50px 30px 0 0; position: relative; }
.col-page-about .about-img img{box-shadow: -5px 5px 10px rgba(0,0,0,.3)}
.col-page-about .about-img .border{border:8px solid #000; width: 330px; height: 480px; position: absolute; right: 0; top: 20px; z-index: -1}
/*about advantage*/
.col-page-advantage{height: 600px; background: url(../images/about_bg.jpg) no-repeat center; /*background-attachment: fixed;*/}
.page-advantage-content{padding-top: 150px;  text-align: center;}
.page-advantage-content .col{padding: 0 70px; cursor: pointer; color: rgba(255,255,255,.7); transition: .5s all;}
.page-advantage-content .col:hover{color: rgba(255,255,255,1); }
.page-advantage-content i{display: block; font-size: 7rem; text-align: center; transition: .5s all;}
.page-advantage-content .s-title{ font-family: 'Montserrat-Regular'; margin: 25px 0; font-size: 1.8rem;}
.page-advantage-content .s-content{font-size: 1.6rem; line-height: 1.8;}

.page-advantage-container{padding-top: 180px!important; color: #fff; overflow:hidden;}
.page-advantage-container .swiper-wrapper{padding:0;}
.page-advantage-container .swiper-slide .s-title{font-size: 3.5rem; margin: 20px 0; text-align: center; text-transform: uppercase;}
.page-advantage-container .swiper-slide .s-content{width:60%; margin:auto; font-size: 2rem; line-height: 2; text-align: center;}
.page-advantage-container .slide-pagination{text-align: center; margin-top: 30px;}
.page-advantage-container .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 5px; background: #fff;}
.page-advantage-container .swiper-pagination-bullet-active{background: #e70012;}
/*about plant*/
.col-page-plant{margin: 50px 0 80px 0;}
.col-page-plant .title-head{text-align: center; font-size: 3rem; font-family: 'Raleway-SemiBold'; text-transform: uppercase; margin-bottom: 30px;}
.col-page-plant .swiper-slide img{transition: .5s all}
.col-page-plant .swiper-slide a{display: block; overflow: hidden;}
.col-page-plant .swiper-slide a:hover img{transform: scale(1.2,1.2);}
.col-page-plant .pagination-product{bottom: -4px!important;}
.col-page-plant .swiper-pagination-bullet-active{background: #e70303!important;}
.col-page-plant .swiper-page{text-align: center;}
.col-page-plant .swiper-page>div{display: inline-block;}
.col-page-plant .swiper-page .slide-button{width: 40px; height: 40px; line-height: 40px; text-align: center; border:1px solid #ccc; border-radius: 50%; position: absolute; z-index:9; transition: .5s all;}
.col-page-plant .swiper-page .slide-button:hover{background: #e70303; color: #fff;}
.col-page-plant .swiper-page .slide-button i:before{font-size: 1.8rem;}
.col-page-plant .swiper-page .slide-button-prev{left: 55px; top: 50%;}
.col-page-plant .swiper-page .slide-button-next{right: 55px; top: 50%;}
/*contact*/
.col-page-contact{}
.col-page-contact .title-head{text-align: center; font-size: 3rem; font-family: 'Raleway-SemiBold'; text-transform: uppercase; margin-bottom: 30px;}
.page-contact-content{padding-top: 50px!important;}
.page-contact-content h3{margin-bottom: 10px;}
.message-container li{padding: 5px 0;}
.message-container input, .message-container textarea{border:1px solid #dedede; background: #fff; padding: 8px 5px; width: 100%;}
.message-container textarea{height: 100px;}
.message-container li .gm-row{padding: 0;}
.message-container li img{margin-left: 5px;}
.message-button {margin-top:20px;}
.message-button .i-button{background: #e70012; border: none; color: #fff; padding: 10px 20px;}
/**/
.col-video-wrap .container{ padding: 110px 0 95px 0; }
.col-video-wrap .title-head{font-size: 3.5rem; margin-bottom: 50px;}
.col-video-wrap .video-container{padding-bottom: 50px;}
.col-video-wrap .video-container .swiper-page{text-align: center; margin-top: 20px;}
.col-video-wrap .video-container .swiper-page>div{display: inline-block;}
.col-video-wrap .video-container .swiper-page .slide-button{width: 30px; height: 30px; line-height: 100%; border:1px solid #dedede; border-radius: 100%; text-align: center; position: relative; box-shadow: 0 0 5px rgba(0,0,0,.1)}
.col-video-wrap .video-container .swiper-page .slide-button i{margin-top: 5px;}
.col-video-wrap .video-container .swiper-page .slide-pagination span{vertical-align: middle;}
.col-video-wrap .video-container .swiper-page .swiper-pagination-bullet{width: 10px; height: 10px; margin: 2px;}

/*人力资源*/
.col-recruit-wrap{margin-top: 90px;}
.col-recruit-wrap .swiper-slide span{text-align: center; display: block; padding: 10px 0;}
.col-recruit-wrap .recruit-container .pagination-honor{bottom: 0px!important;}
.col-recruit-wrap .recruit-container .swiper-pagination-bullet{background: #fff; opacity: .8;}
.col-recruit-wrap .swiper-page{ text-align: center; margin-top: 30px; }
.col-recruit-wrap .swiper-page .slide-button-prev, .col-recruit-wrap .swiper-page .slide-button-next{width: 25px; height: 25px; display: inline-block; line-height: 25px; text-align: center; border: 1px solid #ccc; border-radius: 50%;}
.col-recruit-wrap .swiper-page div{display: inline-block;}
.col-recruit-wrap .swiper-page .slide-pagination{width: auto!important}
.col-recruit-wrap .slide-button-prev{left: 15px; }
.col-recruit-wrap .slide-button-next{right: 15px; }
.col-recruit-development{height: 588px; margin-bottom: 85px;}
.col-recruit-development .container{padding: 100px 0 80px 0px; color: rgba(255,255,255,.7);}
.col-recruit-development .container h2{font-size: 4rem;  color: #fff;}
.col-recruit-development .container h3{font-size: 1.9rem; margin:40px 0 50px 0; color: #fff;}

/*新闻动态*/
.col-news-page{background: #fff; padding-bottom: 80px; min-height:475px!important;height:auto!important;overflow:hidden!important;_height:475px;_overflow:visible;}
.col-news-page .col-sub-nav{width: 310px; height: auto; float: right; background: none;}
.col-news-page .col-sub-nav .title-head{height: 85px; line-height: 85px; border-bottom: 3px solid #222; font-size: 2.5rem; position: relative; text-indent: 20px; margin-bottom: 23px;}
.col-news-page .col-sub-nav .title-head:before{content: ""; width: 7px; height: 20px; background: #0846b1; position: absolute; left: 0; top: 33px;}
.col-news-page .col-sub-nav .sub-nav-wrap #sub-nav li{display: block;}
#sub-news-nav{background: #f3f3f3; padding: 20px 0 20px 0px;}
#sub-news-nav li {padding-bottom:10px;}
#sub-news-nav li a{display: block; height: 50px; line-height: 50px; text-indent: 1em; position: relative; left: 15px; transition: .5s all;}
#sub-news-nav li a:after{content: ""; height:1px; width:270px; background: #dedede; position: absolute; left: 0px; bottom: -10px;}
#sub-news-nav li a:hover, #sub-news-nav li a.current{background: #e70012; color: #fff; box-shadow: -5px 5px 3px rgba(0,0,0,.1)}
.col-article .title-head{ height: 85px; line-height: 85px; text-indent: 20px; border-bottom: 3px solid #222; font-size: 3rem; margin-right: 380px; position: relative; }
.col-article .title-head:before{content: ""; width: 7px; height: 20px; background: #0846b1; position: absolute; left: 0; top: 33px;}
.col-news-container{padding: 0 100px;}
.news-list{position: relative;}
.news-list>ul{font-size: 0;}
.news-list>ul>li{padding: 20px; display: inline-block; vertical-align: top; transition: .5s all;}
.news-list>ul>li:hover{box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 5px; border-bottom: 1px solid #fff;}
.news-list>ul>li.even a{position: relative; top: 50px;}
.news-list>ul>li>a{display: block; background: #fff;  transition: 0.5s all;}
.news-list>ul>li>a h2{font-size: 1.5rem; margin: 10px 0; line-height: 1.5;}
.news-list>ul>li>a .content{padding: 5px;}
.news-list>ul>li>a>p{font-size: 13px; color: #666; line-height: 24px;}
.news-list>ul>li>a p.news-cate{font-size: 1.2rem; display: inline-block; background: #ff6600; color: #fff;  padding:5px 10px;}
.news-list>ul>li>a p.news-date {color: #666; font-size: 1.5rem;}
.news-list>ul>li>a p.news-date i{font-size: 1.5rem; margin-right: 10px;}
.news-list>ul>li>a .img{overflow: hidden;}
.news-list>ul>li>a img{transition: 0.5s all;}
.news-list>ul>li>a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1); transition: 0.5s all;}
.graphic-list>ul>li{display: block!important; overflow: hidden; border-bottom: 1px solid #efefef; padding: 20px;}
.graphic-list>ul>li .img{width: 26%; max-width: 300px; float: left; margin-right: 40px;}
.graphic-list>ul>li .content{}
.graphic-list>ul>li>a h2{font-size: 1.8rem; color: #222; transition: .5s all;}
.graphic-list>ul>li>a:hover h2{color: #e70012;}
.graphic-list>ul>li>a .news-desc{font-size: 1.5rem; line-height: 1.7; color: #666;}
.graphic-list>ul>li>a p.news-date{margin-top: 20px; font-size: 1.2rem; color: #999;}
.img-list>ul>li>a{margin:0 25px;}
.img-single>ul>li{border-bottom: 1px solid #dedede;}
.page-single{padding: 30px 0;}

.col-news-show{padding-bottom: 30px; }
.c-show-title{text-align: center; padding: 30px 0 20px 0; border-bottom: 1px solid #dedede;}
.c-show-title h1{font-size: 24px; margin-bottom: 8px;}
.c-show-title .date{color: #999;}
.c-show-content{padding: 20px 0;}
.c-show-content .inner-content{padding: 30px 0;}
.c-show-content .show-txt{padding: 20px 0; line-height: 2;}
.c-show-content .show-txt h2, .c-show-content .show-txt h3, .c-show-content .show-txt strong{font-size:24px; font-weight:bold; color:#e70012;}
.c-show-content .show-txt img, .c-show-content .show-txt p img{margin:15px auto;}
.c-show-content .show-txt a{text-decoration:underline; color:#337ab7;}
.c-show-content .prev-next{text-align: center; padding: 10px 0; border-top: 1px solid #efefef;}
.c-show-img{text-align: center;}
/*图片*/
.picture-list{ padding: 50px 0 20px 0; }
.picture-list ul{font-size: 0}
.picture-list ul li{display: inline-block; width: 33.33%; min-height: 200px;}
#case li{width: 50%; position: relative; margin-bottom: 150px;}
#case li>div{padding: 0 110px 0 0;}
#case li.even{}
#case li.even>div{padding: 0 70px 0 40px;}
#case li a{margin:0;}
#case li .content{background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.1);width:95%; padding:30px 50px; position: absolute; bottom: -80px; right: -60px; transition: .5s all;}
#case li a:hover .content{right:0; width: 100%; bottom: -140px;}
#case li .s-title{text-align: left;}
#case li .s-map{color: #666; font-size: 1.5rem;}
#case li .s-map i{color: #0067b7; font-size: 1.5rem; margin-right: 10px;}
.picture-list ul li a{margin: 15px; display: block; position: relative;background: url('data:image/gif;base64,R0lGODlhKAAoAJECAAAAAP///////wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyYTE4NGI0OC05MWRlLWQwNDgtOTU5Zi1iYWFlZTVhMzMxOTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTAxMUNFMUM1OTdBMTFFOEIxODhGMDU2NTRBNkJCOTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTAxMUNFMUI1OTdBMTFFOEIxODhGMDU2NTRBNkJCOTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODhjNTFlYzktMjE0MS1lZDQ0LTk1NDMtNjljYWQ1YjdjOWZkIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2U3ZTMwYWUtNTk3YS0xMWU4LTgxMWMtZWViYjBkYWQ0MzkwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEBQgAAgAsAAAAACgAKAAAAlCMj6nL7Q+jnLTai7PevPsPhuJIVsC5ncCjpqjTarExB/VV52+mr8dt6SGApp3NSKQIf0Yc8unjQYfNYDWRnGRpV9G2BA6Lx+Sy+YxOq9eTAgAh+QQFCQACACwLAAwAEQAQAAACHYSFqWqwH+ITTcUw69y8+w+G4kiS2ncKVzqtB1gAACH5BAUJAAIALAsACwARABIAAAIZhIWpy+1owJvUhVuz3rz7DzJXECZRCR1ZAQAh+QQFCAACACwLAAsAEQASAAACHYyFAptt0RZotNqLc5W6+w+G4kiCXOk9EVOpyUkVACH5BAUJAAIALAsACwARABIAAAIflC+hyKzR0ooH2Eerzbz7D4biSJYixlkAmqkR28FHAQAh+QQFCAACACwLAAsAEQASAAACG5SPCJt9C1yYrtoZbMK6+w+G4khKVElyKARCBQA7') #fff no-repeat center;}
.picture-list ul li a img{ transition: 0.5s all; max-width: 100%  }
.picture-list ul li a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.picture-list ul li .img{}
.picture-list a{display: block; position: relative;}
/*.picture-list a span{width:100%; display: block; text-align: center; font-size: 14px; padding: 10px 0;background: rgba(0,0,0,.5); color: #fff; position: absolute; bottom:10px; }*/
.picture-list .img{overflow: hidden;}
.picture-list .img p{display:block; background: #fefefe;}
.picture-list .s-title { margin-top: 20px; font-size: 18px; position: relative; text-align: center;}
.picture-list .s-title>span { font-size: 1.2rem; display: block;}

/*产品*/
#product{margin: 50px auto;}
.col-product-category{color: #0067b7; font-size: 2.8rem; margin-top: 60px;}
.col-product-list{border-left: 1px solid #dedede;}
.col-product-container {margin: auto; padding: 0 150px;}
.col-product-container .title-head{font-size: 3rem; font-family: 'Raleway-SemiBold'; position: relative; padding-left: 15px;}
.col-product-container .title-head:before{content:"";height:100%;border-left: 5px solid #e70012; margin-right:15px;}
.product-list{ padding: 0px 0 20px 0; }
.product-list ul{font-size: 0}
.product-list ul li{display: inline-block; width: 33.33%; vertical-align:top; transition: 0.5s all;}
.product-list ul li a{margin: 0 15px; display: block; position: relative; overflow: hidden;  font-size: 1.6rem; transition: 0.5s all;}
.product-list ul li:hover{}
.product-list ul li a:hover{color: #0067b7; transition: 0.5s all;}
.product-list ul li a span{width:100%; display: block; text-align: center; font-size: 14px; padding: 15px 0;background: rgba(0,0,0,.5); color: #fff; position: absolute; bottom:0px; }
.product-list ul li .img{overflow: hidden;}
.product-list ul li a img{ transition: 0.5s all; width: 100%; min-height: 100px;}
.product-list ul li a:hover img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);}
.product-list ul li a h3{font-size: 1.6rem; text-align: center; padding: 15px 0;}
.product-desc{padding:5vw 0 0 3vw}
.product-desc h2,.product-desc h3,.product-desc h4,.product-desc h5,.product-desc strong{margin-bottom:15px; font-weight:bold;}
.product-desc p{margin-bottom:15px; line-height:1.75;}
.col-product-nav{padding: 30px 20px; border:1px solid #dedede; overflow:hidden;}
.col-product-nav .title-head{font-size: 2.5rem; font-family: 'Raleway-SemiBold'; position: relative; padding-left: 0px;margin-bottom: 30px;}
.col-product-nav .title-head:before{content:"";height:100%;border-left: 5px solid #e70012; margin-right:15px;}
.col-product-nav a{font-weight: bold; margin-bottom: 10px; font-size: 1.8rem;}
.col-product-nav a i{margin-right: 10px;}
.col-product-nav .product-nav-list{border-bottom: 1px solid #dedede; margin-bottom: 15px;}
.col-product-nav ul{padding-left:20px; margin: 10px 0;}
.col-product-nav ul li a{font-weight: normal;display: block; color: #333; padding: 8px 0; margin: 0; font-size: 1.5rem;}
.col-product-nav ul .three{padding-left:1em;}
.col-product-nav ul .three a{color:#888; font-size:1.4rem;}
/**/
.col-search{padding: 30px 20px; border:1px solid #dedede; overflow:hidden; margin-top:30px;}
.col-search .title-head{font-size: 2.5rem; font-family: 'Raleway-SemiBold'; position: relative; padding-left: 0px;margin-bottom: 30px;}
.col-search .title-head:before{content:"";height:100%;border-left: 5px solid #e70012; margin-right:15px;}
.col-search select, .col-search input{border:1px solid #dedede;padding: 8px 5px; width: 100%; margin-top: 10px;}
.col-search .btn-search{padding: 8px 0; transition: .5s all}
.col-search .btn-search:hover{background:#e70012; color: #fff; }
.col-page-search{padding: 50px 0;}
.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;}
.product_title a{color: #d80808; text-decoration: underline;}
.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; }

/*产品详细*/
.col-page-product{margin-top: 50px; margin-bottom: 30px;}
.col-page-product .location{margin:30px 0 6vh 0; line-height:50px; border-bottom:1px solid #dedede;font-size:16px; }
.col-page-product .location a{font-size:16px; transition:.5s;}
.col-page-product .location a:hover{color:#0c4e93; transition:.5s;}
.product-thumb{margin-top: 0px;}
.product-thumb .swiper-page{text-align: center; /*position: relative;*/}
.product-thumb .swiper-page>div{display: inline-block;}
.product-thumb .swiper-page .slide-button{width: 40px; height: 40px; line-height: 40px; text-align: center; border:1px solid #ccc; border-radius: 50%; position: absolute; z-index: 99; transition: .5s all;}
.product-thumb .swiper-page .slide-button:hover{background: #e70303; color: #fff;}
.product-thumb .swiper-page .slide-button i:before{font-size: 1.8rem;}
.product-thumb .swiper-page .slide-button-prev{left: 0; bottom: 50%;}
.product-thumb .swiper-page .slide-button-next{right: 0; bottom: 50%;}
.cloudzoom-zoom{z-index: 9;}
.product-desc{font-size:1.5rem; line-height:1.8; color:#777;}
.product-desc p{margin:0;}
.product-desc h3{margin: 20px 0; color:#000;}
.pre-next{margin:20px 0;}
.product-detail{}
.product-detail .tab-menu{ border: 1px solid #efefef; padding: 0; }
.product-detail .tab-menu li{display: inline-block; padding: 15px 25px;}
.product-detail .tab-menu li.current{background: #e70012; color: #fff;}
.product-detail .tab-box{padding: 20px 0;}
.col-page-inquiry{margin:20px 0 50px 0; padding-bottom:30px;}
.page-inquiry-container{padding:10px 0 0 0;}
.page-inquiry-container ul li{padding: 5px 0;}
.page-inquiry-container input, .page-inquiry-container textarea{border:1px solid #efefef; padding: 8px 5px; width: 100%;}
.page-inquiry-container textarea{height: 100px;}
.page-inquiry-container .submit{width: 200px; padding: 15px 0; background:#e70012; color: #fff; text-align: center; }
    .btn-inquiry{display:inline-block; background:#e70012; padding:8px 20px; text-align:center; color:#fff;}
    .btn-inquiry:hover{color:#fff;}
    .btn-inquiry i{margin-right:5px; font-size:18px;}
/*产品分类*/
#catalog{width:1100px; margin: 15px auto; padding: 0 15px;}
#catalog .catalog_title{width:10%;}
.sicatalog_head {font-size: 44px; font-weight:bold; color: #d80808; font-family: Verdana,Arial; height: 45px; line-height: 45px; overflow: hidden; padding-left: 30px;}
.f_l {float: left;}
.dashed > ul > li{ margin-left:30px;}
.dashed > div > span{ height: 25px; line-height: 25px; font-weight: 600; color: #333;}
.sicatalog { overflow: hidden; margin: 0 80px;}
.sicatalog .dashed:first-child { border-top: none;}
.sicatalog .dashed { overflow: hidden; border-top: #aaa 1px dashed; padding: 13px 0px;}
.sicatalog li { text-align: center; float: left; height: 25px; line-height: 25px; padding: 0 5px; margin: 0 13px;}
.sicatalog li:hover, .sicatalog .active{ background:#d80808;}
.sicatalog li:hover a, .sicatalog .active a{ color:#fff;}
/**/
/*product spec*/
.spec-type{ height: 32px;line-height: 32px;margin-top:3px}
.spec-item{ padding: 20px 0;}
.spec-one-item{ padding:5px 0;}
.spec-val{ padding-left: 0!important;}
.choiceimg{ width: 42px!important; height: 42px!important; padding: 2px!important;}
.border-spec{ border:1px solid #fff;}
.border-spec:hover{ border:1px dotted #f40;}
.border-spec-active{ border:1px dotted #f40;}
.cartInvalid{ background: #f0f0f0}
.choice{ padding: 0 10px;border: 1px solid #b8b7bd;cursor:pointer;float: left;margin-right: 5px;height: 32px;line-height: 32px;margin-top:3px;}
.choice:hover{ border: 1px solid #FF0036;}
.choice-active{border: 1px solid #FF0036;}
.choice-disabled{pointer-events: none;cursor: default; opacity: 0.6;}
.click-disabled{pointer-events: none;}
/*招聘*/
.recruit-wrap{background: #fff; overflow: hidden;}
.col-concept{margin: 30px auto; padding: 10px;/*background: #efefef;*/}
.col-concept .title-head{font-size:2rem; margin: 20px 0;}
.col-concept .content{color: #666;}
.col-concept .col-full{padding: 0;}
.col-concept .content table {width: 100%; margin: 80px 0 50px 0;}
.col-concept .content table td{display: block; float: left; width: 20%;}
.col-concept .content table td h3{font-size: 1.6rem;}

.col-position{ padding: 60px 0;}
.col-position .title-head{font-size:3rem; margin: 20px 0; padding: 20px 0; padding-left: 15px; border-bottom: 1px solid #dedede;}
.col-position .title-head span{display: block; font-size: 1.5rem; color: #666; margin-top: 10px;}
.col-position .job_list li{padding: 15px;}
.col-position .job_list li .inner-wrap{background: #f5f5f5; border: 1px solid #dedede; border-radius: 5px; padding: 50px 40px; transition: 0.5s all; display: block;}
.col-position .job_list li:hover .inner-wrap{ /*border: 1px solid rgb(1, 155, 255); */ box-shadow: 0 0 10px rgba(0,0,0,.2); transition: 0.5s all;}
.col-position .job_list li .job-title{font-size: 20px; color: rgb(9, 92, 179);; margin: 0 0 20px 0; position: relative;}
.col-position .job_list li .job-requirement{color: #666; margin-top: 40px;}
.col-position .job_list li .job-date{color: #666; font-family: Arial;}
.col-position .job_list li .job-date i{color: #666; margin-right: 20px;}
.col-position .job_list li a i{margin-top: 10px;}
.col-position .job_list li a i.fa{font-size: 18px; transition: 0.5s all;}
.col-position .job_list li a:hover i.fa{color: rgb(1, 155, 255); transition: 0.5s all;}
.col-position .job_list li .job-title::after{width: 50px; border-bottom: 5px solid #ccc; position: absolute;}
.job_form {padding:55px 0;background:#f7f7f7}
.job_form h1 {font-size:2.2rem;color:#000;font-weight:bold;letter-spacing:5px;text-align:center;margin:0 0 24px}
.job_form h1 p {font-size:1.4rem;color:#737373;font-weight:normal;margin:8px 0 0;letter-spacing:normal}
.job_message {width:100%;max-width:980px;margin:0 auto;}
.job_message li {margin:10px 0;line-height:35px;}
.job_message li:after {content:'';clear:both;display:block}
.job_message li span {line-height:35px;font-size:1.4rem;display:block;}
.job_message li input[type="text"] {width:100%;height:35px;line-height:35px;float:left;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.15);border:0;border-radius:3px;transition:all .3s;background:#FFF;font-size:1.4rem;}
.job_message li input[type="radio"] {margin:0 0 0 15px;}
.job_message li textarea {width:100%;height:120px;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.15);border:0;border-radius:3px;transition:all .3s;background:#FFF;font-size:1.4rem;}
.job_message li input[type="text"]:hover,.job_message li textarea:hover {box-shadow:0 5px 12px rgba(0,0,0,0.2)}
.job_message li span:last-child {display:none}
.job_message .sub input {display:inline-block;padding:7px 30px;font-size:1.4rem;color:#fff;background:#004585;margin:0 10px;border:0;transition:all .3s;border-radius:5px}
.job_message .sub input:hover {box-shadow:0 5px 12px rgba(0,0,0,0.2);}
.job_message .code {margin:20px 0}
.job_message .code span {line-height:35px;font-size:1.4rem;display:block;}
.job_message .code input[type="text"] {width:25%;height:35px;line-height:35px;float:left;padding:0 10px;box-shadow:0 0 12px rgba(0,0,0,0.2);border:0;border-radius:3px;transition:all .3s;font-size:1.4rem}
/*招聘详情页*/
.col-position-page{background: #f7f7f7;}
.col-position-page .container{padding: 30px 0 60px 0;}
.position-title{margin-bottom: 30px;}
.position-content{font-size: 14px; color: #666; margin-bottom: 30px;}
.position-content h3{font-size: 18px; border-bottom: 1px solid #dedede; padding: 10px 0; margin: 10px 0; color: #333;}
.position-content p, .position-content span{background: none!important; font-family:'simhei'!important;}
.col-position-page .container a{display:inline-block; padding: 6px 40px; line-height: 30px; background: #0067b7; color: #fff; transition: .5s all; -webkit-transition:.5s all; -ms-transition:.5s all; position: relative;}
.col-position-page .container a i{color: #fff; opacity: 0; -webkit-opacity:0; -ms-opacity:0; transition: .5s all; -webkit-transition:.5s all; -ms-transition:.5s all; position: absolute; left: 60%; top: 50%; margin-top: -8px;}
.col-position-page .container a:hover{background: #00736e;}
.col-position-page .container a:hover i{opacity: 1; -webkit-opacity:1; -ms-opacity:1; left: 80%;}

/*contact begin*/
.col-contact-page{background: #fff;}
.col-contact{padding: 40px 0 20px 0; background: #fff;}
.col-contact h2{margin-bottom: 40px;}
.col-contact .container{position: relative;}
.col-contact .contact-wrap{ position: absolute; background: #fff; padding: 50px; left: 0; z-index: 3; }
.col-contact .contact-hotline{color: #2cb4ff; font-size: 3rem; margin: 20px 0;}
.col-contact .contact-content{color: #666;}
#allmap { width: 100%; height: 400px; margin-top: 50px; border: 1px solid #ccc;}
#allmap img { max-width: 1070px; max-height: 468px;}
#allmap label { max-width: 1070px;}
.BMapLabel{height:50px; line-height:50px!important; padding:0 40px 0 60px!important;background:#fff; border:none!important;top:15px!important;left: -130px!important; font-family: simhei!important; font-size: 1.5rem!important; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAATCAYAAAB7u5a2AAAB8UlEQVQ4jWP8DwQMSKB01RWGmQfuM7AyMzGEmUozZDgqMujL8jOQAxjRDWdMWo+hyNdAgiHbSYnBXUecMsOlCrczPP/4g0FHmo+BnZWJ4eyDD3A5EwVBhiwnRYYYS1mwzwgBDBVMTIxg2lZNmOFMnSPD0jQTMBsEzjx4z5A07xyDUtkuhpbNNxleAB1BkstlincwPH3/ncHfUJJhQ64FXHzf9dcMsw4+YFh56glcjI2FiSHJRh5nvOA0PMhYimFttjmGhmvPPjPMOfQAjD//+AMXxxYvJBsOA2+//GKYf+Qhw9ITjxkuPPoIFzeUE2BItpMHW0Q4VnAAYR42hhIPVYbzDU4MocAkCwPnH31gyFlyEcxmIdfwb7/+Miw8+ohh+cnHDMfvvIOLq4rzMCTbypNn+MO33xhmH4SE+ctPP+HijhqiDNnOSgzBwOCEAZyG//2HEhUMJ++9B6aW+wzzDj9EEQel+UxHJQYrFSEMM3AaLi3ICaY3XXjOMH3/fYYdl1/C5YS42RhS7RUY0oBYSZQbpy9xGg4KR/uOwwyHbr2Bi2lK8gJdqciQAEzbvByEQxSnClCswwC28CQG4DSci40ZnNZxhSdFhnvoijMsTjUhy1AYwJmJiCn1SDb8HzQJ/vzzl/qGv/gEKUbffP5FseEAx2e79WardA8AAAAASUVORK5CYII=) no-repeat 30px center;}

.BMapLabel:before{content:"";}
.baidu-map-content{ margin:0; line-height:20px; padding:2px;}
.baidu-map-content img{ float:right; zoom:1; overflow:hidden; width:100px; height:100px; margin-left:3px;}
/*在线留言*/
.col-map{position: relative; z-index: 1;}
.col-map .container-fluid{padding-left: 250px;}
.map-bg{background: #f5f5f5; width:100%; height: 360px; position: absolute; bottom:-30px; z-index: -1;}
.col-message { margin:0; padding-bottom: 80px; overflow: hidden; background: #f5f5f5;}
.message {padding:100px 0 0;}
.message h3 {font-size:24px;color:#000;padding:0 0 45px;text-align:center;}
.your_info>div,.mess_info>div {padding:0}
.your_info {border-top:1px solid #1b1b1b;border-bottom:1px solid #bfbfbf}
.your_info .col-xs-4 em,.mess_info .col-xs-4 em {display:block;font-size:16px;color:#000;line-height:280px;text-align:center;}
.your_info .message_list0 {padding:54px 45px 0 0;}
.your_info .message_list0 li {float:left;width:49%;height:46px;margin:0 0 17px;position:relative}
.your_info .message_list0 li input[type="text"],.your_info .message_list0 li select{width:100%;height:44px;border:1px solid #c9c9c9;padding:0 15px;background:none;font-size:14px;color:#333}
.your_info .message_list0 li select {padding:0 35px;position:relative}
.your_info .message_list0 li.li1:before {content:'';background:url(data:image/png;base64,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) 0 0 no-repeat;width:10px;height:8px;position:absolute;top:50%;left:18px;z-index:2;margin:-4px 0 0}
.your_info .message_list0 li.li1,.your_info .message_list0 li.li3 {margin-left:2%;}
.your_info .message_list0 li.li4 {width:100%;margin:0}
.mess_info {border-bottom:1px solid #1b1b1b;}
.mess_info .col-xs-4 em {line-height:365px;}
.mess_info .message_list1 {padding:55px 45px 0 0;}
.mess_info .message_list1 li {margin: 0 0 15px;}
.mess_info .message_list1 li.li5 input[type="text"] {width:100%;height:44px;border:1px solid #c9c9c9;padding:0 17px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li textarea {width:100%;height:132px;border:1px solid #c9c9c9;padding:15px;background:none;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code input {width:240px;height:44px;border:1px solid #c9c9c9;background:#f8f8f8;padding:0 20px;font-size:14px;color:#333}
.mess_info .message_list1 li.verify_code span {color:red;font-size:14px;padding:0 10px;}
.mess_info .message_list1 li.verify_code a {font-size:14px;color:#c7c7c7;text-decoration:underline;padding-left:20px}
.btn_message {text-align:center;margin:68px 0 0}
.btn_message input {width:172px;height:47px;border:1px solid #dcdcdc;font-size:14px;color:#575757;background:none;margin:0 8px;transition:all .3s}
.btn_message input:first-child {background:#0061ae;color:#FFF;border-color:#0061ae}


/*分页*/
.page{margin:20px 0; text-align: center;}
.page .pagination>.active>a, 
.page .pagination>.active>a:focus, 
.page .pagination>.active>a:hover, 
.page .pagination>.active>span, 
.page .pagination>.active>span:focus, 
.page .pagination>.active>span:hover{background: #e70012; border-color: #e70012;}
/**/
#gotoTop{ display: none; z-index: 299; position: fixed; width: 40px; height: 40px; background-color: #333; background-color: rgba(0,0,0,0.5); font-size: 20px;  line-height: 36px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 50px; cursor: pointer; border-radius: 2px;}
#gotoTop:hover{ background-color: #e70012;}
.customer-service{ z-index: 299; position: fixed; font-size: 20px; line-height: 40px; text-align: center; color: #FFF; top: auto; left: auto; right: 30px; bottom: 90px;}
.customer-service li{ width: 40px; height: 40px; background-color: #333; background-color: rgba(0,0,0,0.7); cursor: pointer; border-radius: 2px; margin-bottom: 10px;
}
.customer-service li a{ color: #FFF;}
.customer-service li:hover{ background-color: #e70303 !important;}
/**/
footer{ background: #222; padding:60px 0 0; color: rgba(255,255,255,.5); position: relative; z-index: 2}
footer .col-footer-nav{}
footer .footer-nav{width:86%; float:left; font-size: 0; padding: 0 0 55px 0; position: relative;}
footer .footer-nav dl {display: inline-block; margin: 0; width: 16.66%; font-size: 1.5rem; vertical-align: top;}
footer .footer-nav dl dt{ padding-bottom:20px; }
footer .footer-nav dl dt a{color: rgba(255,255,255,.8);}
footer .footer-nav dl dd{margin-bottom: 10px;}
footer .footer-nav dl dd a{color: #888; font-size:14px;}
footer .wondray-contact{text-align: center; font-size: 1.5rem; color: #666;}
footer .footer-hotline{color: #2cb4ff; font-size: 3rem;}
footer .footer-hotline em{font-family: Arial; font-weight: bold;}
footer .footer-logo{ text-align: center; margin-bottom: 15px;}
footer .container{padding:0; color: rgba(255,255,255,.8); position: relative;}
footer .footer-nav li{display: inline-block; line-height: 35px;}
footer .footer-nav li a{color: rgba(255,255,255,.8); padding: 0 30px;}
footer .col-copyright{background: #313131;padding: 20px 0; font-size:1.2rem;}
footer .footer-contact{padding: 30px 0 20px;}
footer .footer-contact, footer .footer-contact a{font-size: 1.5rem; color: rgba(255,255,255,.5);}
footer .footer-contact li{padding:0;}
footer .footer-qrcode{float:right; text-align: center;  margin-left: 30px; font-size: 1.3rem;}
footer .footer-qrcode img{max-width: 100px;}
footer .footer-qrcode span{display: block; color: rgba(255,255,255,.5); padding-top: 5px;}

footer .footer-copyright{font-size:1.4rem; text-align: left; padding:  0; text-transform: uppercase;color: rgba(255,255,255,.5);}
footer .footer-power, footer .footer-power a{color: rgba(255,255,255,.5);}

/* rightside ways */
.rightways{
	position: fixed;
	top: 40%;
	right: 5px;
	z-index: 99;
}
.rightways .rightways-i{
	position: relative;
	margin-top: 5px;
	list-style: none;
}
.rightways .rightways-i:first-child{margin-top: 0;}
.rightways .rightways-i:hover .rightways-i-info{
	opacity: 1;
	visibility: visible;
}
.rightways .rightways-i .rightways-i-ic{
	width: 45px;
	height: 45px;
	border-radius: 7px;
	background-color: #e70012;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rightways .rightways-i .rightways-i-ic i{
	font-family: FontAwesome !important;
	font-size: 23px;
	color: #fff;
}
.rightways .rightways-i .rightways-i-ic i.fa-skype,.rightways .rightways-i .rightways-i-ic i.fa-whatsapp{font-size: 28px;}
.rightways .rightways-i .rightways-i-info{
	position: absolute;
	top: 0;
	right: calc(100% + 12px);
	background-color: #fff;
	border-radius: 5px;
	border: solid 1px #999;
	opacity: 0;
	visibility: hidden;
	transition: 0.7s;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
}
.rightways .rightways-i .rightways-i-info-box{
	padding: 10px;
	padding-right: 15px;
}
.rightways .rightways-i .rightways-i-info p{
	font-size: 16px;
	white-space: nowrap;
	line-height: 1;
	position: relative;
	margin: 0;
}
.rightways .rightways-i .rightways-i-info .rightways-i-info-tria{
	width: 12px;
	height: 12px;
	background-color: #fff;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: absolute;
	top: 10px;
	right: -7px;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
}
.rightways .rightways-i .rightways-i-info .rightways-i-info-img{
	width: 220px;
	font-size: 0;
	text-align: center;
}
.rightways .rightways-i .rightways-i-info .rightways-i-info-img img{max-width: 100%;}
.rightways .rightways-i .rightways-i-info a{color: inherit;}
/*  */

@media (min-width: 1400px){
    .container{width:80%}
.col-about .container { width: 90%;}
}
@media (min-width: 1800px){
  .col-news .news-content{padding-top: 20px;}
}
@media (max-width: 1600px){
  #about-count{margin-top: -400px;}
}
@media (max-width: 1440px){
  header{height: 85px; transition: .5s all;}
  header .logo img{height: 85px;}
  header .col-lang{height: 85px; line-height: 85px;}
  header .lang-bar{height: 85px; line-height: 85px;}
  header .lang-bar>div{height: 85px; line-height: 85px;}
  header nav ul>li>a{line-height: 85px; padding: 0 15px; font-size: 1.5rem;}
  .banner-container{margin-top: 85px;}
  /*product category*/
  .col-product{padding: 0 50px;}
  .col-product .swiper-page .slide-button-prev{left:4px;}
  .col-product .swiper-page .slide-button-next{right: 4px;}
  .col-product-category a h3{}
  .col-product-category a:hover h3{padding-left: 33%; padding-top: 20%;}
  /*advantage*/
  .col-advantage .col{padding: 30px 50px 50px 50px;}
  .col-advantage .s-title {font-size: 1.8rem; }
  .col-advantage .s-content{font-size: 1.4rem; line-height: 1.8;}
  /*about*/
  .col-about{height: 600px;}
  .col-about .container{padding:110px 0;}
  /*news & contact*/
  .col-news .news-container a{margin-bottom: 8px; padding-bottom: 8px;}
  .col-news .news-container a h4{padding-bottom: 8px; font-size: 1.5rem;}
  .col-news .news-container a .s-desc{ font-size: 1.4rem; color: #777; }
  .col-index-contact .contact-container{height: 282px;}
  .col-index-contact .contact-container p{font-size: 1.4rem;}
  .col-about .s-title{width: 80%;}
  /*sub page*/
  .col-breadcrumb{}
  .col-product-container{padding: 0 50px;}
  .main-container{padding: 0 50px;}
  .page-advantage-content .col{padding: 0 50px;}
  .page-advantage-content .s-title{font-size: 1.8rem;}
  .page-advantage-content .s-content{font-size: 1.4rem; line-height: 1.8;}
  .col-page-about .about-img{padding: 50px 30px 0 0; }
  .col-page-about .about-img .border{width: 240px; height: 340px;}
  .col-page-plant .swiper-page .slide-button-prev{left: 5px; top: 50%;}
  .col-page-plant .swiper-page .slide-button-next{right: 5px; top: 50%;}

}
@media (min-width: 1320px){
  .col-news .container, .col-index-footer .container, .col-history-wrap .container, .col-about-wrap .container,  .col-leader-wrap .container,  .col-video-wrap .container, .col-honor-wrap .container {
      width: 1300px;
  }
}
@media (max-width: 1320px){
  header .container-fluid{position: relative;}
  header .col-md-8{width: 71%;}
  header .col-lang{position: absolute; right: 10px; }
  .col-history-wrap .history-slides .slides-single ul{width: 60%;}
  .col-history-wrap .history-slides .slides-single .slides-img-container{width: 40%; }
}
@media (max-width: 1200px){
  header nav ul>li>a{line-height: 85px; padding: 0 11px; font-size: 1.5rem;}
  #about-count{position: relative; margin-top: -300px;}
}
@media screen and (min-width: 992px) and (max-width: 1200px)  {
  /*header nav ul>li>a{padding: 0 15px;}*/
  header .col-md-8{padding: 0;}
  .col-sub-nav menu div{margin:0 3px;}
/**/
  .col-about .container{padding: 65px;}
  .col-about .about-nav-container{margin:0 40px;}
  .col-index-main .col-index-main-about .col-inner{padding: 45px 40px;}
  .col-index-main .col-index-main-about .col-inner .col-txt{padding-right: 30px;}
  .col-index-main .col-index-main-about .col-inner .col-count{padding-left: 30px;}
  .col-index-main .col-index-main-news>div .news-content a{font-size: 1.5rem;}

}
@media (max-width: 1066px){
  /*header nav ul>li>a{padding: 0 10px;}*/
}
@media screen and (max-width: 992px)  {
  html{font-size: 60%;}
  #page{padding-top:0;}
  header{background: rgba(255,255,255,1); transition:none!important;}
  header .logo{padding: 0;}
  header .logo img{vertical-align:top;}
  header{height: 55px; line-height: 55px; /*overflow: hidden; top:-55px; */position: fixed; left: 0; right: 0;}
  header.on {top: 0; transition: all 0.5s ease-out 0s;}
  header nav#nav{display: none;}
  header .col-lang{ position: relative; height:55px; }
  header .search-bar{display: none;}
  header .search-bar a{width:55px; height: 55px; line-height:55px; background:#fff; color: #333;}
  header .logo img{width:auto; height: 55px;}
  header>div>div{padding: 0!important;}
  header .search-bar a i {font-size: 24px; vertical-align: middle;}
  header .lang-bar{margin-right: 55px; height:55px; line-height:55px; margin-top: 0px; float: right;}
  header .lang-bar>div{height:55px; line-height:55px;}
  header .col-lang{ right: 0;}
  #header a.mm_btn {background: center center no-repeat #e70012;display: block;width: 55px;height: 55px;position: absolute;top: -1px;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-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;
  }
  .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{background: #f3f3f3; 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;}
  .mm-menu_pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    position: absolute;
    right: 100%;
    top: -10%;
    z-index: 99;
}
  
  .banner{margin-top:55px;}
  .banner-slide .banner-txt{ top: 30%; left: 50%; font-size: 4rem; transform: translateX(-50%) translateY(-30%);}
  .banner-slide .banner-txt h2{font-size:4rem; }
    .banner-slide .banner-txt p,  .banner-slide .banner-txt .remark{display:none;}
  .banner-container{margin-top:55px;}
  .banner-container .banner-txt h2{font-size:4rem;}
  .banner-container .banner-txt h3{line-height:1.6;}
  .banner-container .swiper-slide.swiper-slide-active a.more{display:none;}
  .col-sub-nav{text-align: center;}
  .col-sub-nav menu div{margin:0 3px;}
  .col-wrapper{padding: 50px 20px;}
  .col-product{margin:0 0 65px 0;}
  .col-product-category .pvc-panel{margin-bottom:20px}
  /*index*/
  .col-about .container{padding:110px 40px 40px;}
  .col-about .about-nav-container{margin:0 20px;}
  .col-news .news-img{width:100%; margin-bottom:20px; padding:0; float:none;}
  .col-news .news-img img{width:100%;}
  .col-news .news-content{width:100%;}
  .col-news .slide-pagination{top: 55px;}
	.col-index-contact{margin-top:50px;}
	.col-page-advantage{height:820px;}
	.page-advantage-content{padding-top:20px;}
	.page-advantage-content .col{padding:0 10px;}
	.col-page-advantage .main-container{padding:0 20px;}
  /**/
  .col-news-page{padding-top:0;}
  .col-news-page .container{width: 100%;}
  .col-news-page .col-sub-nav{float: none; width: 100%; height: 78px; line-height: 78px;}
  .col-news-page .col-sub-nav .title-head{display: none;}
  #sub-news-nav{background: #0846b1; padding: 0; font-size: 0; height: 78px;}
  #sub-news-nav li{display: inline-block; width: 25%; height: 78px; line-height: 78px; padding-bottom: 0;}
  #sub-news-nav li a{font-size: 1.6rem; height: 78px; line-height: 78px; color: #fff;}
  #sub-news-nav li a:after{display: none;}
  #sub-news-nav li a:hover, #sub-news-nav li a.current{background: #fff; color: #333; box-shadow: none;}
  .news-list{margin-right: 0;}

  /**/
  .col-product-container{padding:0;}
  .product-list ul li{width: 50%; min-height: auto}
  .col-search{margin-bottom:40px;}
  /*招聘*/
  .col-recruit .recruit-info{border-right: 5px solid #ffb7b7; border-radius:10px; margin-bottom: 20px;}
  .col-recruit .recruit-img{text-align: center;}
  .job-list-content{padding: 20px;}
  /*联系我们*/
  .col-contact .contact-info ul li{width: 50%; border-bottom: 1px solid rgba(255,255,255,.1) }
  .col-contact .contact-info ul li:nth-child(3), .col-contact .contact-info ul li:nth-child(4){border: none;}
  .col-message .message-wrap ul{width: 90%;}
  .col-message .message-wrap ul li .col{padding: 0;}
  .col-message .btn-msg{width: 100%;}

/**/
footer{margin:0; padding:0}
footer .container .footer-nav, footer .footer-qrcode{display:none;}
footer{min-height: auto; height: auto; background-repeat: repeat; }
footer .footer-nav dl{width: 20%;}
footer .footer-nav dl dd{display:none;}
}
@media (max-width: 768px){
    
    .col-about-wrap .col-count li .inner{padding:40px 10px;}
}
@media (max-width: 640px){
	.banner-container .banner-txt h2{font-size:3.5rem;}
	.banner-container .banner-txt h3{display:none;}
	.col-product .title-head{font-size:2.5rem;}
	.col-about .container{padding:80px 20px 0px 20px;}
	.col-about .title-head{margin-top:0; font-size:4rem;}
	.col-about .s-title{width:100%; font-size:2.5rem;}
	footer .footer-nav{width:100%;}
}
@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;
  }
}
@media (max-width: 550px){

  .col-news h2 a:before{content: "———"; }
  .col-about-wrap .col-count li .count-num{font-size: 3rem;}
  .col-about-wrap{margin: 0;}
  .col-about .title-head{margin-top:0; font-size:4rem;}
  .col-about .s-title{width:100%; font-size:2.5rem;}
  .col-product-category a h3{top:50%; margin-top: -63px;}
  .col-product-category .pvc-panel h3 .c-title{padding:25px 0;}
  .col-product-category .pvc-film h3 .c-title{padding:25px 0;}
  .col-product-category a:hover h3{background: rgba(231,0,18,.8); width: 100%; height: 100%; margin:0; top: 0; padding-top: 20%; padding-left: 25%;}
}

@media (max-width: 500px){
	.banner-container .banner-txt h2{font-size:3rem;}
	.col-product{padding:0 20px;}
	.col-product .title-head{font-size:2.2rem;}
	.col-product .title-head a.more{font-size:1.5rem; text-align:right;}
  .col-about .container{padding:100px 20px 0px 20px;}
  .col-about .about-remarks{width: 100%; font-size: 2rem;}
  .col-about .col-count ul li{width: 50%; margin-bottom: 40px;}
  .col-about a.more{margin-top: 60px;}
  .col-news{bottom: 30px;}
  .col-news .slide-pagination{left:210px;}
  .col-news .swiper-pagination-bullet{margin:7px;}
  .col-news h2 a{right: 0px;}
  .col-news h2 a:before{content: ""; }
  .col-about-wrap .col-count li .count-num{font-size: 2.5rem;}
  .main-container{padding:0 15px;}
  .col-about .title-head{margin-top:0; font-size:3rem;}
  .col-about .s-title{width:100%; font-size:2rem;}
  .col-about .s-content{font-size:1.6rem;}
  .col-wrapper{padding:40px 0px;}
  .graphic-list>ul>li .img{width:100%; max-width:100%; margin:0; float:none;}
  .news-list>ul>li>a img{width:100%;}

}
@media (max-width: 400px){

  .col-news{bottom: 10px;}
    .col-about-wrap .col-count li .count-num{font-size: 2rem;}
}