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}
.fl {float: left;}
.fr {float: right;}
.hide {display: none}
.show {display: block}
@media all and (max-width:1279px){
  .g-in{margin:0 2%;}
}
@media (min-width:1280px) {
  .g-in {width: 1200px;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%;}
.header .h-top{height:40px;background:#2a83ce;}
.header .h-top .wel{float: left;font-size:14px;line-height:40px;color:#fff;}
.header .h-top .en{float: right;padding-left:30px;font-size:14px;line-height:40px;color:#fff;background:url(pic-1.png) no-repeat left center;padding-right:16px;position: relative;}
.header .h-top .en:after{position: absolute;width:1px;height:14px;top:50%;right:0;margin-top:-7px;background:#fff;content:"";}
.header .h-top .en a{color:#fff;}
.search{float: right;margin-right:9px;position: relative;margin-left:15px;}
.search a{display: block;width:19px;height:21px;background: url(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:100px;position: relative;}
.header .h-bottom .logo{float: left;margin-top:18px;}

.u-menu { position:absolute; right:1%; top:50%; margin-top: -21px; display:block; 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;display: none;}
.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);}

.navs{float:right;}
.navs ul li{float: left;font-size: 16px;line-height:100px;margin-left:30px;position: relative;}
.navs ul li a.tt{display: block;padding:0 20px;position: relative;}
.navs ul li:hover a.tt{background:#f0f0f0;color:#333;}
.navs ul li:hover a.tt:before{position: absolute;width:100%;height:2px;bottom:0;left:0;background:#2a83ce;content:"";}
.navs li .sub{display: none;background:#fff;position: absolute;left:0;top:100px;z-index: 99;width:140px;}
.navs li .sub dl dt{font-size: 14px;line-height:40px;background:url(pic-4.png) no-repeat right 30px center;border-bottom: 1px solid #dddddd;}
.navs li .sub dl dt:last-child{border-bottom:none;}
.navs li .sub dl dt a{padding-left:20px;display:block;}
.navs li .sub dl dt:hover a{background:#2a83ce url(pic-5.png) no-repeat right 30px center;color:#fff;}

.m-nav{display: none;}

.banner{position: relative;width:1920px;left:50%;margin-left:-960px;}
.banner .hd{position: absolute; left:0;bottom:50px;height:8px;width: 100%; z-index:1000;display:none;}
.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;opacity:0.5;}
.banner .hd ul .on{width:32px;}

.footer{border-top:2px solid #efefef;}
.footer .f-t{padding-bottom:70px;padding-top:30px;}
.footer .f-t dl:first-child{margin-left:40px;}
.footer .f-t dl{float: left;margin-right:70px;}
.footer .f-t dl dt{font-size:14px;line-height:18px;color:#707070;margin-bottom:20px;font-weight:bold;}
.footer .f-t dl dd{font-size:12px;line-height:28px;color:#ababab;}
.footer .f-t dl dd a{color:#ababab;}
.footer .f-t .f-t-r{float: right;width:100px;margin-right:40px;}
.footer .f-t .f-t-r .tt{font-size:14px;line-height:18px;color:#707070;margin-bottom:20px;font-weight:bold;}

.footer .f-b-1 ul li{float: left;width:25%;text-align: center;font-size:16px;line-height:33px;color:#545454;}
.footer .f-b-1 ul li img{margin-right:15px;}
.footer .f-b-1{margin-bottom:25px;}

.footer .f-b-2{background:#2c2c2c;color:#707070;font-size:12px;line-height:65px;}
.footer .f-b-2 .f-b-l{float: left;}
.footer .f-b-2 .f-b-r{float: right;}
.footer .f-b-2 a{color:#707070;}
.footer .f-b-2 a:hover{color:#fff;}

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

@media all and (max-width:999px){
    .search{}
    .navs{display:none;}
    .u-menu{display: block;}
    .banner .hd{bottom:20px;}
    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 { display:block;width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; }
    .m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
    .m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
    .m-nav li a { display:block; }
    .m-nav li a:hover,.m-nav .current a { color:#c81238; }
    .m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #c81238; content:"" }
    .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){
    .banner{width:100%;left:0;margin-left:0;}
    .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;}
}