@charset='utf-8';
.pg-ban{ width: 100%; height: 5em; overflow: hidden; position: relative; padding-top: 5em;}
.pg-ban img{ height: 5em; }
.pg-ban h2{ display: none;  }
.pg-ban h3{ display: none;}

.link-box{ width: 100%; height: 60px; background: #f5f5f5; }
.link-box .link-cent{ width: 90%; height: 60px; margin: 0 auto; box-sizing: border-box; line-height: 60px; color: #333; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.link-box .link-cent img{ margin: 0 6px; }
.link-box .link-cent span{ color: #666; }

.link-box .link-cent .subnav{ display: none; }

.page-box{ width: 90%; height: auto; overflow: hidden; margin: 0 auto; padding: 2em 0;}
.page-box .page-lft{ width: 100%; overflow: hidden; height: auto;}
.page-box .page-rht{ width: 300px; height: auto; float: right; display: none;}

.layui-tab-title{ background: #eeeeee;}
.layui-tab-title li{ width: 33.33%; box-sizing: border-box;}
.layui-tab-title .layui-this{ background: #fe5d02; color: #fff !important; border:none !important;}

.page-ass-box{ width: 240px; height: auto; padding: 30px; background: #dfe1e3; }
.page-ass-box .page-ass-tit{ width: 100%; height: auto; font-size: 20px; color: #333; padding-bottom: 35px; }
.page-ass-box dl{ display: block; width: 100%; height: auto; margin-bottom: 7px; min-height: 84px; position: relative; box-sizing: border-box; padding-left: 94px;}
.page-ass-box dl dt{ display: block; width: 84px;height: 84px; position: absolute; left: 0; top: 0;}
.page-ass-box dl dt img{ width: 84px; height: 84px; }
.page-ass-box dl dd{ display: block; width: 100%; height: auto; font-size: 12px; padding: 5px 0; }
.page-ass-box .page-ass-a{ display: block; width: 60px; height: 24px; border-top: solid 1px #666; line-height: 24px; text-align: center; }

.page-con-box{ width: 240px; height: auto; padding: 30px; background: #53575a; }
.page-con-box .page-con-tit{ width: 100%; height: auto; font-size: 20px; color: #fff; padding-bottom: 35px; }
.page-con-box ul{ display: block; width: 100%; height: auto; padding:0 0 15px 0; border-bottom: solid 1px #616568; }
.page-con-box ul li{ padding: 7px 0; color: #fff; }
.page-con-box ul li img{ margin-right: 7px; }
.page-con-tit-en{ width: 100%; height: auto; padding: 15px 0; color: #fff; font-size: 18px; }
.page-con-code{ width: 240px; height: auto; overflow: hidden;}
.page-con-code dl{ display: block; width: 120px; height: auto; float: left; }
.page-con-code dl dt{ display: block; width: 120px; height: auto; }
.page-con-code dl dt img{ width: 110px; height: auto; margin: 0 auto; display: block; }
.page-con-code dl dd{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; color: #fff;}

.page-submenu{ width: 300px; height: 182px; }

/* 公司简介 */
.about-title-en{ width: 100%; height: auto; font-size: 2em; color: #0065b6; text-transform: uppercase; }
.about-title{ width: 100%; height: auto; padding: 7px 0; font-size: 18px; }
.about-txt{ width: 100%; height: auto; padding-bottom: 15px; line-height: 28px; }
.about-txt p{ padding-bottom: 15px; }
.about-txt img{ display: block; max-width: 100%; }
.about-num{ font-size: 48px; color: #eee; text-transform: uppercase; }

/* 产品 */
.product-list{ width: 100%; height: auto; overflow: hidden; }
.product-list dl{ display: block; width: 50%; height: auto; float: left; margin-bottom:2em; overflow: hidden;}
.product-list dl:nth-child(4n){margin-right:0px; }
.product-list dl a{ display: block; width: 100%; height: auto;}
.product-list dl a dt{ display: block; width: 100%; height: 150px; position: relative;  overflow: hidden; position: relative;}
.product-list dl a dt img{ width: 100%; height: 100%; object-fit: contain; display: block; }
.product-list dl a dt .zhe{ display: none;}
.product-list dl a dd{ display: block; width: 100%; height: 40px; line-height: 40px; text-align:center;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;   }

.product-text{ width: 100%; height: auto;  }
.product-text .product-image{ width: 100%; height: auto; }
.product-text .product-image img{ max-width: 320px;  width: 100%; display: block; margin: 0 auto;}
.product-text .product-txt{ width: 100%;height: auto; overflow: hidden; }
.product-text .product-txt h2{ font-size: 24px; width: 100%; height: auto; }
.product-text .product-txt span{ display: block; width: 100%; height: auto; padding: 15px 0; }
.product-text .product-txt p{ font-size: 14px; display: block; line-height: 30px;}

.product-table{ width: 100%; height:auto; overflow: hidden; margin-top: 20px; }
.neirong{ width: 100%; height: auto; line-height: 30px; }
.neirong img{ display: block; max-width: 100%; margin: 0 auto; }

.neirong-list{ width: 100%; height: auto;  overflow: hidden;}
.neirong-list dl{ display: block; width: 50%; height: auto; overflow: hidden; float: left; margin-top: 15px;}
.neirong-list dl a{ display: block; width: 100%; height: auto; }
.neirong-list dl a dt{ display: block; width: 100%; height: auto; }
.neirong-list dl a dt img{ max-width: 267px;  width: 100%; display: block; margin: 0 auto; }
.neirong-list dl a dd h2{ padding: 10px 0; font-size: 16px; display: block; width: 100%; box-sizing: border-box;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}
.neirong-list dl a dd span{ display: block; width: 100%; height: 30px; line-height: 30px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}

.color-list{ width: 100%; height: auto; }

.color-list .i-kehu-list{ width: 45%; height: auto; float: left; margin-right: 5%; position: relative; }
.color-list .i-kehu-list:nth-child(6n){ margin-right: 0px;}
.color-list .i-kehu-list .first-two-img{ width: 100%; height: auto;  position:relative; cursor: pointer;}
.color-list .i-kehu-list .first-two-img .img{ width: 100%; height: auto;}
.color-list .i-kehu-list .first-two-img .nav{ display: none; width: 300px; height: 300px; position: absolute; top: 0%; left: 0%;  z-index: 999; }

.color-list .i-kehu-list .first-two-txt{ width: 100%; height: 50px; box-sizing: border-box; text-align: center; line-height: 50px; font-size: 16px; color: #666;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}

/* 公司活动 */
.news-list{ width: 100%; height: auto; overflow: hidden; }
.news-list dl{ display: block; width: 100%; height: auto; margin-bottom: 20px; min-height: 100px; box-sizing: border-box; padding-left: 110px; position: relative;}
.news-list dl dt{ display: block; width: 100px; height: 100px; position: absolute; left: 0; top: 0; height: auto; }
.news-list dl dt img{ width: 100%; }
.news-list dl dd{ display: block; width: 100%;}
.news-list dl dd a span{ display: block; width: 100%; height: auto; color: #999;}
.news-list dl dd a h1{ display: block; width: 100%; height: auto; font-size: 18px; padding: 7px 0 15px 0; }
.news-list dl dd a p{ display: block; width: 96%; height: auto; line-height: 24px; }

.cases-list{ width: 90%; height: auto; overflow: hidden; margin-bottom: 2em; margin-left: auto; margin-right: auto;}
.cases-list dl{ display: block; width: 45%; height: auto; float: left; margin-right: 5%;}
.cases-list dl a{ display: block; width: 100%; height: auto; overflow: hidden; }
.cases-list dl a dt{ display: block; width: 100%; height: 150px; overflow:hidden; position: relative; }
.cases-list dl a dt img{ max-width: 280px; position: absolute; top: 0; left: 0; }
.cases-list dl a dd h2{ padding: 8px 0; font-size: 16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }
.cases-list dl a dd span{ color: #999;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}

.serch-tit{ width: 90%; height: 60px; margin-top: 30px; margin-left: auto; margin-right: auto; font-size: 20px; clear:both;}

.sproduct-list{ width: 90%; height: auto; overflow: hidden; margin-bottom: 30px; margin-left: auto; margin-right: auto;}
.sproduct-list dl{ display: block; width: 45%; height: auto; float: left; margin-right: 5%; margin-bottom:2px; }

.sproduct-list dl a{ display: block; width: 100%; height: auto; }
.sproduct-list dl a dt{ display: block; width: 100%; height: auto; position: relative; border:solid 1px #ccc; }
.sproduct-list dl a dt img{ max-width: 278px;  width: 100%;}
.sproduct-list dl a dt .zhe{ position: absolute; left: 0; top: 0; width: 280px; height: 280px; background: rgba(0,140,39,.88); text-align: center; line-height: 280px;  display: none;}
.sproduct-list dl a dd{ display: block; width: 100%; height: 40px; line-height: 40px; text-align:center;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden; }

.scolor-list{ width: 90%; height: auto; overflow: hidden; margin-bottom: 30px; margin-left: auto; margin-right: auto;}

.scolor-list .i-kehu-list{ width: 45%; height: auto; float: left; margin-right: 5%; position: relative; }

.scolor-list .i-kehu-list .first-two-img{ width: 100%; height: 100%; overflow: hidden; }
.scolor-list .i-kehu-list .first-two-img img{ max-width: 150px; width: 100%; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.scolor-list .i-kehu-list .first-two-txt{ width: 100%; height: 50px; box-sizing: border-box; text-align: center; line-height: 50px; font-size: 16px; color: #666;}

.s-news{ width: 90%; height: auto; overflow: hidden; margin-bottom: 1em; margin-left: auto; margin-right: auto;}


.witness-box{ width: 90%; height: auto; padding: 0 0 2em 0; overflow: hidden; margin: 0 auto; }
.witness-box .witness-lft{ width: 266px; height: auto; margin-top: 40px; padding: 30px 0; background: #f9f9f9; float: left; text-align: center; }
.witness-box .witness-lft .witness-lft-tit{ width: 132px; height: 42px; line-height: 42px; font-size: 18px; color: #333; border-bottom: solid 1px #d2dbea; margin: 0 auto;}
.witness-box .witness-lft ul li{ display: block; width: 132px; height: 30px; padding-top: 5px; text-align: center; margin: 0 auto; }
.witness-box .witness-lft ul li a{ display: block; width: 100%; height: 30px; line-height: 30px; }
.witness-box .witness-lft ul li a:hover{ background: #fe5d02; color: #fff !important; }
.witness-box .witness-lft ul li a.nav{ background: #fe5d02; color: #fff; }
.witness-box .witness-lft .witness-white{ width: 100%; height: 60px; }

.witness-box .witness-rht{ width: 100%; height: auto; }
.witness-box .witness-rht .witness-tit{ width: 100%; height: 76px; margin-top: 40px; line-height: 76px; font-size: 20px; color: #333;  }


.necirong-list{ width: 100%; height: auto;  overflow: hidden; box-sizing: border-box;}
.necirong-list dl{ display: block; width: 45%; height: auto; overflow: hidden; float: left; margin-top: 15px; margin-right: 5%;}
.necirong-list dl a{ display: block; width: 100%; height: auto; }
.necirong-list dl a dt{ display: block; width: 100%; height: auto; height: 150px; position: relative; overflow: hidden;}
.necirong-list dl a dt img{ max-width: 267px; width: 100%; display: block; position: absolute; top: 0; left: 0;}
.necirong-list dl a dd h2{ padding: 10px 0; font-size: 16px; display: block; width: 100%; box-sizing: border-box;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}
.necirong-list dl a dd span{ display: block; width: 100%; height: 30px; line-height: 30px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;overflow:hidden;}

.witness-img{ width: 860px; height: 573px; margin-top: 40px; display: none;}
.witness-img img{ width: 860px; height: 573px; }
.witness-list{ width: 100%; line-height: 30px; height: auto; }
.witness-text{ width: 100%; height: auto; line-height: 30px; padding-top: 16px;}

.witness-titdd{width: 100%; height: auto; margin-top: 16px;  margin-bottom: 16px;  font-size: 20px; color: #333;}
.witness-box .page-rht{ width: 300px; height: auto; float: right; margin-top: 40px; display: none;}

/* 广告 */
.carousel-box{ width: 100%; height: auto; overflow: hidden; padding-top: 5em;}
.block_home_slider {
	overflow:hidden;
	position: relative;
	background-color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(js/PIE.htc);
	text-align: center;
	line-height: 0px;
	margin-right: auto;
	margin-left: auto;
}
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/bg_caption.png); text-align:left;}
.block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
.flex-direction-nav{ margin-bottom:0;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-13px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging { padding-left: 0; display:inline-block; position: absolute; bottom: 0; left: 50%; display: none; }
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; background-image:url(../images/sprite_nav_3.png); text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}


.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}


.in-pro{ width: 90%; height: auto; background: #008c27; padding: 5%; overflow: hidden;}
.in-pro-list{ width: 100%; height: auto; }
.in-pro-list ul li{ display: block; width: 50%; height: auto; float: left; }
.in-pro-list ul li a{ display: block; width: 100%; height: auto; }
.in-pro-list ul li a .in-pro-img{ width: 100%; height: auto; margin: 0 auto;}
.in-pro-list ul li a .in-pro-img img{ max-width: 144px; margin:0 auto; display: block; border-radius: 72px; }
.in-pro-list ul li a .in-pro-tit{ width: 90%; height: auto; display: block; text-align: center; color: #fff; padding: 15px 5%;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden;}
.in-pro-list ul li a .in-pro-txt{ width: 80%; margin: 0 auto;  font-size: 13px; line-height: 24px; overflow: hidden; height: 48px; text-align: center; display: block; color: #fff; }
.in-pro-list ul li a:hover{ text-decoration: none;}
.in-pro-list ul li a em{ display: block; margin: 15px auto; text-align: center;}



/* 联系我们 */
.contact-tit{ width: 100%; height: auto; padding:40px 0 20px 0; font-size: 18px; color: #333; }
.contact-tit span{ font-size: 14px; }
.contact-list{ width: 100%; height: auto; line-height: 32px; color: #333; display: block;}
.contact-list li{ width: 100%; height: 32px; }
.contact-code{ width: 100%; height: auto; overflow: hidden; }
.contact-code li{ display: block; width: 132px; height: 162px; line-height: 32px; float: left; text-align: center; margin-right: 30px; }
.contact-code li img{ width: 132px; height: 132px; }
.map{ width: 100%; height: 460px; }

.contactnav{ display: block; width: 128px; height: 34px; background: url(../images/contactnavicon.jpg); margin-top: 10px; }
.contact-tit-t{ width: 100%; height: auto; padding-bottom: 7px; color: #fe5d02; }

.mappp{ width: 100%; height: 450px; margin: 0 auto ;}