@charset "utf-8";                 

/*
 * Org: http://www.68team.com
 * Author: https://github.com/happyfreelife
 * Date: 2017-07-31
 */


/****************************** Normalize ******************************/
*, *:before, *:after{box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{max-width: 1920px;margin: 0 auto;font-size: 12px;font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif;color: #666;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
a, img{-webkit-touch-callout: none;}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
table{border-collapse: collapse;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;-webkit-appearance:button;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{resize: none;}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}


.www{
	width: 90px;
	text-align: center;
	margin-left: 55px
}

.icon-e{
	background: url(../images/e.png) no-repeat 0px 9px;
}

/****************************** Global Style ******************************/
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.mr0{margin-right: 0 !important;}
.bd0{border-width: 0 !important;}
.center{margin-left: auto;margin-right: auto;}
.rps{display: block;max-width: 100%;}
.upload img{max-width: 100%;}
.container{max-width: 1200px;margin: 0 auto;}
.container-body{overflow: hidden;}
.container, .wrapper, .box{position: relative;}
.container:after, .wrapper:after, .box:after, .clearfix:after{content: "";display: block;clear: both;}
.ms{display: none !important;}

@font-face {
	font-family: "ProximaNova";
	src: url("../fonts/proximanovaregular.eot");
	src: url("../fonts/proximanovaregular.eot") format("embedded-opentype"),
		 url("../fonts/proximanovaregular.woff") format("woff"),
		 url("../fonts/proximanovaregular.ttf") format("truetype"),
		 url("../fonts/proximanovaregular.svg#proximanovaregular") format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Fette";
	src: url("../fonts/fette-engschrift.eot");
	src: url("../fonts/fette-engschrift.eot") format("embedded-opentype"),
		 url("../fonts/fette-engschrift.woff") format("woff"),
		 url("../fonts/fette-engschrift.ttf") format("truetype"),
		 url("../fonts/fette-engschrift.svg#fette-engschrift") format("svg");
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: "Gotham";
	src: url("../fonts/gotham-xlight.eot");
	src: url("../fonts/gotham-xlight.eot") format("embedded-opentype"),
		 url("../fonts/gotham-xlight.woff") format("woff"),
		 url("../fonts/gotham-xlight.ttf") format("truetype"),
		 url("../fonts/gotham-xlight.svg#gotham-xlight") format("svg");
	font-style: normal;
	font-weight: normal;
}



/****************************** Icon Sprite ******************************/
header .right .search:after,
header .search-box a,
header .search-box .close,
footer ul li:before,
.floater a:after,
.banner-index .arrow,
.index-product .recommend a .mask:after,
.index-product .more a:after,
.product .search .box a,
.product .list .wrapper a .mask:after,
.product-detail .picture .arrow,
.product-detail .text .name a:before,
.product-detail .consult .close,
.product-detail .recommend .list a .mask:after,
.about-profile .picture .arrow,
.about-news .top ul li span:before,
.about-news .list li .text span:before,
.about-news .list li .detail,
.about-detection .number li:before,
.about-detection .video .arrow,
.about-news-detail .attr .bdsharebuttonbox a,
.about-contact .top li h3:before,
.about-contact .bottom li span a:before{background:none;background-image: url(../images/icon.png);background-repeat: no-repeat;}


/****************************** CSS3 Transition ******************************/
header,
header .nav,
header .nav .subnav a:after,
header .nav .subnav,
header .right,
header .search-box,
header .subnav-background,
.floater,
.banner-index .arrow,
.index-product .series li a img,
.index-product .recommend a .mask,
.index-product .recommend a h3,
.index-product .more a,
.index-product ol li,
.index-product ol li i,
.index-product ol li .name,
.product .list .wrapper a .mask,
.product .list .pagination .box a,
.product-detail .recommend .category a,
.product-detail .recommend .list a .mask,
.about-category a:after,
.about-profile .picture .arrow,
.about-news .list li,
.about-news-detail .jump .back,
.about-detection .video .arrow{-webkit-transition: all .3s;transition: all .3s;}


/****************************** Common Part ******************************/
header{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 90px;background: #fff;box-shadow: 0 1px 5px rgba(50, 50, 50, .2);}
header .logo{float: left;width: 280px;height: 50px;margin: 20px 0;background: url(../images/logo.png) no-repeat 0 / contain;-webkit-transition: background-image .3s;transition: background-image .3s;}

header .box-nav,
header .mobile-search{display: none;}
header .nav{position: absolute;top: 30px;left: 25%;z-index: 1;  }
header .nav li{position: relative;float: left;padding: 0 15px; }
header .nav li > a{display: block;line-height: 30px;font-size: 14px;color: #333;letter-spacing: 1px;}
header .nav li.active > a,
header .nav li > a:hover{color: #0b6da6 !important;}
header .nav .subnav{position: absolute;top: 30px;left: 50%;height: 90px;margin-left: -480px;padding-top: 40px;text-align: center;clip: rect(0 960px 0 0);width: 960px;}
header .nav .subnav.active{clip: rect(0 960px 90px 0);}
header .nav .subnav a{position: relative;display: inline-block;line-height: 48px;margin: 0 25px;font-size: 13px;color: #666;letter-spacing: 1px;}
header .nav .subnav a:after{content: "";position: absolute;top: 100%;right: 50%;left: 50%;width: 0;border-bottom: 2px solid #0b6da6;}
header .nav .subnav a:hover:after{right: 0;left: 0;width: 100%;}
header .subnav-background{position: absolute;top: 100%;left: 0;width: 100%;height: 60px;background: #fff;border-top: 1px solid #e5e5e5;box-shadow: 0 1px 5px rgba(50, 50, 50, .2);clip: rect(0 1920px 0 0);}
header .subnav-background.active{clip: rect(0 1920px 70px 0);}

header .right{position: absolute;top: 35px;right: 0;}
header .right a{float: left;line-height: 20px;font-size: 14px;color: #888;}
header .right a:first-child:hover{color: #0b6da6;}
header .right em{float: left;height: 10px;margin: 5px 15px;border-right: 1px solid #333;}
header .right .search{position: relative;float: left;line-height: 20px;cursor: pointer;font-size: 14px;}
header .right .search:after{content: "";display: inline-block;width: 16px;height: 16px;margin-left: 7px;vertical-align: middle;background-position: -67px -17px;}
header .search-box{position: absolute;top: 100%;left: 0;width: 100%;height: 90px;padding-top: 14px;background: #fff;clip: rect(0 1920px 0 0);border-top: 1px solid #999;}   
header .search-box .container:after{content: "";display: block;border-bottom: 1px solid #e5e5e5;}
header .search-box input{width: 100%;line-height: 24px;padding: 10px 0;background: none;border: none;font-size: 16px;color: #333;letter-spacing: 1px;}
header .search-box .submit{position: absolute;top: 14px;right: 0;width: 22px;height: 22px;background-position: -164px -14px;}
header .search-box .close{position: absolute;right: -50px;bottom: 6px;width: 22px;height: 22px;background-position: -564px -14px;}
header .search-box.active{box-shadow: 0 1px 5px rgba(50, 50, 50, .2);clip: rect(0 1920px 100px 0);border-color: #e5e5e5;}

header.dark{background: rgba(0, 0, 0, 1);box-shadow: none;}
header.dark .logo{background-image: url(../images/logo-light.png);}
header.dark .nav li > a,
header.dark .nav .subnav a{color: #fff;}          
header.dark .subnav-background{background: rgba(0, 0, 0, .8);}
header.dark .subnav-background.active{border-top-color: #999;}
header.dark .right a{color: #fff;}
header.dark .right .search:after{background-position: -17px -17px;}
header.dark .right em{border-color: #fff;}
header.dark .search-box{background: #000;}
header.dark .search-box .container:after{border-color: #fff;}
header.dark .search-box input{color: #fff;}
header.dark .search-box .submit{background-position: -114px -14px;}
header.dark .search-box .close{background-position: -514px -14px;}

header.active{height: 70px;}
header.active .logo{margin: 10px 0;}
header.active .nav{top: 20px;}
header.active .right{top: 25px;}
header.active .nav .subnav{padding-top: 30px;}
header + .placeholder{height: 90px;}


footer{padding-top: 60px;background: #f5f5f5;}
footer .logo{float: left;margin-top: 8px;}
footer ul{float: left;margin-left: 22px;}
footer ul li{line-height: 30px;font-size: 14px;color: #888;position: relative;padding-left: 20px;}
footer ul li:before{content: "";position: absolute;width: 14px;height: 14px;top: 8px;left: 0;}
footer ul li:nth-child(1):before{background-position: -18px -168px;}
footer ul li:nth-child(2):before{background-position: -68px -168px;}
footer ul li:nth-child(4):before{background-position: -218px -169px;}
footer dl{float: left;margin-left: 45px;}
footer dl dt{line-height: 20px;margin-bottom: 8px;font-size: 14px;color: #666;}
footer dl dd a{line-height: 26px;font-size: 14px;color: #999;}
footer dl dd a:hover{color: #666;}
footer .copyright{margin-top: 60px;overflow: hidden;border-top: 1px solid #e5e5e5;}
footer .copyright p,
footer .copyright p a{line-height: 70px;font-size: 14px;color: #888;}
footer .copyright p a:hover{color: #666;}
footer .copyright p img{vertical-align: middle;margin-left: 5px;}

.floater{position: fixed;top: 50%;right: 0;z-index: 1;width: 50px;background: #333;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.floater a{position: relative;display: block;height: 51px;border-bottom: 1px solid #555;text-transform: uppercase;}
.floater a:last-child{border: none;}
.floater a span{position: absolute;top: 0;left: 0;width: 120px;line-height: 51px;padding-left: 24px;font-size: 14px;color: #fff;}
.floater a:after{content: "";position: absolute;top: 0;right: 0;width: 50px;height: 50px;background-color: #333;}
.floater a:nth-child(1):after{background-position: 0 -50px;}
.floater a:nth-child(2):after{background-position: -50px -50px;}
.floater a:nth-child(3):after{background-position: -100px -50px;}
.floater a:nth-child(4):after{background-position: -150px -50px;}
.floater.active,
.floater:hover{width: 200px;}
.floater a:hover{background-color: #fff;}
.floater a:hover span{color: #666;}
.floater a:hover:after{background-color: #fff;background-position-y: -100px;}

.popup-wechat{position: fixed;top: 0;left: 0;z-index: 100;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.popup-wechat img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


/****************************** Page Component ******************************/
.banner-top{position: relative;overflow: hidden;}
.banner-top img{position: relative;left: 50%;display: block;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-top h1{position: absolute;line-height: 40px;top: 50%;left: 0;width: 100%;margin-top: -20px;font-size: 24px;color: #fff;text-align: center;}
.banner-top h1 em{text-transform: uppercase;font-family: "Gotham";}
.pagination{text-align: center;}
.pagination .center{display: inline-block;}
.pagination .center a{float: left;width: 36px;line-height: 34px;margin: 0 4px;border: 1px solid #e5e5e5;border-radius: 3px;font-size: 14px;text-align: center;}
.pagination .center a.active,
.pagination .center a:hover{background: #333;border-color: #333;color: #fff;}

/****************************** Index ******************************/
.banner-index{position: relative;overflow: hidden;}
.banner-index .list .video-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;}
.banner-index .list,
.banner-index .list li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner-index .list li.active{z-index: 1;}
.banner-index .list li a{display: block;width: 100%;overflow: hidden;}
.banner-index .list li img{display: block;width: 100%;opacity: 0;-webkit-transition: all 1s;transition: all 1s;-webkit-transform: scale(1.2);transform: scale(1.2);}
.banner-index .list li.noscale img,
.banner-index .list li.active img{opacity: 1;-webkit-transform: none;transform: none;}
.banner-index .list.ground,
.banner-index .list.ground li{position: relative;width: auto;height: auto;}
.banner-index .arrow{position: absolute;top: 50%;z-index: 1;width: 18px;height: 30px;margin-top: -15px;opacity: 0;}
.banner-index .arrow.prev{left: 5.2%;background-position: -217px -10px;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.banner-index .arrow.next{right: 5.2%;background-position: -267px -10px;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.banner-index:hover .arrow{opacity: 1;-webkit-transform: none;transform: none;}
.banner-index .btn{position: absolute;bottom: 40px;left: 50%;z-index: 1;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.banner-index .btn a{float: left;width: 14px;height: 14px;margin: 0 6px;background: rgba(255, 255, 255, .2);border-radius: 50%;border-radius: 50%;}
.banner-index .btn a.active{background: #fff;}

.index-product .series{margin-top: 75px;overflow: hidden;display: none !important;}
.index-product .series li{position: relative;float: left;width: 16.66%;text-align: center;}
.index-product .series li:after{content: "";position: absolute;top: 4px;right: 0;height: 74px;border-right: 1px dotted #ddd;}
.index-product .series li:last-child:after{content: none;}
.index-product .series li a{content: "";display: block;width: 70px;height: 60px;margin: 0 auto 10px;position: relative;}
.index-product .series li a img:nth-child(1){display: block;width: 100%;}
.index-product .series li a img:nth-child(2){position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;}
.index-product .series li a:hover img:nth-child(1){opacity: 0;}
.index-product .series li a:hover img:nth-child(2){opacity: 1;}
.index-product .series li a:hover{background-position-y: -120px;}
.index-product .series li span{line-height: 16px;font-size: 14px;color: #333;text-align: center;}

.index-product .category{margin-top: 70px;}
.index-product .category li{overflow: hidden;}
.index-product .category li img{display: block;width: 100%;}
.index-product .category li .slogan{position: absolute;top: 165px;left: 0;width: 300px;height: 200px;padding-left: 55px;background: rgba(255, 255, 255, .9);opacity: 0;-webkit-transition: all .8s;transition: all .8s;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.index-product .category li .slogan.active{opacity: 1;-webkit-transform: none;transform: none;}
.index-product .category li .slogan span:nth-child(1){display: block;line-height: 20px;margin-top: 45px;font-size: 16px;color: #333;}
.index-product .category li .slogan span:nth-child(2){display: block;line-height: 16px;color: #888;text-transform: capitalize;}
.index-product .category li .slogan span:nth-child(2):after{content: "";display: block;width: 25px;margin-top: 10px;border-bottom: 1px solid #ddd;}
.index-product .category li .slogan span:nth-child(3){display: block;line-height: 20px;margin-top: 38px;font-size: 16px;color: #333;}

.index-product ol{position: absolute;bottom: 70px;z-index: 1; left: 70px}
.index-product ol li{position: relative;float: left;width: 50px;margin-left: 10px;border: 1px solid #fff;cursor: pointer;}
.index-product ol li i{position: absolute;top: 0;right: 10px;font: italic 22px/40px "Microsoft YaHei";color: #fff;letter-spacing: 1px;}
.index-product ol li .name{position: absolute;bottom: 6px;left: 10px;}
.index-product ol li .name span:nth-child(1){display: block;line-height: 16px;font-size: 14px;color: #fff;}
.index-product ol li .name span:nth-child(2){display: block;font: 12px/18px "ProximaNova";color: #fff;text-transform: capitalize;}
.index-product ol li.active,
.index-product ol li:hover{background: #0b6da6;border-color: #0b6da6;}
.index-product ol li.active i,
.index-product ol li.active .name span,
.index-product ol li:hover i,
.index-product ol li:hover .name span{color: #333;}

.index-product .recommend{margin-top: 20px;}
.index-product .recommend a{position: relative;height: 280px;background: #f8f8f8;}
.index-product .recommend a:nth-child(4n){display: none;}
.index-product .recommend a img{position: absolute;top: 50%;left: 50%;max-width: 80%;max-height: 80%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.index-product .recommend a .mask{position: absolute;top: 50%;bottom: 50%;left: 0;width: 100%;height: 0;background: rgba(0, 0, 0, .1);overflow: hidden;}
.index-product .recommend a .mask:after{content: "";position: absolute;top: 50%;left: 50%;width: 46px;height: 40px;margin: -20px 0 0 -23px;background-color: rgba(0, 0, 0, .5);background-position: -402px -5px;border-radius: 3px;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transition: all .6s;transition: all .6s;}
.index-product .recommend a h3{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 40px;opacity: 1;font-size: 14px;color: #333;text-align: center;}
.index-product .recommend a:hover .mask{top: 0;bottom: 0;height: 100%;}
.index-product .recommend a:hover h3{opacity: 1;}
.index-product .recommend a:hover .mask:after{-webkit-transform: none;transform: none;}
.index-product .more{margin-top: 26px;text-align: center;}
.index-product .more a{position: relative;display: inline-block;font: 14px/26px "ProximaNova";color: #999;text-transform: uppercase;}
.index-product .more a:before{content: "";position: absolute;width: 8px;height: 8px;border-right: 1px solid #999;border-bottom: 1px solid #999;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 9px;right: 11px;}
.index-product .more a:after{content: "";display: inline-block;width: 26px;height: 26px;margin-left: 10px;;border: 1px solid #999;;border-radius: 50%;;vertical-align: -9px;}
.index-product .more a:hover{color: #333;}
.index-product .more a:hover:before,
.index-product .more a:hover:after{border-color: #333;}          

.index-category a{overflow: hidden;border-radius: 3px;position: relative;}
.index-category a img{display: block;width: 100%;-webkit-transition: all 1s;transition: all 1s;}
.index-category a img:nth-child(1):hover{-webkit-transform: scale(1.1);-ms-transform: none;transform: scale(1.1);}
.index-category .top{margin-top: 26px;overflow: hidden;}
.index-category .top a{float: left;width: 49%;margin-right: 1%;}
.index-category .top a .text{position: absolute;width: 61.49%;top: 13.96%;left: 7.81%;}
.index-category .top a .video-js{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.index-category .top a:nth-child(even){float: right;margin-right: 0;}

.index-category .bottom{margin-top: 20px;overflow: hidden;}
.index-category .bottom a{float: left;width: 32%;margin-right: 2%;}            
.index-category .bottom a:last-child{margin-right: 0;}
.index-category .bottom a .text{position: relative;height: 70px;padding: 16px 20px;background: #f5f5f5;}
.index-category .bottom a .text h3{line-height: 20px;font-size: 14px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index-category .bottom a .text span{display: block;line-height: 20px;overflow: hidden;font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;}

.index-data{margin: 80px 0;}   
.index-data ul li{float: left;width: 25%;border-right: 1px solid #eee;text-align: center;}
.index-data ul li:last-child{border: none;}
.index-data ul li span:nth-child(1){display: inline-block;height: 45px;font: 45px/45px "ProximaNova";color: #333;}
.index-data ul li span:nth-child(1) sup{float: left;margin-top: -5px;font-size: 25px;color: #333;}
.index-data ul li span:nth-child(2){display: block;line-height: 16px;margin-top: 20px;font-size: 14px;}
.index-data ul li span em{float: left;width: 26px;}


/****************************** 产品中心 ******************************/
.product .search{height: 240px;overflow: hidden;background: url(../images/bg-product-search.jpg) no-repeat center top;}
.product .search .box{width: 400px;margin: 80px auto 0;}              
.product .search .box span{display: block;line-height: 16px;margin-bottom: 20px;font-size: 14px;color: #333;}
.product .search .box input{float: left;width: 320px;line-height: 24px;padding: 12px 0;border-color: #e5e5e5;border-radius: 3px;font-size: 14px;color: #333;text-indent: 5px;}
.product .search .box a{float: right;width: 70px;height: 50px;background-color: #0b6da6;background-position: -440px 0;border-radius: 3px;}
			
.product .category{float: left;width: 20%;margin-top: 35px;}         
.product .category dl{margin-bottom: 20px;}
.product .category dl dt{line-height: 45px;margin-bottom: 10px;border-bottom: 1px solid #e5e5e5;font-weight: bold;font-size: 16px;color: #333;}
.product .category dl dt em{display: inline-block;line-height: normal;margin-left: 10px;font-weight: normal;font-size: 12px;color: #666;text-transform: capitalize;}
.product .category dl dd a{line-height: 28px;font-size: 14px;color: #666;}
.product .category dl dd a.active,
.product .category dl dd a:hover{color: #0b6da6;}

.product .list{float: right;width: 75%;margin-top: 45px;}
.product .list h2{line-height: 62px;margin-top: 20px;border-top: 2px solid #000;font-weight: bold;font-size: 16px;color: #333;}
.product .list .wrapper a{position: relative;float: left;width: 32.22%;height: 212px;margin: 0 1.67% 15px 0;background: #f8f8f8;}
.product .list .wrapper a:nth-child(3n){margin-right: 0;}
.product .list .wrapper a img{position: absolute;top: 50%;left: 50%;max-width: 80%;max-height: 80%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.product .list .wrapper a .mask{position: absolute;top: 50%;bottom: 50%;left: 0;width: 100%;height: 0;background: rgba(0, 0, 0, .1);overflow: hidden;}
.product .list .wrapper a .mask:after{content: "";position: absolute;top: 50%;left: 50%;width: 46px;height: 40px;margin: -20px 0 0 -23px;background-color: rgba(0, 0, 0, .5);background-position: -402px -5px;border-radius: 3px;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transition: all .6s;transition: all .6s;}
.product .list .wrapper a h3{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 30px;opacity: 0;font-size: 14px;color: #333;text-align: center;}
.product .list .wrapper a:hover .mask{top: 0;bottom: 0;height: 100%;}
.product .list .wrapper a:hover .mask:after{-webkit-transform: none;transform: none;}
.product .list .wrapper a:hover h3{opacity: 1;}
.product .list .pagination{padding: 35px 0 110px;}

.product-detail{margin-top: 80px;}
.product-detail .picture{text-align: center;}
.product-detail .picture li img{display: block;width: 100%;}
.product-detail .picture .arrow{display: none;position: absolute;top: 50%;z-index: 1;width: 26px;height: 26px;margin-top: -13px;background-color: #fff;border-radius: 50%;}
.product-detail .picture .arrow.prev{left: 20px;background-position: -212px -62px;}
.product-detail .picture .arrow.next{right: 20px;background-position: -262px -62px;}
.product-detail .picture .arrow:hover{background-color: #0b6da6;background-position-y: -112px;}
.product-detail .thumb{display: inline-block;margin-top: 30px;overflow: hidden;}
.product-detail .thumb li{float: left;width: 128px;margin: 0 5px;border: 1px solid #e5e5e5;cursor: pointer;}
.product-detail .thumb li img{display: block;width: 100%;}
.product-detail .thumb li.active{border-color: #0b6da6;}

.product-detail .text{margin-top: 75px;border-bottom: 1px solid #e5e5e5;padding-bottom: 30px;}
.product-detail .text:after{content: "";display: block;clear: both;}
.product-detail .text .name{float: left;}
.product-detail .text .name h2{line-height: 36px;font-size: 18px;color: #333;}
.product-detail .text .name span{display: block;line-height: 26px;font-size: 14px;color: #999;}
.product-detail .text .name a{float: left;line-height: 20px;margin: 20px 20px 0 0;font-size: 14px;color: #0b6da6;}
.product-detail .text .name a:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 6px;vertical-align: -5px;background-size: 300px 300px;}
.product-detail .text .name a:nth-of-type(1):before{background-position: -165px -165px;}
.product-detail .text .name a:nth-of-type(2):before{background-position: -215px -165px;}

.product-detail .text .param{float: right;}
.product-detail .text .param ul{float: left;margin-left: 120px;}
.product-detail .text .param ul li{line-height: 30px;font-size: 14px;color: #888;}
.product-detail .text .param ul li label{display: inline-block;width: 60px;color: #333;}

.product-detail .text .content{float: left;width: 100%;margin-top: 20px;}

.product-detail .recommend .category{margin-top: 25px;overflow: hidden;}
.product-detail .recommend .category a{float: left;width: 70px;line-height: 30px;margin-right: 10px;background: #eee;font-size: 14px;color: #888;text-align: center;}
.product-detail .recommend .category a.active,
.product-detail .recommend .category a:hover{background: #0b6da6;color: #fff;}
.product-detail .recommend .list{margin: 25px 0 80px;}
.product-detail .recommend .list:after{content: "";display: block;clear: both;}
.product-detail .recommend .list a{position: relative;float: left;width: 32%;height: 280px;margin-right: 2%;background: #f8f8f8;}
.product-detail .recommend .list a:nth-child(3){margin-right: 0;}
.product-detail .recommend .list a:nth-child(4){display: none;}
.product-detail .recommend .list a img{position: absolute;top: 50%;left: 50%;max-width: 80%;max-height: 80%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.product-detail .recommend .list a .mask{position: absolute;top: 50%;bottom: 50%;left: 0;width: 100%;height: 0;background: rgba(0, 0, 0, .1);overflow: hidden;}
.product-detail .recommend .list a .mask:after{content: "";position: absolute;top: 50%;left: 50%;width: 46px;height: 40px;margin: -20px 0 0 -23px;background-color: rgba(0, 0, 0, .5);background-position: -402px -5px;border-radius: 3px;-webkit-transform: rotateX(-90deg);transform: rotateX(-90deg);-webkit-transition: all .6s;transition: all .6s;}
.product-detail .recommend .list a:hover .mask{top: 0;bottom: 0;height: 100%;}
.product-detail .recommend .list a:hover .mask:after{-webkit-transform: none;transform: none;}
.product-detail .recommend .list a h3{position: absolute;top: 100%;left: 0;width: 100%;line-height: 50px;font-size: 16px;color: #333;text-align: center;}

.product-detail .consult{position: fixed;top: 0;left: 0;z-index: 10;display: none;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
.product-detail .consult .box{position: fixed;top: 50%;top: 50%;left: 50%;left: 50%;width: 450px;padding-bottom: 20px;background: #fff;border-radius: 5px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.product-detail .consult .close{position: absolute;top: 10px;right: 10px;width: 15px;height: 15px;background-position: -167px -167px;}
.product-detail .consult .title{line-height: 18px;margin-top: 30px;font-size: 18px;color: #333;text-align: center;}
.product-detail .consult span{display: block;line-height: 40px;padding: 0 30px;color: #888;text-align: center;}
.product-detail .consult ul{padding: 0 45px;}
.product-detail .consult ul li{margin-top: 17px;overflow: hidden;}
.product-detail .consult ul li label{float: left;width: 40px;line-height: 40px;font-size: 14px;}
.product-detail .consult ul li input{float: left;width: 320px;line-height: 24px;padding: 7px 0;border: 1px solid #e5e5e5;border-radius: 3px;color: #333;text-indent: 1em;}
.product-detail .consult ul li textarea{float: left;width: 320px;height: 95px;line-height: 24px;padding: 7px 1em;border-color: #e5e5e5;border-radius: 3px;color: #333;}
.product-detail .consult ul li a{float: right;width: 320px;line-height: 40px;background: #0b6da6;border-radius: 3px;font-size: 14px;color: #fff;text-align: center;}


/****************************** 关于恒林 ******************************/
.about-category{background: #fff;text-align: center;border-bottom: 1px solid #ddd;height: 52px;}
.about-category .container{height: 50px;}
.about-category a{display: inline-block;line-height: 50px;font-size: 14px;color: #333;text-align: center;float: left;width: 14.28%;position: relative;background: url(../images/about-category-border.png) no-repeat top right;}
.about-category a:nth-child(7){background-image: none;}
.about-category a:nth-child(8){display: none;}
.about-category a:after{content: "";position: absolute;width: 0;border-bottom: 1px solid #0b6da6;left: 50%;margin: 0;bottom: 0;}
.about-category a:hover,
.about-category a.active{background-color: #fff;color: #0b6da6;}
.about-category a:hover:after,
.about-category a.active:after{width: 30px;margin-left: -15px;}

.about{background: #f3f3f3;padding-top: 40px;}
.about + footer{border-top: 1px solid #e5e5e5;}

/* 恒林简介 */
.about-profile{padding-bottom: 40px;}
.about-profile .top{padding: 0 40px;background: #fff;overflow: hidden;}
.about-profile .top h2{line-height: 90px;font-size: 18px;color: #333;text-align: center;}
.about-profile .top h3{line-height: 50px;font-size: 16px;text-align: center;}
.about-profile .top p{line-height: 26px;margin-bottom: 30px;font-size: 14px;text-indent: 2em;}
.about-profile .top ul{padding: 40px 0;overflow: hidden;}
.about-profile .top ul li{position: relative;float: left;width: 33.33%;}
.about-profile .top ul li .box{height: 160px;}
.about-profile .top ul li:after{content: "";position: absolute;top: 40px;right: 0;height: 70px;border-right: 1px solid #e5e5e5;}
.about-profile .top ul li:last-child:after{content: none;}
.about-profile .top ul li h3{font-size: 14px;color: #333;text-align: center;line-height: 20px;}
.about-profile .top .box{margin: 0 auto;}
.about-profile .top .box span{position: absolute;top: 50%;width: 100%;height: 40px;margin-top: -20px;font: 45px/40px "Fette";color: #333;text-align: center;}
.about-profile .top .box span sub{margin-left: 5px;vertical-align: text-bottom;font-size: 14px;font-family: "Microsoft YaHei";color: #666;}

.about-profile .picture{position: relative;margin-top: 40px;}
.about-profile .picture img{display: block;width: 100%;}
.about-profile .picture .arrow{z-index: 1;top: 50%;width: 50px;height: 50px;margin-top: -25px;background: #333;border: none;position: absolute;border-radius: 50%;opacity: .8;}
.about-profile .picture:hover .arrow{opacity: 1;}
.about-profile .picture .arrow.prev{left: 3%;}
.about-profile .picture .arrow.next{right: 3%;}
.about-profile .picture .arrow:after{content: "";position: absolute;top: 20px;left: 12px;width: 10px;height: 10px;border-style: solid;border-color: #fff;}
.about-profile .picture .arrow.prev:after{margin-left: 10px;border-width: 0 0 1px 1px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.about-profile .picture .arrow.next:after{margin-left: 6px;border-width: 0 1px 1px 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.about-profile .picture .page{display: none;}

.about-profile .bottom{padding: 80px 0 100px;}
.about-profile .bottom img{float: left;width: 32.9%;}
.about-profile .bottom .text{float: right;width: 59.1%;}
.about-profile .bottom .text h3{line-height: 28px;font-weight: bold;font-size: 20px;color: #333;}
.about-profile .bottom .text h3:after{content: "";display: block;width: 40px;margin: 8px 0 40px;border-bottom: 2px solid #0b6da6;}
.about-profile .bottom .text p{line-height: 30px;margin-bottom: 20px;font-size: 14px;}

/* 发展历程 */
.about-history{background: #f3f3f3 url(../images/bg-about-history.jpg) no-repeat center bottom;min-height: 800px;padding-bottom: 240px;}
.about-history ul{margin: 0 auto;max-width: 870px;position: relative;padding-bottom: 30px;}
.about-history ul:before{content: "";position: absolute;top: 0;left: 50%;margin-left: -1px;height: 100%;width: 2px;background: #ddd;}
.about-history ul li{position: relative;margin-bottom: 30px;}
.about-history ul li:before{content: "";position: absolute;width: 16px;height: 16px;border: 2px solid #0b6da6;border-radius: 50%;top: 50%;left: 50%;margin: -8px 0 0 -8px;z-index: 1;background: #fff;}
.about-history ul li:first-child:after{content: "";position: absolute;top: 0px;left: 50%;margin-left: -1px;width: 2px;background: #f3f3f3;height: 50%;}
.about-history ul li img{width: 42.5%;float: left;}
.about-history ul li .text{width: 42.5%;position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about-history ul li .text h3{line-height: 40px;font-size: 40px;color: #333;font-family: "Tahoma";}
.about-history ul li .text h3 sub{font-size: 16px;font-family: "Microsoft YaHei";vertical-align: 1px;}
.about-history ul li .text .desc{line-height: 30px;font-size: 16px;margin-top: 5px;height: 90px;}
.about-history ul li:nth-child(even) img{float: right;}
.about-history ul li:nth-child(even) .text{right: auto;left: 0;text-align: left;}       
.about-history .more{display: block;width: 40px;line-height: 32px;border-radius: 50%;border: 4px solid #0b6da6;text-align: center;font-size: 36px;color: #0b6da6;margin: 0 auto;font-family: "SimHei";background: #fff;}
.about-history ul li .mCSB_scrollTools{right: -15px;top: 5px;}
.about-history ul li:nth-child(even) .mCSB_scrollTools{right: auto;left: -15px;}

/* 创始人介绍 */
.about-founder{height: 980px;background: #f3f3f3 url(../images/bg-about-founder.jpg) no-repeat center bottom / 100%;}
.about-founder .chairman{padding: 90px 30px;background: #fff url(../images/bg-about-founder-chairman.jpg) no-repeat center / cover;}
.about-founder .chairman img{position: absolute;top: 50%;left: 6.66%;width: 35.83%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about-founder .chairman .text{float: right;width: 46.66%;margin-right: 3.33%;}
.about-founder .chairman .text h3{line-height: 20px;font-weight: bold;font-size: 20px;color: #333;}
.about-founder .chairman .text h3:after{content: "";display: block;width: 25px;margin-top: 30px;border-bottom: 2px solid #0b6da6;}
.about-founder .chairman .text p{line-height: 30px;margin-top: 22px;font-size: 14px;}
.about-founder .bottom h2{line-height: 70px;margin-top: 45px;border-bottom: 1px solid #e5e5e5;font-weight: bold;font-size: 16px;color: #333;}
.about-founder .bottom p{line-height: 30px;margin-top: 20px;font-size: 14px;}

/* 资讯中心 */
/*.about-news .top{padding-bottom: 50px;background: #f3f3f3;}*/
.about-news .top .container{position: relative;padding: 0 40px 48px;background: #fff;}
.about-news .top h2{line-height: 70px;font-size: 18px;color: #333;text-align: center;}
.about-news .top .picture{float: left;width: 45.53%;height: 410px;margin-top: 18px;}        
.about-news .top .picture a{overflow: hidden;}
.about-news .top .picture a img{position: relative;left: 50%;display: block;width: 612px;height: 410px;margin-left: -255px;}
.about-news .top .picture .page{position: absolute;right: 15px;bottom: 10px;left: auto;z-index: 1;width: auto;}
.about-news .top .picture .page span{width: 10px;height: 10px;margin: 0 5px;background: #fff;opacity: 1;}
.about-news .top .picture .page span[class*="active"]{background: #0b6da6;}
.about-news .top ul{float: right;width: 50%;margin-top: 20px;}
.about-news .top ul li{padding-bottom: 30px;border-bottom: 1px dotted #aaa;}
.about-news .top ul li:last-child{margin: 0;}
.about-news .top ul li:nth-child(n+2){padding-top: 20px;}
.about-news .top ul li h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about-news .top ul li h3 a{line-height: 28px;font-size: 16px;color: #333;}
.about-news .top ul li:hover h3 a{color: #0b6da6;}
.about-news .top ul li p{line-height: 35px;overflow: hidden;font-size: 14px;color: #888;white-space: nowrap;text-overflow: ellipsis;}
.about-news .top ul li span{display: block;line-height: 18px;margin-top: 10px;font-size: 14px;color: #888;}
.about-news .top ul li span:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 8px;vertical-align: middle;background-position: -266px -166px;}

.about-news .list .category{margin: 40px 0 20px;overflow: hidden;}
.about-news .list .category a{float: left;line-height: 32px;margin-right: 30px;font-size: 14px;color: #333;}
.about-news .list .category a.active{border-bottom: 2px solid #0b6da6;}
.about-news .list li{position: relative;margin-bottom: 30px;overflow: hidden;}
.about-news .list li .thumb{display: block;width: 350px;height: 230px;overflow: hidden;}
.about-news .list li .thumb img{display: block;width: 100%;-webkit-transition: all .5s;transition: all .5s;}
.about-news .list li .text{position: absolute;top: 0;right: 0;width: calc(100% - 350px);height: 100%;padding: 0 7.5% 0 5%;background: #fff;}
.about-news .list li .text .box{top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about-news .list li .text h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about-news .list li .text h3 a{line-height: 20px;font-size: 16px;color: #333;}
.about-news .list li .text h3 a:hover{color: #0b6da6;}
.about-news .list li .text p{line-height: 18px;margin-top: 14px;overflow: hidden;font-size: 14px;color: #888;white-space: nowrap;text-overflow: ellipsis;}
.about-news .list li .text span{display: block;line-height: 18px;margin-top: 14px;font-size: 14px;color: #888;}
.about-news .list li .text span:before{content: "";display: inline-block;width: 18px;height: 18px;margin-right: 8px;vertical-align: middle;background-position: -266px -166px;}
.about-news .list li .detail{position: absolute;top: 50%;right: 2.5%;width: 26px;height: 26px;margin-top: -13px;background-position: -262px -62px;border: 1px solid #ccc;border-radius: 50%;-webkit-transition: background-color .3s;transition: background-color .3s;}
.about-news .list li:hover{box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);}
.about-news .list li:hover .thumb img{-webkit-transform: scale(1.05);transform: scale(1.05);}
.about-news .list li:hover .detail{background-color: #0b6da6;background-position-y: -112px;border-color: #0b6da6;}
.about-news .list .pagination{padding: 70px 0 110px;}

.about-news-detail{padding-bottom: 40px;}
.about-news-detail .container{padding: 0 20px;background: #fff;}
.about-news-detail h1{line-height: 36px;padding-top: 36px;font-size: 24px;color: #333;text-align: center;}
.about-news-detail .attr{position: relative;line-height: 40px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;font-size: 14px;text-align: center;}
.about-news-detail .attr em{display: inline-block;width: 20px;}
.about-news-detail .upload{margin-top: 40px;position: relative;}
.about-news-detail .attr .bdsharebuttonbox{position: absolute;bottom: 10px;right: 0;width: 206px;}
.about-news-detail .attr .bdsharebuttonbox span{text-transform: uppercase;color: #b60004;float: left;line-height: 40px;font-size: 14px;padding: 0 5px;}
.about-news-detail .attr .bdsharebuttonbox a{width: 36px;height: 36px;border-top: 1px solid #fff;padding: 0;margin: 0;}
.about-news-detail .attr .bdsharebuttonbox a:nth-of-type(1){background-position:-307px -57px;}
.about-news-detail .attr .bdsharebuttonbox a:nth-of-type(2){background-position:-357px -57px;}
.about-news-detail .attr .bdsharebuttonbox a:nth-of-type(3){background-position:-407px -57px;}
.about-news-detail .attr .bdsharebuttonbox a:nth-of-type(4){background-position:-457px -57px;}
.about-news-detail .attr .bdsharebuttonbox a:hover{background-position-y: -107px;}
.about-news-detail .upload p{line-height: 26px;margin-top: 26px;font-size: 14px;}
.about-news-detail .jump{position: relative;margin-top: 50px;padding: 40px 0;border-top: 1px solid #e5e5e5;}
.about-news-detail .jump span{display: block;line-height: 40px;font-size: 14px;}
.about-news-detail .jump span a{color: #666;}
.about-news-detail .jump span a:hover{color: #0b6da6;}
.about-news-detail .jump .back{position: absolute;top: 54px;right: 0;width: 120px;line-height: 38px;border: 1px solid #ddd;border-radius: 20px;font-size: 14px;text-align: center;}
.about-news-detail .jump .back:hover{background: #0b6da6;border-color: #0b6da6;color: #fff;}
.bd_weixin_popup{box-sizing: content-box;}

/* 坐文化 */
.about-culture .top{position: relative;padding: 80px 40px 75px;background: #fff;}
.about-culture .top .text{width: 60%;}
.about-culture .top .text h2{font: 30px/30px "PingFang SC", "Verdana";font-size: 30px;color: #333;letter-spacing: 1px;text-transform: capitalize;}
.about-culture .top .text h2:after{content: "";display: block;width: 40px;margin: 26px 0 38px;border-bottom: 2px solid #0b6da6;}
.about-culture .top .text p{line-height: 26px;margin-bottom: 25px;font-size: 14px;}
.about-culture .top img{position: absolute;top: 58%;right: 2.5%;width: 33%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}                      
.about-culture .middle{padding: 105px 0 130px;background: #fff;}
.about-culture .middle .container{position: relative;overflow: hidden;}
.about-culture .middle img{position: absolute;top: 50%;width: 45.58%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.about-culture .middle .text{float: right;width: 50%;padding-right: 2.5%;}
.about-culture .middle .text h2{line-height: 30px;margin-top: 15px;font-size: 20px;color: #333;}
.about-culture .middle .text h2 em{display: inline-block;margin: 0 15px;font-size: 30px;}
.about-culture .middle .text p{line-height: 30px;margin-top: 30px;font-size: 14px;color: #888;}
.about-culture .bottom{height: 540px;padding-top: 46px;background: url(../images/bg-about-culture.jpg) no-repeat center top;}
.about-culture .bottom p{line-height: 28px;margin-bottom: 24px;font-size: 14px;}
.about-culture .bottom h3{display: block;line-height: 40px;font-size: 16px;color: #333;}
.about-culture .bottom h3 + p{margin-left: 2.5%;}
.about-culture .posture{padding: 60px 0;background: #004d67;}
.about-culture .posture ul:before{content: "";position: absolute;top: 50%;left: 0;width: 100%;border-bottom: 1px solid rgba(10, 98, 128, .6);}
.about-culture .posture ul li{position: relative;float: left;width: 25%;}
.about-culture .posture ul li img{display: block;width: 92.66%;margin: 0 auto;}
.about-culture .posture ul li:after{content: "";position: absolute;bottom: 10px;right: 0;height: 64.5%;border-right: 1px solid rgba(10, 98, 128, .6);}
.about-culture .posture ul li:nth-child(4n):after{content: none;}
.about-culture .posture ul li:nth-child(n+5){margin-top: 60px;}

/* 荣誉资质 */
.about-honor{position: relative;padding-bottom: 50px;}
.about-honor .picture{height: 100%;overflow: hidden;background: url(../images/bg-about-honor.png) no-repeat left bottom / contain;}
.about-honor .picture img{float: right;width: 80%;}
.about-honor dl{position: absolute;top: 0;left: 0;width: 16%;}
.about-honor dl dt{line-height: 24px;font-size: 16px;color: #333;}
.about-honor dl dd{padding: 15px 0;border-bottom: 1px solid #eee;}
.about-honor dl dd span{display: block;line-height: 25px;font-size: 14px;color: #888;}
.about-honor dl dd span:before{content: "";display: inline-block;width: 4px;height: 4px;margin-right: 6px;vertical-align: middle;background: #888;border-radius: 50%;}

/* 检测中心 */
.about-detection{background: #f3f3f3;padding-bottom: 40px;}
.about-detection .container{padding: 0 40px;background: #fff;}
.about-detection h2{line-height: 70px;font-size: 18px;color: #333;text-align: center;}
.about-detection p{line-height: 28px;margin-bottom: 20px;font-size: 14px;text-indent: 2em;}
.about-detection .number{padding: 60px 0 100px;overflow: hidden;}
.about-detection .number li{position: relative;float: left;width: 33.33%;text-align: center;}
.about-detection .number li:before{content: "";display: inline-block;width: 45px;height: 45px;margin-right: 24px;vertical-align: 5px;background-size: 300px 300px;}
.about-detection .number li:nth-child(1):before{background-position: -2px -152px;}
.about-detection .number li:nth-child(2):before{background-position: -52px -152px;}
.about-detection .number li:nth-child(3):before{background-position: -102px -152px;}
.about-detection .number li:after{content: "";position: absolute;top: 12px;right: 0;height: 50px;border-right: 1px solid #e5e5e5;}
.about-detection .number li:last-child:after{content: none;}
.about-detection .number li .box{display: inline-block;}
.about-detection .number li .box span:nth-child(1){display: block;height: 35px;font: 45px/35px "Fette", "Microsoft YaHei";color: #0b6da6;}
.about-detection .number li .box span:nth-child(1) sub{margin-left: 5px;vertical-align: 3px;font-size: 18px;text-transform: uppercase;}
.about-detection .number li .box span:nth-child(1) em{display: inline-block;margin-left: 2px;vertical-align: 6px;font-size: 12px;;}
.about-detection .number li .box span:nth-child(2){display: block;margin-top: 12px;font-size: 14px;}

.about-detection .video{margin-top: 30px;}
.about-detection .video:before,
.about-detection .video:after{content: "";position: absolute;top: 0;width: 33.33%;z-index: 2;height: calc(100% - 40px);background: rgba(0, 0, 0, .5);}
.about-detection .video:before{left: 0;}
.about-detection .video:after{right: 0;}
.about-detection .video .arrow{position: absolute;width: 50px;height: 50px;z-index: 2;top: 50%;margin-top: -25px;z-index: 10;opacity: 0;}
.about-detection .video .arrow.prev{background-position: -200px 0;left: calc(33.33% - 100px);}
.about-detection .video .arrow.next{background-position: -250px 0;right: calc(33.33% - 100px);}
.about-detection .video li{position: relative;padding-bottom: 40px;}
.about-detection .video li img{display: block;width: 100%;}
.about-detection .video li .video-js{width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;}
.about-detection .video li a{position: absolute;top: 50%;left: 50%;margin: -30px 0 0 -30px;width: 60px;height: 60px;border: 2px solid #fff;border-radius: 50%;background: none;cursor: pointer;}
.about-detection .video li a:after{content: "";position: absolute;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent;border-left-color: #fff;top: 50%;left: 50%;margin: -10px 0 0 -3px;}
.about-detection .video li h3{position: absolute;bottom: 0;left: 0;width: 100%;line-height: 40px;text-align: center;font-size: 16px;color: #333;}
.about-detection .video:hover .arrow{opacity: 1;}

/* 联系我们 */
.about-contact{background: #f3f3f3;}
.about-contact ul{padding: 70px 0;overflow: hidden;background: #fff;}
.about-contact li{position: relative;float: left;}
.about-contact li:after{content: "";position: absolute;top: 50%;right: 0;height: 30px;margin-top: -15px;border-right: 1px solid #e5e5e5;}
.about-contact li:last-child:after{content: none;}
.about-contact .top li{width: 33.33%;}
.about-contact .top li h3{line-height: 20px;font-weight: bold;font-size: 16px;color: #333;text-align: center;}
.about-contact .top li h3:before{content: "";display: block;width: 35px;height: 35px;margin: 0 auto 5px;background-size: 300px 300px;}
.about-contact .top li:nth-child(1) h3:before{background-position: -7px -208px;}
.about-contact .top li:nth-child(2) h3:before{background-position: -57px -208px;}
.about-contact .top li:nth-child(3) h3:before{background-position: -107px -208px;}
.about-contact .top li span{display: block;line-height: 24px;margin-top: 20px;font-size: 16px;color: #333;text-align: center;height: 48px;}
.about-contact .top li em{display: block;line-height: 16px;margin-top: 20px;font-size: 16px;color: #888;text-align: center;text-transform: capitalize;}

.about-contact .bottom{margin-top: 40px;}
.about-contact .bottom li{width: 25%;padding-left: 5%;}
.about-contact .bottom li h3{line-height: 20px;margin-bottom: 20px;font-weight: bold;font-size: 16px;color: #333;}
.about-contact .bottom li span{display: block;}
.about-contact .bottom li span a{display: inline-block;line-height: 32px;cursor: default;font-size: 14px;color: #333;;}
.about-contact .bottom li span a:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;background-size: 300px 300px;}
.about-contact .bottom li span.tel a:before{background-position: -165px -215px;}
.about-contact .bottom li span.mobile a:before{background-position: -215px -215px;}
.about-contact .bottom li span.mail a:before{background-position: -265px -215px;}

.about-contact .map{height: 500px;margin-top: 40px;}
.about-contact .map .BMap_cpyCtrl,
.about-contact .map .anchorBL{display: none;}


/****************************** 成功案例 ******************************/
.customer .area{padding: 40px 0 70px;background: #f3f3f3;}
.customer .area .container{padding: 35px 0;background: #fff;}
.customer .area h2{line-height: 65px;font-size: 30px;color: #333;text-align: center;}
.customer .area h2 em{display: inline-block;margin: 0 5px;vertical-align: middle;font: 50px/65px "Fette";color: #0b6da6;}
.customer .area p{line-height: 24px;padding: 30px 100px 0;font-size: 14px;text-align: center;}
.customer .area img{display: block;width: 100%;margin-top: 60px;}

.customer .list{margin-top: 70px;}
.customer .list h2{line-height: 30px;font-size: 16px;color: #333;text-align: center;}
.customer .list h2:after{content: "";display: block;width: 40px;margin: 0 auto;border-bottom: 2px solid #0b6da6;}
.customer .list h2 span{position: relative;}
.customer .list h2 span sub{position: absolute;font-size: 12px;color: #999;top: 2px;left: 100%;width: 90px;line-height: normal;}
.customer .list table{width: 100%;margin-top: 15px;}
.customer .list table tr{border-bottom: 1px solid #e5e5e5;}
.customer .list table tr:last-child{border: none;}
.customer .list table td{position: relative;height: 155px;text-align: center;}
.customer .list table td:after{content: "";position: absolute;top: 50%;right: 0;height: 96px;margin-top: -48px;border-right: 1px solid #e5e5e5;}
.customer .list table td:last-child:after{content: none;}
.customer .list table td img{max-width: 60%;max-height: 60%;}
.customer .list .ps{line-height: 16px;margin: 40px 0 80px;font-size: 14px;color: #999;text-align: center;}


/****************************** CSS3 Media ******************************/
/* PC */
@media (max-width: 1200px){
	.container{margin-right: 20px;margin-left: 20px;}

	header .nav li{padding: 0 20px;}
	header .nav .subnav a{margin: 0 22px;}
	header .search-box .container:after,
	header .search-box input{width: calc(100% - 60px);}
	header .search-box .submit{right: 60px;}
	header .search-box .close{right: 0;}

	.floater{display: none;}

	.about-honor dl{width: 24%;}
	.about-honor .picture img{width: 72%;}

	.about-contact .bottom li{width: 50%;padding: 0 10%;}
	.about-contact .bottom li:nth-child(-n+2){margin-bottom: 50px;}
	.about-contact .bottom li:nth-child(2):after{content: none;}
}

@media (max-width: 1024px){
	header .nav li{padding: 0 20px;}
	header .nav .subnav a{margin: 0 18px;}

	.about-founder .chairman img{left: 3.66%;width: 38.83%;}
	.about-founder .chairman .text{width: 49.66%;}
}


/* Pad */
@media (max-width: 800px){
	.mh{display: none !important;}
	.ms{display: block !important;}
	.container{margin-right: 3%;margin-left: 3%;}
	[animation-name]{visibility: visible !important;}


	/****************************** Icon Sprite ******************************/
	header .right .show-nav,
	header .box-nav .close,
	header .box-nav .mobile-search a,
	.product .search .box a:after{background: none;background-image: url(../images/icon.png);background-repeat: no-repeat;background-size: 300px 300px;}


	/****************************** Common ******************************/
	header{height: auto;background: #fff;box-shadow: 0 1px 5px rgba(50, 50, 50, .2);}
	header .logo{width: 48.6vw;margin: 10px 0;background-image: url(../images/logo.png);height: 8.7vw;}
	header .right{top: 50%;right: 0;margin-top: -16px;}
	header .right em,
	header .right .search{display: none;}
	header .right .lang{width: 32px;height: 32px;line-height: 32px;font-size: 20px;color: #333;text-align: center;letter-spacing: 2px;}
	header .right .show-nav{float: left;width: 32px;height: 32px;margin-left: 20px;background-position: -109px -110px;}
	header.dark .right .show-nav{background-position: -59px -110px;}

	header .nav{display: none;}
	header .box-nav{position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;padding-left: 24%;background: rgba(0, 0, 0, .6);-webkit-transition: all .5s;transition: all .5s;clip: rect(0 800px 0 0);z-index: 10;}
	header .box-nav.active{clip: rect(0 800px 1200px 0);}
	header .box-nav:before{content: "";position: absolute;top: 0;right: 0;width: 76%;height: 100%;background-color: #fff;}
	header .box-nav .close-rect{position: absolute;top: 0;left: 0;width: 24%;height: 100%;}
	header .box-nav .close{position: absolute;top: 30px;left: 12%;width: 35px;height: 35px;margin-left: -17px;background-position: -7px -107px;}
	header .box-nav .mobile-search{position: relative;z-index: 1;display: none;margin: 30px 8%;padding: 10px;overflow: hidden;background: #e5e5e5;border-radius: 3px;}
	header .box-nav .mobile-search input{float: left;width: calc(100% - 24px);line-height: 24px;background: none;border: none;font-size: 15px;color: #333;letter-spacing: 1px;}
	header .box-nav .mobile-search a{float: right;width: 24px;height: 24px;background-position: -213px -113px;}
	header .box-nav ul{position: relative;z-index: 1;height: calc(100% - 104px);overflow: scroll;}
	header .box-nav ul li > a{position: relative;display: block;line-height: 80px;padding: 0 8%;border-bottom: 1px solid #e5e5e5;font-size: 24px;color: #333;}
	header .box-nav ul li:nth-child(2) > a:after,
	header .box-nav ul li:nth-child(3) > a:after{content: "";position: absolute;top: 50%;right: 5%;width: 20px;height: 20px;margin-top: -10px;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transition: all .5s;transition: all .5s;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	header .box-nav ul li.unfold > a:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
	header .box-nav ul li.active > a{color: #0b6da6;}
	header .box-nav .subnav{height: 0;overflow: hidden;-webkit-transition: all .3s;transition: all .3s;}
	header .box-nav .subnav a{display: block;line-height: 60px;margin-left: 8%;border-bottom: 1px solid #e5e5e5;font-size: 20px;color: #666;}
	header .box-nav a:active{color: #0b6da6;}
	header + .placeholder{height: calc(7.52vw + 24px);}

	footer{padding: 15px 0;}
	footer > .container{display: none;}
	footer .copyright{margin: 0;border: none;}
	footer .copyright p,
	footer .copyright p a{line-height: 40px;}

	.banner-top img{left: auto;width: 100%;-webkit-transform: none;transform: none;}

	.pagination .center a:hover{background: none;border-color: #e5e5e5;color: #999;}

	/****************************** Index ******************************/
	.banner-index-mobile li{height: 56.25vw;}
	.banner-index-mobile li img{display: block;width: 100%;}
	.banner-index-mobile li .play{position: absolute;top: 50%;left: 50%;width: 40px;height: 40px;margin: -20px 0 0 -20px;background: rgba(255, 255, 255, .3);border-radius: 50%;}
	.banner-index-mobile li .play:after{content: "";display: block;width: 0;margin: 12px 0 0 17px;border: 8px solid transparent;border-right: none;border-left: 10px solid #fff;}
	.banner-index-mobile .video-js{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.banner-index-mobile .swiper-container .page{position: absolute;bottom: 5%;left: 50%;z-index: 1;z-index: 1;width: auto;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.banner-index-mobile .swiper-container .page span{float: left;width: 14px;height: 14px;margin: 0 6px;background: rgba(255, 255, 255, .2);border-radius: 50%;opacity: 1;}
	.banner-index-mobile .swiper-container .page span[class*="active"]{background: #fff;}

	.index-product .series{margin: 0;}
	.index-product .series li{width: 33.33%;margin-top: 40px;}
	.index-product .series li:nth-child(3n):after{border: none;}
	.index-product .recommend .swiper-wrapper{padding-bottom: 10px;}
	.index-product .recommend a{height: 240px;margin-bottom: 25px !important;}
	.index-product .recommend a:nth-child(4n){display: block;}
	.index-product .recommend a .mask{display: none;}
	.index-product .recommend a h3{bottom: -40px;opacity: 1;}

	.index-product .category{margin-top: 40px;}
	.index-product .category li .slogan{top: 5%;width: 40%;height: auto;padding: 0;text-align: center;}
	.index-product .category li .slogan span:nth-child(-n+2){display: none;}
	.index-product .category li .slogan span:nth-child(3){line-height: 50px;margin: 0;}

	.index-product ol{right: 0;width: 100%;text-align: center;}
	.index-product ol li{display: inline-block;float: none;width: auto;height: auto;margin: 0 10px;background: none;border: none;}
	.index-product ol li i{position: static;float: left;font-size: 34px;}
	.index-product ol li .name{position: static;float: left;}
	.index-product ol li .name span:nth-child(1){line-height: 32px;margin: 8px 0 0 5px;font-size: 20px;}
	.index-product ol li .name span:nth-child(2){display: none;}
	.index-product ol li.active,
	.index-product ol li:hover{background: none;}
	.index-product ol li.active i,
	.index-product ol li.active .name span{color: #333;}

	.index-category a img:nth-child(1):hover{-webkit-transform: none;transform: none;}
	.index-category .top a,
	.index-category .bottom a{width: 100%;margin: 0 0 20px;}
	.index-category .bottom{margin: 0;}
	.index-category .top a .video-js{display: none;}
	.index-category .bottom a .text{height: auto;padding: 10px 20px;}
	.index-category .bottom a .text h3{line-height: 30px;font-size: 18px;}
	.index-category .bottom a .text span{line-height: 24px;}

	.index-data{margin: 20px 0 0 0;}
	.index-data ul li{width: 50%;margin-bottom: 40px;}
	.index-data ul li:nth-child(2){border: none;}

	/****************************** 产品中心 ******************************/
	.product .search{height: auto;background: #f3f3f3;}
	.product .search .box{width: 70%;margin: 20px auto;}
	.product .search .box span{line-height: 40px;margin: 0;}
	.product .search .box input{width: calc(100% - 100px);}
	.product .search .box a{background-image: none;}
	.product .search .box a:after{content: "";display: block;width: 24px;height: 24px;margin: 13px auto;background-position: -163px -113px;}

	.product .category{width: 100%;}
	.product .category dl{overflow: hidden;}
	.product .category dl dt{}
	.product .category dl dd{float: left;width: 25%;}

	.product .list{width: 100%;margin-top: 30px;}
	.product .list h2{line-height: 40px;margin-top: 10px;}
	.product .list .wrapper a{width: 48.3%;height: 200px;margin-right: 0;margin-bottom: 40px;}
	.product .list .wrapper a:nth-child(n+9){display: none;}
	.product .list .wrapper a:nth-child(even){float: right;}
	.product .list .wrapper a .mask{display: none;}
	.product .list .wrapper a h3{bottom: -40px;opacity: 1;line-height: 40px;}
	.product .list .pagination{padding: 30px 0 45px;}

	.product-detail{margin-top: 0;}
	.product-detail .picture{width: 100vw;margin-left: -3vw;}
	.product-detail .picture .arrow{display: none;}

	.product-detail .text{position: relative;height: auto;margin-top: 30px;overflow: hidden;}
	.product-detail .text .name{width: 100%;}
	.product-detail .text .param{width: 100%;margin: 20px 0 30px;}
	.product-detail .text .param ul{width: 100%;margin: 0;}
	.product-detail .text .param ul li{line-height: 30px;font-size: 14px;color: #888;}
	.product-detail .text .param ul li label{display: inline-block;width: 60px;color: #333;}

	.product-detail .recommend .list{margin: 25px 0;}
	.product-detail .recommend .list a{float: left;width: 48.3%;height: 220px;margin: 0 0 45px 0;}
	.product-detail .recommend .list a:nth-child(even){float: right;}
	.product-detail .recommend .list a:hover{box-shadow: none;}
	.product-detail .recommend .list a:nth-child(4){display: block;}
	.product-detail .recommend .list a{line-height: 30px;}

	.product-detail .consult .box{width: 60vw;}
	.product-detail .consult .close{background-position: -267px -118px;background-size: 300px 300px;}
	.product-detail .consult ul li{margin-top: 17px;overflow: hidden;}
	.product-detail .consult ul li input,
	.product-detail .consult ul li textarea,
	.product-detail .consult ul li a{width: calc(100% - 40px);}


	/****************************** 关于恒林 ******************************/
	.about-category .container{margin: 0;}

	.about{padding-top: 30px;}
	
	/* 恒林简介 */
	.about-profile .background{background: none;}
	.about-profile .top{margin-top: 0;padding: 0;}
	.about-profile .top h2{line-height: 60px;}
	.about-profile .top p{margin-bottom: 20px;}
	.about-profile .top ul{padding: 20px 0 40px;}

	.about-profile{padding-bottom: 30px;}
	.about-profile .picture{margin: 30px 0 0 0;}
	.about-profile .picture .arrow{opacity: 1;}

	.about-profile .bottom{padding: 50px 0;}
	.about-profile .bottom img{float: right;width: auto;max-width: 100%;}
	.about-profile .bottom .text{width: 100%;}
	.about-profile .bottom .text h3{text-align: center;}
	.about-profile .bottom .text h3:after{margin: 8px auto 20px;}

	/* 发展历程 */
	.about-history{padding: 40px 0;background: none;}
	.about-history ul{margin-right: 3%;margin-left: 3%;}
	.about-history ul li img,
	.about-history ul li .text{width: 45%;}
	.about-history ul li .text h3{line-height: 36px;font-size: 36px;}
	.about-history ul li .text h3 sub{font-size: 16px;}
	.about-history ul li .text .desc{line-height: 28px;font-size: 14px;height: 84px;}

	/* 创始人介绍 */
	.about-founder{height: auto;padding-bottom: 100px;background-color: #fff;background-image: url(../images/bg-about-founder-mobile.jpg);}
	.about-founder .chairman{margin-top: 20px;padding: 0;background: none;}
	.about-founder .chairman img{position: static;display: block;width: 100vw;margin: 30px 0 0 -3vw;padding: 0 16.45% 30px 13.33%;background: url(../images/bg-about-founder-chairman-mobile.png) no-repeat left bottom / contain;-webkit-transform: none;transform: none;}
	.about-founder .chairman .text{float: none;width: 100%;margin: 0;}
	.about-founder .chairman .text h3{text-align: center;}
	.about-founder .chairman .text h3:after{margin: 20px auto 0;}
	.about-founder .bottom h2{line-height: 50px;margin-top: 30px;}

	/* 资讯中心 */
	.about-news .top{display: none;}
	.about-news .list .category{position: relative;left: 50%;display: inline-block;margin: 30px 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
	.about-news .list .category a{margin: 0 20px;font-size: 16px;}
	.about-news .list li{margin-bottom: 24px;}
	.about-news .list li > a{position: relative;display: block;}
	.about-news .list li .thumb{width: 40%;height: auto;}
	.about-news .list li:hover .thumb img{-webkit-transform: none;transform: none;}
	.about-news .list li .text{width: 60%;padding: 0 3%;}
	.about-news .list li .detail{display: none;}
	.about-news .list .pagination{padding: 30px 0 50px;}

	.about-news-detail h1{padding-top: 24px;font-size: 20px;}
	.about-news-detail .attr{padding-bottom: 10px;font-size: 12px;}
	.about-news-detail .upload{margin-top: 24px;}
	.about-news-detail .jump{padding: 42px 0;}

	/* 坐文化 */
	.about-culture{background: none;}
	.about-culture .top{margin-top: 20px;padding: 0;}
	.about-culture .top .text{width: 100%;}
	.about-culture .top .text h2{text-align: center;}
	.about-culture .top .text h2:after{margin: 20px auto;}
	.about-culture .top .text p{margin-bottom: 15px;}
	.about-culture .top img{position: static;display: block;float: none;width: 64%;margin: 0 auto;-webkit-transform: none;transform: none;}

	.about-culture .middle{padding: 40px 0;}
	.about-culture .middle img{position: static;display: block;width: 84%;margin: 20px auto 0;-webkit-transform: none;transform: none;}
	.about-culture .middle .text{float: none;width: 100%;padding: 0;}
	.about-culture .middle .text h2{margin: 0;text-align: center;}
	.about-culture .bottom{height: auto;padding-top: 24px;background: none;}
	.about-culture .posture{padding: 20px 0 50px;}
	.about-culture .posture ul:before{display: none;}
	.about-culture .posture ul li{width: 50%;margin-top: 30px !important;}
	.about-culture .posture ul li img{width: 74%;}
	.about-culture .posture ul li:nth-child(2n):after{content: none;}

	/* 荣誉资质 */
	.about-honor{padding-bottom: 25px;}
	.about-honor .picture img{float: right;width: 80%;}
	.about-honor dl{position: static;width: 100%;}
	.about-honor dl dt{font-weight: bold;}
	.about-honor dl dd{float: left;width: 50%;}
	.about-honor dl dd:nth-of-type(even){padding-left: 10%;}
	.about-honor dl dd:nth-of-type(n+3){border: none;}

	/* 检测中心 */
	.about-detection{padding: 0;background: none;}
	.about-detection .container{margin-top: 0;padding: 0;}
	.about-detection .number{padding: 30px 0 60px;}
	.about-detection .video{padding: 0;}
	.about-detection .video:before,
	.about-detection .video:after{display: none;}
	.about-detection .video{height: auto;}
	.about-detection .video li{margin-bottom: 20px;}
	.about-detection .video li:first-child,
	.about-detection .video li:last-child{padding: 0;}
	.about-detection .video .arrow{background-color: rgba(0, 0, 0, .5);border-radius: 50%;background-size: 300px 300px;width: 30px;height: 30px;margin-top: -15px;}
	.about-detection .video .arrow.prev{left: 3%;background-position: -99px 2px;}
	.about-detection .video .arrow.next{right: 3%;background-position: -124px 2px;}


	/* 联系我们 */
	.about-contact{overflow: hidden;}
	.about-contact ul{padding: 30px 3%;}
	.about-contact ul li{padding: 20px 0;}
	.about-contact ul li:after{display: none;}
	.about-contact ul li:last-child{border: none;}
	.about-contact .top li span{height: 48px;}
	.about-contact .bottom{margin-top: 20px;padding: 30px 3%;}
	.about-contact .bottom li{padding: 0 0 0 6%;}
	.about-contact .bottom li:nth-child(-n+2){margin-bottom: 30px;}
	.about-contact .bottom li h3{margin: 0 auto 5px;text-align: left;}
	.about-contact .bottom li span{margin: 0 auto;padding: 0;}
	.about-contact .map{height: 64.58vw;margin-top: 20px;}

	/****************************** 成功案例 ******************************/
	.customer .area{padding: 0;background: none;}
	.customer .area .container{margin-top: 0;padding: 0;}
	.customer .area h2{font-size: 24px;}
	.customer .area h2 em{font-size: 40px;}
	.customer .area p{padding: 0 5%;}
	.customer .area img{display: none;}

	.customer .list{margin-top: 30px;}
	.customer .list table.ms{display: table !important;}
	.customer .list table td{height: 120px;}
	.customer .list table td:after{height: 80px;margin-top: -40px;}
	.customer .list .ps{margin: 30px 0;}
}


/* Mobile */
@media (max-width: 480px){
	header .right .lang{font-size: 18px;}
	header .box-nav.active{clip: rect(0 800px 800px 0);}
	header .box-nav .close{top: 20px;}
	header .box-nav .mobile-search{margin: 20px 8% 10px;}
	header .box-nav ul li > a{line-height: 50px;font-size: 16px;}
	header .box-nav ul li:nth-child(2) > a:after,
	header .box-nav ul li:nth-child(3) > a:after{width: 12px;height: 12px;margin-top: -6px;}
	header .box-nav .subnav a{line-height: 40px;font-size: 14px;}

	footer{padding: 10px 0;}
	footer .copyright p{width: 100%;line-height: 24px;text-align: center;}
	footer .copyright p a{line-height: 30px;}
	footer .copyright p em{display: block;}
	footer .copyright p img{display: none;}

	.banner-top h1{line-height: 30px;margin-top: -15px;font-size: 18px;}

	.banner-index-mobile .swiper-container .page span{width: 10px;height: 10px;margin: 0 4px;}
	.index-product .series li{margin-top: 24px;}
	.index-product .series li a{margin-bottom: 6px;}
	.index-product .series li span{font-size: 13px;}
	.index-product .category{margin-top: 24px;}
	.index-product .category li .slogan{width: 60%;}
	.index-product .category li .slogan span:nth-child(3){line-height: 30px;font-size: 14px;}

	.index-product ol li{height: 30px;}
	.index-product ol li i{font-size: 20px;}
	.index-product ol li .name span:nth-child(1){line-height: 20px;margin: 12px 0 0 5px;font-size: 14px;}
	.index-product .recommend a{height: 160px;}
	.index-product .more{margin-top: 15px;}

	.index-category .top{margin-top: 15px;}        

	.index-data{margin-top: 4px;}
	.index-data ul li{margin-bottom: 24px;}
	.index-data ul li span:nth-child(1){display: inline-block;height: 30px;line-height: 30px;font-size: 26px;}
	.index-data ul li span:nth-child(1) em{width: 16px;}
	.index-data ul li span:nth-child(1) sup{font-size: 20px;}
	.index-data ul li span:nth-child(2){margin-top: 5px;font-size: 13px;}
	.index-data ul li span em{float: left;width: 28px;}

	
	.product .search .box{width: 94%;margin: 10px auto 20px;}
	.product .search .box span{line-height: 30px;}
	.product .search .box input{width: calc(100% - 70px);padding: 7px 0;}
	.product .search .box a{width: 50px;height: 40px;}
	.product .search .box a:after{margin: 9px auto;}

	.product .category{margin-top: 10px;}
	.product .category dl{margin-bottom: 10px;}
	.product .category dl dt{line-height: 30px;margin: 0;}
	.product .list{margin: 0;}
	.product .list .wrapper a{height: 160px;}
	.product .list .pagination{padding: 15px 0 30px;}

	.product-detail .thumb{margin-top: 20px;}
	.product-detail .thumb li{width: 20vw;border-width: 1px;height: 9vw;}
	.product-detail .text{margin-top: 20px;}
	.product-detail .text .name a{margin-top: 10px;}
	.product-detail .text .param{margin: 20px 0;}
	.product-detail .recommend .category,
	.product-detail .recommend .list{margin: 15px 0;}
	.product-detail .recommend .list a{height: 160px;margin-bottom: 30px;}
	.product-detail .recommend .list a h3{line-height: 30px;font-size: 14px;}

	.product-detail .consult .box{width: 90vw;}
	.product-detail .consult .title{margin-top: 20px;}
	.product-detail .consult span{line-height: 20px;padding: 10px 20px 0;}
	.product-detail .consult ul{padding: 0 19px;}
	.product-detail .consult ul li{margin-top: 12px;}

	.about-category{display: none;}

	.about{background: none;padding: 0;}

	.about-profile .top h2{line-height: 50px;}
	.about-profile .top p{margin-bottom: 10px;}
	.about-profile .top ul{padding: 0 0 0 0;}
	.about-profile .top ul li .box{height: auto;text-align: center;}
	.about-profile .top ul li .box span{position: static;font-size: 30px;}
	.about-profile .top ul li .box span sub{margin-left: 2px;vertical-align: 2px;font-size: 12px;}
	.about-profile .top ul li:after{top: 5px;height: 30px;}
	.about-profile .top ul li h3{}
	.about-profile .picture .arrow{width: 36px;height: 36px;margin-top: -18px;}
	.about-profile .picture .arrow:after{top: 14px;left: 6px;width: 8px;height: 8px;}
	.about-profile .bottom{padding: 25px 0;}
	.about-profile .bottom .text h3:after{margin: 5px auto 10px;}
	.about-profile .bottom .text p{margin-bottom: 11px;}
	.about-profile .bottom .text h3{font-size: 16px;}

	.about-history{padding: 20px 0;}
	.about-history ul{padding: 0;}
	.about-history ul:before{content: none;}
	.about-history ul li{margin-bottom: 15px;}
	.about-history ul li:before,
	.about-history ul li:after{content: none !important;}
	.about-history ul li img{float: none;width: 100%;}
	.about-history ul li .text{position: static;-webkit-transform: none;transform: none;width: 100%;text-align: left !important;}
	.about-history ul li .text h3{font-size: 20px;line-height: 30px;}
	.about-history ul li .text h3 sub{font-size: 16px;}
	.about-history ul li .text .desc{line-height: 24px;margin: 0;}
	.about-history .more{border-width: 2px;line-height: 36px;}

	.about-founder .chairman .text h3{font-size: 16px;}
	.about-founder .chairman .text h3:after{margin-top: 10px;}
	.about-founder .chairman .text p{margin-top: 10px;}
	.about-founder .chairman img{margin-top: 10px;padding-bottom: 10px;}
	.about-founder .bottom h2{line-height: 40px;margin: 0;font-size: 14px;}
	.about-founder .bottom p{margin-top: 10px;}

	.about-news .list .category{margin: 15px 0;}
	.about-news .list li{margin-bottom: 20px;}
	.about-news .list li .thumb{width: 100%;}
	.about-news .list li .text{position: static;width: 100%;padding: 15px 3%;}
	.about-news .list li .text .box{top: 0;-webkit-transform: none;transform: none;}

	.about-news .list li .text p{margin-top: 10px;}
	.about-news .list li .text span{margin-top: 10px;}
	.about-news .list .pagination{padding: 0 0 20px;}

	.about-news-detail{padding-bottom: 20px;}
	.about-news-detail h1{line-height: 26px;padding-top: 20px;font-size: 16px;}
	.about-news-detail .attr{padding: 0;}
	.about-news-detail .attr span{display: none;}
	.about-news-detail .attr em{width: 10px;}
	.about-news-detail .attr .bdsharebuttonbox{display: none;}
	.about-news-detail .upload{margin-top: 16px;}
	.about-news-detail .upload p{margin-top: 10px;}
	.about-news-detail .jump{margin-top: 20px;padding: 20px 0;}
	.about-news-detail .jump span{display: none;}
	.about-news-detail .jump .back{position: static;display: block;margin: 0 auto;}

	.about-culture .top h2{line-height: 20px;font-size: 20px;}
	.about-culture .top h2:after{margin-top: 10px;}
	.about-culture .top p{margin-bottom: 15px;}
	.about-culture .middle{margin-top: 15px;padding: 20px 0;}
	.about-culture .middle .text h2{font-size: 18px;}
	.about-culture .middle .text h2 em{font-size: 24px;}
	.about-culture .middle .text p{margin-top: 15px;}
	.about-culture .bottom p{margin-bottom: 12px;}
	.about-culture .posture{padding: 0 0 30px 0;}
	.about-culture .posture ul li{width: 100%;margin-top: 15px;}
	.about-culture .posture ul li img{width: 70%;}
	.about-culture .posture ul li:after{content: none;}

	.about-honor{padding: 15px 0;}
	.about-honor .picture img{width: 100%;}
	.about-honor dl{margin-top: 15px;}
	.about-honor dl dt{text-align: center;}
	.about-honor dl dd{width: 100%;padding: 10px 0;text-align: center;}
	.about-honor dl dd span:before{display: none;}
	.about-honor dl dd:nth-of-type(even){padding-left: 0;}
	.about-honor dl dd:nth-of-type(3){border-bottom: 1px solid #eee;}

	.about-detection h2{line-height: 50px;}
	.about-detection p{margin-bottom: 12px;}
	.about-detection .number{padding: 0;}
	.about-detection .number li{width: 100%;margin-bottom: 30px;}
	.about-detection .number li:before{vertical-align: -2px;}
	.about-detection .number li .box span:nth-child(1){font-size: 36px;}
	.about-detection .number li .box span:nth-child(2){margin: 0;}
	.about-detection .number li:after{display: none;}

	.about-detection .video .arrow{display: none;}
	.about-detection .video li{padding-bottom: 30px;margin-bottom: 10px;}
	.about-detection .video li a{width: 50px;height: 50px;margin: -25px 0 0 -25px;}
	.about-detection .video li h3{line-height: 30px;font-size: 14px;}

	.about-contact .top li{width: 100%;padding: 10px 0;}
	.about-contact .top li h3{font-size: 15px;}
	.about-contact .top li span{margin-top: 10px;height: auto;}
	.about-contact .top li em{margin-top: 15px;}
	.about-contact .bottom{margin: 0;padding: 0;}
	.about-contact .bottom li{width: 100%;padding: 15px 0 10px;margin: 0 !important;}
	.about-contact .bottom li h3{width: 100%;margin-bottom: 10px;font-size: 15px;text-align: center;}
	.about-contact .bottom li span{width: 100%;text-align: center;}
	.about-contact .bottom li span a:before{display: none;}

	.customer .area h2{line-height: 50px;font-size: 18px;}
	.customer .area h2 em{line-height: 50px;font-size: 36px;}
	.customer .area p{padding: 0;font-size: 13px;}
	.customer .list{margin-top: 20px;}
	.customer .list table tr{border: none;}
	.customer .list table td{height: 100px;}
	.customer .list table td:after{display: none;}
	.customer .list table td img{max-width: 80%;max-height: 80%;}
	.customer .list .ps{margin: 20px 0;}
}
@media (max-width: 360px) {
	
}

@media (max-width: 320px) {
	.customer .area h2{font-size: 16px;}
}


/****************************** CSS3 Animation ******************************/
[animation-name]{
	visibility: hidden;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeInLeft50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInLeft50 {
	from {
		opacity: 0;
		transform: translate3d(-50px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInRight50 {
	from {
		opacity: 0;
		transform: translate3d(50px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInUp50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInUp50 {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInDown50 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -50px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInDown50 {
	from {
		opacity: 0;
		transform: translate3d(0, -50px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInLeft100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInLeft100 {
	from {
		opacity: 0;
		transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInRight100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInRight100 {
	from {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInUp100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInUp100 {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@-webkit-keyframes fadeInDown100 {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
	}
}
@keyframes fadeInDown100 {
	from {
		opacity: 0;
		transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		transform: none;
	}
}




/*----------------------邱爽------------------------*/
.lf{ float:left;}
.rg{ float:right;}
.clear{ clear:both;}
.qs_box{ width:1200px; margin:0 auto;}
.qs_text{ outline:none; font-family:微软雅黑; color:#666; font-size:12px; width:100%; border:0px !important; background:none !important;}


.qs_jobs{ margin-top:40px;}
.qs_jobs .qs_div1 .qs_p1{ text-align:center; color:#222; font-size:24px;}
.qs_jobs .qs_div1 .qs_p2{ text-align:center; color:#666; font-size:14px; margin-top:10px;}
.qs_jobs .qs_div2{ text-align:center; margin-top:37px;}
.qs_jobs .qs_div2 .qs_p1{ border:1px solid #c3c3c3; width:313px; padding-left:10px; padding-right:10px; display:inline-block;}
.qs_jobs .qs_div2 .qs_p1 .qs_text{ height:30px; line-height:30px;}
.qs_jobs .qs_div2 .qs_p2{ border:1px solid #c3c3c3; width:313px; display:inline-block; margin-left:20px;}
.qs_jobs .qs_div2 .qs_p2 select{ height:30px; line-height:30px; border:0px; width:100%;}
.qs_jobs .qs_div2 .qs_p3{ display:inline-block;}
.qs_jobs .qs_div2 .qs_p3 a{ display:inline-block; width:81px; height:32px; line-height:32px; margin-left:10px; background:#c53337; color:#fff;}
.qs_jobs .qs_div2 .qs_p3 a:hover{ background:#95272a}
.qs_jobs .qs_div3{ background:#f8f8f8; padding:20px 58px; margin-top:33px; line-height:38px;}
.qs_jobs .qs_div3 .lf{ width:100px; font-size:14px; font-weight:bold;}
.qs_jobs .qs_div3 .lf .span1{ background:url(../images/1_01.png) center left no-repeat; padding-left:25px;}
.qs_jobs .qs_div3 .lf .span2{ background:url(../images/1_02.png) center left no-repeat; padding-left:25px;}
.qs_jobs .qs_div3 .lf .span3{ background:url(../images/1_03.png) center left no-repeat; padding-left:25px;}
.qs_jobs .qs_div3 .rg{ width:974px;}
.qs_jobs .qs_div3 .rg a{ display:inline-block; color:#888888; font-size:14px; margin-right:33px;}
.qs_jobs .qs_div3 .rg a:hover,.qs_jobs .qs_div3 .rg .on{ color:#c53337;}

.qs_jobs .qs_div4{ margin-top:33px;}
.qs_jobs .qs_div4 .qs_p1{ border:#cdcdcd; background:#cdcdcd; line-height:59px; font-size:16px;}
.qs_jobs .qs_div4 .qs_p1 .qs_pp1{ float:left; width:25%; text-align:center; }
.qs_jobs .qs_div4 .qs_p1 .qs_pp2{ float:left; width:10%; text-align:center;}
.qs_jobs .qs_div4 .qs_p1 .qs_pp3{ float:left; width:20%; text-align:center;}
.qs_jobs .qs_div4 .qs_p1 .qs_pp4{ float:left; width:20%; text-align:center;}
.qs_jobs .qs_div4 .qs_p1 .qs_pp5{ float:left; width:15%; text-align:center;}
.qs_jobs .qs_div4 .qs_p2{ margin-bottom:50px;}
.qs_jobs .qs_div4 .qs_p2 ul li .a_js{ background:url(../images/1_04.png) 95% center no-repeat #eeeeee; border:1px solid #cdcdcd; border-top:0px; height:43px; line-height:43px; cursor:pointer; font-size:14px; overflow:hidden;}
.qs_jobs .qs_div4 .qs_p2 ul li .a_js_on{ background:url(../images/1_05.png) 95% center no-repeat #eeeeee;}
.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp1{ float:left; width:25%; text-align:center;}
.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp2{ float:left; width:10%; text-align:center;}
.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp3{ float:left; width:20%; text-align:center;}
.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp4{ float:left; width:20%; text-align:center;}
.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp5{ float:left; width:15%; text-align:center;}
.qs_jobs .qs_div4 .qs_p2 ul li .a_txt{ background:#f8f8f8; border-bottom:1px solid #cdcdcd; padding:36px 58px; font-size:14px; line-height:26px;}
.qs_jobs .qs_div4 .qs_p2 ul li .a_txt .a_js1{ background:url(../images/1_06.png) no-repeat; width:84px; height:28px; line-height:28px; text-align:center; display:block; color:#fff; margin-top:20px;}

.a_txt1{ position:fixed; width:0%; height:0%; overflow:hidden; z-index:10001; left:0px; top:0px;}
.a_txt1 .qs_div1{ background:#000; filter:alpha(opacity=0); opacity:0; position:absolute; width:100%; height:100%;}
.a_txt1 .qs_div2{ position:absolute; background:#fff; width:626px; height:716px; top:50%; left:50%; margin-top:-358px; margin-left:-313px; filter:alpha(opacity=0); opacity:0;}
.a_txt1 .qs_div2 .pad{ padding:0px 50px;}
.a_txt1 .qs_div2 .qs_p1{ position:absolute; top:15px; right:15px;}
.a_txt1 .qs_div2 .qs_p1 img{ -moz-transform 1s; -webkit-transition:width 1s, height 1s, -webkit-transform 1s; -o-transition:width 1s, height 1s, -o-transform 1s;}
.a_txt1 .qs_div2 .qs_p1 img:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.a_txt1 .qs_div2 .qs_p2 .qs_pp1{ border-bottom:2px solid #f2f0f0; color:#666; font-size:20px; padding-bottom:10px; padding-top:30px;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp1 span{ font-size:14px; margin-left:10px;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp2{ margin-top:14px;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1{ width:49%;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1 .lf{ width:35%; text-align:right; font-size:13px; line-height:34px;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1 .rg{ width:65%;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1 .rg .text{ padding-left:5%; padding-right:5%; width:90%; line-height:32px; line-height:32px;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp3{ text-align:center;}
.a_txt1 .qs_div2 .qs_p2 .qs_pp3 a{ display:inline-block; background:#c53337; color:#fff; font-size:14px; width:103px; height:32px; line-height:32px; margin-top:30px; border-radius:7px;}

@media (max-width: 800px){
	.qs_box{ width:90%; padding-left:5%; padding-right:5%; box-sizing:content-box;}

	.qs_jobs{ margin-top:5%;}
	.qs_jobs .qs_div1 .qs_p2{ margin-top:3%;}
	.qs_jobs .qs_div2{ margin-top:5%;}
	.qs_jobs .qs_div2 .qs_p1{ display:block; width:100%;}
	.qs_jobs .qs_div2 .qs_p2{ display:block; width:100%; margin-left:0px; margin-top:3%;}
	.qs_jobs .qs_div2 .qs_p3{ display:block; margin-top:3%;}
	.qs_jobs .qs_div2 .qs_p3 a{ display:block; width:100%; height:40px; line-height:40px; margin-left:0px;}

	.qs_jobs .qs_div3{ padding:5%; padding-bottom:0px; margin-top:5%; line-height:26px;}
	.qs_jobs .qs_div3 .lf{ width:100%;}
	.qs_jobs .qs_div3 .rg{ width:100%; margin-bottom:5%; margin-top:2%;}
	
	.qs_jobs .qs_div4{ margin-top:5%;}
	.qs_jobs .qs_div4 .qs_p1{ border:#cdcdcd; background:#cdcdcd; line-height:45px; font-size:14px;}
	.qs_jobs .qs_div4 .qs_p1 .qs_pp1{ width:30%;}
	.qs_jobs .qs_div4 .qs_p1 .qs_pp2{ display:none;}
	.qs_jobs .qs_div4 .qs_p1 .qs_pp3{ display:none;}
	.qs_jobs .qs_div4 .qs_p1 .qs_pp4{ width:30%;}
	.qs_jobs .qs_div4 .qs_p1 .qs_pp5{ width:30%;}
	.qs_jobs .qs_div4 .qs_p2{ margin-bottom:5%;}

	.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp1{ width:30%;}
	.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp2{ display:none;}
	.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp3{ display:none;}
	.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp4{ width:30%;}
	.qs_jobs .qs_div4 .qs_p2 ul li .qs_pp5{ width:30%;}
	.qs_jobs .qs_div4 .qs_p2 ul li .a_txt{ padding:5%; padding-bottom:8%;}
	

	.a_txt1 .qs_div2{ width:100%; height:100%; top:0%; left:0%; margin-top:0px; margin-left:0px; overflow-y:scroll;}
	.a_txt1 .qs_div2 .pad{ padding:5%; padding-top:0px;}

	.a_txt1 .qs_div2 .qs_p2 .qs_pp1{ border-bottom:2px solid #f2f0f0; color:#666; font-size:20px; padding-bottom:3%; padding-top:5%;}
	.a_txt1 .qs_div2 .qs_p2 .qs_pp2{ margin-top:0%;}
	.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1{ width:100%; margin-top:5%; box-sizing:content-box;}
	.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1 .lf{ width:23%; text-align:right; font-size:13px; line-height:34px;}
	.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1 .rg{ width:75%; box-sizing:inherit}
	.a_txt1 .qs_div2 .qs_p2 .qs_pp2 .qs_ppp1 .rg .text{ width:100%;}

	.a_txt1 .qs_div2 .qs_p2 .qs_pp3 a{ margin-top:5%px;}
	
		
	
}