@charset "gb2312";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font-size: 16px; font-family: "Microsoft Yahei";}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
ul,ol{list-style:none;}
a{text-decoration:none;}a:hover{text-decoration:underline;}a:focus{outline:none;}a{outline:none;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
fieldset,img{border:0;}table{border-collapse:collapse;border-spacing:0; }
/*margin*/
.m0{margin: 0px;}
.m1{margin: 1px;}.ml1{margin-left: 1px;}.mt1{margin-top: 1px;}.mr1{margin-right: 1px;}.mb1{margin-bottom: 1px;}
.m2{margin: 2px;}.ml2{margin-left: 2px;}.mt2{margin-top: 2px;}.mr2{margin-right: 2px;}.mb2{margin-bottom: 2px;}
.m5{margin: 5px;}.ml5{margin-left: 5px;}.mt5{margin-top: 5px;}.mr5{margin-right: 5px;}.mb5{margin-bottom: 5px;}
.m10{margin: 10px;}.ml10{margin-left: 10px;}.mt10{margin-top: 10px;}.mr10{margin-right: 10px;}.mb10{margin-bottom: 10px;}
.m15{margin: 15px;}.ml15{margin-left: 15px;}.mt15{margin-top: 15px;}.mr15{margin-right: 15px;}.mb15{margin-bottom: 15px;}
.m20{margin: 20px;}.ml20{margin-left: 20px;}.mt20{margin-top: 20px;}.mr20{margin-right: 20px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 30px;}
/*padding*/
.p0{padding: 0px;}
.p1{padding: 1px;}.pl1{padding-left: 1px;}.pt1{padding-top: 1px;}.pr1{padding-right: 1px;}.pb1{padding-bottom: 1px;}
.p2{padding: 2px;}.pl2{padding-left: 2px;}.pt2{padding-top: 2px;}.pr2{padding-right: 2px;}.pb2{padding-bottom: 2px;}
.p5{padding: 5px;}.pl5{padding-left: 5px;}.pt5{padding-top: 5px;}.pr5{padding-right: 5px;}.pb5{padding-bottom: 5px;}
.p10{padding: 10px;}.pl10{padding-left: 10px;}.pt10{padding-top: 10px;}.pr10{padding-right: 10px;}.pb10{padding-bottom: 10px;}
.p15{padding: 15px;}.pl15{padding-left: 15px;}.pt15{padding-top: 15px;}.pr15{padding-right: 15px;}.pb15{padding-bottom: 15px;}
.p20{padding: 20px;}.pl20{padding-left: 20px;}.pt20{padding-top: 20px;}.pr20{padding-right: 20px;}.pb20{padding-bottom: 20px;}
/*often*/
.b{font-weight:bold;}.ti2{text-indent:2em;}.f14{font-size:14px;}.f16{font-size:16px;}.f18{font-size:18px;}.f20{font-size:20px;}.tc{text-align:center;}
.auto{margin-left:auto;margin-right:auto;}.l{float:left;_display:inline;}.r{float:right;_display:inline;}.db{display:block;}.dn{display:none;}.ovh{overflow:hidden;}.lh18{line-height:18px;}.lh20{line-height:20px;}.lh22{line-height:22px;}.lh24{line-height:24px;}.lh26{line-height:26px;}
.fix{*zoom:1;}.fix::after{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}.rel{position:relative;}.abs{position:absolute;}
.btn_click{position:relative; margin:0.8em 0; border-radius:8px;  background:linear-gradient(#edd847, #f2be2e); display: inline-block; padding:6px 19px; box-shadow:0 2px 2px #c2c2c2; border:1px solid #b37c12}.btn_click a{  color: #333333;  font-size:16px; padding:10px 12px}.btn_click img{animation: cursorMove 1s infinite; position: absolute;right:0;}.btn_click2{ position:relative; padding:8px 8px 8px 35px;}.btn_click2 img{animation: 1s infinite;position: absolute;left:6px; top:0px;}
/*layout*/
.logo {
    background: #039FB8;
}
.bznav li{float: left;width: 25%;text-align: center;position: relative;}
.bznav li::before{position: absolute;left: 0;top:10%;height: 80%;width: 1px;background: #C0C0C0;content: "";}
.bznav li:first-child::before{background: none}
.bznav li a{color:#333}
body{color: #2f2f2f; font-size: 16px; font-family:"MicroSoft YaHei"; }
.container{min-width: 320px; max-width: 640px; margin-left: auto; margin-right: auto;}
.gutter{margin-left:2%; margin-right:2%;}.img-responsive {max-width: 100%;  height: auto;}
p{ font-size:16px; color:#3c3b3b;line-height:1.72em; margin-top:0.4em; margin-bottom:0.4em;}
.banner img{ display:block}
.introduction{ background:#e3efff;}
.introduction .introduction_l{width:37px; height: 76px; color:#fff; background: #1957be; text-align: center; margin-right: 20px; position: relative}
.introduction .introduction_l::after{position:absolute; content: ""; width: 2px; height: 100%; background: #fff; top: 0; left: 3px;}
.introduction .introduction_l::before{position:absolute; content: ""; border-top:10px solid transparent;border-bottom:10px solid transparent; border-left:10px solid #1957be; top:28px; right: -10px;}
.introduction .introduction_l p{color:#fff; font-size:18px; margin: 0; line-height: 38px;}
h2{position:relative; text-align: center; margin-bottom: 10px}
h2::after{position:absolute; content: ""; width: 100%;height: 1px; background: #1957be; top: 49.5%; left: 0;}
h2 span{ color: #1957be; font-size: 20px; border: 1px solid #1957be; padding: 4px  20px; position: relative; z-index: 1; background: #fff;}
h2 span::after{position:absolute; content: ""; width: 8px; height: 8px; background:#1957be; top: 12px; left: 8px; transform: rotate(-45deg) }
h2 span::before{position:absolute; content: ""; width: 8px; height: 8px; background:#1957be; top: 12px; right: 8px; transform: rotate(-45deg) }
.A .a1 p{padding:0 2% ; text-align: justify}
.A .a1 span.bg_488cd0{ background:#488cd0; padding: 4px 10px; color:#fff; position: relative; top: -11px; left: -1px;}
.A .a1 span.bg_488cd0::before{position:absolute; content: ""; border-top:20px solid transparent;border-bottom:20px solid transparent; border-left:20px solid #488cd0; right:-20px; top: -6px;}
.A .a1 span.bg_7dc363{ background:#7dc363; padding: 4px 10px; color:#fff; position: relative; top: -11px; left: -1px;}
.A .a1 span.bg_7dc363::before{position:absolute; content: ""; border-top:20px solid transparent;border-bottom:20px solid transparent; border-left:20px solid #7dc363; right:-20px; top: -6px;}
.A .a1 span.bg_f96a2a{ background:#f96a2a; padding: 4px 10px; color:#fff; position: relative; top: -11px; left: -1px;}
.A .a1 span.bg_f96a2a::before{position:absolute; content: ""; border-top:20px solid transparent;border-bottom:20px solid transparent; border-left:20px solid #f96a2a; right:-20px; top: -6px;}
.A .a1 span.bg_47b8b2{ background:#47b8b2; padding: 4px 10px; color:#fff; position: relative; top: -11px; left: -1px;}
.A .a1 span.bg_47b8b2::before{position:absolute; content: ""; border-top:20px solid transparent;border-bottom:20px solid transparent; border-left:20px solid #47b8b2; right:-20px; top: -6px;}
.A .a1 span.bg_f6a62b{ background:#f6a62b; padding: 4px 10px; color:#fff; position: relative; top: -11px; left: -1px;}
.A .a1 span.bg_f6a62b::before{position:absolute; content: ""; border-top:20px solid transparent;border-bottom:20px solid transparent; border-left:20px solid #f6a62b; right:-20px; top: -6px;}
.A h3{color:#1957be; font-size:18px; padding-left: 7px; position: relative}
.A h3::after{position:absolute; content: ""; width: 3px; height: 100%; background:#1957be; top: 0; left: 0; }
.B .b1{border:1px dashed #1957be; margin-bottom: 15px;}
.B .b1 p{ padding:0 2%; text-align:justify;}
.B .b1 span{display:inline-block; background: #1957be; color:#fff; padding: 2px 15px 2px 20px; position:relative}
.B .b1 span::after{position:absolute; content: ""; width: 10px; height: 10px; background: #fff; border-radius: 50%; top: 8px; left: 5px;}
.B h3{display:inline-block; padding: 4px 15px 4px 30px; background:url(../images/icon.png) no-repeat left bottom #1957be; color:#fff; margin-bottom: 10px;}
.C h3{color:#00beee; font-size:16px; background: url(../images/c_icon.jpg) no-repeat left center; margin-bottom: 15px; padding-left: 23px;}
.C .c1{background:#dcf3fb}
.D .doc{padding:2%;}
.border_488cd0{border:1px dashed #488cd0;}.border_7dc363{border:1px dashed #7dc363;}.border_f96a2a{border:1px dashed #f96a2a}
.border_47b8b2{border:1px dashed #47b8b2;}.border_f6a62b{border:1px dashed #f6a62b;}
div.doc_btn{display: inline-block; width: 302px;}
div.doc_btn span{ display:inline-block; width:126px; text-align:center; border-radius:5px; height: 30px; line-height: 30px;}
div.doc_btn .doc_btn_blue{ background:linear-gradient(#eed84e,#f3c743); margin-right: 45px;}
div.doc_btn .doc_btn_yellow{ background:linear-gradient(#d70017,#7c0004)}
div.doc_btn span a{ color:#404040}div.doc_btn .doc_btn_yellow a{ color:#fff;}
.bg_dcf3fb{background:#dcf3fb; padding: 1% 0;}.color_1957be{color:#1957be}
@keyframes cursorMove{0%{top:12px;}100%{top:20px;}}@-webkit-keyframes cursorMove{0%{top:12px;}100%{top:20px;}}