.wp{max-width:1300px;margin-left:auto;margin-right:auto;}
.header{background:#fff}
.header .wp{overflow:hidden;background:url(../img/bg_top.jpg) no-repeat right center;padding:22px 0;}
.header .logo{float:left;margin-top:5px;margin-right:45px;}
.logo_kh{display:none;}
.search{float:right;width:320px;height: 40px;background: #fff;border-radius:24px;padding:0 20px;}
.header .search{margin-top:20px;}
.search button{width:32px;height: 42px;
background:url(../img/icon_search.png) no-repeat right center;float: right;}
.search input{width:calc(100% - 65px);float:left;height:42px;line-height:42px;background:none;outline:0;padding:0 10px;}
/* menu */
.header-rt{background:#0935A9;clear:both;}
.header-nav li{display: inline-block;padding:0 38px;position: relative;text-align:center;margin-right:30px;}
.header-nav .header-a{display: inline-block;font-size:16px;color:#fff;line-height:60px;position: relative;transition: all .3s;-webkit-transition: all .3s;}
.header-b{min-width:140px;width: 100%;height:initial;padding: 0;position: absolute;top:50px;background:#00278D;display: none;text-align:center;left:0;z-index:1;}
.header-b.on{display: block;}
.header-b a{font-size: 14px;line-height:35px;position: relative;top: 0px;transition: all .3s;-webkit-transition: all .3s;display: block; padding:0 6px;color:#fff}
.header-b a:first-child{margin-top: 10px;}
.header-b a:last-child{margin-bottom: 10px;}
.header-b a:hover{color:#03458E;}
.header-b a>div{display: inline-block;border-radius: 100%;border: 1px solid rgba(255,255,255,.2);overflow: hidden;}
.header-b a:hover{transition: all .3s;;-webkit-transition: all .3s;}
.header{position: relative;}
.header-dx{width: 35px;text-align:center;overflow: hidden;display: none;position: relative;z-index:1;}
.header-dx1,.header-dx2,.header-dx3{width: 100%;height:2px;margin-top:9px;background: #2576D1;float: right;margin-right:-5px;}
.header-dx div{transition: all .5s;}
.header-dx.cli .header-dx1{-webkit-transform: rotate(44deg);-ms-transform: rotate(44deg);transform: rotate(44deg);transform-origin:0%;-ms-transform-origin:0%;-webkit-transform-origin:0%;-moz-transform-origin:0%;transition: all .5s;}
.header-dx.cli .header-dx2{opacity: 0;transition: all .5s;}
.header-dx.cli .header-dx3{-webkit-transform: rotate(-44deg);-ms-transform: rotate(-44deg);transform: rotate(-44deg);position: relative;top:1px;transform-origin:0%;-ms-transform-origin:0%;-webkit-transform-origin:0%;-moz-transform-origin:0%;transition: all .5s;}
.lightbox{width:100%;height:100%;background:rgba(0, 0, 0,.5);position: fixed;left:0;top:0;z-index:1;display:none;}
/* footer */
.footer{background:#0935A9;color:#fff;padding:32px 0;}
.footer .copyright{text-align:center;font-size:14px;color:#fff}
@media(min-width:981px){
.header-nav li:hover,.header-nav li.on{background:#00278D;transition: all .3s;-webkit-transition: all .3s;}
.header-b a:hover{background:#0935A9;color:#fff}
.header-b a:hover p{color:rgba(255,255,255,.8);}
.section1 .focus .pic img{height:360px} 
.list_zt li img{height:190px;}
}
@media screen and (min-width:981px)  and (max-width:1199px){
.wp{padding:0 20px}
.header .wp{padding:0;}
}
@media(max-width:980px){
body{padding-top:60px;}
.logo_kh{display: block;}
.wp{padding:0 10px;}
.header{height:auto;width:100%;position:fixed;left:0;top:0;z-index:22;background-position:left top;}
.header .wp{overflow:hidden;background:#fff;padding:5px 15px}
.header .search{display:none;}
.header .logo img{height:45px;}
.header .logo_txt{display:none;}
.header-nav{width: 100%;position:fixed;top:60px;left: 0;background: #fff;display: none;z-index:22;}
.header-nav ul{flex-wrap: wrap;}
.header-dx{display: block;position: absolute;right:8px;top:8px;}
.header-nav li{width: 100%;margin: 0;position: relative;text-align:left;padding:0;}
.header-c{width: 50%;height: 80px;position: absolute;top: 0;right: 0;}
.header-a{width: 100%;border-bottom: 1px solid #E5E5E5;position: relative;}
.header-a:after{display: none;}
.header-a.down:before{content: '';width: 18px;height:45px;float: right;background: url(../img/icon_jia.png) no-repeat right center;transition: all .3s;top:7px;
-webkit-transition: all .3s;}
.header-nav li.open .header-a:before{transform: rotate(45deg);transition: all .3s;;
-webkit-transition: all .3s;}
.header-b{position: relative;top: initial;left: inherit;background: initial;padding: 0;}
.header-b a>div{display: none;}
.header-b a{color: #333;width: 100%;border-bottom: 1px solid #E5E5E5;padding: 0 20px;line-height:40px;text-align: left;margin:0!important;}
.header-nav{text-align:left;}
.header-nav .header-a{color:#333;font-size:15px;line-height:50px}
.header-nav li:hover .header-a, .header-nav li.on .header-a{color:#03458E}
.header-nav .search{width:100%;display:block;margin:15px 0;border:1px solid #03458E;border-radius:30px;position: relative;}
.header-nav .search button{border:0;position: absolute;right:15px;top:-2px;}
.footer{padding:15px 0;font-size:13px;}
.footer .copyright{line-height:22px;}
}