@import url(base.css);

a {color: #444;}
a:hover {color: #0d3f9f;}
.container{width: 100%; margin: 0 auto; max-width: 1440px; padding: 0 55px;}


body{
	font-family: Times New Roman, Helvetica, sans-serif;
	font-size: 16px; font-size: 1.6rem;
	color: #575757;
}
.header{background: url(bg_head_enegi.jpg) no-repeat top center #fff;}
.navtop{padding: 0 10px; line-height: 2.6; font-size: 15px; font-size: 1.5rem; float: right; color: #fff; /*! border-radius: 0 0 5px 5px; */
	
	/*! background: #2236af; */ /*! background-color: rgba(0, 78, 162, 0.8); */
	/*! filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr=#c8004ea2, endColorstr=#c8004ea2); */
}
.navtop li{
	display: inline-block;
	padding-left: 6px;
}
.navtop li a{
	color: #fff;
}
.navtop li a:hover{
	color: #d7ddff;
}

.header .navtop li.search {
          padding-left: 50px;
          font-size: 16px;
          cursor: pointer;
          position: relative;}
         .header .navtop li.search input {
            border: 1px solid rgba(255, 255, 255, 0.3);
            background: rgba(255, 255, 255, 0.1);
            height: 28px;
            line-height: 28px;
            color: #fff;
            border-radius: 14px;
            margin-top: -20px;
            width: 0px;
            text-indent: 10px;
            opacity: 0;}
          .header .navtop li.search i.active {
            position: absolute;
            right: 0px;
            top: 0px;}
          .header .navtop li.search button {
            display: none;}
          .header .navtop li.search.active input {
            width: 150px;
            opacity: 1;}
          .header .navtop li.search.active i.active {
            position: absolute;
            right: 10px;
            top: 0px;}
            .header .navtop li.search.active i.active:before {
              content: '\ea1f';}

.search-model{position:absolute; background-color:rgba(34,54,175,0.9); width:100%; display:none; top:-8px; left:0; z-index: 100}
.search-model form{overflow:hidden}
.search-box{height:68px; border-bottom:1px solid #fff; margin:80px 160px 90px;}
.search-ipt{height:30px; border:0; background:none; font-size:22px; color:#fff; width:60%; float:left; margin-top:18px; caret-color:#fff; -webkit-appearance:none;outline:none; padding:0;}
.search-sub{ background:url(ico_search-m_white.png); width:30px; height:30px; float:right; display:block; border:0; margin-top:20px}
.search-close{float:right;margin:20px; cursor:pointer;}
.search-ipt::-webkit-input-placeholder{color: #8dbefb;} 
.search-ipt:-moz-placeholder{color: #8dbefb;} 
.search-ipt::-moz-placeholder{color: #8dbefb;} 
.search-ipt:-ms-input-placeholder{color: #8dbefb;}

a.icon{
	display: none;
}

.search{/*! float:right; */ margin-top: 4px; border-radius: 16px; height: 32px; line-height: 32px; display: inline-block; vertical-align: top;
	background: rgba(75, 125, 226, 0.7);
	filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#B24b7de2, endcolorstr=#B24b7de2);
}
.search input{color: #fff; border: 0 none; height: 32px; line-height: 30px; float: left; padding: 0 0 0 16px; font-size: 14px; font-size: 1.4rem; width: calc(100% - 46px);}
.search .btn-search{float: right; background: url(ico_search_pc.png) no-repeat 50% 50%; width: 46px;}

footer{border-top: 3px solid #022e6a; padding: 0 0 30px 0; background: #022e6a; color: #fff;}
footer p{line-height: 1.6; font-size: 15px; font-size: 1.5rem; text-align: center; margin: 3px 0;}
footer img{width: auto;}
footer a{color: #fff;}
footer a:hover{text-decoration: underline; color: #fff;}

.footer-logo{float:left; width: calc(100% * 0.25); padding: 20px 0 10px 0; text-align: center;}
.footer-m{float:left; width: calc(100% * 0.7); padding: 25px 0 0 0; text-align: center;}
.conac{float:right; width: calc(100% * 0.3); padding: 15px 0 0 0; text-align: left;}

.nav-btm{background: #004098; padding: 20px 0; text-align:center;}
.nav-btm .left{float: left; width: calc(100% *0.66 - 50px); margin: 15px 50px 0 0;}
.nav-btm .right{float: left; width: calc(100% * 0.34);}
.nav-btm li{float: left; width: calc(100% / 4); font-size: 24px; font-size: 2.4rem; text-align: center;}
.nav-btm img{padding: 0 25px;}


/*手机总体*/
@media screen and (max-device-width: 1023px) {
	.header{background-size: cover;}
	.container{padding: 0 10px;}
	
	.navtop{line-height: 1; padding-top: 5px;}
	.header .navtop li.search{display: none;}
	
	.search{display: none;}
	.search img{width: auto; height: auto;}
	
	.footer-m{width: calc(100% * 0.9); padding: 20px 0 0 0;text-align: center;}
	.conac{width: calc(100% * 0.2); text-align: center;}
	
}
/*pc总体*/
@media screen and (min-device-width: 1024px) {
}

/*5、6、plus*/
@media screen and (min-width:300px) and (max-width: 767px) {
	.navtop{
		display: none;
		margin-top: 25px;
		background: rgba(34, 54, 175, 0.8)
	}
	.navtop li{
		border-bottom: 1px solid #fff;
		line-height: 1.4;
		padding: 5px 3px;
	}
	.navtop li:first-child{border-top: none;}
	.navtop li:last-child{
		border-bottom: none;
	}
	a.icon{
		float: right;
		display: block;
		padding: 5px 10px;
		color: #fff;
	}
	.navtop.responsive{
		position: absolute;
		display: block;
		right: 0; top:20;
		z-index: 99;
	}
	.navtop.responsive li{
		display: block;
	}
	.navtop.responsive li a{
		float: none;
		display: block;
		text-align: left;
	}
	.navtop.responsive .line{
		display: none;
	}
	.menuico{
		float: left;
		background:url(menu_white.png) 0 0 no-repeat;
		width:34px;
		height:34px;
	}
	.navtop.responsive li .search{display: none;}
	
	.search-box{margin:50px 20px 50px;}
	
	.footer-logo{float: none; width: 100%; padding-right: 0;}
	.footer-m{float: none; width: 100%; }
	
}
/*5、6、plus*/
@media screen and (min-device-width:300px) and (max-device-width: 767px) {		
	.nav-btm .left{float: none; width: calc(100%); margin: 15px 0px 0 0;}
	.nav-btm .right{float: none; width: calc(100%);}
	.nav-btm li{width: calc(100% / 2); margin-bottom: 15px;}
}
/*ipad*/
@media screen and (min-width:768px) and (max-width: 1023px) {
	.logo{padding: 10px 10px 25px;}
	.search-box{margin:80px 60px 90px;}
	
	.conac{width: calc(100% * 0.1);}
	.footer-m{width: calc(100% * 0.8);}
		
	.nav-btm .left{float: none; width: calc(100%);margin: 15px 0 25px 0; display: flow-root;}
	.nav-btm .right{float: none; width: calc(100%);}

}
/*1280 1366*/
@media screen and (min-width: 1024px) and (max-width: 1367px) {

}

/*横屏*/
@media screen and (orientation:landscape){
	
}
/*竖屏*/
@media screen and (orientation:portrait){
	.footer-logo{ text-align: left; padding:20px 0 25px 60px;}
	.footer-m{float:none; width: calc(100%); padding: 0 20px;}
	.conac{float:none; width: calc(100%);}
}