@charset "utf-8";

/*--------banner轮播样式--------------*/

.banner { height:630px; width:100%; overflow:hidden; position:relative; z-index:-2}


.banBox { height:500px; width:1920px; margin-left:-960px; position:absolute; left:50%; top:130px; z-index:0;}

.banBox .hd{ position:absolute; bottom:50px/*25px*/; left:0;  z-index:1; height:4px; background:url(../images/banner_hdbg.png) repeat; width:100%;}

.banBox .hd ul{ zoom:1; text-align:center; padding-top:12px; list-style:none;}

.banBox .hd ul li{ width:50px; height:4px; display:inline-block; margin:0 5px; background:#333; cursor:pointer; list-style:none;}

.banBox .hd ul li.on{ background:#008531; }

.banBox .bd{ position:relative; height:100%; z-index:0;   }

.banBox .bd ul{list-style:none;}

.banBox .bd ul li{ list-style:none;}

.banBox .bd img{ width:1920px; height:500px; display:block;}



.ncp{ width:1200px; height:auto; overflow:hidden;}



/* 下面是前/后按钮代码，如果不需要删除即可 */

.banBox .prev,

.banBox .next{ position:absolute; left:12%; top:50%; margin-top:-29px; display:block; width:43px; height:58px; background:url(../images/banner_prev.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.banBox .next{ left:auto; right:12%; background:url(../images/banner_next.png) no-repeat; }

.banBox .prev:hover,

.banBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.banBox .prevStop{ display:none;  }

.banBox .nextStop{ display:none;  }



.top{width:100%;height:auto;overflow:hidden;z-index:999; position:fixed; }
.wel{width:1348px;height:30px;line-height:30px;overflow:hidden;background:#1c8fd8}
.wel_b{width:100%;background:#1c8fd8; color:#FFFFFF;}
.ban{width:100%;height:auto;overflow:hidden;background:#fff}
.ban_m{width:1348px;height:auto;overflow:hidden}
.logo{width:347px;height:100px;float:left;z-index:9999;font-size:24px;text-align:left;letter-spacing:2px;color:#007326;font-weight:500}
.logo img{height:100px;}

.header_right{width:998px; float:right; text-align:right; height:auto; z-index:5;}
#nav{list-style-type:none; height:auto; position: fixed;}
#nav a{display:block;width:117px;text-align:center}
#nav a:link{color:#313131;text-decoration:none}
#nav a:visited{color:#313131;text-decoration:none}
#nav a:hover{color:#FFF;text-decoration:none;}
#nav li{float:left;width:117px;height:100px;background:#fff;line-height:100px;font-size:16px; text-align:left;}
#nav li a:hover{background:#f5f5f5;color:#313131;line-height:100px;}
#nav li ul{position:absolute;left:-999em;width:180px;height:40px;list-style-type:none;text-align:left;line-height:40px; z-index:999; font-size:13px;}
#nav li ul li{float:left;width:180px;height:35px; background:url(../images/m1.png);line-height:35px; font-size:13px; border-bottom:1px #fff solid;}
#nav li ul a{display:block;padding-left:30px;width:150px;height:35px;text-align:left;line-height:35px; font-size:13px;}
#nav li ul a:link{height:35px;color:#666;text-decoration:none;line-height:35px; font-size:13px;}
#nav li ul a:visited{height:35px;color:#666;text-decoration:none;line-height:35px; font-size:13px;}
#nav li ul a:hover{height:35px;background:url(../images/m2.png);color:#313131;text-decoration:none;font-weight:400;line-height:35px; font-size:13px;}
#nav li:hover ul{left:auto;height:35px;line-height:35px}
#nav li.sfhover ul{left:auto;height:35px;line-height:35px; font-size:13px;}


.foot_s{width:100%; height:auto; background:#1c8fd8; overflow:hidden; padding:20px 0px; margin-top:30px;}
.foot_s1{width:1200px; height:auto; color:#fff; text-align:left;margin-top:20px auto;}
.foot_s2{width:auto; height:auto; color:#fff; text-align:left; margin-right:0px; float:left;}
.foot_s2 li{ float:left;  width:auto; height:auto; padding-bottom:5px; list-style:none; color:#fff; text-align:left; line-height:35px;}
.foot_s2 li a{ display:block; color:#fff;}
.til{ font-size:16px; font-weight:bold; color:#fff;}

.we{margin-top:-50px;position:relative;z-index:9;margin-bottom:40px}
.we_a{height:90px;background:url(../images/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:#1c8fd8;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:700;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:400}
.we_a p a:hover{text-decoration:none}
.we_b{margin-top:10px;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:#003ea3;font-size:14px;width:120px;height:35px;text-align:center;line-height:35px;display:inline-block;border:1px solid #003ea3}
.we_b dd span a:hover{text-decoration:none}
.pro{margin-bottom:60px}
.pro h3{text-align:center;font-weight:400;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(../images/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;background:#ebebeb}
.pro_l h4{font-size:24px;background:#003ea3;height:90px}
.pro_l h4 a{display:block;color:#fff;padding:23px 0 0 42px}
.pro_l h4 span{display:block;text-transform:uppercase;font-size:12px;font-weight:400;color:#fff;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:#1c8fd8}
.pro_cat ul{margin-bottom:8px;padding:0 20px 10px;background:#ebebeb url(../images/line.gif) no-repeat center 0}
.pro_cat li{font-size:16px;line-height:40px;background:url(../images/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 .next,.pro_r .prev{width:45px;height:68px;display:block;position:absolute;opacity:.8;z-index:999}
.pro_r .prev{left:20px;top:190px;background:url(../images/btn1.png) no-repeat;z-index:99999;display:block}
.pro_r .next{right:20px;top:190px;background:url(../images/btn1.png) no-repeat -45px 0}
.pro_r .prev:hover{background:url(../images/btn1.png) no-repeat 0 -68px;z-index:99999}
.pro_r .next:hover{background:url(../images/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:700}
.pro_r dd span a{display:block;width:120px;height:32px;line-height:32px;background:#f5830a;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:0px 0 30px}
.quality h3{text-align:center;font-weight:400;border-bottom:1px solid #dcdcdc;padding-bottom:20px;margin-bottom:35px}
.quality h3 a{display:inline-block;font-size:26px;text-align:left;background:url(../images/quality_bg.png) no-repeat 0 28px;padding:20px 0 0 62px;border-top:1px solid #dcdcdc}
.quality h3 span{display:block;text-transform:uppercase;color:#999;font-size:18px;margin-top:5px}
.quality h3 a:hover{text-decoration:none}
.quality dl{background:#fff;float:left;width:1100px;overflow:hidden}
.quality dt{float:right;width:760px;overflow:hidden}
.quality dt img{width:760px;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:700;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:1100px;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(../images/dot.gif) no-repeat;margin:0 4px}
.quality_con i a.cur,.quality_con i a:hover{background:url(../images/dot.gif) no-repeat 0 -10px}
.quality_con .next,.quality_con .prev{width:70px;height:62px;display:block;position:absolute;z-index:99}
.quality_con .prev{left:267px;top:200px;background:url(../images/btn4.gif) no-repeat}
.quality_con .next{left:342px;top:200px;background:url(../images/btn4.gif) no-repeat -70px 0}
.quality_con .prev:hover{background:url(../images/btn4.gif) no-repeat 0 -62px}
.quality_con .next:hover{background:url(../images/btn4.gif) no-repeat -70px -62px}
.hand{margin-bottom:70px}
.hand h3{text-align:center;font-weight:400;border-bottom:1px solid #dcdcdc;padding-bottom:20px;margin-bottom:35px}
.hand h3 a{display:inline-block;font-size:26px;text-align:left;background:url(../images/hand_ic.png) no-repeat 0 28px;padding:20px 0 0 70px;border-top:1px solid #dcdcdc}
.hand h3 span{display:block;text-transform:uppercase;color:#999;font-size:18px;margin-top:5px}
.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:700;color:#333}
.hand_con{width:100%;min-width:800px;height:340px;overflow:hidden;position:relative}
.hand_pic{width:1200px;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:#2c2a2a}
.hand_pic li.cur em a{color:#ddd}
.hand_pic li.cur{background:#1c8fd8}
.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:.5;filter:alpha(opacity=70)}
.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:.5;z-index:999}
.hand_con .prev{background:url(../images/btn2.png) no-repeat;right:54px;top:100px}
.hand_con .next{background:url(../images/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:60px}
.focus h3{text-align:center;font-weight:400;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(../images/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:400;padding-bottom:12px;background:url(../images/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:570px;overflow:hidden}
.focus_l dl{border-bottom:1px solid #d2d2d2;margin-bottom:10px; text-align:left;}
.focus_l dt img{display:block;width:560px;height:150px}
.focus_l dd b{display:block;height:18px;line-height:18px;margin:15px 0 10px;overflow:hidden; text-align:left;}
.focus_l dd b a{float:left;font-size:16px;max-width:390px}
.focus_l dd b span{font-weight:400;font-size:12px;float:right; text-align:left;}
.focus_l dd p{font-size:14px;line-height:15px;height:30px;overflow:hidden;margin-bottom:10px}
.focus_l dd p a{color:#1c8fd8}
.focus_l ul{padding-left:0}
.focus_l li{height:30px;line-height:30px;font-size:14px;border-bottom:1px dashed silver;overflow:hidden;vertical-align:top;background:url(../images/focus_ic2.png) no-repeat 0 center}
.focus_l li em{float:left;width:360px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:18px; text-align:left;}
.focus_l li span{float:right;font-size:12px}
.focus_l li em a:hover{font-weight:700}
.focus_r{width:570px; text-align:left; float:right;}
.faq p{float:left; width:230px; text-align:left;}
.faq ul{float:right;width:340px}
.faq li{width:340px;height:35px;line-height:35px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:20px;  border-bottom:1px solid #CCCCCC;}
.faq p img{display:block;width:150px;height:361px}
.faq li a:hover{font-weight:700}
.about{background:url(../images/about_bg.jpg) no-repeat center 0;padding-top:30px;height:612px;overflow:hidden; width:100%;}
.about h3{text-align:center;font-weight:400;margin-bottom:20px}
.about h3 a{display:inline-block;font-size:26px;text-align:left;background:url(../images/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:1200px;height:350px;font-size:14px;overflow:hidden;margin:0 auto;color:#FFF;border:3px solid #FFF;padding:15px;text-align:left;line-height:40px}


.brand{padding:40px 0px 30px 0px;}
.brand h3{text-align:center;font-weight:400;border-bottom:1px solid #dcdcdc;padding-bottom:10px;margin-bottom:30px}
.brand h3 a{display:inline-block;font-size:26px;text-align:left;background:url(../images/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; position:relative; margin-bottom:10px;}
.brand li a{cursor:pointer}
.brand li img{display:block;width:190px;height:70px; border:1px solid #CCCCCC;}
.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(../images/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:400;width:170px;padding-top:28px;background:url(../images/focus_ic2.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}
.about i a:hover,.brand li a:hover,.pro_cat h5 a:hover{text-decoration:none}