@charset "gb2312";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; } 
img{display: block;}
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0;}
 select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
table { border-collapse:collapse; }
body {font-size:12px; color:#333;background:#8cd4e1;}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
a { color:#333; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
body,html{overflow-x:hidden;}
.fl{ float:left; position:relative;}.fr{ float:right;position: relative;z-index: 1;}
/*banner*/
.cuxiao{width: 1920px;position:relative;left: 50%;margin-left: -960px;top:0;}
.cuxiao .pro_rel{ display:block; height:200px; position:relative;}

		 		
a.com_a{position:absolute; display:block; background:#fff;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; z-index:2; height: 600px; width: 1000px;}
a.com_t{position:absolute; display:block; background:#fff;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; z-index:2; height: 360px; width: 400px;}
a.com_s{position:absolute; display:block; background:#fff;filter:alpha(opacity=0); -moz-opacity:0.0; opacity: 0.0; z-index:2; height: 85px; width: 215px;}

.main_b{background:url(../images/p1_b.jpg) repeat;}
.p1_bg{background:url(../images/part1_bg.png) no-repeat center bottom; height:875px; width:100%;}


/*ͼƬÇл»*/
.sdxt{ width:400px; margin:0 auto; padding-top:40px;}.sdxt img{ display:block; margin:0 auto;}
.qq{ width:1300px; height:720px;overflow:hidden;  position:relative; z-index:10; margin:0 auto; padding-top:35px;}
.pro_bg{ width:910px; height:624px;background:url(../images/pro_bg.png) no-repeat; padding-top:60px; padding-left:60px;}
.p_w{ width:748px; height:517px; overflow:hidden; position:relative;}
.p_w li{ float:left; width:748px; height:517px; position:relative; z-index:16;}
.gh{ position:absolute;}

.s_gg{ position:absolute; top:105px;width:54px; z-index:60; right:45px;}
.s_gg li{ width:34px; padding:10px; padding-top:40px; height:95px; text-align:center; margin-bottom:50px; font-family:'΢ÈíÑźÚ'; font-size:24px; line-height:25px; cursor:pointer;background:url(../images/lish.png) no-repeat;}
.s_gg li.on{background:url(../images/lish_on.png) no-repeat;}

.wz_bg{background:url(../images/pic_bg.png) no-repeat right ; height:626px; width:300px;  position:absolute; top:55px; right:70px;}
.wz_bg li{ width:227px; height:160px; text-align:center; margin-top:38px; cursor:pointer; }

.part1{ background:url(../images/b_l.png) no-repeat left bottom ; height: 687px; }
.part2{ background:url(../images/b_r.png) no-repeat right bottom ; height: 705px; overflow: hidden;}
.con_box{ width:1250px; margin:0 auto; position:relative;left:50%; margin-left:-625px; padding-top:40px; }
.p_bg{ width:707px; height:480px;background:url(../images/p_bg.png) no-repeat left bottom ; padding-left:50px; padding-top:70px;}
.p_bg1{background:url(../images/p_bg1.png) no-repeat left bottom ; padding-left:100px;width:657px;}
.pro{ position:relative;width:602px; height:416px;}
.pro_oh{width:602px; height:416px; overflow:hidden; position:relative;}
.pro ul {position:absolute; z-index:15;}
.pro ul li{ float:left; width:602px; height:416px; position:relative; z-index:16;}
.keyBox{ position:absolute; top:500px; left:-30px; width:800px;}
.keyBox i{ display:inline-block; font-size:24px; padding-right:30px; height:36px; line-height:36px; width:190px; font-style:normal; color:#fff; text-align:center;background:url(../images/t_bg.png) no-repeat right bottom ; cursor:pointer; font-family:'΢ÈíÑźÚ';}
.keyBox i.on{ background-position: left center; color:#ffef00; }

.t_box{ padding-bottom:50px;}.t_box img{ display:block; margin:0 auto;}
.pl_box{ width:460px;}
.pl_box li{ position:relative; display:none; z-index:3;}
.pl_box li.show{ display:block;}
.pl_box img{ display:block; margin:0 auto;}

.dot_sma{
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	-o-transform-origin:center center;
	transform-origin:center center;
	-webkit-animation:bss .8s ease-in-out infinite alternate;
	-moz-animation:bss .8s ease-in-out infinite alternate;
	-ms-animation:bss .8s ease-in-out infinite alternate;
	-o-animation:bss .8s ease-in-out infinite alternate;
	animation:bss .8s ease-in-out infinite alternate;
}
@-ms-keyframes bss{
%0{-ms-transform:scale(1)}
50%{-ms-transform:scale(0.6)}
100%{-ms-transform:scale(1)}
}
@-webkit-keyframes bss{
%0{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(0.6)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bss{
%0{-moz-transform:scale(1)}
50%{-moz-transform:scale(0.6)}
100%{-moz-transform:scale(1)}
}
@-o-keyframes bss{
%0{-o-transform:scale(1)}
50%{-o-transform:scale(0.6)}
100%{-o-transform:scale(1)}
}
@keyframes bss{
%0{transform:scale(1)}
50%{transform:scale(0.6)}
100%{transform:scale(1)}
}
.dt_div{position:absolute; width:29px; height:29px;  cursor:pointer; }
.dt_div1{top: 80px; left: 320px;}
.dt_div2{top: 263px; left: 120px;}
.dt_div3{top: 130px; left: 240px;}
.dt_div4{top: 265px; left: 148px;}
.dt_div5{top: 80px; left: 320px;}
.dt_div6{top: 278px; left: 120px;}
.dt_div7{top: 30px; left: 202px;}
.dt_div8{top: 355px; left: 283px;}
.dt_div9{top: 82px; left: 161px;}
.dt_div10{top: 370px; left: 294px;}
.dt_div11{top: 113px; left: 180px;}
.dt_div12{top: 290px; left: 357px;}
.dt_div13{top: 400px; left: 70px;}
.dt_div14{top: 85px; left: 310px;}
.dt_div15{top: 275px; left: 122px;}
.dt_div16{top: 87px; left: 330px;}
.dt_div17{top: 331px; left: 130px;}
.dt_div18{top: 258px; left: 120px;}
.dt_div19{top: 110px; left: 360px;}
.dt_div20{top: 263px; left: 120px;}




.z_bg{background:url(../images/n_bg.png) repeat; padding:5px 10px; line-height:23px; color:#4f4f4f; width:160px;position:absolute; display:none; border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;-ms-border-radius: 5px;}
.h_on{ display:block;}
.z_t1{ top:40px; left: 100px;}
.z_t2{ top: 254px; left: 220px;}
.z_t3{ top: 56px; left: 43px;}
.z_t4{ top: 300px; left: 170px;}
.z_t5{ top: 76px; left: 100px;}
.z_t6{ top: 254px; left: 220px;}
.z_t7{ top: 85px; left: 205px;}
.z_t8{ top: 305px; left: 30px;}
.z_t9{ top: 60px; left: 211px;}
.z_t10{ top: 310px; left: 35px;}
.z_t11{ top: 30px; left: 220px;}
.z_t12{ top: 210px; left: 286px;}
.z_t13{ top: 320px; left: 22px;}
.z_t14{ top: 86px; left: 67px;}
.z_t15{ top: 288px; left: 196px;}
.z_t16{ top: 363px; left: 294px;}
.z_t17{ top: 67px; left: 100px;}
.z_t18{ top: 356px; left: 204px;}
.z_t19{ top: 91px; left: 100px;}
.z_t20{ top: 254px; left: 220px;}

.con_box1{ width:1216px; margin:0 auto; position:relative; padding-top:40px; left:50%; margin-left:-608px;}
.x_div{ background:#8cd4e1; padding:0 0 40px 0;}
.x_div li{ float:left; margin:0 20px; position:relative;}
.x_div li span{ width:100%; height:40px; line-height:40px; text-align:center; font-family:'΢ÈíÑźÚ'; color:#007fe8; font-size:18px;background:url(../images/n_bg.png) repeat; display:block; position:absolute; bottom:0; left:0; }

.title04{ width:461px; margin:0 auto; padding:40px;}
.dail_b{width:1250px; margin:0 auto; position:relative;left:50%; margin-left:-625px; padding-bottom:60px;}
.dail_b li{ position:relative; float:left; margin:13px;}
.dail_b li span{ width:100%; height:40px; line-height:40px; text-align:center; font-family:'΢ÈíÑźÚ'; color:#007fe8; font-size:18px;background:url(../images/n_bg.png) repeat; display:block; position:absolute; bottom:0; left:0; }


.bm_an{ width:256px; height:50px; position:absolute; top: -25px; left: 1077px; cursor:pointer}
.dian{background:url(../images/dian.png) repeat; width:111px; height:103px; position:absolute; }