@charset "utf-8";
/* CSS Document */
#example { 
width: 100px !important; /* IE7+FF */ 
width: 200px; /* IE6 */ 
}
*{margin: 0 auto; padding: 0;}
body{font-size: 12px;color: #121212;font-family:  Microsoft YaHei, 宋体, Arial, Helvetica, sans-serif;background:none;}
ul,li{list-style-type: none;}
img,ul,li,button{margin: 0px;}
img,button{border: none;}
a{color: #000;text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}
img{border:0;}
input{}

/*banner*/
.banner{ width:100%;}
.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; margin:auto;}
		.slideBox .hd{ width:100%;  position:absolute; left:0; bottom:20px; z-index:1;  }
		.slideBox .hd ul{zoom:1;  text-align:center; width:100%;}
		.slideBox .hd ul li{ display:inline; margin-right:10px;   border-radius:50%; padding:0 8px;text-align:center; background:#fff; cursor:pointer; margin-left:15px; }
		.slideBox .hd ul li.on{ background:#2f2f2f; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; height:500px; display:block; margin:auto; }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

/*search*/
.search_all{width:100%; height:110px; clear:both; margin-top:-80px; }
.search{width:1180px; margin:auto; overflow:hidden; padding-top:20px;}
.search_ny{ padding-top:5px; clear:both; width:660px; height:60px; position:relative; line-height:28px; overflow:hidden; background:url(../images/search_03.png) no-repeat center center; margin-top:25px;}
.search_ny input{width:480px;height:40px; border:none;background:none; margin-left:65px;font-size:14px; color:#222; margin-top:0px; font-family:"微软雅黑";}
.search_ny button{float:right;width:38px;height:38px; border:none; background:none; margin-left:-35px; margin-top:5px; margin-right:60px;}
.gjc{ position:absolute; top:12px; left:100px;font-size:13px; color:#222;}
.gjc a{color:#222;}
		

/*pro*/
.pro_all{ width:100%; margin-top:0px; background:url(../images/pro_bk.jpg) no-repeat center; height:730px;}
.pro{ width:1180px; margin:auto; overflow:hidden; position:relative; padding-top:0px;}
.pro h2{ text-align:center; padding-top:30px;}
.pro h2 a{ font-size:30px; color:#333333;}
.pro_xbt{ text-align:center;margin-top:15px; margin-bottom:32px; }
.pro_xbt a{ font-size:18px; color:#999999; text-transform:uppercase; }


.pro_l{ width:258px; float:left; background:#fff; padding-bottom:20px; margin-top:45px; border:1px solid #ddd; border-radius:6px;}
.pro_r{ width:880px; float:right;}
.pro_l h2{ margin-top:-45px;background:url(../images/pro_bt.png) no-repeat center; width:260px; height:100px; margin-left:0px; text-align:center; line-height:50px; cursor:pointer;  letter-spacing:2px;}
.pro_l h2 a{ color:#222; font-size:24px; display:block; margin-left:48px;}
.pro_l ul{ overflow:hidden; padding-bottom:10px; padding-top:0px; margin:auto; }
.pro_l ul .pro_l1{ background:#f3ce00; margin-top:5px;}
.pro_l ul li{ width:260px; height:44px; border-bottom:1px dashed #ddd; line-height:44px;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.pro_l ul li:hover{ background:#f3ce00;}
.pro_l ul li a{ font-size:16px; color:#444; margin-left:40px; display:block; }
.pro_l ul li a span{ float:right; margin-right:40px;}
.pro_chat{ width:170px; height:170px; padding-top:20px; margin:auto; margin-bottom:30px;}
.pro_chat img{width:170px; height:170px; padding:5px; border:1px dashed #999;}
.pro_call{ text-align:center; margin-top:15px; font-size:30px; font-family:"impact"; letter-spacing:1px; color:#d3221c;}
.pro_zx{ width:130px; height:34px; background:#d3221c; margin-top:15px; text-align:center; line-height:34px;}
.pro_zx a{ font-size:14px; color:#fff;}

/*产品图切换*/
.pro_slideTxtBox{ text-align:left; height:580px; overflow:hidden;  }
.pro_slideTxtBox .hd{ position:relative; }
.pro_slideTxtBox .hd ul{ float:left;  position:absolute; width:835px; left:30px; padding-bottom:15px;  }
.pro_slideTxtBox .hd ul li{ float:left; margin-right:20px;text-align:center; font-weight:bold;}
.pro_slideTxtBox .hd ul li a{ font-size:16px; color:#666; }
.pro_slideTxtBox .hd ul li.on{ }
.pro_slideTxtBox .hd ul li.on a{ color:#f3ce00; font-weight:bold; }
.pro_slideTxtBox .bd ul{ zoom:1; padding-top:45px; margin-left:10px; }
.pro_slideTxtBox .bd ul li{ }
.con{width:270px; height:235px;float: left; margin-left:20px; background:#f2f2f2;margin-top:24px;position: relative;cursor: pointer;overflow:hidden;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s; }
.con:hover{ background:#f3ce00;}
.pro_t{ width:250px; height:180px; margin-top:10px; }
.pro_t a img{width:250px; height:180px; display:block; margin:auto;}
.pro_w{ width:270px; height:40px; line-height:40px; overflow:hidden;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s; }
.pro_w a span{ font-size:14px; color:#333333; margin-left:20px;}
.pro_w a p{ background:url(../images/pro_w_tb1.png) no-repeat center; height:16px; width:16px; float:right; margin-top:12px; margin-right:25px;}
.pro_r ul li:hover .pro_w{}
.pro_r ul li:hover .pro_w a span{ color:#222;}
.pro_r ul li:hover .pro_w a p{ background:url(../images/pro_w_tb2.png) no-repeat center; height:16px; width:16px;}


.pro_m{ position:absolute;line-height:22px; cursor:pointer; left:1130px; top:150px;}
.pro_m a{ color:#666;}
.pro_m:hover a{ color:#f3ce00;}	

/*al_all*/
.al_all{ width:100%; background:url(../images/al_bk.jpg) no-repeat center; height:860px;}
.al{ width:1180px; margin:auto; position:relative;}
.al h3{ text-align:center; padding-top:50px;}
.al h3 a{ font-size:30px; color:#333333;}
.al_m{ text-align:center;margin-top:15px; }
.al_m a{ font-size:18px; color:#999999; }
.al ul{ overflow:hidden; margin-top:50px;}
.al ul li{ width:365px; height:270px; overflow:hidden; float:left; margin-left:15px; margin-right:12px; margin-bottom:40px; position:relative;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.al_t a img{width:365px; height:270px;}
.al_w{width:365px; height:270px;background:url(../images/al_w_bk.png) no-repeat center; position:absolute; top:0px; left:0px; display:none;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.al_w1{ text-align:center; padding-top:100px;}
.al_w1 a{ font-size:18px; color:#222;}
.al_w2{text-align:center; margin-top:40px; width:25px; height:25px; border-radius:50%; border:1px solid #222; line-height:24px;}
.al_w2 a{ font-size:30px; color:#222; display:block; width:100%;}
.al ul li:hover .al_w{ display:block;}
.al_m1{ width:230px; height:52px; margin:auto;}


/*ph1*/
.ph1_all{ width:100%; background:url(../images/ph1_bk.jpg) no-repeat center; height:280px; margin-top:0px;}
.ph1{ width:1180px; margin:auto; position:relative;}
.ph1_w1{ position:absolute; top:120px; left:380px; font-size:24px; color:#333;}
.ph1_w2{ position:absolute; top:120px; left:940px; font-size:30px; color:#333; font-family:"times new roman";}
.ph1_w3{ position:absolute; top:175px; left:940px; font-size:30px; width:110px; height:34px; line-height:34px; border:1px solid #333; text-align:center;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.ph1_w3 a{ font-size:14px; color:#333; display:block; width:100%;}
.ph1_w3:hover{ background:#f3ce00; border:1px solid #f3ce00;}

/*ys*/
.ys_all{ width:100%; background:url(../images/ys_bk.jpg) no-repeat center; height:875px;}
.ys{ width:1180px; margin:auto; position:relative;}
.ys h3{ text-align:center; padding-top:65px;}
.ys h3 a{ font-size:30px; color:#333333;}
.ys_xbt{ text-align:center;margin-top:8px; margin-bottom:32px; }
.ys_xbt a{ font-size:18px; color:#999999; text-transform:uppercase; }
.ys_c1{ position:absolute; top:635px; left:655px; font-size:30px; color:#333; font-family:"times new roman";}
.ys_c2{ position:absolute; top:635px; left:860px; width:110px; height:32px; line-height:32px; text-align:center; border:1px solid #333;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.ys_slideTxtBox{ width:1180px; height:670px; overflow:hidden;   }
.ys_slideTxtBox .hd{ position:relative; }
.ys_slideTxtBox .hd ul{ position:absolute; top:560px; left:7%; }
.ys_slideTxtBox .hd ul li{ float:left; cursor:pointer; width:100px; height:100px; background:url(../images/ys_h0.png) no-repeat center; text-align:center; float:left; margin-left:50px; margin-right:50px;  }
.ys_slideTxtBox .hd ul li span{ font-size:18px; color:#fff; line-height:24px; display:block; letter-spacing:2px; margin-top:24px;}
.ys_slideTxtBox .hd ul li.on{ width:100px; height:100px; background:url(../images/ys_h1.png) no-repeat center;}
.ys_slideTxtBox .hd ul li.on span{ color:#222;}

.ys_slideTxtBox .bd ul{ overflow:hidden; margin-top:20px;}
.ys_t{ width:460px; height:380px; float:left; margin-top:130px; margin-left:150px;}
.ys_t img{ width:460px; height:380px;}
.ys_w{ margin-top:220px; margin-left:45px; float:left; width:340px;}
.ys_w1{ font-size:18px; color:#333; font-weight:bold;}
.ys_w2{ margin-top:20px; line-height:30px; font-size:15px; color:#444;}




















/*yd_all*/
.yd_all{ width:100%; background:url(../images/yd_bk.jpg) no-repeat center; height:732px;}
.yd{ width:1180px; margin:auto; position:relative;}
.yd h3{ width:323px; height:37px; display:block; margin:auto; padding-top:72px;}
.yd ul li{ font-size:18px; color:#555; font-weight:bold; width:150px; text-align:left; line-height:26px;}
.yd ul li span{ font-weight:normal; font-size:13px; text-transform:uppercase;}
.yd1{ position:absolute; top:250px; left:150px;}
.yd2{ position:absolute; top:380px; left:135px;}
.yd3{ position:absolute; top:510px; left:155px;}
.yd4{ position:absolute; top:610px; left:217px;}
.yd5{ position:absolute; top:250px; left:880px;}
.yd6{ position:absolute; top:380px; left:915px;}
.yd7{ position:absolute; top:510px; left:870px;}
.yd8{ position:absolute; top:610px; left:810px;}


/*gs*/
.gs_all{ width:100%; background:url(../images/gs_bk.jpg) no-repeat center; height:549px; margin-top:0px;}
.gs{ width:1180px; margin:auto; overflow:hidden; position:relative;}
.gs h3{ text-align:center; padding-top:30px;}
.gs h3 a{ font-size:30px; color:#333333;}
.gs_xbt{ text-align:center;margin-top:10px; margin-bottom:32px; }
.gs_xbt a{ font-size:16px; color:#999999; text-transform:uppercase; }
.gs_tw{ margin-top:60px; overflow:hidden;}
.gs_t{ width:540px; height:340px; float:left; margin-left:20px; margin-top:2px;}
.gs_t a img{width:540px; height:340px;} 
.gs_w{ width:500px; float:left; margin-left:105px;}
.gs_w1{ margin-top:45px;}
.gs_w1 a{ font-size:20px; color:#444; font-weight:bold;}
.gs_w2{ line-height:30px;font-size:15px; color:#555; overflow:hidden; margin-top:20px; line-height:30px;height:150px;overflow:hidden; height:180px; overflow:hidden;}
.gs_w3{ position:absolute; top:205px; left:1150px; border-radius:50%; width:24px; height:24px; line-height:24px; text-align:center;  background:#f3ce00;}
.gs_w3 a{ font-size:30px; color:#222;} 

/*fc*/
.fc_all{ width:100%; margin-top:-80px;}
.fc{width:1180px; margin:auto; overflow:hidden; padding-top:10px; position:relative; }
.fc_slideTxtBox{ width:1180px; height:300px; overflow:hidden;}
.fc_slideTxtBox .hd{ height:120px; line-height:36px;  position:relative; }
.fc_slideTxtBox .hd ul{ float:left;  position:absolute; margin-left:52%; }
.fc_slideTxtBox .hd ul li{ float:left; width:70px; height:36px; text-align:center; line-height:36px; margin-left:60px; border-radius:4px;  }
.fc_slideTxtBox .hd ul li a{ color:#333; font-size:16px; display:block; width:100%; border-bottom:1px solid #999;}
.fc_slideTxtBox .hd ul li.on{ height:36px;  }
.fc_slideTxtBox .hd ul li.on a{ color:#f3ce00;border-bottom:1px solid #f3ce00; font-weight:bold;}
.fc_slideTxtBox .bd ul{ overflow:hidden; margin-top:-20px;}
.fc_t{ overflow:hidden; height:300px;}
.fc_t li{ width:270px; float:left; margin-left:10px; margin-right:10px; overflow:hidden;}
.fc_t li a img{width:268px; height:163px; border:1px solid #ddd;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.fc_t li a p{ width:100%; height:30px; text-align:center; line-height:30px; font-size:14px; color:#666; margin-top:10px; display:block;}

.fc_t li a img:hover{transform: scale(1.1);
-webkit-transform: scale(1.1)}
.fc_m{ position:absolute; left:1100px; top:40px;}
.fc_m a{ color:#666;}

/*lc*/
.lc_all{ width:100%; background:url(../images/lc_bk.jpg) no-repeat center; height:480px; margin-top:50px;}
.lc{ width:1180px; margin:auto; position:relative;}
.lc h3{ text-align:center; padding-top:5px;}
.lc h3 a{ font-size:30px; color:#333333;}
.lc_xbt{ text-align:center;margin-top:10px; margin-bottom:32px; }
.lc_xbt a{ font-size:16px; color:#999999; text-transform:uppercase; }
.lc_ny{ overflow:hidden;}
.lc_l{ position:absolute; top:50px; left:25px; width:152px;}
.lc_l1{ font-size:24px; color:#222;}
.lc_l2{ font-size:15px; color:#222; line-height:32px; margin-top:70px;}
.lc_l3{ font-size:24px; color:#222; line-height:32px; margin-top:40px; font-family:"times new roman";}
.lc_l4{ width:110px; height:32px; border:1px solid #222; text-align:center; line-height:33px; margin-top:15px; margin-left:0px;}
.lc_l4 a{ font-size:14px; color:#222; display:block; width:100%;}
.cl_r ul li{ width:80px; text-align:center;}
.cl_r ul li img{ display:block; width:80px; height:80px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.cl_r ul li:hover img{transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);}
.cl_r ul li p{ text-align:center; margin-top:10px; font-size:14px; color:#fff;}
.lc_r1{ position:absolute; top:160px; left:328px;}
.lc_r2{ position:absolute; top:160px; left:510px;}
.lc_r3{ position:absolute; top:160px; left:690px;}
.lc_r4{ position:absolute; top:160px; left:868px;}
.lc_r5{ position:absolute; top:160px; left:1040px;}
.lc_r6{ position:absolute; top:330px; left:1040px;}
.lc_r7{ position:absolute; top:330px; left:868px;}
.lc_r8{ position:absolute; top:330px; left:690px;}
.lc_r9{ position:absolute; top:330px; left:510px;}
.lc_r10{ position:absolute; top:330px; left:328px;}

/*kh_all*/
.kh_all{ width:100%; background:url(../images/kh_bk.jpg) no-repeat center; height:615px;}
.kh{ width:1180px; margin:auto;}
.kh h3{ text-align:center; padding-top:50px;}
.kh h3 a{ font-size:30px; color:#333333;}
.kh_xbt{ text-align:center;margin-top:10px; margin-bottom:32px; }
.kh_xbt a{ font-size:16px; color:#999999; text-transform:uppercase; }
.kh ul{ overflow:hidden; margin-top:90px;}
.kh ul li{ width:200px; float:left; margin-left:50px; margin-right:45px;}
.kh_t{ width:130px; height:130px; border-radius:50%; background:#fbeace; overflow:hidden;}
.kh_t a img{ width:122px; height:122px; display:block; margin:auto; padding-top:4px;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.kh_t a img:hover{transform: scale(1.1);
-webkit-transform: scale(1.1);}
.kh_w{ text-align:center; margin-top:18px;}
.kh_w1{ font-size:16px; }
.kh_w1 a{color:#333;}
.kh_w1 span{ width:60px; height:1px; background:#f3ce00; display:block; margin:auto; margin-top:20px;}
.kh_w2{ font-size:13px; line-height:26px; height:78px; overflow:hidden; margin-top:10px; color:#333;}
.kh_w3{ width:70px; height:24px; border-radius:20px; border:1px solid #666; margin-top:10px; line-height:24px;}
.kh_w3 a{ font-size:13px; color:#666;}
.kh_w3:hover{ background:#f3ce00; border:1px solid #f3ce00;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.kh_w3:hover a{ color:#222; }



/*xw*/
.xw_all{ width:100%; margin-top:10px; height:460px;}
.xw{ width:1180px; margin:auto;}
.xw_slideTxtBox{ width:1180px; height:500px; overflow:hidden;}
.xw_slideTxtBox .hd{ position:relative; }
.xw_slideTxtBox .hd ul{  position:absolute; left:35%;}
.xw_slideTxtBox .hd ul li{ width:100px; height:36px; background:#333333; text-align:center; line-height:36px; margin-right:50px; float:left; }
.xw_slideTxtBox .hd ul li a{ font-size:18px; color:#fff; display:block; width:100%;}
.xw_slideTxtBox .hd ul li.on{ background:#f3ce00;}
.xw_slideTxtBox .hd ul li.on a{ color:#fff;}

.xw_slideTxtBox .bd ul{ overflow:hidden; padding-top:70px;}
.xw_l0{ width:350px; float:left; margin-left:20px; margin-right:20px;}
.xw_dtw{ overflow:hidden;}
.xw_dt{ width:350px; height:180px; overflow:hidden;}
.xw_dt a img{ width:350px; height:180px;-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;}
.xw_dt a img:hover{transform: scale(1.1);-webkit-transform: scale(1.1);}
.xw_dw{ width:350px; margin-top:18px;}
.xw_dw1{ font-size:15px; line-height:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xw_dw1 span{ float:left; width:3px; height:15px; background:#f3ce00; margin-right:10px;}
.xw_dw1 a{ color:#333;}
.xw_dw2{ margin-left:15px; margin-top:15px; line-height:24px; height:48px; overflow:hidden; font-size:13px; color:#444;}
.xw_dw3{ margin-top:10px;margin-left:15px;}
.xw_dw3 a{ color:#444; font-size:14px; }
.xw_slideTxtBox .bd ul li{ margin-top:16px; width:350px; overflow:hidden;}
.xw_slideTxtBox .bd ul li a{overflow:hidden; font-size:13px; color:#444;}
.xw_slideTxtBox .bd ul li a b{ float:left; margin-right:10px;}
.xw_slideTxtBox .bd ul li a p{ float:left; width:300px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xw_slideTxtBox .bd ul li a span{ float:right; width:16px; height:16px; background:url(../images/xw_li_bk1.png) no-repeat center;}



































