.gx_banner{ background:url(/tsbank/resource/cms/2017/06/img_pc_site/2017060600265576644.jpg) center top no-repeat; width:100%;}
.gx_j{ width:100%; height:70px; overflow:hidden;}
.gx_c{ width:1160px; padding:40px 20px ; overflow:hidden; background-color:#fff; margin:0 auto;}
.gx_l{ float:left; width:240px; overflow:hidden;}
.gx_r{ float:right; width:890px; overflow:hidden;}

/*导航样式*/
.g_n_m{  background-color:#f5f5f5; border-bottom:#ededed solid 4px;}
.g_n_m h1{ line-height:40px; height:40px; overflow:hidden; font-size:20px; color:#fff; background-color:#ed7a2c; padding-left:20px;}
.g_n_c{ overflow:hidden;}
.g_n_c ul li{ height:60px; border-bottom:#fff solid 2px; overflow:hidden; line-height:60px;}
.g_n_c ul li a{ display:block; padding: 0 30px 0 25px; font-size:18px; color:#513580; height:60px; overflow:hidden; line-height:60px;}
.g_n_c ul li.active{ background:url(/tsbank/resource/cms/2017/06/img_pc_site/2017060622383749456.jpg) 10px 50% no-repeat;}
.g_n_c ul li.active a{ color:#ed7a2c; background:url(/tsbank/resource/cms/2017/06/img_pc_site/2017060622383796898.png) 100% 50% no-repeat; float:left; min-width:120px; padding: 0 30px 0 25px; }

/*右侧文字info*/
.qs_info {  padding: 0  30px; border:#eeeeee solid 1px; }
.qs_info .title { height:70px; line-height:70px; border-bottom:#e5e5e5 solid 1px; text-align:center; font-size:24px; color:#333333;}
.qs_info .con { padding:30px 0 50px; min-height:400px; }
.qs_info .con p ,.qs_info .con p *{ line-height:36px; font-size:16px; color:#414141; }

/*文字列表*/
.list { overflow:hidden; }
.list li { height:65px; overflow:hidden; border-bottom:1px solid #f4f4f4; background-image:url(/tsbank/resource/cms/2017/05/img_pc_site/2017051822251424815.png); background-repeat:no-repeat; background-position:0 25px; }
.list li a { padding-left:15px; font-size:16px; color:#333; line-height:65px; }
.list li span { font-size:16px; color:#333; line-height:65px; float:right; *margin-top:-65px; }
.list li:hover { background-position:0 -62px; }
.list li:hover a,.list li:hover span { color:#ed7a2c; }


/*跨境人民币*/
.gx_m_m{ width:858px; padding: 0  30px; border:#eeeeee solid 1px;}
.gx_m_t{ height:70px; line-height:70px; border-bottom:#e5e5e5 solid 1px; text-align:center; font-size:24px; color:#333333;}
.gx_cp{ padding-bottom:30px; margin-bottom:30px; border-bottom:#d2d2d2 solid 1px; }
.gx_cp_t{ height:40px; line-height:40px; font-size:22px; color:#333333;}
.gx_cp_m p { line-height:36px; font-size:16px; color:#414141;}
.gx_tx {  padding-bottom:30px; }


@media screen and (min-width:320px) and (max-width:479px){
.gx_j{ height:20px;}	
.gx_banner{ background-size:640px 45px;}
.gx_c{ padding:10px 10px; width:85%;}
.gx_l{ display:none;}
.gx_r{ width:100%; float:none;}
.qs_info .title{ font-size:18px; height:40px; line-height:40px;}
.gx_cp_t{ font-size:20px;}
.qs_info .con p, .qs_info .con p *{ font-size:14px;line-height: 30px;}

.list li{ height:40px;background-position: 0 12px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.list li a{ line-height:40px; font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list li span{ display:none;}
.list li:hover {background-position: 0 -75px;}

	}
	
	
@media screen and (min-width:480px) and (max-width:639px){
.gx_j{ height:30px;}	
.gx_banner{ background-size:960px 70px;}
.gx_c{ padding:15px; width:85%;}
.gx_l{ display:none;}
.gx_r{ width:100%; float:none;}
.qs_info .title{ font-size:20px; height:50px; line-height:50px;}
.gx_cp_t{ font-size:22px;}

.list li{ height:40px;background-position: 0 12px; width:430px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.list li a{ line-height:40px; font-size:16px;}
.list li span{ display:none;}
.list li:hover {background-position: 0 -75px;}

	}
	
@media screen and (min-width:640px) and (max-width:767px){
.gx_j{ height:40px;}	
.gx_banner{ background-size:1280px 90px;}
.gx_c{ padding:20px; width:85%;}
.gx_l{ display:none;}
.gx_r{ width:100%; float:none;}
.qs_info .title{ font-size:20px; height:50px; line-height:50px;}
.gx_cp_t{ font-size:22px;}

.list li{ height:50px;background-position: 0 17px; width:590px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.list li a{ line-height:50px; font-size:16px;}
.list li span{ display:none;}
.list li:hover {background-position: 0 -70px;}

	}
	
@media screen and (min-width:768px) and (max-width:1024px){
.gx_j{ height:40px;}	
.gx_banner{ background-size:1280px 90px;}
.gx_c{ padding:20px; width:85%;}
.gx_l{ display:none;}
.gx_r{ width:100%; float:none;}
.qs_info .title{ font-size:20px; height:50px; line-height:50px;}
.gx_cp_t{ font-size:22px;}

.list li{ height:50px;background-position: 0 17px; width:718px; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; }
.list li a{ line-height:50px; font-size:16px;}
.list li span{ display:none;}
.list li:hover {background-position: 0 -70px;}

	}