@charset "utf-8";
/* CSS Document */
body *{ font-family: "微软雅黑", "Microsoft YaHei","weiruanyahei",Tahoma,SimSun}
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0}
*:before,
*:after{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{ font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust: 100%;}
input,button,textarea,select{ border:1px solid #ddd; background:none; outline:none; transition-duration:0.2s;}
input:focus,textarea:focus{ border:1px solid #0081ff}
/*去除自动填充黄色背景*/
input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill{ 
	-webkit-box-shadow: 0 0 0 1000px white inset; 
}
select{ /*appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;*/
}
::-webkit-input-placeholder{ color:#666;}
:-moz-placeholder { color:#666;}
::-moz-placeholder { color:#666;}
:-ms-input-placeholder { color:#666;}
ul,li{ list-style:none; float:left}
body{ font-family: "微软雅黑" "PingFang"; font-size:14px; color:#333333; background:#fff}
a{ color:#2e2e2e; text-decoration:none; transition-duration:0.2s}
a:hover{ text-decoration:none; color:#eb5e1a}
img{ border:none; float:left; box-sizing: inherit;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;}
.fl{ float:left}
.fr{ float:right}
.w1200{ width:1200px; margin:auto; clear:both; padding:0 10px}
em,i{ font-style:normal}
.center{ 
	float:left; 
	width:100%; 
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; 
	overflow:hidden;
}
.yinying{ -moz-box-shadow:0px 0px 20px #c9edfd; -webkit-box-shadow:0px 0px 30px #c9edfd; box-shadow:0px 0px 20px #c9edfd;}
/*底部*/
.footer{ width:100%; background:/*url(../images/footbg.jpg) no-repeat*/#333337; color:#fff;}
.footer .w1200{ height:367px}
.footer .box{ float:left; width:800px; margin-left:50px; margin-top:60px;}
.footer .box .bar{ float:left; width:100%; font-size:16px; color:#fff; margin-bottom:10px;}
.footer .box p{ float:left; width:380px; margin-top:20px;}
.footer .box p img{ float:left; width:30px;}
.footer .box p span{ float:left; line-height:30px; margin-left:10px;}
.footer .box3{ float:right; width:280px; margin-left:0}
.footer .box3 img.ewm{ width:104px; margin-top:10px;}
.footer .box3 .fl{ margin-left:20px; width:100px;}
.footer .box3 a{ float:left; width:100%; margin-right:20px; margin-bottom:15px; margin-top:10px}
.footer .box3 a.a2{ margin-top:14px;}
.footer .copy{ float:left; width:100%; clear:both; text-align:center; margin-top:20px; padding-top:20px;font-size:13px; line-height:25px; border-top:1px solid #616161}
.footer .copy a{ color:#FFF}

.banner{ float:left; width:100%; /*height:927px; background:url(../images/banner.jpg) no-repeat top;*/ /*background-size:100%*/}


.topBox{ width:100%; height:80px; z-index:1000; background:#fff; position:fixed;  border-bottom:1px solid #eee; left:0; top:0; }
.topBox .top{ float:left; width:100%;}
.topBox .top .logo{ float:left;}
.topBox .top .logo img{ height:30px;  margin-top:25px}
.topBox .top .logo p{ float:left; font-size:22px; line-height:80px; margin-left:10px;}
.topBox .top .nav{ float:right; height:80px; line-height:80px}
.topBox .top .nav a{ float:left; margin-left:60px; color:#666;}
.topBox .top .nav a:hover,
.topBox .top .nav a.active{ color:#2589ff} 

.header{ background:url(../images/banner.jpg) no-repeat center top; width:100%; height:550px; margin-top:80px;}
.header .top2{ float:left; width:100%; margin-top:40px;}
.header .top2 .left{ width:780px; color:#fff; margin-top:70px;}
.header .top2 .left p.p{ float:left; width:100%; font-size:55px; letter-spacing:11px; font-weight:bold}
.header .top2 .left span.span{ float:left; width:100%; font-size:22px; letter-spacing:5px; margin-top:30px; line-height:35px;}
.header .top2 .left .item{ float:left; width:100%; margin-top:50px;}
.header .top2 .left .item p{ float:left; width:100px; margin-bottom:20px}
.header .top2 .left .item p:last-child{ margin-bottom:0}
.header .top2 .left .item p img{ width:50px; height:50px; margin-left:25px}
.header .top2 .left .item p span{ clear:both; float:left; width:100%; font-size:16px; color:#FFF; line-height:60px; text-align:center}

.header .top2 .right{ background:url(/chservice/images/loginbg.png) no-repeat; width:398px; height:372px; margin-top:45px;}
.header .top2 .right .loginBox2{ float:left; width:380px; height:354px; overflow:hidden; margin:9px 0 0 9px; padding:0 30px; position:relative;}
.header .top2 .right .loginBox2 .pcimg,.loginBox2 .ewmimg{ position:absolute; right:0; top:0; cursor:pointer;}
.header .top2 .right .loginBox2 .ewmimg{ display:none}
.header .top2 .right .loginBox2 .loginBar{ float:left; width:100%; border-bottom:1px solid #ccc; color:#666; font-size:16px; line-height:50px; margin-top:10px; letter-spacing:1px}
.header .top2 .right .loginBox2 .ewmLogin{ float:left; width:180px; margin-top:25px; margin-left:70px;}
.header .top2 .right .loginBox2 .ewmLogin .ewm{ float:left; width:180px; height:180px; background:#FFF; padding:10px; overflow:hidden}
.header .top2 .right .loginBox2 .ewmLogin .ewm img{ width:160px; height:160px;}
.header .top2 .right .loginBox2 .ewmLogin .info{ float:left; width:100%; text-align:center; color:#666; font-size:14px; margin-top:10px; line-height:25px;}
.header .top2 .right .loginBox2 .bindForm{ float:left; width:280px; margin-left:20px; margin-top:40px; display:none}
.header .top2 .right .loginBox2 .bindForm .form{ float:left; width:100%; margin-bottom:30px;}
.header .top2 .right .loginBox2 .bindForm .form span{ float:left; width:100%; font-size:16px; text-indent:10px; margin-bottom:10px;}
.header .top2 .right .loginBox2 .bindForm .form input{ float:left; border:none; border:1px solid #ccc; border-radius:5px; height:45px; line-height:45px; padding:0 15px; font-size:14px;}
.header .top2 .right .loginBox2 .bindForm .form .i-box{ width:100%}
.header .top2 .right .loginBox2 .bindForm .form .bindBtn{ width:100%; background:#007fe1; color:#fff; border:none; text-align:center; margin-top:10px; cursor:pointer; letter-spacing:2px; font-size:16px}
.header .top2 .right .loginBox2 .bindForm .form .closeBind{ float:left; width:100%;  margin-top:20px; text-align:right}
.header .top2 .right .loginBox2 .ewmLoginSuccess{ float:left; width:200px; margin-top:20px; margin-left:60px; display:none}
.header .top2 .right .loginBox2 .ewmLoginSuccess .img{ float:left; width:150px; margin-left:25px;}
.header .top2 .right .loginBox2 .ewmLoginSuccess .img img{ width:150px;}
.header .top2 .right .loginBox2 .ewmLoginSuccess .info{ float:left; width:100%; text-align:center; margin-top:10px;}
.header .top2 .right .loginBox2 .ewmLoginSuccess .info2{ float:left; width:100%; text-align:center; font-size:16px; margin-top:15px;}
.header .top2 .right .loginBox2 .ewmLoginSuccess a{ float:left; width:100%; color:#007fe1; text-align:center; margin-top:15px;}




.combar{ float:left; width:100%; text-align:center; margin-top:100px; width:400px; margin-left:400px;}
.combar p{float:left; width:100%; font-size:27px; letter-spacing:5px; position:relative}
.combar p em{ background:#FFF; height:40px; z-index:100; padding:0 20px;}
.combar p i{ position:absolute; left:0; top:50%; margin-top:-0.5px; width:100%; height:1px; background:#e0e0e0; z-index:10}
.combar span{ float:left; width:100%; color:#999999; font-size:16px; letter-spacing:10px; margin-top:10px;}
.combar2 p i{ background:none}
.combar2 p em,
.combar2 span{ color:#fff}
.combar2 p em{ background:none}

.combar3 p i{ background:#333}
.combar3 p em{ color:#333}
.combar3 span{ color:#999}
.combar3 p em{ background:#f2f6ff}

.mainBox .itemBox{ float:left; width:1200px; padding:60px 0 100px 0;}
.mainBox .itemBox dl{ float:left; background:#FFF; width:281px; height:350px; border-radius:5px; moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; margin-right:25px;}
.mainBox .itemBox dl:last-child{ float:right; margin-right:0;}
.mainBox .itemBox dl dt{ float:left; width:100%; margin-top:60px;}
.mainBox .itemBox dl dt img{ width:120px}
.mainBox .itemBox dl dd{ float:left; width:100%; padding:0 20px; text-align:center; margin-top:20px}
.mainBox .itemBox dl dd p{ float:left; width:100%; color:#282b31; font-size:18px;}
.mainBox .itemBox dl dd span{ float:left; width:100%; color:#999; line-height:25px; margin-top:20px;}

.mainBox2{ width:100%; background:url(../images/bg.jpg) no-repeat; height:635px;}
.mainBox2 .info{ float:left; width:1000px; margin-left:100px; text-align:center; color:#fff; font-size:22px; line-height:55px; margin-top:100px;}

.mainBox3{ width:100%; background:url(../images/bg2.jpg) bottom no-repeat; padding-top:100px}
.mainBox3 .left{ float:left; width:495px;}
.mainBox3 .right{ float:right; width:650px; margin-top:100px;}
.mainBox3 .right .bar{ float:left; width:100%; text-align:center}
.mainBox3 .right .bar p{ float:left; width:100%; font-size:20px}
.mainBox3 .right .bar span{ float:left; width:40px; height:8px; background:#666666; border-radius:50px; margin-left:305px; margin-top:10px;}
.mainBox3 .right .info{ float:left; width:400px; text-align:center; font-size:16px; margin-top:20px; line-height:25px; margin-left:125px}
.mainBox3 .right .appewm{ float:left; width:400px; margin-left:125px; margin-top:30px;}
.mainBox3 .right .appewm .img{ width:150px;}
.mainBox3 .right .appewm .img2{ float:right; width:220px; margin-bottom:10px;}
.mainBox3 .right .list{ float:left; width:100%; margin-top:50px;}
.mainBox3 .right .list p{ float:left; width: 81px; margin-right:32.5px;}
.mainBox3 .right .list p:last-child{ float:right; margin-right:0}
.mainBox3 .right .list p img{}
.mainBox3 .right .list p span{ float:left; width:100%; text-align:center; color:#666; margin-top:10px; font-size:18px;}
.mainBox3 .right .list2{ margin-top:200px;}
.mainBox3 .right .list2 p{margin-right:61.2px;}
.mainBox3 .right .list2 p span{ color:#fff}

.mainBox4 .itemBox{ float:left; width:100%; background:url(../images/bg3.png) no-repeat; height:760px; margin:80px 0 0 0}
.mainBox4 .itemBox dl{ float:right; clear:both; width:400px; margin-bottom:54px;}
.mainBox4 .itemBox dl dt{ float:left; width:90px;}
.mainBox4 .itemBox dl dd{ float:right; width:300px;}
.mainBox4 .itemBox dl dd p{ float:left; color:#3d85ff; font-size:20px; margin-top:10px;}
.mainBox4 .itemBox dl dd span{ clear:both; float:left; font-size:15px; color:#999; margin-top:10px;}
.mainBox4 .itemBox dl.dl{ margin-right:200px;}
.mainBox4 .itemBox dl.dl2{ margin-right:110px;}
.mainBox4 .itemBox dl.dl3{ margin-right:70px;}
.mainBox4 .itemBox dl.dl4{ margin-right:110px;}
.mainBox4 .itemBox dl.dl5{ margin-right:200px;}

.mainBox5{ background:#f2f6ff; padding-bottom:100px;}
.mainBox5 .itemBox{	 float:left; width:100%; background:url(../images/bg4.png) right center no-repeat; margin-top:60px;}
.mainBox5 .inputBox{ float:left; width:470px; height:620px; background:#fff; border-radius:5px; padding:20px 30px;}
.mainBox5 .inputBox .bar{ float:left; width:100%; font-size:20px; color:#666; margin-bottom:10px;}
.mainBox5 .inputBox .input{ float:left; width:100%; border-bottom:1px solid #ddd; padding:6px 0}
.mainBox5 .inputBox .input img{ width:20px; margin-top:10px}
.mainBox5 .inputBox .input .i-box{ float:left; width:300px; height:40px; line-height:40px; padding:10px 0; margin-left:20px; border:none; font-size:15px;}
.mainBox5 .inputBox .input .combtn{ float:right; line-height:40px; background:none; border:none; cursor:pointer}
.mainBox5 .inputBox textarea{ float:left; width:100%; margin-top:10px; height:80px; padding:10px;}
.mainBox5 .inputBox .tijiaoBtn{ float:left; width:150px; height:50px; color:#fff; margin-top:30px; border:none; background:#3f7cf8; border-radius:8px; text-align:center; line-height:50px; font-size:16px; cursor:pointer}

.mainBox6{ padding-bottom:100px}
.mainBox6 .itemBox{ float:left; width:100%; margin-top:50px;}
.mainBox6 .itemBox .about{ float:left; width:500px;}
.mainBox6 .itemBox .about p{ float:left; width:100%; font-size:22px;}
.mainBox6 .itemBox .about span{ float:left; width:100%; font-size:15px; color:#666; line-height:40px; margin-top:20px;}
.mainBox6 .itemBox .about em{ float:left; width:100%; background:#3f7cf8; font-size:25px; text-align:center; color:#fff; letter-spacing:5px; line-height:50px; margin-top:30px;}
.mainBox6 .itemBox .right{ float:right; width:640px; height:400px; position:relative;}
.mainBox6 .itemBox .right img{ width:330px; position:absolute; left:0; top:0; z-index:200; border-radius:6px;}
.mainBox6 .itemBox .right img.img{ left:inherit; top:inherit; right:0; bottom:0; z-index:100}

.mainBox7{ padding:50px 0;}
.mainBox7 .bar{ float:left; width:100%; text-align:center; position:relative}
.mainBox7 .bar p{ float:left; width:100%; font-weight:bold; font-size:30px; color:#012065}
.mainBox7 .bar span{ float:left; width:100%; font-size:20px; color:#012065; margin-top:20px;}
.mainBox7 .bar a{ position:absolute; right:20px; top:50%; margin-top:-20px; width:100px; height:40px; line-height:40px; color:#FFF; background:#2589ff; border-radius:5px; font-size:15px;}
.mainBox7 ul{ float:left; width:100%; margin-top:40px;}
.mainBox7 ul li{ float:left; width:260px; background:#FFF; margin:20px; padding:20px;}
.mainBox7 ul li p{ float:left; width:100%;}
.mainBox7 ul li p img{ height:70px;}
.mainBox7 ul li span{ float:left; width:100%; text-align:center; margin-top:20px; font-size:15px;}