@charset "utf-8";


html, body {
    
	margin: 0;
    padding: 0;
    border: 0;
}
body {
	font-family: PingFang SC, "Microsoft YaHei", Verdana, Arial;
    color: #444;
	background:#FBFBFB;
    font-size: 1.4rem;
    line-height: 160%;
}
img {
    border: 0 none;/*width:100%;*/
    height: auto;
}
a {
    color: #444;
    text-decoration: none;
}
a:hover {
    color: #356fae;
    text-decoration: none;
}


p {
    line-height: 180%;
    overflow: hidden;
    text-align: justify;/*text-align-last:justify;*/
}
.clear {
    clear: both;
}
.row {
    margin: 0;
}
.container {
    padding: 0;
}

.mobile-hide {
    display: block;
}
.mobile-show {
    display: none;
}

.frame_top {
    background: #3C61C2;color: #fff;
}
.top_link {
    height: 37px;
    color: #bfbfbf;
    font-size: 14px;
    line-height: 37px;
    float: right;
}

.top_link a {
    color: #FFFFFF;
	height: 18px;
    padding: 0 15px;
}

.top_link a:hover {
    text-decoration: underline;
}
.top-head{ margin-bottom: 20px;}
.frame_title {
    background: #07539b;
    height: 140px;
    border-bottom: 1px solid #fff;
}
.frame_title_in {
	width: 54%;
	float: left; 
}
.frame_title_in img {
    width: 100%;
}
.frame_top .tit{float: left;
    padding: 14px 30px;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;}
.wrap {background: #fff; padding:0 40px;}
.wrap .logo-title{ margin: 30px 30px 30px 0; float: left; font-size: 22px; font-weight: bold; line-height: 40px;}
.wrap .logo-title .name{font-size: 26px;float: left;
    margin-right: 15px;}
.wrap .logo-title .fr{ float:right;}
.wrap .logo-right{ float: right; margin:30px 0;}

.wrap .search{   width: 600px;   line-height: 54px;   margin: 20px auto; } 
.wrap .form-search{ background:#f3f3f3; border-radius:35px; -moz-border-radius:35px;-webkit-border-radius:35px; width:600px; height:54px;  }
.wrap .form-search input { font-size: 16px; padding: 0 10px 0 15px; color:#bcbcbc; float:left; width: 555px; height: 54px; line-height:54px; border: none; background:none; }
.wrap .form-search button{   margin: 10px 20px 10px 0 ; float:right; border: none; padding:0; line-height:32px; background:none; width:20px; height:20px; }
.wrap .search p{ text-align: center; color: #C01619; line-height: 24px; margin: 20px;}

.wrap .table{border: 1px solid #ddd;}
.wrap .table tr{height: 55px; }
.wrap .table tr th{ font-weight: bold; border-right:1px solid #ddd; width: 25%;}
.wrap .table tr th,.wrap .table tr td{padding: 16px; line-height: 25px; font-size: 16px; border-top:none;}

.foot_info {text-align: center;height: 80px; padding-top: 30px;}

@media screen and (max-width:1200px) {
.top-head {padding: 0 20px;}
.frame_top .tit {padding: 8px 30px;}
.wrap .logo-right{width: 32%;}
.wrap .logo-right img{width: 100%;}
.wrap .table tr th { width: 35%;}

}
@media screen and (max-width:992px) {
	.frame_title_in {
		width: 70%;}
	.wrap .logo-title{ line-height: 40px; margin: 15px 15px 15px 0;}
	.wrap .logo-right{display: none;}
	.wrap .table tr th {width: 40%;}
	.wrap .table tr th {width: 40%;}
}
	@media screen and (max-width:767px) {
	.frame_title_in {
	width: 90%;
}

}

@media screen and (max-width:640px) {
	.frame_top .tit {padding: 0 20px;}
}

	
@media screen and (max-width:480px) {
.wrap .logo-title {
    margin: 15px 0;
}
	.wrap .logo-title .name{
		float: none; margin: 0;}
	.wrap .logo-title .fr {float: left;}
}