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;}
}
@media (min-width:1600px) {
  .g-in {width: 1400px;margin: 0 auto;}
}

.up-loadding{position:fixed;left:0;top:0;width:100%;height:100%;background:url(/images/yd-2.png) no-repeat center;background-size:cover;z-index:999999}
.up-loadding .cent-font{position: absolute;top:50%;left:0;width:100%;transform: translateY(-50%);}
.up-loadding .cent-font .logo{margin:0 auto;text-align: center;}
.up-loadding .cent-font .h1{font-size:64px;line-height:64px;text-align: center;color:#fff;letter-spacing:16px;margin-top:80px;margin-bottom:70px;}
.up-loadding .cent-font .h2{font-size:36px;line-height:36px;text-align: center;color:#fff;letter-spacing:8px;margin-bottom:95px;}

.up-loadding .cent-font .tit{line-height:46px;font-size:18px;cursor: pointer;width:216px;border:2px solid #fff;color:#fff;text-align: center;margin:0 auto;display: block;}

a {color: #000;}
a:hover {color: #0290a6;}

body {color: #000;position: relative;}
.wrapper{width:100%;position:relative;overflow: hidden;background:#fff}
.header {width: 100%;height:90px;position:relative;}
.header .logo{float: left;margin-top:20px;}
.header .logo-t{float: left;font-size:14px;line-height:20px;color:#555555;margin-left:15px;margin-top:28px;}
.search{float: right;display: none;position: relative;}
.search a{display: block;width: 26px;height: 26px;background: url(/images/pic-2.png) no-repeat center;margin-top:32px;}
.search form{display: none;}
.search form{border:1px solid #999999;border-radius:30px;overflow: hidden;position:absolute;z-index:9999;right:0;top:90px;background:#fff;width:160px;}
.search .text{float: left;padding-left:14px;width:114px;font-size: 14px;line-height:30px;}
.search .ibtn{float: left;width:30px;height:30px;background:url(/images/pic-2.png) no-repeat left center;cursor: pointer;}


.pc-search{float: right;margin-top:28px;}
.pc-search form{border:1px solid #999999;border-radius:30px;overflow: hidden;}
.pc-search .text{float: left;padding-left:14px;width:114px;font-size: 14px;line-height:30px;}
.pc-search .ibtn{float: left;width:30px;height:30px;background:url(/images/pic-2.png) no-repeat left center;cursor: pointer;}


.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:#0290a6; }
.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;margin-right:10px;}
.navs ul li{float: left;font-size: 16px;line-height:90px;padding:0 15px;}
.navs ul li a{font-size: 16px;line-height:90px;display: block;}
.navs ul li a:hover,.navs ul li.current a{color: #0290a6;}

@media screen and (max-width: 1600px) {
  .navs ul li{padding: 0 12px;}
}

.m-nav{display: none;}

.banner{position: relative;width:100%;}
.banner .bd ul li{overflow: hidden;position: relative; width: 100%;}
.banner .bd ul li a{display: block;}
.banner .bd ul li img{width:100%;height: auto;transition: all 6s;}
.banner .hd{position: absolute; left:0;bottom:0.9rem;width: 100%; z-index:1000;}
.banner .hd .pageState{font-size:26px;line-height:26px;color:#0290a6;font-family: arial;}
.banner .hd .pageState span{font-size:44px;color:#fff;}
.banner .hd a.prev{display:inline-block;width: 19px;height:18px;background:url(/images/pic-3.png) no-repeat center;margin-right:22px;}
.banner .hd a.next{display:inline-block;width: 19px;height:18px;background:url(/images/pic-4.png) no-repeat center;margin-left:22px;}
.banner .hd .zz{float: right;margin-right:-60px;}
.banner .title{position: absolute;width:100%;top:50%;z-index:9999;margin-top:-117px;}
.banner .title .h{ font-size:42px; line-height:42px; color:#fff; text-align:center; position:relative;text-shadow: #bbb 2px 2px 3px;}
.banner .title .h:before{position:absolute; width:17px; height:20px; content:""; display: block; background:url(/images/inside-66.png) no-repeat center; left:50%; margin-left:-125px; top:50%; margin-top:-10px;}
.banner .title .h:after{position:absolute; width:17px; height:20px; content:""; display: block; background:url(/images/inside-67.png) no-repeat center; right:50%; margin-right:-125px; top:50%; margin-top:-10px;}
.banner .title .e{font-size:30px; line-height:30px; text-align:center; text-transform:uppercase; margin-top:20px;font-weight:100;color:#fff;text-shadow: #bbb 2px 2px 3px;}



.footer{ background:#0290a6;padding-top:40px;color:#fff;position: relative;}
.footer a{color:#fff;}
.footLef{ float:left; width:65%;}
.footContact span{ display:inline-block; vertical-align:middle; padding-left:25px;color:#fff;margin-right:80px;font-size:16px;}
.footContact span:nth-child(1){background: url(/images/pic-24.png) no-repeat left center;}
.footContact span:last-child{margin-right:0;background: url(/images/pic-25.png) no-repeat left center;}
.footLink li{ font-size:16px; vertical-align:middle;float: left;margin-right: 32px;}
.footLink a{ display:block; color:#FFFFFF;}
.footLink{margin-top:20px;}
.footRig{ float:right; width:35%; font-size:14px; letter-spacing:4px;text-align: right;}
.footRigImg{ overflow:hidden;}
.footRigImg img{ float:right;}
.footBot{ border-top:1px solid rgba(255,255,255,0.2); line-height:26px; padding:30px 0; margin-top:30px;}
.footRig span,.footShare{ display:inline-block; vertical-align:middle; letter-spacing:0; font-size:12px;}
.footShare{height:26px;}
.footShare li{ position:relative;display:inline-block;margin-right:8px;}
.footShare li a{ display:block; text-align:center;width:25px;height:26px;}
.footShare li:nth-child(1) a{background:url(/images/pic-27.png) no-repeat center;}
.footShare li:nth-child(2) a{background:url(/images/pic-28.png) no-repeat center;}
.footShare li:nth-child(3) a{background:url(/images/pic-29.png) no-repeat center;}
.footShare li:nth-child(3){margin-right:0;}
.footWechat{ position:absolute; left:50%; bottom:32px; width:140px; margin-left:-70px; display:none; background:#FFFFFF; font-size:12px; color:#666666; text-align:center;}
.footWechat img{ width:100%;}
.footWechat p{ margin-top:-5px; line-height:26px;}
.footShare li:hover .footWechat{ display:block;}

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


@media all and (max-width:1279px){
    .banner{height: auto;}
    .header .logo-t{display: none;}
    .search{margin-right:45px;display: block;}
    .pc-search{display: none;}
    .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:#0290a6; }
    .m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #0290a6; content:"" }
    .footer .f-t .f-l{float: none;}
    .footer .f-t .f-l .f-c dl dd{display: none;}
    .footer .f-t .f-r{float: none;margin-top: 10px;}
    .footer .f-t .f-r{width: 100%;}
    .footer .f-t .f-r .ewm{display: none;margin-left: 0;}
    .footer .f-t .f-r .dz{margin:0 auto;float: none;}
    .ibanner .leftTitle{display: none;}
    .footLef{float: none;width:100%;}
    .footRig{float: none;width:100%;text-align: center;}
    .footRig img{float: none;}
    .footBot .footRig{display: none;}
    .footBot .footLef{text-align: center;}
    .banner .title{margin-top:-46px;}
    .banner .title .h{font-size:32px;}
    .banner .title .e{font-size:24px;}
    .banner .title .h:before{margin-left:-100px;}
    .banner .title .h:after{margin-right:-100px;}
}<!--ºÄʱ1755800381.6508Ãë-->