/*cssReset*/
@charset "utf-8";
*{ box-sizing: border-box; margin:auto; padding:0;}/*'Noto Sans S Chinese','Source Han Sans CN','PingFang SC',*/
html,body{padding:0; margin:auto; min-width: 1200px; max-width: 1920px; font: normal 14px/2 'Arial','Microsoft YaHei','sans-serif';  }
input[type="text"],input[type="password"],input[type="number"],input[type="radio"] , input[type="checkbox"],textarea,button,select{outline: none; padding:4px; border:none; -webkit-appearance:none;}
input[type="radio"] , input[type="checkbox"]{cursor: pointer;border:1px solid #aaa; border-radius: 50%; width: 16px; height: 16px;  vertical-align: middle;}
input[type="radio"]:checked{border-width: 4px; border-color:#fff;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}
input::placeholder{color:#aaa;}
input[type="number"]{-moz-appearance: textfield; }
body{ outline:0; border:0;  box-sizing: border-box; vertical-align: middle; }
select{padding:0 30px 0 15px; height: 26px; line-height: 26px; cursor: pointer; border:1px solid #ddd;border-radius: 26px; background: transparent url(icon-arrdown.png) no-repeat 95% -5%; background-size: 22px; padding:0\0;}
select:focus{background-position: 95% 100%}
button{border:none; cursor: pointer;}
table{border-spacing: 0; border-collapse: collapse; }
img{max-width: 100%; max-height: 100%; image-rendering:pixelated;border: 0;}
li{list-style: none;}
a{text-decoration: none; color: #333}
a:hover{color:#0078c7}

/*common*/
.clear:after{content:''; display: block; clear: both;}
.icon:before{content:''; display:inline-block; *display:inline; zoom:1; width: 28px; height: 28px; vertical-align: -9px; }
.icon-past:before{background-position: center 11.1%;}
.icon-inquire:before{background-position: center 22.2%;}
.icon-intro:before{background-position: center 33.4%;}
.icon-link:before{background-position: center 44.4%;}
.icon-tel:before{background-position: center 55.5%;}
.icon-mail:before{background-position: center 66.6%;}
.icon-contribute:before{background-position: center 77.7%;}

/*custom*/

body{background: url(../images/img12.jpg) no-repeat fixed; background-size: 100%; color: #333}
.container , .footer{margin:auto; width: 1200px;}
.o-h{overflow: hidden;}
.f-l{float: left;}
.f-r{float: right;}


/*footer*/
.footer .copyright ,.footer .g-left , .footer .r-info h2 {float: left; }
.footer .link ,.footer .r-info , .footer .r-info .text{float: right; }
.footer .link a{margin-left: 20px;}
.page-index~.footer{padding-left: 100px; }
footer{padding:10px 20px; background:#0078c7; color: #fff; border-radius: 10px;}
.footer .copyright{  height: 40px; line-height: 40px; font-size: 12px;}
.footer .r-info h2{line-height: 40px; padding-right: 15px; margin-right: 15px; border-right:1px solid #3393d2; font-size: 18px; font-weight: normal;}
.footer .r-info .text span {position: relative; display: block; padding-left: 25px; line-height: 20px;}
.footer .r-info .text .icon:before{position: absolute; top:-4px; left: 0;}

.title{margin:20px auto 15px; padding:5px 6px; background: #e4eef8; font-size: 16px; color:#0078c7; font-weight: bolder;border-radius: 10px;}

/*list*/
.page-list{
	margin-top: 90px;
	background: #fff;
	-webkit-box-shadow: 0 0 40px rgba(0,0,0,.1);
	box-shadow: 0 0 40px rgba(0,0,0,.1);
	border-radius: 10px;
	padding: 0 20px;
	margin-bottom: 5px;
}
.list-head{
	padding: 15px 0 10px;
}
.detail-r-head{
	overflow: hidden;
}
.list-head .f-l i,.detail-r-head .f-l i{
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
.list-head .f-l span,.detail-r-head .f-l span{
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	color: #0078c7; 
	margin-left: 8px;
}
.detail-r-head .f-l span{
	font-size: 14px;
}
.list-head .search,.detail-r-head .search{
	margin: 0;
}
.list-head .search input,.detail-r-head .search input{
	height: 30px;
	line-height: 31px;
	background-position: 2% 89.5%;
    background-size: 24px auto;
}
.list-head .search button,.detail-r-head .search button{
	top: 4px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}
.logo{
	margin-top: 11px;
	height: 8px;
	position: relative;
}
.logo .h4{
	height: 4px;
	border:0;
	background: #057bc8;
}
.logo .h2{
	height: 2px;
	border:0;
	margin-top: 2px;
	background: #004b9a;
}
.logo img{
	position: absolute;
    left: 50%;
    top: -40px;
    height: 90px;
    max-height: 90px;
    margin-left: -105px;
    background: #fff;
    padding: 0 10px;
}
.list-container > .f-l{
	width: 356px;
}
.list-container > .f-r{
	width: 780px;
}
.list-container .info-title{
	width: 210px;
	margin-left: 0;
}
.list-container .info{
	line-height: 1.8;
	color: #000;
}
.list-container .info .text{
	margin-bottom: 15px;
}
.info-title .icon:before{
	content: "";
    background-position: 0px -84px;
}
.info-title span{
	margin-left: 5px;
}
.list-container .c-title{
	width: 210px;
	margin-right: 0;
}
.c-title .icon:before{
	content: "";
    background-position: 0px -28px;
    margin-right: 10px;
}
.list-container .content ul{
	overflow: hidden;
}
.list-container .content ul li{
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
}
.list-container .content ul li .img{
	padding: 7px;
	border: 1px solid #e5e5e5;
	margin-bottom: 10px;
}
.list-container .content ul li .img img{
	display: block;
}
.list-container .content ul li span{
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 1.5;
}
.pageview{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}
.pageview span,.pageview a{
	color: #999999;
	padding: 0 5px;
	font-size: 12px;
}
.pageview a:hover{
	color: #0078c7;
}

/*detail*/
.detail-container{
	margin-top: 90px;
	margin-bottom: 50px;
	float: left;
	width: 100%;
}
.detail-container > .f-l{
	width: 820px;
	background: #fff;
	padding: 0 20px 40px;
	-webkit-box-shadow: -25px 0 60px rgba(0,0,0,.07);
    box-shadow: -25px 0 60px rgba(0,0,0,.07);
    border-radius: 10px;
}
.detail-container > .f-r{
	width: 360px;
	padding: 15px 16px;
	background: #fff;
	border-radius: 10px;
}
.detail-l-head{
	padding-top: 15px;
}
.detail-l-head > .f-l i{
	display: inline-block;
    width: 20px;
    height: 22px;
    vertical-align: middle;
}
.detail-l-head > .f-l a span{
	vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #0078c7;
    margin-left: 10px;
}
.detail-l-head > .f-l > span{
	font-size: 12px;
	color: #999999;
	margin-left: 10px;
	line-height: 32px;
	display: inline-block;
}
.detail-l-head > .f-r > div{
	float: right;
	margin-right: 15px;
	cursor: pointer;
	color: #999;
}
.detail-l-head > .f-r > div:hover{
	color: #0078c7;
}
.detail-l-head > .f-r > .f-r:hover{
	color: #999;
	cursor: default;
}
.detail-l-head > .f-r span{
	display: inline-block;
	vertical-align: middle;
}
.detail-l-head > .f-r i{
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/d-icon.png) no-repeat;
	margin-right: 5px;
}
.detail-l-head .large i{
	background-position: center -38px; 
}
.detail-l-head .small i{
	background-position: center -70px; 
}
.detail-l-head .default i{
	background-position: center -102px; 
}
.detail-container .content{
	margin-top: 60px;
}
.detail-container .content h3{
	text-align: center;
	font-size: 24px;
	margin-bottom: 15px;
}
.detail-container .content img{
	display: block;
	margin: 0 auto;
}

.detail-r-c{
	margin: 25px 0;
}
.detail-r-c .img{
	padding: 0 7px;
}
.detail-r-c .button{
	overflow: hidden;
	margin-top: 25px;
}
.detail-r-c .button .f-l{
	width: 178px;
	height: 34px;
	border: 1px solid #e4eef8;
	border-radius: 17px;
}
.detail-r-c .button .f-l a{
	float: left;
	width: 50%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #0078c7;
}
.detail-r-c .button .prev i{
	background-position: center -166px; 
	margin-right: 5px;
}
.detail-r-c .button .next i{
	background-position: center -198px; 
	margin-left: 5px;
}
.detail-r-c .button .f-l span{
	display: inline-block;
	vertical-align: middle;
}
.detail-r-c .all{
	width: 120px;
	height: 34px;
	line-height: 32px;
	display: inline-block;
	text-align: center;
	border: 1px solid #e4eef8;
	border-radius: 17px;
	font-size: 14px;
	font-weight: bold;
	color: #0078c7;
}
.detail-r-b ul{
	padding: 0 19px;
}