@font-face {
	font-family:'汉仪细中圆简';
	src: url(../style/汉仪细中圆简.ttf);
}
html, body {height:100%;width:100%; }
html, body, h1, h2, h3, h4, h5, h6, div, ul, ol, li, dl, dt, dd, iframe, textarea, input, button, p, strong, b, i, a, span, del, pre, table, tr, th, td, form, fieldset, .pr, .pc { margin: 0; padding: 0; word-wrap: break-word; }
body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, .pr, .pc, em, del { font-style: normal; font-size: 100%; }
ul, ol, dl { list-style: none;}
body{ font-size: 12px; }
a{ text-decoration: none;color: #6e6e6e; }
.clear:after{ clear: both;content: '';display: block;width: 0;height: 0;visibility: hidden; }
img{ border-style: none; }




.join_nav{ width: 100%;height: 54px;background: #2577e3; }
.join_nav ul{ width: 1200px;margin: 0 auto; }
.join_nav li{ height: 54px;line-height: 54px;font-size: 18px;float: left;padding: 0 44px; }
.join_nav .sel{ background: #0d5cc4; }
.join_nav li a{ display: block;width: 100%;height: 100%;color: #fff; }
.join_nav li:hover{ background: #0d5cc4; }
#banner{ width: 100%;height: 587px;font-size: 20px;overflow: hidden; }
#banner li{ width: 100%;height: 587px; }
#banner .banner_img1{ background: url(../images/banner1.png); }
#banner .banner_img2{ background: url(../images/banner1.png); }
#banner .banner_img3{ background: url(../images/banner1.png); }
#banner li img{ width: 100%;height: 587px; }
#banner .prev,#banner .next{ position: absolute;width: 62px;height: 62px;border-radius: 50%;top: 50%;margin-top: 180px;left: 50%; }
#banner .prev{ background: url(../images/j_prev.png) no-repeat;margin-left: -800px; }
#banner .next{ background: url(../images/j_next.png) no-repeat;margin-left: 740px; }
.main{ width: 100%;overflow: hidden;min-width: 1200px; }
.main div,.main p,.main h1,.main h2,.main h3,.main h4,.main h5,.main ul,.main li,.main span,.main font,.main a{ font-family: '汉仪细中圆简'; } 

.main1{ width: 1166px; margin: 0 auto; }
.main_tit1 h3{ font-size: 49px;height: 92px;line-height: 92px;margin-top: 85px;text-align: center;background: url(../images/tit_ico.png) no-repeat center bottom; }
.main_tit1 div{ font-size: 18px;margin-top: 23px;text-align: center; }
.main1 .con{ margin-top: 66px; }
.main1 .con_left{ width: 774px;float: left;font-size: 18px;line-height: 41px;text-indent: 36px; }
.main1 .con_left span{ color: #ff0000; }
.main1 .con_right{ width: 282px;height: 282px;float: right; }

.main2{ margin-top: 116px; }
.main2 h3{ height: 76px;background: url(../images/main_tit1.png) no-repeat center; }
.main2 .con{ height: 515px;background: url(../images/main2.png) center;margin-top: 26px;overflow: hidden; }
.main2_text{ width: 1102px;position: relative;height: 292px;border: 4px solid #fff;margin: 106px auto 0; }
.main2_text div{ text-align: center;box-shadow: 2px 2px 2px #838384;color: #fff;border-radius: 10px; }
.main2_text_d1{ width: 194px;height: 50px;line-height: 50px;font-size: 24px;background: #031e3b;margin: -25px auto 0; }
.main2_text p{ width: 832px;margin: 40px auto 0;line-height: 35px;font-size: 18px;color: #161720; }
.main2_text p span{ color: #ff0101; }
.main2_text_d2{ width: 179px;height: 40px;line-height: 40px;font-size: 18px;margin: 28px auto 0;background: #da0909; }

.main3 .con{ width: 1193px;margin: 0 auto; }
.main3 h3{ height: 133px;background: url(../images/main_tit2.png) no-repeat center;margin-top: 94px;margin-bottom: 74px; }
.main3 .con>ul{ margin-left: -131px; }
.main3 .con>ul>li{ width: 200px;float: left;margin-left: 131px; }
.main3 li div{ width: 180px;height: 180px;font-size: 40px;color: #fff;text-align: center;line-height: 190px;border-radius: 50%; }
.main3 li ul{ margin-top: 10px;overflow: hidden; }
.main3 li li{ text-align: center;margin-top: 18px;font-size: 18px;color: #161616; }
.main3_li2,.main3_li4{ margin-top: 41px; }
.main3 .main3_li1 div{ background: #358ee7;border: 10px solid #b2d4f6; }
.main3 .main3_li2 div{ background: #80d442;border: 10px solid #cfefb7; }
.main3 .main3_li3 div{ background: #e87497;border: 10px solid #f6cad7; }
.main3 .main3_li4 div{ background: #f67b5a;border: 10px solid #fccdc0; }

.main4{ height: 788px;background: url(../images/main3.png) center;margin-top: 110px;overflow: hidden; }
.main4 h3{ height: 132px;background: url(../images/main_tit3.png) no-repeat center;margin-top: 93px; }
.main4 .con{ width: 1139px;margin: 0 auto; }
.main4 .con h4{ height: 119px;line-height: 119px;font-size: 24px;text-align: center;color: #fff; }
.main4_d{ height: 247px;background: url(../images/main4.png) center; }
.main4_b{ width: 260px;height: 60px;border-radius: 10px;background: #ffaf02;font-size: 24px;color: #fff;text-shadow: 0px 0px 8px #951c42;font-weight: 900;text-align: center;line-height: 60px;margin: 56px auto 0; }

.main5 h3{ height: 137px;background: url(../images/main_tit4.png) no-repeat center;margin-top: 68px; }
.main5 .con{ width: 1198px;margin: 0 auto; }
.main5 .con .con1{ height: 473px;background: url(../images/main5_1.png) no-repeat center;margin-top: 105px; }
.main5 .con .con2{ height: 495px;background: url(../images/main5_2.png) no-repeat center; }

.main6{ height: 982px;background: #eefbff;overflow: hidden;margin-top: 64px; }
.main6 h3{ height: 134px;background: url(../images/main_tit5.png) no-repeat center;margin-top: 80px; }
.main6 .con{ width: 1216px;height: 592px;margin: 80px auto 0;background: url(../images/main6.png) no-repeat; }

.main7{ background: url(../images/main7.png) center;height: 638px;overflow: hidden; }
.main h2{ font-weight: normal;text-align: center;margin-top: 68px; }
.main h2 .arrow_ico{ text-align: center;margin-bottom: 32px; }
.main h2 .f1{ font-size: 36px;height: 53px;line-height: 53px; }
.main h2 .f2{ font-size: 18px;height: 30px;line-height: 30px; }
.main h2 div{ width: 82px;height: 5px;margin: 9px auto 0; }
.main7 h2 .f1{ color: #fff;font-weight: bold; }
.main7 h2 .f1 span{ color: #ffd101; }
.main7 h2 .f2{ color: #b9b9b9; }
.main7 h2 div{ background: #bdbdbd; }
.main7 .con{ width: 1200px;margin: 0 auto; }
.main7 .con ul{ margin-top: 79px;margin-left: -18px; }
.main7 .con li{ width: 134px;height: 204px;border-radius: 5px;float: left;text-align: center;margin-left: 18px;transition: all 1s; }
.main7 .con li:hover{ transform: translate(0,-10px); }
.main7 .con li .num{ font-size: 28px;margin-top: 63px;color: #e1f2d5;font-style: italic; }
.main7 .con li .profit{ font-size: 23px;color: #fff;margin-top: 25px; }
.main7 .con .li1{ background: #d15150; }
.main7 .con .li2{ background: #e97745; }
.main7 .con .li3{ background: #e9a343; }
.main7 .con .li4{ background: #8fd153; }
.main7 .con .li5{ background: #50d193; }
.main7 .con .li6{ background: #50bdd1; }
.main7 .con .li7{ background: #5373ff; }
.main7 .con .li8{ background: #002fff; }

.main8{ height: 960px;background: url(../images/main8.png) no-repeat center;overflow: hidden; }
.main8 h2 .f1{ color: #1a5dbd;font-weight: bold; }
.main8 h2 .f1 span{ color: #000; }
.main8 h2 .f2{ color: #9f9f9f; }
.main8 h2 div{ background: #bdbdbd; }
.main8 .con{ width: 1235px;margin: 0 auto; }
.key_ul{ width: 1233px;border: 1px dashed #e5004f;border-radius: 0 20px 0 20px;background: #fff;padding: 18px 0;margin-top: 45px; }
.key_ul li{ width: 219px;height: 119px; border: 1px solid #dcdcdc;overflow: hidden;text-align: center;line-height: 119px;float: left;margin-left: 21px; }
.key_ul li img{ max-width: 219px;max-height: 119px;display: inline-block;vertical-align: middle; }
.brands_ul{ width: 1233px;margin: 10px auto 0; }
.brands_ul li{ float: left;width: 219px;height: 119px; border: 1px solid #dcdcdc;overflow: hidden;text-align: center;line-height: 119px;margin-left: 21px;background: #fff;margin-top: 25px; }
.brands_ul li img{ max-width: 219px;max-height: 119px;display: inline-block;vertical-align: middle; }
.brands_btn{ display: block;width: 264px;height: 57px; border: none;background: #2253ee;color: #fff;font-size: 18px;margin: 68px auto 0; }

.main9{ height: 1625px;background: url(../images/main9.png) center;overflow: hidden; }
.main9 h3{ height: 132px;background: url(../images/main_tit6.png) no-repeat center;margin-top: 80px; }
.main_tit{ font-size: 24px;color: #fff;text-align: center;margin-top: 24px;margin-bottom: 66px; }
.main9 .con{ width: 1450px;height: 1209px;background: url(../images/con9_con.png) center;margin: 0 auto; }

.main10{ height: 912px;background: url(../images/main10.png) no-repeat center;overflow: hidden; }
.main10 h3{ height: 134px;background: url(../images/main_tit7.png) no-repeat center;margin-top: 103px; }
.main10 .con{ width: 1072px;margin: 60px auto 0; }

.main10_con{ height: 370px;background: url(../images/main10_con.png) center; }
.main10 .con ul{ margin-left: -30px; }
.main10 .con li{ width: 213px;float: left;margin-left: 30px;text-align: center;font-size: 30px;line-height: 78px; }
.con_t2{ padding-left: 122px; }

.main11{ height: 945px;background: url(../images/main11.png) no-repeat center;overflow: hidden; }
.main11 h3{ margin-top: 111px;text-align: center; }
.main11 h3 .t1{ font-size: 44px;color: #fff;line-height: 76px; }
.main11 h3 .t2{ font-size: 36px;color: #fcff00;line-height: 49px;margin-top: 10px; }
.main11 h3 .t3{ font-size: 14px;color: #cfe0f5;line-height: 30px; }
.main11 h3 div{ height: 6px;background: url(../images/main11_tit.png) no-repeat center; }
.main11 .con{ width: 1200px;margin: 69px auto 0; }
.main11 ul{ margin-left: -75px; }
.main11 .con li{ width: 350px;float: left;margin-left: 75px;position: relative;height: 470px; }
.main11 .con li .r1{ width: 210px;height: 210px;border-radius: 50%;top: 0;left: 50%;margin-left: -105px; }
.main11 .con li .r2{ width: 100%;height: 320px;background: #e87497;bottom: 0; }
.main11 .con li div{ position: absolute;color: #fff; }
.main11 .con li .t1{ font-size: 48px;opacity: 0.9;filter: alpha(opacity=90);text-align: center;width: 100%;top: 68px; }
.main11 .con li .t2{ width: 100%;text-align: center;font-size: 33px;text-shadow: 0px 0px 3px #000;top: 130px;font-weight: bold; }
.main11 .con li .t3{ width: 100%;font-size: 22px;text-align: center;line-height: 36px;top: 220px;text-shadow: 0px 0px 3px #000; }
.main11 .con .con_li1 .r1{ background: #e87497; }
.main11 .con .con_li1 .r2{ background: #e87497; }
.main11 .con .con_li2 .r1{ background: #80d442; }
.main11 .con .con_li2 .r2{ background: #80d442; }
.main11 .con .con_li3 .r1{ background: #f67b5a; }
.main11 .con .con_li3 .r2{ background: #f67b5a; }

.main12{ height: 872px;background: url(../images/main12.png) center; }

.main13{ height: 800px;background: url(../images/main13.png) center;overflow: hidden; }
.main13 .con{ width: 1200px;margin: 0 auto;text-align: center; }
.main13 .con span{ color: #0159bd; }
.main13 .con .f1{ margin-top: 120px; }
.main13 .con .f2{ font-size: 48px;line-height: 78px; }
.main13 .con .f3{ font-size: 24px;line-height: 94px; }
.main13 .con .f3 span{ font-size: 36px; }
.main13 .con .f4{ font-size: 38px;line-height: 107px; }
.main13 .con .f5{ font-size: 55px;line-height: 121px;letter-spacing: 7px; }
.main13 .con .join_btn{ display: block;width: 345px;height: 66px;font-size: 36px;color: #fff;background: url(../images/join_btn.png) no-repeat 252px center #0158bc;border: none;box-shadow: 0 0 10px #000;margin: 24px auto 0;transition: all 0.1s;line-height: 66px; }
.main13 .con .join_btn:hover{ transform: scale(1.4); }