*, :after, :before {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0 !important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}

ol, ul {list-style: none}

blockquote, q {quotes: none}

blockquote:after, blockquote:before, q:after, q:before {content: ""}

table {border-collapse: collapse;border-spacing: 0}

.fp-enabled {
    max-width: 1920px;
    margin: 0 auto !important;
    background-color: #fff;
}

body {color: #3d4c63;background: #fff;font: 14px/1.5 "Microsoft Yahei", sans-serif;outline: 0;}

a {color: #333;text-decoration: none}

a:hover {color: inherit}

img {max-width: 100%;border: none}

em, i {font-style: normal}

table {border-collapse: collapse;border-spacing: 0}

input, select, textarea {font-size: 12px;color: #444;font-family: "Microsoft Yahei", sans-serif;outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box}

button, input[type=button], input[type=reset], input[type=submit], select {-webkit-appearance: none;-moz-appearance: none;appearance: none}

button, input[type=button], input[type=reset], input[type=submit] {cursor: pointer}

::-webkit-input-placeholder {color: #999}

::-moz-placeholder {color: #999}

:-ms-input-placeholder {color: #999}

::-ms-clear, ::-ms-reveal {display: none}

.fix {*zoom: 1}

.fix:after, .fix:before {display: block;content: "";height: 0;clear: both}

.c {clear: both}

.col-l, .l {float: left}

.col-r, .r {float: right}

.ani {-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;transition: .3s}

.unselect {-ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;-o-user-select: none;user-select: none}

.wp {width: 98%;max-width: 1200px;margin: 0 auto}

.h50 {height: 50px;clear: both;overflow: hidden}

.h100 {height: 100px;clear: both;overflow: hidden}

.banner {position: relative}

.banner .item {display: block;height: 100vh;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;overflow: hidden;position: relative;}

.banner .item .pc-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;background-size: cover;z-index: 2;
}

.banner .item .wp {position: relative;height: 100%;max-width: none;padding: 0 50px;}

.banner .item .wp .pic {
    position: absolute;
    left: 50px;
    bottom: 35%;
    max-width: 40%;
}

.banner .item .cont {text-align: right;padding: 12% 0 0;}

.banner .item .cont .box {display: inline-block;}

.banner .item .cont p {font-size: 16px;line-height: 3;color: #fff;text-align: center;letter-spacing: 1px}

.duibi {
    height: 0;
    width: 0;
    visibility: hidden;
    overflow: hidden;
}



.duibi > div {border: 10px solid rgba(255, 255, 255, .42)}

.duibi img {max-width: none}

.animLoop {position: absolute;left: 50%;margin-left: -32px;bottom: 17px;width: 64px;height: 64px;background: url(/public/home/images/mouse.png) no-repeat center;
    animation: myfirst infinite linear alternate 1s;
    -moz-animation: myfirst infinite linear alternate 1s; /* Firefox */
    -webkit-animation: myfirst infinite linear alternate 1s; /* Safari 鍜 Chrome */
    -o-animation: myfirst infinite linear alternate 1s; /* Opera */}


@keyframes myfirst {
    0% {bottom: 30px;}
    100% {bottom: 5px;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0% {bottom: 30px;}
    100% {bottom: 5px;}
}

@-webkit-keyframes myfirst /* Safari 鍜 Chrome */
{
    0% {bottom: 30px;}
    100% {bottom: 5px;}
}

@-o-keyframes myfirst /* Opera */
{
    0% {bottom: 30px;}
    100% {bottom: 5px;}
}

.m-cmef h2 {font-weight: 400;position: absolute;top: 15%;right: 0;font-size: 38px;line-height: 42px;color: #fff;text-align: right}

/*.m-cmef h2:after {content: '';position: absolute;top: 25px;left: -85px;width: 69px;height: 2px;background: #fff}*/

.m-cmef .con {position: absolute;bottom: 30%;left: 0;right: 0;text-align: center;color: #0056a7}

.m-cmef .con h3 {font-size: 43px;letter-spacing: 2px}

.m-cmef .con h4 {font-size: 42px;letter-spacing: 2px}

.m-cmef .con h4 span {position: relative}

.m-cmef .con h4 span:after {content: '';position: absolute;left: 15px;top: 10px;width: 7px;height: 7px;background-color: #002fa7;border-radius: 50%}

.arrow-dots {position: absolute;left: 6%;bottom: 25%;z-index: 10}

.arrow-dots .arrow {float: left;width: 50px;height: 50px;background-repeat: no-repeat;background-position: center;margin-right: 6px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;cursor: pointer;}

.arrow-dots .prev {background-image: url(/public/home/images/prev.png)}

.arrow-dots .next {background-image: url(/public/home/images/next.png)}

.arrow-dots .prev:hover {background-image: url(/public/home/images/prev-on.png)}

.arrow-dots .next:hover {background-image: url(/public/home/images/next-on.png)}

.arrow-dots .dots {float: left;margin-left: 48px}

.arrow-dots .dots .slickDots li {display: none;background: url(/public/home/images/line.png) no-repeat 55px center}

.arrow-dots .dots .slickDots li.slick-active {display: block}

.arrow-dots .dots .slickDots li em {font-size: 20px;color: #fff}

.arrow-dots .dots .slickDots li strong {font-size: 44px;line-height: 1.2;color: #fff;margin-right: 15px}

.m-about {position: relative;height: 100vh}

.m-about .about-l {position: absolute;top: 0;bottom: 0;left: 0;width: 46%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover}

.m-about .about-l .btn-play {position: absolute;left: 120px;bottom: 70px;color: #fff;text-align: center;z-index: 1000}

.m-about .about-l .btn-play img {display: block;margin-bottom: 8px}

.m-iso {position: absolute;top: 0;bottom: 0;right: 0;width: 33%;background-color: #fff}

.ul-iso {position: absolute;padding-top: 1px;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}

.ul-iso li {padding: 40px 25px 43px;text-align: center}

.ul-iso li + li {border-top: 1px solid #e5e5e5}

.ul-iso .pic {text-align: center;height: 70px;line-height: 70px;font-size: 0}

.ul-iso .pic img {display: inline-block;vertical-align: middle}

.ul-iso p {font-weight: 700;font-family: Arial;font-size: 16px;color: #000}

.about-r {position: absolute;width: 54%;top: 0;bottom: 0;right: 0;padding: 160px 120px 0 180px}

.about-r .txt {padding: 65px 0 0;color: #fff}

.about-r .txt h4 {font-size: 22px;margin-bottom: 38px}

.about-r .txt p {line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height: 104px;margin-bottom: 32px;text-align: justify;}

.g-more2 {position: relative;font-size: 16px;color: #fff}

.g-more2:after {content: '';position: absolute;top: 50%;right: 120%;width: 78px;height: 1px;background-color: rgba(255, 255, 255, .32)}

.g-more2:hover {color: #fff}

.tar {text-align: right}

.g-tit1 {color: #fff;padding-right: 35px;background: url(/public/home/images/tit.png) no-repeat right center}

.g-tit1 h3 {font-size: 48px}

.g-tit1 h3 span {font-weight: 400;display: block;text-transform: uppercase;font-size: 24px}

.g-tit2 {color: #333;padding-left: 35px;background: url(/public/home/images/tit2.png) no-repeat left center}

.g-tit2 h3 {font-size: 48px}

.g-tit2 h3 span {font-weight: 400;display: block;text-transform: uppercase;font-size: 24px}

.ul-about {padding: 55px 0 0}

.ul-about li {display: inline-block;text-align: center}

.ul-about li + li {margin-left: 55px}

.ul-about i {position: relative;display: block;margin-bottom: 20px;width: 93px;height: 93px;background-color: #fff;border-radius: 50%;background-position: center top;background-repeat: no-repeat}

.ul-about i:after {content: '';position: absolute;top: -7px;right: -7px;bottom: -7px;left: -7px;border: 1px dashed rgba(166, 166, 166, 1);border-radius: 50%}

.ul-about p {color: #fff;opacity: .7}

.ul-about a:hover i {background-color: #32b53f;background-position: center bottom}

.ul-about a:hover p {opacity: 1}

.fp-enabled .wp, .fp-viewing-section7 .wp {max-width: 1680px}

.ul-solutions {overflow: hidden;padding-left: 65px}

.ul-solutions li {float: left;width: 33.33%}

.ul-solutions li a {display: block;position: relative;margin-left: 45px}

.ul-solutions a {display: block;position: relative;margin-left: 45px}

.ul-solutions .pic {position: relative;padding-top: 182%}

.ul-solutions .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.ul-solutions h4 {position: absolute;white-space: nowrap; left: 40px;bottom: 32px;height: 72px;line-height: 72px;right: 0;padding: 0 5px 0 24px;font-size: 18px;background-color: rgba(255, 255, 255, .9);z-index: 2;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}

.ul-solutions h4 span {font-weight: 400;color: #32b53f;margin-right: 15px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.ul-solutions a:hover h4 {background-color: #32b53f}

.ul-solutions a:hover h4, .ul-solutions a:hover h4 span {color: #fff}

.solutions-l {float: left;width: 30%;padding-left: 30px;}

.solutions-l .txt {padding: 106px 60px 0 0}

.solutions-l .txt p {line-height: 2;color: #666;margin-bottom: 106px}

.g-more {display: block;width: 187px;height: 42px;line-height: 40px;border: 1px solid #32b53f;color: #32b53f;text-align: center;border-radius: 20px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.g-more.on, .g-more:hover {background-color: #32b53f;color: #fff}

.g-more.on {margin-top: 46px}

.g-more.on:hover {opacity: .9}

.section3:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;width: 46%;background-color: #f3f6fb;z-index: -1}

.section5 {background-color: #f3f6fb;height: 100vh}

.ul-news {overflow: hidden}

.row-news {
    padding-right: 25%;
}

.ul-news .item a {display: block;height: 100vh;padding-top: 60%;position: relative}

.ul-news .txt {position: relative;padding: 56px 120px 0}

.ul-news .time:before {content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 1px;background-color: #dadde1}

.ul-news li:first-child .time:before {left: 120px}

.ul-news .time:after {content: '';position: absolute;bottom: 0;left: 120px;width: 40px;height: 3px;background-color: #dadde1}

.ul-news .time {position: relative;display: block;font-weight: 700;font-size: 40px;padding: 0 120px 20px}

.ul-news .txt h4 {font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom: 36px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px}

.ul-news .txt p {color: #000;opacity: .5;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height: 96px}

.ul-news .pic-box {display: none;position: absolute;left: 0;right: 0;bottom: 0;overflow: hidden}

.ul-news .pic:after {content: '';position: absolute;top: -36px;left: 50%;margin-left: -44px;width: 88px;height: 51px;background: url(/public/home/images/sj.png) no-repeat center;z-index: 2}

.ul-news .pic {position: relative;padding-top: 93.35%}

.ul-news .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.ul-news a:hover {padding-top: 20%;background-color: #fff}

.ul-news a:hover .pic-box {display: block}

.ul-news a:hover .time:before {display: none}

.ul-news a:hover .time {color: #32b53f}

.m-tit {position: absolute;right: 0;top: 0;bottom: 0;width: 25%;padding: 10% 120px 0;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;overflow: hidden}

.ul-tab {padding: 60px 0 55px}

.ul-tab a {display: block;margin-bottom: 11px;font-size: 18px;height: 49px;line-height: 49px;text-align: center;background: rgba(255, 255, 255, .15);color: #fff}

.ul-tab a:hover, .ul-tab li.on a {background-color: #32b53f}

.news-txt {padding: 0 0 110px;line-height: 24px;color: #fff;opacity: .6}

.news-con {height: 0}

.m-tit .g-more2:after {width: 500px}

.section5 {overflow: hidden}

.m-partner {height: 100vh;padding: 120px 0 0;background-color: #f3f6fb;background-repeat: no-repeat;background-position: top center;-webkit-background-size: 100% 352px;background-size: 100% 352px}

.g-tit1.left {padding: 0 0 0 36px;background-position: left center}

.ul-tab1 {padding: 200px 0 50px;font-size: 0;text-align: center}

.ul-tab1 li {display: inline-block;margin: 0 30px}

.ul-tab1 li a {font-weight: 700;display: block;font-size: 18px;line-height: 2.4;color: #666;border-bottom: 3px solid transparent}

.ul-tab1 li.on a {color: #32b53f;border-color: #32b53f}

.z-logo {margin: 0 -10px 50px;overflow: hidden}

.z-logo a {display: block;margin: 0 10px 18px}

.z-logo .pic {height: 128px;line-height: 128px;text-align: center;background-color: #fff;overflow: hidden}

.z-logo .pic img {display: inline-block;vertical-align: middle;max-width: 90%;max-height: 90%;max-height90%;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}


.z-logo a:hover .pic img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05)}

.z-logo .slick-dots {font-size: 0;text-align: center;margin-top: 32px}

.z-logo .slick-dots li {display: inline-block;vertical-align: top;margin: 0 4px;width: auto;}

.z-logo .slick-dots button {display: block;width: 12px;height: 12px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-size: 0;background-color: transparent;border: 1px solid #52b05f}

.z-logo .slick-dots .slick-active button {background-color: #52b05f}


.m-conatct {position: relative;height: 100vh;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover}

.g-tit5 {padding: 155px 0 0;text-align: center}

.g-tit5 h3 {font-size: 48px;color: #fff}

.g-tit5 h3 span {display: block;font-size: 24px}

.g-tit5 h4 {padding: 64px 0 0;background: url(/public/home/images/line2.png) no-repeat center 24px;font-weight: 400;font-style: italic;font-size: 20px;letter-spacing: 16px;color: #fff;opacity: .8}

.ul-conatct {padding: 34px 0 54px;text-align: center;font-size: 0}

.ul-conatct li {display: inline-block;vertical-align: middle;margin: 0 22px}

.ul-conatct .inner {padding: 45px 0 0;width: 257px;height: 252px;border: 1px dotted rgba(255, 255, 255, .5);text-align: center}

.ul-conatct .pic {height: 64px}

.ul-conatct .pic img {display: inline-block;vertical-align: top;max-height: 100%}

.ul-conatct .txt {padding: 22px 50px 0}

.ul-conatct .txt h4 {font-weight: 400;position: relative;text-align: center;font-size: 14px;padding: 0 0 14px;margin-bottom: 14px;color: #fff}

.ul-conatct .txt h4:after {content: '';position: absolute;left: 50%;bottom: 0;margin-left: -17px;width: 34px;height: 2px;background-color: #fff}

.ul-conatct p {font-size: 14px;line-height: 20px;color: #a9b8d9}

.ul-conatct .eq {width: 128px;height: 128px;margin: 0 auto 12px}

.ul-conatct .eq img {display: block;width: 100%;height: 100%}

.ul-conatct .p2 {font-size: 22px}

.btn-contact {display: block;font-size: 18px;color: #fff;width: 427px;height: 59px;line-height: 57px;margin: 0 auto;border: 1px solid #fff;border-radius: 20px;text-align: center;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.btn-contact img {display: inline-block;vertical-align: middle;margin-right: 14px}

.btn-contact:hover {color: #fff;opacity: .8}

.list-con, .news-con, .products-con, .tab1-con {height: 0;visibility: hidden;overflow: hidden}

.list-con.ok, .news-con.show, .products-con.show, .tab1-con.show {height: auto;visibility: visible}

.ul-floot {position: fixed;right: 0;top: 30%;z-index: 110}

.ul-floot li {position: relative;margin-bottom: 1px}

.ul-floot .pic {width: 49px;height: 49px;line-height: 49px;text-align: center;background-color: rgba(0, 0, 0, .44)}

.ul-floot .pic img {display: inline-block;vertical-align: middle}

.ul-floot .con {position: absolute;right: 100%;top: 0;bottom: 0;width: 220px;padding: 15px 0 0;background-color: rgba(0, 0, 0, .6);text-align: center;display: none}

.ul-floot .con2 {top: 0;right: 100%;width: 150px;bottom: -108px}

.ul-floot .con p {font-size: 16px;line-height: 24px;color: #fff}

.ul-floot a:hover .pic {background-color: #32b53f}

.ul-floot a:hover .con {display: block}

.ul-floot li.goTop-home {display: none}

.fp-enabled .ul-floot li.goTop, .fp-viewing-section1 .ul-floot li.goTop-home {display: none !important}

.fp-enabled .ul-floot li.goTop-home {display: block}

.header {position: fixed;top: 0;left: 0;right: 0;height: 100px;background-color: rgba(0, 0, 0, .3);z-index: 1000}

.logo {position: absolute;top: 0;bottom: 0;left: 50px;line-height: 100px}

.logo img {display: inline-block;vertical-align: middle}

.logo .img2 {display: none}

.nav {position: absolute;top: 0;right: 150px;overflow: hidden}

.nav li {float: left}

.nav li a {position: relative;display: block;font-size: 18px;font-weight: 700;line-height: 100px;padding: 0 25px;color: #fff}

.nav li + li a:after {content: '/';position: absolute;left: 0}

.header .tel {display: none;padding-left: 50px;background: url(/public/home/images/tel.png) no-repeat left center;font-weight: 700;position: absolute;right: 120px;top: 0;font-size: 30px;line-height: 100px;color: #fff}

.header .lang {text-transform: uppercase;position: absolute;font-size: 12px;color: #fff;right: 88px;top: 50%;margin-top: -17px;width: 34px;height: 34px;line-height: 34px;text-align: center;background: rgba(255, 255, 255, .1);border-radius: 50%}

.header .menuBtn {position: absolute;top: 50%;margin-top: -17px;right: 36px;width: 34px;height: 34px;background: url(/public/home/images/open.png) no-repeat center;cursor: pointer;}

.nav-box {position: fixed;top: 0;bottom: 0;right: -548px;width: 548px;padding: 0 125px 0 75px;background-color: #fff;z-index: 1001;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.nav-box.show {right: 0}

.g-close {position: absolute;top: 40px;right: 38px;width: 52px;height: 52px;background: url(/public/home/images/close.png) no-repeat center}

.nav2 {padding: 150px 0 85px}

.nav2 li a {font-weight: 700;display: block;font-size: 22px;line-height: 72px;color: #333;opacity: .5;text-align: right}

.nav2 a:hover, .nav2 li.on a {opacity: 1;color: #000}

.nav-box .share {text-align: right}

.nav-box .share h4 {position: relative;font-weight: 400;font-size: 14px;opacity: .7;color: #333;margin-bottom: 15px}

.nav-box .share h4:after {content: '';position: absolute;top: 50%;left: 0;right: 60px;height: 1px;background-color: #eaeaea}

.nav-box .share .bdsharebuttonbox {display: inline-block}

.nav-box .share .bdsharebuttonbox a {width: 22px;height: 22px;background: url(/public/home/images/share.png) no-repeat}

.nav-box .share .bdsharebuttonbox a.bds_weixin {background-position: -28px 0}

.nav-box .share .bdsharebuttonbox a.bds_qzone {background-position: -56px 0}

.nav-box .share .bdsharebuttonbox a.bds_tsina {background-position: -84px 0}

.nav-box .share .bdsharebuttonbox a.bds_fbook {background-position: -112px 0}

.nav-box .share .bdsharebuttonbox a.bds_twi {background-position: right 0}

.bd_weixin_popup {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box}

.nav-box .so {position: absolute;left: 0;right: 0;bottom: 0;padding: 32px 110px 35px 75px;background-color: #32b53f}

.nav-box .so .con {position: relative}

.nav-box .so .inp {display: block;width: 100%;font-size: 16px;height: 42px;border: 0;border-bottom: 1px solid rgba(255, 255, 255, .1);background-color: transparent;color: #fff}

.nav-box .so .inp::-webkit-input-placeholder {color: #fff;opacity: .6}

.nav-box .so .inp::-moz-placeholder {color: #fff;opacity: .6}

.nav-box .so .inp:-ms-input-placeholder {color: #fff;opacity: .6}

.nav-box .so .btn {position: absolute;right: 0;top: 0;width: 42px;height: 42px;font-size: 0;border: 0;background: url(/public/home/images/so.png) no-repeat center}

.section4 .m-tit {right: auto;left: 0}

.footer {line-height: 38px;background-color: #2256AC;overflow: hidden;color: #bcc7e0}

.footer span {margin: 0 5px 0 15px}

.footer a {color: #bcc7e0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.footer a:hover {color: #fff}

.footer .r {
    opacity: .3;
}

.pop-video {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);z-index: 999}

.pop-mask {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);z-index: 1000}

.pop-video .video {position: absolute;top: 50%;left: 50%;width: 900px;height: 500px;margin-left: -450px;margin-top: -250px;z-index: 1001}

.pop-video video {display: block;width: 100%}

.row-products {
    background: url(/public/home/images/p10.jpg) no-repeat right center/cover
}

.m-products {position: absolute;top: 0;bottom: 0;right: 0;width: 75%;}

.slick-products {position: relative}

.arrow-dots2 {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 120px;z-index: 200}

.arrow-dots2 .arrow {display: block;width: 55px;height: 55px;background-repeat: no-repeat;background-position: center;border: 0;font-size: 0;background-color: transparent;margin-bottom: 7px}

.arrow-dots2 .prev {background-image: url(/public/home/images/up.png)}

.arrow-dots2 .next {background-image: url(/public/home/images/down.png)}

.arrow-dots2 .prev:hover {background-image: url(/public/home/images/up-on.png)}

.arrow-dots2 .next:hover {background-image: url(/public/home/images/down-on.png)}

.slick-products .item {overflow: hidden;padding: 140px 285px 80px 182px;}

.slick-products .pic{
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
    right: 285px;
    width: 322px;
    font-size: 0;
    text-align: center;
}

.slick-products .pic.vertical .new{
    top: -65px;
    right: 62px;
}

.slick-products .pic img {
    display: inline-block;
    vertical-align: top;
}

.slick-products .pic .new {
    position: absolute;
    top: -95px;
    right: 80px;
    width: 376px;
    height: 147px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;

}

.slick-products .pic .new .con {
    font-weight: bold;
    margin-top: 48px;
    font-size: 24px;
    color: #ffffff;
    -webkit-transform: rotate(-8deg);-moz-transform: rotate(-8deg);-ms-transform: rotate(-8deg);-o-transform: rotate(-8deg);transform: rotate(-8deg);
}

.slick-products .pic .new .con span {
    font-size: 22px;
}

.slick-products .txt {max-width: 590px;min-height: 500px}

.slick-products .txt .name {font-weight: 700;font-size: 60px;color: #4b4b4b}

.slick-products .txt .info {overflow: hidden;font-size: 14px;line-height: 20px;padding: 8px 0}

.slick-products .txt .info .lab {float: left;padding-left: 44px;background: url(/public/home/images/true.png) no-repeat left center;-webkit-background-size: 23px auto;background-size: 23px auto;font-weight: 700;color: #333}

.slick-products .txt .info .val {color: #666}

.m-list {position: absolute;bottom: 0;left: 0;right: 0;padding: 32px 0 30px 42px;background-color: #32b53f;overflow: hidden}

.ul-list {overflow: hidden;}

.ul-list li {float: left;margin-bottom: 5px}

.ul-list li a {display: block;line-height: 37px;padding: 0 22px;color: #fff}

.ul-list li a:hover, .ul-list li.on a {background-color: #fff;color: #32b53f}

.btn-info {float: right;width: 113px;height: 37px;line-height: 35px; margin-right: 120px;text-align: center;border: 1px solid #fff;border-radius: 18px;color: #fff}

.btn-info:hover {background-color: #fff;color: #32b53f}

.row-news, .row-products {position: relative;height: 100vh}

.duibi .arrow {width: 47px;height: 47px;margin-left: -13px;margin-top: -13px;background: url(/public/home/images/btn.png) no-repeat center}

.duibi .arrow > div {display: none}

.duibi > div > div{
    background: none !important;
}
.duibi > div > div:first-child img{
    width: 0;
}
.row-w1 .ul-solutions {padding-left: 0;margin-left: -45px}

.row-w1 .ul-conatct .inner {border-color: #bdd3ee}

.row-w1 .ul-conatct .txt h4 {font-weight: 700;color: #333}

.row-w1 .ul-conatct .txt h4:after {background-color: #333}

.row-w1 .ul-conatct p {color: #858585}

.row-w1 .email {color: #333;text-align: center;font-size: 18px;padding: 15px 0 60px}

.row-w1 .email img {display: inline-block;vertical-align: -3px;margin-right: 16px}

.row-w1 .email a {color: #333;text-transform: uppercase}

.row-w1 .email a:hover {color: #2256ac}


.section7 .row-w1 .email,
.section7 .row-w1 .email a {
    color: #ffffff;
}


.ul-news2 {padding: 0 0 42px}

.ul-news2 li a {position: relative;display: block;overflow: hidden;padding: 44px 0 44px 136px;border-bottom: 1px solid #ebebeb}

.ul-news2 .time {position: absolute;top: 85px;left: 0;font-size: 18px;color: #666;text-align: right}

.ul-news2 .time span {display: block;font-size: 32px}

.ul-news2 .pic-box {float: left;width: 262px;margin-right: 50px}

.ul-news2 .pic {position: relative;padding-top: 56.12%;overflow: hidden}

.ul-news2 .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.ul-news2 .txt {overflow: hidden;padding: 28px 0 0}

.ul-news2 .txt h4 {font-size: 20px;color: #404040;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;padding-right: 50px}

.ul-news2 .txt p {color: #999;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px}

.ul-news2 a:hover .txt h4 {background: url(/public/home/images/arrow2.png) no-repeat right center}

.ul-news2 a:hover .time {color: #37a0d7}

.ul-news2 a:hover .pic img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05)}

.m-text .time {display: block;margin: 0 auto 18px;width: 149px;height: 34px;line-height: 34px;text-align: center;background: #2256ac;color: #fff}

.m-text h1 {font-size: 26px;color: #404040;text-align: center;margin-bottom: 4px}

.m-text .info {color: #404040;text-align: center;padding: 0 0 25px}

.m-text .con {font-size: 14px;line-height: 2.143;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;padding: 32px 0 44px}

.m-text .con img {display: block;margin: 32px auto 44px}

.m-text .share {text-align: center;font-size: 16px;color: #333;padding: 42px 0 20px}

.m-text .share span {margin-right: 10px}

.m-text .share .bdsharebuttonbox {display: inline-block;vertical-align: middle}

.m-text .share .bdsharebuttonbox a {width: 30px;height: 30px;background: url(/public/home/images/share2.png) no-repeat}

.m-text .share .bdsharebuttonbox a.bds_weixin {background-position: -38px 0}

.m-text .share .bdsharebuttonbox a.bds_qzone {background-position: -76px 0}

.m-text .share .bdsharebuttonbox a.bds_tsina {background-position: right 0}

.ul-case {margin: 66px -16px 0;overflow: hidden}

.ul-case li {float: left;width: 33.33%}

.ul-case a {display: block;border: 1px solid #cfcfcf;margin: 0 16px 52px}

.ul-case .pic {position: relative;padding-top: 65%}

.ul-case .pic:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1) url(../images/icon-add2.png) no-repeat center;z-index: 10;opacity: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.ul-case .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.ul-case p {font-weight: 700;font-size: 16px;line-height: 62px;color: #666;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 10px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.ul-case a:hover p {color: #2256ac}

.ul-case a:hover .pic:after {opacity: 1}

.slick-case {position: relative;padding: 66px 0 0;margin-bottom: 80px}

.slick-case .pic {position: relative;padding-top: 65%}

.slick-case .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.arrow-dots3 {position: absolute;bottom: 0;right: 0;width: 372px;padding: 65px 60px 50px 75px;background: rgba(32, 54, 92, .3);z-index: 10}

.arrow-dots3 h4 {font-weight: 400;font-size: 19px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 56px;color: #fff;padding-right: 10px;margin-bottom: 10px}

.arrow-dots3 .arrow {display: inline-block;vertical-align: middle;width: 54px;height: 54px;background-color: rgba(34, 86, 172, .5);background-repeat: no-repeat;background-position: center;margin-right: 11px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.arrow-dots3 .arrow.prev {background-image: url(/public/home/images/prev2.png)}

.arrow-dots3 .arrow.next {background-image: url(/public/home/images/next2.png)}

.arrow-dots3 .arrow:hover {background-color: rgba(34, 86, 172, 1)}

.arrow-dots3 .dots {display: inline-block;vertical-align: middle}

.arrow-dots3 .dots .slickDots li {display: none}

.arrow-dots3 .dots .slickDots li strong {font-weight: 400;font-size: 51px;color: #fff}

.arrow-dots3 .dots .slickDots li em {position: relative;font-size: 19px;top: -25px;color: #fff;opacity: .5}

.arrow-dots3 .dots .slickDots li.slick-active {display: block}

.m-turn {padding: 84px 0 100px;position: relative;overflow: hidden}

.m-turn a.next, .m-turn a.prev {width: 45%;height: 63px;line-height: 63px;text-align: center;background-color: #dbdbdb;color: #333;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.m-turn a.next:hover, .m-turn a.prev:hover {background-color: #2256ac;color: #fff}

.m-turn a.return {position: absolute;left: 50%;margin-left: -32px;width: 63px;color: #2256ac;text-align: center}

.pages {text-align: center;font-size: 0}

.pagination {display: inline-block;font-size: 12px}

.pagination > li {display: inline}

.pagination > li > a, .pagination > li > span {font-weight: 700;position: relative;float: left;padding: 11px 18px;line-height: 1.42857143;text-decoration: none;color: #cbcaca;font-size: 16px;background-color: #fff;border: 1px solid #f4f4f4;margin-left: -1px}

.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px}

.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 4px;border-top-right-radius: 4px}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {z-index: 2;color: #6a6a6a;background-color: #eee;border-color: #ddd}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {z-index: 3;color: #fff;background-color: #2256ac;border-color: #337ab7;cursor: default}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {color: #777;background-color: #fff;border-color: #ddd;cursor: not-allowed}

.ban {position: relative; padding-top: 28%; background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover}

.ban:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.curbar {line-height: 70px;background-color: #eaeff4;overflow: hidden}

.curbar-cur {float: left}

.curbar-cur{
    position: relative;
}

.curbar-cur:after{
    content: '';
    position: absolute;
    left: 70px;
    width: 100px;
    height: 10px;
    background-color: #eaeff4;z-index: 5;
}

.curbar-cur:before {content: '';float: left;width: 70px;height: 70px;margin-right: 20px;background: #fff url(../images/icon-cur1.png) no-repeat center center;-webkit-background-size: 16px auto;background-size: 16px auto;z-index: 6}

.curbar-cur a {float: left;position: relative;margin-right: 34px;font-size: 12px;color: #5c5c5c}

.curbar-cur a + a:after, .curbar-cur span:after {content: '';position: absolute;left: -20px;top: 50%;margin-top: -4px;height: 8px;width: 4px;pointer-events: none;background: url(/public/home/images/icon-cur2.png) no-repeat center center;-webkit-background-size: contain;background-size: contain}

.curbar-cur span:after {background-image: url(/public/home/images/icon-cur3.png)}

.curbar-cur a:hover {color: #2256ac}

.curbar-cur span {float: left;position: relative;color: #2256ac;font-size: 12px}

.curbar-snv {float: right}

.curbar-snv li {float: left}

.curbar-snv a {display: block;min-width: 100px;padding: 0 10px;text-align: center;font-size: 14px;color: #5c5c5c}

.curbar-snv a:hover {color: #2256ac}

.curbar-snv .on a {color: #fff;background-color: #2256ac}

.tit-w1 {text-align: center;font-size: 36px;color: #2256ac;margin-bottom: 38px}

.tabw01-tit {overflow: hidden;padding-top: 4px}

.tabw01-tit .tabw01-item {float: left}

.tabw01-tit .tabw01-item + .tabw01-item {margin-left: 7px}

.tabw01-tit .subitem {display: block;width: 188px;border: 1px solid #e8edf6;background-color: #f0f4f7;text-align: center;line-height: 52px;font-size: 18px;font-weight: 700;border-top-left-radius: 15px;border-top-right-radius: 15px;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s}

.tabw01-tit .subitem:hover, .tabw01-tit .tabw01-item__on .subitem {line-height: 56px;background-color: #2256ac;color: #fff;margin-top: -4px}

.tabw02-tit {font-size: 0;padding: 58px 38px;margin-bottom: 42px;background-color: #2256ac;border: 1px solid #e8edf6}

.tabw02-tit .tabw02-item {display: inline-block;vertical-align: middle}

.tabw02-tit .subitem {display: block;text-align: center;padding: 0 18px;font-size: 14px;color: #fff;line-height: 39px}

.tabw02-tit .subitem:hover, .tabw02-tit .tabw02-item__on .subitem {color: #fff;background-color: #32b53f}

.listw01 {overflow: hidden;margin: 0 -11px}

.listw01 li {float: left;width: 33.32%;margin-bottom: 27px}

.listw01-item {display: block;position: relative;margin: 0 11px;background-color: #f2f4f8;padding: 13px;overflow: hidden}

.listw01-item .pic {position: relative;overflow: hidden;padding-top: 69.2%}

.listw01-item .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.listw01-item .tab {position: absolute;left: 50%;top: 20px;background-color: #32b53f;color: #fff;font-size: 18px;font-weight: 700;width: 4em;margin-left: -2em;padding: 1em 1em .8em;z-index: 3;letter-spacing: 0;line-height: 1.2;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}

.listw01-item .tab:before {content: '';position: absolute;left: 50%;top: .5em;width: 4px;height: 4px;margin: -2px 0 0 -2px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #fff}

.listw01-item .txt {overflow: hidden;text-align: center;padding: 25px 0}

.listw01-item .tit {font-size: 24px;font-weight: 700;color: #4b4b4b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.listw01-item .sub {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #888;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.listw01-item:after {content: '';position: absolute;bottom: 0;left: 0;height: 5px;width: 0;background-color: #2256ac;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s}

.listw01-item:hover .tab {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}

.listw01-item:hover:after {width: 100%}

.listw01-item:hover .tit {color: #2256ac}

.row-w1 {padding: 52px 0 64px}

.row-w2 {background: url(/public/home/images/bg-row1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;padding: 50px 0}

.tit-w2 {text-align: center;font-size: 30px;color: #2256ac}

.tit-w2 span {display: inline-block;position: relative}

.tit-w2 span:after, .tit-w2 span:before {content: '';position: absolute;top: 50%;width: 44px;height: 1px;background-color: #2256ac}

.tit-w2 span:before {right: 110%}

.tit-w2 span:after {left: 110%}

.slide-w1 {margin: 0 -11px;margin-top: 20px}

.slide-w1 .slick-arrow {position: absolute;font-size: 0;border: none;width: 55px;height: 55px;top: 50%;margin-top: -27px;cursor: pointer;z-index: 2;background-color: #2256ac;background-repeat: no-repeat;background-position: center center;opacity: .5;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.slide-w1 .slick-prev {background-image: url(/public/home/images/arrow-w1.png);left: -66px}

.slide-w1 .slick-next {background-image: url(/public/home/images/arrow-w2.png);right: -66px}

.slide-w1 .slick-arrow:hover {opacity: 1}

.row-w1.s2 {padding-bottom: 0}

.row-w3 {background-color: #f4f7f9;overflow: hidden;padding-bottom: 60px}

.pro-hd {background-color: #fff;margin: 50px 0 20px;padding: 60px 0 60px 45%;overflow: hidden;position: relative;min-height: 300px}

.pro-hd .pic{
    position: absolute;
    left: 0;
    width: 45%;
    top: 50%;
    max-height: 80%;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
    text-align: center;
    font-size: 0;
}

.pro-hd .img {display: inline-block;vertical-align: middle;}

.pro-hd .img img {display: inline-block;max-height: 80%}

.pro-hd .txt {overflow: hidden;padding: 0 96px 0 0;min-height: 400px}

.pro-hd .name {font-size: 50px;color: #4b4b4b;font-weight: 700;border-bottom: 1px solid #e5e5e5;margin-bottom: 18px}

.pro-hd .info {overflow: hidden;font-size: 14px;line-height: 20px;padding: 8px 0}

.pro-hd .info .lab {float: left;padding-left: 44px;background: url(/public/home/images/true.png) no-repeat left center;-webkit-background-size: 23px auto;background-size: 23px auto;font-weight: 700;color: #333}

.pro-hd .info .val {color: #666}

.pro-bd {background-color: #fff;margin-bottom: 60px}

.tabw03-tit {border-bottom: 1px solid #f0f0f0;overflow: hidden}

.tabw03-tit .tabw03-item {float: left}

.tabw03-tit .subitem {display: block;border: 1px solid #f0f0f0;width: 180px;text-align: center;font-size: 16px;padding-top: 6px;line-height: 46px}

.tabw03-tit .tabw03-item__on .subitem {color: #2256ac;position: relative}

.tabw03-tit .tabw03-item__on .subitem:before {content: '';position: absolute;top: -1px;left: -1px;right: -1px;height: 4px;background-color: #2256ac}

.tabw03-desc {padding: 45px 70px}

.tabw03-desc .tabw03-item {display: none}

.tabw03-desc .tabw03-item__on {display: block}

.tablew01 table {width: 100%}

.tablew01 td, .tablew01 th {border: 1px solid #bbb;height: 80px;vertical-align: middle}

.tablew01 th {width: 30%;padding-left: 30px;text-align: left;background-color: #eff5f9}

.tablew01 td {padding-left: 30px;font-size: 18px}

.tablew01-lab .cn {font-size: 18px;font-weight: 700;color: #333}

.tablew01-lab .en {font-size: 12px;font-weight: 400;color: #999}

.pages2 {position: relative;overflow: hidden;padding: 0 0 35px}

.pages2-prev {float: left;width: 50%;padding-right: 45px}

.pages2-next {float: left;width: 50%;padding-left: 45px}

.pages2-center {position: absolute;top: 0;left: 50%;width: 90px;margin-left: -45px;z-index: 2}

.pages2 .arrow {text-align: center;display: block;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background-color: #dbdbdb;font-size: 14px;line-height: 63px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}

.pages2 .arrow:hover {color: #fff;background-color: #2256ac}

.pages2 .return {position: relative;display: block;margin: 5px auto;width: 52px;height: 52px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;box-shadow: 0 0 0 5px #dbdbdb;background: #fff url(../images/icon-return.png) no-repeat center center}

.pages2 .return span {position: absolute;top: 100%;line-height: 3;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);font-size: 14px;color: #2256ac;text-align: center;white-space: nowrap}

.row-w4 {padding-top: 85px}

.tit-w3 {margin-bottom: 20px}

.tit-w3 .tit {font-size: 30px;color: #2256ac;font-weight: 700;margin-bottom: 8px}

.tit-w3 .sub {font-size: 16px;line-height: 30px;color: #444}

.picw01-list {display: table}

.picw01 {overflow: hidden;position: relative;display: table-row;background-color: #f8fafd}

.picw01-pic {width: 37.8%;display: table-cell;vertical-align: middle;border-top: 15px solid #fff;border-bottom: 15px solid #fff}

.picw01-pic img {display: block;width: 100%}

.picw01-txt {padding: 0 65px;display: table-cell;vertical-align: middle;border-top: 15px solid #fff;border-bottom: 15px solid #fff;font-size: 16px;line-height: 30px;color: #444}

.picw02 {overflow: hidden;margin-bottom: 48px}

.picw02-pic {float: right;width: 50%}

.picw02 dl {background-color: #f8fafd}

.picw02 dt {background-color: #2256ac;color: #fff;font-size: 18px;color: #fff;font-weight: 700;padding: 25px 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.picw02 dt span {margin-right: 25px}

.picw02 dd {padding: 52px 42px;height: 302px}

.picw02 .list {font-size: 16px;line-height: 30px;color: #222}

.picw02 .fl {float: left;width: 49%}

.picw02 .fr {float: right;width: 49%}

.picw02 .list li {padding-left: 45px;background: url(/public/home/images/icon-w1.png) no-repeat left 10px;margin: 3px 0}

.picw02 .list2 {font-size: 14px;line-height: 2;color: #333;padding-left: 45px;margin-top: 24px}

.picw02 .list2 li {padding-left: 24px;background: url(/public/home/images/icon-w2.png) no-repeat left 4px top 50%}

.row-job {padding: 68px 0}

.job-hd {background-color: #2256ac;overflow: hidden;line-height: 50px;font-size: 17px;color: #fff;margin-bottom: 12px}

.job-hd .item {float: left;padding-left: 58px;font-weight: 700}

.job-hd .item.s1 {width: 38%}

.job-hd .item.s2 {width: 30%}

.job-hd .item.s3 {width: 14%}

.job-hd .item.s4 {width: 18%}

.job-list dl {margin-bottom: 12px;border: 1px solid #f0f0f0}

.job-list dt {background-color: #f6f6f6;overflow: hidden;line-height: 50px;font-size: 16px;color: #202020}

.job-list dt .item {float: left;padding-left: 58px}

.job-list dt .item.s1 {width: 38%}

.job-list dt .item.s2 {width: 30%}

.job-list dt .item.s3 {width: 14%}

.job-list dt .item.s4 {width: 18%}

.job-list dd {display: none}

.job-txt {padding: 40px 60px;font-size: 14px;line-height: 2;color: #666}

.job-txt .items {overflow: hidden}

.job-txt .items + .items {border-top: 1px solid #f0f0f0;margin-top: 20px;padding-top: 20px}

.job-txt .label {font-size: 18px;color: #202020;margin-bottom: 3px}

.job-txt .fl {float: left;width: 50%}

.job-list .toggle {display: inline-block;vertical-align: middle;margin-top: -3px;width: 30px;height: 30px;background: url(/public/home/images/icon-add.png) no-repeat center center}

.job-list dl.open .toggle {background-image: url(/public/home/images/icon-jian.png)}

.job-list dl.open dd {display: block}

.picw03-list {overflow: hidden;padding: 27px 0}

.picw03 {margin: 40px 0;background-color: #f8fafd;position: relative;overflow: hidden}

.picw03-pic {float: left;width: 50%}

.picw03-pic .img {position: relative;overflow: hidden;padding-top: 56%}

.picw03-pic .img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.picw03-txt {position: absolute;width: 50%;top: 0;height: 100%;left: 50%;padding: 0 60px}

.picw03-tit {color: #444;margin-top: 16.7%;margin-bottom: 26px}

.picw03-tit .cn {font-size: 24px;font-weight: 700}

.picw03-tit .en {font-size: 14px;text-transform: uppercase}

.picw03-tit:after {content: '';display: block;width: 21px;height: 2px;background-color: #444;margin-top: 23px}

.picw03-txt .desc {font-size: 16px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2}

.picw03-txt .num {position: absolute;line-height: 1;font-family: Arial;font-weight: 700;font-size: 122px;right: 60px;bottom: -.4em;opacity: .1}

.picw03.s2 .picw03-pic {float: right}

.picw03.s2 .picw03-txt {left: 0}

.picw03.s2 .num {left: 60px}

.tabw04 {padding-top: 60px}

.tabw04 .hd {border-bottom: 1px solid #d8d8d8}

.tabw04-tit {overflow: hidden;position: relative}

.tabw04-tit li:before {content: '';width: 1px;height: 30px;position: absolute;right: -1px;top: 50%;margin-top: -15px;background-color: #d8d8d8}

.tabw04-tit li:first-child:after {content: '';width: 1px;height: 30px;position: absolute;left: 0;top: 50%;margin-top: -15px;background-color: #d8d8d8}

.tabw04-tit li {float: left;width: 25%;position: relative}

.tabw04-tit .subitem {display: block;line-height: 58px;text-align: center;font-size: 16px;border-top: 1px solid transparent}

.tabw04-tit li.on .subitem {border: 1px solid #d8d8d8;border-bottom: none;border-top-color: #2256ac;color: #2256ac}

.tabw04-tit li.on:before {display: none}

.textw01 {padding: 60px 0;font-size: 14px;line-height: 1.714286;color: #666}

.textw01 .img {display: block;margin: 60px auto 75px}

.textw01-tit {border-bottom: 1px solid #d8d8d8;padding-bottom: 5px;margin-bottom: 30px}

.textw01-tit span {display: block;background: url(/public/home/images/bg-tit.png) no-repeat left center;line-height: 35px;color: #fff;padding-left: 30px}


.textw01-list .item {display: inline-block;vertical-align: top;width: 49%;padding-right: 3%;margin-bottom: 60px}

.textw01-list .tit {font-size: 30px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 28px}

.textw01-list li {font-size: 14px;line-height: 24px;color: #666;padding-left: 28px;background: url(/public/home/images/icon-w3.png) no-repeat 10px 7px}

.slidew02 {margin: 0 -15px 50px}

.slidew02 .item {padding: 0 15px}

.slidew02 .pic {position: relative;overflow: hidden;padding-top: 62.1%}

.slidew02 .pic img {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

.slidew02 .txt {background-color: #ebf4f4;line-height: 49px;text-align: center;font-size: 16px;color: #666;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}

.slidew02 .slick-dots {font-size: 0;text-align: center;margin-top: 32px}

.slidew02 .slick-dots li {display: inline-block;vertical-align: top;margin: 0 4px}

.slidew02 .slick-dots button {display: block;width: 12px;height: 12px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;font-size: 0;background-color: transparent;border: 1px solid #52b05f}

.slidew02 .slick-dots .slick-active button {background-color: #52b05f}

.picw05 .box {position: relative}

.picw05 .bg {display: block;width: 100%}

.picw05 li {position: absolute}

.picw05 .lab {font-weight: 700;width: 86px;height: 86px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;text-align: center;color: #fff;font-size: 0;background-color: rgba(50, 181, 63, .7);cursor: pointer}

.picw05 .lab:before {content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%}

.picw05 .lab.on:after {content: '';position: absolute;top: -23px;right: -23px;bottom: -23px;left: -23px;background: url(/public/home/images/yuan.png) no-repeat center;z-index: 2}

.picw05 .lab.on {background-color: transparent}

.picw05 .lab span {display: inline-block;vertical-align: middle;font-size: 15px;line-height: 18px;position: relative;z-index: 3}

.picw05 .s1 {left: 43%;top: 8%}

.picw05 .s2 {left: 17%;top: 24%}

.picw05 .s3 {left: 9%;top: 48%}

.picw05 .s4 {left: 50%;top: 52%}

.picw05 .s5 {left: 84%;top: 70%}

.picw05 .s5 .picw05-txt {left: auto;right: 120%}

.picw05 .s5 .picw05-txt:before {left: 100%;border-color: transparent;border-left-color: #fff;border-left-color: rgba(255, 255, 255, .9)}

.picw05-txt {display: none;position: absolute;top: 50%;left: 120%;background-color: #fff;background-color: rgba(255, 255, 255, .9);width: 316px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding: 36px;z-index: 5}

.picw05-txt:before {content: '';position: absolute;top: 50%;margin-top: -10px;right: 100%;border-width: 10px;border-style: solid;border-color: transparent;border-right-color: #fff;border-right-color: rgba(255, 255, 255, .9)}

.picw05-txt .tit {font-size: 18px;font-weight: 700;line-height: 1;border-left: 2px solid #52b05f;color: #333;padding-left: 9px;margin-bottom: 15px}

.picw05-txt p {padding-left: 10px;background: url(/public/home/images/icon-w2.png) no-repeat left 8px;font-size: 14px;line-height: 22px;color: #666}

.tabw04-desc .tabw04-item {height: 0;visibility: hidden;overflow: hidden}

.tabw04-desc .tabw04-item.show {height: auto;visibility: visible}


.mo-tit {
    display: none;
}


@media (width: 1920px) and (height: 1200px){
    .slick-products .pic{top: 60%;}
    .slick-products .item{
        padding-top: 280px;
    }
}



@media only screen and (min-width: 1280px) {
    .fp-enabled .header {background-color: transparent}

    .fp-enabled .header .lang, .fp-enabled .header .nav {display: none}

    .fp-viewing-section1 .header .lang, .fp-viewing-section1 .header .nav {display: block}

    .fp-viewing-section2 .logo {display: none}

    .fp-viewing-section3 .logo .img1, .fp-viewing-section5 .logo .img1 {display: none}

    .fp-viewing-section3 .logo .img2, .fp-viewing-section5 .logo .img2 {display: inline-block}

    .fp-viewing-section3 .menuBtn, .fp-viewing-section4 .menuBtn, .fp-viewing-section6 .menuBtn {background-image: url(/public/home/images/open2.png)}

    .fp-viewing-section7 .header .tel {display: block}

    .fp-viewing-section7 .footer {position: absolute;bottom: 0;left: 0;right: 0;padding: 10px 0;background-color: transparent}


}


@media only screen and (min-width: 1599px){
    .duibi1 {
        width: auto;
        height: auto;
        visibility: visible;
    }
}


@media only screen and (max-width: 1869px) {
    .about-r {padding-left: 50px}

    .m-tit {padding: 10% 60px 0}

    .ul-news .txt {padding: 20px 30px 0}

    .ul-news .time {padding: 0 30px 15px}

    .ul-news .time:after, .ul-news li:first-child .time:before {left: 30px}

    .m-cmef h2 {right: 15px}

    .slick-products .item {-webkit-background-size: 350px auto;background-size: 350px auto}

    .banner .item .wp .pic {max-width: 30%}

    .z-logo .pic {height: 90px;line-height: 90px;}

}


@media only screen and (max-width: 1699px) {

    .ul-tab1 {
        padding-top: 100px;
    }

    .m-partner {padding: 100px 0 0;-webkit-background-size: 100% 240px;background-size: 100% 240px}

    .g-tit5 {padding: 100px 0 0;}

    .ul-conatct {padding: 20px 0 30px;}

    .section7 .row-w1 {
        padding: 0;
    }

    .banner .item .wp {padding: 0 30px;}

    .m-cmef .con h3 {font-size: 36px;}

    .m-cmef .con h4 {font-size: 30px;}

    .about-r {padding-top: 70px;}

    .ul-about li + li {margin-left: 30px;}

    .slick-products .item {
        padding: 95px 150px 0 100px;
        -webkit-background-size: 300px auto;background-size: 300px auto;
    }
    .arrow-dots2{right: 80px;}
    .slick-products .pic{right: 160px;}
}

@media only screen and (max-width: 1629px) {
    .banner .item .cont {padding: 8% 0 0;}
    .slick-products .pic{max-height: 400px;top: 50%;}
    .slick-products .item{padding-top: 40px;}

}

@media only screen and (max-width: 1599px) {
    .g-tit5 {padding: 100px 0 0}

    .ul-conatct .inner {height: 200px;padding: 15px 0 0}

    .g-tit5 h4 {padding: 45px 0 0}

    .m-partner {padding: 100px 0 0;-webkit-background-size: 100% 240px;background-size: 100% 240px}

    .ul-tab1 {padding: 100px 0 30px}

    .slick-products .item {padding: 50px 160px 50px 50px}

    .arrow-dots {bottom: 10px}

    .slick-products .txt .info {padding: 3px 0}

    .ul-tab a {margin-bottom: 5px}

    .ul-tab {padding: 30px 0 20px}

    .news-txt {padding: 0 0 30px}

    .about-r {padding: 80px 60px 0 50px}

    .banner .item .cont {
        padding: 8% 0 0;
    }

    .duibi1 {
        width: 0;
        height: 0;
        visibility: hidden;
    }
    .duibi2 {
        width: auto;
        height: auto;
        visibility: visible;
    }

}


@media only screen and (max-width: 1499px) {
    .about-r .txt p {margin-bottom: 15px}

    .about-r .txt h4 {margin-bottom: 20px}

    .ul-about i {-webkit-transform: scale(.8);-moz-transform: scale(.8);-ms-transform: scale(.8);-o-transform: scale(.8);transform: scale(.8);margin-bottom: 0}

    .solutions-l .txt {padding: 30px 30px 0 0 }

    .ul-about li + li {margin-left: 20px}

    .arrow-dots2 {right: 66px}

    .slick-products .item {background-position: 80% 10%}

    .ul-list li a {padding: 0 5px;font-size: 12px}

    .m-list {padding: 10px}

    .z-logo a {margin: 0 5px 10px;}

    .z-logo {padding: 0 100px;}

    .z-logo .pic {height: 90px;line-height: 90px;}

    .banner .item .cont {padding: 12% 0 0;}

    .ul-solutions h4 {font-size: 16px;left: 30px;}


    .slick-products .txt{max-width: 420px}
    .slick-products .pic{right: 130px;}

}



@media (max-width: 1500px) and (min-width: 1410px) {
    .banner .item .cont {padding: 16% 0 0;}
}

@media (max-width: 1410px) and (min-height: 900px) {
    .banner .item .cont {padding: 26% 0 0;}

    .slick-products .item{padding-top: 120px;}
}


@media only screen and (max-width: 1399px) {
    .ul-tab a {font-size: 16px;height: 40px;line-height: 40px}

    .g-tit1 h3, .g-tit2 h3 {font-size: 30px}

    .g-tit1 h3 span, .g-tit2 h3 span {font-size: 18px}

    .slick-products .txt .name {font-size: 30px}

    .slick-products .txt .info {font-size: 12px;line-height: 16px}

    .slick-products .txt .info .lab {padding-left: 28px;-webkit-background-size: 15px auto;background-size: 15px auto}

    .g-more.on {margin-top: 20px}

    .slick-products .item {-webkit-background-size: 240px auto;background-size: 240px auto;background-position: 80% 20%}

    .g-tit5 h3 {font-size: 30px}

    .g-tit5 h3 span {font-size: 16px}

    .about-r .txt h4 {font-size: 18px}

    .g-tit5 h4 {padding: 30px 0 0;background-position: center 10px}

    .ul-solutions h4 {font-size: 14px;height: 36px;line-height: 36px}

    .nav2 {padding: 80px 0 30px}

    .nav2 li a {font-size: 16px;line-height: 42px}

    .g-close {top: 20px;right: 20px}

    .animLoop {width: 30px;height: 30px;bottom: 5px;margin-left: -15px;-webkit-background-size: 30px auto;background-size: 30px auto}

    .ul-solutions li a {margin-left: 10px}

    .ul-iso li {padding: 20px;}

    .ul-news .txt h4 {margin-bottom: 15px;-webkit-line-clamp: 1;height: 24px;}

    .ul-news .txt p {-webkit-line-clamp: 2;height: 48px;}

    .z-logo .pic {height: 75px;line-height: 75px;}

    .m-partner {-webkit-background-size: 100% 200px;background-size: 100% 200px;}

    .ul-conatct {padding: 15px 0 0;}

    .solutions-l {padding: 50px 0 0 30px;}

    .solutions-l .txt p {margin-bottom: 30px;}

    .ul-solutions a {margin-left: 15px;}

    .banner .item .wp {padding: 0 30px;}

    .btn-info {margin-right: 0;}

    .slick-products .pic {width: 240px;}

    .slick-products .pic .new {width: 190px;height: 75px;-webkit-background-size: 190px auto;background-size: 190px auto;    top: -30px;
        right: 120px;}

    .slick-products .pic .new .con {margin-top: 23px;font-size: 14px;}

    .slick-products .pic .new .con span {font-size: 14px;}

    .slick-products .pic.vertical .new{top: -35px;right: 94px;}

    .slick-products .item{padding-top: 100px;}


}


@media only screen and (max-width: 1299px){
    .banner .item .cont{padding: 22% 0 0;}

    .arrow-dots .dots .slickDots li strong{
        margin-right: 20px;
    }

}

@media (width: 1280px) and (height: 1024px){
    .banner .item .cont{padding: 22% 0 0;}
}

@media only screen and (max-width: 1249px) {

    .duibi1,.duibi2 {
        width: 0;
        height: 0;
        visibility: hidden;
    }


    .duibi3 {
        width: auto;
        height: auto;
        visibility: visible;
    }

    .ul-conatct li {margin: 0 10px}

    .ul-conatct .inner {width: 180px}

    .ul-conatct .txt {padding: 10px 10px 0}

    .ul-conatct p {font-size: 12px}

    .ul-conatct .p2 {font-size: 14px}

    .m-cmef h2 {font-size: 20px}

    .arrow-dots {left: 4%;right: 0;text-align: center}

    .m-cmef .con h4 span:after {display: none}
    .arrow-dots .dots{margin-left: 10px;}

    .m-cmef .con h3 {font-size: 20px}

    .m-cmef .con h4 {font-size: 24px}

    .arrow-dots .dots .slickDots li {background-position: 28px center}

    .arrow-dots .dots .slickDots li em {font-size: 14px}

    .arrow-dots .dots .slickDots li strong {font-size: 24px}

    .nav {display: none !important}

    .ul-about li + li {margin-left: 10px}

    .m-solutions {padding: 30px 0;overflow: hidden}

    .solutions-l .txt p {margin-bottom: 20px}

    .m-tit {padding: 10% 20px 0}

    .m-conatct {padding: 0 0 100px}

    .m-tit {position: static;width: auto;padding: 20px}

    .ul-news li {width: 33.33%}

    .ul-news li a {padding-top: 20px}

    .ul-news .time {font-size: 20px}

    .ul-news .pic-box {display: block;}

    .ul-news .txt h4 {margin-bottom: 10px}

    .ul-news .txt {padding: 20px 30px}

    .m-products {position: static;width: auto}

    .arrow-dots2 {right: 10px}

    .news-txt {padding: 0 0 10px}

    .solutions-l {float: none;width: auto;padding: 0 0 20px}

    .ul-solutions {padding-left: 0;margin-left: -10px !important}

    .section3:before {display: none}

    .about-r {padding-right: 10px}

    .g-tit1 {padding-right: 25px}

    .pop-video .video {width: 90%;height: auto;left: 5%;margin-left: 0;margin-top: 0;top: 15%}

    .fp-viewing-section7 .footer {background-color: transparent;margin-top: -100px;position: relative;z-index: 10;padding: 10px 0}

    .slide-w1 {margin: 0}

    .slide-w1 .slick-arrow {left: 0}

    .slide-w1 .slick-next {right: 0;left: auto}

    .ul-tab {text-align: center;font-size: 0}

    .ul-tab li {display: inline-block;margin: 0 10px}

    .ul-tab a {padding: 0 15px}



    .banner .item .wp .pic {left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

    .row-news {padding-right: 0;}

    .row-news .m-tit {display: none;}

    #DoubleViewer3{margin: 0 auto;}

    .banner .item .cont{text-align: center;}

}

@media only screen and (max-width: 1199px) {
    .tabw01-tit .subitem {width: 160px}

    .listw01 {margin: 0}

    .tit-w3 .tit {font-size: 22px}

    .picw01-txt, .picw02 .list, .tit-w3 .sub {font-size: 14px;line-height: 24px}

    .picw02 .list li {background-position: left 6px;padding-left: 25px}

    .picw02 dt {font-size: 16px;padding: 10px}

    .picw02 dt span {margin-right: 0}

    .row-w4 {padding-top: 30px}

    .picw02 .list2 {margin-top: 10px;padding-left: 30px}

    .job-txt {padding: 20px 30px}

    .job-hd .item, .job-list dt .item {padding-left: 30px}

    .m-about .about-l {width: 100%;}

    .about-r {display: none !important;}

    .solutions-l, .row-news .m-tit {display: none;}

    .tabw04-tit li{width: 50%;}

}

@media only screen and (max-width: 959px) {
    .m-about .about-l {padding: 50px 0 0}

    .about-r {padding: 30px 10px}

    .ul-conatct {overflow: hidden}

    .ul-conatct li {float: left;width: 50%;display: block;margin: 0}

    .ul-conatct .inner {width: auto}

    .slick-products .item {padding: 120px 10px 30px;}

    .slick-products .pic{right: 80px;}

    .header {height: 45px;background: none;border-bottom: 1px solid rgba(255, 255, 255, .5);}

    .logo {left: 10px;line-height: 40px;max-width: 88px}

    .header .menuBtn {right: 5px;-webkit-background-size: 18px auto;background-size: 18px auto;}

    .header .lang {right: 60px;}

    .m-cmef h2 {font-size: 12px;right: 5px;line-height: 18px;top: 5px}

    .tabw02-tit {padding: 20px 10px;margin-bottom: 10px}

    .tabw01-tit .subitem {width: 120px;font-size: 14px;line-height: 36px}

    .tabw01-tit .subitem:hover, .tabw01-tit .tabw01-item__on .subitem {line-height: 36px;margin-top: 0}

    .ban {height: 360px}

    .tit-w1 {font-size: 22px;margin-bottom: 20px}

    .listw01 {margin: 0 -5px}

    .listw01-item {margin: 0 5px;padding: 3px}

    .listw01-item .txt {padding: 10px 0}

    .listw01-item .tit {font-size: 16px}

    .listw01-item .sub {font-size: 12px}

    .listw01 li {margin-bottom: 10px}

    .curbar {line-height: 36px}

    .curbar .wp {width: auto}

    .curbar-cur:before {width: 36px;height: 36px;-webkit-background-size: 12px auto;background-size: 12px auto}

    .curbar-cur {margin-bottom: 5px}

    .curbar-cur, .curbar-snv {float: none;overflow: hidden}

    .row-w1, .row-w2 {padding: 30px 0}

    .tit-w2 {font-size: 20px}

    .pro-hd .name {font-size: 24px}

    .pro-hd .info .lab {padding-left: 30px;font-size: 12px}

    .pro-hd .txt {padding-right: 0}

    .pro-hd {padding: 30px 0;margin: 20px 0 10px}

    .tabw03-desc {padding: 10px}

    .tablew01-lab .cn {font-size: 14px}

    .tablew01 td, .tablew01 th {height: 50px}

    .tablew01 td {font-size: 12px}

    .pro-bd {margin-bottom: 30px}

    .row-w3 {padding: 0 0 30px}

    .picw03-tit {margin: 15px 0}

    .picw03-tit .cn {font-size: 18px}

    .picw03-tit .en {font-size: 12px}

    .picw03-tit:after {height: 1px;margin-top: 10px}

    .picw03-txt .desc {font-size: 12px;line-height: 20px}

    .picw03 {margin: 10px 0}

    .picw03-txt .num {font-size: 60px}

    .picw01-txt {padding: 0 20px}

    .picw02 dd {padding: 10px}

    .job-txt .fl {float: none;width: auto}

    .g-tit5 h3 {font-size: 22px}

    .g-tit5 h3 span {font-size: 14px}

    .arrow-dots3 {padding: 10px;width: 200px}

    .arrow-dots3 h4 {font-size: 16px}

    .arrow-dots3 .arrow {width: 36px;height: 36px;margin-right: 3px}

    .arrow-dots3 .dots .slickDots li strong {font-size: 36px}

    .arrow-dots3 .dots .slickDots li em {font-size: 16px;top: -15px}

    .slick-case {padding: 30px 0 0;margin-bottom: 30px}

    .m-text h1 {font-size: 18px}

    .m-text .time {margin-bottom: 5px}

    .m-text .con {padding: 10px 0}

    .m-text .share {padding: 20px 0}

    .ul-news2 li a {padding: 20px 0 20px 80px}

    .ul-news2 .time {top: 60px}

    .ul-news2 .pic-box {margin-right: 15px}

    .ul-news2 .txt h4 {font-size: 16px}

    .ul-news2 .time {font-size: 14px}

    .ul-news2 .time span {font-size: 20px}

    .tabw04-tit .subitem {font-size: 14px;line-height: 50px}

    .textw01 {padding: 30px 0}

    .textw01-list .item {display: block;width: auto;padding-right: 0;margin-bottom: 20px}

    .textw01-list .tit {font-size: 18px;margin-bottom: 15px}

    .pro-hd .pic {float: none;width: 80%;margin: 0 auto 10px;position: static;max-height: initial;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

    .pro-hd .txt {padding: 10px;min-height: initial}


}

@media only screen and (max-width: 767px) {
    .wp {width: 94%}

    .banner .item .wp .pic {max-width: 90%;position: static;-webkit-transform: translate(0);-moz-transform: translate(0);-ms-transform: translate(0);-o-transform: translate(0);transform: translate(0);}

    .duibi > div{border-width: 5px}

    .duibi .arrow{-webkit-background-size: 28px auto;background-size: 28px auto;}

    .arrow-dots{
        top: 265px;
        height: 30px;
    }

    .arrow-dots .arrow{
        width: 30px;
        height: 30px;
        -webkit-background-size: 30px auto;background-size: 30px auto;
    }

    .banner .item .wp {padding: 110px 18px 0;width: auto;}

    .banner .item .cont p{font-size: 12px;letter-spacing: 0;}

    .ul-iso li {padding: 10px 0}

    .ul-iso p {font-size: 12px;margin-top: 10px}

    .about-r .txt {padding: 20px 0 0}

    .g-tit1 h3, .g-tit2 h3 {font-size: 20px}

    .g-tit1 h3 span, .g-tit2 h3 span {font-size: 12px}

    .about-r .txt h4 {font-size: 14px}

    .solutions-l .txt {padding: 30px 0 0 0}

    .ul-solutions h4 {left: 5px;padding: 3px 8px;height: auto;line-height: 20px;font-size: 12px;bottom: 25px;height: 66px}


    .row-w1 .ul-solutions h4{
        white-space: normal;
    }

    .ul-solutions h4 span {display: block}

    .m-partner {-webkit-background-size: 100% 120px;background-size: 100% 120px}

    .ul-tab1 {padding: 50px 0 20px}

    .z-logo {margin: 0 -3px;padding: 0 10px 20px}

    .z-logo li a {margin: 0 3px 5px}

    .z-logo .pic {height: 60px;line-height: 60px}

    .ul-about {padding: 20px 0 0}

    .ul-news li {float: none;width: auto}

    .g-close {top: 10px;right: 10px}

    .nav-box {width: 100vw;padding: 0 25px 0 0;right: -100vw}

    .nav-box .so {padding: 10px}

    .m-cmef .con h3 {font-size: 18px}

    .m-cmef .con h4 {font-size: 18px;line-height: 1.2}

    .m-cmef .con {bottom: 60%;}

    .footer {font-size: 12px;line-height: 20px;text-align: center;padding: 5px 0}

    .footer span {display: block;margin: 0}

    .footer .l, .footer .r {float: none;width: auto}

    .btn-contact {width: 300px;font-size: 16px;height: 48px;line-height: 46px;margin-bottom: 20px}

    .ban {height: 150px}

    .tabw01-tit .tabw01-item {width: 33.33%}

    .tabw01-tit .tabw01-item + .tabw01-item {margin-left: 0}

    .tabw01-tit .subitem {width: auto}

    .tabw02-tit {overflow: hidden;padding: 0}

    .tabw02-tit .tabw02-item {display: block;width: 50%;float: left}

    .tabw02-tit .subitem {font-size: 12px;padding: 0}

    .listw01 li {width: 50%}

    .pagination > li {display: none}

    .pagination li:first-child, .pagination li:last-child, .pagination > li.active {display: inline}

    .pagination > li > a, .pagination > li > span {font-size: 12px;padding: 5px 10px}



    .tablew01 td, .tablew01 th {padding-left: 10px}

    .tablew01 th {width: 45%}

    .pages2 .arrow span {display: none}

    .pages2 .arrow {line-height: 45px}

    .pages2 .return {height: 36px;width: 36px}

    .picw03-tit {margin: 5px 0}

    .picw03-tit .cn {font-size: 16px}

    .picw03-tit:after {margin-top: 3px}

    .picw03-pic {float: none !important;width: auto}

    .picw03-txt {position: static;width: auto;padding: 10px}

    .picw03.s2 .num {left: auto}

    .tit-w3 .tit {font-size: 18px}

    .picw01-txt, .picw02 .list, .tit-w3 .sub {font-size: 12px;line-height: 1.6}

    .picw01-pic, .picw01-txt {width: auto;display: block;border: 0}

    .picw01-txt {padding: 20px}

    .picw02 .fl, .picw02 .fr, .picw02-pic {float: none;width: auto}

    .picw02 dd {height: auto}

    .picw02 {margin-bottom: 15px}

    .h50 {height: 30px}

    .job-hd, .job-list dt {font-size: 12px;line-height: 20px;padding: 10px 0}

    .job-hd .item, .job-list dt .item {padding-left: 5px}

    .row-job {padding: 30px 0}

    .job-hd .item.s3, .job-hd .item.s4, .job-list dt .item.s3, .job-list dt .item.s4 {width: 16%}

    .row-w1 .ul-conatct {padding: 0 10px}

    .row-w1 .email {font-size: 14px;padding: 10px 0}

    .row-w1 .email img {margin-right: 5px;vertical-align: -5px}

    .g-tit5 h4 {font-size: 14px;letter-spacing: 0}

    .ul-case {margin: 20px -3px 0}

    .ul-case li {width: 50%}

    .ul-case a {margin: 0 3px 10px}

    .ul-case p {font-size: 12px;line-height: 30px}

    .ul-news2 .time {position: static;text-align: left;margin-bottom: 5px}

    .ul-news2 li a {padding: 10px 0}

    .ul-news2 .pic-box {float: none;width: auto;margin-right: 0}

    .ul-news2 .txt {padding: 10px 0}

    .ul-news2 {padding: 0 0 30px}

    .tabw04 {padding: 30px 0 0}

    .tit-w1 {font-size: 20px;margin-bottom: 15px}

    .tabw04-tit li {float: none;width: auto}

    .tabw04-tit li:before, .tabw04-tit li:first-child:after {display: none}

    .tabw04-tit .subitem {border: 1px solid transparent}

    .tabw04 .hd {padding: 0 0 10px}

    .tabw04-tit li.on .subitem {border: 1px solid #2256ac}

    .textw01 .img {margin: 20px auto}

    .picw05 {overflow-x: auto;white-space: nowrap}

    .picw05 .box {display: inline-block;width: 768px}

    .m-tit {padding: 15px}

    .arrow-dots2 {top: auto;bottom: 30px}

    .arrow-dots2 .arrow {width: 36px;height: 36px;-webkit-background-size: 36px auto;background-size: 36px auto}

    .ul-news .txt {padding: 20px 15px}

    .ul-news .time {padding: 0 15px 10px}

    .ul-news .time:after, .ul-news li:first-child .time:before {left: 15px}

    .m-about .about-l .btn-play img {width: 30px;margin: 0 auto}

    .tabw01-tit {padding: 5px 0 10px}

    .ul-tab {padding: 100px 0 0;}

    .ul-tab li {margin: 0 1px}

    .ul-tab a {padding: 0 3px;font-size: 12px;height: 28px;line-height: 28px;}

    .g-tit1.left, .g-tit2 {padding-left: 15px}

    .g-tit1 {padding-right: 15px}

    .slick-products .item {padding: 60px 10px 0;}

    .slick-products .pic {width: 160px;float: none;margin: 0 auto 10px;position: static;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

    .slick-products .pic .new {right: 40px;top: -40px;}
    .slick-products .pic.vertical .new{right: 35px;top: -40px;}

    .section7 .row-w1 {display: none;}

    .fp-viewing-section7 .footer {margin-top: -80px;}

    .g-tit5 {padding: 60px 0 0;}

    .m-cmef h2 {top: -55px;}

    .m-about .about-l .btn-play {left: 95px;}

    .ul-solutions {margin-left: 0 !important;}

    .m-solutions {padding: 0;}

    .section3 .wp {width: auto;}

    .section3 .ul-solutions a {margin-left: 0;height: 100vh;}

    .ul-solutions .slick-dots,
    .ul-news .slick-dots {
        position: absolute;
        bottom: 40px;
        left: 0;
        right: 0;
        text-align: center;
    }

    .ul-solutions .slick-dots li,
    .ul-news .slick-dots li {
        float: none;width: auto;
        display: inline-block;
        margin: 0 5px;
    }

    .ul-solutions .slick-dots li button,
    .ul-news .slick-dots li button {
        font-size: 0;
        width: 10px;
        height: 10px;
        background-color: #CCCCCC;
        border-radius: 50%;
        border: 0;
    }

    .ul-solutions .slick-dots li.slick-active button,
    .ul-news .slick-dots li.slick-active button {
        background-color: #32b53f;
        font-size: 0;
    }

    .news-txt, .row-products .g-tit1.left, .slick-products .txt .info {display: none;}

    .slick-products .txt .name {font-size: 18px;text-align: center;}

    .ul-list li {margin-bottom: 0;}

    .ul-list li a {line-height: 20px;border-radius: 5px}

    .ul-news a {
        padding-top: 30% !important;
        background-color: #fff !important;
    }

    .section {
        position: relative;
    }

    .mo-tit {
        position: absolute;
        top: 60px;
        left: 50%;
        -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
        display: block;
        z-index: 10;
    }

    .g-tit1.block {color: #333333;}

    .m-partner .g-tit1 {display: none;}

    .g-more {width: 160px;height: 36px;line-height: 34px;}

    .g-more.on {margin: 0 auto;}


    .banner .item .pc-bg {background: none !important;}

    .banner .item3 img {
        display: block !important;
        width: 100vw;
        height: 100vh;
    }

    .m-cmef {
        position: relative;
        z-index: 3;
        height: 100vh;
    }

    .ul-conatct .inner {height: 180px;}

    .ul-conatct .pic {height: 50px;}

    .z-logo .pic img {max-width: 80%;max-height: 80%}

    .ul-list {display: none;}

    .btn-info {float: none;display: block;margin: 0 auto;}

    .ul-conatct .pic {height: 30px;}

    .ul-conatct .inner {height: 135px;padding: 12px 0 8px;}

    .ul-conatct .eq {width: 80px;height: 80px;margin-bottom: 5px;}

    .ul-conatct .txt h4 {padding: 0 0 5px;margin-bottom: 5px;}




    .ul-news .txt p {
        -webkit-line-clamp: 1;
        height: 24px;
    }

    .ul-news .pic {
        padding-top: 80%;
    }

    .banner .item .cont {padding: 22% 0 0;position: relative;z-index: 20;}
    .duibi .arrow{top: 80px !important;}

    .ul-tab1 li{margin: 0 5px;}
    .ul-tab1 li a{font-size: 16px;}

    .listw01 .listw01-item .tab{width: 6em;margin-left: -3em;font-size: 12px;top: 0;padding: 0.6em 0 0.5em;text-align: center;}
    .listw01 .listw01-item .tab:before{margin-top: -4px;}

    .ul-solutions li a{margin-left: 5px;}
}

/*iphone max*/
@media (width: 414px) and (height: 896px) {
    .arrow-dots{top: 275px;}
    .banner.up .item .wp{padding-top: 200px;}
    .arrow-dots{top: 370px;}
    .slick-products .pic{width: 270px;}
    .slick-products .pic .new{right: 150px;}
    .slick-products .txt .name{margin-bottom: 5px;}
    .banner.up .m-cmef .con{bottom: 66%;}

    .slick-products .pic.vertical .new{right: 118px;}
    .m-cmef .con{bottom: 57%;}
}

@media (width: 375px) and (height: 812px) {
    .slick-products .pic{width: 240px;}
    .z-logo li{width: 33.33%;}
    .ul-conatct{}
    .ul-conatct .inner{height: 150px;padding-top: 20px;}
    .slick-products .pic .new{right: 120px;}
    .slick-products .pic.vertical .new{right: 110px;}
}
@media only screen and (max-width: 349px){
    .slick-products .item{padding-top: 50px;}
    .arrow-dots{top: 250px;}
    #DoubleViewer3{-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0; -webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);}

}
<!--0.00024914741516113-->