/*Generated by wjdhcms 3.0 */



@charset "utf-8";



/*-----------å…¬ç"¨-----------*/



::-webkit-scrollbar {

	width: 8px;

	height: 8px;

	background-color: #F5F5F5;

}



::-webkit-scrollbar-track {

	border-radius: 10px;

	background-color: #E2E2E2;

}



::-webkit-scrollbar-thumb {

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

	background-color: #555;

}



* {

	padding: 0;

	margin: 0;

	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

}



body {

	font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

	color: #333;

	margin: 0;

	line-height: 1.5;

}



:focus {

	outline: 1;

}



article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

	display: block;

}



a {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}



ins {

	background-color: #ff9;

	color: #000;

	text-decoration: none;

}



mark {

	background-color: #ff9;

	color: #000;

	font-style: italic;

	font-weight: bold;

}



del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #cccccc;

	margin: 1em 0;

	padding: 0;

}



input,

select {

	vertical-align: middle;

}



li,

ul {

	list-style-type: none;

}



img {

	border: none;

}



a {

	color: #333;

	text-decoration: none;

	-webkit-transition: all .4s ease-out;

	transition: all .4s ease-out;

}



a:link,

a:hover,

a:active,

a:visited {

	text-decoration: none;

}



input,

textarea {

	outline: 0;

	border: 0;

}



textarea {

	resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

	font-weight: normal;

	font-style: normal;

}





/*banner*/

.banner {width: 100%; position: relative;height:460px; margin: 0 auto;background: transparent;}

.banner .bd { margin: 0 auto;height: 100%;position: relative;z-index: 0;overflow: hidden;}

.banner .bd ul { height: 100%; width: 100%;}

.banner .bd li { height: 100%;overflow: hidden;text-align: center;background-position: center;background-repeat: no-repeat; width: 100%;}

.banner .bd li a {display: block;height: 100%;width: 100%;}

