/* base */
html{overflow-x:hidden; overflow-y:auto;}
body{ font:normal 1em  "微软雅黑","Arial","MIC","Tahoma",sans-serif;color:#505a66; margin:0px; padding:0px; background:#fff;}
ul,ol{list-style:none;padding:0px;margin:0;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td, fieldset, label, legend,dt,dd,dl, em,i{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight: 400;}
section, article, aside, header, footer, nav, dialog, figure,figcaption {display:block;}
figure {margin:0;}
img {border:0;}
a {text-decoration:none; cursor:pointer; outline-color:-moz-use-text-color;
outline-style:none;outline-width:0;text-decoration:none;-moz-outline:none;outline:none;ie-dummy:expression(this.hideFocus=true);}
a:hover {text-decoration:none;}
button {cursor:pointer;}
fieldset,form{ background:none; border:none; padding:0; margin:0;}
input, button{outline: none;}
em{font-style: normal;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}

.f_l{float: left;}
.f_r{float: right;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt14{padding-top: 14px;}
.pb20{padding-bottom: 20px;}
.pd50{padding-bottom: 50px;}
.hide{display: none;}
.text_c{text-align: center;}

/**/
.color_red{color: #c11128;}

/**/
#main_body{margin-bottom: 20px;}
header{background: #005998; height: 50px; position: relative; text-align: center;}
.logo{background: url(images/head_ico.png) no-repeat 0 0; width: 102px; background-size: 320px auto; height: 45px; display: inline-block; overflow: hidden; text-indent: 999px; line-height: 80px; margin-top: 4px;}
.return{position: absolute; width: 55px; height: 20px; top:13px; left: 3%;}
.return_wrap{display: block; color: #fff; font-size: 1.2em; width: 16px;}
.return_ico{background: url(images/head_ico.png) no-repeat 0 -46px; background-size: 320px auto; display: inline-block; vertical-align: -6px; width: 16px; height: 24px;}
.wap_title{font-size: 1.5em; font-weight: 400; color: #fff; line-height: 50px;}
.nav_ico{background: url(images/head_ico.png) no-repeat 0 -71px; background-size: 320px auto; width:22px; height: 26px; position: absolute; right: 3%; top:10px; cursor: pointer;}

.borderb_wrap{padding:1em 3%; border-bottom: 1px solid #e9ecef; line-height: 1.5em;}
.borderb_wrap .big_title{padding-top: 10px;}
.big_title{color: #a30030; font-size: 1.5em; }
.mid_title{color: #a30030; font-size: 1.125em;}
.borderb_wrap p, .mt1em{margin-top: 1em;}
.point_list li{background: url(images/head_ico.png) no-repeat -310px 9px; background-size: 320px auto; padding-left: 14px;}
.bottom_tips{color: #46a2d4; margin-top: 1.5em; padding:0 3% 2em; font-size: 0.875em;}


.img_box{text-align: center;}
.img_box a{display: block;  text-align: center;}
.img_box img{max-width: 100%; vertical-align: middle;}



footer{background:#e9ecef; border-top:1px solid #d5dce2; overflow: hidden;}
.footer_nav{padding: 2em 8% 0;}
.footer_nav li{width: 33.3333%; float: left; margin-bottom: 1.5em; text-align: center;}
.footer_nav li a{background: url(images/head_ico.png) no-repeat 0 -106px; background-size: 320px auto; padding-left: 14px; display: inline-block; color: #5c6773}
.copy_right{line-height: 1.5em; text-align: center; margin-top: 12px; padding-bottom: 30px; color: #79818c; font-size: 0.80em}


.noborder{border: none;}

/*网上汇兑*/
.list_dl dt{height: 60px; width: 100%; color: #fff;}
.list_dl dd{height: 0; overflow: hidden; -webkit-transition:all 0.5s ease-in;}
.list_dl dd div{padding: 12px 4%; }
.list_dl .bg_line{width: 8px; height: 100%; float: left; }

.list_dl div{display: block; margin-left: 8px; height: 100%; padding-right: 30px; position: relative;}
.list_dl .first_a{background: -webkit-gradient(linear,0 0,0 100%, from(#4773ad), to(#4773ad));}
.list_dl .second_a{background: -webkit-gradient(linear,0 0,0 100%, from(#6d95ca), to(#6d95ca));}
.list_dl .third_a{background: -webkit-gradient(linear,0 0,0 100%, from(#94b6e4), to(#94b6e4));}
.list_dl div h2{font-size: 1.2rem; position: relative; height: 100%;}
.list_dl div h2 .small_word{font-size: 1rem;}
.list_dl div h2 p{position: absolute; top:50%; left: 65px; -webkit-transform:translate(0, -50%);}
.bluebg{background: #46bcfa;}
.greenbg{background: #81eba4;}
.dark_bluebg{background: #3480e4;}
.list_dl div i{margin:8px 0 0 10px;}
.first_i{background: url(images/wshd_ico.png) no-repeat; background-size: 320px auto; width: 45px; height: 46px; display: inline-block; vertical-align: middle; float: left;}
.second_i{background: url(images/wshd_ico.png) no-repeat -45px 0; background-size: 320px auto; width: 45px; height: 46px; display: inline-block; vertical-align: middle; float: left;}
.third_i{background: url(images/wshd_ico.png) no-repeat -90px 0; background-size: 320px auto; width: 45px; height: 46px; display: inline-block; vertical-align: middle; float: left;}
.jian{background: url(images/wshd_ico.png) no-repeat -298px 0; background-size: 320px auto; height: 13px; width: 20px; display: block; position: absolute; right: 10px; top:14px; -webkit-transform:rotate(180deg); -webkit-transition:all 0.5s ease-in;}
.link_a{text-decoration: underline; color: #c8152d;}

.list_dl dd.heightauto{-webkit-animation:heightMove 0.5s ease-in; height: auto;}
.turn_top{-webkit-transform:rotate(0deg);}

@-webkit-keyframes heightMove {
	0%{height: 0px;}
	100%{height:130px;}
}