﻿/* CSS Document */
*, :after, :before{margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
input{outline:none;}

.foot a{ color:#333; text-decoration:none;}
.foot a:hover{color:#2e3957;text-decoration:none}

.wrap{ width:1400px; margin:0 auto; overflow:hidden;}

.xjtop{ position: absolute;  width: 100%;  z-index: 9;  background: rgba(255,255,255, 0.6); padding:20px 0;}
.xjlogo{ float:left; width:20%; padding-right:50px;}
.xjlogo img{ width:100%;}

.navtel{ float:left; width:80%; position:relative;}
.xjnnav{ overflow:hidden; padding-right:250px;}
.xjnnav li{ float:left; width:12.5%;}
.xjnnav li a{ display:block; text-align:center; line-height:46px;}
.xjnnav li a.on{ border-bottom:3px solid #ffb900;}

.xjmnavul li.hide{ display:none;}


.xjtel{ position:absolute; top:0; right:0; width:250px; float:right; padding-left:50px;}
.xjtel a{ display:block; line-height: 40px;  background: #ffb900 url(../images/top-tel.png) left 20px center no-repeat;  padding-left: 60px;  color: black;  border-radius: 30px;  font-size: 18px;}

.xjmnav{ display:none;}
.xjmnavul{ overflow:hidden; background:#2e3957; border-bottom:1px #485988 solid;}
.xjmnavul li{ float:left; width:33.333333%; height:40px; line-height:40px; border:1px #485988 solid; margin-right:-1px; margin-bottom:-1px;}
.xjmnavul li a{ display:block; text-align:center; color:#fff;}



.foot{ background-color:#f7f7f7; padding:20px 0;  overflow:hidden; line-height:30px;}
.footc{ width:65%; float:left; padding-top:40px;}
.footc dl{ width:33.33333%; float:left;}
.foot dt{ font-size:20px; margin-bottom:20px;}
.foot dt span{ border-bottom:1px #252d3f solid; padding-bottom:10px; }
.foot dd{ font-size:16px; color:#fff; line-height:35px;}
.footc dd a{ display:block;}
.footc dd a:hover{ color:#fc7301;}
.flx{ width:35%; float:left;}
.flx li{ border:1px #252d3f solid; padding:10px; text-align:center; margin-bottom:20px; font-size:18px;}
.flx li img{ margin-right:10px; display:inline-block; vertical-align:middle; }
.flx li a{ display:block; width:120px; height:30px; background-color:#ffd200; text-align:center; margin:10px auto;}
.flx li a:hover{ color:#000000;}
.flx li table{ margin:0 auto; width:80%;}
.flx li table,.flx li td{ border:0; text-align:left;}
.flx li table .td1{ text-align:right; width:30%;}
.flx li td span{ font-size:24px; font-family:Impact;}

.bq{  padding:10px 0px; overflow:hidden;  border-top:1px #8c8c8c solid; text-align:left; margin-top:30px;}
.fdh{ display:none;}

.footwx img{ width:92px;}


.flink{ width:100%; line-height:40px; padding:20px 0; background-color:#262e41; color:#fff; overflow:hidden;}
.flink a{ color:#fff; }
.flink a:hover{ color:#fc7301;}

.sousuopage{ padding:50px 0;}
.sousuo{ overflow:hidden;}
.sousuo li{ overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.sousuo-l{ float:left; width:200px;}
.sousuo-l img{ width:100%;}

.sousuo-r{ padding-left:220px;}
.sousuo-r .sousuo-t a{ font-size:1.5em; font-weight:bold;}
.sousuo-r p{ line-height:2em; color:#666;}


.ss {
	width: 100%;
	height: 100px;
	background-color:#f1f4fb; overflow:hidden;
}
.tags { float:left;/* width:50%;*/ line-height:60px; padding-top:20px;}
.tags b{ color:#333; font-size:24px; margin-right:20px;}
.tags a{font-size:16px; margin-right:10px; color:#333; }
.tags a:hover{ color:#fc7301;}
.ssl {
	float:right;
	width:250px;
	height: 60px; padding-top:20px;
}
.postbox {
	width: 230px;
	height: 46px;
	margin-top: 3px;
	background-color:#fff;
	padding-left: 20px;
	border:1px #333 solid;
	border-radius:5px;
}
.postbox .input {
	border: 0;
	height: 44px;
	line-height: 44px;
	float: left;
	width: 160px;
	padding: 0px 5px;

}
.postbox .btn {
	height: 46px;
	float: right;
	width: 32px;
	background: url(img/ss2.png) no-repeat left center;
	float: right;
	border: none;
}



@media screen and (max-width: 1500px) {
.wrap{ width:90%; margin:0 5%;}
}
@media screen and (max-width: 1280px) {
.flx li table{ width:100%;}

.xjtel{ width:200px; padding-left:0;}
.xjnnav{ padding-right:200px;}

}

@media screen and (max-width: 1200px) {
.xjtel{ display:none;}
.xjnnav{ padding-right:0;}
	}

@media screen and (max-width: 980px) {
.footc{ display:none;}
.flx{ width:60%; margin:0 auto; float:none;}
.bq{ text-align:center;}

.xjtop{ position:relative; padding:0; background:#fff;}
.xjtop .wrap{ width:100%; padding:0; margin:0;}

.navtel{ display:none;}
.xjmnav{ display:block; clear:both;}

.xjlogo{ width:100%; padding-right:0; text-align:center; padding:20px 0;}
.xjlogo img{ width:250px; max-width:250px;}
}

@media screen and (max-width: 800px) {
.footc dd a{ width:100%;}
.bq{ margin-bottom:60px; }
.bq{ text-align:center; padding-top:30px;}
.fdh{ line-height:40px; height:40px; background-color:#222222; width:100%; display:block; position:fixed; z-index:99999; bottom:40px; color:#FFF; }
.fdh li{ width:33.33333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#2e3957;}
.fdh a{ color:#FFF;}
}

@media screen and (max-width: 640px) {
.wrap{ width:96%; margin:0 2%;}
.footc{ display:none;}
.foot dt div{ display:none;}
}
@media screen and (max-width: 480px) {
.footc{ width:100%;}
.flx li table .td1{ width:20%;}
.flx,.fwx{ width:100%; text-align:center;}
.flx, .fwx{ width:100%; text-align:center; display:block;}
}

