@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 #ffa800}
/*去除自动填充黄色背景*/
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 25px #e5e5e5; -webkit-box-shadow:0px 0px 25px #e5e5e5; box-shadow:0px 0px 25px #e5e5e5;}
/*底部*/
.footer{ width:100%; background:/*url(../images/foorbg.jpg) no-repeat center*/#333337; color:#fff;}
.footer .w1200{  height:260px}
.footer .logo{ float:left; margin-top:70px;}
.footer .logo img{ width:100px;}
.footer .box{ float:left; width:260px; margin-left:50px; margin-top:40px;}
.footer .box .bar{ float:left; width:100%; font-size:16px; margin-bottom:10px;}
.footer .box p{ float:left; width:100%; margin-top:18px;}
.footer .box2{ width:400px}
.footer .box2 p img{ float:left; width:16px; margin-top:2px; display:none}
.footer .box2 p span{ float:left;}
.footer .box3{ float:right; width:240px; margin-left:0}
.footer .box3 img.ewm{ width:104px; margin-top:10px;}
.footer .box3{ float:right; width:300px; 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; font-size:13px; letter-spacing:1px;}
.footer .copy a{ color:#fff;}

.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%; padding:15px 0}
.topBox .top .logo{ float:left; height:60px;}
.topBox .top .logo img{ height:60px;}
.topBox .top .logo span{ float:left; line-height:60px; color:#2d7dfc; font-size:20px; font-weight:bold; margin-left:10px; letter-spacing:2px}
.topBox .top .nav{ float:right; height:60px; line-height:60px}
.topBox .top .nav a{ float:left; line-height:60px; margin-left:60px; color:#666;}
.topBox .top .nav a:hover,
.topBox .top .nav a.active{ color:#ffa800} 



.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{ 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(../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;}


.commBox .bar{ float:left; width:100%; text-align:center; font-size:30px; margin-top:60px; background:url(../images/line.png) center bottom no-repeat; padding-bottom:20px; color:#333}
.commBox .bar2{ background:url(../images/line2.png) center bottom no-repeat;}
.mainBox{ background:url(../images/mbg.jpg) no-repeat bottom #fff;}
.mainBox .itemBox{ float:left; width:100%; padding:60px 0 100px 0;}
.mainBox .itemBox dl{ float:left; background:#FFF; width:271px; height:330px; 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:50px;}
.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) center no-repeat; background-size:100%}
.mainBox2 .bar p{ color:#FFF}
.mainBox2 ul{ float:left; width:100%; padding:60px 0 80px 0; color:#FFF}
.mainBox2 ul li{ float:left; font-size:16px; background:url(../images/yuan.png) left center no-repeat; padding-left:30px; margin:20px 80px 20px 0;}

.mainBox3{ width:100%; background:#eff4ff; padding:60px 0}
.mainBox3 .w1200{ background:url(../images/bg2.jpg) left center no-repeat; height:486px;}
.mainBox3 .right{ width:450px; margin-top:30px; margin-left:50px; color:#333}
.mainBox3 .right p{ float:left; width:100%; font-size:40px; padding-left:30px;}
.mainBox3 .right span{ float:left; width:100%; font-size:30px; margin-top:20px; padding-left:30px; color:#666}
.mainBox3 .right .appUp{ float:left; width:100%; margin-top:80px;}
.mainBox3 .right .appUp .a{ float:left; width:250px;}
.mainBox3 .right .appUp .a a{ float:left; width:100%; margin-bottom:15px; margin-top:1px;}
.mainBox3 .right .appUp .a a img{ width:100%}
.mainBox3 .right .appUp .ewm{ float:right; width:160px; margin-top:10px;}
.mainBox3 .right .appUp .ewm img{ width:100%;}
.mainBox3 .right .appUp .ewm em{ float:left; width:100%; text-align:center; font-size:16px; margin-top:15px;}

.mainBox4 .listBox2{ width:550px; background:#FFF; margin:80px 0 30px 0}
.mainBox4 .listBox2 .bar{ font-size:26px; margin-top:30px;}
.mainBox4 .listBox2 .bar span{ margin-left:245px;}
.mainBox4 .listBox2 ul.ul{ float:left; width:100%; padding:30px 30px 0 30px; height:440px; overflow:hidden}
.mainBox4 .listBox2 ul.ul li{ float:left; width:100%; line-height:50px; border-bottom:1px dashed #ddd}
.mainBox4 .listBox2 ul.ul li a{ float:left; width:350px; color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.mainBox4 .listBox2 ul.ul li span{ float:right; color:#999; font-size:13px;}
.mainBox4 .listBox2 a:hover{ color:#ffa800 !important}
.mainBox4 .listBox2 .more{ float:left; width:100%; text-align:center; margin:20px 0 30px 0; color:#666}
.mainBox5{ width:100%; background:url(../images/bg3.jpg) no-repeat; height:480px;}
.mainBox5 .bar p{ color:#FFF}
.mainBox5 .info{ float:left; width:1000px; margin-left:100px; text-align:center; color:#fff; font-size:22px; line-height:55px; margin-top:80px;}
.mainBox6{ width:100%; background:#eff4ff; padding:60px 0}
.mainBox6 .listWrap{ float:left; width:100%; margin-top:40px;}
.mainBox6 .listWrap .item{ float:left; width:340px; margin:20px; background:#FFF; border-radius:5px; overflow:hidden}
.mainBox6 .listWrap .item a{ float:left; width:100%}
.mainBox6 .listWrap .item a p{ float:left; width:100%; height:180px;}
.mainBox6 .listWrap .item a span{ float:left; width:100%; padding:0 10px; height:45px; line-height:45px; overflow:hidden}

.mainBox7{ padding-bottom:80px;}
.mainBox7 .bar{ margin-top:30px;}
.mainBox7 ul{ float:left; width:100%; margin-top:40px;}
.mainBox7 ul li{ float:left; width:260px; background:#FFF; margin:15px; 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;}


.wrapBox3 .info dl dd a{ background:#ffa800 !important;}
.wrapBox3 .info dl dt{ float:left; width:100%; position:relative; height:80px; overflow:hidden;}
.wrapBox3 .info dl dt img{ position: absolute; left: -80px; -webkit-filter:drop-shadow(#ffa800 80px 0); filter:drop-shadow(#ffa800 80px 0);}

/*APP下载*/
.appBox{ padding-top:80px;}
.appBox .left{ width:600px; margin-top:120px; margin-left:50px; color:#FFF}
.appBox .left p{ float:left; width:100%; font-size:40px; padding-left:30px;}
.appBox .left span{ float:left; width:100%; font-size:30px; margin-top:20px; padding-left:30px;}
.appBox .left .appUp{ float:left; width:100%; margin-top:80px;}
.appBox .left .appUp .a{ float:left; width:341px;}
.appBox .left .appUp .a a{ float:left; width:100%; }
.appBox .left .appUp .ewm{ float:right; width:200px; margin-top:10px;}
.appBox .left .appUp .ewm img{ width:100%;}
.appBox .left .appUp .ewm em{ float:left; width:100%; text-align:center; font-size:16px; margin-top:15px;}
.appBox .left .lianxi{ float:left; margin-left:20px; margin-top:20px; clear:both; font-size:16px; background:url(../images/tel.png) left center no-repeat; padding-left:60px}
.appBox .left .lianxi b{ font-weight:norma; float:left}
.appBox .left .lianxi font{ font-weight:norma; float:left; clear:both; margin-top:10px;}
.appBox .right{ width:400px; margin-top:20px;}
.footer2{ float:left; width:100%; color:#fff; text-align:center; letter-spacing:2px; padding-bottom:20px; font-size:13px;}



/*列表*/
.listBox{ margin-bottom:30px; margin-top:30px; clear:both; overflow:hidden; background:#FFF; -moz-box-shadow:0 0 25px #999; -webkit-box-shadow:0 0 25px #999; box-shadow:0 0 25px #999;}
.listBox .pright{ width:100%;}
.listBox .pright .place{ width:100%; color:#666; margin-top:30px; padding:0 30px;}
.listBox .pright .place a{ color:#666}
.listBox .pright .listmain{ width:100%; padding:0 30px; margin-top:20px;}
.listBox .pright .listmain dl{ float:left; width:100%; border-bottom:1px solid #ddd; padding:15px 0}
.listBox .pright .listmain dl dt{ float:left; width:100%; font-size:16px; }
.listBox .pright .listmain dl dt a{ float:left; width:900px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden}
.listBox .pright .listmain dl dt em{ float:right; color:#999; font-size:13px;}
.listBox .pright .listmain dl dd{ float:left; width:100%; margin-top:10px;}
.listBox .pright .listmain dl dd span{ float:left; width:100%; /*height:100px;*/ color:#666; display:-webkit-box; -webkit-line-clamp:4; line-height:25px; -webkit-box-orient:vertical; overflow:hidden}

/*文章*/
.articleBox{ float:left; width:100%; background:#FFF; padding:50px}
.articleBox .title{ float:left; width:100%; text-align:center; font-size:22px; line-height:30px;}
.articleBox .info{ float:left; width:100%; text-align:center; color:#999; margin-top:10px; m}
.articleBox .videoleft{ float:left; width:100%; height:400px; margin-top:30px;}
.articleBox .videoleft .video{ margin:auto; width:500px; height:400px;}
.articleBox .content{ float:left; width:100%; line-height:30px; margin-top:20px; font-size:15px; color:#555; clear:both}

/*分页码*/
.pagebox{ float:right; padding:40px 0; clear:both}
.pagination{ display:inline-block; padding-left:0; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.pagination li{ float:left }
.pagination li a{ position:relative; float:left; padding:5px 12px; margin-left:-1px; border:1px solid #ddd; color:#666; font-size:12px; }
.pagination li:first-child a{ margin-left:0; border-bottom-left-radius:4px; border-top-left-radius:4px; }
.pagination li:last-child a{ border-top-right-radius:4px; border-bottom-right-radius:4px; }
.pagination li a:hover,
.pagination li a:focus{ background:#eee; }
.pagination .active a,
.pagination .active a:hover,
.pagination .active a:focus{ z-index:2; color:#fff; cursor:default; background:#56a8fe; border-color:#56a8fe; }
.pagination-lg li a { padding:10px 16px; font-size:18px; }
.pagination-sm li a, .pagination-sm li span{ padding:5px 10px; font-size:12px; }