@charset "utf-8";
/* CSS Document */

p,h1,h2,h3,h4,h5,h6,input{ margin:0; padding:0;}
ul,li{ margin:0; padding:0; list-style:none;}
img{ border:none; margin:0; padding:0; }
a,a:hover{ text-decoration:none; margin:0; padding:0; }
a{ color:#333333;}
button,input,select{outline:none;}
a:hover{color: #006eab;}
.clear{ clear:both;}
body{ background-color:#ffffff;  margin:0; padding:0; font-family:"微软雅黑";}

/*  nav  导航*/


.index-nav{width:1200px; margin: auto; height: 50px;box-sizing: border-box;}
.index-nav-frame{width:100%;margin: 0 auto; }
.index-nav-frame-line{margin-right: 1px; color: #ffffff;float: left;position: relative;display: block;outline: none;cursor: pointer; width: 198px; font-size: 16px; line-height: 50px;text-align: center;font-weight: 700;text-transform: uppercase; }
.index-nav-frame-line a{color:#fff !important;}
.index-nav-frame-line.active{color:#ffffff; background-color: #2b7bb6;}

.index-nav-frame-line-center{opacity: 0;height: 0;position: absolute;overflow: hidden;width: 198px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */ z-index:999;}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: center;background: #1f89d4;}
.index-nav-frame-line:hover{background: #2b7bb6;}
.index-nav-frame-line-li:hover{background: #2b7bb6;color: white;}
.index-nav-frame-line-li:hover a{color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}

.nav-line{height: 0px;width: 100%;position: relative;display: none;outline: none;}
.nav-small {width: 30px;height: 30px;position: absolute;right: 10px;top:50px;cursor: pointer;display: none;outline: none;}
.nav-small img{width: 100%;object-fit: cover;}
.nav-small-focus{position: absolute;width: 100%;height: 100%;display: none;}
.nav-small-focus:focus{display: none;}

@media (min-width: 1024px){
	
.top{
		width: 100%;
		background-color: #ffffff;
		position:fixed;
		top: 0;
		z-index: 1000; /* 确保导航栏在顶部 */ }
.head{ width:1200px; margin:auto; height:120px;}
	
.head .logo img{ margin-top:10px; float:left;}
.head .src{ float:left; margin-top:40px; margin-left:150px; width:400px; height:40px;background:url(../img/src.png) no-repeat; }
.head .src,.src .text_1,.src .text_2,.src .text_3{ float:left;}
.head .src .text_1{ width:240px;height:40px; }	
.head .src .text_1 input{ height:38px; border:none; margin-left:50px; margin-top:1px; background:none;font-size:16px;font-family:"微软雅黑"; color:#666;}
.head .src .text_2 {background-color: rgba(0, 95, 165, 1);border-radius: 0px 20px 20px 0px;height: 40px;width: 80px;}
.head .src .text_2 input{ border:none; background:none; height:38px; width:80px; text-align:center; color:#ffffff; font-size:16px;font-family:"微软雅黑"; }
.head .src .text_3{ margin-left:10px;}
/*  nav  导航*/

.nav_bg {z-index: 500;width:100%; height:50px; line-height:50px; background-color:#005fa5;}


/*bottom*/
.bottom{ width:100%; background-color:#343842;font-size:14px;overflow:hidden; padding-bottom:40px; }
.link{ width:100%; background-color:#fff; border-top:1px solid #e0e0e0;}
.link p{ width:1180px; margin:auto;height:70px;  }
.link p img{ margin-top:18px; float:left; margin-right:50px;}
.link p select{ border:1px solid #e0e0e0; background-color:#f9f9f9;width:480px; height:35px; line-height:35px; float:left;text-align:center; margin-top:18px; margin-right:25px; text-indent:10px;}
.footer{ width:1200px; margin:auto; padding-top:50px; font-size:16px;text-align:center;padding-left:170px;}
.footer img{ float:left; width:380px;}
.footer ul{ float:left; color:#eeeeee;border-left:1px solid #666; font-size: 16px; margin-left:30px; padding-left:50px; height:160px; line-height:32px;}
.footer ul li img{ vertical-align: middle; margin-right: 5px;}
.footer ul li{text-align: left;}
.footer ul li a{ color: #fff !important;}
}
@media (min-width: 800px) and (max-width: 1024px){
.head{ width:100%; margin:auto; height:120px;}
.head .logo{width: 538px;}
.head .logo img{ margin-top:10px; float:left; }
.head .src{ float:left; margin-top:40px; width:400px; margin-left:20px;height:40px;background:url(../img/src.png) no-repeat; }
.head .src,.src .text_1,.src .text_2,.src .text_3{ float:left;}
.head .src .text_1{ width:240px;height:40px; background:url(../images/src_bg1.jpg) no-repeat; }	
.head .src .text_1 input{ height:38px; border:none; margin-left:50px; margin-top:1px; background:none;font-size:16px;font-family:"微软雅黑"; color:#666;}
.head .src .text_2 {background-color: rgba(0, 95, 165, 1);border-radius: 0px 20px 20px 0px;height: 40px;width: 80px;}
.head .src .text_2 input{ border:none; background:none; height:38px; width:80px; text-align:center; color:#ffffff; font-size:16px;font-family:"微软雅黑"; }
.head .src .text_3{ margin-left:10px;}
/*  nav  导航*/
.nav_bg {z-index: 500;width:100%; height:50px; line-height:50px; background-color:#005fa5; }
/*  nav  导航*/
.index-nav{width:100%; margin: auto; height: 50px;box-sizing: border-box;}
.index-nav-frame{width:100%;margin: 0 auto; }
.index-nav-frame-line{margin-right: 1px; color: #ffffff;float: left;position: relative;display: block;outline: none;cursor: pointer; width:160px; font-size: 16px; line-height: 50px;text-align: center;font-weight: 700;text-transform: uppercase; }
.index-nav-frame-line.active{color:#ffffff; background-color: #2b7bb6;}

.index-nav-frame-line-center{opacity: 0;height: 0;position: absolute;overflow: hidden;width: 160px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera */}
.index-nav-frame-line-li{width: 100%;font-weight: 500;text-align: center;background: white;color: #666666;}
.index-nav-frame-line:hover{background: #2b7bb6;}
.index-nav-frame-line-li:hover{background: #2b7bb6;color: white;}
.index-nav-frame-line-li:hover a{background: #444359;color: white;}
.index-nav-frame-line-focus:focus{display: none;}
.index-nav-frame-line:hover .index-nav-frame-line-center{height:auto;opacity: 1;}




/*bottom*/
.bottom{ width:100%; background-color:#343842;font-size:14px; overflow:hidden; padding-bottom:40px; }
.link{ width:100%; background-color:#fff; border-top:1px solid #e0e0e0;}
.link p{ width:98%; margin:auto;height:70px;  }
.link p img{ margin-top:18px; float:left; margin-right:50px;}
.link p select{ border:1px solid #e0e0e0; background-color:#f9f9f9;width:360px; height:35px; line-height:35px; float:left;text-align:center; margin-top:18px; margin-right:25px; text-indent:10px;}
.footer{ width:100%; margin:auto; padding-top:50px; font-size:16px;}
.footer img{ float:left; width:380px;}
.footer ul{ float:left; color:#eeeeee;border-left:1px solid #666; margin-left:20px; padding-left:20px; height:160px; line-height:42px;}
.footer ul li a{ color: #fff !important;}
}

@media (max-width:800px){
.head{ width:100%; margin:auto; height:80px;}
.head .logo img{ margin:10px; width:80%}

.head .src{ display:none;}
	

/*  nav  导航*/
	.index-nav{width: 100%;height: 1px;box-sizing: border-box;}
	.index-nav-frame{width:100%;margin: 0 auto; }
	.index-nav-frame-line.active{ color: #ffffff;background:#005FA5; }
	.index-nav-frame-line:hover{color: #ffffff;background:#005FA5;}
	
	
	
	.index-nav-frame-line-li a{display: block;color: white; background-color: aliceblue;}
	.index-nav-frame-line-li a:hover{ color:#ffffff;}
	.nav-line{display: block;}
	.nav-small{display: block;top:35px;}
	.nav-small:focus~.index-nav-frame-line{height: auto;border-bottom: 1px solid #ccc;}
	.nav-small:focus .nav-small-focus{display: block;}
	.index-nav-frame{width: 100%; }
	

	.index-nav-frame-line{background-color:#F4F4F4; color: #515151;width: 100%;height: 0;overflow: hidden;position: relative;display: block;outline: none;cursor: pointer;padding: 0;line-height: 50px;text-align: center;font-weight: 700;text-transform: uppercase;}
	.index-nav-frame-line a{color: #373737 !important;}
	.index-nav-frame-line-center{ width: 100%; position: relative;background: #f4f4f4; color: #ffffff;}
	.index-nav-frame-line:hover .index-nav-frame-line-center{height:0;opacity: 0;}
	.index-nav-frame-line-li{border-bottom: 1px solid #BCBCBC;color: #373737;background: #f4f4f4;}
	.index-nav-frame-line-li:hover{background:#005FA5; color: #ffffff;}
	.index-nav-frame-line:focus{height: auto;border-bottom: 1px solid #ccc;background:#005FA5; color: #ffffff;}
	.index-nav-frame-line:focus>.index-nav-frame-line-center{height:auto;opacity: 1;}
	.index-nav-frame-line:focus .index-nav-frame-line-header{color: #ffffff;}
	.index-nav-frame-line-focus{display: none;width: 100%;height: 50px;position: absolute;left: 0;top: 0;}
	.index-nav-frame-line:focus .index-nav-frame-line-focus{display: block;}
	
/*bottom*/
.bottom{ width:100%; background-color:#343842;font-size:14px; overflow:hidden; padding-bottom:20px; }
.link{ width:100%; overflow:hidden; background-color:#fff; border-top:1px solid #e0e0e0; padding:10px 20px 20px 20px;}
.link p{ width:100%; margin:auto;  }
.link p img{ display:block; margin:10px 0;}
.link p select{ border:1px solid #e0e0e0; background-color:#f9f9f9;width:45%; height:35px; line-height:35px; float:left;text-align:center; margin:1px;}

.footer{ width:100%; margin:auto; padding-top:50px; text-align:left;font-size:14px;}
.footer ul{  color:#eeeeee; padding:20px; line-height:26px;}
.footer ul li span{ white-space: nowrap}
.footer ul li a{ color: #fff !important;}

}