html, body {position: relative;}
body {background: #fff; font-family:'simhei',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%;}
@font-face {
  font-family: 'goomay';  /* project id 523133 */
  src: ;
  src:  format('embedded-opentype'),
   format('woff'),
   format('truetype'),
   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-right: 5px;
  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;}
.clearfix{clear:both;}
.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;}
#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: none; position: fixed;left:0; right: 0; top:20px; z-index: 11; height: 70px; transition: 0.5s all;}
header .container-fluid{max-width:1300px;}
.body-scroll header{ background:rgba(0,0,0,.7); box-shadow: 0 0 10px rgba(0,0,0,.2)!important; top:0; transition: 0.5s all;}
/*.body-scroll .banner{margin-top: 80px;}*/
header .logo{width:100%; min-width: 194px; padding-top: 12px; display: block;}
header .logo img{ /*max-height: 47px;*/ width:100%; min-width:190px; vertical-align: middle;}
header .col-lg-5 .logo img{}
header nav{float: right; padding-right: 60px;}
header nav ul{font-size: 0;}
header nav>ul>li{padding: 0px; display: inline-block; font-size: 14px; position: relative;}
header nav>ul>li>a{display:block; padding:0 25px; line-height: 70px; color: #333; font-size:1.6rem; color: #fff; transition: 0.5s all; background-position: center 120px; transition: 0.5s all; }
header nav>ul>li>a:after{content: "|"; font-family: '宋体'; font-size:12px; color: #fff; position: absolute; right: 0; top: 0;}
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>ul{width: 100%; position: absolute; z-index: 2; padding: 10px; 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; padding:5px 0;}
header nav ul>li>ul>li>a{padding: 10px 5px; font-size: 1.4rem; 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 .lang-bar{float: right;margin-top: 22px; color: rgba(255,255,255,.8);}
header .lang-bar>div{height: 25px; line-height: 25px; background: rgba(0,0,0,.4); border-radius: 8px; padding: 0 10px;}
header .lang-bar>div:hover .lang-bar-list{transition: 0.5s all; opacity: 1;}
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;}
header .lang-bar div.lang-bar-list a{color: rgba(255,255,255,.6); line-height: 30px;}
#page-2 header .lang-bar div.lang-bar-list a{color: rgba(0,0,0,.6);}
/**/
.banner-container{position: relative; /*overflow: hidden;*/}
.banner{/*height: 100vh;*/}
.banner .banner-slide{/*height:100vh;*/ background-position: center top;}
.banner img{max-width: 100%;}
.banner-container .banner-txt{position: absolute; width: 100%; padding: 0 15px; max-width: 1300px; margin: 0 auto; top: 50%; left: 50%; transform: translatex(-50%) translatey(-50%); transition: all .36s; text-align: left;}
.banner-container .banner-txt h2{margin: 0; color: #fff; font-size: 4.5rem; transform:translatey(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4)}
.banner-container .banner-txt p{margin: 0; color: #fff; font-size: 2rem; transform:translatey(25px);opacity:0;transition:all .5s;text-shadow:0 0 15px rgba(0,0,0,0.4)}
.banner-container .swiper-slide.swiper-slide-active h2{transform:none;opacity:1;transition-delay:.5s}
.banner-container .swiper-slide.swiper-slide-active p{transform:none;opacity:1;transition-delay:.7s}
.banner-container img{width: 100%; min-height: 200px;}
.banner-container .swiper-pagination-bullet{width:30px; height:30px; background: none!important; opacity: 1!important; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-family: arial;}
.banner-container .swiper-pagination-bullet-active{border:1px solid #fff; background: #fff!important; color: #333; opacity: 1!important; border-radius: 100%;}
.banner-container >.swiper-pagination-bullets, .banner-container .swiper-pagination-custom, .banner-container .swiper-pagination-fraction{width: 100%; height: 100px; padding: 0 15px; max-width: 1300px; margin: 0 auto; top:60%; left: 50%!important; transform: translatex(-50%) translatey(-60%); transition: all .36s; text-align: left; text-indent: 0; background: none;}

/*产品banner*/
#product-swiper {position: relative; width: 1620px; margin: 70px auto 0 auto}
@media screen and (min-width: 1440px) and (max-width: 1600px)  {
  #product-swiper {position: relative; width: 1300px; margin: 0 auto}
}
@media screen and (min-width: 1300px) and (max-width: 1439px)  {
  #product-swiper {position: relative; width: 1200px; margin: 0 auto}
}
@media screen and (min-width: 1200px) and (max-width: 1299px)  {
  #product-swiper {position: relative; width: 1100px; margin: 0 auto}
}
@media screen and (min-width: 992px) and (max-width: 1199px)  {
  #product-swiper {position: relative; width: 900px; margin: 0 auto}
}
@media screen and (min-width: 640px) and (max-width: 991px)  {
  #product-swiper { position: relative; width: 640px; margin:55px auto 0 auto}
  #product-swiper .swiper-button-prev {top: 40%;}
  #product-swiper .swiper-button-next {top: 40%;}
}
@media screen and (min-width: 480px) and (max-width: 639px)  {
  #product-swiper { position: relative; width: 600px; margin:55px auto 0 auto}
  #product-swiper .swiper-button-prev {top: 40%;}
  #product-swiper .swiper-button-next {top: 40%;}
}
@media screen and (min-width: 360px) and (max-width: 480px)  {
  #product-swiper {position: relative; width: 380px; margin:55px auto 0 auto;}
  #product-swiper .swiper-button-prev {top: 40%;}
  #product-swiper .swiper-button-next {top: 40%;}
}
@media screen and (max-width: 360px)  {
  #product-swiper {position: relative; width: 280px; margin:55px auto 0 auto;}
  #product-swiper .swiper-button-prev {top: 40%;}
  #product-swiper .swiper-button-next {top: 40%;}
}

#product-swiper .swiper-container { padding-bottom: 60px;}
#product-swiper  .swiper-slide { width:80%; background: #fff; box-shadow: 0 8px 30px #ddd;}
#product-swiper  .swiper-slide img{display:block;}
#product-swiper  .swiper-slide p {line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0;}
#product-swiper .swiper-slide-active{opacity: 1!important;}
#product-swiper .swiper-pagination { width: 100%; bottom: 20px;}
#product-swiper .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px;
  height: 10px; opacity: 1;}
#product-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff;}
#product-swiper .swiper-button{width: 45px; height: 45px; line-height: 45px; border:1px solid #ddd;border-radius: 100%;background:rgba(255,255,255,.7); color: #333; text-align: center; transition: 0.5s all;}
#product-swiper .swiper-button i{font-size: 16px;}
#product-swiper .swiper-button:hover{background:rgba(255,255,255,.9); transition: 0.5s all;}
#product-swiper .swiper-button-prev {left: 40px;}
#product-swiper .swiper-button-next { right: 40px;}
/**/
.container-fluid{padding: 0;}
.container{margin: auto;}
.col-page{padding: 0; background: #fff; position: relative;}
.col-pd-0{padding: 0;}
.col-full{padding: 0;}
/*.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-index-main{position: absolute;width: 100%; bottom: 60px; z-index: 10; border-radius: 5px;}
.col-index-main .container{padding: 0; border-radius: 5px; overflow: hidden;}
.col-index-main .col-index-main-about{width: 40%; height: 195px; float: left; background: #fff;}
.col-index-main .col-index-main-about .col-inner{padding: 45px; overflow: hidden;}
.col-index-main .col-index-main-about .col-inner .col-txt{width: 100%; float: left; padding-right: 40px;}
.col-index-main .col-index-main-about .col-inner .col-txt h2{font-size: 2.5rem;}
.col-index-main .col-index-main-about .col-inner .col-txt .content{padding-top: 20px; color: #888;}
.col-index-main .col-index-main-about .col-inner .col-txt a i{ color: #0067b7; }
.col-index-main .col-index-main-about .col-inner .col-count{width: 40%; float: left; border-left: 1px solid #eee; padding-left: 40px; display:none;}
.col-index-main .col-index-main-about .col-inner .col-count .title{color: #888;}
.col-index-main .col-index-main-about .col-inner .col-count li p{display: inline-block;}
.col-index-main .col-index-main-about .col-inner .col-count li p .count-plus{color: #888;}
.col-index-main .col-index-main-about .col-inner .col-count li .count-num{font-size: 2rem;}
.col-index-main .col-index-main-news{width: 60%; height: 195px; float: right; font-size: 0;}
.col-index-main .col-index-main-news>div{display: inline-block; width: 50%; height: 100%; padding-top: 35px; vertical-align: top; position: relative;}
.col-index-main .col-index-main-news .company-news{background: #0067b7; padding-left:33px; padding-right: 33px; }
.col-index-main .col-index-main-news .industry-news{background: #00736e; padding-left:33px; padding-right: 33px; }
.col-index-main .col-index-main-news>div>h2{font-size: 1.8rem; color: rgba(255,255,255,.7);}
.col-index-main .col-index-main-news>div .news-content{padding-top: 15px;}
.col-index-main .col-index-main-news>div .news-content a{font-size:1.7rem; color: #fff;}
.col-index-main .col-index-main-news>div .news-content a i{width: 19px; height: 19px; line-height: 19px; background: #fff; border-radius: 100%; color: #0067b7; display: block; text-align: center; font-style: normal; font-weight: bold; position: absolute; bottom: 25px;}
.col-index-main .col-index-main-news>div .news-content a i:before{content: " "; font-family: arial;}
/**/
.col-index-page{width:100%; min-height:600px; background: url(/uploads/image/psgimages/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-product-app{margin: 60px 0;}
.col-product-app h3{padding: 10px 0; font-size: 14px; font-weight: normal;  }
.col-product-app .content{padding: 20px 0;}
.col-product-app .content .mg-r-15 {padding-right: 15px; padding-left: 0;}
.col-product-app .content .mg-l-15 {padding-left: 15px; padding-right: 0;}
.col-product-app .content>div>div{overflow: hidden;}
.col-product-app .content .col {overflow: hidden; margin-bottom: 20px;}
.col-product-app .content .col img{width: 100%;}
.col-product-app .content .col a img{transition: 0.5s all;}
.col-product-app .content .col a:hover img{transform: scale(1.1,1.1);}
.col-product-app .content .s-title{margin-top:20px; font-size: 18px; position: relative; padding-left: 1rem;}
.col-product-app .content p:before{content:''; width: 4px; height: 40px; background: #e70303; position: absolute; left: 0; top:3px; }
.col-product-app .content .s-title>span{font-size: 1.2rem; display: block;}
/**/
.col-about{margin: 65px 0;}
.col-about .sub-title{ display: inline-block; font-size: 1.6rem; font-weight: bold; text-indent: 1rem; vertical-align: middle;}
.col-about .container{padding: 65px; background: url(/uploads/image/psgimages/about_bg.png) repeat;}
.col-about .container .content{line-height: 26px; padding: 20px 0;}
.col-about .about-nav-container{margin: 0 40px; overflow: hidden;}
.col-about .about-nav-container ul{}
.col-about .about-nav-container ul li {position: relative; }
.col-about .about-nav-container ul li a{display:block; padding: 20px 30px; border:1px solid #999; color: #fff; overflow: hidden; }
.col-about .about-nav-container ul li a div{padding:0 0 0 10px; display: inline-block; vertical-align: middle;}
.col-about .about-nav-container ul li img{ display: inline-block; }
.col-about .about-nav-container ul li strong{}
.col-about .about-nav-container ul li p{margin: 0;}
/**/
.col-product{margin: 65px 0;}
.col-product-category{}
.col-product .title-head{text-align: center; font-size:2.5rem;}
.col-product .container{overflow: hidden;}
.col-product .product-container{ position: relative; padding: 30px 0 30px;}
.col-product .swiper-slide {overflow: hidden;}
.col-product .swiper-slide a div{display:block; overflow: hidden; border: 1px solid #dedede; text-align: center; background: #fff;}
.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;}
.col-product .pagination-product{bottom: -4px!important;}
.col-product .swiper-pagination-bullet-active{background: #e70303!important;}
.swiper-page{text-align: center;}
.swiper-page>div{display: inline-block;}
.swiper-page .slide-button-prev, .swiper-page .slide-button-next{width: 25px; height: 25px; line-height: 25px; text-align: center; border:1px solid #ccc; border-radius: 50%;}
.slide-pagination{width: auto!important;}
.slide-pagination .swiper-pagination-current{font-family:arial; font-size:16px; font-weight: bold;}
/**/
.col-about-page{background: #fff; position: relative;}
.col-service-page{padding: 50px 0 100px 0; font-size: 1.6rem; color: #444;}
.col-sub-nav{height: 70px; line-height: 70px; position: relative; top: -30px;}
.col-sub-nav .container{background: #0067b7;}
.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%; background: #00736e; float: right; cursor: pointer;}
.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-about-wrap{margin: 50px 0; }
.col-about-wrap .item-about-img{box-shadow: 10px 10px 5px rgba(0,0,0,.2)}
.col-about-wrap .item-about-img>img{width: 100%;}
.col-about-wrap .item-intro{line-height: 26px; margin-top: 180px; margin-left: 40px;}
.col-about-wrap .item-intro>h2{color: #0067b7; font-size:3.5rem;}
.col-about-wrap .item-intro .remark{color:#777; font-size: 1.8rem; margin-top:15px;}
.col-about-wrap .col-count {margin-left: 40px; display:none;}
.col-about-wrap .col-count ul{font-size: 0;}
.col-about-wrap .col-count li{width: 50%; display: inline-block; margin: 40px 0 0; font-size: 1.5rem; text-indent: 65px;}
.col-about-wrap .col-count li.c1 {background:  no-repeat left center;}
.col-about-wrap .col-count li.c2{background:  no-repeat left center;}
.col-about-wrap .col-count li.c3{background:  no-repeat left center;}
.col-about-wrap .col-count li.c4{background:  no-repeat left center;}
.col-about-wrap .col-count li p{margin: 0;}
.col-about-wrap .col-count li>.title{color: #666;}
.col-about-page .about-content{line-height: 2.4rem; color: #666;}
.col-about-page .about-content p{margin: 30px 0;}
.col-honor-wrap{}
.col-honor-wrap .title-head{padding:15px 0 15px 25px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size: 1.8rem; color: #0067b7; background:  no-repeat left center;}
.item-honor{padding: 30px 0 80px 0;}
.item-honor .container{overflow: hidden;}
.item-honor .honor-container{ /*max-height: 300px;*/ margin-top: 20px; padding-bottom: 30px; position: relative; }
.item-honor .honor-container a{display: block; background: #fff; padding: 10px;}
.item-honor .honor-container .swiper-slide{overflow: hidden; visibility: hidden;}
.item-honor .honor-container .swiper-slide img{width: 100%; /*max-width: 280px;*/}
.item-honor .honor-container a div{overflow: hidden;}
.item-honor .honor-container a span{display: block; padding: 10px 0; text-align: center;}
.item-honor .honor-container a img{transition: 0.5s all;}
.item-honor .honor-container a:hover img{transform: scale(1.2,1.2); transition: 0.5s all;}
.item-honor .honor-container .pagination-honor{bottom: 0px!important;}
.item-honor .honor-container .swiper-pagination-bullet{background: #fff; opacity: .8;}
/*新闻动态*/
.col-news-page{background: #f7f7f7; padding-bottom: 80px;}
.news-list>ul{font-size: 0; float:left;}
.news-list>ul>li{padding: 20px 0; display: inline-block; vertical-align: top; }
.news-list>ul>li>a{margin: 0 25px; display: block; border: 1px solid #dedede; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.1); transition: 0.5s all;}
.news-list>ul>li>a:hover{box-shadow: 0 0 15px rgba(0,0,0,.2)}
.news-list>ul>li>a h2{font-size: 1.5rem; margin: 10px 0; line-height: 1.5;}
.news-list>ul>li>a .content{padding: 30px 20px; min-height: 192px;}
.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;}

.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: 24px;}
.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:  #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;}
.col-product-list{border-left: 1px solid #dedede;}
.product-list{ padding: 0px 0 20px 0; }
.product-list ul{font-size: 0}
.product-list ul li{display: inline-block; width: 45%; transition: 0.5s all;}
.product-list ul li a{margin: 0 15px; height:40px; line-height:40px; display: block; position: relative; font-size: 1.6rem; text-indent: 7rem; transition: 0.5s all;background:  no-repeat 60px center;}
.product-list ul li:hover{background: #efefef;}
.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_desc{padding:80px 0;}
.product_desc .clearfix{position: relative;}
.product_desc .left{border:1px solid #e8e8e8;text-align: center;padding: 0}
.product_desc .left img{width: 100%;height: 100%} 
.product_desc .right{padding: 0;padding-left: 4%;margin-top: 30px}
.product_desc .right .title{font-size: 18px;color: #333}
.product_desc .right .remarks{font-size:18px; margin:5px 0; }
.product_desc .right .date{height: 35px;line-height: 35px}
.product_desc .right .date div{margin-right:50px;float: left;font-size: 16px}
.product_desc .right .date div img{margin-right: 6px;margin-top: -3px}
.product_desc .tpiclist{position: absolute;bottom: 0;left: 42.5%;height: 130px;padding: 0}
.product_desc .tpiclist .allbanner{margin:0 25px;overflow:hidden;}
.product_desc .tpiclist .allbanner .item{width: 200px!important;margin:0 5px;float: left;cursor: pointer;}
.product_desc .tpiclist .allbanner .item img{width:200px;height: 130px;border:1px solid #e8e8e8;}
.product_desc .tpiclist .fa{text-align: center;cursor: pointer;display: inline-block;height: 35px;width: 25px;background-color: #efefef;color: #333;line-height: 35px}
.product_desc .tpiclist .fa:hover{background-color: #1e6297;color: #fff;}
.product_desc .tpiclist .fa-angle-left{position: absolute;top: 47.5px;left: 0}
.product_desc .tpiclist .fa-angle-right{position: absolute;top: 47.5px;right: 0}
.product_desc .prodesccontent{border-top: 1px solid #e8e8e8;padding-top:30px;}
.product_desc .prodesccontent .title{font-size: 18px;color: #333}
.product_desc .prodesccontent .content{margin-top: 10px;line-height: 22px;font-size: 16px}
.product_desc .prenext{margin:50px 0;height: 35px;line-height: 35px}
.product_desc .prenext .tobnt{margin-right: 40px;float: left;}
.product_desc .prenext .pbtn{background-color: #626468;color: #fff;width: 125px;text-align: center;float: left;}
.product_desc .prenext .tobnt:hover .pbtn{background-color: #1e6297}
.product_desc .prenext .title{float: left;margin-left: 10px}
.cloudzoom-zoom{z-index: 9;}

/*产品分类*/
#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{background: #f5f5f5; padding: 60px 0;}
.col-position .title-head{font-size:2rem; margin: 20px 0; padding-left: 15px;}
.col-position .title-head span{display: block; font-size: 1.5rem; color: #666;}
.col-position .job_list li{padding: 15px;}
.col-position .job_list li .inner-wrap{background: #fff; 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 a i{margin-top: 10px;}
.col-position .job_list li a i.fa{color: #f8f8f8; 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 p, .position-content span{background: none!important; font-family:'simhei'!important;}
.position-content h3{font-size: 18px; border-bottom: 1px solid #dedede; padding: 10px 0; margin: 10px 0; color: #333;}
.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 table{width: 80%;}
.col-contact table td{display: block; float: left; width: 50%; color: #444;}
.col-contact table td:last-child{padding-left:100px; border-left:1px solid #dedede;}
.col-contact h2{margin-bottom: 40px;}
#allmap { width: 100%; height: 468px; 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:  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;}
.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: 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: #0067b7; border-color: #0067b7;}
/**/
#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: #0067b7;}
.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: #313131; padding:60px 0; color: rgba(255,255,255,.5);}
footer .container{padding:0; color: rgba(255,255,255,.8);}
footer .footer-nav{ padding:10px 0; text-align: center; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2);}
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 .footer-contact{/*float: right;*/ padding: 30px 0;}
footer .footer-contact, footer .footer-contact a{font-size: 1.5rem; color: rgba(255,255,255,.5);}
footer .footer-contact li{padding: 5px 0;}
footer .footer-qrcode{float:right; text-align: center; padding-top: 30px; margin-left: 30px;}
footer .footer-qrcode img{max-width: 100px;}
footer .footer-qrcode span{display: block; color: rgba(255,255,255,.5);}
footer .footer-logo{opacity: .6;}
footer .footer-copyright{text-align: left; padding: 50px 0 0; text-transform: uppercase;color: rgba(255,255,255,.5);}
footer .footer-power, footer .footer-power a{color: rgba(255,255,255,.5);}

@media (min-width: 1900px){
  .col-product{margin: 0 0 65px 0; position: relative; }
}
@media (min-width: 1300px){
  .container {width: 1200px;}  
}
@media (min-width: 1199px){
  .banner-container{padding-bottom: 150px;}
  .col-product{margin: 0 0 65px 0; position: relative; }
  .col-index-main{position: absolute; bottom: 50px; }
  .col-index-main .container{box-shadow: 0 0 8px rgba(0,0,0,.2 )}
}
@media (max-width: 1300px){
  header .logo img{margin-left:10px;}
}
@media (max-width: 1200px){
  header nav{padding-right:20px;}
  .col-index-main{position:static; margin-top:30px;}
  .col-index-main .container{box-shadow: 0 0 8px rgba(0,0,0,.2 )}
  .col-about-wrap .item-intro{margin-top:100px;}
  .col-about-wrap .item-intro>h2{font-size:3rem;}
}
@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: 0px;}
  .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 screen and (max-width: 992px)  {
  html{}
  #page{padding-top:0;}
  header{background: rgba(0,0,0,.7);}
  header .logo{padding: 0;}
  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 .search-bar{margin-top: 0; margin-right: 55px; border-left:1px solid #dedede; border-right: 1px solid #dedede;}
  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; margin-top: 15px;}
  nav{display: none;}
  #header a.mm_btn {background: center center no-repeat #0067b7;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: #1a1a1a; color:rgba(255,255,255,.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(255,255,255,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(255,255,255,.6);}
  #menu .mm-searchfield input{background: rgba(255,255,255,.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(255,255,255,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(255,255,255,.1);}
  #menu .mm-listitem a{font-size: 16px;}
  .banner-container{margin-top:55px;}
  .col-sub-nav{text-align: center;}
  .col-sub-nav menu div{margin:0 3px;}
  .col-index-main{position: relative;}
  .col-index-main .col-index-main-about{width: 100%;}
  .col-index-main .col-index-main-news{width: 100%;}
  .col-product{margin:0 0 65px 0;}
  .col-index-main .col-index-main-about .col-inner .col-txt h2{font-size:2rem;}
  .col-index-main .col-index-main-about .col-inner .col-txt .content{font-size:1.4rem;}
  /*index*/
  .col-about .container{padding: 40px;}
  .col-about .about-nav-container{margin:0 20px;}
  /**/
  .product-list ul li{width: 50%; min-height: auto}
  /*招聘*/
  .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{min-height: 457px; height: auto; background-repeat: repeat; }
}
@media screen and (max-width: 768px)  {
  .banner-container .banner-txt h2{font-size:3.5rem;}
  .col-index-main .col-index-main-about .col-inner .col-count .title{font-size:1.4rem;}
  .col-index-main .col-index-main-about .col-inner .col-count li .count-num{font-size:1.4rem;}
  .col-index-main .col-index-main-about .col-inner .col-count li p .count-plus{font-size:1.4rem;}
  .news-list>ul>li>a{margin:0 10px;}
}

@media (max-width: 640px){
  .product-list ul li{width:100%;}
  .col-about-wrap .item-intro>h2{font-size:3rem;}
  .col-about-wrap .item-intro .remark{font-size:1.5rem;}

}
@media (max-width: 550px){
	.banner-container .banner-txt h2{font-size:2.5rem;}
   .banner-container .banner-txt p, .banner-container .banner-txt p span{font-size:1.5rem!important;}

  .col-index-main .col-index-main-news{height:auto;}
  .col-index-main .col-index-main-news>div{width:100%; padding-bottom:80px;}
  .col-sub-nav .masthead{padding-left:10px; }
  .col-sub-nav .masthead>a{}
}
@media (max-width: 480px){
  html{font-size:60%;}
  header{}
	.banner-container .banner-txt h2{font-size:2rem;}
   .banner-container .banner-txt p, .banner-container .banner-txt p span{font-size:1.2rem!important;}
  .col-index-main .col-index-main-about{height:auto;}
  .col-index-main .col-index-main-about .col-inner .col-txt{width:100%;}
  .col-index-main .col-index-main-about .col-inner .col-count{width:100%; border-left:none; border-top:1px solid #dedede; padding-left:0; padding-top:30px; margin-top:20px;}
  .col-index-main .col-index-main-about .col-inner{padding:30px;}
  .col-sub-nav .masthead{padding-left:0px; }
  .product-list ul li a{text-indent:1rem; background-position:0px;}

}
@media (max-width:350px){
	.product-list ul li a{margin:0; padding-left:10px; text-indent:0rem; background-position:0;}
}

@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;
  }
}