.banner .prev, .banner .next {display: block; position: absolute;top: 50%;margin-top: -30px;left: 15%;z-index: 1;width: 40px; height: 60px;background: url(../images/slider-arrow.png) -126px -137px #000000 no-repeat;cursor: pointer;*filter: alpha(opacity=50);*opacity: .5;display: none;}

.banner .next {left: auto;right: 15%;background-position: -6px -137px;}



/*搜索*/

.search_r{ width:1180px; margin:0 auto; margin:40px auto;}

.search-box{height:36px; margin-left:360px;}

.search-text{width:443px;height:36px;float:left;line-height:36px;border:0;background:url(../images/ss_kk.jpg) no-repeat;color:#cfcfcf; text-indent:1em;}

.search-button{background:url(../images/ss_s.jpg) no-repeat;width:27px;height:36px;float:left;border-style :none;cursor:pointer;}



/*产品*/

.cpzx{ width:1180px; height:auto; margin:0 auto;}

.cpzx .ise{overflow:hidden;}

.cpzx .ise li{ width:294px; height:64px; border-right:1px solid #ccc; float:left;}

.cpzx .ise li span{display:block;width:122px;margin:0 auto;margin-bottom: 20px;}

.cpzx .ise li span img{ margin:0 auto; display:block;}

.cpzx .ise li span p{ font-size:16px; display:block; padding-top:6px; text-align:center;}

.cpzx .ise li span p a:hover{ color:#007e7d;}

.ise li i{float:left;display:block;margin: 0 38px;line-height: 40px;}

.ise li i a{ color:#666;}

.ise li i a:hover{color:#007e7d;}





/*产品*/

.zdbo{ width:100%; height:925px; background:url(../images/01.jpg) no-repeat center; margin:0 auto; margin-top:4px;}

.div_01{ display:block; width:300px; height:66px; background:url(../images/03.jpg) no-repeat center; margin:0 auto;}

.div_01 h2{ font-size:30px; text-align:center;}

.div_01 i{ display:block; color:#c1bfbd; font-size:18px; text-transform:uppercase;text-align:center; padding-top:2px;}

 

.zdbo .cpy{ width:1180px; height:666px; margin:0 auto; padding-top: 30px; }

.cpzx .ise li:last-child{border:none;}



.zdbo .hd ul .on a{ color:#007e7d;}

.zdbo .bd ul{  width:1180px;margin: 40px 0;}

.zdbo .bd ul li{float:left; margin: 0 2px; margin-bottom:4px; position:relative;cursor:pointer;overflow:hidden;  }

.zdbo .bd ul li .img_c{ width:290px; height:auto;}

.zdbo .bd ul li img{ width: 290px; height:214px;}

.zdbo .bd ul p{ line-height:36px; height: 36px; width: 290px; text-align:center; background:#87898f;-webkit-transition:0.7s;transition:0.7s;}

.zdbo .bd ul p:hover{ background:#007e7d; width:290px; height:36px;-webkit-transition:0.7s;transition:0.7s;}

.zdbo .bd ul p a{ color:#fff;}

/*重要的*/

.zdbo li .txt_two{position: absolute;left: 0px;top:214px;height: 136px; padding-top: 47px;text-align: center;color:#fff;background:url(../images/01.png);width:290px;}

.zdbo li .txt_two a{display:block; color:#fff;}

.zdbo li .txt_two h6{font-size:16px; color:#fff;}

.zdbo li .txt_two em{font-size: 12px;display: block;color:#ccc; line-height:26px; text-align:center; padding:15px;height:52px;overflow:hidden;}













.title {

	text-align: center;

	padding: 26px 0px 36px 0px;

	background: url(../images/title-bg.png)no-repeat center;

}

.title h4 {

	font-size:32px;

	color: #007e7d;

}

.title p {

	font-size: 16px;

	color: #b2b2b2;

	text-transform: uppercase;

}



.dw{

	height: 60px;

	background: #333;

}

.dw h4{

	color: #fff;

	font-size: 16px;

	line-height: 60px;

}

.dw .tel{

	background: url(../images/tel.png)no-repeat center left;

	padding-left: 30px;

	line-height: 60px;

}

.dw .tel p{

	color: #fff;

	font-size: 24px;

}





.dww{

	height: 60px;

	background: #007e7d;

}

.dww h4{

	color: #fff;

	font-size: 16px;

	line-height: 60px;

}

.dww .tel{

	background: url(../images/tel.png)no-repeat center left;

	padding-left: 30px;

	line-height: 60px;

}

.dww .tel p{

	color: #fff;

	font-size: 24px;

}



/*产å"å¼€å§‹*/



.proBox {

	width: 100%;

	height: 790px;

	margin: 0 auto;

}



.pro-nav {

	height: 620px;

}

.nav-list{

	padding-top: 15px;

	height: 134px;

	border-top: 1px solid #bdbdbd;

}

.nav-list dl{

	width: 590px;

	float: left;

	margin: 6px 0px;

}

.nav-list dl dt{

	background: url(../images/list-bg.png)no-repeat center;

	height: 32px;

	width: 95px;

	color: #fff;

	text-align: center;

	line-height: 32px;

	float: left;

}

.nav-list dl dt a{

	color: #fff;

}

.nav-list dl dd{

	float: left;

	height: 32px;

	line-height: 32px;

	margin: 0px 15px;

}

.nav-list dl dd a{

	color: #8f8f8f;

}

.pro-list{

	margin-top: 15px;

}



.pro-list-right{

	width: 872px;

	height: 760px;

}

.pro-list ul{

	width: 1210px;

}

.pro-list ul li{

	position: relative;

	width: 274px;

	height: 226px;

	text-align: center;

	background: #f7f8fc;

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

}

.pro-list .pro-img{

	width: 274px;

	height: 226px;

	overflow: hidden;

}

.pro-list .pro-img img{

	width: 274px;

	height: 226px;

	-moz-transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	transition: all 0.3s ease-in-out;

}

.pro-list p {

	position: absolute;

	bottom: 0px;

	width: 100%;

	text-align: center;

	background: rgba(0,0,0,.3);

	line-height: 42px;

}

.pro-list p a{

	color: #fff;

}

.pro-list .pro-img img:hover{

	-moz-transform: scale(1.05);

	-o-moz-transform: scale(1.0);

	-o-moz-transform: scale(1.05);

	-webkit-moz-transform: scale(1.05);

	transform: scale(1.05);

}



/*ys_all*/

.adv{

	background: url(../images/ys-bg.png)no-repeat center;

	height: 620px;

	

}

.adv-left img{

	margin-top: 31px;

	margin-left: 34px;

}

.adv-right .adv-title h4 b{ font-size:70px; color:#007e7d;}

.adv-right .adv-title h4{

	font-size: 28px;

	color: #333;

	font-weight: normal;

}

.adv-right .adv-title h4 strong{

	font-size: 28px;

	font-weight: normal;

	color: #007e7d;

	font-weight: bold;

}

.adv-right .adv-title p{

    font: 11px/36px "microsoft yahei";

    color: #999999;

    text-transform: uppercase;

}

.adv-right .adv-title i{

    display:block;

    font: 11px/36px "microsoft yahei";

    color: #999999;

    text-transform: uppercase;

    position: absolute;

    left: 584px;

    top: 54px;

}



.adv-right{

	width: 640px;

}

.adv-right .adv-nav{

	margin-top: 190px;

	border-bottom:  1px solid #ccc;

	padding-bottom: 16px;

}

.adv-right h4{

	font:bold 24px/45px "microsoft yahei";

	padding: 10px 0 0 0;

	font-size: 18px;

}

.adv-right h4 i{

	font-size: 26px;

	font-weight: bold;

	color: #333;

	padding-right: 10px;

}

.adv-right span{

	display: block;

	font: 16px/30px arial;

	color: #808080;

	text-transform: uppercase;

}

.adv-right .tel{

	margin-top: 30px;

}

.adv-right .tel p{

	font-size:36px;

	color: #333;

	float: left;

	margin-left: 100px;

	padding-top:  3px;

}

.adv-right .tel p strong{

	font-size: 28px;

	font-weight: normal;

	color: #14a900;

}

.adv-right .tel a{

	float: left;

	width: 126px;

	height: 33px;

	display: block;

	text-align: center;

	line-height: 33px;

	background: #007e7d;

	color: #fff;

	margin-left: 30px;

}

.adv-line{

	width: 30px;

	height: 2px;

	background: #007e7d;

	margin-bottom: 10px;

	margin-top: 10px;

}

.adv-right p{

	font: 15px/30px "microsoft yahei";

	color: #5f5f5f;

}

.adv-box{

	position: relative;

}

.adv-box .hd ul{

	width: 640px;

	height: 142px;

	position: absolute;

	top: 175px;

	right: 8px;

}

.adv-box .hd ul li{

	width: 142px;

	height: 142px;

	display: block;

	float: left;

	background: #333;

	margin: 0 9px;

	cursor: pointer;

	font: 16px/26px "microsoft yahei";

	color: #fff;

	text-align: center;

}



.adv-box .hd ul li i{

	display: block;

	width: 39px;

	height: 39px;

	margin: 15px auto 0;

	overflow: hidden;

	background-position: left top;

	background-repeat: no-repeat;

	margin-bottom: 10px;

}

.adv-box .hd ul li.on{

	background: #007e7d;

}

.adv-box .hd ul li.on i{

	display: block;

	width: 39px;

	height: 39px;

	overflow: hidden;

	background-position: left bottom;

	background-repeat: no-repeat;

}

.adv-box .hd ul li span{

	text-transform: uppercase;

}



.adv-ico1{

	background: url(../images/adv-ico1.png);

}



.adv-ico2{

	background: url(../images/adv-ico2.png);

}

.adv-ico3{

	background: url(../images/adv-ico3.png);

}

.adv-ico4{

	background: url(../images/adv-ico4.png);

}

.adv-box .hd ul li.on{

	color: #fff;

}

.adv-box{

	padding-top: 52px;

	height: 565px;

	overflow: hidden;

}

/*process*/

.process{

	height: 430px;

} 

.process-list{

	height: 45px;

}

.process-list ul{

	width: 784px;

	height: 45px;

	margin: 0 auto;

}

.process-list ul li{

	float: left;

	width:185px;

	height: 45px;

	margin: 0px 35px;

	background: #333;

	line-height: 45px;

	text-align: center;

}

.process-list ul li a{

	display: block;

	color: #fff;

}

.process-list ul span{

	background: url(../images/p-list.png)no-repeat center;

	width: 9px;

	height: 15px;

	float: left;

	margin-top: 15px;

}

.processBox{

	position: relative;

}

.processBox .bd{

	margin-top: 30px;

	height: 256px;

	margin: 30px auto;	

	overflow: hidden;

}

.processBox .hd .prev{

	background: url(../images/left.png)no-repeat center;

	width: 47px;

	height: 47px;

	cursor: pointer;

	position: absolute;

	left: -90px;

	top:80px;

}

.processBox .hd .next{

	background: url(../images/right.png)no-repeat center;

	width: 47px;

	height: 47px;

	cursor: pointer;

	position: absolute;

	right: -90px;

	top:80px;

}

.processBox .bd ul{

	width: 1210px;

}

.processBox .bd ul li{

	width: 280px;

	height: 256px;

	margin-right: 20px;

	float: left;

	overflow: hidden;

}

.processBox .bd ul li .img {

	width: 280px;

	height: 200px;

	overflow: hidden;

}

.processBox .bd ul li .img img {

	width: 280px;

	height: 200px;

}

.processBox .bd ul li .txt{

	height: 56px;

	text-align: center;

}

.processBox .bd ul li .txt a{

	display: block;

	text-align: center;

	width: 280px;

	line-height: 56px;

	color: #333;

	display: block;

}



.case{

	height: 790px;

}

.case-list ul{

	width: 1210px;

}

.case-list ul li{

	width: 280px;

	height: 312px;

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

	overflow: hidden;

}

.case-list ul li .img{

	width:280px;

	height: 200px;

	overflow: hidden;

}

.case-list ul li .img img{

	width:280px;

	height: 200px;

}

.case-list ul li .txt h4{

	font-size: 16px;

	color: #333;

	line-height: 46px;

	border-bottom: 1px solid #d1d1d1;

}

.case-list ul li .txt h4 a:hover{ color:#007e7d;}

.case-list ul li .txt p{

	margin-top: 10px;

	color: #8f8f8f;

	height: 48px;

	overflow: hidden;

	line-height: 24px;

}

.ad1{

	background: url(../images/ad1.png)no-repeat center;

	height: 180px;

	margin-bottom: 64px;

}

.ad1-left{

	width: 225px;

	height: 60px;

	float: left;

	margin-top:54px;

}

.ad1-left h4{

	font-size: 24px;

	color: #333;

	padding-top:  8px;

}

.ad1-left p{

	color: #8f8f8f;

	line-height: 28px;

	font-size: 16px;

}

.ad1-list{

	float: left;

	margin-left: 19px;

}

.ad1-list ul{

	margin-top: 94px;

}

.ad1-list ul li{

	float: left;

	font-size: 16px;

	margin:0 57px;

}

.ad1 .tel{

	margin-left: 30px;

	float: left;

	width: 180px;

	text-align: center;

	margin-top: 50px;

}

.ad1 .tel p{

	font-size: 28px;

}

.ad1 .tel a{

	width: 120px;

	height: 35px;

	margin-left: 30px;

	display: block;

	height: 35px;

	line-height: 35px;

	background: #007e7d;

	text-align: center;

	color: #fff;

	margin-top:  8px;

}





.about{

	height: 456px;

	margin-top: 45px;

}

.about-left{

	width: 830px;

	float: left;

}

.about-left .about-img{

	width: 366px;

	height: 452px;

	float: left;

}

.about-left .about-img img{

	width: 366px;

	height: 452px;

}

.about-txt{

	margin-left: 45px;

	width: 418px;

	float: left;

}

.about-txt h3{

	font-size: 48px;

	color: #dbdbdb;

	font-weight: normal;

	margin-top:  20px;

}

.about-txt h4{

	font-size: 24px;

	color: #007e7d;

}

.about-txt i{

	display: block;

	width: 60px;

	height: 2px;

	background: #007e7d;

	margin: 20px 0px;

}

.about-txt p{

	line-height: 28px;

}

.about-txt a{

	color: #cccccc;

	text-transform: uppercase;

	display: block;

	width: 148px;

	height: 36px;

	line-height: 36px;

	margin-top: 30px;

	text-align: center;

	border:1px solid #ccc;

}

.about-right{

	width: 296px;

	float: right;

}

.about-right .about-title{

	height: 50px;

	border-bottom: 1px solid #ccc;

}

.about-right .about-title h4{

	font-size: 26px;

	float: left;

}

.about-right .about-title a{

	float: right;

	font-size: 18px;

	color: #ccc;

	text-transform: uppercase;

	line-height: 50px;

}

.about-right-Box{

	margin-top: 15px;

}

.about-right-Box .bd{

	width:248px;

	height: 410px;

	overflow: hidden;

	margin: 0 auto;

}

.about-right-Box .bd ul li{



	width: 248px;

	height: 190px;

}

.about-right-Box .bd ul li img{

	width: 248px;

	height: 150px;

}

.about-right-Box .bd ul li p{

	line-height: 40px;

	text-align: center;

}

.about-right-Box .bd ul li p a:hover{ color:#007e7d;}

/*news*/

.news{

	width: 100%;

	overflow: hidden;

}



.news-box{

	width: 1180px;

	margin: 0 auto;

}



.news .iske_1{ margin-top:30px;}

.news .iske_1 li{width: 576px;height:130px;float:left;margin: 0 7px;}

.news .iske_1 li img{ display:block; float:left; width:184px; height:130px;}

.news .iske_1 li span{width: 374px;margin-left:18px;display:block;float:left;font-size:16px;padding-top: 26px;}
.news .iske_1 li span a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news .iske_1 li span a:hover{ color:#007e7d;}

.news .iske_1 li span p{font-size:14px;color:#8f8f8f;line-height:26px;height:52px;overflow:hidden;margin-top:  10px;}

.iskeaq{float:left;width: 360px;margin: 0 16px;margin-top:8px;}

.iskeaq li{line-height:46px;border-bottom:1px dashed #ccc;background:url(../images/xwd.jpg) no-repeat left;}

.iskeaq li span{ float:right; color:#ccc;}

.iskeaq li a{color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:  12px;}

.iskeaq li a:hover{ color:#007e7d;}



/*link*/



.between {

	

margin-bottom: 23px;

	

margin-top:40px;

}

.between1 { margin-bottom:35px;

	height:60px; width:1180px; margin:0 auto;

}

.between1 dl dt {

	float: left;

	font-size: 18px;

	color: #333;

	font-weight: bold;

}



.between1 dl dd {

	float: left;

	line-height: 28px;

}



.between1 dl dd a {

	display: block;

	margin: 0 10px;

	float: left;

}















.between dl dt {

	float: left;

	font-size: 18px;

	color: #333;

	font-weight: bold;

}



.between dl dd {

	float: left;

	line-height: 28px;

}



.between dl dd a {

	display: block;

	margin: 0 10px;

	float: left;

}