﻿ @charset "utf-8";
 .silde{width:100%;height:100%;min-height:700px;position:relative;background-image:url(../img/banner1.png);background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}
@media only screen and (max-width:1024px){.silde{background-image:url(../img/banner1.png)}}
.silde_c{text-align:center;width:1200px;height:440px;position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-220px;color:#ffffff}
.silde_c h4{font-size:50px}
.silde_c p{font-size:24px;line-height:32px;margin-top:62px}
.silde_c input{width:300px;height:82px;line-height:82px;outline:none;border:none;border-radius:6px;background-color:#0082c6;opacity:0.8;color:#ffffff;font-size:18px;cursor:pointer;margin-top:172px}
.silde_c input:hover{opacity:0.9;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s}
.item_1,.item_2{width:100%}
.item_c1,.item_c2{width:1200px;margin:0 auto}
.pro_tit{width:100%;vertical-align:middle;height:70px;padding-top:108px;margin-bottom:98px}
.pro_tit i{display:inline-block;width:500px;height:18px;border-top:1px solid #dddddd}
.pro_tit span{display:inline-block;height:70px;padding:0 34px}
.pro_tit span a{font-size:30px;color:#333333;display:block;line-height:42px}
.pro_tit span em{font-size:16px;color:#999999;display:block;line-height:28px;font-family:"Arial";text-align:center}
.pro_c{padding-bottom:74px}
.pro_c ul{width:100%;height:460px}
.pro_c ul li{float:left;border-bottom:2px solid #00aeef;width:286px;height:458px;text-align:center;color: #333;}
.pro_c ul li.current{background-color: #00aeef;color: #fff;}
.pro_c ul li.current span{color: #fff;}
.pro_c ul li+li{margin-left:18px}
.pro_c ul li i{width:86px;height:86px;display:block;margin:0 auto;margin-top:36px;background:url(../img/icon.png) no-repeat;border:none}
.pro_c ul li i.dx{background-position:-24px -16px}
.pro_c ul li i.yy{background-position:-128px -16px}
.pro_c ul li i.dz{background-position:-226px -18px}
.pro_c ul li i.hy{background-position:-334px -18px}
.pro_c h6{font-size:28px;line-height:36px;margin-top:44px}
.pro_c p{font-size:20px;margin-top:60px;line-height:30px}
.pro_c span{color:#999999;font-size:14px;line-height:36px}
.pay_tit{width:100%;height:120px;background-color:#00aeef}
.pay_t_c{width:auto;min-width:1200px;height:120px;margin:0 auto;background:url(../img/paybg.png) no-repeat center center}
.pay_t_c p{line-height:120px;text-align:center;font-size:24px;color:#ffffff;text-indent:36px}
.pay_t_c p span{font-size:36px;color:#ffd850}
.pay_t_c p span.num{padding-left:28px;padding-right:16px}
.pay_t_c p span.text{padding-right:24px}
.pay_c{margin-top:148px;height:579px;width:1220px}
.pay_i{height:579px;width:319px;float:left;background:url(../img/paybg1.png) no-repeat center center;margin-left:-20px;z-index:2;position:relative}
.pay_i_f{margin-left:0px}
.pay_i:nth-of-type(even){background:url(../img/paybg2.png) no-repeat center center;background-size:319px 579px;z-index:1}
.pay_top{width:140px;height:154px;background:url(../img/icon.png) no-repeat -14px -300px;position:absolute;left:84px;top:-72px}
.pay_top p{line-height:144px;text-align:center;color:#ffffff;font-size:50px}
.pay_top p span{font-size:20px}
.pay_cen{text-align:center}
.pay_cen h5{font-size:48px;color:#333333;margin-top:148px;font-weight:400;line-height:56px}
.pay_cen i{display:block;color:#999999;font-size:14px;line-height:22px;font-style:normal}
.pay_cen span{color:#9a9a9a;font-size:24px;line-height:58px;text-decoration:line-through;position:relative}
.pay_cen span:before,.pay_cen span:after{content:'';position:absolute;top:54%;background:#9a9a9a;width:15%;height:2px}
.pay_cen span:before{left:-14%}
.pay_cen span:after{right:-14%}
.pay_cen p{font-size:20px;color:#333333;line-height:26px;margin-top:70px}
.pay_cen p font{color:#18a27e}
.pay_cen input{width:204px;height:36px;margin-top:58px;outline:none;border:1px solid #00aeef;background:transparent;color:#00aeef;cursor:pointer}
.pay_cen input:hover{background-color:#d5eef7;opacity:0.8;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s}
.item_c2 .pay_btn{text-align:center}
.item_c2 .pay_btn input{width:278px;height:60px;line-height:60px;outline:none;border:none;border-radius:1px;background-color:#00aeef;color:#ffffff;font-size:16px;cursor:pointer;margin:0 auto;margin-top:36px;margin-bottom:86px}
.item_c2 .pay_btn input:hover{opacity:0.8;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s}
#helix{stroke-dasharray:2000;stroke-dashoffset:2000}
.helix_s{animation:dash 3s linear forwards;animation-delay:0.2s}
@-webkit-keyframes dash{to{stroke-dashoffset:0}
}@-moz-keyframes dash{to{stroke-dashoffset:0}
}@keyframes dash{to{stroke-dashoffset:0}
}.banner_bg{height:680px;background:url(../img/banner_bg.png) no-repeat center center}
.banner{width:1200px;height:680px;margin:0 auto;position:relative}
.login{position:absolute;left:200px;top:150px;display:inline-block}
.login_box{color:#ffffff;text-align:center;position:relative}
.banner i{display:inline-block;width:96px;height:96px;background:url(../img/icon.png) no-repeat -17px -127px}
.banner p{width:200px;position:absolute;top:100px;left:-53px;font-size:22px}
.banner p span{font-family:myFirstFont;font-size:40px;margin-bottom:18px;display:block}
.l01{left:501px;top:367px}
.l01 i{background-position:-131px -127px}
.l01 p{top:55px;left:-150px}
.l02{left:750px;top:445px}
.l02 i{background-position:-248px -128px}
.l02 p{top:-170px;left:-60px}
.l03{left:930px;top:250px}
.l03 i{background-position:-367px -129px}
.l03 p{top:-150px;left:-55px}
@-webkit-keyframes fadeIn{0%{opacity:0}50%{opacity:0}100%{opacity:1}
}.login_s{-webkit-animation-name:fadeIn;-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-webkit-animation-delay:0s}
.l01{-webkit-animation-duration:2s}
.l02{-webkit-animation-duration:4s}
.l03{-webkit-animation-duration:5s}
.case_c{margin-top:-20px;padding-bottom:44px}
.case_c{margin-left: -40px;}

.iframe{
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 142px;
    width: 100%;
    background-color:rgba(0,174,239,0.7);

    z-index: 1000;
}
.iframe_c{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 142px;
	line-height: 142px;
}
.iframe_c p{
	font-size: 36px;
	color: #ffffff;
	width: 800px;
	font-family: myFirstFont;
	display: inline-block;
	text-indent: 50px;
}
.iframe_c p span{
	margin-left: 30px;
	font-size: 22px;
}
.iframe_c input[type='button']{
	width:212px;height:64px;cursor: pointer;border:none;color:#00aeef;font-size:24px;outline:none;background-color:#ffd850;margin-left: 138px;
}
.iframe_c i{
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	top: 10px;
	right: 0px;
	background:url(../img/icon.png) no-repeat -262px -250px;
	cursor: pointer;

}

/*注册*/
.reg_con{width:100%;height:100%;width:100%;min-width:1200px;min-height:1120px;position:relative}
.reg_c{background-image:url(../img/reg_bg.png);background-repeat:no-repeat;background-position:center center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;width:100%;position:absolute;top:199px;bottom:170px;z-index:10}
.nav_r{height:199px;background-color:#ffffff;width:100%;min-width:1200px}
.nav_r_c{width:1200px;height:199px;margin:0 auto;line-height:199px}
.nav_r_c h1{float:left;width:251px;height:35px;margin:80px 0px 0px 0px;text-indent:-9999px;background:url(../img/logo_02.png) no-repeat;cursor: pointer;}
.reg_c_t{display:table;height:100%;margin:0 auto;width:1200px}
.reg_main{display:table-cell;vertical-align:middle}
.reg_c_l{width:526px;height:650px;float:left}
.reg_c_l h5{margin-top:148px;line-height:56px;font-size:44px;color:#ffffff;font-weight:400}
.reg_c_l p{margin-top:89px;line-height:32px;font-size:22px;color:#ffffff}
.reg_c_r{width:614px;height:650px;float:right;background-color:#ffffff;border-radius:5px}
.reg_c_r h5{font-size:24px;color:#00aeef;line-height:36px;text-align:center;margin-top:42px;margin-bottom:18px}
.reg_text{width:500px;margin:0 auto}
.reg_text input[type='text']{width:478px;height:50px;line-height:50px;font-size:14px;color:#333;padding-left:22px;border:1px solid #eaeaea;margin-top:20px}
.reg_text .yz{height:50px;margin-top:20px}
.reg_text .yz input[type='text']{margin-top:0px;width:340px;float:left}
.reg_text .yz img,.reg_text .yz input[type='button']{float:right;width:124px;height:50px;cursor: pointer;}
.reg_text .yz img{border:1px solid #eaeaea}
.reg_text .yz input[type='button']{cursor:pointer;border:none;color:#888888;font-size:14px;outline:none;background-color:#eaeaea}
.reg_btn{width:500px;height:50px;line-height:50px;outline:none;border:none;border-radius:1px;background-color:#00aeef;color:#ffffff;font-size:18px;cursor:pointer;margin-top:20px}
.reg_btn:hover{opacity:0.8;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-ms-transition:opacity 0.3s;-o-transition:opacity 0.3s}
.reg_text .check{height:22px;line-height:22px;margin-top:10px}
.reg_text .check i{display:inline-block;width:19px;height:19px;border:1px solid #00aeef;cursor:pointer;float:left}
.reg_text .check i.current{background:url(../img/check.png) no-repeat center center}
.reg_text .check a{font-size:14px;color:#00aeef;float:left;cursor:pointer;margin-left:10px}
.foot_r{position:absolute;bottom:0px;left:0px;width:100%;height:170px}
.foot_r p{margin-top:72px;text-align:center;line-height:26px;color:#333333;font-size:14px}