
*{ margin:0; padding:0;}
body{ font-family:"微软雅黑","Microsoft YaHei UI"; font-size:14px; color:#333;}

ol,ul,li{list-style:none}
:focus{outline:0}
img{ border:0}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; color:#137440;}
h1,h2,h3,h4,h5,h6,h7,p{ font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.c{ clear:both}
.clearfix { clear: both; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.container{ width:1200px; margin:0 auto;}


/*头部*/
.topper{ height:40px; line-height:40px; background:#f6f6f6; color:#999;}
.topper a{ color:#999;}

.head{ padding:30px 0;}
.head logo{}
.head .h_tel{ background:url(../images/h_tel.png) no-repeat center left; padding-left:83px;}
.head .h_tel h3{ color:#999; font-size:16px;}
.head .h_tel h4{ color:#137440; font-weight:bold; font-size:34px;}

/*导航栏*/
.nav_bg{ background:#137440; height:60px;}
.nav_bg .nav{ width:1200px; height:60px; margin:0 auto;}
.nav_bg .nav li{ float:left; width:170px; height:60px; text-align:center; border-right:1px solid rgba(255,255,255,0.2); }
.nav_bg .nav li a{ display:block; line-height:60px; font-size:17px; color:#fff;}
.nav_bg .nav li:first-child a{ background:#7C7C7C;}
.nav_bg .nav li:hover a{ background:#7C7C7C;}


/*banner*/
.banner{ width: 100%; position: relative;overflow: hidden; }
.banner ul{	position: absolute;	}
.banner ul li{ width: 100%;	height: 600px;float: left;background:  no-repeat center center;	}
.banner ol{ height: 20px; background: rgba(0,0,0,0.5);	position: absolute;	left:50%;bottom: 30px;	padding: 0 10px;border-radius: 10px;}
.banner ol li{width: 10px;height: 10px;	float: left;margin: 5px 5px;background: rgba(255,255,255,0.5);	border-radius: 50%;	cursor: pointer;}
.banner ol .current{background: #137440;}
.banner i{width: 58px;height: 120px; position: absolute;	top: 50%;margin-top: -60px;	cursor: pointer;border-radius: 5px;	display: none;}
.banner .left{left: 60px;background:url(../Images/left_right.png) no-repeat 0 0px;	}
.banner .right{	right: 60px;background:url(../Images/left_right.png) no-repeat 0px -120px;	}
.banner .left:hover , .banner .right:hover{	background-color: rgba(0, 0, 0, 0.31);}

/*标题*/
.Index_tit{ text-align:center;}
.Index_tit h3{ font-size:40px; background:url(../images/tit_bg.png) no-repeat center; font-weight:bold;}
.Index_tit h4{ font-size:16px; color:#666; margin-top:10px; letter-spacing:1px;}
.Index_tit1{ text-align:center;}
.Index_tit1 h3{ font-size:40px; color:#fff; background:url(../images/tit_bg1.png) no-repeat center; font-weight:bold;}
.Index_tit1 h4{ font-size:16px; color:#fff; margin-top:10px; letter-spacing:1px; opacity:0.8;}


/*合作客户*/
.Index_kh{ padding:60px 0; background:#fafafa;}
.Box { margin-top:50px;	position:relative;}
.Box .Box_con { position:relative;}
.Box .Box_con .btnl { position:absolute;}
.Box .Box_con .btn { display:block; width:41px; height:41px; position:absolute; top:30px; cursor:pointer;}
.Box .Box_con .btnl { background:url(../images/jtl02.png) no-repeat center; left:-72px;}
.Box .Box_con .btnr { background:url(../images/jtr02.png) no-repeat center; right:-72px;}

.Box .Box_con .conbox {	position:relative; overflow:hidden;}
.Box .Box_con .conbox ul { position:relative; list-style:none;}
.Box .Box_con .conbox ul li { float:left; width:224px; height:140px; margin-left:20px; overflow:hidden; position:relative; text-align:center;}
.Box .Box_con .conbox ul li:first-child { margin-left:0;}
.Box .Box_con .conbox ul li img { display:block; width:222px; height:98px; border:1px solid #ddd;}
.Box .Box_con .conbox ul li span{ display:block; line-height:40px; }




/*产品中心*/
.Index_pro{ margin:80px 0;}
.Index_pro .pro_fl{ height:50px; margin-top:60px;}
.Index_pro .pro_fl li{ float:left; width:399px; height:50px; line-height:50px; background:#137440; position:relative; border-right:1px solid #fff;}
.Index_pro .pro_fl li:last-child{ border:0;}
.Index_pro .pro_fl li a{ display:block; width:399px; height:50px; text-indent:40px; background:url(../images/pro_li.png) no-repeat 300px center; color:#fff;}
.Index_pro .pro_fl li:hover a{ background:url(../images/pro_li_hover.png) no-repeat 300px center;}
.Index_pro .pro_fl li ul{ display:none; padding:20px 0; width:398px; background:#fff; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; position:absolute; top:50px; left:0;}
.Index_pro .pro_fl li:hover ul{ display:block; z-index:9999;}
.Index_pro .pro_fl li ul li{ float:none; margin-bottom:15px; font-size:14px; width:198px; height:auto; line-height:normal; border:0; background:none;}
.Index_pro .pro_fl li ul li a{ color:#666; width:198px; height:auto; line-height:normal; background:none;} 
.Index_pro .pro_fl li ul li span{ padding-right:3px;}
.Index_pro .pro_fl li ul li:hover a{ color:#137440;} 

.Index_pro .product{ margin-top:50px;}
.Index_pro .pro_tj{ width:538px;/* background:url(../images/pro_bg.jpg) no-repeat center bottom;*/}
.Index_pro .pro_tj .pro_img{ width:538px; height:454px; background:#fff; overflow:hidden; box-shadow:2px -1px 10px #ddd;}
.Index_pro .pro_tj .pro_img img{ width:538px; height:364px; transition:all 0.4s; padding:45px 0;}
.Index_pro .pro_tj .pro_img:hover img{ transform:scale(1.1);}
.Index_pro .pro_tj .pro_tit{ background:#EEEEEE; text-indent:30px;  height:69px; position:relative;}
.Index_pro .pro_tj .pro_tit a{ display:block;}
.Index_pro .pro_tj .pro_tit i{ display:block; width:39px; height:1px; background:#DA251C; position:absolute; top:15px; left:30px;}
.Index_pro .pro_tj .pro_tit h3{ font-size:18px; color:#666; font-weight:bold; padding-top:30px;}
.Index_pro .pro_tj .pro_tit img{ position:absolute; top:; right:0;}

.Index_pro .pro_list{ width:620px;}
.Index_pro .pro_list li{ float:left; width:280px; margin-left:20px;}
.Index_pro .pro_list li .img{ width:290px; height:215px; transition:all 0.4s; box-shadow: 3px 3px 5px #eeeeee,-3px -3px 5px #eeeeee; overflow:hidden;}
.Index_pro .pro_list li .img img{ width:290px; transition:all 0.4s; padding-top:10px;}
.Index_pro .pro_list li .img:hover img{ transform:scale(1.1);}
.Index_pro .pro_list li h3{ height:50px; line-height:50px; text-align:center; color:#666;}

/*品质*/
.Index_brand{ background:#137440 url(../images/brand_bg.jpg) no-repeat center; padding:80px 0; background-size:cover;}
.Index_brand .brand_list{ margin-top:60px;}
.Index_brand .brand_list li{ float:left; width:291px; height:485px; background:#fff; margin-right:12px; overflow:hidden; position:relative;}
.Index_brand .brand_list li.li4{ margin-right:0;}
.Index_brand .brand_list li .brand_Inf{ padding:20px;}
.Index_brand .brand_list li .brand_Inf img{}
.Index_brand .brand_list li .brand_Inf h3{ font-size:26px; font-weight:bold;}
.Index_brand .brand_list li .brand_Inf i{ display:block; width:40px; height:1px; background:#DA251C; margin:15px 0 20px 0;}
.Index_brand .brand_list li .brand_Inf p{ font-size:14px; color:#999;}

.Index_brand .brand_list li .brand_bg{ background:rgba(218,37,28,0.9); color:#fff; text-align:center; width:100%; height:485px; position:absolute; top:0; left:0; opacity:0;}
.Index_brand .brand_list li .brand_bg img{ padding:65px 0 35px 0;}
.Index_brand .brand_list li .brand_bg h3{ font-size:26px; font-weight:bold;}
.Index_brand .brand_list li .brand_bg i{ display:block; width:48px; height:1px; background:#fff; margin:45px auto;}
.Index_brand .brand_list li .brand_bg p{ font-size:14px; opacity:0.8; padding:0 20px;}

.Index_brand .brand_list li:hover .brand_Inf{ opacity:0;}
.Index_brand .brand_list li:hover .brand_bg{ opacity:1;}


/*优势*/
.Index_ys{  padding-top:80px;}
.Index_ys .ys1{ background:url(../images/ys_bg1.jpg) no-repeat center; height:400px; margin-top:60px;}
.Index_ys .ys2{ background:url(../images/ys_bg2.jpg) no-repeat center; height:400px;}
.Index_ys .ys3{ background:url(../images/ys_bg3.jpg) no-repeat center; height:400px;}
.Index_ys .ys4{ background:url(../images/ys_bg4.jpg) no-repeat center; height:400px;}
.Index_ys .ys_Inf{ width:550px; margin-left:17px; padding-top:120px;}
.Index_ys .ys2 .ys_Inf{ width:543px; margin-left:657px; padding-top:120px;}
.Index_ys .ys3 .ys_Inf{ width:550px; margin-left:17px; padding-top:120px;}
.Index_ys .ys4 .ys_Inf{ width:543px; margin-left:657px; padding-top:120px;}
.Index_ys .ys_Inf h3{ font-size:24px; font-weight:bold; color:#137440;}
.Index_ys .ys_Inf h4{ font-size:14px; color:#b3b3b3; text-transform:uppercase; padding:5px 0 30px 0;}
.Index_ys .ys_Inf p{ color:#666; line-height:26px; padding-bottom:12px; font-size:15px; background-size:10px;}
.Index_ys .ys_Inf h5{ margin-top:30px; text-align:center;}
.Index_ys .ys_Inf h5 a{ display:block; width:150px; height:40px; line-height:40px; border:1px solid #ccc; color:#666; font-size:15px;}
.Index_ys .ys_Inf h5 a:hover{ background:#137440; border-color:#137440; color:#fff;}

/*关于我们*/
.Index_ab{ padding:80px 0; background:#f6f6f6;}
.Index_ab .about{ margin-top:60px;}
.Index_ab .ab_img{ width:700px;}
.Index_ab .ab_Inf{ width:400px; padding:50px; background:#fff; position:relative;}
.Index_ab .ab_Inf h3{ font-size:24px; font-weight:bold;}
.Index_ab .ab_Inf h4{ font-size:14px; color:#999; margin-bottom:45px;}
.Index_ab .ab_Inf i{ display:block; width:130px; height:3px; background:#DA251C; position:absolute; left:-50px; top:120px;}
.Index_ab .ab_Inf p{ font-size:15px; color:#777; line-height:24px;}
.Index_ab .ab_Inf h5{ margin-top:40px; text-align:center;}
.Index_ab .ab_Inf h5 a{ display:block; width:140px; height:40px; line-height:40px; background:#137440; color:#fff; font-size:15px;}
.Index_ab .ab_Inf h5 a:hover{ background:#DA251C}

.Index_ab .ab_list{ background:#fff; padding:20px 0; margin-top:30px;}
.Index_ab .ab_list li{ float:left; width:139px; padding:0 50px; border-right:1px solid #ddd;}
.Index_ab .ab_list li.li5{ border:0;}
.Index_ab .ab_list li a{ display:block; height:44px; line-height:44px; font-size:16px; font-weight:bold; padding-left:55px;}
.Index_ab .ab_list li.li1 a{ background:url(../images/ab01.png) no-repeat center left;}
.Index_ab .ab_list li.li2 a{ background:url(../images/ab02.png) no-repeat center left;}
.Index_ab .ab_list li.li3 a{ background:url(../images/ab03.png) no-repeat center left;}
.Index_ab .ab_list li.li4 a{ background:url(../images/ab04.png) no-repeat center left;}
.Index_ab .ab_list li.li5 a{ background:url(../images/ab05.png) no-repeat center left;}

.Index_ab .ab_list li.li1:hover a{ background:url(../images/ab01_1.png) no-repeat center left;}
.Index_ab .ab_list li.li2:hover a{ background:url(../images/ab02_1.png) no-repeat center left;}
.Index_ab .ab_list li.li3:hover a{ background:url(../images/ab03_1.png) no-repeat center left;}
.Index_ab .ab_list li.li4:hover a{ background:url(../images/ab04_1.png) no-repeat center left;}
.Index_ab .ab_list li.li5:hover a{ background:url(../images/ab05_1.png) no-repeat center left;}

/*新闻*/
.Index_news{ margin:80px 0;}
.Index_news .news_list{ margin-top:50px;}
.Index_news .news_list li{ float:left; width:33.333%; height:504px; background:#f6f6f6; position:relative;}
.Index_news .news_list li .news_Inf{ width:84%; padding:8%;}
.Index_news .news_list li h3{ font-size:14px; color:#666;}
.Index_news .news_list li h4{ font-size:40px; color:#444;}
.Index_news .news_list li i{ display:block; width:40px; height:1px; background:#137440; margin:20px 0;}
.Index_news .news_list li h5{ font-size:17px; margin-bottom:10px;}
.Index_news .news_list li p{ font-size:14px; color:#888; line-height:24px;}
.Index_news .news_list li img{ width:400px; height:252px;}

.Index_news .news_list li:nth-child(1) .news_Inf{ position:absolute; top:0; left:0;}
.Index_news .news_list li:nth-child(2) .news_Inf{ position:absolute; bottom:0; left:0;}
.Index_news .news_list li:nth-child(3) .news_Inf{ position:absolute; top:0; left:0;}

.Index_news .news_list li:nth-child(1) img{ position:absolute; bottom:0; left:0;}
.Index_news .news_list li:nth-child(2) img{ position:absolute; top:0; left:0;}
.Index_news .news_list li:nth-child(3) img{ position:absolute; bottom:0; left:0;}

.Index_news .news_list li:nth-child(2){ background:#137440;}
.Index_news .news_list li:nth-child(2) h3{ color:#fff; opacity:0.8;}
.Index_news .news_list li:nth-child(2) h4{  color:#fff;}
.Index_news .news_list li:nth-child(2) i{ background:rgba(255,255,255,0.6);}
.Index_news .news_list li:nth-child(2) h5{ color:#fff;}
.Index_news .news_list li:nth-child(2) p{ color:#fff; opacity:0.8;}

.Index_news .news_list li:hover{ background:#137440;}
.Index_news .news_list li:hover h3{ color:#fff; opacity:0.8;}
.Index_news .news_list li:hover h4{  color:#fff;}
.Index_news .news_list li:hover i{ background:rgba(255,255,255,0.6);}
.Index_news .news_list li:hover h5{ color:#fff;}
.Index_news .news_list li:hover p{ color:#fff; opacity:0.8;}

/*友情链接*/
.yqljbg{ background:#F7F7F7; height:50px; line-height:50px;}
.yqljbg .yqlj{ font-size:13px; color:#666; font-weight:bold;}
.yqljbg .yqlj a{ color:#777; padding:0 8px; font-weight:normal;}

/*网站底部*/
.footer{ background:#202020; padding:50px 0; color:#fff;}
.footer .foot_left{ width:950px;}
.footer .f_nav{}
.footer .f_nav a{ font-size:15px; color:#fff; opacity:0.7;}
.footer .f_nav span{ color:#fff; padding:0 35px; opacity:0.2; font-size:12px;}
.footer .f_line{ height:1px; background:#313131; margin:30px 0;}
.footer .f_Inf{ font-size:14px; color:#909090; line-height:28px;}
.footer .f_Inf a{ color:#909090;}
.footer .foot_right{ width:180px;}
.footer .foot_right h3{ width:120px; height:34px; line-height:34px; background:#137440; color:#fff; border-radius:34px; text-align:center;}
.footer .foot_right h4{ font-size:24px; margin:10px 0;}
.footer .foot_right img{ width:100px;}

.bottom{ background:#181818; height:50px; line-height:50px; color:#666;}
.bottom a{ color:#666;}
.bottom span{ float:right;}

/*返回顶部*/
.page_top {	position: absolute;}
#pageTop { z-index: 160; width: 65px; height: 65px;	background: url(../images/pagetop.png) no-repeat; position: fixed; _position: absolute;	bottom: 10px; right: 10px;overflow: hidden;
	text-indent: -999px;cursor: pointer;}
#pageTop:hover { background-image: url(../images/pagetop_on.png)}
#pageTop a { width: 100%; height: 100%;	display: block;  transition: all 1s;}
*html #pageTop a { width: 65px;	height: 65px}


/*当前位置*/
.Inner_location{ border-bottom:1px solid #EAEAEA; height:43px;}
.Inner_location .homepage{ display:block; float:left; width:43px; height:43px; background: url(../images/loca.png) no-repeat center; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.Inner_location p{ float: left; height: 43px; line-height: 43px; font-size: 13px; color: #999999; margin-left: 18px;}
.Inner_location p a{ color: #999999; padding: 0 4px;}

/*内页*/
.Inner{ width:100%; margin:30px 0 60px 0;}
/*内页左侧*/
.Inner_left{ width:250px;}
.Inner_tit{ background:#179151; padding-bottom:5px; text-align:center;}
.Inner_tit h3{ font-size:24px; color:#fff; line-height:75px; height:75px; border-bottom:1px solid #ddd;}
.Inner_left ul{}
.Inner_left li{ width:250px; background:#ECECEB; height:56px; line-height:56px; border-bottom:2px solid #fff;}
.Inner_left li:last-child{ /*border:0;*/}
.Inner_left li a{ display:block; font-size:15px; text-indent:38px; background:url(../images/Inner_li.png) no-repeat 200px center; color:#444;}
.Inner_left li a:hover{ background:#179151 url(../images/Inner_li.png) no-repeat 200px center; color:#fff;}
.Inner_left h4{ background:#179151; height:56px; line-height:56px; border-bottom:2px solid #fff;}
.Inner_left h4 a{ display:block; font-size:18px; line-height:56px; text-indent:38px; background:#179151; color:#fff;}

.Inner_left .Inner_tel{ background:url(../images/left_tel.jpg) no-repeat center; padding:30px 0; text-align:center; margin-top:30px;}
.Inner_left .Inner_tel h3{ color:#fff; font-size:26px; font-weight:bold; padding-top:5px;}

/*内页右侧*/
.Inner_right{ width:900px;}
.Inner_right .Inner_about{ font-size:15px; line-height:32px; color:#666;}

/*产品列表*/
.Inner_pro{}
.Inner_pro .td_pro{ padding-bottom:15px;}
.Inner_pro .td_pro a{ display:block;}
.Inner_pro .td_pro img{ width:266px; height:180px; border:1px solid #ddd;}
.Inner_pro .td_pro p{ height:40px; line-height:40px; font-size:16px;}
.Inner_pro .td_pro:hover img{ border:1px solid #137440;}
.Inner_pro .td_pro:hover p{ color:#137440;}
.Inner_pro .td_proinf{ font-size:14px; color:#666; line-height:28px; border-top:1px solid #ddd; padding:40px 0;}
.Inner_pro .td_proinf img{ max-width:100%; height:auto; padding:15px 0;}

.Inner_pro1{}
.Inner_pro1 .td_pro{ padding-bottom:15px;}
.Inner_pro1 .td_pro a{ display:block;}
.Inner_pro1 .td_pro img{ width:266px; height:300px; border:1px solid #ddd;}
.Inner_pro1 .td_pro p{ height:40px; line-height:40px; font-size:16px;}
.Inner_pro1 .td_pro:hover img{ border:1px solid #137440;}
.Inner_pro1 .td_pro:hover p{ color:#137440;}
.Inner_pro1 .td_proinf{ font-size:14px; color:#666; line-height:28px; border-top:1px solid #ddd; padding:40px 0;}
.Inner_pro1 .td_proinf img{ max-width:100%; height:auto; padding:15px 0;}

/*新闻列表*/
.Inner_news{}
.Inner_news li{ height:50px; line-height:50px; border-bottom:1px dashed #ddd; background:url(../images/li.jpg) no-repeat center left; padding-left:15px;}
.Inner_news li span{ float:right;}




