@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family: "Arial"; font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; position:relative; }
.fl{float:left;}
.fr{float:right;}
.clear:after{ content:""; clear:both; display:block;}
select,input,img,select {vertical-align: middle;box-sizing: border-box;}

.w11{
	width: 1308px;
	margin: 0 auto;
}
.w22{
	width:88%;
	margin: 0 auto;
}
.w33{
	width:62.5%;
	margin: 0 auto;
}
.w44{
	width:1348px;
	margin: 0 auto;
}
.warp{
	width: 88%;
	margin: 0 auto;
}

.clear {
	clear: both;
}
.clearfixed:after{ content:""; clear:both; display:block}
.fl{ float:left}
.fr{ float:right}


header{ width: 100%; background: #eeeeee; padding:10px 50px 12px;}
.logo img{ display: block; }
.in_search{width: 34px; height: 34px; margin-top: 12px;}
nav{ margin-top: 12px; margin-right: 10px; }
nav li{line-height: 34px; height: 34px; float: left; padding:0 10px; position: relative;}
nav li:nth-child(1){ line-height:24px;}
nav li:nth-child(1):after{display: none;}
nav li a{ width: 100%; font-size: 15px; display: inline-block; color: #909090; z-index: 2;}
nav li:after{width: 1px; content: ""; position: absolute; left: 0; top: 12px; height: 10px; background:#cdcdcd; z-index: 1;}
nav li .ts{ background: #215fb2;}

.search{position: fixed;width: 100%;height: 100%;top: 0;left: 0; background: rgba(0,0,0,0.7);z-index: 9999;display: none;}
.search_nav{width: 600px;height: 140px;position: absolute;left: 50%;top: 40%;margin-left: -300px;margin-top: -70px; background: #e9e9e9;}
.ylt-big{width: 90%;height: 90%;position: absolute;left: 5%;top: 5%;}
.ylt-big1{width: 100%; height: 100%; overflow: auto; position: absolute; left: 0; top: 0;}
.colse{width: 90%;margin: 0 auto;padding: 10px 0;zoom: 1;margin-bottom: 20px;}
.colse:after{display: block;content: '';clear: both;}
.colse span{float: right;font-size: 16px;color: #333;cursor: pointer; }
.search_input{width: 90%;margin: 0 auto;zoom: 1;}
.search_input:after{display: block;content: '';clear: both;}
.search_input input{float: left;width: 90%;height: 40px;background: none; border: none;outline: none;border-bottom: 2px solid #fff;font-size: 18px;color: #555;padding-left: 20px;box-sizing: border-box; background:#fff;}
.search_input a{width: 10%;height: 40px;display: block;line-height: 40px;text-align: center;float: left; color: #fff; font-size: 20px;}

.tttt{ 
	position:absolute; 
	left:0; 
display: none;
	background:#1d52a2;  
	padding:10px; 
	transition-duration:.5s;
	text-align: center;
	color: #fff;
	width: 100%;
	z-index: 9999;
	top: 59px;
	font-size: 15px;
}
.tttt a{
	background: none;
	color: #fff;
	height: 46px;
	line-height: 46px;
	font-size: 16px !important;
	font-weight: normal !important;
}
.tttt a:hover{ color: #fff; background: #2269c9; }
.tttt span{ display: inline-block; padding-left: 5px; color: #ed2020; font-size: 12px; }

footer{width: 100%; background:#e9e9e9; padding:40px 50px 0 50px;}
footer .f-nav{ width: 100%; }
footer .f-nav dl{width: 22%; float: left;}
footer .f-nav dl:nth-child(5){width: 12%;}
footer .f-nav dl dt{line-height: 36px; color: #666666; font-size: 15px; text-transform: uppercase; margin-bottom: 7px;}
footer .f-nav dl dd{line-height: 33px; font-size: 14px; color: #888888}
footer .f-copy{width: 100%; border-top: 1px solid #b4b4b4; padding:19px 50px; margin-top: 40px; font-size: 14px; color: #525252; line-height: 56px;}
footer .f-copy .left{background: url(../images/logo.png) no-repeat left center;  padding-left: 110px; }


@media only screen and (max-width: 1440px){

}
@media only screen and (max-width: 1366px){
.w44 {
    width: 90%;
    margin: 0 auto;
}
.w33{
	width:90%;
	margin: 0 auto;
}
}
@media only screen and (max-width: 1240px){
   .w11 {
	width: 90%;
} 

.search {
    width: 20%;
}


}
@media only screen and (max-width: 992px){
header{ display: none; }
   .w11 {
	width: 94%;
} 

}
@media only screen and (max-width: 760px){
header{ display: none; }
   .w11 {
	width: 96%;
} 
footer .f-nav{display:none;}
footer .f-copy {
    padding: 10px 0px;
    margin-top: 0px;
    line-height: 36px;
    border-top: none;
}
footer {
    width: 100%;
    background: #e9e9e9;
    padding: 10px 10px 0 10px;
}
.w44 {
    width: 96%;
}
.w33 {
    width: 94%;
}

}