@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
body {background:#fff;font-size: 14px;font-family: "微软雅黑";font-style:normal; color:#595757;}
a {text-decoration: none; color:rgb(53, 53, 53);}
a:hover {text-decoration: none !important;}
li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0; padding: 0}
input, button, select, textarea {outline: none;}
table{border-collapse: collapse;}
/*th,tr,td{border: 1px solid #DDD;}*/
.cl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.cl {zoom: 1;}
.w{ width:1200px; margin:0 auto;}
.left{ float:left !important;}
.right{ float:right !important;}
/*------------------------------
  顶部通用
-------------------------------*/
.logo{ float:left;padding: 20px 0;}
.logo img{ float: left; width:86px; height: 81px; margin-right:20px;}
.logo h1{width:550px;font-family:微软雅黑;font-size:32px;font-weight:700; margin: 10px 0; padding: 0;}
.logo p{font-size:15px;font-weight:400; margin: 0; padding-top: 0;}
.top-right{ float:right; padding-top: 30px;}

.sousuo{ border-radius:7px; border:1px solid #aaaaaa; position:relative;float: right; margin-left: 20px;}
.sousuo input{ border:none; font-size:12px; color:#333; padding:6px 10px;background: none;}
.lsearch{ background:url(../images/index_08.png) no-repeat; width:20px; height:14px; border:none; position: absolute; right: 10px; top:7px;}

/*导航*/
.navBar{width:100%;margin:0px auto; height: 50px;line-height:50px;background:#1E67A0;color:#fff;}
.nav{position:relative;margin:0 auto;font-size:16px;  z-index:2}
.nav a{color:#fff;}
.nav .on h3 a{color:#1E67A0;background:#fff;}
.nav h3{font-size:100%;font-weight:normal;margin: 0; line-height: 50px;}
.nav .m{float:left;position:relative;z-index:1;width: 120px;}
.nav .s{float:left;width:3px;text-align:center;color:#D4D4D4;font-size:12px;}
.nav h3 a{display:block;width:100%;height: 100%;text-align:center;}
.nav > li{ margin-left: 13px; }
.nav > li:first{ margin-left: 0; }
/*.nav li:last-child h3 a { background:none;}*/
.nav .sub li a:hover{color:#fff;}
/*.nav h3 a:hover{ background:#ff721d;}*/
/*.nav-s{ background:#ff721d;}*/

.nav .sub{display:none;position:absolute;left:0px;top:60px;z-index:1;width:120px;border-top:0;background:#1E67A0;}
.nav .sub li{text-align:center;margin-bottom:-1px;}
.nav .sub li a{display:block;/*border-bottom:1px solid #0570cb;*/padding:8px 0;height:40px;line-height:28px;color:#fff;font-size:14px;}
.nav .sub li a:hover{background:#1E67A0;}

/*banner*/
.flexslider{position:relative;height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{height:auto;}
.slides li img{ width:100%;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;text-align: left; left: 50%; margin-left: -40px;}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav a{display:inline-block;width:10px;height:10px;overflow:hidden;border-radius: 50%; background:#fff;cursor:pointer; font-size: 0; color: #fff;}
.flex-control-nav .flex-active{background:orange; color:orange;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;/*top:45%;*/}
.flex-direction-nav li a{display:block;width:71px;height:71px;overflow:hidden;cursor:pointer;position:absolute; border-radius: 5px;}
.flex-direction-nav li a.flex-prev{left:20px;background:url(../images/left.png) center center no-repeat rgba(0, 0, 0, 0.1); top:225px;}
.flex-direction-nav li a.flex-prev:hover{background:url(../images/left.png) center center no-repeat rgba(0, 0, 0, 0.3);}
.flex-direction-nav li a.flex-next{right:20px;background:url(../images/right.png) center center no-repeat rgba(0, 0, 0, 0.1);top:225px;}
.flex-direction-nav li a.flex-next:hover{right:20px;background:url(../images/right.png) center center no-repeat rgba(0, 0, 0, 0.3);top:225px;}


/*------------------------------
  底部通用
-------------------------------*/
.foot{ width:100%; background:url(../images/footer_bg.jpg) no-repeat center top #206ca8;}
.foot-ul{ padding: 0; margin: 0; }
.foot-ul li:nth-child(1){ padding-left:0; padding-right:30px;}
.foot-ul li:nth-child(2){ margin-top: 120px; }
.foot-ul li:nth-child(2) p{ color:#fff; font-size:14px; margin-bottom: 0; line-height: 26px;}
.foot-ul li:nth-child(3){ margin-top: 120px; }
.foot-ul li:nth-child(3) a{ width: 35%; margin-left: 15%; font-size: 14px; color: #fff; display: inline-block; float: left; text-align: left; line-height: 26px;}
.foot-ul li:nth-child(4){ margin-top: 120px;  }
.foot-logo{ display:block; width:100%; overflow:hidden;padding-top: 128px;}
.foot-logo img{ width:105px; height: 105px;}
.foot-ewm{ float:right; text-align:center; font-size:14px; color:#fff;}
.foot-ewm img{ width:139px;}
.footerbar{ background: #282828;color: #a9a9a9; text-align: center; font-size:12px; padding: 20px 0; line-height: 20px; }

.headertel{ background: url(../images/tel.png) no-repeat left center; padding-left: 60px; height: 45px; }
.headertel strong{display: block;color: #1E67A0; font-size: 22px; }

@media screen and (max-width:1300px){
	.w { width:95%;}
	.nav{ width:100%;}
}

@media screen and (max-width:1200px){
	.foot-ul li:nth-child(2) p{ font-size:16px;}
	.foot-log{ margin-top:100px;}
	.foot{padding-bottom: 20px;}
	.foot-ewm { font-size:14px;}
	
}

@media screen and (max-width:850px){
	.navBar { height: 50px; line-height: 50px;}
	.nav h3{ line-height: 50px;}
	.nav h3 a { font-size:12px;}

}
@media screen and (max-width:640px){
	.navBar{ height:100px;}
	.nav .m { width:25%;}
	.nav .m:nth-child(5){ border-left:1px solid #fff;}
	.logo{ width:40%; overflow:hidden;}
	.logo img{ width:100%;}
	.flex-control-nav li { width:20px;}
	.foot-logo {padding-top: 30px;}
	.foot-ul li:nth-child(2) { border:none; margin-top: 30px; padding-left: 0;}
	.foot-ewm{ float:left; margin-top:30px; margin-left:0; margin-right:40px;}
	.foot-ul li:nth-child(3){ padding:0;}
}

@media screen and (max-width:480px){
	.sousuo{ display:none;}
	.top-right{ padding-top:22px;}

}

@media screen and (max-width:375px){
	.index-3-h3,.index-4-h3{ width:100%; overflow:hidden;}
	.index-3-h3 img,.index-4-h3 img{ width:100%;}
}

@media screen and (max-width:320px){

}

















