body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
em,i {font-style: normal}
ul, ol  {list-style: none}
a,a:hover {text-decoration: none}
img {border: 0; vertical-align: top;max-width: 100%;height: auto;}
table {border-collapse: collapse;border-spacing: 0}
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
label {cursor: default}
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
textarea {resize: none}
a,a:focus {outline: none}
.clearfix:after {content: '\20';display: block;height: 0;clear: both}
.clearfix {*zoom: 1}
.clear{clear:both;}
.fl {float: left;}
.fr {float: right;}
.hide {display: none}
.show {display: block}
.g-in{ width:1200px; margin:0 auto}
.g-in2{ width:1200px; margin:0 auto}

@media all and (max-width:1479px){
  .g-in2{ width:1200px; margin:0 auto}
}

@media all and (max-width:1279px){
  .g-in2{ width:1200px; margin:0 auto}
}

@media (max-width:1200px) {
  .g-in2 {width:90%; margin:0 auto}
  .g-in {width:90%; margin:0 auto}
}

a {color: #333;}
a:hover {color: #2a83ce;}

body {color: #333;position: relative;}
.wrapper{width:100%;position:relative;overflow: hidden;background:#fff}
.header {width: 100%;}

.search{float: right;margin-right:9px;position: relative;margin-left:15px;}
.search a{display: block;width:19px;height:21px;background: url(/images/pic-2.png) no-repeat center;margin-top:9px;}
.search form{display: none;}
.search form{width:320px;height:40px;position:absolute;top:40px;right:0;display:none;z-index:10;}
.search form .text{width:230px;height:40px;line-height:40px;float:left;padding-left:10px;background: #fff;box-shadow:0 0 2px #ccc;}
.search form .ibtn{width:80px;height:40px;color:#fff;text-align:center;float:right;cursor:pointer;font-size:14px;background: #017bc4;}

.header .h-bottom{height:90px;position: relative;}
.header .h-bottom .logo{float: left;margin-top:12px;}
.header .h-bottom .logo img{ height:60px}

.header .g-in2{position: relative;}
.u-menu { display:none;position:absolute; right:40px; top:50%; margin-top: -21px; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99;}
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:3px; background:#666; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

.u-menu-txt{float: right;font-size:18px;line-height:90px;font-family:arial;color:#666666;display:none;}
.en{float: right;font-size:20px;line-height:90px;color:#666666;font-family:arial;}
.en a{color:#666666;}
.tel{float: right;font-size:20px;line-height:90px;color:#666666;font-family:arial;margin-right:30px;padding-left:30px;background:url(/images/i2.png) no-repeat left center;}
.tel2{ width:50px; height:90px;background:url(/images/i2.png) no-repeat center center; float:right; display:none}
.tel2 a{ display:block; width:100%; height:100%}
.navs{float:left;margin-left:140px;}
.navs ul li{float: left;font-size: 18px;line-height:90px;margin-right:70px;}
.navs ul li a.tt{display: block;font-size: 18px;line-height:90px;position: relative;}
.navs ul li:hover a.tt{color:#0065ad;}
.navs ul li:nth-child(2) a.tt:before,.navs ul li:nth-child(3) a.tt:before,.navs ul li:nth-child(4) a.tt:before,.navs ul li:nth-child(5) a.tt:before{position: absolute;width:9px;height:5px;top:50%;margin-top:-2px;right:-18px;background:url(/images/i21.png) no-repeat center;content:"";}

.navs li .sub{background:#f3f3f3;position: absolute;left:50%;top:90px;z-index: 99;width:1920px;margin-left:-960px;text-align: center;padding:40px 0;display:none;}
.navs li .sub dl{width:228px;display:inline-block;text-align: left;vertical-align: top;}
.navs li .sub dl dt{font-size: 15px;line-height:30px; margin-bottom:15px;color:#0065ad;}
.navs li .sub dl dt a{color:#0065ad;}
.navs li .sub dl dd{font-size:13px;line-height:22px;color:#444;margin-bottom: 12px;}
.navs li .sub dl dd i{display: block;}
.navs li .sub dl dd i:nth-child(1){color: #444;}
.navs li .sub dl dd i:nth-child(2){font-size: 12px;}

.navs li .sub dl dd a{color:#444;}
.navs li .sub dl dd:hover i:nth-child(1){color:#0065ad;}
.navs li .sub dl dd:hover a{color:#0065ad;}

.navs li .sub2{line-height:30px;padding:40px 0;}
.navs li .sub2 dl{width:auto;margin:0 20px;}
.navs li .sub2 dl dt{margin-bottom:0;}

.navs li .sub3 .g-in2{display:flex;justify-content: space-between;}
.navs li .sub3 dl{width:auto;}
.navs li .sub4 .g-in2{display:flex;justify-content: space-between;}
.navs li .sub4 dl{width:auto;}

.banner{position: relative;width:100%;}
.banner .hd{position: absolute; left:0;bottom:50px;height:8px;width: 100%; z-index:1000;}
.banner .hd ul{width: 100%;height:8px;text-align: center;}
.banner .hd ul li{display: inline-block;background:#fff;width:8px; height:8px;border-radius: 8px;text-indent:999em; overflow:hidden; margin:0 4px;cursor: pointer;transition: all 0.5s;}
.banner .hd ul .on{width:32px;}
.banner .img1{ display:block; width:100%}
.banner .img2{ display:none; width:100%}
.banner img{ width:100%}

.banner .hd2{position: absolute;width:100%;top:50%;transform: translateY(-50%);text-align: center;color:#fff;}
.banner .hd2 .h1{font-size:0.4rem;line-height:0.6rem;}
.banner .hd2 .h2{font-size:0.24rem;line-height:0.6rem;}

.footer{background:#004396;}
.footer .footer-t{padding:30px 0;border-bottom:1px solid rgba(255,255,255,0.3);display: flex;justify-content: space-between;color:#fff;}
.footer .footer-t .f-t-1{text-align: center;}
.footer .footer-t .f-t-1 img{ height:60px}
.footer .footer-t .f-t-1 p{font-size:22px;color:#fff;}
.footer .footer-t .f-t-2,.footer .footer-t .f-t-3{font-size:14px;line-height:24px;margin-top:10px;}
.footer .footer-b{font-size:12px;line-height:24px;padding:25px 0;color:#fff;}
.footer .footer-b .f-b-l{float: left;}
.footer .footer-b .f-b-r{float: right;}
.footer .footer-t .f-t-4 img{ height:92px}

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:99; }

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .wrapper {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

.m-nav { width:100%; height:100%; position:fixed; background:rgba(00,00,00,0.7); z-index:999999; left:0; bottom:0; display:none; overflow-y:auto}
.m-nav li { border-bottom:1px solid rgba(255,255,255,0.3); position:relative; padding:0 10px; font-size:14px;}
.m-nav li .sub dl{ border-bottom:1px solid rgba(255,255,255,0.3); padding-left:10px}
.m-nav li .sub dl:last-child{ border:0}
.m-nav li .sub dl dd{ padding-left:10px}
.m-nav li .sub dl dd a{display:block; padding:10px 0; line-height:20px; line-height:20px;}
.m-nav li>a { color:#fff;display:block; padding:10px 0; line-height:20px; line-height:20px;}
.m-nav li.on>a{ color:#0065ad; }
.m-nav li .sub { display:none}
.m-nav li .sub dt{ display:none;display:block; padding:10px 0; line-height:20px; line-height:20px; position:relative; color:#fff}
.m-nav li .sub dl.on dt a{ color:#0065ad}
.m-nav li .sub dt .spx2{ display:block; width:40px; height:40px; position:absolute; top:0; right:0; z-index:2; cursor:pointer; color:#fff; font-size:30px; line-height:40px; text-align:center; background:url(/images/jia.png) center center no-repeat; background-size:20px}
.m-nav li .sub dl.on dt .spx2{background:url(/images/jian.png) center center no-repeat; background-size:20px}
.m-nav li .sub dt a{ color:#fff}
.m-nav li .sub dd{ display:none}
.m-nav li .sub dd a{ color:#fff}
.m-nav li.on .sub{ display:block}
.m-nav li.on .sub dt{ display:block} 
.m-nav li.on .sub dt a{ color:#fff}
.m-nav li.on dl.on dd{ display:block}
.m-nav{}
.m-nav li>span.spx1{ display:block; width:40px; height:40px; position:absolute; top:0; right:10px; z-index:2; cursor:pointer; color:#fff; font-size:30px; line-height:40px; text-align:center; background:url(/images/jia.png) center center no-repeat; background-size:20px}
.m-nav li.on>span.spx1{background:url(/images/jian.png) center center no-repeat; background-size:20px}

.m-nav li>span.spx3{ display:block; width:40px; height:40px; position:absolute; top:0; right:10px; z-index:2; cursor:pointer; color:#fff; font-size:30px; line-height:40px; text-align:center; background:url(/images/ggb.png) center center no-repeat; background-size:20px}
.m-nav li.on>span.spx3{background:url(/images/ggb.png) center center no-repeat; background-size:20px}
@media all and (max-width:1399px){
    .navs{float:right;margin-left:0;}
}

@media all and (max-width:1239px){
    .navs{display:none;}
}

@media all and (max-width:1200px){
	.wrapper{ max-width:750px; margin:0 auto}
	.u-menu {display: block;right: 0;}
	.header {box-shadow: 0 0 6px #ccc;}
	.footer .footer-t{ padding:15px 0; display:block}
	.footer .footer-t .f-t-1{ width:100%; margin-bottom:10px}
	.footer .footer-t .f-t-2, .footer .footer-t .f-t-3{ width:100%; text-align:center; margin-top:0}
	.footer .footer-t .f-t-4{ width:100%; text-align:center; margin-top:10px}
	.footer .footer-b{ padding:15px 0}
	.footer .footer-b .f-b-l{ width:100%; text-align:center}
	.footer .footer-b .f-b-r{ width:100%; text-align:center}
	.en{ margin-right:55px}
	.tel2{ display:block}
	

}
@media all and (max-width:999px){
    .search{}
    .navs{display:none;}
    .u-menu{display: block;}
    .banner .hd{bottom:20px;}
    .ibanner .leftTitle{display: none;}
    .footer .f-t{padding-top:20px;padding-bottom:15px;}
    .footer .f-t dl dd{display:none;}
    .footer .f-t dl:first-child{margin-left:0;}
    .footer .f-t dl{margin-right:10px;}
    .footer .f-t dl dt{margin-bottom:10px;}
    .footer .f-t .f-t-r{float:none;}
    .footer .f-t .f-t-r .tt{margin-bottom:5px;}
    .footer .f-b-1 ul li{width:50%;text-align: left;margin-bottom:10px;}
    .footer .f-b-1{margin-bottom:15px;}
}

@media all and (max-width:799px){
    .tel{display:none;}
    
    .footer .f-b-1 ul li{width:100%;}
    .footer .f-b-2 .f-b-l{float:none;text-align: center;}
    .footer .f-b-2 .f-b-r{float:none;text-align: center;}
    .footer .f-b-2{line-height:22px;padding:10px 0;}
	
	.banner .img2{ display:block}
	.banner .img1{ display:none}
	.banner .hd2 .h1{font-size:1rem;line-height:1.8rem;}
	.banner .hd2 .h2{font-size:0.6rem;line-height:0.8rem; padding:0.4rem}
}


body{overflow-y: scroll;
銆€銆€scrollbar-color: transparent transparent;
銆€銆€scrollbar-track-color: transparent;
銆€銆€-ms-scrollbar-track-color: transparent;}

.footer-b .f{float: right;}
@media all and (max-width:1200px){
	.footer-b .f{ width:100%; text-align:center}
}
<!--0.00016498565673828-->