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;}
}
.g-in-1{width:1490px;margin:0 auto;}
.g-in-2{width:1614px;margin:0 auto;}
@media all and (max-width:1540px){
	.g-in-1{width:1200px;margin:0 auto;}
}

@media all and (max-width:1280px){
	.g-in-1{width:96%;margin:0 auto;}
}

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

@media all and (max-width:1280px){
	.g-in-2{width:96%;margin:0 auto;}
}

@font-face
{
font-family: myFont1;
src: url('/font/SourceHanSerifCN-Light.otf');
}

@font-face
{
font-family: myFont2;
src: url('/font/SourceHanSerifCN-Regular.otf');
}

@font-face
{
font-family: myFont3;
src: url('/font/ALIBABASANS-REGULAR.otf');
}

@font-face
{
font-family: myFont4;
src: url('/font/SourceHanSerifCN-Medium.otf');
}

@font-face
{
font-family: myFont5;
src: url('/font/IMPACT.TTF');
}

@font-face
{
font-family: myFont6;
src: url('/font/SourceHanSansCN-Light.otf');
}

@font-face
{
font-family: myFont7;
src: url('/font/SourceHanSansCN-Medium.otf');
}

@font-face
{
font-family: myFont8;
src: url('/font/ALIBABASANS-LIGHT.otf');
}

