.wp{max-width:1200px;margin-left:auto;margin-right:auto;}
.header{background:url(../img/bg_top.jpg) no-repeat top center;height:197px;}
.header .wp{padding-top:63px;padding-bottom:63px;}
.header .logo{float:left;}
.search{float:right;width: 299px;height: 42px;background: #fff;border-radius:24px;padding-left:15px;}
.header .search{margin-top:20px;}
.search button{width: 65px;height: 42px;
background: #03458E url(../img/icon_search.png) no-repeat center;border-radius: 24px;}
.search input{width:calc(100% - 65px);float:left;height:42px;line-height:42px;background:none;outline:0;padding:0 10px;}
/* menu */
.header-rt{background:#03458E;}
.header-nav li{display: inline-block;width:16.66%;position: relative;text-align:center;}
.header-nav .header-a{display: inline-block;font-size:16px;color:#fff;line-height:50px;position: relative;transition: all .3s;-webkit-transition: all .3s;}
.header-nav .search{display:none;}
.header-b{min-width:124px;width: 100%;height:initial;padding: 0;position: absolute;top:50px;background:rgba(37, 118, 209,.8);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;margin-top:6px;text-align: right;overflow: hidden;display: none;position: relative;z-index:1;}
.header-dx1,.header-dx2,.header-dx3{width: 100%;height:3px;margin-bottom: 8px;background: #fff;float: right;margin-right:-3px;}
.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:#03458E;color:#fff;padding-top:30px;margin-top:35px;}
.footer .msg{max-width:945px;margin:0 auto;background: #0F519A;border-radius:8px;padding:15px 30px;}
.footer .copyright{text-align:center;padding:20px 0;font-size:12px;color:#ccc}
@media(min-width:951px){
.header-nav li:hover,.header-nav li.on{background:#2576D1;transition: all .3s;-webkit-transition: all .3s;}
.header-b a:hover{background:#2576D1;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:951px)  and (max-width:1199px){
.wp{padding:0 20px}
}
@media(max-width:950px){
body{padding-top:60px;}
.wp{padding:0 10px;}
.header{height:auto;width:100%;position:fixed;left:0;top:0;z-index:22;}
.header .wp{padding:10px 15px;overflow:hidden;}
.header .search{display:none;}
.header .logo img{height:36px;}
.header:after{content:"";width:60px;height:100%;background:#03458E;position: absolute;right:0;top:0;z-index:0;}
.header-nav{width: 100%;position:fixed;top:55px;left: 0;background: #fff;display: none;z-index:22;}
.header-nav ul{flex-wrap: wrap;}
.header-dx{display: block;position: absolute;right:12px}
.header-nav li{width: 100%;margin: 0;position: relative;text-align:left;}
.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;;
-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;}
.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:-1px;top:0;}
.footer{padding-top:18px;font-size:13px;margin-top:15px;}
.footer .msg{line-height:25px;padding:10px;}
.footer .copyright{line-height:22px;padding:15px 0;}
}