@charset "utf-8";

/* CSS Document */

body, html, main {height: 100%;}

body{margin:0 auto; padding:0; font-size:12px; color:#333; background:#FFF; overflow-x:hidden; min-width:1200px;}

body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"\5FAE\8F6F\96C5\9ED1"}



ul,li{ list-style-type:none;}

select,input,img{ vertical-align:top;}

a img{ border:0;}

em,i{ font-style:normal;}

textarea{ resize:none;}

a{ color:#808080; text-decoration:none;}

a:hover { color:#808080; text-decoration:underline;}

.clearfix:before,.clearfix:after{ content:"";display:table;}

.clearfix:after{ clear:both;}

.clearfix{*zoom:1;/*IE/7/6*/}





.banner{ width:100%; height:auto; overflow:hidden; position:relative; margin:0 auto;}

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

.banner .bd li{ zoom:1; vertical-align:middle; }

.banner .bd img{ width:100%; height:auto; display:block;}

.banner .prev,

.banner .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;}

.banner .next{ left:auto; right:3%; background-position:8px 5px;}

.banner .prev:hover,

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

.banner .prevStop{ display:none;}

.banner .nextStop{ display:none;}



.hbox1{ width:1200px; height:940px; position:relative; overflow:hidden; margin:0 auto;}

.hbox1_dw{ width:600px; height:400px; overflow:hidden; position:absolute; left:0; top:200px;}

.hbox1_dw h1{ font-size:60px; margin:0 0 40px 0;}

.hbox1_dw p{ font-size:18px; line-height:40px;}

.hbox1_ico{ width:575px; height:760px; overflow:hidden; position:absolute; right:0; top:0;}

.hbox1_xx{ width:760px; overflow:hidden; position:absolute; left:210px; bottom:40px;}

.hbox1_xx p{ font-size:18px; height:36px; line-height:36px; overflow:hidden;}

.hbox1_xx p img{ margin:0 10px 0 0;}



.h_an{ width:300px; height:60px; line-height:60px; color:#fff; text-align:center; font-size:24px; border-radius:50px; overflow:hidden; background:linear-gradient(to right,#ffa900,#ff8c02);  -webkit-box-shadow:0 0 30px rgba(0,0,0,0.1); display:block; margin:0 auto;}

.h_an:hover{ color:#fff; background:linear-gradient(to right,#ff8c02,#ffa900); text-decoration:none;}



.hbox2{ width:100%; height:610px; position:relative; background:url(../images/lm2_bg.jpg) center no-repeat; overflow:hidden; margin:60px 0 0 0;}

.hbox2 h1{ width:1200px; font-size:60px; text-align:center; color:#fff; margin:60px auto 0 auto; overflow:hidden;}

.hbox2_con{ width:1200px; margin:50px auto 70px auto;}

.hbox2_con ul{ width:1270px;}

.hbox2_con li{ width:320px; height:200px; border-radius:40px; border:10px solid rgba(255,255,255,0.5); -webkit-box-shadow:0 0 40px rgba(0,0,0,0.1); margin:0 70px 0 0; float:left;}

.hbox2_con li .hbg{ width:320px; height:200px; border-radius:30px; background:#fff;}

.hbox2_con li .hbg .box2_tu{ float:left; overflow:hidden; margin:35px 20px 0 40px;}

.hbox2_con li .hbg .box2_dw{ width:180px; font-size:18px; line-height:36px; margin:30px 0 0 0; float:left; overflow:hidden;}



.hbox3{ width:100%; overflow:hidden;}

.hbox3 h1{ width:1200px; font-size:60px; text-align:center; color:#000; margin:60px auto 0 auto; overflow:hidden;}

.hbox3_con{ width:1200px; margin:0 auto;}

.hbox3_con .hd{ text-align:center; margin:40px 0 0 0;}

.hbox3_con .hd li{ display:inline-block; text-align:center; height:60px; line-height:60px; cursor:pointer; padding:0 40px; margin:0 10px; overflow:hidden; font-size:20px; color:#000; background:#fff; border-radius:10px; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);}

.hbox3_con .hd li.on{ height:60px; line-height:58px; overflow:hidden; background:linear-gradient(to right,#57bdff,#5c90f6); color:#fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1);}

.hbox3_con .bd{ width:1200px; border-radius:40px; -webkit-box-shadow:0 0 40px rgba(0,0,0,0.1); margin:40px 0 50px 0; padding:0 0 40px 0; text-align:center;}

.hbox3_con .bd h2{ height:100px; line-height:100px; font-size:18px; text-align:center;}

.hbox3_con .bd li{ width:250px; margin:0 20px; text-align:center; display:inline-block;}

.hbox3_con .bd li .hbox3_tu{ width:250px; height:448px; -webkit-box-shadow:0 0 30px rgba(0,0,0,0.1);}

.hbox3_con .bd li span{ font-size:18px; height:50px; line-height:50px; background:linear-gradient(to right,#57bdff,#5c90f6); color:#fff; border-radius:0 0 10px 10px; display:block;}



.hbox4{ width:100%; height:1200px; position:relative; background:url(../images/lm4_bg.jpg) center no-repeat; overflow:hidden; margin:60px 0 0 0;}

.hbox4 h1{ width:1200px; font-size:60px; text-align:center; color:#fff; margin:60px auto 0 auto; overflow:hidden;}

.hbox4_dw{ width:1200px; overflow:hidden; margin:40px auto 50px auto;}

.hbox4_dw p{ color:#fff; font-size:18px; line-height:40px; overflow:hidden;}

.hbox4_dw p span{ color:#ffd202; font-weight:bold; font-size:20px;}

.hbox4_con{ width:1200px; margin:0 auto;}

.hbox4_con .bd{ width:1200px; padding:0 0 50px 0;}

.hbox4_con .bd ul{ width:1220px;}

.hbox4_con .bd li{ width:320px; height:550px; margin:0 40px; -webkit-box-shadow:0 0 50px rgba(0,0,0,0.3); float:left;}

.hbox4_con .bd li img{ width:320px; height:550px;}

.hbox4_con .bd h2{ width:1200px; color:#fff; font-size:20px; text-align:center; float:left; margin:40px 0 0 0; display:block; overflow:hidden;}



.hbox5{width:100%;/* margin:0 0 50px 0; */}

.hbox5 h1{ width:1200px; font-size:60px; text-align:center; color:#000; margin:60px auto 0 auto; overflow:hidden;}

.hbox5 h2{ font-size:20px; text-align:center; color:#000; font-weight:normal; line-height:48px; overflow:hidden;}

.lxbox{ width:1200px; margin:0 auto;}

.lxcon{padding:0 10px 20px 10px;background:#fff;border-radius:30px 30px 0 0;padding:30px 0 20px 0;-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.3);margin: 30px 0 55px 0;}

.lxcon .dan1{ width:575px; height:58px; line-height:58px; color:#808080; font-size:18px; background:#f8f8f8; padding:0 0 0 15px; display:block; border:1px solid #e5e5e5; margin:30px auto 0 auto;}

.lxcon .dan3{ width:400px; height:60px; line-height:60px; color:#fff; font-size:24px; border:0; background: linear-gradient(to right,#ff8c02,#ffa900); cursor:pointer; border-radius:50px; display:block; margin:30px auto 10px auto;}



.foot{ width:100%; position:fixed; bottom:0; z-index:3; overflow:hidden;}

.ftl{ width:50%; height:10px; background:#e10601; float:left; overflow:hidden;}

.ftr{ width:50%; height:10px; background:#2319dc; float:left; overflow:hidden;}

.foot_db{ width:100%; height:40px; line-height:40px; text-align:center; color:#686868; background:#231815; overflow:hidden;}

.foot_db a{ color:#686868;}