a {color: #3e3e3e;}
a:hover {color: #6395aa;}

body {color: #000;position: relative;}
.wrapper{width:100%;position:relative;overflow: hidden;background:#fff}
.header {width: 100%;height:96px;}
.header .logo{float: left;margin-top:20px;}
.header .header-r{float: right;margin-top:15px;width:494px;}
.header .header-r .header-t .psearch{float: left;width:200px;border:1px solid #ebebeb;height:30px;}
.header .header-r .header-t .psearch .ibtn{float: left;width:25px;background: url(/images/pic-2.png) no-repeat right center;height:32px;}
.header .header-r .header-t .psearch .text{float: left;width:155px;padding:0 10px;font-size:14px;line-height:32px;}
.header .header-r .header-t .tel{float: right;text-align: right;color:#969696;}
.header .header-r .header-t .tel .h1{font-size:12px;line-height:12px;margin-bottom:6px;font-family: myFont3;}
.header .header-r .header-t .tel .h1 span{text-transform: uppercase;margin-right:14px;}
.header .header-r .header-t .tel .h2{font-size:16px;line-height:16px;color:#6395aa;font-family:myFont5;font-style: italic;}

.search{float: right;margin-top:-13px;position:absolute;display:none;top:50%;right:50px;}
.search a{display: block;width: 26px;height: 26px;background: url(/images/pic-2.png) no-repeat center;}
.search form{display: none;}
.search form{width:280px;height:40px;position:absolute;top:57px;right:0;display:none;z-index:9;}
.search form .text{width:190px;height:40px;line-height:40px;float:left;padding-left:10px;background: #fff;}
.search form .ibtn{width:80px;height:40px;color:#fff;text-align:center;float:right;cursor:pointer;font-size:14px;background: #017bc4;}

.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{margin-top:8px;width:621px;margin-left:-127px;}
.navs li{float: left;font-size: 14px;line-height:38px;margin-right:57px;position: relative;}
.navs li a.tt{font-size: 14px;line-height:38px;color: #010101;display: block;}
.navs li.current a.tt,.navs li a.tt:hover{color:#6395aa;}
.navs li:last-child{margin-right:0;}
.navs li .sub{display: none;background:#fff;position: absolute;left:0;top:38px;z-index: 99;width:190px;}
.navs li .sub dl{border-top:3px solid #6395aa;padding:12px 0 17px;}
.navs li .sub dl dt{font-size: 14px;line-height:24px;}
.navs li .sub dl dt a{display:block;text-align: center;font-size: 14px;line-height:24px;padding:8px 0;}
.navs li .sub dl dt:hover a{background:#6395aa;color:#fff;}

.m-nav{display: none;}

.banner{position: relative;overflow:hidden;height:9rem;}
.banner .hd{position: absolute; left:0;bottom:0.95rem;height:16px;width: 100%; z-index:1000;}
.banner .hd ul{width: 100%;height:16px;text-align:right;}
.banner .hd ul li{display: inline-block;width:14px; height:14px;border-radius:50%;border:1px solid #fff;text-indent:999em; overflow:hidden; margin:0 10px;cursor: pointer;transition: all 0.5s;}
.banner .hd ul .on{background:#6395aa;border:1px solid #6395aa;}
.banner .hd ul li:last-child{margin-right:0.65rem;}
.banner img {transition:1.5s ease-in-out;transform:scale(1)}
.banner .hover img {opacity:.8;transform:scale(1.08)}

.banner .bd ul li{position: relative;}
.banner .bd ul li .b-txt{position: absolute;left:0;top:1.8rem;z-index: 20;width:100%;font-family: myFont7;}
.banner .bd ul li .b-txt .h{font-size:26px;line-height:36px;color:#fff;margin-bottom:20px;}
.banner .bd ul li .b-txt .e{font-size:19px;line-height:24px;color:#fff;}

@media all and (max-width:800px){
    .banner .bd ul li .b-txt .h{font-size:16px;line-height:22px;margin-bottom:10px;}
    .banner .bd ul li .b-txt .e{font-size:13px;line-height:20px;}
}

@media all and (max-width:600px){
    .banner .bd ul li .b-txt{top:1rem;}
    .banner .bd ul li .b-txt .h{font-size:13px;line-height:18px;margin-bottom:5px;}
    .banner .bd ul li .b-txt .e{font-size:10px;line-height:16px;}
}

.footer{background: #e6e7ed;}
.footer .f-t{padding-top:60px;}
.footer .f-t .f-t-t{width:890px; margin:0 auto;}
.footer .f-t .f-t-t .pic{float:left; width:120px;}
.footer .f-t .f-t-t .txt{float:right; width:680px; text-align:center;}
.footer .f-t .f-t-t .txt .h{font-size:26px; line-height:26px; color:#373737; margin-bottom:10px;}
.footer .f-t .f-t-t .txt .p{font-size:18px; line-height:18px; color:#38383a;}
.footer .f-t .f-t-t .txt .form{margin-top:25px;}
.footer .f-t .f-t-t .txt .form input{ display:inline-block; width:194px; height:38px; border:1px solid #aaabb0; box-sizing:border-box; padding:0 16px; font-size:14px; line-height:38px; margin:0 8px;}
.footer .f-t .f-t-t .txt .form input.btn{ background:#6395aa; border:1px solid #6395aa; color:#fff; border-radius:3px; cursor:pointer;}
.footer .f-t .f-t-t .txt .form input.btn:hover{background:#76a5b9;}
.footer .f-t .f-t-b{margin-top:38px; padding:32px 0 25px; border-top:1px solid #d1d2d8; border-bottom:1px solid #d1d2d8;display: flex;justify-content: space-between;}
/*.footer .f-t .f-t-b dl{float:left; width:25%;}
.footer .f-t .f-t-b dl:nth-child(2){text-align:center;}
.footer .f-t .f-t-b dl:nth-child(2) .c{ display:inline-block; text-align:left;}
.footer .f-t .f-t-b dl:nth-child(3){text-align:center;}
.footer .f-t .f-t-b dl:nth-child(3) .c{ display:inline-block; text-align:left;}
.footer .f-t .f-t-b dl:nth-child(4) .c{float:right;}*/
.footer .f-t .f-t-b dl dt{font-size:16px; line-height:16px; color:#3d3d3f; margin-bottom:12px;}
.footer .f-t .f-t-b dl dd{font-size:14px; line-height:24px; color:#59595c;}

.footer .f-b{font-size:14px; text-align:center; color:#9c9da1; padding:25px 0;font-family:"SimHei";}
.footer .f-b a{color:#9c9da1;}
.footer .f-b a:hover{color:#6395aa;}

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

@media all and (max-width:1365px){
    .navs li .sub{right:0;left:auto;}
}

@media all and (max-width:1100px){
    .box2 .title .p{margin: 0 5% 36px;}
    .navs li .sub{right:0;left:auto;}
    .banner .hd{height:14px;}
    .banner .hd ul li{width:12px;height:12px;margin:0 6px;}
}

@media all and (max-width:900px){
    .footer .f-t .f-t-t{width:auto;}
}

@media all and (max-width:860px){
    .footer .f-t .f-t-t{width:auto;}
    .footer .f-t .f-t-t .pic{float: none;margin:0 auto 20px;}
    .footer .f-t .f-t-t .txt{float:none;margin:0 auto;width: auto;}
}


@media all and (max-width:800px){
    .psearch{display:none;}
    .header{position: relative;}
    .search{display:block;}
    .navs{display:none;}
    .u-menu{display: block;}
    .tel{display:none;}
    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:"" }

    .banner .hd{height:10px;}
    .banner .hd ul li{width:8px;height:8px;margin:0 3px;}
    .footer .f-t{padding-top:40px;}
    .footer .f-t .f-t-t .txt .form input{margin-bottom:10px;}
    .footer .f-t .f-t-b{margin-top:20px;display: block;}
    .footer .f-t .f-t-b dl{width:32%;margin-right:2%;float: left;}
    .footer .f-t .f-t-b dl:nth-child(3){margin-right:0;}
}

@media all and (max-width:499px){
    .header{height:70px;}
    .header .logo{margin-top:15px;}
    .header .logo img{height:37px;width: auto;}
    .footer .f-t{padding-top:30px;}
    .footer .f-t .f-t-t .txt .h{font-size:20px;}
    .footer .f-t .f-t-t .txt .p{font-size:16px;}
    .footer .f-t .f-t-b dl{width:100%;float: none;margin-right:0;margin-bottom:12px;}
    .footer .f-t .f-t-b dl:nth-child(2){text-align: left;}
    .footer .f-t .f-t-b dl:nth-child(3){text-align: left;}
    .footer .f-t .f-t-b dl:nth-child(4) .c{float:none;}
    .footer .f-t .f-t-b {padding:22px 0 5px;}
    .footer .f-t .f-t-b dl dt{margin-bottom:5px;}
    .footer .f-b{padding:12px 0;}
    .footer .f-t .f-t-t .txt .form input{width:254px;}
    .footer .f-t .f-t-t .pic{margin:0 auto 12px;}
    .footer .f-t .f-t-t .txt .form{margin-top:15px;}
}