/* CSS Document */* {padding:0;margin:0;}
html {overflow-x:hidden;overflow-y:auto; font-size: 14px;}
ul,ol,li {list-style-type:none;line-height:normal;}
body,button,input,select,textarea {font-family:'Microsoft yahei',Arial;font-size:12px;}
body {float:left;width:100%;position:relative;position:relative;font-family:"Microsoft YaHei",'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;font-size:16px;color:#666;background-color:#fff;line-height:1.6;}
code,kbd,pre,samp {font-family:'Microsoft yahei',Arial;}
a {text-decoration:none;color:#333;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;/*清除IOS系统点击默认事件*/    -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
a:hover {color:#333;cursor:pointer;text-decoration:none;}
img {border:0;max-width:100%;}
table {border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6 {margin:0;font-weight:normal;font-family:'Microsoft yahei',Arial;}
h1 {font-size:32px;}
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
input,table,tr,td {margin:0;padding:0;border:none;}
button,table {border:none;background:none;margin:0;padding:0;}
select {margin:0;padding:0;font-family:'Microsoft yahei',Arial;}
textarea {resize:none;}
input {outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu {display:block;}
.pz_top {float:left;width:100%;}
.pz_banner{ float:left; width:100%; position:relative; background:#343434; overflow:hidden;
    -webkit-transition: all 0.3s ease-out 0s; 
    -moz-transition: all 0.3s ease-out 0s; 
    -o-transition: all 0.3s ease-out 0s; 
    transition: all 0.3s ease-out 0s;}
    .topnav{position: relative; z-index: 9999;}
.pz_banner.lad {height:auto;}
.pz_main {float:left;width:100%;}
.pz_down {float:left;width:100%;}
.color-white {color:#fff;}
.fixed{background: #fff;padding-top: 15px!important;}
.fixed .menu .nli span a h4{color: #222}
.fixed .menu .nli span a:hover,.fixed .menu .nli.on span a {background:#018dd5; text-decoration: none;}
.fixed .menu .nli.active { background:#018dd5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.fixed .menu .nli.active a h6{color: #fff;}
.fixed .menu .nli span a h6{color: #888}
/*pc版头部*/.header {position:fixed;width:100%;height:90px;left:0;top:0;z-index:1010;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;box-shadow:0px 2px 5px rgba(0,0,0,0.1);}
.header.active {background:#fff;-webkit-box-shadow:0 2px 6px #aaa;-moz-box-shadow:0 2px 6px #aaa;-o-box-shadow:0 2px 6px #aaa;box-shadow:0 2px 6px #aaa;}
.header .logo {float:left;width:279px;margin:-5px 0 0 0;}
.header .logo a,.header .logo a img {display:block;float:left;width:100%;}
.menu {float:right;height:75px;}
.menu .nli {float:left;z-index:15;}
.menu .nli:first-child a {padding:0 35px;}
.menu .nli span a {display:block;float:left;height:75px;padding:0 25px;text-align:center;}
.menu .nli span a h4 {display:block;height:32px;line-height:32px;font-size:16px;color:#fff;margin-top:14px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-ms-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.menu .nli span a h6 {display:block;height:14px;line-height:14px;font-size:12px;color:rgba(255,255,255,0.95);font-family:"Arial";text-transform:uppercase;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-ms-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.menu .nli span a:hover,.menu .nli.on span a {background: rgba(255,255,255,0.3)}
.menu .nli.active {background:rgba(255,255,255,0.3);border-radius: 2px;}
.menu .nli.active a h4,.menu .nli.active a h6,.menu .nli.active span a h4 {color:#fff;}
.menu .nli span a:hover h4,.menu .nli.on span a h4,.menu .nli span a:hover h6,.menu .nli.on span a h6 {color:#fff;}
.menu .sub {position:absolute;width:1920px;left:50%;margin-left:-960px;top:100%;display:none;overflow:hidden;background:rgba(0,0,0,0.30);text-align:center;}
.menu .sub ul {display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:12px 0;}
.menu .sub .li2 {float:left;margin:0 27px;height:28px;line-height:28px;font-size:14px;}
.menu .sub .li2 a {color:#fff;}
.menu .sub .li2:hover a {text-decoration:underline;}
/*phone版头部*/.top2 {position:fixed;left:0;top:0;width:100%;height:80px;background:rgba(255,255,255,0.6);z-index:1030;}
.top2.active {background:#fff;-webkit-box-shadow:0 2px 6px #aaa;-moz-box-shadow:0 2px 6px #aaa;-o-box-shadow:0 2px 6px #aaa;box-shadow:0 2px 6px #aaa;}
.top2 .logo {float:left;width:279px;margin:12px 0 0 0;}
.top2 .logo a,.top2 .logo a img {display:block;float:left;width:100%;}
/* 首页title */.index-title {width:100%;float:left;text-align:center;}
.index-title {float:left;width:100%;text-align:center;}
.index-title h1 {display:block;height:40px;}
.index-title h1::after,.index-title h1::before {content:"";display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin-top:19px;width:40px;height:2px;background:#e1e1e1;}
.index-title h1 strong {display:inline-block;*display:inline;*zoom:1;vertical-align:top;height:40px;line-height:40px;font-size:30px;font-family:"Arial";text-transform:uppercase;margin:0 20px;color:#cbcbcb;}
.index-title h2 {display:block;height:40px;line-height:40px;margin-top:4px;font-size:28px;color:#018dd5;}
.index-title.bai h1::after,.index-title.bai h1::before {background:rgba(255,255,255,0.40);}
.index-title.bai h1 strong,.index-title.bai h2 {color:#fff;}
/* 产品与服务 */.index-w10 {width:100%;padding:90px 0 100px 0;overflow:hidden;}
.products-main {float:left;width:100%;margin-top:30px;}
.products-main ul li {float:left;width:20%;background:#efefef;}
.products-main ul li img {-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;}
.products-main ul li:nth-child(2n) {background:#f7f7f7;}
.products-main ul li a {display:block;text-align:center;padding:30px 30px 10px;}
.products-main ul li a img {display:block;margin:0 auto;width:114px;}
.products-main ul li a h4 {display:flex;justify-content:center;align-items:center;border-top:1px dashed #8f8f8f;height:80px;font-size:16px;color:#333333;}
.products-main ul li a:hover {background:#99dcff;}
.products-main ul li a:hover img {transform:rotateY(180deg);}
/* 企业文化 */.color-white h1 strong,.color-white h2 {color:#fff;}
.company-border {height:86px;border-left:1px solid #fff;border-right:1px solid #fff;position:relative;}
.company-main {float:left;width:100%;margin-top:54px;}
.company-border::after,.company-border::before {content:"";display:block;position:absolute;top:0;width:200px;height:1px;background:#fff;right:0;}
.company-border::after {left:0;}
.company-main h1 {display:block;position:relative;height:60px;margin-top:-32px;text-align:center;}
.company-main h1::after,.company-main h1::before {content:"";display:inline-block;*display:inline;*zoom:1;vertical-align:top;width:200px;height:1px;background:#fff;margin-top:32px;}
.company-main h1 span {display:inline-block;*display:inline;*zoom:1;vertical-align:top;height:60px;line-height:60px;font-size:48px;color:#fff;margin:0 20px;letter-spacing:10px;padding-left:10px;-webkit-text-shadow:10px 10px 10px rgba(0,0,0,0.50);-moz-text-shadow:10px 10px 10px rgba(0,0,0,0.50);text-shadow:10px 10px 10px rgba(0,0,0,0.50);}
.company-main .t_2 {display:table;width:100%;height:60px;text-align:center;margin-top:25px;}
.company-main .t_2 div {display:table-cell;vertical-align:middle;width:100%;max-height:60px;position:relative;}
.company-main .t_2 div::after,.company-main .t_2 div::before {content:"";display:block;position:absolute;top:32px;width:38px;height:1px;background:#fff;right:0;}
.company-main .t_2 div::after {left:0;}
.company-main .t_2 div span {display:block;width:100%;max-height:60px;line-height:30px;font-size:16px;color:#fff;padding:0 69px;overflow:hidden;}
.company-main {float:left;width:100%;margin-top:60px;}
.company-main ul {margin:0 -15px;overflow:hidden;}
.company-main ul li {float:left;width:33.333333%;padding:0 15px;}
.company-main ul li a {display:block;float:left;width:100%;overflow:hidden;position:relative;}
.company-main ul li a img {display:block;float:left;width:100%;}
.company-main ul li a .l_2_1 {position:absolute;left:0;bottom:0;width:100%;text-align:center;height:42px;line-height:42px;font-size:16px;color:#fff;font-weight:bold;z-index:9;background:rgba(27,27,27,0.70);-webkit-transition:all 0.2s ease-out 0.2s;-moz-transition:all 0.2s ease-out 0.2s;-ms-transition:all 0.2s ease-out 0.2s;-o-transition:all 0.2s ease-out 0.2s;transition:all 0.2s ease-out 0.2s;}
.company-main ul li a .l_2_2 {position:absolute;left:0;top:100%;width:100%;height:100%;padding:20px 20px 0 20px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-ms-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.company-main ul li a .l_2_2 div {position:relative;width:100%;height:100%;background:rgba(0,0,0,0.70);padding:32px 36px 0 42px;}
.company-main ul li a .l_2_2 div::before {content:"";display:block;position:absolute;left:20px;top:30px;width:2px;height:96px;background:#e9eaea;}
.company-main ul li a .l_2_2 div strong {display:block;height:32px;line-height:32px;font-size:16px;color:#fff;}
.company-main ul li a .l_2_2 div span {display:block;font-size:14px;line-height:24px;color:#dbdbdb;height:96px;overflow:hidden;margin-top:12px;}
.company-main ul li a:hover .l_2_1 {bottom:-42px;-webkit-transition:all 0.2s ease-out 0s;-moz-transition:all 0.2s ease-out 0s;-ms-transition:all 0.2s ease-out 0s;-o-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.company-main ul li a:hover .l_2_2 {top:0;-webkit-transition:all 0.2s ease-out 0.2s;-moz-transition:all 0.2s ease-out 0.2s;-ms-transition:all 0.2s ease-out 0.2s;-o-transition:all 0.2s ease-out 0.2s;transition:all 0.2s ease-out 0.2s;}
/* 底部 */.page-footer {background-image:-moz-linear-gradient(0deg,#001e42 0%,#003e65 46%,#001b3d 100%);background-image:-webkit-linear-gradient(0deg,#001e42 0%,#003e65 46%,#001b3d 100%);background-image:-ms-linear-gradient(0deg,#001e42 0%,#003e65 46%,#001b3d 100%);padding-top:2rem;padding-bottom:3rem;background-color:#000;color:#fff;}
.page-footer .menus dl {margin:0;padding:0;list-style:none;}
.page-footer .menus dt {font-weight:normal;margin-bottom:2rem;}
.page-footer .menus dd {font-weight:lighter;padding:0;margin:0 0 1.8rem;}
.page-footer .menus dd a {color:#bde5ff;}
.page-footer .rightcol {text-align:center;margin:0;padding:0;list-style:none;font-size:14px;}
.page-footer .rightcol dd,.page-footer .rightcol dt {display:inline-block;padding-bottom:5px;}
.page-footer .rightcol dd {width:75%;font-weight:lighter;color:#bde5ff;}
.page-footer .rightcol dt {width:25%;float:left;text-align:right;}
.page-footer .rightcol dd.phone {font-weight:normal;font-size:30px;color:#00dfe7;margin-bottom:.5rem;}
.page-footer .copyright {border-top:1px #33729b solid;padding-top:1rem;margin-top:1rem;margin-bottom:2rem;color:#bde5ff;}
.page-footer .copyright p {text-align:center;padding:0;margin:0 0 1rem;font-weight:lighter;font-size:12px;}
.page-footer .rightcol .footer-company {width:100%;text-align:center;}
.page-footer .qr-code{text-align: center;}
.page-footer .qr-code img{width: 120px;height: 120px;margin-bottom: 2rem;}
.footer-phone-title {height:4.5rem;line-height:4.5rem;}
/*banner*/.pz_banner.banner-in {height:0 !important;position:absolute;z-index:-1;}
.banner_1 {width:100%;height:100%;position:absolute;left:0;top:0;}
.banner_1 i {font-style:normal;}
.banner_1 .banner_btn {width:30px;height:65px;position:absolute;left:50%;bottom:25px;margin-left:-15px;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;animation:myfirst 1s infinite;-moz-animation:myfirst 1s infinite;/* Firefox */-webkit-animation:myfirst 1s infinite;/* Safari and Chrome */-o-animation:myfirst 1s infinite;/* Opera */}
.banner_1 .banner_btn img {display:block;}
@keyframes myfirst {0% {bottom:15px;}
50% {bottom:25px;}
75% {bottom:25px;}
100% {bottom:15px;}
}
@-moz-keyframes myfirst /* Firefox */ {0% {bottom:15px;}
50% {bottom:25px;}
75% {bottom:25px;}
100% {bottom:15px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {0% {bottom:15px;}
50% {bottom:25px;}
75% {bottom:25px;}
100% {bottom:15px;}
}
@-o-keyframes myfirst /* Opera */ {0% {bottom:15px;}
50% {bottom:25px;}
75% {bottom:25px;}
100% {bottom:15px;}
}
@media screen and (max-width:767px) {.b_nav {bottom:80px;}
.banner_1 .banner_btn {width:20px;height:44px;bottom:10px;margin-left:-10px;}
@keyframes myfirst {0% {bottom:55px;}
50% {bottom:80px;}
75% {bottom:80px;}
100% {bottom:55px;}
}
@-moz-keyframes myfirst /* Firefox */ {0% {bottom:55px;}
50% {bottom:80px;}
75% {bottom:80px;}
100% {bottom:55px;}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {0% {bottom:55px;}
50% {bottom:80px;}
75% {bottom:80px;}
100% {bottom:55px;}
}
@-o-keyframes myfirst /* Opera */ {0% {bottom:55px;}
50% {bottom:80px;}
75% {bottom:80px;}
100% {bottom:55px;}
}
}

@media only screen and (min-width:768px) {.page-footer {padding-top:4rem;padding-bottom:5rem;}
.page-footer .rightcol {text-align:left;}
.page-footer .copyright p {text-align:left;font-size:16px;}
}