@charset "utf-8";
/* CSS Document */


/*banner*/
.banner{height:500px; background:url(Img/Index/banner1.jpg) no-repeat center 0; position: relative;}

.banner p{text-align: center; position: absolute; left: 50%; margin-left: -127px; bottom: 65px; }
.banner p a{ display: inline-block; width: 59px; height: 10px; background:url(Img/Index/banner_bg.png) no-repeat; margin: 0 12px; opacity: 0.52;filter:alpha(opacity=52);}
.banner p a:hover,.banner p a.cur{ opacity: 1; filter:alpha(opacity=100);}
.banner .prev{position: absolute; left: 50%; margin-left: -610px; top: 216px; opacity: 0.5; filter: alpha(opacity=50);}
.banner .next{position: absolute; right: 50%; margin-right: -610px; top: 216px; opacity: 0.5; filter: alpha(opacity=50);}
.banner .prev:hover,.banner .next:hover{opacity: 0.7; filter: alpha(opacity=70);}


/**/


.we{/*margin-top: -45px; position: relative; z-index: 9;*/ margin-top: 60px; margin-bottom: 60px;}
.we_a{ height: 90px;background:url(../Img/Index/we_bg.jpg) no-repeat; }
.we_a h3{float: left;}
.we_a h3{line-height: 90px; color: #333; font-size: 25px; padding-left: 80px;}
.we_a h3 i{color: #07923b; font-size: 34px; padding-right: 10px;vertical-align: middle;}
.we_a h3 span{vertical-align: middle;}
.we_a p{float: right; font-size: 14px; font-weight: bold; padding-right: 20px;}

.we_a p a{display: inline-block; width: 122px; padding-top: 60px; height: 30px; text-align: center; margin-left: 10px; font-weight:normal;}
.we_a p a:hover{text-decoration: none;}

.we_b{margin-top: 15px;background: #f3f3f3;}

.we_b dt{float: left;}
.we_b dd{float: right; width: 582px; padding-right: 60px;}
.we_b dd p{ line-height: 30px; font-size: 16px; text-indent: 2em; padding-top: 50px;color: #444; }
.we_b dd span{display: block; text-align: right;}
.we_b dd span a{color: #07923b; font-size: 14px; width: 120px; height: 35px; text-align: center; line-height: 35px; display: inline-block; border: 1px solid #07923b;}
.we_b dd span a:hover{text-decoration: none;}


/**/

.pro{margin-bottom: 60px;}
.pro h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 30px; }
.pro h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(../Img/Index/pro_ic.png) no-repeat 0 24px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.pro h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.pro h3 a:hover{text-decoration: none;}
.pro_l{width: 210px; overflow: hidden;}
.pro_l h4{font-size: 24px; background: #07923b; height: 75px;}
.pro_l h4 a{display: block; color: #fff; padding: 18px 0 0 42px;}
.pro_l h4 span{ display: block; text-transform: uppercase; font-size: 12px; font-weight: normal; color: #83c89d; margin-top: 4px; }
.pro_l h4 a:hover{text-decoration: none;}
.pro_cat h5{font-size: 20px; background-color: #ebebeb; padding: 0 20px;  height: 60px; line-height: 66px; overflow: hidden; }
.pro_cat h5 em{ color: #07923b; }
.pro_cat ul{margin-bottom: 8px;padding: 0 20px 10px;background:#ebebeb url(../Img/Index/line.gif) no-repeat center 0 ;}
.pro_cat li{font-size: 16px; line-height: 40px; background:url(../Img/Index/pro_ic2.png) no-repeat 0 center; padding-left: 16px; }

.pro_r{width: 760px; }
.pro_fls{position: relative; z-index:99;}
.pro_r .pro_fls dl{ width:760px;}
.pro_r .prev,.pro_r .next{ width:45px; height:68px; display:block; position:absolute; opacity: 0.8;z-index:999;}
.pro_r .prev{ left:20px; top:190px;  background:url(../Img/Index/btn1.png) no-repeat; z-index:99999; display:block; }
.pro_r .next{right:20px; top:190px; background:url(../Img/Index/btn1.png) no-repeat -45px 0;}
.pro_r .prev:hover{ background:url(../Img/Index/btn1.png) no-repeat 0 -68px; z-index:99999;}
.pro_r .next:hover{ background:url(../Img/Index/btn1.png) no-repeat -45px -68px; z-index:99999;}

.pro_r dt img{display: block; width: 760px; height: 450px;}
.pro_r dd {background: #ececec; padding: 24px;  position: relative; zoom: 1;}
.pro_r dd em{font-size: 18px; width: 712px; display: block;white-space: nowrap;text-overflow: ellipsis;  overflow: hidden; }
.pro_r dd p{font-size: 13px; line-height: 24px; color: #333; height: 48px; overflow: hidden; border-top: 1px solid #d2d2d2; padding-top: 8px; margin-top: 8px;}
.pro_r dd p a{ font-weight: bold; }
.pro_r dd span a{ display: block; width: 120px; height: 32px; line-height: 32px; background: #07923b; text-align: center; font-size: 14px;  color: #fff;  position: absolute; right: 0; bottom: 0; }
.pro_r dd span a:hover{text-decoration: none;}


/**/

.quality{ margin-bottom: 60px; background: #eee; padding: 50px 0 60px; }
.quality h3{ text-align: center; font-weight: normal; padding-bottom: 20px; margin-bottom: 20px; }
.quality h3 a{display: inline-block; font-size: 26px; padding:20px 0;}
.quality h3 a:hover{text-decoration: none;}

.quality dl{background: #fff; float:left; width:1000px; overflow:hidden;}
.quality dt{float: right; width:660px; overflow:hidden;}
.quality dt img{width: 660px; height: 460px; display: block;}
.quality dd {padding: 0 30px; width: 280px; float: left;}
.quality dd b{display: block; font-size: 26px; margin-top: 104px; line-height: 30px; height: 30px; overflow: hidden;}
.quality dd b a:hover{text-decoration: none;}
.quality dd em{display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 24px; height: 24px; overflow: hidden; margin: 10px 0 25px;}
.quality dd p{line-height: 28px; color: #3e3e3e; font-size: 15px; width: 210px;}

.quality_con{position: relative; width:1000px; overflow:hidden;}

.quality_con i{position: absolute; left: 30px;top: 410px; z-index:99;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(../Img/Index/dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(../Img/Index/dot.gif) no-repeat 0 -10px; }

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:267px; top:200px;  background:url(../Img/Index/btn4.gif) no-repeat; }
.quality_con .next{left:342px; top:200px; background:url(../Img/Index/btn4.gif) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(../Img/Index/btn4.gif) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(../Img/Index/btn4.gif) no-repeat -70px -62px;}


/**/


.hand{padding-bottom: 70px; }
.hand h3{ text-align: center; font-weight: normal;padding-top: 20px; margin-bottom: 20px; }
.hand h3 a{display: inline-block; font-size: 26px; padding:20px 0; }
.hand h3 a:hover{text-decoration: none;}
.hand p{ text-align:center; color:#c1c1c1; margin:26px 0; height: 18px; overflow: hidden;}
.hand p a{ font-size:14px; color:#666; padding:0 14px; display: inline-block;}
.hand p a:hover{  font-weight: bold; color: #333;}

.hand_con{ width:100%; min-width:800px; height:340px; overflow:hidden; position:relative;}
.hand_pic{ width:800px; position:absolute; left:50%; margin-left:-400px; z-index:99;}
.hand_pic li{ float:left; padding-top:5px; width:400px; overflow:hidden;}
.hand_pic li b img{ display:block; width:400px; height:275px;}
.hand_pic li em{ display:block; height:60px; line-height:60px; font-size:14px; padding:0 60px 0 60px; text-align:center; position:relative; overflow: hidden;background: #eee; }
.hand_pic li em i{ position:absolute; top:22px; left:360px;}

.hand_pic li.cur em{ background:#333; }
.hand_pic li.cur em a{color:#ddd;}
.hand_pic li.cur{ background:#EF831E;}

.hand_con .gray_l{ left:-50%; margin-left:-400px;}
.hand_con .gray_r{ right:-50%; margin-right:-400px;}
.hand_con .gray span{ display:block; width:100%; height:275px; left:0; top:0; position:absolute; background:#000; opacity:0.5; filter: alpha(opacity=50);}
.hand_con .gray{ z-index:9; top:5px; cursor:pointer; width:100%; height:335px; position:absolute; z-index:999; }
.hand_con .btn{width: 45px; height: 68px; position: absolute;opacity: 0.5; z-index:999;}
.hand_con .prev{ background:url(../Img/Index/btn2.png) no-repeat;right: 54px; top: 100px; }
.hand_con .next{ background:url(../Img/Index/btn3.png) no-repeat;  left: 54px; top: 100px;}
.hand_con .prev:hover{opacity: 1; filter: alpha(opacity=100);}
.hand_con .next:hover{opacity: 1; filter: alpha(opacity=100);}


/**/


.focus{margin-bottom: 75px;}
.focus h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 50px; }
.focus h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(../Img/Index/focus_ic.png) no-repeat 0  24px; padding:20px 0 0 60px; border-top:1px solid #dcdcdc;}
.focus h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.focus h3 a:hover{text-decoration: none;}

.focus h4{ font-weight:normal; padding-bottom:12px; background:url(../Img/Index/focus_bg.gif) no-repeat 0 bottom; margin-bottom:20px;}
.focus h4 em{ float:left; font-size:20px;}
.focus h4 span a{ float:right; font-size: 12px; display:block; padding:10px 0 0; text-transform: uppercase; }
.focus h4 em a:hover{ text-decoration:none;}
.focus h4 em i{ color: #d0d0d0; text-transform: uppercase; font-style: normal; padding-left: 16px; }

.focus_l{ width:465px; overflow: hidden;}
.focus_l dl{border-bottom: 1px solid #d2d2d2; margin-bottom: 5px;}
.focus_l dt img{ display:block; width:465px; height:208px;}
.focus_l dd b{ display:block; height:20px; line-height:20px; margin:20px 0 10px; overflow: hidden; }
.focus_l dd b a{ float:left;font-size:16px; max-width: 390px;}
.focus_l dd b span{ font-weight:normal; font-size:12px; float:right;}
.focus_l dd p{ font-size:14px; line-height:24px; height: 72px; overflow: hidden; margin-bottom:5px;}

.focus_l ul{ background:url(../Img/Index/focus_ic2.png) no-repeat 0 center; padding-left: 18px;}
.focus_l li{ height:46px; line-height:46px; font-size:14px; border-bottom: 1px dashed #c0c0c0; overflow: hidden; vertical-align: top;}
.focus_l li em{ float:left; width: 360px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.focus_l li span{ float:right; font-size: 12px;}
.focus_l li em a:hover{font-weight: bold;}
.focus_r{ width:500px;}
.focus_con{ padding-bottom:15px;}
.focus_con dl{ margin-bottom:24px;}
.focus_con dt{ float:left;}
.focus_con dt img{ display:block; width:182px; height:110px;}
.focus_con dd{ float:right; width:300px;}
.focus_con dd em{ display:block; width: 300px; height:20px; line-height:20px; margin-bottom:10px;font-size:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.focus_con dd p{ font-size:14px; line-height:24px;}
.faq p{ float:left;}
.faq ul{ float:right; width:290px;}
.faq li{ width: 270px; height:34px; line-height:34px; font-size:14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding-left:20px; background:url(../Img/Index/focus_icon.gif) no-repeat 0 center;}
.faq p img{ display:block; width:190px; height:235px;}
.faq li a:hover{ font-weight: bold; }


/**/

.about{ background:url(Img/Index/about_bg.jpg) no-repeat center 0; padding-top: 30px; height: 612px; overflow: hidden;}
.about h3{ text-align: center; font-weight: normal; margin-bottom: 20px; }
.about h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/about_ic.png) no-repeat 0  24px; padding:20px 0 0 70px; color: #fff;}
.about h3 span{display: block; text-transform: uppercase; color: #979a9b; font-size: 18px; margin-top: 5px;}
.about h3 a:hover{text-decoration: none;}
.about i{display: block; text-align: center; font-style: normal; padding-top: 40px;}
.about i a{color: #fff; font-size: 18px; display: inline-block; width: 220px; height: 45px; line-height: 45px; border:1px solid #fff;}
.about_vd{width: 760px; height: 380px; overflow: hidden; margin: 0 auto;}


/**/


.brand{padding: 65px 0;}
.brand h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 50px; }
.brand h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(Img/Index/brand_ic.png) no-repeat 0  24px; padding:20px 0 0 70px; border-top:1px solid #dcdcdc;}
.brand h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.brand h3 a:hover{text-decoration: none;}

.brand li{float: left; width: 198px; border:1px solid #c9c9c9; height: 130px; margin-left: -1px; position: relative;}
.brand li a{ cursor: pointer;}
.brand li img{display: block; width: 198px; height: 98px;}
.brand li span{display: block; text-align: center; font-size: 13px; overflow: hidden; height: 15px;}
.brand li i{display: none; position: absolute; left: 0; top: 0; width: 198px; height: 130px; z-index: 9; background:url(Img/Index/bg10.png) repeat;}





/**/

/* 友情链接 */

.link{background: #282828; }
.link .content{padding: 22px 0; border-bottom: 1px solid #565656; }
.link h3{ float: left; font-size: 12px; font-weight: normal; width: 170px; padding-top: 28px; background:url(Img/Index/link_bg.png) no-repeat;  }
.link h3 a{color: #ababab;}
.link p{ float: right; width: 830px;}
.link p span{display: inline-block; line-height: 24px; margin-left: 32px;}
.link p span a{color: #757575;}





/*  */

.pro_cat h5 a:hover,.brand li a:hover,.about i a:hover{ text-decoration: none; }
/**/



/**/



/**/



/**/



/**/



/**/