/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display:block;}
body{font-family:"microsoft yahei","Helvetica Neue", Helvetica, Arial, sans-serif; color:#494949; background:#fff}
nav ul,ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; cursor:pointer;}
a:active, a:focus{text-decoration:none;}
a:hover{ color:#1D7FB5;}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #E5E5E5; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both }
.clearfix { zoom: 1 }
.clear{clear:both;}
*{ transition:all 0.5s;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;zoom:1;}

/*top*/
.topbg{width:100%;height:30px; position:relative;margin-bottom:0px; background:#14263D;color:#535353; line-height:27px;}
.topbg .top{width:1200px; margin:0 auto; position:relative; padding-right:20px;}
.topbg .top .toptel{float:left; position: relative; font-size:14px; color:#1C7BB0; display:none;}
.topbg .top .toptel span{ width:27px; height:27px; background:url(../img/contact/call1.png) no-repeat center; display:inline-block; background-size:75%; vertical-align:middle;}
.topbg .top .toptel:hover span{ -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);transform:rotate(360deg); transition-duration:0.4s;}
.topbg .top .log{ float:right;position: relative; border-bottom:1px solid #1D3D64}
.topbg .top .log a{color:#1D7FB5; line-height:27px; margin-left:18px; font-size:13px;}
.topbg .top .log a span{ color:#fff;}
.topbg .top .log a .mes-num{ margin-left:3px;font-size:12px;}
.topbg .top .log a:hover .mes-num{ text-decoration:underline;}
.topbg .top .log a span img{width:14px;vertical-align:middle; margin-bottom:3px; margin-left:5px;}
.topbg .top .log a.log1{background:#1D7FB5;border-radius:3px; padding:0 5px; color:#fff;line-height:28px;border:1px solid #1D7FB5; }
.topbg .top .log a.log2{ border-radius:3px;line-height:28px;border:1px solid #1D7FB5; background:transparent; padding:0 5px; }
.topbg .top .log a.mes img{ height:19px; width:auto; vertical-align:middle; margin-bottom:3px;}
.topbg .top .log a:hover{ color:#fff; transition-duration:0.2s;}

/*userunder*/
.userunder{ position:absolute; z-index:10000; background:#fff; width:250px; min-height:150px; padding:10px 5px; display:none;}
.userunder .under-top{ width:100%; position:relative; margin-bottom:15px; border-bottom:1px dashed #D8E5F0}
.userunder .under-top .under-inf{ float:left; width:205px; overflow:hidden; height:60px;}
.under-inf img{ width:50px; height:50px; border-radius:50px; float:left; margin-right:5px;}
.under-inf .under-name{width:150px; position:relative; height:30px; overflow:hidden;}
.under-inf .under-name h1{font-size:15px; max-width:108px; overflow:hidden; display:inline-block; float:left;}
.under-inf .under-name i{ width:15px; height:22px; display:inline-block; color:#fff; font-style:normal; font-size:11px; text-align:center; line-height:26px; background-image:url(../img/user/coin.png); background-repeat:no-repeat; margin-left:3px;float:left; background-size:45px; margin-top:5px; text-shadow:0px 1px 1px #764C1C}
.under-inf .under-name .coin1{background-position:0 0px;}
.under-inf .under-name .coin2{background-position:0 -28px;}
.under-inf .under-name .coin3{background-position:0 -57px;}
.under-inf .under-name .safe{background-position:-24px -1px; width:20px;}
.under-inf h2{font-size:12px; font-weight:normal; color:#ccc; width:180px;}
.userunder .under-top .under-out{ width:25px; float:right;}
.topbg .top .log .under-out a{ width:100%; font-size:12px; margin:0;}
.topbg .top .log .under-out a:hover{ color:#FCA605; text-decoration:underline;transition-duration:0s;}
.userunder .under-con{ width:100%; position:relative; list-style:none;min-height:40px;}
.under-con li{ float:left; width:55px; margin-right:5px; font-size:11px; text-align:center;}
.topbg .top .log .under-con li a{ width:100%; height:100%; display:inline-block; margin-left:0;}
.under-con li:last-child{ margin-right:0;}
.under-con li span{ width:24px; height:24px; display:block; background-repeat:no-repeat;background-image:url(../img/user/user1.png); margin:0 auto;}
.under-con li .s1{background-position:0 -32px;}
.under-con li .s2{background-position:0 -64px;}
.under-con li .s3{background-position:0px 0px;}
.under-con li .s4{background-position:0 -96px;}
.under-con li p{ line-height:26px; margin:0;font-size:12px;}
.topbg .top .log .under-con li:hover a{ color:#FCA605;transition-duration:0s;}
.under-con li:hover .s1{background-position:-40px -32px;}
.under-con li:hover .s2{background-position:-40px -64px;}
.under-con li:hover .s3{background-position:-40px 0px;}
.under-con li:hover .s4{background-position:-40px -96px;}
/*header*/
.headerbg{ width:100%; position:relative; top:0px; left:0; background:#14263D;z-index:2000; padding-top:5px;}
.headerbg .header{width:1200px; margin:0 auto; height:68px; position:relative; z-index:1999;background:transparent;}
.header .logo{ float:left; position:relative;}
.header .logo img{ height:60px; margin-left:10px;}
.header .logo:hover img{ transform:scale(1.1)}
.header .nav{ float:right;height:100%;display:inline-block;}
.header .nav .navlist{list-style:none; line-height:65px; width:100%;}
.header .nav .navlist li{ float:left;margin:0 6px; display:inline; text-decoration:none; font-size:16px; width:80px; text-align:center;}
.header .nav .navlist li a{color:#fff; text-decoration:none; font-size:15px; display:block}
.header .nav .navlist .lihover a{color:#0196DC; font-weight:bold; } 
.header .nav .navlist li:hover,.header .nav .navlist .lihover{}
.header .nav .navlist li:hover a{color:#0196DC;transition-duration:0.2s}
.header .nav .navlist li .navlist2{position:absolute; z-index:100; width:120px; text-align:center; background:#1D7DB3; filter:Alpha(opacity=90);top:68px; margin-left:-20px; padding:15px 0; border-bottom:3px double #115D95; display:none;}
.header .nav .navlist li .navlist2:before{ content:''; width: 0;height: 0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom: 12px solid #1D7FB5; position:absolute;top:0; left:50%; margin-left:-7px; margin-top:-12px; border-top:0;}
.header .nav .navlist li .navlist2 li{ width:100%; text-align:center; float:none; margin:0; padding:0; line-height:30px;}
.header .nav .navlist li .navlist2 li a{ color:#fff; font-size:13px; line-height:30px;}
.header .nav .navlist li.lihover .navlist2 li a,.headbg .head .navlist li:hover .navlist2 li a{ color:#ccc;}
.header .nav .navlist li .navlist2 li:hover{ background:#115D95;}
.header .nav .navlist li .navlist2 li:hover a{ color:#fff;-webkit-transform:scale(1.06);-moz-transform:scale(1.06); transform:scale(1.06); transition-duration:0.2s;}
.header .nav .navlist li:hover .navlist2,.header .nav .navlist li a:hover .navlist2,.header .nav .navlist li:hover .navlist2 li{ display:block;}
.header .nav .navlist li:hover .navlist2{animation-name: listAn; -webkit-animation: listAn 0.1s linear 0s normal none; -moz-animation: listAn 0.1s linear 0s normal none; animation: listAn 0.1s linear 0s normal none;}
.header .nav .navlist li:hover .navlist2 li,.header .nav .navlist li:hover .navlist2 li a{animation-name: listAn; -webkit-animation: listAn 0.2s linear 0s normal none; -moz-animation: listAn 0.2s linear 0s normal none; animation: listAn 0.2s linear 0s normal none;}
@-webkit-keyframes listAn { 
from {opacity:0;height:0;}
to { opacity: 1;height:100%; }
}
@-moz-keyframes listAn { 
from {opacity:0;height:0;}
to { opacity: 1;height:100%; }
}
@keyframes listAn { 
from {opacity:0;height:0;}
to { opacity: 1;height:100%; }
}
.header .nav .navlist .lg{ width:56px; border-radius:4px; height:30px; margin-top:15px; line-height:28px;border:1px solid #1D7FB5; background:transparent;}
.header .nav .navlist .lg a{ color:#1D7FB5}
.header .nav .navlist .reg{ background:#1D7FB5;}
.header .nav .navlist .reg a{ color:#fff;}
.header .nav .navlist .lg:hover{background:#17A1ED;border:1px solid #17A1ED;}
.header .nav .navlist .lg:hover a{ color:#fff;}
/*banner*/
.bannerbg{ width:100%; position:relative; margin:0 auto;height:820px; background:#182E42;}
.bannerbg .banner{ width:100%; position:relative; margin:0 auto;overflow:hidden; height:100%;}
.bannerbg .banner a{ display:block; width:100%;height:100%; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bannerbg .banner a img{width:1930px;height:100%; position:relative; margin-left:-90px;}
@-webkit-keyframes imgAn { 
from {opacity:0;}
to { opacity: 1;}
}
@-moz-keyframes imgAn { 
from {opacity:0;}
to { opacity: 1;}
}
@keyframes imgAn { 
from {opacity:0;}
to { opacity: 1;}
}
.bannerbg #btn{width:100px;height:10px;position:relative;text-align:center;margin-top:-50px;z-index:999;margin-right: auto;margin-bottom: 10px;margin-left: auto;}
.bannerbg #btn a{ display:inline-block; font-size:0px; border-radius:50%; background-color:#1D7FB5; width:10px; height:10px; margin-left:5px;margin-right:5px;}
.bannerbg #btn a:hover{background-color:#D8D8D8;}
.bannerbg #btn a.activeSlide{background-color:#D8D8D8;}
.bannerbg .banner a .bannertxt { width:1000px; position:absolute; z-index:1000;top:30%; left:50%; margin-left:-300px;display: block; opacity:1; color:#fff;}
.bannerbg .banner a .bnleft{ left:150px; right:0; text-align:center;}
.bannerbg .banner a .bannertxt h1{ font-size:39px; font-weight:normal; line-height:50px; margin-bottom:25px; text-shadow:0px 5px 5px #000; letter-spacing:1px; color:#E7C30A;}
.bannerbg .banner a .bannertxt h1 span{ font-size:24px; margin-left:15px; background:rgba(42,105,185,0.5); padding:0 10px 5px; color:#fff;letter-spacing:1px; }
.bannerbg .banner a .bannertxt p{ font-size:27px; text-shadow:0px 5px 5px #000; letter-spacing:1px; line-height:50px;}
.bannerbg .banner a .bantxt2{ left:10%; margin-left:0;top:40%;}
.banner a .bannertxt .left-txt{ float:left; position:relative; margin-right:20px; height:180px;text-shadow:none;}
.banner a .bannertxt .left-txt p{ font-size:180px; margin:0; padding:0; line-height:180px; text-shadow:none; font-family:'隶书'; letter-spacing:-2px;}
.banner a .bannertxt .right-txt{ float:left;position:relative; height:180px;}
.banner a .bannertxt .right-txt h1{ color:#fff; margin-top:22px; font-weight:normal; text-shadow:none; font-size:37px;}
.banner a .bannertxt .right-txt h1 i{ font-size:30px; font-style:normal;}
.banner a .bannertxt .right-txt h2{ line-height:32px; font-size:14px;font-weight:normal; margin-top:-10px; letter-spacing:4px;}
.banner a .bannertxt .right-txt h2 span{ font-size:17px; color:#F0EF0A; margin-right:8px}
.h2bian{padding:15px;background:rgba(255,255,255,0.1); margin-top:-20px;}
.banner a .bannertxt .right-txt h2 span:before{ content:'-'; margin:0 8px; font-weight:normal;}
.banner a .bannertxt .banner3-1{ width:800px; height:380px; background:url(../img/banner/banner3-1.png) no-repeat center; display:block; margin-left:-100px; margin-top:-40px; padding:90px;}

.banner a .banner5 .banner5-left{ float:left; margin:0; left:0; position:relative; display:inline; margin-left:-280px; margin-top:-10px;}
.banner a .banner5 .banner5-left p{ text-shadow:none; letter-spacing:1px !important; line-height:60px;}
.banner a .banner5 .banner5-left p.tg{ font-size:30px;letter-spacing:4px !important;}
.banner a .banner5 .banner5-left p i{ font-style:normal; padding:0 5px; margin:0 2px; font-size:32px;}
.banner a .banner5 .banner5-left .close{color:#0784B7; font-size:30px !important; position:absolute; margin-left:280px; background: url(../img/banner/banner4-2.png) no-repeat center; background-size:100%; height:70px; padding:20px; line-height:22px;}
.tgs{ width:100%; border:1px solid #fff; padding:15px; font-size:17px; line-height:28px; margin-top:30px; letter-spacing:1px; background:rgba(255,255,255,0.1);}
.tgs li:before{ content:'>'; margin-right:5px; font-weight:bold;}
.banner a .banner5 .banner5-right{ float:left; width:600px; min-height:430px;margin-top:-120px; margin-left:150px;}
.banner a .banner5 .banner5-right img{width:600px; height:auto; margin:0;}
.banner a .banner5 .banner4-left{ margin-left:-320px;}
.banner a .banner5 .banner4-right{ margin-left:140px;}
.banner a .banner5 .banner4-right .tg-e{ opacity:0.4; font-size:23px; line-height:26px; margin-top:15px;}
.banner a .banner5 .banner5-left .banner4-win{ background:url(../img/banner/banner4-3.png) no-repeat center;font-size:20px !important; margin-left:140px;height:30px; line-height:16px; position:absolute;color:#0784B7; width:300px; height:100px;  margin-top:-22px;}
.banner a .banner5 .banner5-left .banner4-win i{ display:block; margin-left:206px; margin-top:20px; font-size:19px;}
.banner a .banner5 .banner5-left p.tg-2{ font-size:33px; letter-spacing:5px !important;}
.tgs2{ padding:20px 15px; border:1px solid rgba(255,255,255,.4)}
.tgs2 li{ line-height:36px;}
.h2after{ position:absolute; right:0; margin-right:90px; margin-top:-72px; font-size:40px; color:#F7F630; width:60px; height:60px; background:url(../img/light28.png) no-repeat; display:block; background-size:100%;}
.h2after img{ width:50px; height:auto;}

/*first*/
.firstbg{ width:100%; position:relative; margin:0 auto; padding:10px 0;}
.firstbg .first{ width:1200px; position:relative; margin:0 auto; min-height:300px; overflow:hidden;}
.firstbg .first .first-sec{ float:left; width:260px; margin:20px; position:relative; text-align:center; padding:20px 0;}
.firstbg .first .first-sec a{ width:100%; height:100%; display:block; color:#696969;}
.firstbg .first .first-sec i{ width:100px; height:100px; margin-top:10px; display:block; margin:0 auto; background-repeat:no-repeat; background-size:100%;}
.firstbg .first .first-sec .i1{ background-image:url(../img/app/first1.png)}
.firstbg .first .first-sec .i2{ background-image:url(../img/app/first2.png)}
.firstbg .first .first-sec .i3{ background-image:url(../img/app/first3.png)}
.firstbg .first .first-sec .i4{ background-image:url(../img/app/first4.png)}
.firstbg .first .first-sec:hover .i1{ background-image:url(../img/app/first11.png)}
.firstbg .first .first-sec:hover .i2{ background-image:url(../img/app/first22.png)}
.firstbg .first .first-sec:hover .i3{ background-image:url(../img/app/first33.png)}
.firstbg .first .first-sec:hover .i4{ background-image:url(../img/app/first44.png)}
.firstbg .first .first-sec h1{ width:100%; line-height:40px; font-size:18px; margin-bottom:10px; letter-spacing:1px;}
.firstbg .first .first-sec p{ font-size:14px; line-height:22px; color:#999}
.firstbg .first .first-sec:hover i{ animation-name:swing; -webkit-animation: swings 0.6s ease-out; -moz-animation: swings 0.6s ease-out; animation: swings 0.6s ease-out;}
.firstbg .first .first-sec:hover h1{ color:#1D7FB5}
@-webkit-keyframes swings{
	from{ transform: rotateZ(0deg);}
	to{ transform: rotateZ(30deg);}
	}
@-moz-keyframes swings{
	from{ transform: rotateZ(0deg);}
	to{ transform: rotateZ(30deg);}
	}
@keyframes swings{
	from{ transform: rotateZ(0deg);}
	to{ transform: rotateZ(30deg);}
	}

/*app*/
.title{ width:100%; position:relative; margin:0 auto; text-align:center; padding:30px 0 10px 0; border-bottom:2px solid #DFDFDF;}
.title a{ color:#494949;}
.tp{ border-bottom:2px solid transparent;}
.title h1{ font-size:24px; letter-spacing:1px; line-height:40px; font-weight:500; margin-bottom:5px;}
.title h1 span{ color:#178DD8;}
.title p{ line-height:28px; font-size:14px;}
.title:hover p{ -moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}
.title .line{ height:2px; width:150px; background:#1D7FB5; position:absolute; bottom:-2px; left:43.8%;}
.title:hover .line{ -moz-transform:scaleX(4); -webkit-transform:scaleX(4);transform:scaleX(4);}
.title h1.kfgy{ font-size:28px; font-weight:bold;}
.title h1.kfgy span{ font-size:32px; }

.appbg{ width:100%; position:relative; margin:0 auto; background:#fff;padding:10px 0;}
.appbg .app{ width:100%; position:relative; margin:0 auto; min-height:600px; overflow:hidden;}
.appbg .app .app-con{width:100%; padding:35px 0; position:relative; margin:0 auto;}
.app-ul{width:100%; list-style:none; text-align:center;}
.app-ul li{width:120px; display:inline-block; line-height:35px; margin:0 5px;margin-bottom:25px;}
.app-ul li a{ display:block; width:100%; height:100%;background:#ccc; border-radius:4px; font-size:16px; letter-spacing:1px;}
.app-ul li a.ahover,.app-ul li a:hover{ background:#1D7FB5;color:#fff; transition-duration:0.2s;}
.app-con #tab_con{width:100%; position:relative;}
.app-con section{ display:none;}
.app-con .app-sec{ float:left; width:25%; overflow:hidden; margin:0;box-shadow: 0 8px 12px rgba(0,0,0,0.30);}
.app-con .app-sec .app-img{width:100%; height:308px; overflow:hidden; position:relative;}
.app-con .app-sec .app-img img{ width:auto; height:308px;margin-left:-50px}
.appimg{ width:100%; height:100%; line-height:310px; text-align:center; background: #1273B0 url(../img/banner/probg.png) no-repeat left;}
.app-img:hover .appimg{background: #1273B0 url(../img/banner/probg.png) no-repeat right;}
.appimg p{ font-size:24px; color:#fff;}
.appimg:hover p{ text-decoration:underline}
.app-con .app-sec:hover .app-img img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.app-con .app-sec .app-img .apphover{ display:none; width:100%; height:310px; background:rgba(7,7,7,0.5); position:absolute; top:0; z-index:10;text-align:center;}
.app-con .app-sec .app-img .apphover p{ line-height:310px; text-align:center;width:100%; color:#fff; font-size:15px; letter-spacing:1px;}
.app-con .app-sec:hover .app-img .apphover{ display:block;}
.app-con .app-sec .app-txt{width:100%;overflow:hidden;height:60px; background:#EFF0EA; padding:2px 10px;}
.app-con .app-sec .app-txt h2{ color:#585858;width:98%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:32px; font-size:15px; font-weight:normal;}
.app-con .app-sec:hover .app-txt h2{ color:#1D7FB5; transition-duration:0s;}
.app-con .app-sec .app-txt h2:hover{ text-decoration:underline;}
.app-con .app-sec .app-txt ul{width:99%; overflow:hidden; list-style:none;}
.app-con .app-sec .app-txt ul li{ float:left; margin-right:15px; font-size:12px;overflow:hidden; max-width:134px; height:28px; text-overflow:ellipsis; white-space:nowrap;color:#585858;}
.app-con .app-sec .app-txt ul li:last-child{ margin-right:0;}
.app-con .app-sec .app-txt ul li i{ width:20px;height:20px; background:url(../img/app/eye.png) no-repeat 1px -2px; display:inline-block;vertical-align:middle; background-size:100%;}
.app-con .app-sec .app-txt ul li span{ color:#1D7FB5; }
.app-con .app-sec .app-txt ul li i.des{ background:url(../img/app/des.png) no-repeat 3px -2px;background-size:90%;}
.app-con .sec2{ width:270px; margin:20px 15px;}
.app-con .sec2 .app-img img{width:270px; height: auto; border:6px solid #EFF0EA}

/*demand*/
.demandbg{ width:100%; position:relative; margin:0 auto; background:#fff;padding:10px 0;}
.demandbg .demand{ width:1200px; position:relative; margin:0 auto; min-height:600px; overflow:hidden;}
.demandbg .demand .demand-con{width:100%; padding:15px 0; position:relative; margin:0 auto;}
.demand-con .demand-left{width:930px;float:left;position:relative;}
.demand-con ul{ list-style:none;}
.demand-con .demand-left .demand-title{width:100%; margin:0; padding:0;height:25px; display:block;color:#ECECEC;}
.demand-con .demand-left .demand-title a{ color:#1D7FB5; font-size:15px; line-height:25px; margin:0 5px;display:inline-block; padding:0 5px;}
.demand-con .demand-left .demand-title a:last-child{ font-size:13px;}
.demand-con .demand-left .demand-title a:hover{ background:#096192; color:#fff;}
.demand-con .demand-left .demand-title .title-hover{ background:#1D7FB5; color:#fff; }
.demand-con .demand-ul{width:100%;height:340px; overflow:hidden;}
.demand-con .demand-ul li{float:left; width:290px; margin:18px 20px 0px 0px;}
.demand-con .demand-ul li a,.demand-con .demand-right ul li a{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#757575; font-size:15px;}
.demand-con .demand-ul li a h2,.demand-con .demand-right ul li a h2{ font-weight:normal; line-height:30px;}
.demand-con .demand-ul li a h2 span,.demand-con .demand-right ul li a h2 span{ color:#1D7FB5; margin-right:5px;}
.demand-con .demand-ul li a p,.demand-con .demand-right ul li a p{ font-size:12px; margin-left:6px; overflow:hidden; color:#919191}
.demand-con .demand-ul li a:hover h2,.demand-con .demand-right ul li a:hover h2,.demand-con .demand-ul li a:hover h2 span,.demand-con .demand-right ul li a:hover h2 span{color:#1D7FB5; transition-duration:0s;font-weight:bold;}
.demand-con .demand-right{width:260px; float:right; overflow:hidden; position:relative; margin-top:5px; border-left:1px solid #EFEFEF; padding-left:8px;height:360px;}
.demand-con .demand-right .demand-btn{width:100%; text-align:center; position:relative; }
.demand-con .demand-right .demand-btn a{height:42px; line-height:42px; boder:0px; outline:none; background:#1D7FB5; color:#fff;text-align:center; font-size:16px; letter-spacing:1px; width:98%; display:inline-block;}
.demand-con .demand-right .demand-btn a:hover{ background:#096192; transition-duration:0s;}
.demand-con .demand-right ul{ width:100%; margin-top:15px;}
.demand-con .demand-right ul li{width:100%; margin:10px 0 0 0;}
.demand-con .demand-right ul li a p span{ float:left;}
.demand-con .demand-right ul li a p .span-r{ float:right;margin-right:5px;}
.demand-con .demand-lc{ width:100%; position:relative; margin:10px 0;}
.demand-lc ul{ width:100%; cursor:default;}
.demand-lc ul li{ float:left; margin-right:0px; padding-right:55px;line-height:20px; font-size:14px;border-top-left-radius:20px; border-bottom-left-radius:20px; margin-left:-13px; display:inline; color:#fff;height:30px; background:#1D7FB5;}
.demand-lc ul li span{ width:30px; height:30px; display:inline-block; border:2px solid #1D7FB5; border-radius:100%; vertical-align:middle; margin-right:5px; text-align:center; line-height:26px; color:#1D7FB5; font-size:23px; background:#fff; font-style:italic; text-indent:-5px;}
.demand-lc ul li:first-child{ margin-left:0; border-radius:0; line-height:26px; padding-left:20px; width:305px;}
.demand-lc ul:hover li:first-child{ font-size:16px;}
.demand-lc ul li:first-child span{ font-weight:bold; font-style:none;}
.demand-lc ul li:hover span{ transform:rotate(360deg); font-size:26px;}
.demand-lc ul li .help{ position:absolute; display:none;z-index:110; margin-left:-45px;}
.demand-lc ul li .help li{ background:#fff; color:#1D7FB5; border:2px solid #1D7FB5; padding:0 10px; width:auto;border-radius:5px; margin-top:10px;}
.demand-lc ul li .help li:before{ content:''; width: 0;height: 0;border:7px solid transparent;border-bottom: 12px solid #1D7FB5; position:absolute;top:-7px;z-index:10; margin-left:85px;}
.demand-lc ul li:last-child .help li{margin-left:-190px;}
.demand-lc ul li:last-child .help li:before{margin-left:285px;}
.demand-lc ul li:hover .help{ display:block;}
.demand-lc ul:hover li .help li{ font-size:14px;}

/*example*/
.examplebg{ width:100%; position:relative; margin:0 auto; background:#EFF0EA url(../img/banner/bg.jpg) repeat;padding:10px 0;}
.examplebg .example{ width:1200px; position:relative; margin:0 auto; min-height:350px; overflow:hidden;}
.examplebg .example .example-con{width:100%; padding:15px 0; position:relative; margin:0 auto; margin-top:20px;}
.example-con .div{width:280px;height:300px;position:relative; float:left;z-index:0; background:transparent; margin:10px; margin-bottom:0;}
.example-con .div img{ width:270px; height:200px;border-radius:2px;box-shadow:2px 5px 5px #747474; border:2px solid #fff; display:block; margin:15px auto;}
.example-con .div:hover img{transform:scale(1.1);}
.example-con .div a{ text-align:center;width:100%; height:100%; display:block;}
.example-con .div a h2{ text-align:center; color:#494949; font-weight:normal; letter-spacing:1px; font-size:15px; border:1px solid transparent; line-height:30px;width:96%; margin:0 auto;border-radius:5px;}
.example-con .div:hover a h2{ display:none;}
.example-con .div .example-txt{ position: absolute; top:90px; margin-top:20px; background:rgba(255,255,255,0.9); filter:Alpha(opacity=90); width:270px; margin-left:5px; text-align:left; padding:5px 0; display:none;z-index:100;}
.example-con .div .example-txt h2{font-size:14px; line-height:24px; text-indent:5px;text-align:left;color:#1D7FB5;display:block; overflow:hidden;letter-spacing:0; white-space:nowrap; text-overflow:ellipsis;}
.example-con .div:hover .example-txt h2{ display:block; }
.example-con .div .example-txt h2:hover{color:#1D7FB5}
.example-con .div .example-txt p{ color:#818181; font-size:12px; line-height:20px; text-indent:10px; text-align:left;}
.example-con .div .example-txt p span{color:#1D7FB5;}
.example-con .div .example-txt .ex-btn{ width:100%; background:#1D7FB5; height:33px; line-height:33px; color:#fff; margin:0 auto; margin-top:5px; font-size:15px; letter-spacing:1px;}
.example-con .div .example-txt .ex-btn:hover{ background:#1D7FB5}
.example-con .div:hover .example-txt{transform:scale(1.1);animation-name:example; -webkit-animation: example 0.4s ease-in; -moz-animation: example 0.4s ease-in; animation: example 0.4s ease-in; display:block;}
@-webkit-keyframes example{
	from{top:160px;opacity:0;}
	to{ top:90px;opacity:1;}
	}
@-moz-keyframes example{
	from{top:160px; opacity:0;}
	to{ top:90px;opacity:1;}
	}
@keyframes example{
	from{top:160px; opacity:0;}
	to{ top:90px; opacity:1;}
	}
.examplebg .hotdes{ width:1200px; position:relative; margin:0 auto; min-height:300px; overflow:hidden;}
.examplebg .hotdes .des-title{ width:175px; float:left; height:201px; background:#1D7FB5; text-align:center; vertical-align:middle;margin-right:5px; background:#182E42 url(../img/banner/banner.png) no-repeat 60% 85%; border:1px solid #DBDCD4; margin-left:10px;}
.des-title h1{ width:120px; height:50px; line-height:50px;color:#fff; border:2px solid rgba(255,255,255,0.8); margin:0 auto; margin-top:76px;}
.des-title:hover h1{ transform:scale(1.1) rotate(360deg)}
.examplebg .hotdes .hotdes-con{width:1000px; position:relative;float:right; margin-right:5px;}
.hotdes-con ul{width:100%; position:relative;}
.hotdes-con ul li{ float:left;width:166px; height:100px; display:inline-block; border:1px solid #DBDCD4; margin-left:-1px; margin-bottom:-1px; background:#fff;}
.hotdes-con ul li a{text-align:center; width:100%; display:block; height:100%; line-height:100px;}
.hotdes-con ul li a span{line-height:100px;color:#1D7FB5; font-size:13px;}
.hotdes-con ul li a:hover span{color:#1D7FB5; font-size:14px;}
.hotdes-con ul li a img{ vertical-align:middle; height:70px; max-width:150px;}
.hotdes-con ul li .des-hover{ width:166px; position:absolute; height:100px; display:none; background:rgba(19,81,140,0.5); filter:Alpha(opacity=70);z-index:100; overflow:hidden;line-height:24px; color:#fff; font-size:14px; margin-top:-101px;}
.hotdes-con ul li .des-hover p{color:#fff;}
.hotdes-con ul li .des-hover h2{ line-height:24px; margin-top:10px;color:#fff;}
.hotdes-con ul li .des-hover .des-btn{ line-height:26px; border-radius:4px; width:70px; height:28px; margin:0 auto; margin-top:5px;background:#fff; color:#1D7FB5; border:1px solid transparent; outline:none; cursor:pointer;}
.hotdes-con ul li .des-hover .des-btn:hover{color:#1D7FB5; }
.hotdes-con ul li:hover a .des-hover{ display:block;animation-name:desAn; -webkit-animation: desAn 0.3s ease-in; -moz-animation: desAn 0.3s ease-in; animation: desAn 0.3s ease-in;}
@-webkit-keyframes desAn{
	from{height:0px;opacity:0;}
	to{ height:100px;opacity:1;}
	}
@-moz-keyframes desAn{
	from{height:0px;opacity:0;}
	to{ height:10px;opacity:1;}
	}
@keyframes desAn{
	from{height:0px;opacity:0;}
	to{ height:100px;opacity:1;}
	}
.examplebg .hotdes .demand-con .demand-lc{ width:100%; position:relative; margin:10px 0;}
.lc ul{ margin-left:10px; margin-top:10px;}
.lc ul li{ min-width:166px;}

/*school*/
.schoolbg{ width:100%; position:relative; margin:0 auto; background:#fff;padding:10px 0;}
.schoolbg .school{ width:1200px; position:relative; margin:0 auto; min-height:600px; overflow:hidden;}
.schoolbg .school .school-con{width:100%; padding:15px 0; position:relative; margin:0 auto;}
.schoolbg .school .school-con .news{ width:100%; position:relative;}
.school-con .newslist{ float:left; width:530px; height:220px; margin:20px 35px; background:transparent; display:block; overflow:hidden; padding:10px;}
.school-con .newslist .nlist-left{ float:left; width:265px; margin-right:10px;overflow:hidden; height:100%;}
.school-con .newslist .nlist-left img{width:265px; height:195px;}
.school-con .newslist:hover .nlist-left img{ -moz-transform:scale(1.3);-webkit-transform:scale(1.3);transform:scale(1.3);}
.school-con .newslist .nlist-right{ float:right; width:230px; height:100%; color:#494949;}
.school-con .newslist .nlist-right h2{ font-size:15px; line-height:30px; margin-top:8px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.school-con .newslist .nlist-right h3{font-size:13px; font-weight:normal; line-height:20px; margin-bottom:10px; color:#595959;}
.school-con .newslist .nlist-right p{ font-size:14px;height:114px; overflow:hidden; width:100%; line-height:22px;}
.school-con .newslist .nlist-right .more{height:16px; background:url(../img/des/more.gif) no-repeat bottom right;margin-right:12px;}
.school-con .newslist .nlist-right h2:hover,.school-con .newslist .nlist-right h3:hover,.school-con .newslist .nlist-right p:hover{color:#1D7FB5; transition-duration:0.1s;}
.school-con .newslist:hover{-mbox-shadow: 0 8px 12px rgba(0,0,0,0.2);-webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.2);box-shadow: 0 8px 12px rgba(0,0,0,0.2); background:#F3F3F3;}

/*link*/
.linkbg{ width:100%; position:relative; margin:0 auto; background:#EFF0EA url(../img/banner/bg.jpg) repeat;padding:10px 0;}
.linkbg .link{width:1200px; position:relative; margin:0 auto; min-height:280px; overflow:hidden;}
.linkbg .link .linklist{ list-style:none; width:100%; padding:20px 0;}
.linkbg .link .linklist li{ float:left; width:180px; margin:20px 10px; height:60px; overflow:hidden;}
.linkbg .link .linklist li img{ width:180px; opacity:0.7}
.linkbg .link .linklist li:hover img{ opacity:1}

/*foot*/
.foottop{ background:#EFF0EA url(../img/contact/footbg.png)  no-repeat 50% 50%; width:100%; height:40px; margin:0;}
.foottop .ftopimg{ position:absolute; background:#EFF0EA; border-radius:50px; z-index:10; left:48%; width:70px; height:70px; text-align:center;margin-top:-40px;}
.foottop .ftopimg img{ width:40px; height:40px; margin-top:30px;}
.footbg{ width:100%; position:relative; margin:0 auto; background:#14263D;padding:10px 0;}
.footbg .foot{ width:1200px; position:relative; margin:0 auto; min-height:200px; overflow:hidden;}
.footbg .foot .ftleft{float:left; position:relative; width:600px;}
.footbg .foot .ftright{float:right;position:relative;}
.footbg .foot .ftleft h1,.footbg .foot .ftright h1{font-size:18px; font-weight:normal; color:#fff; margin:10px 0; letter-spacing:1px;}
.footbg .foot .ftleft h1 i,.footbg .foot .ftright h1 i{color:#42628A; display:inline-block; font-size:28px; margin-right:5px; letter-spacing:0; }
.footbg .foot .ftleft h1 span{ width:470px;height:2px; background:#42628A; display:inline-block; position:absolute;left:0;top:55px;}
.footbg .foot .ftright h1 span{ width:270px;height:2px; background:#42628A; display:inline-block; position:absolute;left:0;top:55px;}
.footbg .foot .ftleft ul{ list-style:none; width:500px; color:#fff;padding:20px 0; margin-bottom:20px; display:block;}
.footbg .foot .ftleft ul li{float:left;}
.footbg .foot .ftleft .ftcontact li{ line-height:30px;margin:0; vertical-align:middle; width:100%; font-size:15px;}
.footbg .foot .ftleft .ftcontact li:first-child{padding-left:0px}
.footbg .foot .ftleft .ftcontact li img{width:20px; height:20px;position:relative;display:inline-block;vertical-align:middle; margin-right:8px;}
.footbg .foot .ftleft .ftcontact li:hover img{ transform:rotate(360deg)}
.footbg .foot .ftleft .ftcontact li span{ position:relative; display:inline-block; }
.footbg .foot .ftright .ftnav{padding-left:5px;padding-top:20px; font-size:14px; width:100%; list-style:none;}
.footbg .foot .ftright .ftnav li{float:left;}
.footbg .foot .ftright .ftnav li:after{content:'|'; padding:0 5px; color:#fff;}
.footbg .foot .ftright .ftnav li:last-child:after{content:'';}
.footbg .foot .ftright .ftnav li a{ color:#fff;}
.footbg .foot .ftright .ftnav li a:hover{color:#F4E662; transition-duration:0.2s;}
.footbg .foot .ftright .gz{margin-top:30px;}
.footbg .foot .ftright .gz img{height:100px; float:left; width:100px; margin-left:5px;}
.footbg .foot .ftright .gz p{ float:left; color:#fff; margin-left:15px;margin-top:40px; line-height:24px; font-size:14px;}
.footbg .footer{ width:1200px; margin:0 auto; padding:10px 0; margin-top:20px; border-top:1px dashed #42628A; text-align:center; vertical-align:middle;}
.footbg .footer p{ color:#42628A; font-size:13px;}

/*win*/
.winbg{ width:100%; position:relative; margin:0 auto; padding:10px 0;}
.winbg .win{ width:100%; position:relative; margin:0 auto; min-height:500px; overflow:hidden;}
.winbg .win .win-con{width:100%; padding:15px 0; position:relative; margin:0 auto;}
.win-con .win-sec{ width:100%; position:relative;}
.win-con .win-sec:first-child{ padding-top:25px;}
.win-con .win-left{ width:550px;min-height:400px; text-align:center; margin-right:10px; float:left;}
.win-con .win-right{float:right;min-height:400px; padding-top:30px;margin-right:20px;}
.win-con .win-sec:hover .win-right{animation-name: pAn; -webkit-animation: pAn 0.5s linear 0s normal none; -moz-animation: pAn 0.5s linear 0s normal none; animation: pAn 0.5s linear 0s normal none;}
.win-con .win-left2{ width:480px; float:right !important;}
.win-con .win-right2{ float:left !important; margin-left:0px;}
.win-con .win-sec:hover .win-right2{animation-name: p2An; -webkit-animation: p2An 0.5s linear 0s normal none; -moz-animation: p2An 0.5s linear 0s normal none; animation: p2An 0.5s linear 0s normal none;}
.win-con .win-right h2{ font-size:22px; line-height:50px; margin-bottom:23px; margin-top:10px; }
.win-con .win-right p{ font-size:14px; margin-bottom:22px; padding-left:4px;}
.win-con .win-right p span{color:#1D7FB5;  font-size:16px; margin-right:10px; font-weight:bold;}
.win-con .win-right p:hover {color:#1D7FB5;}
.win-con .win-right p i{ background:url(../img/dot.png) no-repeat; width:10px; height:10px; display:inline-block; vertical-align:middle; margin-right:5px;}
.win-con .win-right p:hover i{ transform:rotate(360deg) scale(1.4)}
@-webkit-keyframes pAn{
	from{margin-right:-300px;opacity:0;}
	to{margin-right:0;opacity:1;}
	}
@-moz-keyframes pAn{
	from{margin-right:-300px;opacity:0;}
	to{margin-right:0;opacity:1;}
	}
@keyframes pAn{
	from{margin-right:-300px;opacity:0;}
	to{margin-right:0;opacity:1;}
	}

@-webkit-keyframes p2An{
	from{margin-left:-300px;opacity:0;}
	to{margin-left:0;opacity:1;}
	}
@-moz-keyframes p2An{
	from{margin-left:-300px;opacity:0;}
	to{margin-left:0;opacity:1;}
	}
@keyframes p2An{
	from{margin-left:-300px;opacity:0;}
	to{margin-left:0;opacity:1;}
	}
.fan1,.fan2,.fan3,.fan4{ position:absolute;z-index:10; top:0; width:75px;height:75px;}
.fan1{margin-left:420px; margin-top:65px;}
.fan2{ margin-left:60px; margin-top:30px; animation-name:fanAn;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.fan3{ margin-left:394px; margin-top:40px; animation-name:fan1An;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
.fan4{ margin-left:360px; margin-top:60px; animation-name:fan1An;animation-duration: 5s;animation-iteration-count: infinite;animation-timing-function: ease-in-out;}
@keyframes fanAn {
  24% {
    transform: translate(5px, -15px) rotate(-10deg)}
  50% {
    transform: translate(0, 0) rotate(0deg)}
  74% {
    transform: translate(-5px, 10px) rotate(10deg)}
  0%, 100% {
    transform: translate(0, 0) rotate(0); }
}
@keyframes fan1An {
  24% {
    transform: translate(0, -5px)}
  50% {
    transform: translate(0, 5px)}
  74% {
    transform: translate(0, -5px)}
  0%, 100% {
    transform: translate(0, 0) rotate(0); }
}
.winbg .win .win-con1{width:100%; padding:0; position:relative; margin:0 auto; background:url(../img/banner/banner6.png) no-repeat center; display:block;}
.win-l,.win-r{ width:50%; position:relative; display:inline-block; text-align:center;float:left; z-index:10; min-width:550px}
.win-l{padding-right:5%; text-align:right;}
.win-r{padding-left:12%; text-align:left; color:#0374D7;}
.win-l img{width:500px;display:inline-block; height:auto; position:relative;}
.win-l:hover img,.win-r:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.win-c{ position:absolute; width:300px; height:100px; left:46%; margin-top:200px; z-index:0;}
.win-c img{ width:180px; height:auto; opacity:0.5}
.win-r h2{ margin-top:170px; font-size:46px; margin-bottom:20px; letter-spacing:2px;}
.win-r p{ line-height:25px; font-size:14px; color:#666;}
.p-r{ padding-left:270px; margin-top:10px; color:#777 !important;}
.win-r p span{width:18px; height:18px; display:inline-block; margin-right:8px;}
.win-r p span img{width:18px; height:18px; opacity:0.5;}


/*login*/
.loginbg{ width:100%; position:relative; margin:0 auto;background:#182E42 url(../img/banner/banner.png) no-repeat center center; background-size:cover;min-height:820px; padding:10px 0;}
.loginbg .logincon{ width:100%; position:relative; margin:0 auto;height:auto;}
.loginbg .logincon .login_bg{width:380px; min-height:400px; position:relative; display:block;padding:20px; margin:30px auto; border:2px solid #fff; border-radius:10px; border-bottom-left-radius:0; border-bottom-right-radius:0; border-bottom:0;top:80px;animation-name:lgAn; -webkit-animation: lgAn 0.6s linear 0s normal none; -moz-animation: lgAn 0.6s linear 0s normal none; animation: lgAn 0.6s linear 0s normal none;}
.loginbg .logincon .login_bg .login{ width:214px; margin:0 auto;}
@-webkit-keyframes lgAn { 
from {opacity:0; top:200px;}
to { opacity: 1; top:80px;}
}
@-moz-keyframes lgAn { 
from {opacity:0; top:200px;}
to { opacity: 1; top:80px;}
}
@keyframes lgAn { 
from {opacity:0; top:200px;}
to { opacity: 1; top:80px;}
}
.loginbg .logincon .login_bg .login h2{text-align:center;color: #fff;margin-bottom: 15px;letter-spacing: 1px; font: normal 22px/1 "微软雅黑";position: relative; line-height:40px;}
.loginbg .logincon .login_bg .login .fail{ background:url(../img/login/wrongicon.png) no-repeat left center; padding-left:17px; position:absolute;z-index:100; bottom:-17px; margin-left:5px; display:block; background-size:12px; font-size:12px; color:#D6D6D6;}
.loginbg .logincon .login_bg .login .user,.loginbg .logincon .login_bg .login .password{ position:relative; margin:35px auto;}
.loginbg .logincon .login_bg .login .user input,.loginbg .logincon .login_bg .login .password input{border: 1px solid #ccc;-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff;box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #fff; width:100%; height:36px; line-height:36px; padding:5px 0 5px 35px; font-size:14px; font-family:"微软雅黑", "宋体"; background-color:rgba(255,255,255,0.2) !important; color:#fff;}
.loginbg .logincon .login_bg .login .user input:focus,.loginbg .logincon .login_bg .login .password input:focus{border-color: #4BC1FF;outline: none;-moz-box-shadow: 0 0 0 1px #4BC1FF inset;-webkit-box-shadow: 0 0 0 1px #4BC1FF inset; box-shadow: 0 0 0 1px #4BC1FF inset; transition-duration:0.4s;}
.loginbg .logincon .login_bg .login .user input{ background:url(../img/login/user.png) no-repeat 6% center;}
.loginbg .logincon .login_bg .login .password input{ background:url(../img/login/key1.png) no-repeat 6% center;}
.loginbg .logincon .login_bg .login .btn{ width:100%; height:40px; position:relative;margin:0px auto;}
.loginbg .logincon .login_bg .login .btn input{font: normal 16px "微软雅黑", "宋体";color:#fff;text-align:center;cursor:pointer;width:100%; height:40px; border:0; outline:none;  background:#1E7FB5;line-height:40px; letter-spacing:4px;-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius: 4px;}
.loginbg .logincon .login_bg .login .btn input:hover,.loginbg .logincon .login_bg .login .btn input:focus,.loginbg .logincon .login_bg .login .btn input:active{ background:#0B71AA}
.loginbg .logincon .login_bg .login .tip{ position:relative; width:212px; margin:22px 0px;}
.loginbg .logincon .login_bg .login .tip a{ color:#00A8FF; text-decoration:none; font-family:"微软雅黑", "宋体"; font-size:12px; line-height:18px;}
.loginbg .logincon .login_bg .login .tip .forgets{ float:left; margin-left:5px; color:#fff;}
.loginbg .logincon .login_bg .login .tip .regist{ float:right; margin-right:5px;}
.loginbg .logincon .login_bg .login .tip a:hover{color:#fff;}

/*register*/
.choose-reg{ text-align:center; width:100%; margin-top:30px;}
.choose-reg li{ margin:25px 0; line-height:35px; border:1px solid #1D7EB4; border-radius:4px; border-bottom:2px double #1D7EB4;}
.choose-reg li a{ color:#1D7EB4;font-size:15px;}
.choose-reg li:hover{ background:#1D7EB4; border-bottom:2px double #184F80;}
.choose-reg li:hover a{ color:#fff;}
.p-lg{ color:#fff; font-size:13px;}
.p-lg a{ color:#F7B843}
.p-lg a:hover{ text-decoration:underline;}

.register{width:60%; position:relative; margin-right:auto; margin-left:auto; padding:25px 20px; top:50px; animation-name:regAn; -webkit-animation: regAn 0.4s linear 0s normal none; -moz-animation: regAn 0.4s linear 0s normal none; animation: regAn 0.4s linear 0s normal none; background:rgba(255,255,255,.8); -moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px; min-width:25em !important; overflow:hidden; min-height:670px;}
@-webkit-keyframes regAn { 
from {opacity:0;top:300px;}
to { opacity: 1; top: 50px; }
}
@-moz-keyframes regAn { 
from {opacity:0;top:300px;}
to { opacity: 1; top: 50px; }
}
@keyframes regAn { 
from {opacity:0;top:300px;}
to { opacity: 1; top: 50px; }
}
.register .regtop{ width:98%; margin:0 auto; border-bottom:0.1em dashed #7A7A7A; padding-bottom:5px;}
.register .regtop h1{ color:#1E7FB5; font-size:1.6em; font-weight:normal; margin-bottom:5px;}
.register .regtop p{ color:#4B4B4B; font-size:14px; line-height:24px;}
.register .regtop p a{ color:#1D7EB4}
.register .regtop p a:hover{text-decoration:underline; transition-duration:0.1s;}
.register .reg{ width:80%; margin:0 auto;color:#4B4B4B; padding-top:15px; }
.register .reg dl{ width:100%;margin-top:25px;}
.register .reg dl dt{ width:6em;text-align:right; margin-right:5px; display:inline-block; font-size:14px;}
.register .reg dl dd{display:inline-block; margin:0;font-size:14px;}
.register .reg dl dd .txt{ width:19em; height:2.3em; border:1px solid #B6B6B6; border-radius:4px; background:#fff; color:#8E8E8E; font-size:13px; padding-left:2px;padding-right:2px;}
.register .reg dl dd.must:after{ content:'*'; width:10px; display:inline-block; color:#ff0000;font-size:14px; margin:0 3px; vertical-align:middle; font-weight:bold;}
.register .reg dl dd .yzm{width:11em !important;}
.register .reg dl dd .tel{width:12.2em !important;}
.register .reg dl dd .txt:hover,.reg dl dd .txt:focus{ border:1px solid #178DD8;transition-duration:0.3s;}
.register .reg dl dd a img{ width:56px; height:27px; vertical-align:middle;margin:0 5px 3px 5px}
.register .reg dl dd a {color:#178DD8;}
.register .reg dl dd a:hover{color:#0B71AA;  text-decoration:underline; transition-duration:0.1s;}
.register .reg dl dd .hq{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; vertical-align:middle; text-align:center; outline:none; border:0;height:2.1em; margin: 2px 0 2px 5px;background:#178DD8; color:#fff; font-size:14px;}
.register .reg dl dd .regbtn{width:9em; height:2.3em; border:0; outline:none; background:#178DD8; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:100%; letter-spacing:1px; cursor:pointer; vertical-align:middle; text-align:center; margin:5px 0 25px 0;}
.register .reg dl dd .hq:hover,.reg dl dd .regbtn:hover{background:#0B71AA; transition-duration:0.2s;}
.register .reg dl dd .subhq{ position:absolute; z-index:10;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:14px; cursor:default; vertical-align:middle; text-align:center; outline:none; border:0;height:2.1em; margin: 0 0 2px 5px;background:#178DD8; color:#fff; line-height:2.2em; width:6em; margin-left:11.6em; margin-top:-2.2em;}
.register .reg dl dd .subhq img{ vertical-align:middle; margin-left:4px;}
.register .reg dl dd .subregbtn{position:absolute; z-index:10;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:15px; cursor:default; vertical-align:middle; text-align:center; outline:none; border:0;height:2.5em;background:#178DD8; color:#fff; line-height:2.5em; width:9.6em;margin-top:-4.1em;}
.register .reg dl dd .subregbtn img{vertical-align:middle;}

/*over*/
.overbg{ position:fixed; width:60px; right:10px;bottom:20px; z-index:1000;}
.overbg .over{ width:100%;height:60px; margin-bottom:2px; float:right; position:relative; display:block; padding:0 5px; cursor:pointer;background:#178DD8;}
.overbg .over p{ color:#fff; font-size:12px; margin:0; padding:0; width:100%; text-align:center;}
.overbg .qq{}
.overbg .tel{}
.overbg .top{}
.overbg .over:hover{ background:#FCCB30;}
.overbg .over span{ width:35px;height:35px; margin:3px auto; display:block; position:relative;}
.overbg .qq span{background:url(../img/contact/qq.png) no-repeat center; background-size:100%;}
.overbg .tel span{background:url(../img/contact/call.png) no-repeat center; background-size:95%;}
.overbg .top span{background:url(../img/contact/up.png) no-repeat center; background-size:80%;}
.overbg .looktel{color:#fff;font-size:22px; line-height:60px; text-indent:15px;z-index:-1; height:60px; width:180px;background:#FCCB30;left:-180px; top:0; position:absolute;animation-name:telAn; -webkit-animation: telAn 0.4s linear 0s normal none; -moz-animation: telAn 0.4s linear 0s normal none; animation: telAn 0.4s linear 0s normal none; display:none;}
.overbg .tel:hover .looktel{display:block;}
@-webkit-keyframes telAn { 
from {opacity:0;width:0px;left:0px;color:transparent; font-size:0;}
to { opacity: 1;width:200px;left:-180px;color:#fff;font-size:22px; }
}
@-moz-keyframes telAn { 
from {opacity:0;width:0px;left:0px;color:transparent; font-size:0;}
to { opacity: 1;width:200px;left:-180px;color:#fff;font-size:22px; }
}
@keyframes telAn { 
from {opacity:0;width:0px;left:0px;color:transparent; font-size:0;}
to { opacity: 1;width:200px;left:-180px;color:#fff;font-size:22px; }
}

/*num*/
.numbg{ width:100%; position:relative; margin:0 auto;padding:20px 0; background:#1B3452 url(../img/banner/banner7.jpg) repeat;}
.numbg .num{ width:1200px; position:relative; margin:0 auto; min-height:350px; overflow:hidden; text-align:center; padding:20px 0; color:#fff;}
.numbg .num h1{font-size:32px;}
.numbg .num h1 span{ color:#178DD8; margin-left:5px;font-size:40px; font-style:italic;}
.numbg .num h2{font-size:30px; margin:20px 0;}
.numbg .num .numul{ width:100%; padding:10px 0; position:relative;}
.numbg .num .numul li{display:inline-block; width:200px; min-height:120px; vertical-align:middle;}
.numbg .num .numul li.plus{ width:40px; line-height:80px; font-size:50px;}
.numbg .num .numul li h3{ border:2px solid #fff; border-radius:7px; height:120px; display:block; width:100%;line-height:120px; margin-bottom:15px;font-size:40px;}
.numbg .num .numul li p{ font-size:13px; height:40px; overflow:hidden;}
.numbg .num .numul li h3 span{ display:block;font-size:40px; }
.numbg .num .numul li h3:hover span{ transform:scale(1.5)}
.numbg .num .numul li:hover p{ transform:scale(1.3)}

/*how*/
.howbg{ width:100%; position:relative; margin:0 auto;padding:20px 0; background:#FFF;}
.howbg .how{ width:100%; position:relative; margin:0 auto; min-height:350px; overflow:hidden; text-align:center; padding:20px 0;z-index: 1;}
.howbg:after{ content:''; height:1px; width:100%; background:#E1E1E1; display:block; position:absolute; top:220px;}
.how h1{ font-size:32px;}
.how h1 span{color:#178DD8; margin-left:5px;font-size:36px;}
.how h2{font-size:16px; margin:20px 0; font-weight:normal;color:#666;}
.how .how-ul{ width:1200px; margin:10px auto; position:relative;}
.how-ul li{ float:left; width:16%; padding:20px; display:inline-block; position:relative;z-index:10;}
.how-ul li .howimg{ width:100px; height:100px; display:inline-block; border:1px solid #999999; border-radius:100%; margin-bottom:20px; background:#FFF;}
.how-ul li .howimg em{ width:60px; height:60px; margin:20px; display:block; background-size:100%; background-repeat:no-repeat;}
.em1{ background-image:url(../img/app/how1.png);}
.em2{ background-image:url(../img/app/how2.png);}
.em3{ background-image:url(../img/app/how3.png);}
.em4{ background-image:url(../img/app/how4.png);}
.em5{ background-image:url(../img/app/how5.png);}
.em6{ background-image:url(../img/app/how6.png);}
.how-ul li:hover .howimg{ border:1px solid #178DD8}
.how-ul li:hover .em1{ background-image:url(../img/app/how11.png);}
.how-ul li:hover .em2{ background-image:url(../img/app/how22.png);}
.how-ul li:hover .em3{ background-image:url(../img/app/how33.png);}
.how-ul li:hover .em4{ background-image:url(../img/app/how44.png);}
.how-ul li:hover .em5{ background-image:url(../img/app/how55.png);}
.how-ul li:hover .em6{ background-image:url(../img/app/how66.png);}
.howtxt{ text-align:center; width:100%; position:relative;}
.howtxt h3{ font-weight:normal; margin-bottom:8px;}
.howtxt p{ font-size:12px; color:#888;}
.how-ul li:hover .howtxt h3,.how-ul li:hover .howtxt p{ color:#178DD8}
.how-ul li:hover .howimg em{ transform:rotate(360deg);}

/*jyxy*/
.jyxybg{ width:100%; position:relative; margin:0 auto; padding:20px 0; background:#EFF0EA url(../img/banner/bg.jpg) repeat;}
.jyxybg .jyxy{ width:100%; position:relative; margin:0 auto; min-height:500px; overflow:hidden;}
.jyxy-left{ width:44%; float:left; position:relative; padding-top:20px; margin-right:0;}

.jyxy-right{ width:50%; float:right; position:relative; padding-top:50px; margin-left:0;}
.jyxy-img{ width:100%; height:390px; background:url(../img/jyxy.png) no-repeat right; margin-top:10px;}
.jyxy-txt{ float:left;width:67%;}
.jyxy-txt h1{ font-size:25px; font-weight:normal; border-bottom:2px solid #585858; padding-bottom:10px; margin-bottom:20px; width:160px;}
.jyxy-txt h2{ font-weight:normal; font-size:20px;}
.jyxy-txt h2:before{ content:'';width:30px; height:30px; margin-right:9px; background:url(../img/yinhao1.png) no-repeat center; display:inline-block;}
.jyxy-txt h3{ font-size:24px; margin-left:80px; line-height:40px; color:#178DD8; letter-spacing:2px; margin-bottom:10px;}
.jyxy-txt h3:after{ content:'';width:30px; height:30px; margin-left:9px; background:url(../img/yinhao2.png) no-repeat center; display:inline-block;}
.jyxy-txt p{ font-size:14px; color:#777;}
.jyxy-txt p:after{ content:'';width:70px; height:30px; margin-left:9px; display:inline-block;  position:absolute;}
.jyxy-btn{ width:100%; border-bottom:2px solid #585858; padding:80px 0 40px 0;}
.jyxy-btn:before{content:'';width:420px; height:50px; margin-left:9px; display:inline-block; border-top:2px solid #585858; border-left:2px solid #585858; position:absolute; margin-top:-40px; margin-left:30px;}
.jyxy-btn a{ height:35px; width:170px; display:block; background:#585858 url(../img/blue.png) no-repeat left; color:#fff; text-align:center;line-height:35px; letter-spacing:2px; text-indent:24px; margin-left:15%;}
.jyxy-btn a:hover{ background:#178DD8}

/*need*/
.needbg{ width:100%; position:relative; margin:0 auto;padding:10px 0; background:url(../img/eg1.png) no-repeat center; background-size:cover;}
.needbg .need{ width:1200px; position:relative; margin:0 auto; min-height:360px; overflow:hidden; text-align:center; padding:20px 0; color:#fff;}


.character{ width:100%; margin-top:0; text-align:center;}
.ch-btn{ color:#E0E0E0;background:rgba(255,255,255,0.2); width:50%; text-align:center; height:36px; line-height:36px; border:0; float:left; cursor:pointer;}
.ch-btn:first-child{ border-top-left-radius:3px;border-bottom-left-radius:3px;}
.ch-btn:last-child{ border-top-right-radius:3px;border-bottom-right-radius:3px;}
.ch-btn:hover,.ch-btn:focus{ background:#1E7FB5;color:#fff;}

/*首页滚动条*/
.gg_bg{position: relative; margin:0px auto;width: 100%;overflow: hidden;}
.gg_bg .gg{width:1200px;margin:0 auto;height: 35px;}
.gg_bg .gg span{text-align: right;float: left;height: 35px;position: relative;z-index: 99;margin-right: 0px;}
.gg_bg .gg span a{font-size: 13px;font-style: normal;line-height: 35px;font-weight: bold;color:#178DD8;letter-spacing:1px;}
.gg_bg .gg .gg_txt{width: 1100px;float: left;height: 35px;overflow: hidden;position: relative;white-space:nowrap;line-height:35px;margin-left: 5px;}
#scrollobj{width:1100px;height:35px;overflow:hidden;line-height:35px;font-size:13px;white-space: nowrap;overflow: hidden;display:inline;} 
#scrollobj a{font-size: 12px;font-style: normal;line-height: 35px;font-weight: bold;font-variant: normal;color: #f00;letter-spacing:1px;}
#scrollobj a:hover{text-decoration: underline;}
.gg_bg .gg .gg_txt font{margin-left: 8px;margin-right: 55px;color: #f00;display: inline;font-size: 12px;font-weight: bold;font-style: normal;}

/*forget*/
.forget{ width:100%; position:relative; padding:20px;}
.forget li{ float:left; width:33.3%; text-align:center; margin:0; color:#999; font-weight:normal;}
.forget li h2{ font-weight:normal; line-height:50px; font-size:16px;}
.forget li span{ width:30px; height:30px; border:2px solid #999; background:#D0D5D9; display:inline-block; border-radius:100%; line-height:27px; font-size:17px;z-index:2; position:absolute; margin-left:-17.5%}
.forget li p{height:2px; width:100%; display:inline-block; background:#999;}
.forget li.forget-hover{ color:#009FE8;}
.forget li.forget-hover span{ background:#009FE8; border:2px solid #009FE8; color:#fff;}
.forget li.forget-hover p{ background:#009FE8;}
.forget-ok{ text-align:center; margin:40px 20px; padding:20px 0;}
.forget-ok a{ margin:20px 0; display:inline-block; margin-top:50px;width:9em; height:2.3em; border:0; outline:none; background:#178DD8; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;letter-spacing:1px; cursor:pointer; vertical-align:middle; text-align:center; line-height:2.3em}
.forget-ok a:hover{background:#0B71AA; transition-duration:0.2s;}
.forget-ok p img{width:50px; height:auto; vertical-align:middle; margin-right:8px; margin-bottom:5px;}
.form_hint {background:#d45252;border-radius:3px;color: white;margin-left:18px;padding:3px 6px;z-index: 999; position: absolute;display:none; font-size:11px;}
.form_hint::before {content: "\25C0";color:#d45252;position: absolute;top:1px;left:-8px;}
input.txt:focus + .form_hint {display: inline;}
input.txt:required:valid + .form_hint {background: #28921f;}
input.txt:required:valid + .form_hint::before {color:#28921f;}
.required_notification { font-size:12px;color:#d45252 !important;margin:5px 0 0 0;display:inline-block;float:right;}

@media screen and (max-width:1400px){
.bannerbg{ height:680px;}
}

.linkbg .link .linklist li{ line-height:60px; background-color:rgba(255,255,255,.5); vertical-align:middle; text-align:center;}
.linkbg .link .linklist li img{ line-height:60px; max-height:100%; max-width:100%; width:auto; margin:0 auto; display:inline-block; vertical-align:middle;}
.linkbg .link .linklist li:hover img{ transition-duration:0s;}

/*2018.05.18*/
.banner8txt p{ line-height:60px !important; font-size:160% !important; text-shadow:none !important; letter-spacing: 2px !important;}
.b8{ font-size: 130px; position: absolute; margin-left: -60px; margin-top: -30px; color: yellow; font-family:arial;}
.banner8txt p span{color: yellow; margin: 0 5px; font-size: 300%; font-family: "楷体";}
.banner8txt{width:920px; overflow:hidden;display:block; margin-left:-150px; margin-top:-70px; padding:70px 10px 60px 120px;background:rgba(0,0,0,.1);border:2px solid #fff; }

.add-fil{visibility: visible; animation-name: fadeInLeft;}
.add-fir{visibility: visible; animation-name: fadeInRight;}
.add-fiu{visibility: visible; animation-name: fadeInUp;}
.add-fid{visibility: visible; animation-name: fadeInDown;}