@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body {color: #555;line-height:24px;font-family:SimSun,Arial;background: #f7f7f7;}
body,h1,h2,h3,h4,h5,h6,dd,dl,dt,ul,li,form,img,input,textarea {padding:0;margin:0;border:0;list-style:none;font-weight:normal;}
a:visited {text-decoration: none;}
a:hover {text-decoration:none;}
a:active {text-decoration: none;}
a { color:#555;text-decoration: none;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.clear {clear: both;}
.fl { float:left}
.fr { float:right}

img{display: block;}

#top {background:url(logobg.jpg);background-size:100% 100%; height: 52px;}
#top .logo { background: url(logo.png) no-repeat; background-size: cover; width: 226px; height: 52px;}

#top .search {/*width: 20%; padding-right: 1em; */font-size: 1.5em; color: #FFFFFF; line-height: 52px;}
#top .search a {color: #FFFFFF;}
#top .searchpic {/*background: url(images/search.jpg) no-repeat; background-size: cover;*/ width: 52px; height: 52px; margin-right: .5em;}
.bdcs-container .bdcs-search-icon-1{ height: 40px;width: 40px;background-size: 50% 50%;}


#menu { width: 100%; background:url('./20210207-index-02.jpg'); background-size:100% 100%; padding:0.7em 0}
#menu li { /*float: left; width: 24%; line-height: 30px; text-indent: .5em; font-size: 1.7em;*/}
#menu li .bigwidth {width: 28%!important;}

#focus {width: 100%; /*height: 175px;*/ background: #999999; margin-top: 5px;}
.slideBox{ width:100%; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; font-size:0; }
.slideBox .hd ul li{ float:left; margin-right:6px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.slideBox .hd ul li.on{ background:#1e48a5; color:#fff; }
.slideBox .bd{ height:100%; z-index:0; }
.slideBox .bd img{width:100%;/*height:175px;*/display:block;}
.slideBox .bd li{position:relative; width:100%;}

.infoList li{
	height: 30px;
	border-bottom: 0 !important;
}
.infoList a{
	float: left;
    height: 30px;
    line-height: 33px;
    padding-right: 3%;
    text-align: center;
    font-size: 1.6rem;
    color: #555;
    width: 100%;
	overflow: hidden;
}

#news { margin: 15px 0 25px 0;}
#news h1 { font-size: 2em; line-height: 1.2;padding: 5px 0; font-weight:bold; text-align: center; color: #1e48a5; width: 90%; margin: auto;}
#news h1 a {color: #1E48A5;font-size: 1.8rem;}
#news .subtitle {text-align: center; width: 90%; margin: auto; font-size: 1.4em; color: #666666; margin-bottom: 10px;overflow: hidden; height: 2rem;}
#news .noticeleft {width: 20%; height: 30px; line-height: 33px; float: left; background: #1e48a5; color: #FFFFFF; text-align: center; font-size: 1.4em;}
#news .noticeright {width: 77%; background: url(ico_01.png) left center #F2F2F2 no-repeat; background-size:10px 15px ; float: left; height: 30px; line-height: 33px; padding-right: 3%; text-align: right; font-size: 1.3em; color: #555;}
#news .noticeright ul li{font-weight:bold;}
#news ul {padding: 10px 0;}
#news li {width: 90%; border-bottom: 1px solid #DBDBDB; line-height: 40px; font-size: 1.6em; margin: auto;overflow: hidden; height: 40px;}
#news li:last-child {border: none;}

.currency_title {width: 90%; border-top:2px solid #1e48a5; padding: 10px 0; margin: auto;}
.currency_title h1 {border-left: 4px solid #1E48A5; padding-left: 10px; height: 24px; line-height: 26px; font-size: 2em; color: #1E48A5;}

.ty_list {width: 90%; margin:10px auto;}
.ty_list li {border-bottom: 1px solid #E9E9E9;	margin-bottom: 20px;padding: 0 0 10px 0;}	
.ty_list li:last-child {border-bottom: none;}		
.ty_list h1 {font-size: 1.6em; line-height: 24px; padding-top: 5px; color: #666666;overflow: hidden; max-height: 48px;}			
.ty_list .text {width: 63%; float: right;margin-top: -5px;}			
.ty_list .time {color: #999999;font-size: 14px; padding-top: 5px;}	
.ty_list .pic {float: left; width: 35%;}			
.ty_list .pic img {width: 100%; height: 75px;}

.ty_pic_list {width: 90%; margin:10px auto;} 
.ty_pic_list li {width: 50%; float: left; text-align: center; position: relative; height: 125px;}
.ty_pic_list li img {width: 95%; height: 125px;}
.ty_pic_list .text {position: absolute; width: 95%; text-align: center; line-height: 30px; background: #000000; bottom: 0; opacity: .8; height: 30px; color: #FFFFFF; font-size: 1.4em;overflow: hidden;}
/*.ty_pic_list li:first-child {text-align: left;}
.ty_pic_list li:last-child {text-align: right;}
.ty_pic_list li:first-child .text {left: 0;}
.ty_pic_list li:last-child .text {right: 0;}*/

.ty_pic_list_big {width: 90%; margin:10px auto;} 
.ty_pic_list_big .pic {position: relative; width: 100%; height: 220px;}
.ty_pic_list_big .pic img {width: 100%; height: 220px;}
.ty_pic_list_big .text {position: absolute; width: 100%; text-align: left; line-height: 40px; background: #000000; bottom: 0; opacity: .8; height: 40px; color: #FFFFFF; text-indent: 15px; font-size: 1.4em;overflow: hidden; height: 40px;}


.ty_text_list {width: 90%; margin:10px auto;}
.ty_text_list li {line-height: 30px; font-size: 1.6em;overflow: hidden; height: 30px;}


#copyright {background: #1E48A5; padding: 30px 0 10px 0; text-align: center; color: #FFFFFF; margin-top: 20px;}
#copyright h1 {font-size: 1.8em; line-height: 50px;}
#copyright span {font-size: 1.4em;}
#copyright img {width: 30%;margin: 0 auto;}

div.menu{
	overflow:hidden;
}
div.menu .topnav{
	float: left;
	width: 20%;
	line-height: 30px;
	font-size: 1.2em;
	text-align: center;
	color: #fff;
}
div.menu .topnav a{
	color:#fff;
	display:block;
}
div.menu .topnav .subnav{
	display:none;
	width: 100%;
	position: absolute;
	z-index:10;
	left: 0;
	background-color: #3c6dda;				
}

div.menu .topnav .subnav a{
	float: left;
	text-align: center;
	width: 25%;
}
/**
 * iPhone 4/4s landscape & portrait
 */
@media only screen and (max-device-width: 414px){
	html{font-size:69%;}
}
@media only screen and (max-device-width: 375px){
	html{font-size:62.5%;}
}
@media only screen and (max-device-width: 320px){
	html{font-size:53.3%;}
}