@charset "utf-8";
/* CSS Document */
/*----------------------
Author：Ming
----------------------*/
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {font-size:12px; color:#323232;font-family:'\5B8B\4F53', sans-serif, "Microsoft YaHei"; width:100%; overflow-x:hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none}
a {background-color: transparent}
a:active, a:hover {outline: 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
dfn {font-style: italic}
mark {background: #ff0;color: #000}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
img {border: 0}
svg:not(:root) {overflow: hidden}
figure {margin: 1em 40px}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
pre {overflow: auto}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em}
button, input, optgroup, select, textarea{color: inherit;font: inherit;margin: 0}
button {overflow: visible}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button;cursor: pointer}
button[disabled], html input[disabled] {cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}
input {line-height: normal}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box;padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: .35em .625em .75em}
textarea {overflow: auto}
optgroup {font-weight: bold}
table {border-collapse: collapse;border-spacing: 0}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0}
a{text-decoration:none}

.pr{position:relative}
.pb{ position:absolute}
.t_r{text-align:right !important}
.t_c{text-align:center !important}
.t_l{text-align:left !important}
.fl{float:left !important}
.fr{float:right !important}
.clearfix:before,.clearfix:after,.wrapper:after,.wrapper:before { content:"";display:table;}
.clearfix:after,.wrapper:after { clear:both; overflow:hidden;}
.clearfix,.wrapper{*zoom:1; /* for ie6 & ie7 */}
.hide { display:none !important}
.block {display:block !important;}
.wrapper{width:1002px; margin:0 auto;position:relative; }
.mt0{margin-top:0px !important}
.mb0{margin-bottom:0 !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt60{margin-top:60px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}
.mr10{margin-right:10px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb70{margin-bottom:70px !important}
.mb100{margin-bottom:100px !important}
.pl0{padding-left:0 !important}
 .p20{ padding:20px !important}
.p0{padding:0 !important}
.position-normal{position:static !important}
.hover{ transition:all .18s ease; -webkit-transition:all .18s ease;-moz-transition:all .18s ease;-o-transition:all .18s ease}
.transition{transition: all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out} 
.hover:hover{opacity:.9; -webkit-opacity:.9}
.no-block{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
.nowrap{white-space:nowrap; }
.border_b_0{border-bottom:none !important}
.border-none{border:none !important}
.notap{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;}
.color-fff{color:#fff !important}
em{ font-style:normal}
.bg-fff{background:#fff}
 img{border:none}

 /*header*/
 .header{ position: relative; background: url(../images/banner_bg.jpg) no-repeat; background-size: 100% 100%;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner_bg.jpg',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/banner_bg.jpg',sizingMethod='scale');}
.header_warp:after{content: ''; display: block; clear: both;}
 .header_warp{ width: 1180px; margin: 0 auto; padding-bottom: 50px;}
.header_left{ float: left; position: relative; top: 130px; left: -100px; width: 500px; opacity: 0; }
.header_right{ float: left; margin-left: 55px; margin-top: 65px; width: 600px; position: relative;right: 0px;}
.code_box{ margin-top: 35px;}
.code_box:after,.s_box:after{content: '';display: block; clear: both;}
.code_left,.code_right{ float: left;}
.code_right{ margin-left: 17px;}
.code_right a{ color: #fdefc3; font-size: 20px;}
.code_right span{ margin-left: 10px;}
.home_net,.home_register{ height: 65px; background-color: #934055; line-height: 65px; border-left: 68px solid #82394b; width: 200px; padding-left: 20px; position: relative;}
.home_net:after{content: ''; display: block; background: url(../images/icon_home.png) no-repeat; width: 32px; height: 31px; position: absolute; left: -50px; top: 20px; z-index: 999;}
.home_register{margin-top: 10px;}
.home_register:after{content: ''; display: block; background: url(../images/icon_tag.png) no-repeat; width: 32px; height: 31px; position: absolute; left: -50px; top: 20px; z-index: 999;}
.header_des{color:#504042; font-size: 14px; line-height: 24px; font-family:  "Microsoft YaHei"; margin-top: 45px;}

/*main*/
.s_box{width: 1180px; margin: 0 auto; height: 450px;}
.box_left{width: 550px; float: left;}
.wz_1{ background: url(../images/wz_1.jpg) no-repeat; width:495px; height: 128px; position: relative; top: 170px;}
.wz_2{ background: url(../images/wz_2.jpg) no-repeat; width:332px; height: 126px; position: relative; top: 160px;}
.wz_3{ background: url(../images/wz_3.jpg) no-repeat; width:442px; height: 96px; position: relative; top: 155px;}
.wz_4{ background: url(../images/wz_4.jpg) no-repeat; width:408px; height: 96px; position: relative; top: 165px;}
.wz_5{ background: url(../images/wz_5.jpg) no-repeat; width:533px; height: 96px; position: relative; top: 152px;}

.bgcor{ background-color: #f6f6f6;}
.box_right{ float: left; margin-left: 150px; margin-top: 30px; position: relative;background: url(../images/Y_bg.png) no-repeat;height: 385px; width: 384px; background-size: 100% 100%;  }
.action_1{background: url(../images/icon_sj.gif) no-repeat; width: 232px; height: 334px; position: absolute; bottom: 26px; left: 78px;}
.action_2{background: url(../images/icon_rl.gif) no-repeat; width: 234px; height: 334px;position: absolute; bottom: 23px; left: 77px;}
.action_3{background:url(../images/icon_data.png) no-repeat; width: 323px; height: 322px;position: absolute; bottom: 23px; left: 37px;}
.action_4{background:url(../images/icon_tj.gif) no-repeat; width: 234px; height: 334px;position: absolute; bottom: 23px; left: 77px;}
.action_5{background:url(../images/icon_lt.gif) no-repeat; width: 234px; height: 334px;position: absolute; bottom: 23px; left: 77px;}

.icon_notice{display: block; background: url(../images/icon_notice.png) no-repeat; width: 112px; height: 112px; position: absolute; left: -20px; top: 150px; z-index: 666}
.icon_news{display: block; background: url(../images/icon_news.png) no-repeat; width: 89px; height: 89px; position: absolute; right: 0px; top: 65px; z-index: 666}
.icon_num{display: block; background: url(../images/icon_num.png) no-repeat; width: 112px; height: 112px; position: absolute; left: -90px; top: 155px; z-index: 666}
.icon_balloon_1{display: block; background: url(../images/icon_balloon_1.png) no-repeat; width: 61px; height: 125px; position: absolute; right: -60px; top: 30px; z-index: 666}
.icon_balloon_2{display: block; background: url(../images/icon_balloon_2.png) no-repeat; width: 61px; height: 125px; position: absolute; left: 5px; top: 120px; z-index: 666}
.icon_balloon_3{display: block; background: url(../images/icon_balloon_3.png) no-repeat; width: 50px; height: 93px; position: absolute; right: -5px; top: 230px; z-index: 666}
.icon_chart_1{display: block; background: url(../images/icon_chart_1.png) no-repeat; width: 348px; height: 59px; position: absolute; right: -55px; top: 160px; z-index: 666}
.icon_chart_2{display: block; background: url(../images/icon_chart_2.png) no-repeat; width: 174px; height: 62px; position: absolute; left: -48px; top: 240px; z-index: 666}

.box_left2{ float: left; position: relative;background: url(../images/Y_bg.png) no-repeat;height: 385px; width: 384px; background-size: 100% 100%; margin-top: 30px;}
.box_right2{float: left; margin-left: 150px; margin-top: 20px; width: 500px;}
.box_right2 h3{ color: #ffd200; font-size: 43px; font-weight: normal; padding-top: 90px;}
.box_right2 p{color:#504042; font-size: 18px; line-height: 30px; margin-top: 40px;}
.icon_cal{ display: block; background: url(../images/icon_cal.png) no-repeat; width: 112px; height: 111px; position: absolute; right: 0; top: 190px; z-index: 666}

/*footer*/
.footer{ height: 96px; text-align: center; background-color: #b0afaf; color: #504042; padding-top: 60px; font-family:Arial}
.footer h3{ font-size: 20px; font-weight: normal;}
.footer p{ font-size: 12px; margin-top: 20px;}