/*
棣栭〉妯″潡鍛藉悕瑙勮寖锛歝ol-index-妯″潡鑻辨枃鍚嶇О锛屽锛歝ol-index-news
鍐呴〉椤甸潰澶栧眰瀹瑰櫒鍛藉悕瑙勮寖锛
1銆侀€氱敤鏍峰紡锛歝ol-page锛屽唴椤靛灞傚鍣ㄩ€氱敤鏍峰紡锛屼娇鐢ㄦ柟娉旤div class="col-page col-page-about"></div>
2銆侀〉闈㈡牱寮忥細col-page-妯″潡鑻辨枃鍚嶇О锛屽锛歝ol-page-about锛堝叧浜庢垜浠〉闈級
3銆佸唴椤垫ā鍧楀懡鍚嶈鑼冿細col-妯″潡鑻辨枃鍚嶇О锛屽锛歝ol-product锛堜骇鍝侊級銆乧ol-honor锛堣崳瑾夛級
鍏朵粬鍛藉悕瑙勮寖锛
1銆佷娇鐢╯wiper銆乷wl.Carousel绛夋彃浠舵椂锛屾彃浠跺灞傚鍣ㄥ彲鐢ㄦā鍧楀悕绉?container,濡俻roduct-container
2銆佷娇鐢ㄨ嫳鏂囧悕绉颁负鏍峰紡鍛藉悕锛屼笉瑕佸嚭鐜版嫾闊冲拰棣栧瓧姣
3銆佹ā鍧楁渶澶栧眰瀹瑰櫒鍛藉悕瑙勮寖锛歝ol-鑷畾涔夊悕绉
4銆佹牱寮忓懡鍚嶄腑鍗曡瘝鐢辩鍙封€?鈥濇潵杩炴帴锛屽锛歝ol-culture,col-hot-product
澶囨敞锛氫笂闈㈡墍璇寸殑妯″潡涓嶆槸鎸囩郴缁熷悗鍙版ā鍧楋紝鏄綉绔欏墠鍙伴〉闈腑鐨勭粍鎴愭ā鍧楋紝濡傦細棣栭〉涓寘鍚綉绔欏ご閮ㄣ€佷骇鍝併€佹柊闂汇€佽崳瑾夈€佹渚嬨€佺綉绔欏簳閮紝鍏朵腑姣忎釜閮ㄥ垎瑙嗕负涓€涓ā鍧椼€
*/
@charset "utf-8";
html{overflow-x: hidden;}
body {font-family:'Palatino Linotype','KaiTi';min-width: 320px;color: #333333;overflow: hidden;background: url(../images/img1.jpg) center/100% repeat-y #f6f6f7;}
html.active{overflow-y: hidden;}
@font-face {
  font-family: 'goomay';  /* project id 523133 */
  src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot');
  src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.woff') format('woff'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.svg#goomay') format('svg');
}
.goomay a {
  font-family:"goomay" !important;
  font-size:12px!important;
  color: rgb(0,0,0,1)!important;
  font-style:normal;
  font-weight: normal;
  text-decoration: none!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  transition: .5s all;
}
.icon-goomay a:before { content: "\e602"; }
.goomay a:hover{color: rgb(0,0,0,.5)!important;}
.icon-g:before { content: "\e603"; }
.iconfont {font-family: 'iconfont';}
*{word-break:normal !important}
li {list-style: none;}
i {font-style: normal;}
a {color: #333333;}
a:focus{text-decoration: none;outline: none;}
a:hover { color: #333333;text-decoration: none;outline: none;}
p,h1,h2,h3,h4,h5,h6,ul,li {margin: 0;padding: 0;}
img {border: 0;  max-width: 100%;}
.relative {position: relative;}
.container {max-width: 1200px;  padding: 0 10px;}
.container2 {max-width: 1720px; width:100%;  margin: 0 auto; padding: 0 10px;}
#page{padding-top: 0px; overflow: hidden;}
nav.mm-menu_offcanvas{display: none;}
#header a.mm_btn{display: none; transition: .3s all;}
#BMapLib_transBox0 table td{box-sizing: content-box !important;}
.target-fix {position: relative;top:-120px;display: block;height: 0;overflow: hidden;}
img[src=""],img:not([src]){opacity:0 !important;}
.table{display: table;width: 100%;height: 100%;margin:0;}
.table>.middle{display: table-cell;vertical-align: middle;}
/* 婊氬姩鏉 */
::-webkit-scrollbar{width: 3px;  height: 5px;  background-color: #F5F5F5;  }  
/*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/  
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);box-shadow: inset 0 0 6px rgba(0,0,0,0.1);border-radius: 0;background-color: #F5F5F5;}    
/*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/  
::-webkit-scrollbar-thumb{border-radius: 0;background-color: rgba(0, 0, 0, 0.5);}  
/*婊戝潡鏁堟灉*/
::-webkit-scrollbar-thumb:hover{border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.4);}
/*IE婊氬姩鏉￠鑹?/
html {scrollbar-face-color:#bfbfbf;/*婊氬姩鏉￠鑹?/scrollbar-highlight-color:#000;scrollbar-3dlight-color:#000;scrollbar-darkshadow-color:#000;scrollbar-Shadow-color:#adadad;/*婊戝潡杈硅壊*/scrollbar-arrow-color:rgba(0,0,0,0.4);/*绠ご棰滆壊*/scrollbar-track-color:#eeeeee;/*鑳屾櫙棰滆壊*/}
/* header */
.header{position: relative;width: 100%;z-index: 99;position: fixed;top:0;left: 0;}
.header.index_header{}
.header .inner{height: 170px;line-height: 170px;transition: 0.36s;background: transparent;padding:0 7vw;}
.header .inner .logo{font-size: 0;height: 170px;line-height: 170px;transition: 0.36s;position: relative;z-index: 5;}
.header .inner .logo img:nth-child(2){display: none;}
.header .inner nav{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.header .inner nav ul{font-size: 0;white-space: nowrap;}
.header .inner nav ul li{display: inline-block;vertical-align: middle;padding:0 1.8vw;position: relative;font-size: 20px;line-height: 2;}
.header .inner nav ul li:not(:last-child)::after{content:'';width: 10px;height: 1px;background: #fff;position: absolute;top:50%;margin-top: -0.5px;right: -5px;}
.header .inner nav ul li a{transition: color 0.3s;color:#fff;position: relative;display: block;}
.header .inner nav ul li>a::after{display: block;width: 0px;height: 3px;background-color: #411206;content: '';position: absolute;bottom: 0;left: 2px;-webkit-transition: all 0.4s;transition: all 0.4s;z-index: 2;}
.header .inner nav ul li.active>a,.header .inner nav ul li a:hover{color:#eacb95 !important;}
.header .inner nav ul li .child{white-space: nowrap;position: absolute;top:35px;text-align: center;left: 50%;transform: translateX(-50%);line-height: 1.8;display: none;padding: 10px 25px 15px;background: #fff;box-shadow: 0 5px 5px 2px rgba(0,0,0,0.05);}
.header .inner nav ul li .child a{font-size:16px;display: block;margin-top:7px;color:#411206;}
.header .inner nav ul li .child a:hover{color:#eacb95}
.header .inner .language{font-size: 18px;position: relative;z-index: 5;color:#fff}
.header .inner .language a{color:#fff}
.header .inner .language a.active{color:#eacb95 !important;}
.header.active .inner,.header.is_header .inner{background: #fff;box-shadow: 0 0 5px 2px rgba(0,0,0,.1);}
.header.active .inner,.header.active .inner .logo,.header.is_header .inner,.header.is_header .inner .logo{height: 100px;line-height: 100px;}
.header.active .inner .logo img,.header.is_header .inner .logo img{display: none;}
.header.active .inner .logo img:nth-child(2),.header.is_header .inner .logo img:nth-child(2){display: inline;}
.header.active .inner nav ul li a,.header.is_header .inner nav ul li a{color:#411206}
.header.active .inner nav ul li:hover>a::after,.header.active .inner nav ul li.active>a::after,.header.is_header .inner nav ul li:hover>a::after,.header.is_header .inner nav ul li.active>a::after{width: 17px;}
.header.active .inner .language a,.header.active .inner .language,.header.is_header .inner .language a,.header.is_header .inner .language{color:#411206}
/* banner */
#page section,.col-page{position: relative;z-index:5;background: url(../images/img1.jpg) center/100% repeat-y #f6f6f7;}
.col-banner {transition: 0.5s all ease;position: relative;}
.col-banner .swiper-slide .container{height: 100%;position: relative;}
.col-banner .swiper-slide{background-position: center !important;background-size: cover !important;position: relative;}
.col-banner .banner-container{position: fixed;top:0;left: 0;width: 100%;z-index: 2;}
#col-index-banner .ban_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#col-index-banner #play {
  width: 90px;
  height: 90px;
  background: url(../images/play.png)no-repeat center center;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 200;
}
#col-index-banner .swiper-slide #VideoBanner {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#col-index-banner .swiper-slide #VideoBanner {min-width: 100%;min-height: 100%;}
#col-index-banner .ban_cont{position: absolute;width: 100%;left: 0;top:60%;transform: translateY(-50%);color:#fff;padding:0 10px;z-index: 10;}
#col-index-banner .ban_cont p{float: right;position: relative;}
#col-index-banner .ban_cont p:nth-child(1){font-size: 100px;font-family: "STXinwei";width: 100px;line-height: 0.88;margin-right: 20px;opacity: 0;transition: 0.5s;}
#col-index-banner .ban_cont p:nth-child(1) span:nth-child(1){display: inline-block;padding-bottom: 120px;position: relative;}
#col-index-banner .ban_cont p:nth-child(1) span:nth-child(1)::after{content: '';width: 1px;height: 100px;position: absolute;left: 50%;bottom: 10px;background: rgba(255,255,255,0.5);}
#col-index-banner .ban_cont p:nth-child(2){font-size: 16px;letter-spacing: 10px;text-align: right;width: 135px;padding:10px 0 0 5vw;margin-right: 20px;opacity: 0;transition: 0.5s;}
#col-index-banner .ban_cont p:nth-child(2)::before{content:"";width: 1px;height: 300px;position: absolute;top:30px;left: 0;
  background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
}
#col-index-banner .ban_cont p:nth-child(2) span{transform-origin: left bottom;transform: rotate(90deg);display: inline-block;white-space: nowrap;}
#col-index-banner .ban_cont p:nth-child(3){font-size: 0;width: 10vw;padding-right: 4.5vw;padding-top: 28px;margin-right: 20px;opacity: 0;transition: 0.5s;}
#col-index-banner .ban_cont p:nth-child(3)::before{content:"";width: 1px;height: 300px;position: absolute;top:30px;left: 0;
  background-image: -moz-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
}
#col-index-banner .ban_cont p:nth-child(3) span{display: inline-block;width: 30px;font-size: 21px;vertical-align: top;text-align: center;line-height: 1;float:right;}
#col-index-banner .ban_cont p:nth-child(4){width: 70px;transform-origin: left center;transform: rotate(90deg);white-space: nowrap;margin-right: 20px;opacity: 0;transition: 0.5s;}
#col-index-banner .ban_cont p:nth-child(4) span{display: block;line-height: 2;margin-bottom: 5px;}
#col-index-banner .swiper-slide-active .ban_cont p{margin-right: 0;opacity: 1;}
#col-index-banner .swiper-slide-active .ban_cont p:nth-child(1){transition-delay: 0.5s;}
#col-index-banner .swiper-slide-active .ban_cont p:nth-child(2){transition-delay: 0.6s;}
#col-index-banner .swiper-slide-active .ban_cont p:nth-child(3){transition-delay: 0.7s;}
#col-index-banner .swiper-slide-active .ban_cont p:nth-child(4){transition-delay: 0.8s;}
#col-index-banner .swiper-pagination{position: absolute;bottom:auto;top:50%;transform: translateY(-50%);left: auto;right: 50px;text-align: center;width: auto;}
#col-index-banner .swiper-pagination span{background: none;width: auto;height: auto;border-radius: 0;font-size: 18px;color:#fff;transition: 0.36s;display: block;opacity: 1;margin:0;padding:10px 0;}
#col-index-banner .swiper-pagination span::after{content:'';width: 1px;height: 0;background: #fff;position: absolute;left: 50%;bottom: 10px;transition: 0.36s;}
#col-index-banner .swiper-pagination span.swiper-pagination-bullet-active{position: relative;color:#eacb95;padding-bottom: 80px;}
#col-index-banner .swiper-pagination span.swiper-pagination-bullet-active::after{height: 50px;}
#col-index-banner .scroll{position: absolute;right: 50px;bottom: 50px;z-index: 99;cursor: pointer;}
#col-banner .swiper-slide{padding-top:100px;}
#col-banner .ban_cont{position: absolute;width: 100%;left: 0;top:50%;transform: translateY(-50%);color:#fff;padding:0 10px;z-index: 10;}
#col-banner .ban_cont h1{font-size: 36px;opacity: 0;transform: translateY(20px);transition: 0.5s;}
#col-banner .ban_cont p.namemark{font-size: 16px;opacity: 0;transform: translateY(20px);transition: 0.5s;}
#col-banner .swiper-slide-active .ban_cont h1{opacity: 1;transition-delay: 0.5s;transform: none;}
#col-banner .swiper-slide-active .ban_cont p.namemark{opacity: 1;transition-delay: 0.6s;transform: none;}
#col-banner .down{display: block;width: 46px;height: 46px;border-radius: 50%;text-align: center;line-height: 44px;border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.8);position: absolute;left: 18.75vw;bottom: 6vh;z-index: 2;font-size: 18px;transition: 0.36s;}
#col-banner .down:hover{transform: translateY(10px);}
/* 棣栭〉about */
.col-index-about{padding:6vh 0;}
.col-index-about .wrap{width: 1600px;max-width: 92%;margin:0 auto;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 0 15px;}
.col-index-about .content{width: 40%;}
.col-index-about .content h2{font-size: 40px;}
.col-index-about .content p.namemark{font-size: 24px;margin-bottom: 4vh;}
.col-index-about .content .s-content{color:#666666;line-height: 2;font-size: 18px;}
.col-index-about .content .more{display: inline-block;margin-top: 9vh;line-height: 40px;position: relative;font-size: 16px;color:#050505;text-transform: uppercase;transition: 0.36s;}
.col-index-about .content .more::before{content:'';width: 30px;height: 1px;background: #999999;position: absolute;top:0;left: 0;transition: 0.5s;}
.col-index-about .content .more::after{content:'';width: 30px;height: 1px;background: #999999;position: absolute;bottom:0;left: 0;transition: 0.5s;}
.col-index-about .content .more i{display: inline-block;vertical-align: middle;line-height: 1;margin-left: 15px;transition: 0.3s;}
.col-index-about .content .more:hover{color:#eacb95;}
.col-index-about .content .more:hover::before{width: 100%;}
.col-index-about .content .more:hover::after{width: 100%;}
.col-index-about .content .more:hover i{margin-left: 10px;}
/* product */
.col-index-product{padding:11vh 0 8vh;}
.col-index-product .wrap{width: 1600px;max-width: 92%;margin:0 auto;}
.col-index-product ul{display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction:row-reverse;background: #fff;height: 617px;}
.col-index-product ul li{flex:1;margin-right: 10px;padding: 0;transition: all ease-out 0.4s;-webkit-transition: all ease-out 0.4s;box-shadow: 0 0 0px 0px rgba(0,0,0,0);position: relative;}
.col-index-product ul li.titles{margin-right:0;display: block;position: relative;margin-bottom: 0;background-color: #fff;}
.col-index-product ul li.titles a{padding:0 56% 0 0;}
.col-index-product ul li.titles .fa{font-size: 16px;height: 100%;color: #3c1105;padding-right: 0;text-align: center;line-height: 1;font-family: 'Kaiti';-webkit-transition: all 0.4s;transition: all 0.4s;overflow: hidden;display: block;}
.col-index-product ul li.titles .fa p{display: block;float: right;white-space: normal;width: 36px;padding: 45px 0 0 20px;top: 0;left: 0;position: relative;color:#666666;word-break:break-word !important;}
.col-index-product ul li.titles .fa p:not(:last-child)::before{display: block;width: 1px;height: 98%;content: '';left: 10px;top: 38px;position: absolute;background: url(../images/img8.jpg) center/100% auto no-repeat;}
.col-index-product ul li.titles .title{width: 77px;height: 395px;right: 50px;background: url(../images/img6.png) center/cover no-repeat;position: absolute;z-index: 5;-webkit-transition: all 0.4s;transition: all 0.4s;top: -35px;}
.col-index-product ul li.titles .title .cn{font-size: 36px;width: 35px;margin: 20px auto 0;color: #ffffff;line-height: 1.1;text-align: center;}
.col-index-product ul li.titles .title .en{top: 50px;font-size: 24px;color:#fff;margin: 0 auto;line-height: 0.8;position: relative;left: 1px;letter-spacing: -0.5px;text-transform: capitalize;transform: rotate(90deg);-webkit-transform: rotate(90deg);white-space: nowrap;}
.col-index-product ul li a{display: block;width: 100%;height: 100%;cursor: pointer;}
.col-index-product ul li._before .menuItem{transform: perspective(1600px) rotateY(0) rotateX(0) translate3d(0, 0, 0);transform-style: preserve-3d;transition: 0.7s opacity cubic-bezier(0.4, 0, 0.2, 1), 0s transform cubic-bezier(0.4, 0, 0.2, 1);}
.col-index-product ul li._before .menuItem::before{content: '';width: calc(100% - 30px);height: calc(100% - 30px);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border:1px solid rgba(255,255,255,0.3);z-index: 4;transition: 0.36s;opacity: 0;}
.col-index-product ul li._before .menuItem::after{content:'';width: 100%;height: 100%;background: rgba(0,0,0,.15);position: absolute;top:0;left: 0;z-index: 2;transition: 0.36s;}
.col-index-product ul li._before .menuItem .box{padding:25px 0;position: absolute;width: 100%;left: 0;top:50%;transform: translateY(-50%);text-align: center;color:#fff;background: url(../images/title_bg.png)center/cover no-repeat;z-index: 6;}
.col-index-product ul li._before .menuItem .box h3{font-size: 24px;font-family: 'Kaiti';}
.col-index-product ul li._before .menuItem .box .tit{font-size: 15px;}
.col-index-product ul li._before:hover{z-index: 2;}
.col-index-product ul li._before:hover .menuItem{z-index: 6;animation: menuItemHoverLeft 0.7s cubic-bezier(0.315, 0.605, 0.375, 0.925) 1;animation-fill-mode: forwards;transition-delay: 0s !important;}
@keyframes menuItemHoverLeft {
  0% {transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(0);}
  16% {transform: perspective(1600px) rotateX(8deg) rotateY(6deg) translateZ(32px);}
  100% {transform: perspective(1600px) rotateX(0) rotateY(0) translateZ(65px);box-shadow: 0px 6px 15px 0px rgba(10, 2, 4, 0.3);}
}
.col-index-product ul li._before:hover .menuItem::before{opacity: 1;}
.col-index-product ul li._before:hover .menuItem::after{background: rgba(0,0,0,.4);}
/* video */
.col-index-video .title{text-align: center;padding:6vh 10px;}
.col-index-video .title h2{font-size: 40px;}
.col-index-video .title .namemark{font-size:24px;}
.col-index-video .video_img{position: relative;padding:22vh 10px 21vh;text-align: center;color:#fff;}
.col-index-video .video_img::after{content:'';width: 100%;height: 100%;position: absolute;background: rgba(0, 0, 0, 0.45);top:0;left: 0;transition: 0.5s;}
.col-index-video .video_img .play{display: inline-block;width: 70px;height: 70px;margin-bottom: 25px;position: relative;z-index: 1;}
.col-index-video .video_img .content{font-size: 30px;position: relative;z-index: 1;}
.col-index-video .video_img .content p:nth-child(2){font-size: 16px;color:rgba(255,255,255,0.5);}
.col-index-video .video_img:hover::after{background: rgba(0, 0, 0, 0.3);}
/* quality */
.col-index-quality {padding:17vh 0 8vh;}
.col-index-quality .wrap{width: 1600px;max-width: 92%;margin:0 auto;position: relative;}
.col-index-quality .title{position: absolute;width: 22.5%;top:-40px;left: 0;background: #fff;box-shadow: 3px 5.196px 24px 0px rgba(10, 2, 4, 0.1);padding:80px 50px 0;height: 100%;}
.col-index-quality .title h2{font-size: 40px;}
.col-index-quality .title .namemark{font-size: 18px;}
.col-index-quality .title ul{margin-top:5vh;width: 100%;font-size: 0;}
.col-index-quality .title ul li{display: inline-block;vertical-align: top;width: 50%;margin-bottom: 12px;padding-left: 20px;position: relative;}
.col-index-quality .title ul li::before{content:'';width: 6px;height: 6px;background: #4c2b24;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.col-index-quality .title ul li a{font-size: 18px;transition: 0.3s;}
.col-index-quality .title ul li a:hover{color:#eacb95}
.col-index-quality .content{width: 90%;margin-left: 10%;padding:20px 0;background: url(../images/box.png) center/100% 100% no-repeat;}
.col-index-quality .content .s-content{margin-left: 24%;padding-top: 5vh;float: left;width: 42.5%;font-size: 18px;line-height: 2.2;color:#666;}
.col-index-quality .content .s-content .more{display: inline-block;margin-top: 5vh;line-height: 40px;position: relative;font-size: 16px;color:#050505;text-transform: uppercase;transition: 0.36s;}
.col-index-quality .content .s-content .more::before{content:'';width: 30px;height: 1px;background: #999999;position: absolute;top:0;left: 0;transition: 0.5s;}
.col-index-quality .content .s-content .more::after{content:'';width: 30px;height: 1px;background: #999999;position: absolute;bottom:0;left: 0;transition: 0.5s;}
.col-index-quality .content .s-content .more i{display: inline-block;vertical-align: middle;line-height: 1;margin-left: 15px;transition: 0.3s;}
.col-index-quality .content .s-content .more:hover{color:#eacb95;}
.col-index-quality .content .s-content .more:hover::before{width: 100%;background:#333;}
.col-index-quality .content .s-content .more:hover::after{width: 100%;background:#333;}
.col-index-quality .content .s-content .more:hover i{margin-left: 10px;}
.col-index-quality .content .img{float: right;width: 33.5%;text-align: center;padding:0 20px}
/* 棣栭〉news */
.col-index-news{padding:6vh 0 13vh;}
.col-index-news .wrap{width: 1600px;max-width: 92%;margin:0 auto;position: relative;padding:0 10px;}
.col-index-news .title{margin-bottom: 6vh;text-align: center;}
.col-index-news .title h2{font-size: 40px;}
.col-index-news .title .namemark{font-size: 18px;}
.col-index-news .swiper-container{padding-top:20px;}
.col-index-news .swiper-slide{position: relative;outline: none;transition: 0.5s;opacity: 0.5;}
.col-index-news .swiper-slide .img{overflow: hidden;background: #4c2b25;position: relative;}
.col-index-news .swiper-slide .img img{-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.col-index-news .swiper-slide .img .arr{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,0);-webkit-transition: all 0.4s;transition: all 0.4s;}
.col-index-news .swiper-slide .img .arr::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.1);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);}
.col-index-news .swiper-slide .date{background: url(../images/title_bg.png)center/cover no-repeat;text-align: center;padding:20px 25px;color:#fff;position: absolute;left: -26px;top:-20px;line-height: 1.2;margin-top: -20px;opacity: 0;transition: 0.36s;}
.col-index-news .swiper-slide .date p:nth-child(2){font-size: 12px;}
.col-index-news .swiper-slide .content{padding:28px 22px 5.2vh;}
.col-index-news .swiper-slide .content p.column{color:#eacb95;font-size: 15px;margin-bottom: 3px;}
.col-index-news .swiper-slide .content h3{font-size: 20px;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.col-index-news .swiper-slide .content .s-content{line-height: 1.6;color:#666;font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:48px;}
.col-index-news .swiper-slide-active{opacity: 1;background: #fff;}
.col-index-news .swiper-slide-active .date{margin-top: 0;opacity: 1;transition-delay: 0.5s;}
.col-index-news .swiper-slide-active:hover .img img{-webkit-transform: scale3d(1.07,1.07,1);transform: scale3d(1.07,1.07,1);}
.col-index-news .swiper-slide-active:hover .arr{background-color: rgba(0,0,0,0.2);}
.col-index-news .swiper-slide-active:hover .arr::before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);}
.col-index-news .swiper-button{width:80px;height: 50px;border:1px solid #cccccc;margin-top:0;transform: translateY(-50%);opacity: 1;outline: none;position: absolute;top:50%}
.col-index-news .swiper-button-prev{background: url(../images/left.png)no-repeat center;left: 29.5%;}
.col-index-news .swiper-button-next{background: url(../images/right.png)no-repeat center;right: 29.5%;}
/* page */
.page {text-align: center;}
.page ul li a{border:none;background: none;color:#888888;margin:0 10px;width: auto;height:auto;border:none !important;padding: 0;line-height: normal;background: none ;font-size: 20px;}
.page ul li.disabled a{border:none;background: none;}
.page ul li.active a{border:none;background: none;color:#4c2b24;}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {border:none;background: none;color:#888888}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {border:none;background: none;color:#4c2b24;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {background: none;color:#888888;}
.pagination>li:last-child>a, .pagination>li:last-child>span{color: #888888}
/* 鍐呴〉 */
/* 鍏充簬鎴戜滑 */
.col-page h2{font-size: 48px;line-height: 1.2;}
.col-page p.namemark{font-size: 18px;color:#eacb95;letter-spacing: 6px;line-height: 1.5;}
.col-page-about .col-profile {background: url(../images/profile_bg.jpg)no-repeat center/cover;}
.col-page-about .col-profile .container{padding:9vh 15px 13vh}
.col-page-about .col-profile .box1{position: relative;}
.col-page-about .col-profile .box1 .content{width: 65%;font-size: 18px;line-height: 2;}
.col-page-about .col-profile .box1 .content p:nth-child(3){font-size: 28px;margin-top:25px;line-height: 1.4;}
.col-page-about .col-profile .box1 .img{position: absolute;right: 0;top:20px;}
.col-page-about .col-profile .box2{margin-top:30px;}
.col-page-about .col-profile .box2 .video_img{float: left;width: 47%;box-shadow: 4px 6.928px 15px 0px rgba(11, 2, 5, 0.15);position: relative;overflow: hidden;}
.col-page-about .col-profile .box2 .video_img .img img{transition: 0.5s;}
.col-page-about .col-profile .box2 .video_img a#play{width: 61px;height: 61px;display: block;background: url(../images/play2.png)no-repeat center/cover;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.col-page-about .col-profile .box2 .video_img:hover .img img{transform: scale(1.1);}
.col-page-about .col-profile .box2 .content{float:right;width:48.5%;line-height: 2;font-size: 18px;}
.col-page-about .col-development .title{padding:14vh 10px 16vh;text-align: center;color:#fff;}
.col-page-about .col-development .year{margin:35px auto 10px;padding:0 4vw;padding-left: calc(4vw + 40px);position: relative;}
.col-page-about .col-development .year em{background: url(../images/32.png) no-repeat center/cover;width: 40px;height: 40px;display: block;position: absolute;left: 4vw;top:50%;transform: translateY(-50%);}
.col-page-about .col-development .year .develop-container{background: url(../images/year_bg.png)repeat-x center/100% auto;}
.col-page-about .col-development .year .develop-container .swiper-slide {text-align: center;position: relative;padding:30px 0;cursor: pointer;}
.col-page-about .col-development .year .develop-container .swiper-slide span{display: block;width:14px;height: 14px;border:2px solid #4c2b24;background: #fff;margin:0 auto;transition: 0.3s;border-radius: 50%;}
.col-page-about .col-development .year .develop-container .swiper-slide h3{font-family: 'Kaiti';font-size: 18px;position: absolute;bottom:0;width: 100%;left: 0;transition: all .3s ease-in;}
.col-page-about .col-development .year .develop-container .swiper-slide.swiper-slide-thumb-active span{background: #4c2b24;}
.col-page-about .col-development .year .develop-container .swiper-slide.swiper-slide-thumb-active h3{font-size: 20px;}
.col-page-about .col-development .year .swiper-button{width: 50px;height: 50px;background: #fff;border-radius: 50%;text-align: center;line-height: 50px;box-shadow: 2.5px 4.33px 12px 0px rgba(11, 3, 6, 0.1);margin-top: 0;position: absolute;transform: translateY(-50%);opacity: 1;outline: none;color:#4c2b24;font-size: 24px;}
.col-page-about .col-development .year .swiper-button-prev{left: 0;padding-right: 3px;}
.col-page-about .col-development .year .swiper-button-next{right: 0;padding-left: 3px;}
.col-page-about .col-development .content .content-container{float: left;width: 40%;}
.col-page-about .col-development .content .content-container .s-content{padding:10vh 0 0 4.5vw}
.col-page-about .col-development .content .content-container .s-content p{font-size:18px;line-height: 1.8;}
.col-page-about .col-development .content .content-container .s-content p:nth-child(1){font-size: 30px;}
.col-page-about .col-development .content .img{float: right;width: 60%;}
.col-page-about .col-environment .container{padding:7vh 15px 26vh;}
.col-page-about .col-environment .environment-container{padding:50px 0 106px;}
.col-page-about .col-environment .environment-container .swiper-slide{background: #fff;transition: 0.5s;box-shadow: 3px 5.196px 15px 0px rgba(11, 3, 6, 0.2);}
.col-page-about .col-environment .environment-container .swiper-slide:nth-child(2n){margin-top:-50px;}
.col-page-about .col-environment .environment-container .swiper-slide a#fancybox{display: block;padding:8px;background: url(../images/img_box.png)no-repeat center/100% 100%;}
.col-page-about .col-environment .environment-container .swiper-button{width: 100px;height: 46px;margin-top: 0;opacity: 1;outline: none;background: none;border:1px solid rgba(255,255,255,0.66);text-align: center;line-height: 44px;top:auto;bottom:0}
.col-page-about .col-environment .environment-container .swiper-button svg{vertical-align: middle;}
.col-page-about .col-environment .environment-container .swiper-button-prev{left: 50%;margin-left: -100px;border-right:none}
.col-page-about .col-environment .environment-container .swiper-button-prev::after{content:'';width: 1px;height: 24px;background: rgba(255,255,255,0.66);position: absolute;right: -0.5px;top:50%;transform: translateY(-50%);}
.col-page-about .col-environment .environment-container .swiper-button-next{right: 50%;margin-right: -100px;border-left: none;}
.col-page-about .col-honor .container{padding: 16vh 15px;}
.col-page-about .col-honor h2{text-align: center;}
.col-page-about .col-honor .namemark{text-align: center;margin-bottom: 20px;}
.col-page-about .col-honor .wrap{background: url(../images/honor_bg.png)no-repeat center/100% 100% #fff;padding:50px 4vw;height: 600px;box-shadow: 3px 5.196px 15px 0px rgba(11, 3, 6, 0.12);}
.col-page-about .col-honor .wrap .img{float: left;height: 100%;width: 48.715%;padding:0 20px;border:1px solid #e0e0e0;text-align: center;position: relative;}
.col-page-about .col-honor .wrap .img .honor-container{position: absolute;width:100%;left: 0;top:50%;transform: translateY(-50%);}
.col-page-about .col-honor .wrap .img .honor-container .swiper-slide{padding:0 20px;}
.col-page-about .col-honor .wrap .img .honor-container .swiper-slide img{transition: 0.5s;}
.col-page-about .col-honor .wrap .img .honor-container .swiper-slide:hover img{transform: scale(0.95);}
.col-page-about .col-honor .wrap .honor-list{float: right;width: 48%;height: 100%;overflow-y: auto;}
.col-page-about .col-honor .wrap .honor-list ul li{height: 60px;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px dashed #cccccc;padding-left: 24px;}
.col-page-about .col-honor .wrap .honor-list ul li:last-child{border-bottom: none;}
.col-page-about .col-honor .wrap .honor-list ul li a{color:#999999;font-size: 18px;transition: 0.3s;}
.col-page-about .col-honor .wrap .honor-list ul li.active a,.col-page-about .col-honor .wrap .honor-list ul li a:hover{color:#4c2b24;}
/* quality */
.col-page-quality .col-patent .container{padding:7vh 15px 10vh;}
.col-page-quality .col-patent .namemark{margin-bottom: 20px;}
.col-page-quality .col-patent .patent-container{padding-bottom: 80px;}
.col-page-quality .col-patent .swiper-slide{padding:10px;background: url(../images/19.png)no-repeat center/100% 100%;}
.col-page-quality .col-patent .swiper-slide img{transition: 0.5s;}
.col-page-quality .col-patent .swiper-slide:hover img{transform: scale(0.98);}
.col-page-quality .col-patent .swiper-pagination{bottom:0;}
.col-page-quality .col-patent .swiper-pagination span{width: 10px;height: 10px;background: #eacb95;opacity: 1;outline: none;}
.col-page-quality .col-patent .swiper-pagination span.swiper-pagination-bullet-active{background: #000;}
.col-page-quality .col-production .container{padding:14vh 15px 16vh;text-align: center;}
.col-page-quality .col-production h2{color:#fff;}
.col-page-quality .col-production .content{color:#fff;font-size: 18px;line-height: 2;max-width: 785px;margin: 45px auto 0;}
.col-page-quality .col-technology .container{padding:10vh 15px 12vh;}
.col-page-quality .col-technology .namemark{margin-bottom: 40px;}
.col-page-quality .col-technology .technology-container{padding-bottom: 80px;}
.col-page-quality .col-technology .swiper-slide{padding:10px;background: url(../images/191.png)no-repeat center/100% 100%;}
.col-page-quality .col-technology .swiper-slide img{transition: 0.5s;}
.col-page-quality .col-technology .swiper-slide:hover img{transform: scale(0.98);}
.col-page-quality .col-technology .swiper-pagination{bottom:0;}
.col-page-quality .col-technology .swiper-pagination span{width: 10px;height: 10px;background: #eacb95;opacity: 1;outline: none;}
.col-page-quality .col-technology .swiper-pagination span.swiper-pagination-bullet-active{background: #000;}
.col-page-quality .col-management{background: url(../images/management_bg.jpg)no-repeat center/cover;}
.col-page-quality .col-management .container{padding:9vh 15px;}
.col-page-quality .col-management .content{float: left;width: 55%;padding-top: 5vh;}
.col-page-quality .col-management .content .namemark{margin-bottom: 6vh;}
.col-page-quality .col-management .content .s-content{color:#888888;line-height: 2;font-size: 18px;}
.col-page-quality .col-management .img{text-align: center;float: right;width: 44%;}
.col-page-quality .col-management .img img{transition: 0.36s;}
.col-page-quality .col-management .img:hover img{transform: scale(0.95);}
/* 浜у搧 */
.col-page-product{padding:10vh 10px 16vh;}
.col-page-product h2,.col-page-product .namemark{text-align: center;}
.col-page-product .product-nav{margin:40px 0;}
.col-page-product .product-nav ul li{float: left;padding:0 35px;position: relative;margin-right: 32px;}
.col-page-product .product-nav ul li:first-child{padding-left:0;}
.col-page-product .product-nav ul li:last-child{padding-right: 0;}
.col-page-product .product-nav ul li:not(:last-child)::after{content:'鈥斺€?;position: absolute;left: 100%;color:#888888;font-size: 16px;top:50%;transform: translateY(-50%);font-family: 'Kaiti';}
.col-page-product .product-nav ul li a{color:#888888;font-size: 26px;transition: 0.3s;}
.col-page-product .product-nav ul li.active a,.col-page-product .product-nav ul li a:hover{color:#4c2b24}
.col-page-product .list li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 7vh;}
.col-page-product .list li:nth-child(4n){margin-right: 0;}
.col-page-product .list li a{margin:0;width:100%;height: 100%;box-shadow: none;}
.col-page-product .list li a ._df_book-cover{background: none;box-shadow: none;}
.col-page-product .list li ._df_thumb:hover ._df_book-cover{-webkit-transform: rotateY(-10deg) rotateZ(0);-moz-transform: rotateY(-10deg) rotateZ(0);-ms-transform: rotateY(-10deg) rotateZ(0);transform: rotateY(-15deg) rotateZ(0);}
.col-page-product .list li .title{background: url(../images/border.jpg)repeat-x bottom center/100%;padding:10px 0 5px;line-height: 1.8;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-right: 60px;font-size: 18px;color:#333333;position: relative;text-align: left;}
.col-page-product .list li .title .content{font-size: 14px;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 38px;}
.col-page-product .list li .more{width: 60px;text-align: center;background: #4c2b24;color:#fff;white-space: normal;line-height: 1.3;padding:12px 0;font-size: 14px;position: absolute;right: 0;bottom: 0;z-index: 10;}
.col-page-product .list li .img img{transition: 0.5s;}

.col-page-certification{padding:7vh 15px 10vh;}
.col-page-certification .namemark{margin-bottom: 20px;}
.col-page-certification .patent-container{padding-bottom: 80px;}
.col-page-certification .swiper-slide{padding:10px;background: url(../images/19.png)no-repeat center/100% 100%;}
.col-page-certification .swiper-slide img{transition: 0.5s;}
.col-page-certification .swiper-slide:hover img{transform: scale(0.98);}
.col-page-certification .swiper-pagination{bottom:0;}
.col-page-certification .swiper-pagination span{width: 10px;height: 10px;background: #eacb95;opacity: 1;outline: none;}
.col-page-certification .swiper-pagination span.swiper-pagination-bullet-active{background: #000;}

/* news */
.col-page-news{padding:9vh 10px 10vh;}
.col-page-news .news-nav{margin: 20px 0 0;}
.col-page-news .news-nav ul li{float: left;padding:0 15px;position: relative;margin-right: 9px;}
.col-page-news .news-nav ul li:first-child{padding-left:0;}
.col-page-news .news-nav ul li:last-child{padding-right: 0;}
.col-page-news .news-nav ul li:not(:last-child)::after{content:'-';position: absolute;left: 100%;color:#999999;font-size: 18px;top:50%;transform: translateY(-50%);font-family: 'Kaiti';}
.col-page-news .news-nav ul li a{color:#888888;font-size: 18px;transition: 0.3s;}
.col-page-news .news-nav ul li.active a,.col-page-news .news-nav ul li a:hover{color:#4c2b24}
.col-page-news ul.list li{float: left;width: 47.5%;margin-right: 5%;margin-bottom: 10vh;}
.col-page-news ul.list li:nth-child(odd){margin-top:100px;}
.col-page-news ul.list li:nth-child(2n){margin-right: 0;}
.col-page-news ul.list li .pic{position: relative;overflow: hidden;min-height: ;}
.col-page-news ul.list li .pic img{opacity: 0.95;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);width: 100%;}
.col-page-news ul.list li .pic .time{width: 155px;height: 43px;line-height: 43px;text-align: center;background: #4c2b24;color:#fff;position: absolute;left: 0;bottom:0;}
.col-page-news ul.list li .pic .arr{width: 100%;height: 100%;background-color: rgba(0,0,0,0);position: absolute;top: 0;left: 0;z-index: 2;transition: background-color .35s;-webkit-transition: background-color .35s;}
.col-page-news ul.list li .pic .arr::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.1);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-110%,0);}
.col-page-news ul.list li .box{padding: 26px 20px 15px 0;}
.col-page-news ul.list li .box .txt{color:#4c2b24;font-size:24px;margin-bottom: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition: 0.4s;}
.col-page-news ul.list li .box .content{line-height: 1.7;color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 46px;}
.col-page-news ul.list li .box .more{color:#4c2b24;font-size:18px;text-transform: uppercase;margin-top: 28px;display: inline-block;line-height: 1.6;position: relative;}
.col-page-news ul.list li .box .more::before{display: block;content: '';width: 0%;height: 1px;background-color: #4c2b25;position: absolute;left: 0;bottom: 0;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.col-page-news ul.list li:hover .pic img{opacity: 1;-webkit-transform: scale3d(1.07,1.07,1);transform: scale3d(1.07,1.07,1);}
.col-page-news ul.list li:hover .pic .arr{background-color: rgba(0,0,0,0.2);}
.col-page-news ul.list li:hover .pic .arr::before{-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,110%,0);}
.col-page-news ul.list li:hover .box .txt{color:#eacb95}
.col-page-news ul.list li .box .more:hover::before{width: 100%;}
/* 鏂伴椈璇︽儏椤 */
.col-news { position: relative; margin: 0 auto;}
.col-news-detail{background: #f2f5f8;}
.col-news article {margin:40px 0;float: left;width: 100%;}
.col-news .met_clear {clear: both;}
.col-news .met_module2 h1.met_title {font-size: 28px;font-weight: normal;padding: 5px 0;color:#000;}
.col-news .met_module2 .met_infos {color: #818181;font-size: 12px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.col-news .met_module2 .met_time { padding-right: 6px;}
.col-news .met_module2 .met_source {padding-right: 6px;}
.col-news .met_module2 .met_source a {color: #607fa6;}
.col-news .met_module2 .met_editor { padding: 0 10px;color:#000;}
.col-news .met_editor {line-height: 2;}
.col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;}
.col-news .met_tools .met_page {clear: both;color: #818181;}
.col-news .met_tools .met_page li {display: inline-block;list-style: none;margin-right: 30px;}
.col-news .met_tools .met_page li:last-child{margin-right: 0}
.col-news .met_tools .met_page li span {padding-right: 5px;}
.col-news .met_tools .met_page a {color: #607fa6;}
/* contact */
.col-page-contact .col-information .container{padding:10vh 15px 0;}
.col-page-contact .col-information .col-map{margin-top:35px;border:1px solid #cccccc;}
.col-page-contact .col-information .col-map #allmap {width:100%;height:450px;}
.col-page-contact .col-information .col-map #allmap img { max-width: 1070px; max-height: 500px;}
.col-page-contact .col-information .col-map #allmap label {max-width: 1070px;background: #fff !important;border:none !important;box-shadow: 0 2px 3px rgba(0,0,0,.1);padding: 10px !important;top: auto !important;bottom: 10px;left: 50% !important;transform: translateX(-45%);}
.col-page-contact .col-information .col-map #allmap label::before{content: "";width: 0px;height: 0px;border-top: 10px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;bottom: -10px;left: 50%;margin-left: -10px;}
.col-page-contact .col-information .col-map #allmap .BMapLib_SearchInfoWindow .BMapLib_bubble_content{overflow-y: auto !important;}
.col-page-contact .col-information .content{margin:-100px auto 0;max-width: 1000px;text-align: center;background:url(../images/12.png)no-repeat center/100% 100% #fff;box-shadow: 4px 6.928px 15px 0px rgba(11, 2, 5, 0.15);position: relative;z-index: 2;padding:6vh 15px 10vh;color:#4c2b24;}
.col-page-contact .col-information .content h2{font-size:36px;}
.col-page-contact .col-information .content h3{font-size:18px;margin-bottom:20px;}
.col-page-contact .col-information .content p{font-size:18px;line-height: 2;}
.col-page-contact .col-information .content .s-content{margin-top:8vh;}
.col-page-contact .col-information .content .s-content p:nth-child(2n-1){font-size:24px;}
.col-page-contact .col-information .content .s-content p:nth-child(2n){margin-bottom:30px;}
.col-page-contact .col-message .container{padding:10vh 15px;}
.col-page-contact .col-message form {margin-top:35px}
.col-page-contact .col-message form li{margin-bottom: 18px;}
.col-page-contact .col-message form li input{background: #fff;padding-left: 8px;height: 50px;font-size: 18px;width:100%;border:none;outline: none;}
.col-page-contact .col-message form li textarea{background: #fff;padding-left: 8px;font-size: 18px;width:100%;border:none;outline: none;padding-top:15px;min-height: 240px;}
.col-page-contact .col-message form .sub{margin-top:35px;width:150px;height: 50px;color:#fff;text-align: center;font-size:18px;background: #000;border:none;}
/* search */
#search .goomay-keywords-light{background: #dc3545 !important;color:#ffffff !important;}
#search{margin: 8vh 0;overflow:hidden}
#search .search_left{border: 1px solid #d6d6d6;padding-top:5px;padding-bottom:5px;}
#search .s_head{border-bottom: 1px solid #d6d6d6;height: 50px;}
#search .s_head h2{line-height: 50px;text-align: center;font-size: 24px;font-weight: bold;color:#d92129;}
#search .s_body ul{margin-top: 10px;}
#search .s_body ul span{display: block;color: #333;line-height: 40px;}
#search .s_body ul input,.s_body ul select{height: 35px;width: 100%;line-height: 35px;border: 1px solid #e6e6e6;padding-left: 10px;margin-bottom: 10px;}
#search .s_body .sub input{height: 45px;line-height: 45px;background: #f47835;border: 0;color: #fff;transition: 0.3s;text-align: center;padding-left: 0px;font-size: 16px;}
#search .search_right .no-result{text-align: center;font-size: 30px;color:#f47835;margin-top:50px;}
#search .search-result-title{font-size: 20px;color: #333;line-height: 30px;height: 30px;overflow: hidden;}
#search .entry-image {float: left;width: 120px;margin: 0 20px 0 0;}
#search .entry-c{position: relative;overflow: hidden;}
#search .search-result-info{padding:5px 0;}
#search .search-result-info li{display: inline-block;}
#search .entry-content p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#search .search_right em{color: #004cff;}
#search .search_right .search-result{margin-left:25px;}
#search .search_right .search-li{border-bottom: 1px solid #d6d6d6;margin-bottom: 30px;padding-bottom: 10px;}
#search .search_right li{overflow: hidden;}
#search .search-result-info li:before{content: '/';display: inline-block;margin-left: 10px;margin-right: 10px;opacity: 0.5}
#search .search-result-info li:first-child:before { display: none; }
#search .product_list{padding-bottom: 15px;border-bottom: 1px solid #d6d6d6; margin-bottom: 15px;}
#search .product_img{float: left;}
#search .product_img img{border-radius: 50%;}
#search .product_img img:hover{width: 90px;height: 90px;}
#search .product_body{float: left;margin-left: 20px;margin-top: 10px;}
#search .se_news{float: right;width: 79%;}
#search .news ul li .se_news a {color:#d80808;text-decoration: underline;display: inline-block;height: 22px;overflow: hidden;transition: 0.3s;}
#search .search_right .news .date em{color: #fff;}
/* 搴曢儴 */
#gotoTop{width: 64px;height: 64px;text-align: center;background: url(../images/img6.2.png) center/cover no-repeat ;display: block;color:#411206;line-height: 62px;position: fixed;right: 30px;bottom: 15vh;z-index: 99;font-size: 32px;cursor: pointer;font-weight: bold;transition: 0.36s;}
.footer{background: #262626;position: relative;z-index: 5;}
.footer .wrap{width: 1600px;max-width: 92%;margin:0 auto;position: relative;padding:0 10px;}
.footer .footer-top{padding:10vh 0 9vh;border-bottom: 1px solid #666666;position: relative;}
.footer .footer-top>i{content:'';width: 100px;height: 2px;background: #eacb95;position: absolute;left: 50%;transform: translateX(-50%);bottom: -1px;}
.footer .footer-top .footer-info{float: left;width: 32%;}
.footer .footer-top .footer-info .logo{margin-bottom: 30px;}
.footer .footer-top .footer-info p{color:#fff;font-size: 16px;line-height: 2.25;}
.footer .footer-top .footer-nav{float: right;width:68%;}
.footer .footer-top .footer-nav ul {display: -webkit-flex;display: -ms-flexbox;display: flex;}
.footer .footer-top .footer-nav ul li{margin:0 auto;}
.footer .footer-top .footer-nav ul li:first-child{margin-left: 0;}
.footer .footer-top .footer-nav ul li:last-child{margin-right: 0;}
.footer .footer-top .footer-nav ul li>a{color:#fff;font-size:18px;display: block;padding-bottom: 15px;position: relative;}
.footer .footer-top .footer-nav ul li>a::before{content:'';width: 100%;height: 1px;background: #666666;position: absolute;bottom:0;left:0;}
.footer .footer-top .footer-nav ul li>a::after{content:'';width: 20px;height: 2px;background: #ccc;position: absolute;bottom:-1px;left: 0;}
.footer .footer-top .footer-nav ul li .child{margin-top: 5vh;}
.footer .footer-top .footer-nav ul li .child a{display: block;color:#cccccc;font-size: 16px;margin-bottom: 20px;transition: 0.3s;}
.footer .footer-top .footer-nav ul li .child a:hover{color:#eacb95}
.footer .copyright{text-align: center;padding:5vh 0 30px;}
.footer .copyright p:nth-child(1){color:#999999;margin-bottom: 10px;}
.footer .copyright .icon{margin:0 auto;}
.footer .copyright .icon a{display: inline-block;position: relative;margin:0 6px;vertical-align: middle;font-size: 18px;color:#666666;transition: 0.3s;}
.footer .copyright .icon a .ewm{position: absolute;bottom:100%;left: 50%;transform: translateX(-50%);display: none;}
.footer .copyright .icon a .ewm img{max-width: none;}
.footer .copyright .icon a:hover{color:rgb(188,188,188);}
/* 鍓鑸 */
/* 瑙嗛鎾斁鍣 */
.video-box {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;font-size: 0;z-index: 99999999999;}
.video-box button {display: inline-block;padding: 0;border: 0 none;background: none;text-align: center;outline: none;cursor: pointer;}
.video-box .video-button {display: inline-block;width: 36px;height: 36px;color: #fff;position: relative;overflow: hidden;}
.video-box .video-button i {font-size: 56px;}
.video-box .video-button.video-btn-volume i {font-size: 20px;}
.video-box .video-button.video-tooltip-toggle i {font-size: 20px;}
.video-box .video-video {position: relative;width: 100%;height: 100%;overflow: hidden;}
.video-box .video-video video {position: relative;display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;}
.video-box .video-container {width: 852px;min-height: 550px;max-height: 90vh;background: #000000;overflow: hidden;opacity: 0;}
.video-box .video-container.video-ready {opacity: 1;}
.video-box.quanping .video-container {width: 100%;height: 100%;max-height: 100%;position: relative;left: 0;top: 0;transform: none;}
.video-box.video-playing .video-div.video-hide-ui .video-ui {-webkit-transform: translateY(39px);-ms-transform: translateY(39px);transform: translateY(39px);}
.video-box.heibian .video-container {padding: 40px 0;}
.video-box.heibian .video-div.video-hide-ui .video-ui {-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
.video-box.heibian.quanping .video-container {padding: 0;}
.video-box.hideui .video-div .video-ui {-webkit-transform: translateY(39px);-ms-transform: translateY(39px);transform: translateY(39px);}
.video-box .i {font-family: none;height: 100%;width: 100%;background-size: 80%;background-position: center;background-repeat: no-repeat;}
.video-box .i:before,.video-box i:after {display: none !important;}
.video-box .i-voice-on {background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C10C%2022%2C12%2022%2C18%2018%2C20'%20%2F%3E%3Cpath%20d%3D'M22%2C6C%2028%2C10%2028%2C20%2022%2C24'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.video-box .i-voice-off {background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M2%2C10L2%2C20L5%2C20L13%2C25L13%2C5L5%2C10L5%2C10Z'%2F%3E%3Cpath%20d%3D'M18%2C11L27%2C20'%20%2F%3E%3Cpath%20d%3D'M18%2C20L27%2C11'%20%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.video-box .i-bofang {background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2C7L10%2C23L24%2C15z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.video-box .i-zhanting {background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M7%2C7L7%2C23L11%2C23L11%2C7z'%2F%3E%3Cpath%20d%3D'M20%2C7L20%2C23L24%2C23L24%2C7z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.video-box .i-quanping {background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L6%2C6L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L6%2C25L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L24%2C6L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L24%2C25L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.video-box .i-suoxiao {background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%20%20%3E%3Cg%20%20stroke%3D'%23fff'%20stroke-width%3D'1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20%3E%3Cpath%20d%3D'M6%2C10L10%2C10L10%2C6'%2F%3E%3Cpath%20d%3D'M6%2C21L10%2C21L10%2C25'%2F%3E%3Cpath%20d%3D'M20%2C6L20%2C10L24%2C10'%2F%3E%3Cpath%20d%3D'M20%2C25L20%2C21L24%2C21'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.video-bg {position: absolute;height: 100%;width: 100%;background: #000;opacity: .9;}
.video-div {background: #000;font-size: 0;letter-spacing: -1px;position: absolute;height: 100%;width: 100%;top: 0;left: 0;}
.video-ui {position: absolute;width: 100%;height: 41px;background-color: rgba(0, 0, 0, 0.8);left: 0;bottom: 0;z-index: 6;letter-spacing: .25px;-webkit-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;transition: transform 0.3s ease;-webkit-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
.video-loading-pulse {position: absolute;width: 6px;height: 24px;top: 50%;left: 50%;background-color: rgba(255, 255, 255, 0.2);-webkit-animation: pulse 750ms infinite;animation: pulse 750ms infinite;-webkit-animation-delay: 250ms;animation-delay: 250ms;}
.video-loading-pulse:before,.video-loading-pulse:after {content: '';position: absolute;display: block;height: 16px;width: 6px;background: rgba(255, 255, 255, 0.2);top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-animation: pulse 750ms infinite;animation: pulse 750ms infinite;}
.video-loading-pulse:before {left: -12px;}
.video-loading-pulse:after {left: 12px;-webkit-animation-delay: 500ms;animation-delay: 500ms;}
@keyframes pulse {50% {  background: white;}}
.video-loading {opacity: 1;color: #2c97f6;font-size: 0;overflow: hidden;box-shadow: 0px 0px 0px 3600px #000;background: #000;width: 30px;height: 30px;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.video-loading i {border-radius: 50%;width: 24px;height: 24px;display: block;border: 0.25rem solid rgba(255, 255, 255, 0.2);border-top-color: white;-webkit-animation: adeg 1s infinite linear;-o-animation: adeg 1s infinite linear;-ms-animation: adeg 1s infinite linear;-moz-animation: adeg 1s infinite linear;animation: adeg 1s infinite linear;}
.video-loading .i-loading:before {display: none;opacity: 0;visibility: hidden;}
.video-loading.yihuanchun {opacity: 0;}
@keyframes adeg {0% {  -webkit-transform: rotate(0deg);  transform: rotate(0deg);}100% {  -webkit-transform: rotate(360deg);  transform: rotate(360deg);}}
.video-close {position: absolute;top: calc(52px + 2%);right: 5%;width: 30px;height: 30px;cursor: pointer;background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat: no-repeat;}
.video-bofang.f-czspjuzhong {z-index: 2;font-size: 0;}
.video-bofang.f-czspjuzhong i {display: block;border-radius: 50%;text-align: center;background-color: rgba(0, 0, 0, 0.8);color: #fff;width: 60px;height: 60px;cursor: pointer;line-height: 62px;font-size: 66px;-webkit-transition: transform 1s;-o-transition: transform 1s;-ms-transition: transform 1s;-moz-transition: transform 1s;transition: transform 1s;}
.video-hide {z-index: 0 !important;}
.video-hide i {opacity: 0;-webkit-transform: scale(3);-o-transform: scale(3);-ms-transform: scale(3);-moz-transform: scale(3);transform: scale(3);will-change: transform, opacity;z-index: 0;}
.video-progress {display: block;position: absolute;width: 100%;bottom: 36px;height: 5px;cursor: pointer;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;z-index: 2;}
.video-progress:hover .video-progress-hover,.video-progress:hover .video-tooltip-time {opacity: 1;}
.video-tooltip-time {width: 46px;position: absolute;height: 20px;z-index: 5;left: 0;right: 0;bottom: 8px;opacity: 0;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;-moz-transition: opacity 0.5s;transition: opacity 0.5s;}
.video-tooltip-time .video-tinytip-content {margin-left: -23px;}
.video-tooltip-time .video-text {background: rgba(0, 0, 0, 0.5);padding: 2px;border-radius: 2px;}
.video-tinytip .video-tooltip-content {display: inline-block;padding: 0 4px;color: rgba(255, 255, 255, 0.5);font-size: 10px;line-height: 20px;text-align: center;}
.video-progress-padding {position: absolute;width: 100%;height: 16px;bottom: 0;z-index: 40;cursor: pointer;}
.video-progress-list {position: relative;top: -1px;z-index: 39;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.2);-webkit-transform: scaleY(0.6);-ms-transform: scaleY(0.6);transform: scaleY(0.6);transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);}
.video-progress-play,.video-progress-buffer,.video-progress-hover {position: absolute;top: 0;left: 0;width: 0;height: 100%;}
.video-progress-buffer {z-index: 33;background-color: rgba(255, 255, 255, 0.4);-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.video-progress-hover {z-index: 34;background-color: rgba(255, 255, 255, 0.5);opacity: 0;-webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);-o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);-ms-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);-moz-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1);}
.video-progress-play {z-index: 35;background-color: #2c97f6;}
.video-progress-handle {width: 13px;height: 13px;position: absolute;top: 50%;right: -6.5px;margin-top: -6.5px;border-radius: 50%;background-color: #2c97f6;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);transition: -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1);transition: transform 0.1s cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.1s cubic-bezier(0.4, 0, 1, 1);}
.video-progress-padding:hover + .video-progress-list {-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.video-progress-padding:hover + .video-progress-list .video-progress-handle {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.video-controls-buttons {position: absolute;bottom: 0;left: 0;height: 36px;width: 100%;padding: 0 10px;z-index: 3;}
.video-time-panel {font-size: 12px;color: #777;display: inline-block;vertical-align: top;height: 36px;padding: 0 5px;line-height: 36px;letter-spacing: .25px;}
.video-time-panel-current {color: #DEDEDF;}
.video-fullscreen {float: right;}
.video-definition {float: right;width: 55px;height: 36px;position: relative;}
.video-definition .video-button {width: 100%;}
.video-definition .video-button span {background: #fff;color: #333;font-size: 14px;padding: 2px 5px;}
.video-definition .video-tooltip-content {width: 80px;left: 50%;margin-left: -40px;display: none;background: rgba(0, 0, 0, 0.5);}
.video-definition:hover .video-tooltip-content {position: absolute;bottom: 35px;color: #aaa;display: block;z-index: 6;}
.video-menu .video-menu-item {display: block;width: 100%;line-height: 36px;font-size: 14px;text-align: center;white-space: nowrap;padding: 0 12px;cursor: pointer;position: relative;height: 38px;background: -webkit-linear-gradient(top, transparent 0, transparent 50%, rgba(255, 255, 255, 0.1) 50%) center bottom no-repeat;background-size: 80% 1px;}
.video-menu .video-menu-item:hover {color: #fff;background: rgba(255, 255, 255, 0.12);}
.video-menu .video-menu-item.video-active {color: #FF8F00;}
.video-volume {float: right;position: relative;}
.video-popup .video-popup-content {transform: scaleY(0);bottom: 41px;position: absolute;}
.video-popup .video-popup-content:after {content: '';position: absolute;bottom: -10px;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top-color: rgba(0, 0, 0, 0.5);}
.video-popup:hover .video-popup-content {-webkit-transform: scaleY(1);-o-transform: scaleY(1);-ms-transform: scaleY(1);-moz-transform: scaleY(1);transform: scaleY(1);}
.video-volume-slider {left: 0;width: 36px;height: 100px;cursor: pointer;background: rgba(0, 0, 0, 0.8);}
.video-tinytip-tiao {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-volume-range {position: absolute;left: 16px;top: 10px;width: 4px;height: 80px;background-color: rgba(0, 0, 0, 0.2);}
.video-volume-range-current {position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;background-color: #2c97f6;}
.video-volume-handle {position: absolute;top: 0;left: -4px;width: 12px;height: 3px;background-color: #fff;}
@media (max-width: 998px) {
  .video-box .video-container {width: 80vw;max-height: 80vh;min-height: 44.9vw;}
}
@media (max-width: 468px) {
  .video-box .video-container {width: 100vw;min-height: 54.9vw;}
  .video-loading i {font-size: 26px;}
  .video-definition {display: none;}
}
 /*瑙嗛缁撳熬*/
.f-czspjuzhong {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
/* media */
@media (min-width: 1200px) {
  .container{width: 1200px}
}
@media (max-width: 1600px) {
  #col-banner .down{left:12vw}
  #col-banner,#col-banner .swiper-slide{height: 600px !important;}
  .col-index-product ul li{margin-right: 5px;}
  .col-index-product ul li.titles .title{width:70px;right: 35px;}
  .ind-pro ul .titles .fa span{padding:25px 0 0 18px;}
  .col-index-product ul{height: 537px;}
}
@media (max-width: 1460px) {
  .col-index-about .content h2,.col-index-video .title h2,.col-index-quality .title h2,.col-index-news .title h2,.col-page h2{font-size: 36px;}
  .col-index-product ul li.titles .title .cn{font-size: 32px;}
  .col-index-product ul li.titles .title .en,.col-index-about .content p.namemark,.col-index-video .title .namemark{font-size: 20px;}
  .col-page-about .col-profile .box1 .img{width:280px}
  #col-banner .down{left:20px}
  #col-banner,#col-banner .swiper-slide{height: 550px !important;}
  .col-index-quality .title ul li{padding-left: 10px;}
  .col-index-quality .title{padding:50px 35px 0;}
  .col-index-quality .content .s-content{padding-top:10px}
  .col-index-product ul li.titles .title{width:60px;height: 345px;right: 30px;}
  .col-index-product ul li.titles a{padding:0 50% 0 0;}
  #col-index-banner .ban_cont{padding-right: 80px;}
  .header .inner{padding:0 4vw}
}
@media (max-width: 1200px) {
  .col-index-about .content h2,.col-index-video .title h2,.col-index-quality .title h2,.col-index-news .title h2,#col-banner .ban_cont h1,.col-page h2,.col-page-contact .col-information .content h2{font-size:32px;}
  .col-index-product ul li.titles .title .cn,.col-index-video .video_img .content,.col-page-about .col-profile .box1 .content p:nth-child(3){font-size: 24px;}
  .col-page-contact .col-information .content .s-content p:nth-child(2n-1){font-size: 20px;}
  .col-index-product ul li.titles .title .en,.col-index-about .content p.namemark,.col-index-video .title .namemark{font-size: 18px;}
  .header .inner nav ul li,.header .inner .language,.col-index-quality .title ul li a,.col-page-contact .col-information .content p{font-size:16px}
  .col-page-about .col-profile .box1 .img{width:240px;}
  #col-banner,#col-banner .swiper-slide{height: 500px !important;}
  .col-index-quality .title{padding:35px 15px 0}
  .col-index-quality .content .s-content .more{margin-top:15px;}
  .col-index-quality .title ul li{padding-left: 0;}
  .col-index-quality .title ul li::before{display: none;}
  .col-index-video .video_img{background-attachment: scroll !important;padding:12vh 10px;}
  .col-page-quality .col-production{background-attachment: scroll !important;}
  .col-page-quality .col-production .container{padding:12vh 15px;}
  .col-index-product ul li.titles{display: none;}
  .col-index-product ul{height: 500px;}
  #col-index-banner .ban_cont p:nth-child(1){font-size: 72px;width: 72px;}
  .header .inner,.header .inner .logo{height: 120px;line-height: 120px;}
  .header .inner{padding:0 10px}
  .container{width: 100%;padding-left: 10px !important;padding-right: 10px !important;}
}
@media (max-width: 1024px) {
  .col-page-about .col-profile .box1 .img{width:200px}
  #col-banner,#col-banner .swiper-slide{height: 450px !important;}
  .col-index-about .wrap{display: block;}
  .col-index-about .content,.col-index-about .img{width:100%}
  .col-index-product ul{display: block;height: auto;}
  .col-index-product ul li.titles{display: block;width: 100%;padding: 8vh 100px 8vh 4vw;background-color: #fff;text-align: left;}
  .col-index-product ul li.titles .fa{text-align: left;}
  .col-index-product ul li.titles .fa p:not(:last-child)::before{display: none;}
  .col-index-product ul li.titles a{padding:0 !important;}
  .col-index-product ul li.titles .fa p{display: inline;padding:0;width: auto;float: none;font-size: 24px;line-height: 1.8;}
  .col-index-product ul li.titles .title{height: 280px;}
  .col-index-product ul li:not(.titles){height: 45vh;margin-bottom: 5px;margin-right: 0;}
}
@media (max-width: 992px) {
  .col-page-about .col-development .content .content-container .s-content p:nth-child(1) span{font-size:36px !important}
  .col-index-about .content h2,.col-index-video .title h2,.col-index-quality .title h2,.col-index-news .title h2,#col-banner .ban_cont h1,.col-page h2,.col-page-about .col-development .content .content-container .s-content p:nth-child(1),.col-news .met_module2 h1.met_title,.col-page-contact .col-information .content h2{font-size:24px}
  .col-index-product ul li._before .menuItem .box h3,.col-index-video .video_img .content{font-size:20px;}
  .col-page-about .col-profile .box1 .content p:nth-child(3),.col-page-contact .col-information .content .s-content p:nth-child(2n-1),.col-index-product ul li.titles .fa p{font-size:18px;}
  .col-page-contact .col-information .content{margin-top:0;}
  .col-page-product .list li{width:32%;margin-right:2%;}
  .col-page-product .list li:nth-child(4n){margin-right: 2%;}
  .col-page-product .list li:nth-child(3n){margin-right:0}
  .col-page-about .col-development .year em{display: none;}
  .col-page-about .col-development .year{padding:0 50px !important;}
  .col-page-about .col-environment .environment-container .swiper-slide:nth-child(2n){margin-top:0;}
  .col-page-about .col-profile .box2 .video_img,.col-page-about .col-profile .box2 .content{float: none;width:100%;}
  .col-page-about .col-profile .box1 .img{width:180px}
  #col-banner .down{display: none;}
  #col-banner,#col-banner .swiper-slide{height: 400px !important;}
  .footer .footer-top .footer-info{width:100%;float: none;text-align: center;}
  .col-index-quality .title{position: relative;width:100%;top:auto;height: auto;}
  .col-index-quality .content{background: none;width:100%;margin-left: 0;}
  .col-index-quality .content .s-content{margin:0;float: none;width: 100%;line-height: 1.8;}
  .col-index-quality .content .img{width:100%;float: none;width:100%;}
  .col-index-video .video_img .play{margin-bottom: 0;}
  #col-index-banner .ban_cont p:nth-child(1){font-size: 64px;width: 64px;}
  .header .inner nav,.header .inner .language,.footer .footer-top .footer-nav{display: none;}
  .header .inner, .header .inner .logo,.header.active .inner, .header.active .inner .logo, .header.is_header .inner, .header.is_header .inner .logo{height: 80px;line-height: 80px;}
  .header .inner .logo img{width: 100px;}
}
@media (max-width: 768px) {
  .col-index-video .video_img .content{font-size:18px;}
  .col-page-about .col-honor .wrap .honor-list ul li a,.col-page-news ul.list li .box .more,.col-page-about .col-profile .box1 .content,.col-page-about .col-profile .box2 .content,.col-page-about .col-development .content .content-container .s-content p,.col-page-quality .col-production .content,.col-page-quality .col-management .content .s-content{font-size: 16px;}
  .col-page-contact .col-information .content{padding:4vh 15px;}
  .col-page-contact .col-information .col-map #allmap{height: 300px;}
  .col-page-news ul.list{margin-top:35px;}
  .col-page-news ul.list li:nth-child(odd){margin-top:0;}
  .col-page-product .product-nav ul li{padding:0;margin:0 0 10px;width:25%;text-align: center;}
  .col-page-product .product-nav ul li::after{display: none;}
  .col-page-product .list li .more{width:45px;padding:8px 0;font-size:12px;}
  .col-page-product .list li .title{margin-right:45px;font-size:16px;}
  .col-page-product .list li{width:49%;}
  .col-page-product .list li:nth-child(3n){margin-right: 2%;}
  .col-page-product .list li:nth-child(2n){margin-right:0}
  .col-page-quality .col-management .content,.col-page-quality .col-management .img{float: none;width:100%}
  .col-page-about .col-honor .wrap .honor-list,.col-page-about .col-honor .wrap .img{float: none;width:100%;}
  .col-page-about .col-honor .wrap .img .honor-container{position: relative;top:auto;transform: none;}
  .col-page-about .col-honor .wrap .honor-list{height: 120px;overflow-y: auto;}
  .col-page-about .col-honor .wrap .honor-list ul li{height: 40px;line-height: 40px;}
  .col-page-about .col-honor .wrap{height: auto;}
  .col-page-about .col-development .title{padding:8vh 10px ;}
  .col-page-about .col-development .content .content-container{width:100%;}
  .col-page-about .col-development .content .img{width:100%}
  .col-page-about .col-profile .box1 .img{width:160px;}
  #col-banner,#col-banner .swiper-slide{height: 350px !important;}
  #col-index-banner .swiper-pagination{top:auto;transform: none;bottom:10px;right: auto;left: 0;width: 100%;}
  #col-index-banner .swiper-pagination span{display: inline-block;margin:0 4px;padding:0;}
  #col-index-banner .swiper-pagination span.swiper-pagination-bullet-active{padding-bottom: 0;}
  #col-index-banner .swiper-pagination span::after{display: none;}
  #col-index-banner .ban_cont{padding-right:20px;}
  #col-index-banner .ban_cont p:nth-child(1){font-size: 48px;width: 48px;}
  #col-index-banner .ban_cont p:nth-child(2){width:90px}
  #col-index-banner .ban_cont p:nth-child(3){padding: 28px 10px 0;text-align: center;min-width: 45px;}
  #col-index-banner .ban_cont p:nth-child(3) span{float: none;}
  #col-index-banner .ban_cont p:nth-child(4){width:50px;}
}
@media (max-width: 468px) {
  .col-index-about .content .s-content,.col-index-quality .content .s-content{font-size:16px;}
  .col-page-news ul.list li{width:100%;margin-right:0 !important;}
  .col-page-product .product-nav ul li{width:50%}
  .col-page-about .col-profile .box1 .img{width:120px}
  #col-banner,#col-banner .swiper-slide{height: 280px !important;}
  .col-index-news .swiper-button-prev{left:0}
  .col-index-news .swiper-button-next{right:0}
  .col-index-news .swiper-slide .date{top:0;left: 0;}
  #col-index-banner .ban_cont{top:50%}
  #col-index-banner .ban_cont p:nth-child(2){width:50px;}
  #col-index-banner .ban_cont p:nth-child(4){width:35px;}
  #col-index-banner .ban_cont p:nth-child(4) span{margin:0;}
}
@media (max-width: 320px) {
  #col-banner,#col-banner .swiper-slide{height: 250px !important;}
}
/*鎵嬫満鐗堣彍鍗?/
.mm-slideout{z-index: auto!important;}
@media screen and (max-width: 992px)  {
  #header a.mm_btn {background: center center no-repeat transparent;display: block;width: 60px;height:60px;position: absolute;top: 10px;right:0; padding: 15px;z-index: 1; }
  #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
  #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
  #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #eacb95; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
  #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
  #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
  #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
  #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
  #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
  #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;}
  /*鑿滃崟寮瑰嚭鏂瑰悜*/
  .mm-menu_offcanvas{left: auto!important;}
  .mm-menu{right: 0!important;}
  .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
  .mm-slideout{z-index: 10!important;}
  .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*寮瑰嚭鑿滃崟杈归槾褰?/
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/}
  .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;}
  /**/
  #menu{ color:rgba(0,0,0,.8);}
  #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
  #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
  #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
  #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
  /* #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} */
  #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
  #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
  #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
  .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;}
}