/* ===============================整站通用=============================== */
/* 最大宽度 */
/* #wrapper{width: 100%; max-width: 768px; margin: auto; overflow: hidden;} */
.warp{max-width: 1400px; margin: auto;}

/* 通用头部 */
header{}
header .logo{padding: 22px 0;}
header .nav_btn{position: relative; margin: 15px 0 0; z-index: 100; display: none;}
header .nav_btn i{font-size: 24px; padding: 20px 0 20px 20px; display: block;}
header .nav{}
header .nav ul{padding: 37px 0;}
header .nav li{text-align: center; margin-left: 30px;}
header .nav li a{position: relative; color: #666; display: block;}
header .nav li p{font-size: 18px;}
header .nav li i{position: absolute; left: 50%; bottom: 0; font-size: 20px; display: none;
	-webkit-transform: translate(-50%,26px);
	-ms-transform: translate(-50%,26px);
	-o-transform: translate(-50%,26px);
	transform: translate(-50%,26px);
}
header .nav li.active a,header .nav li:hover a{color: #333;}
header .nav li.active i,header .nav li:hover i{display: block;}


/* 通用底部 */
footer{}
footer .f_t{padding: 40px 0 20px; background: #231f1e}
footer .f_t .f_logo{width: 20%;}
footer .f_t .menu{width: 45%; padding: 0 0 0 6%; color: #fff;}
footer .f_t .menu ul{width: 33.33%;}
footer .f_t .menu ul h3{font-size: 20px; margin: 0 0 20px;}
footer .f_t .menu ul li{line-height: 30px;}
footer .f_t .menu ul li a{color: #ccc;}
footer .f_t .menu ul li a:hover{color: #fff;}
footer .f_t .f_contact{width: 35%; padding: 0 0 0 5%; border-left: 1px solid rgba(255, 255, 255, .1); color: #ccc;}
footer .f_t .f_contact h3{font-size: 20px; margin: 0 0 20px; color: #fff;}
footer .f_t .f_contact p{line-height: 30px;}
footer .f_t .f_contact .name{color: #fff;}
footer .f_t .f_contact .line{width: 30px; height: 1px; margin: 10px 0; background: #fff; display: block;}
footer .f_t .f_contact ul{margin: 10px 0 0;}
footer .f_t .f_contact li{position: relative; margin: 0 14px 0 0; cursor: pointer;}
footer .f_t .f_contact li i{font-size: 22px;}
footer .f_t .f_contact li .ewm{position: absolute; left: -200%; bottom: 26px; width: 500%; display: none;}
footer .f_t .f_contact li:hover i{color: #fff;}
footer .f_t .f_contact li:hover .ewm{display: block;}
footer .f_b{text-align: center; padding: 15px 0; color: #999; background: #000;}
footer .f_b a{color: #999;}

/* 友情链接 */
.in_link{padding: 20px 0;}
.in_link ul{line-height: 26px;}
.in_link li{margin: 0 0 0 15px;}
.in_link li:first-child{margin: 0;}
.in_link li a{display: block;}

/* 通用内页banner */
.page_banner{position: relative; height: 400px;}

.page_nav{padding: 40px 0; background: #fff;}
.page_nav.active{position: fixed; left: 0; top: 0; width: 100%; padding: 20px 0; border-bottom: 1px solid #eee; z-index: 5;}
.page_nav ul{}
.page_nav li{margin: 0 20px 0 0; border: 1px solid #ccc;}
.page_nav li a{padding: 14px 40px; display: block;}
.page_nav li:hover{background: #333;}
.page_nav li:hover a{color: #fff;}
.page_nav li.active{background: #333;}
.page_nav li.active a{color: #fff; pointer-events: none;}

/* 通用分页 */
.paging{padding: 0 0 5rem; text-align: center;}
.paging *{transition: all .4s ease; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease;}
.paging ul{display: inline-block; *display: inline;}
.paging li{width: 50px; height: 50px; text-align: center; line-height: 50px; margin: 0 .2rem; border: 1px solid #ccc; border-radius: 50%; overflow: hidden;}
.paging li a{display: block;}
.paging li:hover{background: #333; border-color: #333;}
.paging li:hover a{color: #fff;}
.paging li.active{background: #333; border-color: #333;}
.paging li.active a{color: #fff; pointer-events: none;}






/* =======================首页======================= */
/* 首页_banner */
.banner{position: relative; overflow: hidden; z-index: 1;}
.banner li img:nth-child(2){display: none;}

.banner .banner_box{position: relative;}
.banner .banner_box:before{position: absolute; left: 0; top: 0; width: 30%; height: 100%; content: ''; display: block; z-index: 2;
	background: -webkit-linear-gradient(left, rgba(0,0,0,.8), transparent);
	background: -o-linear-gradient(right, rgba(0,0,0,.8), transparent);
	background: -moz-linear-gradient(right, rgba(0,0,0,.8), transparent);
	background: linear-gradient(to right, rgba(0,0,0,.8), transparent);
}
.banner .banner_name{position: absolute; left: 2%; top: 50%; bottom: auto; width: auto; z-index: 2;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.banner .banner_name li{padding: 10px 0; color: #fff;}
.banner .banner_name li p{font-size: 22px; display: none;}
.banner .banner_name li:before{float: left; margin: 16px 10px 0 0; width: 60px; height: 1px; background: rgba(255, 255, 255, 1); content: ''; display: block;}
.banner .banner_name li.active:before{width: 100px;}
.banner .banner_name li.active p{display: block;}

/* 首页_优质品牌 */
.in_brand{padding: 50px 0; text-align: center; color: #666;}
.in_brand h2{font-size: 40px; letter-spacing: 10px; margin: 0 0 20px;}
.in_brand h4{font-size: 22px; letter-spacing: 4px;}
.in_brand .list{margin: 50px 0 0;}
.in_brand .list ul{}
.in_brand .list li{width: 32%;}
.in_brand .list li:nth-child(2){margin: 0 2%;}
.in_brand .list li p{font-size: 18px; line-height: 50px;}

/* 首页_新概念 */
.in_concept{position: relative; padding: 100px 0; text-align: center; color: #fff; background: url('../img/concept.jpg') no-repeat center; background-attachment: fixed; overflow: hidden;}
.in_concept:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); content: ''; display: block; z-index: 1;}
.in_concept .ct{position: relative; z-index: 2;}
.in_concept h3{font-size: 30px;}
.in_concept .line{width: 180px; height: 4px; margin: 30px auto; background: #fff; display: block;}
.in_concept:hover .line{width: 100px;}
.in_concept p{font-size: 24px;}

/* 首页_产品设备 */
.in_product{padding: 80px 0;}
.in_product .tt{text-align: center;}
.in_product .tt h3{font-size: 26px;}
.in_product .tt p{font-size: 20px; font-weight: 100; text-transform: capitalize; color: #666; margin: 6px 0 0;}
.in_product .classification{text-align: center; margin: 50px auto;}
.in_product .classification ul{display: inline-block;}
.in_product .classification li{margin: 0 10px; border: 1px solid #ccc;}
.in_product .classification li a{padding: 10px 30px; display: block;}
.in_product .classification li:hover{background: #333;}
.in_product .classification li:hover a{color: #fff;}
.product .list{}
.product .list ul{}
.product .list li{width: 24.2%; margin: 0 1% 1% 0; border: 1px solid #eee;}
.product .list li:nth-child(4),.product .list li:nth-child(8),.product .list li:nth-child(12),.product .list li:nth-child(16){margin: 0 0 1% 0;}
.product .list li .img_box img{min-width: auto !important; min-height: auto; max-height: 80%; margin: 50% auto 0;
	-webkit-transform: translate(0,-50%) scale(1);
	-ms-transform: translate(0,-50%) scale(1);
	-o-transform: translate(0,-50%) scale(1);
	transform: translate(0,-50%) scale(1);
}
.product .list li .name{line-height: 60px; text-align: center; background: #eee;}
.product .list li:hover .name{color: #fff; background: #333;}
.product .list li:hover .img_box img{
	-webkit-transform: translate(0,-50%) scale(1.1);
	-ms-transform: translate(0,-50%) scale(1.1);
	-o-transform: translate(0,-50%) scale(1.1);
	transform: translate(0,-50%) scale(1.1);
}
.in_product .list li{width: 32%; margin: 0 2% 2% 0; border: 1px solid #eee;}
.in_product .list li:nth-child(3n){margin: 0 0 2%;}
.in_product .list li:nth-child(4),.in_product .list li:nth-child(8),.in_product .list li:nth-child(12),.in_product .list li:nth-child(16){margin: 0 2% 2% 0;}

/* 首页_简介 */
.in_about{position: relative; padding: 80px 0; color: #fff; background: url('../img/in_about.jpg') no-repeat center; background-attachment: fixed; overflow: hidden;}
.in_about:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); content: ''; display: block; z-index: 1;}
.in_about .ct{position: relative; line-height: 36px; z-index: 2;}
.in_about .list{position: relative; text-align: center; margin: 80px auto 0; z-index: 2;}
.in_about .list ul{display: inline-block; *display: inline;}
.in_about .list li{margin: 0 20px; border: 1px solid #eee;}
.in_about .list li a{padding: 14px 50px; color: #fff; display: block;}
.in_about .list li:hover{background: #fff;}
.in_about .list li:hover a{color: #333;}

/* 首页_新闻 */
.in_news{padding: 80px 0 50px;}
.in_news .tt{text-align: center;}
.in_news .tt h3{font-size: 26px;}
.in_news .tt p{font-size: 20px; font-weight: 100; text-transform: capitalize; color: #666; margin: 6px 0 0;}
.in_news .tt img{margin: 30px auto 0;}
.in_news .list{margin: 50px auto 0;}
.in_news .list ul{}
.in_news .list li{width: 30%;}
.in_news .list li:nth-child(2){margin: 0 5%;}
.in_news .list li .time{font-size: 20px; color: #666;}
.in_news .list li h4{font-size: 20px; margin: 10px 0 20px; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}
.in_news .list li .ct{height: 90px; font-size: 14px; line-height: 30px; overflow: hidden;}
.in_news .list li .ct a{color: #666;}
.in_news .list li .line{width: 50px; height: 1px; margin: 30px 0 0; background: #ccc; display: block;}
.in_news .list li:hover .line{width: 100%; background: #333;}






/* ===================================产品设备=================================== */
.page_product{padding: 0 0 50px 0;}







/* ===================================产品详情=================================== */
.show_product{padding: 70px 0;}
.show_product .warp{max-width: 1200px;}
.show_product .name{}
.show_product .name h2{font-size: 30px; font-weight: 400;}
.show_product .name h4{padding: 6px 0}
.show_product .parameter{padding: 20px 0; margin: 10px 0 0; border-top: 2px solid #eee; border-bottom: 1px solid #eee;}
.show_product .parameter span{margin: 0 20px 0 0;}
.show_product .parameter p{line-height: 26px; margin: 10px 0 0;}
.show_product .ct{line-height: 26px; margin: 20px 0 0;}
.show_product .ct img{max-width: 800px;}
.show_product .return{padding: 40px 0 0; margin: 40px 0 0; border-top: 1px solid #eee;}
.show_product .return .cl{line-height: 30px;}
.show_product .return .cl a{color: #666; display: block;}
.show_product .return .cl a:hover{color: #333;}
.show_product .return .cr{}
.show_product .return .cr a{padding: 14px 50px; border: 1px solid #ccc; display: block;}
.show_product .return .cr a:hover{color: #fff; background: #333;}




/* =================================精品案例================================= */
.case{padding: 0 0 50px 0;}
.case ul{position: relative;}
.case ul li{position: absolute; width: 446px;}
.case ul li img{max-width: initial; width: 100%;}
.case ul li .ct{padding: 5%; border: 1px solid #eee;}
.case ul li h3{font-size: 20px;}
.case ul li p{font-size: 14px; line-height: 30px; margin: 3% 0; color: #666;}
.case ul li .more{font-size: 12px;}
.case ul li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, .1);}




/* ==================================设备资讯================================== */
.news{padding: 0 0 50px 0;}
.news .cl{width: 35%;}
.news .cr{width: 62%;}
.news .cr ul{}
.news .cr li{line-height: 66px; padding: 0 0 0 2%; border-bottom: 1px solid #eee;}
.news .cr li span{margin: 0 50px 0 0; display: block;}
.news .cr li a{display: inline-block; white-space: nowrap; width: 80%; overflow: hidden; text-overflow:ellipsis;}
.news .cr li:hover{border-color: #333; background: #333;}
.news .cr li:hover *{color: #fff;}




/* ==============================详情页============================== */
.show{padding: 70px 0; background: #eee;}
.show .warp{background: #fff;}
.show .name{padding: 60px 0 0; text-align: center; border-bottom: 1px solid #eee;}
.show .name h2{font-size: 30px; font-weight: 400;}
.show .name h4{padding: 20px 0}
.show .name h4 span{margin: 0 20px;}
.show .ct{padding: 3% 5% 0; line-height: 36px;}
.show .ct img{max-width: 800px;}
.show .return{padding: 3% 5%; margin: 3% 0 0; border-top: 1px solid #eee;}
.show .return .cl{line-height: 30px;}
.show .return .cl a{color: #666; display: block;}
.show .return .cl a:hover{color: #333;}
.show .return .cr{}
.show .return .cr a{padding: 14px 50px; border: 1px solid #ccc; display: block;}
.show .return .cr a:hover{color: #fff; background: #333;}



/* ==================================关于科米================================== */
.about{padding: 0 0 50px 0;}
.about .cl{width: 62%; line-height: 36px; letter-spacing: 2px;}
.about .cr{width: 35%;}


/* ==================================企业理念================================== */
.idea{padding: 0 0 50px 0;}
.idea .cl{width: 62%; line-height: 36px; letter-spacing: 2px;}
.idea .cl aside{margin: 0 0 100px 0;}
.idea .cl aside h3{margin: 0 0 10px 0;}
.idea .cl aside p{}
.idea .cr{width: 35%;}


/* ==================================企业文化================================== */
.culture{padding: 0 0 50px 0;}
.culture .cl{width: 62%; line-height: 36px; letter-spacing: 2px;}
.culture .cl ul{}
.culture .cl li{margin: 0 0 30px 0;}
.culture .cr{width: 35%;}



/* ==================================联系我们================================== */
.contact{padding: 90px 0;}
.contact .warp{position: relative;}
.contact .ct{position: absolute; left: 0; top: 0; height: 100%; padding: 3%; color: #fff; background: rgba(0, 0, 0, .9); z-index: 2;}
.contact .ct h2{font-size: 22px;}
.contact .ct h3{font-size: 16px; text-transform: uppercase; margin: 5px 0 15px;}
.contact .ct ul{padding: 25px 0; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2);}
.contact .ct li:nth-child(2){margin: 20px 0;}
.contact .ct li p{line-height: 26px;}
.contact .ct .btn{margin: 20px 0 0;}
.contact .ct .btn a{padding: 14px 40px; color: #333; background: #fff; display: inline-block; *display: inline;}
/* 地图 */
.contact .map{position: relative; width: 100%; height: 500px; z-index: 1;}
.info-title{color: white; font-size: 14px; background-color: rgba(0,155,255,0.8); line-height: 26px; padding: 0px 0 0 6px; font-weight: lighter; letter-spacing: 1px;}
.info-content{padding: 4px; color: #666666; line-height: 23px;}
.info-content img{float: left; margin: 3px;}