@charset "UTF-8";
html {box-sizing: border-box;font-size:15px; }
@media (max-width: 991px){ html{ font-size:14px; } }
@media (max-width: 767px){ html{ font-size:12px; } }
*, *:before, *:after {box-sizing: inherit;}
body{
    font-family: PingFang SC,"微软雅黑", arial, helvetica, clean, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    word-wrap: break-word;
    line-height: 1.15;
    font-weight:normal;
}
a{ color:#333;text-decoration:none; }
a:hover,a:visited,a:link,a:focus,a:active{ text-decoration:none; }
img{line-height: 1;font-size: 0;vertical-align: top;height: auto;max-width: 100%;}
ul,li,dl,dt,dd,ol{ list-style:none;padding:0;margin:0; }
.notice{color: #ec4c4c}
.pos-r{position: relative}
.ov-h{overflow: hidden}
.t-center{ text-align:center; }
.ts300{ transition:.3s all;-webkit-transition:.3s all; }
.com-p{ line-height:1.8;font-size:16px; }
.com-p p{ margin:0;padding:0; }

/*************************** style **********************/
.com-bg{ z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden; }
.com-bg .mobi-img{ width:100%;height:100%; }
.com-inner{ width:100%;height:100%;position:relative;padding:78px 0 0 0;overflow:hidden; }
.inner-main{ min-height:100vh; }
.h0{ height:0!important; }
.res-img{ position:absolute;left:50%;top:50%;max-width:inherit;opacity:0;transition:.3s opacity;-webkit-transition:.3s opacity; }
html{ opacity:0;visibility:hidden;transition:.5s opacity,.5s visibility; }

/* animate class */
@keyframes shakeTb {
    0%{
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
    }
    25%{
        transform:translateY(10px);
        -webkit-transform:translateY(10px);
    }
    50%{
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
    }
    75%{
        transform:translateY(-10px);
        -webkit-transform:translateY(-10px);
    }
    100%{
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
    }
}
@-webkit-keyframes shakeTb {
    0%{
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
    }
    25%{
        transform:translateY(10px);
        -webkit-transform:translateY(10px);
    }
    50%{
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
    }
    75%{
        transform:translateY(-10px);
        -webkit-transform:translateY(-10px);
    }
    100%{
        transform:translateY(0px);
        -webkit-transform:translateY(0px);
    }
}

@keyframes rotateLeft{
    0%,100%{
        transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
    }
    50%{
        transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
    }
}
@-webkit-keyframes rotateLeft{
    0%,100%{
        transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
    }
    50%{
        transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
    }
}

@keyframes rotateRight{
    0%{
        transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
    }
    100%{
        transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
    }
}
@-webkit-keyframes rotateRight{
    0%{
        transform:rotate(-90deg);
        -webkit-transform:rotate(-90deg);
    }
    100%{
        transform:rotate(90deg);
        -webkit-transform:rotate(90deg);
    }
}

@keyframes rotateZ{
    0%,100%{
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
    50%{
        transform:rotateY(180deg);
        -webkit-transform:rotateY(180deg);
    }
}
@-webkit-keyframes rotateZ{
    0%,100%{
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
    }
    50%{
        transform:rotateY(180deg);
        -webkit-transform:rotateY(180deg);
    }
}

@keyframes rotateFinite {
    0%{
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
    }
    100%{
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
    }
}
@-webkit-keyframes rotateFinite {
    0%{
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
    }
    50%{
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
    }
    100%{
        transform:rotate(0deg);
        -webkit-transform:rotate(0deg);
    }
}

@keyframes scaleCenter{
    0%{
        transform:scale3d(0,0,0);
        -webkit-transform:scale3d(0,0,0);
    }
    100%{
        transform:scale3d(1,1,1);
        -webkit-transform:scale3d(1,1,1);
    }
}
@keyframes loadingArrow{
    0%{
        opacity:1;
        transform:translateY(0);
        -webkit-transform:translateY(0);
    }
    100%{
        opacity:0;
        transform:translateY(-15px);
        -webkit-transform:translateY(-15px);
    }
}
/* media screen */
.show-xs,
.show-sm,
.show-sm-only,
.show-md,
.show-lg{display: none !important;}
@media (max-width: 767px){ .show-xs{ display:block!important; } }
@media (min-width: 768px){ .show-sm{ display:block!important; } }
@media (min-width: 992px){
    .show-md{ display:block!important; }
    .case-item.one .case-title{ right:5%;bottom:5%;left:inherit;top:inherit;transform:none;-webkit-transform:none; }
    .case-item.four .case-title{ bottom:8%;left:inherit;top:inherit;transform:none;-webkit-transform:none; }
}
@media (min-width: 1200px){ .show-lg{ display:block!important; } }
@media (max-width: 991px){
    .show-sm-only{
        display:block!important;
    }
}

/* fullpage */
#fp-main{  }
#fp-main .section{  }
#fp-main .section1{  }
#fp-main .section2{  }
#fp-main .section3{  }
#fp-main .section4{  }
#fp-main .section5{  }
#fp-main .section6{  }
#fp-main .section7{  }
#section-footer .fp-tableCell{ display:block;!important; }
#menu{ z-index:988;position:fixed;left:50px;top:50%;transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0); }
#menu li{display: block;width: 15px;height: 15px;margin: 20px 7px;position:relative;}
#menu li a{display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;background:rgba(0,0,0,.8);border:1px solid #fff;border-radius:50%;}
#menu li.active a:after{content:'';position:absolute;left:-8px;top:-8px;width:30px;height:30px;border:1px dashed #fff;border-radius:50%;}
#menu li.active a{ background-color:#fff }
#menu:after{content:'';position:absolute;top:0;left:50%;margin-left:-0.5px;margin-top:-150%;width:1px;height:150%;background-color:rgba(255,255,255,.5);}
#animate-bot{ position:fixed;left:0;bottom:0;width:100%;z-index:99; }
#animate-bot .bot-bg{ width:100%; }
#animate-bot .bot-arrow{ position:absolute;left:50%;top:-50px;margin-left:-12px;animation:shakeTb 2s 0s linear infinite;-webkit-animation:shakeTb 2s 0s linear infinite;border-radius:15px;box-shadow:2px 2px 2px rgba(0,0,0,0.5) }

/************** 公用 *******************/
/* nav */
.com-nav{ font-size:0;}
.com-nav .parent{ display:inline-block;padding:30px 15px; }
.com-nav .parent .item{ font-size:16px;color:#222;position:relative;transition:.5s color;-webkit-transition:.5s color; }
.com-nav .parent .item:after{ content:'';position:absolute;bottom:-10px;left:0;width:100%;height:2px;background-color:#0c7fd8;transform:scale3d(0,1,1);-webkit-transform:scale3d(0,1,1);transition:0.5s transform cubic-bezier(0.2,1,0.3,1);-webkit-transition:0.5s transform cubic-bezier(0.2,1,0.3,1);transform-origin:100% 50%;-webkit-transform-origin:100% 50%; }
.com-nav .parent.curr .item:after,
.com-nav .parent .item:hover:after{ transform-origin:0 50%;-webkit-transform-origin:0 50%;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1); }
.com-nav .parent.curr .item,
.com-nav .parent .item:hover{ color:#0c7fd8; }
.com-tel{ display:block;margin-left:15px;margin-top:16px;width:210px;height:42px;line-height:42px;text-align:center;border:1px solid #21a3f1;color:#21a3f1;border-radius:21px; }
.com-tel:before{ content:'';display:inline-block;width:22px;height:24px;background:url('../img/nav-tel.png') no-repeat;vertical-align:middle;margin-right:10px; }
.mobi-navbar-btn{ z-index:1;position:absolute;right:0;top:0;width:24px;height:18px;background:url('../img/navbar-w.png') no-repeat center center;background-size:100% 100%; }
.mobi-navbar{ z-index:998; display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.5s all;-webkit-transition:.5s all; }
.mobi-navbar.open{ opacity:1;visibility:visible; }
.mobi-navbar .navbar{ background-color:#fff; }
.mobi-navbar .navbar .item a{ display:block;height:54px;line-height:54px;text-align:center;color:#000;font-size:15px;border-top:1px solid #f1f1f1; }
.mobi-navbar .navbar .item:hover a{ color:#21a3f1 }
.mobi-navbar .navbar .com-toggle{ border-top:1px solid #f1f1f1;text-align:center;line-height:54px; }
.mobi-navbar .navbar .com-toggle a{ display:inline-block;padding:0 10px; }
.u-menu {
    display: none;
    -webkit-transform: translate3d(0,-50%,0);
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 300;
    cursor: pointer;
    width: 25px;
}
.u-menu .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 1px;
    background: #232323;
    margin-bottom: 6px;
    -webkit-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
    position: relative;
}
.u-menu .icon-bar:nth-child(2){ width:20px; }
.u-menu .icon-bar:nth-child(3){ width:15px; }
.u-menu.active .icon-bar:nth-child(1){
    background-color: #232323;
    width: 25px;
    -webkit-transform: rotate(405deg);
    -moz-transform: rotate(405deg);
    -ms-transform: rotate(405deg);
    transform: rotate(405deg);
}
.u-menu.active .icon-bar:nth-child(2){
    -webkit-transform: translate(-25px, 0);
    -moz-transform: translate(-25px, 0);
    -ms-transform: translate(-25px, 0);
    transform: translate(-25px, 0);
    opacity: 0;
}
.u-menu.active .icon-bar:nth-child(3){
    background-color: #232323;
    width: 25px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* header */
#header{ z-index:999;position:fixed;left:0;top:0;width:100%;margin:0 auto;background-color:#fff;box-shadow:0 1px 1px rgba(0,0,0,.1);transition:.3s all;-webkit-transition:.3s all; }
#header.lucency{ background-color:transparent;box-shadow:0 1px 1px rgba(255,255,255,.1); }
#header.lucency .com-nav .parent .item{ color:#fff; }
#header.lucency .com-nav .parent .item:after{ background-color:#fff; }
#header.lucency .com-tel{ border-color:#fff;color:#fff; }
#header.lucency .com-logo .black{ display:none; }
#header.lucency .com-logo .white{ display:block; }
#header.lucency .com-tel:before{ background:url('../img/nav-tel-w.png'); }
#header.lucency .u-menu .icon-bar{ background-color:#fff; }
.com-logo{ display:block; }
.com-logo img{ width:auto;height:51px;margin:14px 0;max-width:inherit; }
.com-logo .black{ display:block; }
.com-logo .white{display:none;}

/* footer */
#_footer{ background-color:#3f3f3f; }
.share-code{ width:138px;height:auto; }
.com-copyright{ text-align:center;font-size:12px;color:#fff;border-top:1px solid rgba(255,255,255,.1);padding:20px 0; }
.com-copyright a{ color:#fff; }
.com-copyright .support{ margin-left:30px; }
.com-share-tel{ color:#fff;font-size:18px;margin-bottom:5px; }
.com-share{ font-size:0; }
.com-share a{ opacity:1;display:inline-block;font-size:12px;color:#fff;margin:0 10px;background:no-repeat center center;background-size:auto 100%;width:30px;height:21px;transition:.3s opacity;-webkit-transition:.3s opacity; }
.com-share a:hover{ opacity:.5; }
.com-share .sina{ background-image:url('../img/ic-sina.png'); }
.com-share .wx{ background-image:url('../img/ic-wx.png'); }
.com-share .qq{ background-image:url('../img/ic-qq.png'); }
.com-info{ font-size:14px;line-height:28px; }
.com-info li{ margin:10px 0;color:#fff;overflow:hidden; }
.com-info li .label{ width:120px;float:left; }
.com-info li .label .icon{ display:inline-block;margin-right:15px;vertical-align:middle; }
.com-info li .label .icon.phone{ background:url('../img/add-1.png') no-repeat center center;width:20px;height:22px; }
.com-info li .label .icon.fax{ background:url('../img/add-2.png') no-repeat center center;width:18px;height:18px; }
.com-info li .label .icon.mail{ background:url('../img/add-3.png') no-repeat center center;width:21px;height:16px; }
.com-info li .label .icon.addr{ background:url('../img/add-4.png') no-repeat center center;width:22px;height:24px; }
.com-info li .content{ margin-left:120px; }
.com-footer{ padding:30px 0; }

/* loading */
#loading{ z-index:1000;position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background-color:#000;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transition:.3s transform;-webkit-transition:.3s transform; }
#loading.open{ transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0); }
.loading-inner{ width:100%;height:100%;text-align:center;display:flex;justify-content: center;align-items: center; }
.loading-word{ display:block;margin:0 auto; }
.loading-pan{ display:block;margin:0 auto;position:relative; }
.loading-pan .stick{ z-index:5;position:absolute;top:13.8%;width:28.7%;transform:rotate(-90deg);-webkit-transform:rotate(-90deg); }
.loading-pan .stick-left{ left:2.8%;animation:rotateRight 7.5s ease-out 1s forwards ;-webkit-animation:rotateRight 7.5s ease-out 1s forwards ; }
.loading-pan .stick-right{ right:2.8%;animation:rotateRight 7.5s linear 1s 1 forwards;-webkit-animation:rotateRight 7.5s linear 1s 1 forwards; }
.loading-time{ z-index:6;position:absolute;left:50%;top:19.8%;margin-left:-150px;width:300px;height:8px;background-color:#071437;border-radius:4px; }
.loading-time .loaded{ position:absolute;left:0;top:0;width:1%;height:100%;background-color:#fffa09;border-radius:4px;transition:8.5s width .5s cubic-bezier(.39,.34,.19,.67);-webkit-transition:8.5s width .5s cubic-bezier(.39,.34,.19,.67); }
.loading-time .loaded:after{ content:'';position:absolute;right:-5px;top:-1px;width:10px;height:10px;border-radius:50%;background-color:#fff;box-shadow:0 0 15px rgba(255,255,255,1); }
.loading-pan .number{ z-index:4;position:absolute;bottom:27.8%;font-size:44px;color:#fff;font-weight:bold; }
.loading-pan .left-num{ left:15%; }
.loading-pan .right-num{ right:15%; }
.loading-arrow{ position:absolute;left:48%;top:60%;animation:loadingArrow 1.2s 0s linear infinite; }

/* 内页 大小banner */
.sub-section{ min-height:685px;box-shadow:0 0 10px rgba(0,0,0,.3);position:relative;z-index:3;background-color:#fff; }
.com-sub-banner .banner-pc,.com-sub-banner .banner-mb{ background:no-repeat center center;background-size:cover; }
.com-sub-banner .banner-pc{ height:300px; }

/* 内页 侧边栏导航 */
.sub-aside{ width:100%;border-radius:15px 0 0 15px;overflow:hidden;position:relative;z-index:2; }
.sub-aside dl{ width:100%;text-align:center; }
.sub-aside dt{ height:120px;background-color:rgba(0,0,0,.6);color:#fff;user-select: none;-webkit-user-select: none; }
.sub-aside dt .zh{ font-size:30px;padding:30px 0 15px 0 }
.sub-aside dt .en{ font-size:18px; }
.sub-aside dd{ z-index:1;position:relative;background-color:#f1f1f1;overflow:hidden; }
.sub-aside dd a{ z-index:2;position:relative;display:block;padding:30px 0;font-size:22px;color:#999;transition:.5s color;-webkit-transition:.5s color; }
.sub-aside dd:before{ z-index:0;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#0c7fd8;transition:.5s transform cubic-bezier(0.2,1,0.3,1);-webkit-transition:.5s transform cubic-bezier(0.2,1,0.3,1);transform-origin:100% 50%;-webkit-transform-origin:100% 50%;transform:scale3d(0,1,1);-webkit-transform:scale3d(0,1,1); }
.sub-aside dd:hover a,
.sub-aside dd.curr a{ color:#fff; }
.sub-aside dd.curr:before,
.sub-aside dd:hover:before{ transform-origin:0 50%;-webkit-transform-origin:0 50%; transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1); }
.sub-aside dd .i-back{ display:inline-block;vertical-align:middle;margin-right:10px;width:33px;height:30px;background:url('../img/sub-back.png') no-repeat; }
.sub-aside dd:hover .i-back{ background-image:url('../img/sub-back-w.png'); }
.sub-main-box{ transform:translate3d(0,-120px,0);-webkit-transform:translate3d(0,-120px,0); }
.sub-tel-num{ display:block;background-color:#ffa42d;width:100%;height:120px;padding:25px 0;color:#fff;font-weight:bold;border-radius:15px 0 0 15px;text-align:center;margin-top:50px; }
.sub-tel-num .title{ font-size:24px;margin-bottom:10px; }
.sub-tel-num .title img{ margin-right:10px; }
.sub-tel-num .num{ font-size:20px; }
.sub-leave-word{ display:block;background-color:#14ace4;color:#fff;height:120px;padding:25px 0;width:100%;text-align:center;border-radius:15px 0 0 15px;margin-top:20px; }
.sub-leave-word .title{ font-size:20px;margin-bottom:10px; }
.sub-leave-word .cont{ font-size:15px;line-height:1.5; }
.sub-leave-word:hover,.sub-tel-num:hover{ color:#fff; }

/* 内页 文章板块 */
.com-article{ padding:40px; }
.com-article .title{ font-size:28px;color:#009fdf;font-weight:500;text-align:center; }
.com-article .sub{ text-align:center;font-size:18px;color:#666;margin:20px 0; }
.com-article .sub .item{ margin:0 10px;display:inline-block;font-size:15px; }
.com-article .com-p{ padding:15px 0;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd; }
.com-page{ display:block; }
.com-page a{ display:block;margin-top:20px;font-size:14px; }
.com-page a:hover{ color:#0c80d7; }

/* 内页 手机tab栏 */
.com-tabs{ display:none;width:100%;font-size:0;padding:15px 0; }
.com-tabs a{ display:inline-block;width:30%;height:40px;line-height:40px;color:#fff;background-color:#bfbfbf;font-size:14px;text-align:center; }
.com-tabs a:not(:last-child){ margin-right:4.99%; }
.com-tabs a.curr,
.com-tabs a:hover{ background-color:#0c80d7 }
.com-bread{ display:none;width:100%;padding:15px 0; }
.com-bread a{ font-size:15px;color:#222; }
.com-bread a:hover{ color:#222 }

/* 内页 分页器 */
.com-page-2{ display:block;text-align:center;font-size:0;padding:30px 0; }
.com-page-2 a,
.com-page-2 span{ font-weight:bold;display:inline-block;font-size:10px;color:#333;padding:0 15px;height:40px;line-height:40px;border:1px solid #eee; }
.com-page-2 a:hover,
.com-page-2 .current{ background-color:#1077c6;color:#fff; }
.com-page-2 a:not(:last-child),
.com-page-2 span:not(:last-child){ margin-right:-1px; }
.com-page-2 .next:after{ content:'>';font-family:'宋体';display:inline-block;margin-left:5px;color:#333; }
.com-page-2 .prev:before{ content:'<';font-family:'宋体';display:inline-block;margin-right:5px;color:#333; }
.com-page-2 a:hover:after,
.com-page-2 a:hover:before{ color:#fff; }

.index-page-tit{ text-align:center;color:#fff;padding-top:40px; }

/************** 首页 *******************/
/* p1 */


/* p2 */
.p2-circle{ margin: 150px 0 50px; }
.p2-circle .circle-item{     transform: scale(1);-webkit-transform:scale(1);transform-origin:0 0;-webkit-transform-origin:0 0; }
.p2-circle .circle-item .circle{ display:block;margin:0 auto;width:200px;height:200px;position:relative;z-index:4;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:.3s all;-webkit-transition:.3s all; }
.p2-circle .circle-item .circle:after{ content:'';position:absolute;left:0;top:0;z-index:3;width:230px;height:230px;background:url('../img/circle.png') no-repeat center center;background-size:cover;margin:-15px 0 0 -15px;animation:rotateFinite 60s 0s linear infinite;-webkit-animation:rotateFinite 60s 0s linear infinite;transition:.3s background;-webkit-transition:.3s background; }
.p2-circle .circle-item:nth-child(1) .circle{ background-image:url('../img/circle-1.png'); }
.p2-circle .circle-item:nth-child(2) .circle{ background-image:url('../img/circle-2.png');transform:translate3d(0,-100px,0);-webkit-transform:translate3d(0,-100px,0); }
.p2-circle .circle-item:nth-child(3) .circle{ background-image:url('../img/circle-3.png'); }
.p2-circle .circle-item:nth-child(1) .circle:hover{ background-image:url('../img/circle-1-curr.png'); }
.p2-circle .circle-item:nth-child(2) .circle:hover{ background-image:url('../img/circle-2-curr.png'); }
.p2-circle .circle-item:nth-child(3) .circle:hover{ background-image:url('../img/circle-3-curr.png'); }
.p2-circle .circle-item .circle:hover:after{ background-image:url('../img/circle-curr.png'); }
.circle-word{ background-color:rgba(0,0,0,.5);padding:20px 50px;color:#fff;max-width:820px;margin:0 auto;line-height:2;text-align:center;font-size:20px;border-radius:6px; }
.circle-more{ display:inline-block;width:140px;height:44px;line-height:44px;font-size:18px;border-radius:22px;border:1px solid #fff;text-align:center;color:#fff;}
.circle-more:hover{ background-color:#fff;color:#000; }

/* p3 */
.p4-inner{ padding:0 50px; }
.p4-product{ }
.p4-partner{ font-size:0; }
.p4-partner .item{ width:20%;display:inline-block;height:90px;margin-bottom:40px;padding:0 20px; }
.p4-partner .item .item-img{ width:100%;height:100%;border-radius:5px;overflow:hidden; }
.p4-partner .item .item-img img{ width:100%;height:100%;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transition:.3s transform;-webkit-transition:.3s  transform; }
.p4-partner .item .item-img:hover img{ transform:scale3d(1.08,1.08,1);-webkit-transform:scale3d(1.08,1.08,1); }
.index-p4-word{ color:#fff;width:100%;height:100%; }
.index-p4-word .title{ font-size:24px;margin:25px 0;position:relative;padding-left:40px;padding-right:86px; }
.index-p4-word .title:before{ content:'';position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:27px;background:url('../img/i-block.png') no-repeat center center;background-size:100% 100%; }
.index-p4-word .title .circle-more{ transform:scale(.8);-webkit-transform:scale(.8);transform-origin:100% 0;-webkit-transform-origin:100% 0;position:absolute;  right:0;top:0; }
.index-p4-word .word{ font-size:16px;line-height:2;padding:20px 30px;border-radius:10px;background-color:rgba(0,132,255,.6); }
.index-p4-img{ margin-top:50px;max-width:100%; }
.index-p4-img img{ max-height:250px; }
.index-p4-item{ display:none; }
.index-p4-item.curr{ display:block; }

/* p3 轮播图 */
.slider2{ width:100%;height:500px;padding-left:80px; }
.slider2 .inner{ width:100%;position:relative;margin:10px 0; }
.slider2 .inner:before{ content:'';display:block;width:100%;padding-bottom:60%; }
.slider2 .inner:after{ display:none;content:'';position:absolute;left:0;top:50%;margin:-10px 0 0 -20px;width:0;height:0;border:10px solid transparent;border-right-color:#21a3f1; }
.slider2 .inner img{ position:absolute;left:0;top:0;width:100%;height:100%;border-radius:6px;border:2px solid transparent;box-sizing:border-box; }
.slider2 .inner:hover img,.slider2 .slider2-item.curr .inner img{ border-color:#21a3f1; }
.slider2 .inner:hover:after,.slider2 .slider2-item.curr .inner:after{ display:block; }
.slider2-btn a{ position:absolute;left:50%;width:40px;height:40px;margin-left:20px;border-radius:50%;border:2px solid #fff;background:transparent; }
.slider2-btn .slider2-prev{ top:-50px; }
.slider2-btn .slider2-next{ bottom:-50px; }
.slider2-btn .slider2-prev:before{ content:'';position:absolute;left:50%;top:50%;width:0;height:0;border:8px solid transparent;border-bottom-color:#fff;margin:-12px 0 0 -8px; }
.slider2-btn .slider2-next:before{ content:'';position:absolute;left:50%;top:50%;width:0;height:0;border:8px solid transparent;border-top-color:#fff;margin:0 0 0 -8px; }
.slider2-btn a:hover{background-color:#fff;}
.slider2-btn .slider2-prev:hover:before{ border-bottom-color:#21a3f1; }
.slider2-btn .slider2-next:hover:before{ border-top-color:#21a3f1; }

/* p4 */
.index-case-box{ padding:0;width:100%;height:100%; }
.case-0,.case-1,.case-2,.case-3{ overflow:hidden; }
.case-0{ height:100%;display:block; }
.case-1{ height:50%;display:block; }
.case-title{ color:#fff;font-size:32px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) scale3d(1,1,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1);z-index:2;white-space: nowrap;opacity:1;visibility:visible;transition:.5s all;-webkit-transition:.5s all;padding:20px;background-color:rgba(0,0,0,.5); }
.case-item{ position:relative;background-color:#111;display:flex;display:-webkit-flex;align-items:center;justify-content:center; }
.case-item .res-img{ z-index:1; }
.case-item:after{ z-index:2;content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);opacity:0;transition:.5s opacity,.5s transform; }
.case-item:hover:after{ transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1; }
.case-item:hover .case-hov{ opacity:1;visibility:visible; }
.case-item:hover .case-title{ opacity:0; visibility:hidden; }
.case-hov{ z-index:3;position:relative;text-align:center;opacity:0;visibility:hidden;transition:.5s all;-webkit-transition:.5s all; }
.case-hov .tit{ font-size:48px;color:#fff;white-space: nowrap; }
.case-hov .tit:before{ content:'';display:inline-block;width:68px;height:66px;background:url('../img/ic-case.png') no-repeat;vertical-align:middle;margin-right:15px; }
.case-hov .link{ font-size:24px;color:#fff;display:inline-block;width:200px;height:68px;line-height:68px;text-align:center;background-color:rgba(255,255,255,0);border:2px solid #fff;margin:15px 0; }
.case-hov .link:hover{ background-color:rgba(255,255,255,.3); }
.case-hov .word{ font-size:30px;line-height:1.5;color:#fff; }

/* p5 */
.news-item{  }
.news-item .inner{ margin:0 10px; }
.news-item .inner .news-tit{ font-size:18px;color:#fff;text-align:center;line-height:1.5;margin:10px 0;opacity:1;visibility:visible;transition:.5s all;-webkit-transition:.5s all; }
.news-item .inner .news-tit .date:before{ content:'';display:inline-block;vertical-align:1px;width:0;height:0;border:6px solid transparent;border-left-color:#fff; }
.news-item .inner .news-pic{ width:100%;position:relative; }
.news-item .inner .news-pic:before{ content:'';display:block;width:100%;padding-bottom:100%; }
.news-item .inner .news-pic .pic{ width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;transform:translateY(0);-webkit-transform:translateY(0);transition:.5s transform;-webkit-transition:.5s transform; }
.news-item .inner .news-pic .link{ z-index:2;position:absolute;left:10%;bottom:0;width:80%;background-color:#0c7eff;display:block;text-align:center;padding:30px 0;font-size:20px;color:#fff;opacity:0;visibility:hidden;transition:.5s all;-webkit-transition:.5s all; }
.news-item .inner .news-pic .link .en{ font-size:16px; }
.news-item .inner .news-pic .link:before{ content:'';position:absolute;left:50%;top:8px;width:1px;height:15px;background-color:#fff; }
.news-item .inner .news-pic .link:after{ content:'';position:absolute;left:50%;bottom:8px;width:1px;height:15px;background-color:#fff; }
.slider5{ width:100%;height:100%;margin:60px 0; }
.slider5-btn{ font-size:20px;color:#fff;text-align:center;padding-top:50px;border-top:1px dashed rgba(255,255,255,.5); }
.slider5-btn .word{ margin:0 15px;font-size:24px }
.slider5-btn a{ opacity:.5;display:inline-block;width:42px;height:26px;background:url('../img/slider5-arrow.png') no-repeat;background-size:cover; }
.slider5-btn .slider5-prev{ transform:rotate(180deg);-webkit-transform:rotate(180deg); }
.slider5-btn a:hover { opacity:1; }
.news-item:hover .news-tit{ opacity:0;visibility:hidden; }
.news-item:hover .news-pic .pic{ transform:translateY(-20%);-webkit-transform:translateY(-20%); }
.news-item:hover .news-pic .link{ opacity:1;visibility:visible; }

/* p6 */
.contact-title{ font-size:28px;color:#000;margin-top:20px; }
.contact-title:before{ content:'';display:inline-block;width:8px;height:30px;background-color:#009beb;vertical-align:-4px;margin-right:15px; }
.contact-link-list{ margin:30px 0; }
.contact-link{ display:inline-block;width:31%;position:relative;border-radius:5px;overflow:hidden; }
.contact-link:before{ content:'';display:block;width:100%;padding-bottom:33.3%; }
.contact-link .img{ position:absolute;left:0;top:0;width:100%;height:100%; }
.contact-link:not(:last-child){ margin-right:2.5%; }
.com-line span{ position:absolute;z-index:2;background-color:#009beb;transition:.5s width,.5s height;-webkit-transition:.5s width,.5s height; }
.com-line .line1{ width:0;height:2px;top:6px;left:0; }
.com-line .line2{ width:2px;height:0;right:6px;bottom:0; }
.com-line .line3{ width:0;height:2px;right:0;bottom:6px; }
.com-line .line4{ width:2px;height:0;top:0;left:6px; }
.contact-link:hover .com-line .line1{ width:100%;height:2px; }
.contact-link:hover .com-line .line2{ width:2px;height:100%; }
.contact-link:hover .com-line .line3{ width:100%;height:2px; }
.contact-link:hover .com-line .line4{ width:2px;height:100%; }

/* p6 地图 */
.index-contact-map{ width:100%;height:100%;position:relative; }
.index-contact-1{ padding-right:200px;position:relative; }
.index-contact-map:before{ content:'';display:block;width:100%;padding-bottom:54%; }
.index-contact-map .bdMap{ position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fefefe; }
.contact-info{ position:absolute;right:0;top:0;width:200px;height:100%;background-color:#fff;border-left:1px solid #ededed;padding:20px;line-height:1.5;font-size:15px; }

/* p6 表单 */
.contact-form .input{ display:block;margin-bottom:18px;border-radius:5px;width:100%;height:44px;background-color:#fff;border:1px solid #aaaaaa;font-size:18px;padding:0 15px;color:#333;outline:none; }
.contact-form .input:focus,
.contact-form .textarea:focus{ border-color:#21a3f1;box-shadow:0 0 5px rgba(18,158,233,.3); }
.contact-form .submit{ display:block;width:100%;height:50px;color:#fff;font-size:20px;outline:none;background-color:#119ce7;border:none; }
.contact-form .submit:hover{ background-color:#0c7eff }

/****************** 内页 *******************/
/* 关于我们 */
.com-editor{ margin-bottom:50px; }
.com-intro{ padding:50px; }
.com-title{ font-size:24px;color:#000;margin-bottom:30px;font-weight:600; }
.com-title:before{ content:'';display:inline-block;width:8px;height:28px;background-color:#0c80d7;vertical-align:middle;margin-right:15px; }
.com-partner{ font-size:0;margin-top:20px; }
.com-partner a{ display:inline-block;width:14%;position:relative;margin:0 1.3% 20px;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:10px; }
.com-partner a:before{ content:'';display:block;width:100%;padding-bottom:60%; }
.com-partner a img{ display:block;position:absolute;left:0;top:0;width:100%;height:100%; }

/* 企业文化 */
.com-culture{ padding: 50px; }
.com-culture .item{ margin-bottom:30px;border:2px solid #0c80d7;padding:50px 50px 0 100px;height:160px;position:relative; }
.com-culture .item .title{ font-size:18px;color:#fff;position:absolute;top:-19px;width:190px;height:38px;line-height:38px;background-color:#0c80d7;text-align:center; }
.com-culture .item .title:before{ content:'';position:absolute;left:-38px;top:0;width:0;height:0;border:19px solid transparent;border-right-color:#0c80d7 }
.com-culture .item .title:after{ content:'';position:absolute;right:-38px;top:0;width:0;height:0;border:19px solid transparent;border-left-color:#0c80d7 }
.com-culture .item .title img{ vertical-align:middle;margin-right:15px;max-width:24px;max-height:24px; }
.com-culture .item .cont{ color:#111;font-size:18px;line-height:1.5;font-weight:600; }

/* 荣誉资质 */
.com-honor{ padding:50px; }
.honor-bg{ padding:40px 0; }
.honor-bg img{ display:block;width:50%;margin:0 auto; }
.honor-list{ font-size:0; }
.honor-list .item{ width:31%;display:inline-block;margin-bottom:10px;font-size:20px; }
.honor-list .item:not(:nth-child(3n)){ margin-right:3.5%; }
.honor-list .item .title{ text-align:center;padding:30px 0; }

/* 产品中心 */
.pro-p1-word{ text-align:center; }
.pro-p1-word .huan{ width:80%;position:relative;margin:30px auto 0; }
.pro-p1-word .huan .huan-img{ width:100%;transform:scale3d(0,0,0);
        -webkit-transform:scale3d(0,0,0); }
.pro-p1-word .huan .huan-word{ position:absolute;top:20%;left:29%;width:42%;transform:scale3d(0,0,0);
        -webkit-transform:scale3d(0,0,0); }

.pro-p1-list{ margin-top:50px;font-size:0; }
/*.pro-p1-list .pro-item{ display:inline-block;width:25%; }*/
.pro-p1-list .pro-item a{ display:block;margin:0 auto;font-size:18px;color:#fff;width:200px;height:60px;line-height:60px;border:2px solid #fff;border-radius:8px;text-align:center; }
.pro-p1-list .pro-item:hover a,
.pro-p1-list .pro-item.curr a{ background-color:#0065ef;border-color:transparent; }

/* 产品中心 p2 */
.pro-p2-box{ margin-top:100px; }
.pro-p2-img{ text-align:center; }

.pro-p2-word{ font-size:36px;color:#fff;line-height:2; }

/* 产品中心 p3 */
.slider3{ padding:120px 0 50px 0  }
.product-p3-word{ font-size:30px;color:#fff;text-align:center;line-height:1.5; }
.product-p3 .inner{ width:95%;margin:0 auto;position:relative;transform:translate3d(-100px,0,0);-webkit-transform:translate3d(-100px,0,0);opacity:0;transition:none;-webkit-transition:none; }
.product-p3 .inner:after{ content:'';display:block;width:100%;padding-bottom:128%; }
.product-p3 .product-p3-item{ position:absolute;left:0;top:0;width:100%;height:100%;perspective: 1000px }
.active .product-p3 .inner{ transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);opacity:1;transition:.5s opacity ease-out,.5s transform ease-out;-webkit-transition:.5s opacity ease-out,.5s transform ease-out; }
.product-p3:nth-child(1) .inner{ transition-delay:.5s }
.product-p3:nth-child(2) .inner{ transition-delay:1s }
.product-p3:nth-child(3) .inner{ transition-delay:1.5s }
.product-p3:nth-child(4) .inner{ transition-delay:2s }
.product-p3 .product-p3-item .p3-cont,
.product-p3 .product-p3-item .p3-title{ display:flex;display:-webkit-flex;justify-content:center;align-items:center;position:absolute;left:0;top:0;width:100%;height:100%;transition:.5s opacity ease-out,.5s transform ease-out;-webkit-transition:.5s opacity ease-out,.5s transform ease-out; }
.product-p3 .product-p3-item .p3-cont{ font-size:18px;color:#fff;padding:0 30px;box-sizing:border-box;transform:rotateY(180deg);-webkit-transform:rotateY(180deg);opacity:0;background-color:rgba(0,132,255,.8) }
.product-p3 .product-p3-item .p3-cont .tit{ font-size:30px;font-weight:bold;text-align:center;margin-bottom:15px; }
.product-p3 .product-p3-item .p3-title{ transform:rotateY(0deg);-webkit-transform:rotateY(0deg);opacity:1;background-color:rgba(0,0,0,.6);font-size:60px;color:#fff;font-weight:bold; }
.product-p3 .product-p3-item .p3-title .img{ height:150px;text-align:center; }
.product-p3 .product-p3-item .p3-title .img img{ display:inline-block;vertical-align:middle; }
.product-p3:hover .product-p3-item .p3-cont{ transform:rotateY(0deg);-webkit-transform:rotateY(0deg);opacity:1; }
.product-p3:hover .product-p3-item .p3-title{ transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);opacity:0; }

.mobi-slide-btn{  }
.mobi-slide-btn a{ z-index:30;position:absolute;top:50%;margin-top:-30px;width:30px;height:60px;background:url('../img/mb-slide-arrow.png') no-repeat center center;background-size:100% auto; }
.mobi-slide-btn .prev{ left:10px; }
.mobi-slide-btn .next{ right:10px;transform:rotate(180deg);-webkit-transform:rotate(180deg); }

/* 产品中心 p4 */
.slider4{ margin:40px 0; }
.product-p4-title{ font-size:36px;margin:30px 0;color:#fff; }
.product-p4-title img{ display:block;margin:0 auto 20px; }
.product-p4 .inner{ position:relative;margin:10px;display:block; }
.product-p4 .inner:after{ content:'';display:block;width:100%;padding-bottom:77.8%; }
.product-p4-item{ position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0 0 12px rgba(0,0,0,.5); }
.product-p4-item .p4-img{ width:100%;height:68%; }
.product-p4-item .p4-img img{ width:100%;height:100%;transition:.3s transform linear;-webkit-transition:.3s transform linear;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1); }
.product-p4-item:hover .p4-img img{ transform:scale3d(1.08,1.08,1);-webkit-transform:scale3d(1.08,1.08,1) }
.product-p4-item:hover .p4-tit{ color:#0c80d7 }
.product-p4-item .p4-tit{ font-size:18px;width:100%;height:32%;text-align:center;background-color:#fff;color:#333;box-sizing: border-box;display:flex;justify-content: center;align-items:center; }

.com-slide-btn{ display:block; }
.com-slide-btn a{ margin:0 10px;display:inline-block;width:44px;height:44px;border:1px solid #fff;background-color:transparent;border-radius:50%;position:relative; }
.com-slide-btn a:before{ content:'';position:absolute;left:50%;top:50%;margin:-8px 0 0 -12px;width:0;height:0;border:8px solid transparent;border-right-color:#fff; }
.com-slide-btn .prev{  }
.com-slide-btn .next{ transform:rotate(180deg);-webkit-transform:rotate(180deg); }
.com-slide-btn a:hover{ background-color:#fff; }
.com-slide-btn a:hover:before{ border-right-color:#0c80d7; }


/* 成功案例  */
.com-case{ padding:40px 40px 0;font-size:0; }
.com-case .item{ border:1px dashed #eee;width:48%;display:inline-block;padding:25px;margin-bottom:20px; }
.com-case .item:nth-child(2n){ margin-left:4%; }
.com-case .item .case-link{ display:block;width:100%;position:relative;overflow:hidden; }
.com-case .item .case-link:before{ content:'';display:block;width:100%;padding-bottom:62.5%; }
.com-case .item .case-link img{ position:absolute;left:0;top:0;width:100%;height:100%; }
.com-case .item .case-link .case-mask{ opacity:0;visibility:hidden;position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;display:-webkit-flex;justify-content: center;align-items:center;transition:.5s all;-webkit-transition:.5s all; }
.com-case .item .case-link .case-mask .tit{ font-size:36px;color:#fff; }
.com-case .item .case-link .case-mask .tit:before{ content:'';display:inline-block;width:46px;height:43px;background:url('../img/ic-case.png') no-repeat center center;background-size:100% 100%;vertical-align:middle;margin-right:15px; }
.com-case .item .case-link .case-mask .link{ display:inline-block;width:120px;height:36px;line-height:36px;border:1px solid #fff;color:#fff;text-align:center;font-size:14px;margin-top:20px; }
.com-case .item .case-link .case-mask .link:hover{ background-color:rgba(255,255,255,.3) }
.com-case .item .case-link:hover .case-mask{ opacity:1;visibility:visible; }
.com-case .item .icon{ margin:10px 0;height:60px;text-align:center;display:flex;display:-webkit-flex;justify-content:center;align-items: center; }
.com-case .item .icon img{ width:auto; height:auto;max-height:100%; }
.com-case .item .title{ text-align:center;font-size:24px;color:#222;padding:0 10px; }

/* 新闻资讯 */
.com-news{ padding:0 40px; }
.com-news .item{ padding:20px 0;overflow:hidden;border-bottom:1px dashed #ddd; }
.com-news .item .date{ float:left;width:120px;height:120px;background-color:#f7f7f7;padding:15px 0 0 20px; }
.com-news .item .date .dd{ font-size:40px;color:#0572b7;margin-bottom:10px; }
.com-news .item .date .mm,
.com-news .item .date .yy{ font-size:14px;color:#666; }
.com-news .item .link{ display:block;margin-left:120px;padding:10px 0 10px 20px; }
.com-news .item .link .tit{ color:#333;font-size:16px; }
.com-news .item .link .sub{ font-size:13px;color:#666;margin:12px 0; }
.com-news .item .link .sub .author,
.com-news .item .link .sub .view{ margin-right:15px; }
.com-news .item .link .cont{ font-size:12px;color:#666;line-height:1.6;text-indent:2em; }
.com-news .item .link .cont-mobi,
.com-news .item .link .date-mobi{ display:none; }
.com-news .item .link:hover .tit{ color:#0c7fd8 }

/* 联系我们 */
.com-contact{ padding:40px; }
.com-contact .contact-map{ width:100%;position:relative;margin-bottom:40px; }
.com-contact .contact-map:after{ content:'';display:block;width:100%;padding-bottom:40%; }
.com-contact .contact-map .bdMap{ position:absolute;left:0;top:0;width:100%;height:100%;background-color:#eee; }
.com-contact .contact-addr{  }
.com-contact .contact-form{  }
.com-contact .contact-form .input,
.com-contact .contact-form .textarea{ border-radius:3px;border:1px solid #e5e5e5;outline:none;background-color:#fff;width:100%;display:block;font-size:16px;color:#222;margin-bottom:10px; }
.com-contact .contact-form .input{ height:48px;padding-left:10px; }
.com-contact .contact-form .textarea{ height:100px;resize:none;padding:10px; }
.com-contact .contact-form .input:focus,
.com-contact .contact-form .textarea:focus{ border-color:#0c7fd8 }
.com-contact .contact-form .submit{ outline:none;border:0;border-radius:3px;display:block;width:100%;height:50px;background-color:#009bed;color:#fff;font-size:20px;cursor:pointer; }
.com-contact .contact-form .submit:hover{ background-color:#0c7fd8 }
.com-contact .contact-tit{ font-size:20px;font-weight:600;color:#111;margin-bottom:20px; }
.com-contact .contact-tit:before{ content:'';display:inline-block;width:6px;height:20px;background-color:#109be5;vertical-align:middle;margin-right:10px; }

/* 加入我们 */
.recruit-slogan{ font-size:14px;color:#333;padding-bottom:40px; }
.recruit-slogan .tit{ font-size:22px;color:#009ff4 }
.recruit-slogan div:not([class='tit']){ line-height:2.4; }
.com-works{ border-top:1px solid #333; }
.com-works .work-row{ position:relative;height:60px;line-height:60px;text-align:center;font-size:0;border-bottom:1px solid #ddd; }
.com-works .work-row .work-col{ display:inline-block;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;padding:0 5px;}
.com-works .work-row .work-col:nth-child(1){ width:30%; }
.com-works .work-row .work-col:nth-child(2){ width:20%; }
.com-works .work-row .work-col:nth-child(3){ width:15%; }
.com-works .work-row .work-col:nth-child(4){ width:15%; }
.com-works .work-row .work-col:nth-child(5){ width:20%; }
.com-works .work-row .work-link{ position:absolute;left:0;top:0;width:100%;height:100%;z-index:10; }
.com-works .work-row:not([class ~='first']){ color:#888; }
.com-works .work-row-inner{ display:none;padding:10px;color:#111;background-color:#dfdfdf;line-height:2; }
.com-works .work-row-inner .link{ display:block;background-color:#0c80d7;color:#fff;font-size:15px;height:36px;line-height:36px;text-align:center;margin-top:10px; }
.com-works .work-row:not([class ~='first']):hover{ background-color:#f1f1f1; }

.contact-p{ padding:20px 0; }
.contact-cont .cont-item{
    line-height:2;
    font-size:18px;
}
.contact-cont .cont-item .tit{
    width:64px;
    float:left;
}
.contact-cont .cont-item .cont{
    padding-left:64px;
}


/* 产品详情 */
.com-pro-detail{ padding:50px; }
.com-pro-detail .pro-item{ margin-bottom:50px;}
.com-pro-detail .pro-item:last-child{ margin:0; }
.com-title-blue{ position:relative; }
.com-title-blue .title{ position:relative;display:inline-block;font-size:24px;color:#fff;background-color:#14ace4;width:178px;height:48px;line-height:48px;text-align:center;border-left:30px solid #fff;z-index:0;  }
.com-title-blue .title:after{ content:'';position:absolute;right:-48px;top:0;width:0;height:0;border:24px solid transparent;border-left-color:#14ace4; }
.com-title-blue:before{ content:'';display:block;position:absolute;z-index:1;left:0;top:0;width:20px;height:48px;background-color:#14ace4; }
.com-title-blue:after{ content:'';position:absolute;z-index:-1;left:0;top:50%;margin-top:-1px;width:100%;height:2px;background-color:#14ace4 }
.pro-info{ padding:40px 40px 0; }
.pro-info .tit{ font-size:24px;margin-bottom:30px;color:#111;font-weight:600; }
.pro-info .zh{ font-size:18px;color:#333;line-height:1.5;margin-bottom:10px;font-weight:600; }
.pro-info .en{ font-size:18px;color:#999;line-height:1.5; }
.pro-info .case-tit{ font-size:24px;font-weight:600;margin-bottom:30px; }
.pro-info .case-info{ line-height:1.8;font-size:16px;font-weight:600; }
.pro-info .case-info .case-zh{ color:#333; }
.pro-info .case-info .case-en{ color:#999; }

/* 产品中心 图片 */
.com-pro-img{ width:100%;font-size:0;padding-bottom:30px;border-bottom:1px dashed #ededed;margin-top:30px; }
.com-pro-img .big-img{ width:60%;height:250px;position:relative;display:inline-block;vertical-align:top; }
.com-pro-img .big-img:before{ content:'';display:block;width:100%;padding-bottom:62.5%; }
.com-pro-img .big-img img{ position:absolute;left:0;top:0;width:100%;height:100%; }
.com-pro-img .thumb-img{ width:40%;height:250px;display:inline-block;font-size:0; }
.com-pro-img .thumb-img .t-img{ width:50%;height:33.3%;display:inline-block;padding:8px 0 0 8px; }
.com-pro-img .thumb-img .t-img img{ width:100%;height:100%;border:3px solid transparent; }
.com-pro-img .thumb-img .t-img:nth-child(1),
.com-pro-img .thumb-img .t-img:nth-child(2){padding-top:0;}
.com-pro-img .thumb-img .t-img:hover img,
.com-pro-img .thumb-img .t-img.curr img{ border-color:#0c80d7; }

/* 产品中心 表格 */
.com-pro-table{ border-left:1px solid #111;border-top:2px solid #111;margin-top:40px; }
.com-pro-table .pro-row{ display:table;width:100%;min-height:68px; }
.com-pro-table .pro-row:nth-child(1){ font-weight:600; }
.com-pro-table .pro-row .pro-col{ font-size:18px;display:table-cell;vertical-align:middle;color:#222;border-right:1px solid #222;border-bottom:1px solid #222; }
.com-pro-table .pro-row .pro-col:nth-child(1){ text-align:center;width:30%; }
.com-pro-table .pro-row .pro-col:nth-child(2){ text-align:center;width:70%;padding:15px 20px; }

/* 案例详情 */
.com-special{ padding:50px 0;font-size:0; }
.com-special .item{ width:25%;display:inline-block;text-align:center;margin-bottom:30px;vertical-align:middle; }
.com-special .item img{ width:60%;display:block;margin:0 auto; }
.com-special .item .zh{ overflow:hidden;font-size:13px;line-height:1.5;height:38px;color:#111;font-weight:600;margin:20px 0 0; }
.com-special .item .en{ overflow:hidden;font-size:12px;line-height:1.5;height:36px;color:#999; }
.com-case-img{ margin-top:20px;font-size:0; }
.com-case-img .case-img{ display:inline-block;width:48%;position:relative; }
.com-case-img .case-img:before{ content:'';display:block;width:100%;padding-bottom:62.5%; }
.com-case-img .case-img:nth-child(2n){ margin-left:4%; }
.com-case-img .case-img img{ position:absolute;left:0;top:0;width:100%;height:100%; }

/* 产品中心 悬浮产品 */
.pro-p1-list{ position:relative; }
.pro-p1-slider{ transition:.5s all;-webkit-transition:.5s all;opacity:0;visibility:hidden;padding:50px 0;position:absolute;top:0;left:50%;width:90%;max-width:1000px;background-color:rgba(0,101,239,.8);box-shadow:0 0 20px rgba(0,0,0,1);transform:translate3d(-50%,-110%,0);border-radius:20px;}
.pro-p1-slider.open{ opacity:1;visibility:visible;display:block; }
.slider6{ width:80%;height:100%;margin:0 auto; }
.slider6-btn{  }
.slider6-btn a{ position:absolute;top:50%;display: inline-block;width:44px;height:44px;margin-top:-22px;border: 1px solid #fff;  background-color: transparent;  border-radius: 50%;  }
.slider6-btn .prev{ left:20px; }
.slider6-btn .next{ right:20px;transform:rotate(180deg);-webkit-transform:rotate(180deg);  }
.slider6-btn a:before{ content:'';position:absolute;left:50%;top:50%;margin:-8px 0 0 -14px;width:0;height:0;border:8px solid transparent;border-right-color:#fff; }
.slider6-btn a:hover{ background-color:#fff; }
.slider6-btn a:hover:before{ border-right-color:#0c80d7; }

.slider7-btn{  margin-top:50px;  }

/* iphone 5 */
@media (max-width: 320px){
    /* 内页公用 */
    .com-sub-banner .banner-mb{ height:130px; }
}

/* 手机端 */
@media (max-width: 767px){
    /* mobi-padding */
    .p4-inner{ padding:0; }
    .com-inner{ padding:50px 0 0 0; }
    .com-footer{ padding: 10px 0; }
    .com-copyright{  padding:10px 0;font-size:11px; }
    /* bot */
    #animate-bot{ bottom: 10px; }
    /* logo */
    .com-logo img{ height:30px;margin:10px 0; }
    /* footer */
    .com-copyright .support{ margin-left:0;margin-top:5px;display:block; }
    .share-code{ max-width:30%;height:auto; }
    /* 内页公用 */
    .banner-mb{ display:block!important;height:150px; }
    /* 分页 */
    .com-page-2 a,
    .com-page-2 span{ font-size:10px;padding:0 10px;height:30px;line-height:30px; }
    /* 产品 p3 */
    .slider3{ padding:60px 0 50px 0  }
    .product-p3 .inner{ width:60%; }
    .product-p3-word{ font-size:18px; }
    /* 首页 p2 */
    .index-p2 .inner{ width:70%;margin:0 auto; }
    .index-p2-item .p2-tit{ font-size:15px; }
    .index-p2-item .p2-more a{ height:20px;line-height:20px; }
    .index-p2-item .p2-more a:before,
    .index-p2-item .p2-more a:after{ width:20px;height:20px; }
    .index-p2-item .p2-more:hover a:before,
    .index-p2-item .p2-more:hover a:after{  }
    /* index p4 */
    .index-p4-word{ border-radius:5px;padding:15px 20px; }
    .index-p4-img{ margin:30px 0 0!important;max-width:100%; }
    /* 首页 p5 */
    .index-p5-img{ margin:5px 0; }
    .index-p5-why{ transform-origin: 50% 0%;-webkit-transform-origin:50% 0%;transform: scale(0.6);-webkit-transform: scale(0.6); }
    .index-p5-why img{ margin:15px 0; }
    .img-city{ left:inherit;bottom:0; }
    /* loading */
    .loading-inner .inner{ transform:scale(.5);-webkit-transform:scale(.5); }
    /* 轮播图按钮 */
    .com-slide-btn a{ width:34px;height:34px; }
    /* 手机端 菜单 */
    .mobi-navbar .navbar{ padding-top:50px!important; }
    .p2-circle .circle-item{     transform: scale(.5);-webkit-transform:scale(.5);transform-origin:0 0;-webkit-transform-origin:0 0; }
    .p2-circle .circle-item:nth-child(2) .circle{ transform:translate3d(0,-200px,0); }
    /* 手机 p3 */
    .index-p4-title{ width:60%;margin:0 auto; }
    /* 手机 p4 */
    .case-title{ font-size:32px;transform:translate3d(-50%,-50%,0) scale3d(0.45,0.45,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.45,0.45,1); }
    .case-hov{ transform:scale(.45);-webkit-transform:scale(.45);}
    /* 手机 p5 */
    .slider5{ margin:30px 0; }
    .slider5-btn{ padding-top:30px; }
    .news-item .inner .news-tit{ font-size:14px; }
    .news-item .inner .news-pic .link{ transform:scale(.6);-webkit-transform:scale(.6);transform-origin:50% 100%;-webkit-transform-origin:50% 100%; }
    /* 荣誉资质 */
    .honor-list .item{ font-size:10px;margin-bottom:0; }
    .honor-list .item .title{ padding:10px 0; }
    .honor-bg{ padding:20px 0; }
    /* 产品详情 */
    .com-pro-img .thumb-img .t-img{ height:80px; }

    /* 产品中心 */
    .pro-p1-word .huan{ width:100%; }

    /*.com-bg .res-img{  transform: translateX(-30%);-webkit-transform: translateX(-30%); }*/
}
/* 手机 及 平板端 0 - 991 */
@media (max-width: 991px){
    /* mobi-padding */
    .com-editor,
    .com-honor,
    .com-article,
    .com-news,
    .com-contact{ padding:15px 0; }
    .sub-section{ margin-bottom:30px;box-shadow:none;min-height:inherit; }

    /* mobi tabs */
    .com-tabs{ display:block; }
    .com-bread{ display:block; }
    /* 编辑器 */
    .com-editor .title{ font-size:16px;margin-bottom:15px; }
    .com-p{ font-size:14px; }
    /* 文章编辑器 */
    .com-article .title{ font-size:16px; }
    .com-article .sub{ font-size:12px;margin:10px 0;}
    .com-article .sub .item{ margin:5px; }
    /* footer */
    #_footer.other{ z-index:997;position:absolute;left:0;bottom:0;width:100%; }
    .inner-main{ padding-bottom:50px; }
    /* 公司优势 */
    .com-advantage .last{ margin-top:0; }
    .com-advantage .icon{ margin-top:20px; }
    /* 公司新闻 */
    .com-news .item{ padding:12px 0; }
    .com-news .item:nth-child(1){ border-top:1px dashed #ddd; }
    .com-news .item .link{ margin:0;padding:0; }
    .com-news .item .link .tit{ margin-bottom:5px; }
    .com-news .item .link .date-mobi{ display:block; }
    .com-news .item .link .sub,
    .com-news .item .link .cont{ display:none; }
    /* 联系我们 */
    .com-contact .contact-map{ margin-bottom:20px; }
    .com-contact .contact-map:after{ padding-bottom:50% }
    .com-contact .contact-form .input,
    .com-contact .contact-form .textarea{ font-size:13px; }
    .com-contact .contact-form .input,
    .com-contact .contact-form .submit{ height:35px; }
    .com-contact .contact-form .textarea{ height:90px }
    .contact-cont{ margin-bottom:30px; }
    .contact-cont .cont-item{
        font-size:14px;
    }
    .contact-cont .cont-item .tit{
        width:40px;
    }
    .contact-cont .cont-item .cont{
        padding-left:40px;
    }
    /* 人才招聘 */
    .recruit-slogan{ font-size:13px;padding:0 20px 20px;  }
    .recruit-slogan .tit{ font-size:18px; }
    .recruit-slogan div:not([class='tit']){ line-height:2; }
    .com-works .work-row{ height:40px;line-height:40px; }
    .com-works .work-row .work-col{ font-size:13px; }
    .com-works .work-row .work-col:nth-child(1){ width:50%; }
    .com-works .work-row .work-col:nth-child(2){ width:50%; }
    .com-works .work-row .work-col:nth-child(3){ display:none; }
    .com-works .work-row .work-col:nth-child(4){ display:none; }
    .com-works .work-row .work-col:nth-child(5){ display:none; }
    .com-works .work-row.open+.work-row-inner{ display:block; }
    .com-works .work-row.open{ color:#222; }
    .com-works .work-row:not([class ~='first']):hover{ background-color:transparent; }
    /* 产品中心 p4*/
    .slider4{ margin:20px 0; }
    .product-p4-title{ font-size:18px;margin:12px 0 }
    .product-p4-title img{ margin:0 auto 10px;width:40%; }
    .product-p4-item .p4-tit{ font-size:13px; }
    /* 首页 p2 */
    .index-page-tit{ text-align:center;color:#fff;padding-top:20px; }
    .index-page-tit .img{ width:50%;margin:0 auto;display:block; }
    /* index p4 */
    .index-p4-word .title{ font-size:15px; margin:15px 0;}
    .index-p4-word .word{ font-size:12px;padding:15px; }
    /* loading */
    .loading-time{ top:60px; }
    /* 产品中心 p3 */
    .product-p3 .product-p3-item .flex-inner{ transform:scale(.7);-webkit-transform:scale(.7); }
    .product-p3 .product-p3-item .p3-cont{ padding:0 10px; }

    .slider2-btn a{ opacity:1; }
    .slider2-btn .prev{ left:10px; }
    .slider2-btn .next{ right:10px; }

    .case-3{ height:33.3%!important; }
    .case-2{ height:66.7%!important; }
    .case-1{ height:50%!important; }
    .case-item.one .case-title{ right:inherit;bottom:inherit; }
    .case-item.four .case-title{ bottom:inherit; }

    /* 联系我们 表单 */
    .contact-map{ margin:20px 0; }
    .contact-form .input{ margin-bottom:12px;height:40px;font-size:13px; }
    .contact-form .submit{ height:40px; }

    .sub-main-box{ transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0); }

    /* 关于我们 */
    .com-partner a{ width:30%;margin:0 1.66% 15px; }
    .com-editor{ margin-bottom:0; }
    .com-title{ font-size:15px;margin-bottom:15px; }
    .com-title:before{ width:4px;height:14px;margin-right:8px; }
    .com-intro{ padding:0; }
    /* 企业文化 */
    .com-culture{ padding:30px 0 0; }
    .com-culture .item{ padding:30px 0 0 30px;height:120px; }
    .com-culture .item .title{ font-size:13px;width:135px;height:27px;line-height:27px;top:-14px; }
    .com-culture .item .title:before{ border-width:13.5px;left:-27px; }
    .com-culture .item .title:after{ border-width:13.5px;right:-27px;  }
    .com-culture .item .title img{ max-width:14px;max-height:14px;margin-right:10px; }
    .com-culture .item .cont{ font-size:13px; }

    /* 产品详情 */
    .com-pro-detail{ padding:0; }
    .pro-info{ padding:20px 0; }
    .pro-info .tit{ font-size:15px;margin-bottom:10px; }
    .pro-item .zh,
    .pro-info .en{ font-size:13px; }
    .pro-info .case-tit{ font-size:16px;margin-bottom:15px; }
    .pro-info .case-info{ font-size:14px; }
    .pro-info .case-info .case-zh{ margin-bottom:10px; }
    .com-title-blue .title{  width:90px;height:24px;line-height:24px;font-size:15px;border-left-width:15px; }
    .com-title-blue .title:after{ border-width:12px;right:-24px; }
    .com-title-blue:before{ width:10px;height:24px; }
    .com-title-blue:after{ height:1px; }
    .com-pro-detail .pro-item{ margin-bottom:20px; }
    .com-pro-table{ margin-top:20px; }
    .com-pro-table .pro-row{ min-height:36px; }
    .com-pro-table .pro-row .pro-col{ font-size:12px; }
    .com-pro-table .pro-row .pro-col:nth-child(2){ padding:5px; }
    .com-pro-img{ margin-top:0; }
    .com-pro-img .big-img{ width:100%;height:auto; }
    .com-pro-img .thumb-img{ width:100%;height:auto;margin-top:10px; }
    .com-pro-img .thumb-img .t-img{ width:33.3%;padding:0; }

    /* 案例详情 */
    .com-case{ padding:0;margin-top:20px; }
    .com-case .item{ width:100%;padding:15px 40px; }
    .com-case .item:nth-child(2n){ margin-left:inherit; }
    .com-case .item .icon{ height:30px; }
    .com-case .item .title{ font-size:16px; }
    .com-case .item .case-link .case-mask .tit{ font-size:24px; }
    .com-case .item .case-link .case-mask .link{ width:90px;height:32px;line-height:32px;font-size:13px;margin-top:10px; }
    .com-case .item .case-link .case-mask .tit:before{ width:32px;height:30px; }
    /* 案例详情 */
    .com-special{ padding:30px 0;font-size:0; }
    .com-special .item{ width:33.3%;margin-bottom:15px; }
    .com-special .item img{ width:60%; }
    .com-special .item .zh{ font-size:12px;height:32px; }
    .com-special .item .en{ font-size:10px;height:28px; }

    /* 新闻列表 */
    .com-page-2{ padding:15px 0; }

    .index-contact-map{ margin:20px 0;padding:0; }
    .index-contact-1{ padding:0; }

    /* 产品p1 */
    .pro-p1-list{ margin-top:80px;font-size:0; }
    .pro-p1-list .pro-item{ display:inline-block;width:50%;margin-bottom:30px; }
    .pro-p1-list .pro-item a{ width:130px;height:40px;line-height:40px;font-size:13px; }
    .slider6{ width:96%; }
    .pro-p1-slider{ padding:15px 0;    border-radius: 10px; }
    /* 产品 p2 */
    .pro-p2-box{ margin-top:50px; }
    .pro-p2-img img{ width:60%; }
    .pro-p2-word{ font-size:18px;text-align:center;margin-top:20px;padding:20px;background-color:rgba(0,0,0,.5) }

    .slider7-btn{  margin-top:0px!important;  }

}
/* 平板端 768 - 991 */
@media (min-width:768px) and (max-width: 991px){
    /* 内页公用 */
    .banner-mb{ display:block!important;height:200px; }
    /* copyright */
    .com-copyright{ padding:18px 0; }
    /* 首页 p2 */
    .index-p2-item .p2-tit{ font-size:15px; }
    .index-p2-item .p2-more a{ height:24px;line-height:24px; }
    .index-p2-item .p2-more a:before,
    .index-p2-item .p2-more a:after{ width:24px;height:24px;left:10%; }
    .index-p2-item .p2-more:hover a:before,
    .index-p2-item .p2-more:hover a:after{  }
    /* 首页 p5 */
    .index-p5-img{ width:80%; margin:30px auto;display:block; }
    .index-p5-why{ transform-origin: 50% 0%;-webkit-transform-origin:50% 0%;transform: scale(0.8);-webkit-transform: scale(0.8); }
    .index-p5-why img{ margin:15px 0; }
    .img-city{ left:inherit;bottom:0; }
    /* loading */
    .loading-inner .inner{ transform:scale(.7);-webkit-transform:scale(.7); }
    /* 产品 p4 */
    .product-p4 .inner:after{ padding-bottom: 68.8%; }
    /* 手机 p4 */
    .case-title{ transform:translate3d(-50%,-50%,0) scale3d(.6,.6,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(.6,.6,1);transform-origin:50% 0;-webkit-transform-origin:50% 0; }
    .case-hov{ transform:scale(.6);-webkit-transform:scale(.6);}
    /* 荣誉资质 */
    .honor-list .item{ font-size:15px; }
    .honor-list .item .title{ padding:15px 0; }
}
/* 大屏平板端 中屏电脑 992 - 1199 */
@media(min-width:992px) and (max-width:1199px){
    .com-article .title{ font-size:24px; }
    .com-article .sub{ font-size:14px; }
    .img-city{ bottom:0;left:15%;width:70%; }
    /* loading */
    .loading-inner .inner{ transform:scale(.8);-webkit-transform:scale(.8); }
    .loading-pan .number{ font-size:30px }
    .loading-time{ transform:scale(.8);-webkit-transform:scale(.8); }
    /* 手机 p4 */
    .case-title{ transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);-webkit-transform:translate3d(-50%,-50%,0) scale3d(.8,.8,1);transform-origin:50% 0;-webkit-transform-origin:50% 0; }
    .case-hov{ transform:scale(.8);-webkit-transform:scale(.8);}
    /* 联系我们 表单 */
    .contact-form .input{ margin-bottom:12px;height:40px;font-size:15px; }
    .contact-form .submit{ height:40px; }
    .contact-info{ font-size:12px; }
    /* 荣誉资质 */
    .honor-list .item{ font-size:15px; }
    .index-contact-map:before {
        padding-bottom: 60%;
    }
}
/* 中屏以下 0 - 1199  */
@media (max-width:1199px){
    .index-p4-img{ width:100%;margin:50px 0 0;min-height:200px; }
    .index-p4-img img{ width:80%;margin:0 auto;display:block; }
    .u-menu{ display:block; }
    .mobi-navbar{ display:block; }
    .mobi-navbar .navbar{ padding-top:78px; }

}
/* 滚动动画 */
.scroll-up{ transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;transition:opacity .5s cubic-bezier(0.4,0,0.25,1.01),transform .3s cubic-bezier(0.4,0,0.25,1.01);-webkit-transition:opacity .5s cubic-bezier(0.4,0,0.25,1.01),transform .3s cubic-bezier(0.4,0,0.25,1.01); }
.active .scroll-up{ transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1; }


.active .index-page-tit .img{ transition-delay:.5s;-webkit-transition-delay:.5s; }
.active .index-p4-img.scroll-up{ transition-delay:.7s;-webkit-transition-delay:.7s; }

.active .pro-p1-word .huan .huan-img{ animation:scaleCenter .6s .5s ease-out forwards;  }
.active .pro-p1-word .huan .huan-word{ animation:scaleCenter .6s 1s ease-out forwards; }

.slider8 .index-p4-item{ display:block;box-sizing: border-box; }

.isNote-md .isNoteBook{ transform:scale(.7);-webkit-transform:scale(.7);transform-origin:50% 0;-webkit-transform-origin:50% 0; }
.isNote-lg .isNoteBook{ transform:scale(.8);-webkit-transform:scale(.8);transform-origin:50% 0;-webkit-transform-origin:50% 0; }

.isNote-md .first-bg{ transform:translateY(5%);-webkit-transform:translateY(5%); }


.lucency .com-toggle a{ color:rgba(255,255,255,.5); }
.com-toggle a{ display:inline-block;padding:30px 5px;position:relative;transition:.5s all;-webkit-transition:.5s all;font-weight:bold; }
.com-toggle a:hover,.com-toggle a.current{ color:#0572b7; }
.lucency .com-toggle a:hover,.lucency .com-toggle a.current{ color:rgba(255,255,255,1); }
.com-toggle a:nth-child(1):after{ content:'';position:absolute;  right:-1px;top:50%;height:15px;margin-top:-7.5px;width:1px;background-color:#aaa;}