﻿body{line-height:1.5;max-width:1920px;margin:auto;}
body,html{height:100%;}
.line3{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:3;height:72px;}
.line4{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:4;height:96px;}
.line2{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:2;height:48px;}
.line5{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:5;height:120px;}
.line6{display: -webkit-box;-webkit-box-orient: vertical; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:6;height:144px;}
.pic{overflow:hidden;}
.pic:hover img,li:hover .pic img,.swiper-slide: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);}

.phone{display:none;}
.editor,.fontp{font-size:14px;color:#666;line-height:24px;text-align:justify;}
.editor table,.editor img,.editor embed,.editor iframe{margin:12px 0;max-width:100%;}
.editor img{height:auto !important;}
.bdsharebuttonbox a{float:none !important;display:inline-block !important;margin:0 8px !important;padding:0 !important;line-height:inherit;width:22px;height:22px;vertical-align:middle;}
.bdsharebuttonbox{text-align:center;margin-top:60px;}
.pos_re{position:relative;}
.pos_re>a{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.wrapper{max-width:1600px;margin:auto;width:90%;}
.hei100{height:100%;}
.more{width:208px;font-size:16px;color:#333;height:40px;line-height:40px;text-align:center;display:inline-block;border:1px solid #666666;}
.f36{font-size:36px;}
.f30{font-size:30px;}
.f24{font-size:24px;}
.cfff{color:#fff;}
.img-box{height:100%;background-size:cover !important;background-position:center center !important;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;}
.swiper-slide:hover .img-box,li:hover .img-box{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
@font-face {
    font-family: 'din';
    src: url('font/DIN.eot');
    src: local('font/DIN'),
    local('font/DIN'),
    url('font/DIN.ttf') format('truetype'),
    url('font/DIN.svg')
    format('svg');
}
.din{font-family:'din';}


.logo{width:100px;}
.header{line-height:110px;background:rgba(255,255,255,.6);position:fixed;width:100%;top:0;z-index:8;left:0;}
.header.on{line-height:90px;box-shadow:0 -3px 12px 5px rgba(0,0,0,.1);background:rgba(255,255,255,.9);}
.nav li{padding:0 32px;position:relative;float:left;}
.nav li>a{font-size:16px;color:#333;display:inline-block;padding:0 8px;position:relative;}
.nav li>a:before{content:"";display:block;position:absolute;bottom:0;left:0;height:3px;background:#00a0e8;width:100%;opacity:0;}
.nav li:hover>a:before,.nav li.cur>a:before{opacity:1;}
.nav li:hover>a,.nav li.cur>a{color:#00a0e8;}
.nav li dl{margin-top:-10px;position:absolute;width:100%;left:0;background:#fff;padding:11px 0;box-shadow: 0px 0px 30px 0px rgba(3, 3, 3, 0.15);z-index:-1;opacity:0;visibility:hidden;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);

}
.nav li dd>a{display:block;line-height:42px;font-size:14px;color:#333;text-align:center;}
.nav li dd:hover>a{background:#00a0e8;color:#fff;}
.nav li dl:before{content:"";display:block;background:url(../images/sj.png) no-repeat center center/100%;width:12px;height:12px;position:absolute;left:50%;top:-6px;margin-left:-6px;z-index:2;}
.nav li.on dl{z-index:2;visibility:visible;
    -webkit-transform: translateY(0px);opacity:1;
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.btn{}
.btn a{display:block;float:left;margin:43px 0 0 40px;width:24px;height:24px;overflow:hidden;}
.btn a.tel{background:url(../images/icon01.png) no-repeat top 2px center/21px;}
.btn a.search{background:url(../images/icon02.png) no-repeat top 2px center/21px;}
.btn a:hover{background-position:bottom 2px center !important;}
.btn a.language{background:url(../images/icon03.png) no-repeat center center/30px !important;margin-top:40px;width:30px;height:30px;}
.btn span{display:none;}
.header.on .btn a{margin-top:33px;}
.header.on .btn a.language{margin-top:30px;}
.search-div{z-index:4;display:none;position:absolute;left:0;width:100%;top:110px;background:rgba(0,160,232,.2);padding:32px 0;}
.search-div input{max-width:300px;float:right;border:none;outline:none;line-height:52px;height:52px;font-size:16px;color:#666;width:100%;background:url(../images/icon02.png) no-repeat left top 12px/32px;padding-left:52px;}
.search-div .wrapper{position:relative;}
.search-div .close{position:absolute;right:0;top:50%;width:48px;height:48px;background:#00a0e8 url(../images/close.svg) no-repeat center center/24px;border-radius:50%;margin-top:-24px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#00a0e8 !important;}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{height:100%;}
.swiper-button-prev.prev01,.swiper-button-next.next01{width:68px;height:68px;margin-top:-34px;border-radius:50%;background-color:rgba(0,0,0,.2) !important;opacity:1;}
.swiper-button-prev.prev01{left:68px;background:url(../images/prev.png) no-repeat center center;}
.swiper-button-next.next01{right:68px;background:url(../images/next.png) no-repeat center center;}
.swiper-button-prev.prev01:hover,.swiper-button-next.next01:hover{background-color:rgba(0,0,0,.4) !important;}
.swiper-pagination.pagination01 .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:#ccc;}
.swiper-pagination.pagination01 .swiper-pagination-bullet-active{background:#00a0e8;width:20px;border-radius:30px;}
.swiper-button-next.next01.sml,.swiper-button-prev.prev01.sml{width:44px;height:44px;margin-top:-22px;background-size:16px !important;}
.swiper-button-prev.prev02,.swiper-button-next.next02{width:44px;height:44px;margin-top:-22px;}
.swiper-button-prev.prev02{background:url(../images/prev01.png) no-repeat center center/100%;}
.swiper-button-next.next02{background:url(../images/next01.png) no-repeat center center/100%;}
.case-detail img{margin:12px auto;height:auto !important;transform: scale(1) !important;-webkit-transform: scale(1) !important;}
.swiper-scrollbar-drag{position:absolute !important;}



.title{text-align:center;color:#00a0e8;margin-bottom:34px;}
.title h2{font-size:48px;font-weight:bold;}
.title h4{font-size:16px;text-transform:uppercase;}
.title p{font-size:18px;color:#333;margin-top:20px;}
.title.c333 h2,.title.c333 h4{color:#333;}
.title.sml h2{font-size:36px;}
.title.sml h4{font-size:14px;}
.title.sml.cfff h2,.title.sml.cfff h4{color:#fff;}


.footer{background:#e5e5e5;}
.footer-nav,.footer-contact,.footer-link{padding:60px 0;border-bottom:1px solid #ccc;}
.footer-nav dl{float:left;width:20%;max-width:200px;}
.footer-nav dt{font-size:16px;color:#1b95d1;margin-bottom:12px;}
.footer-nav dd a{font-size:14px;color:#333333;display:inline-block;line-height:30px;}
.footer-nav dd a:hover{color:#00a0e8;}
.footer-contact{}
.footer-contact .fl{max-width:calc(100% - 340px);}
.footer-contact h3{color:#666666;}
.footer-contact h4{text-transform:uppercase;margin-bottom:20px;font-size:16px;color:#666;}
.footer-contact dd:nth-child(1){background:url(../images/icon06.png) no-repeat left center/16px;font-size:24px;}
.footer-contact dd:nth-child(2){background:url(../images/icon07.png) no-repeat left center/16px;}
.footer-contact dd:nth-child(3){background:url(../images/icon08.png) no-repeat left center/16px;}
.footer-contact dd:nth-child(4){background:url(../images/icon09.png) no-repeat left center/16px;}
.footer-contact dd{line-height:34px;font-size:14px;color:#666;padding-left:28px;}
.footer-contact dd a{color:#666;}
.footer-contact .fr{padding-top:170px;}
.footer-contact .fr a{display:block;float:left;margin-left:60px;}
.footer-contact .fr a img{width:32px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.footer-contact .fr a:nth-child(2) img{opacity:.6;}
.footer-contact .fr a:nth-child(3) img{opacity:.4;}
.footer-contact .fr a:hover img{opacity:1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.footer-contact .fr div{display:none;}
.footer-icp{text-align:center;line-height:64px;font-size:14px;color:#666;}
.footer-icp a{color:#666;}
.footer-link h3{color:#666;margin-bottom:18px;}
.footer-link a{font-size:14px;color:#666;margin-right:20px;display:inline-block;}
.footer-link a:hover{color:#00a0e8;}


.index01 .table{height:50%;}
.index01 .index01-bg{min-height:400px;height:50%;max-height:540px;}
.index01 h3{font-size:30px;color:#00a0e8;text-align:center;}
.index01 .fontp{line-height:28px;color:#333;max-width:960px;margin:24px auto 50px auto;}
.hbtn {
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.hbtn.hb-fill-middle2:before,.hbtn.hb-fill-middle2:after {
    position: absolute;
    content: '';
    background: #00a0e8;
    transition-duration: .3s;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 0;
    height: 100%;
    opacity: 1;
}
.hbtn.hb-fill-middle2:after{right:auto;left:0;}
.hbtn.hb-fill-middle2:hover:before,.hbtn.hb-fill-middle2:hover:after {
    width: 50%;
    height: 100%;
    opacity: 1;
}
.hbtn.hb-fill-middle2:hover{color:#fff;border-color:#00a0e8;}
.index02 .swiper-container{height:50%;}
.index02 .swiper-slide{position:relative;overflow:hidden;}
.index02 .img{background-position:center center !important;background-size:cover !important;}
.index02 .swiper-slide .wenz{position:absolute;left:0;top:0;padding:0 30px;box-sizing:border-box;background:rgba(0,160,232,.8);width:100%;height:100%;z-index:3;opacity:0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.index02 .wenz .title{margin:0;}
.index02 .wenz h5{text-align:center;color:#fff;}
.index02 .wenz hr{width:30px;height:1px;border:none;display:block;margin:24px auto 30px auto;background:#fff;text-align:center;}
.index02 .wenz p{max-width:310px;margin:auto;}
.index02 .swiper-slide:hover .wenz,.index02 .swiper-slide.tit .wenz{opacity:1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.index02 .swiper-slide.tit .wenz{background:transparent;}
.index02 .btm-container .wenz h5{color:#333;}
.index02 .btm-container .wenz hr{background:#333;margin:10px auto 12px auto;}
.index02 .btm-container .wenz{position:absolute;width:100%;height:50%;left:0;top:0;background:#eeeeee;opacity:1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.index02 .btm-container .img{overflow:hidden;position:absolute;width:100%;left:0;bottom:0;height:50%;}
@media only screen and (min-width: 1023px) {
    .index02 .btm-container .swiper-slide:nth-child(2n) .wenz{top:auto;bottom:0;}
    .index02 .btm-container .swiper-slide:nth-child(2n) .img{bottom:auto;top:0;}
    .index02 .btm-container .swiper-slide:nth-child(2n) .wenz .table-cell>div{padding:30px 0 0 0;}
    .index02 .btm-container .swiper-slide:nth-child(2n) .wenz .table-cell>div:before{bottom:auto;top:15px;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);}
}

.index02 .btm-container .swiper-slide .wenz .table-cell>div{position:relative;padding-bottom:30px;}
.index02 .btm-container .swiper-slide .wenz .table-cell>div:before{content:"";background:url(../images/icon04.png) no-repeat bottom center;display:block;position:absolute;height:10px;width:100%;left:0;bottom:0;}


.index03{}
.index03 .title{height:35.2%;}
.index03 .swiper-container{height:64.8%;}
.index03 .swiper-slide{overflow:hidden;}
.index03 .swiper-slide,.index03 .swiper-wrapper,.index03 .swiper-slide .img{height:100%;}
.index03 .swiper-slide .wenz{text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(27,149,209,.8);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -ms-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;opacity:0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.index03 .swiper-slide:hover .wenz{opacity:1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);}
.index03 .swiper-slide .wenz img{margin-bottom:20px;width:168px;}
.index03 .swiper-slide .wenz p{text-align:center;}
.index03 .title{margin:0;background:url(../images/bg01.png) no-repeat center center/cover;}
.index04{background:url(../images/bg02.jpg) no-repeat center center/cover;}
.index04 li{height:33.3%;text-align:center;float:left;max-height:320px;background:#fff;width:20%;}
.index04 .title{margin:0;}
.index04 li:nth-child(1){float:none;background:#00a0e8;margin-left:20%;}
.index04 li p{font-size:16px;color:#333;margin-top:12px;}
.index04 li:nth-child(3),.index04 li:nth-child(4),.index04 li:nth-child(7){margin-left:20%;}
.index04 li:nth-child(5),.index04 li:nth-child(7){background:#f5f5f5;}
.index04 li:hover 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);}
.index05{background:url(../images/bg03.jpg) no-repeat top center/cover;}
.index05 .wrapper{height:100%;padding-top:3%;box-sizing:border-box;}
/*.index05 .swiper-container{background:url(../images/bg04.png) no-repeat left top 67px/100%;}*/
.index05 .swiper-container:before{content:"";display:block;height:1px;background:#ccc;width:100%;position:absolute;z-index:0;top:67px;}
.index05 .swiper-slide{display:inline-block;width:auto;text-align:center;position:relative;font-size:18px;color:#333333;}
.index05 .swiper-slide span{font-size:36px;color:#1b95d1;padding:0 5px;vertical-align:middle;}
.index05 .swiper-slide:nth-child(2n) p{margin-top:80px;}
.index05 .swiper-slide:before{content:"";display:block;width:60px;height:2px;background:#1b95d3;position:absolute;left:30px;bottom:-15px;}
.index05 .swiper-slide:nth-child(2n):before{top:66px;bottom:auto;}
.index05 .swiper-slide p{padding:0 20px;}
.page-index{display:none;}
.ny-banner,.footer{position:relative;z-index:2;}
.ny-banner{position:fixed;top:0;width:100%;z-index:2;left:0;}
.fix-div{position:relative;z-index:3;}
.hidden-img{visibility:hidden;opacity:0;}
.bgfff{background:#fff;}
.side{width:220px;float:left;}
.content{width:calc(100% - 300px);float:right;}
.crumbs{line-height:70px;border-bottom:1px solid #ccc;font-size:14px;color:#666;}
.crumbs a{color:#999;}
.crumbs a:hover,.crumbs span{color:#00a0e8;}
.crumbs img{width:12px;display:inline-block;vertical-align:middle;margin:-3px 4px 0 4px;}
.container{padding:40px 0 80px;}
.side dt{margin-bottom:15px;font-size:20px;font-weight:bold;}
.side dt a{color:#333;}
.side dt.cur a{color:#00a0e8;}
.side dd{padding:8px 0;}
.side dd a{display:inline-block;line-height:28px;font-size:16px;color:#333;}
.side dd.cur a,.side dd:hover a{color:#00a0e8;}
.product li{float:left;width:32%;margin-right:2%;padding:0 20px;box-sizing:border-box;}
.product li:nth-child(3n){margin-right:0;}
.product li .pic{line-height:376px;height:376px;}
.product li .pic img{max-width:100%;max-height:100%;}
.product li .yy{background:rgba(27,149,210,.8);z-index:3;position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.product li h3{text-transform:uppercase;border-top:2px solid #1b95d2;line-height:80px;font-size:16px;text-align:center;color:#00a0e8;font-weight:bold;}
.product li:hover .yy{opacity:1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.product li .yy p{text-align:center;font-size:16px;line-height:28px;max-width:310px;width:90%;margin:auto;}
.a-btn{margin-top:25px;}
.a-btn a{display:inline-block;;line-height:34px;margin-right:20px;font-size:14px;color:#00a0e8;background:url(../images/pdf.png) no-repeat left center/20px;padding-left:26px;}

.pad{padding:4% 0;}
.wid1200{max-width:1200px;}
.f18{font-size:18px;}
.about{}
.about01{}
.about01 video{display:block;width:100%;height:650px;}
.about01 .box{margin-top:3.5%;}
.about01 .title{margin-top:-10px;text-align:left;width:240px;float:left;}
.about01 .wenz{border-left:1px solid #ccc;box-sizing:border-box;float:right;width:calc(100% - 250px);padding-left:60px;}
.about01 .wenz h3{margin-bottom:12px;color:#1b95d2;font-weight:bold;}
.about02{}
.about02 li{padding:3% 0;}
.about02 .li_1,.about02 .li_2{width:41.6%;float:left;}
.about02 .li_1 h3{text-align:right;}
.about02 li h3{font-size:30px;color:#333;}
.about02 li h3 span{color:#1b95d2;font-size:60px;padding:0 5px;}
.about02 .li_2{margin-left:8.125%;}
.about02 .li_2 p{margin-top:20px;}
.about02 .li_3{width:66.8%;float:right;}
.about02 .li_3 h3{text-align:right;padding-right:13%;}
.about02 .li_4{width:50%;float:left;margin-left:8.28%;}
.about02 .li_4 .swiper-button-next.next01{right:20px;}
.about02 .li_4 .swiper-button-prev.prev01{left:20px;}
.about02 .li_5{float:right;width:33.3%;}
.about02 .li_5 p{width:90%;max-width:520px;}
.about02 .li_5 .pic{margin-top:30px;}
.history{}
.history li{margin:6% 0;position:relative;}
.history li .pic{width:60%;float:left;}
.history li .wenz{position:absolute;width:25%;bottom:0;left:66.25%;}
.history li .wenz h5{line-height:1;color:#1b95d2;font-size:80px;}
.history li .wenz h5 span{font-size:120px;padding-right:5px;font-weight:bold;}
.history li .wenz hr{display:block;text-align:left;margin:10px 0 30px;background:#1b95d2;height:3px;width:80px;}
@media only screen and (min-width: 1023px) {
    .history li:nth-child(2n) .wenz{right:66.25%;left:auto;}
    .history li:nth-child(2n) .pic{float:right;}
}
.about03{background:#fafafa;}
.map{width:70%;max-width:calc(100% - 380px);float:left;border:10px solid #1b95d2;box-sizing:border-box;}
#dituContent{height:620px;}
.contact-div{padding-top:110px;float:right;width:30%;min-width:330px;}
.contact-div>div{max-width:330px;float:right;}
.contact-div p{font-size:16px;color:#333;line-height:36px;}
.contact-div p span{font-size:30px;}
.contact-div .code{margin-top:50px;border:1px solid #ccc;}
.contact-div p:nth-last-child(1){text-align:center;margin-top:15px;}
.join-div{position:relative;margin-top:120px;}
.join-div>img{position:relative;display:block;margin:auto;max-width:700px;}
.join-div .title{position:absolute;top:50%;text-align:center;left:0;width:100%;margin:-37.5px 0 0 0;z-index:2;}
.join-div li{color:#333;position:absolute;width:170px;z-index:3;}
.join-div li.a{left:500px;top:-70px;}
.join-div li.b{right:120px;top:115px;}
.join-div li.g{left:120px;top:115px;}
.join-div li.c{right:65px;top:410px;}
.join-div li.f{left:65px;top:420px;}
.join-div li.d{right:265px;bottom:-20px;}
.join-div li.e{left:265px;bottom:-20px;}
.support{margin-top:8%;}
.support dd{float:left;width:25%;text-align:center;}
.support dd p{margin-top:15px;color:#333;font-size:16px;}
.support dd img{width:100px;}
.support dd:hover img{
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);}

#pgServer{text-align: center;font-size: 14px;color: #646464;padding:45px 0 100px;}
#pgServer a{float:none;}
#pgServer a,#pgServer font,#pgServer span{display: inline-block;font-size: 14px;color: #999;line-height:32px;border: 1px solid #d8d8d8;margin-right: 5px;width:32px;height:32px;text-align:center;}
#pgServer font{border-color: #1b95d2;background-color: #1b95d2;color: #fff!important;}
#pgServer a:hover{border-color: #1b95d2;background-color: #1b95d2;color: #fff;}
#pgServer a.none{width:auto;padding:0 18px;}
#pgServer span.cur{border:1px solid #1b95d2;}

.product-ban{}
.product-ban .pic-scroll{width:42.5%;float:left;}
.product-ban .gallery-thumbs{position:relative;height:520px;width:120px;float:left;}
.product-ban .gallery-thumbs .swiper-container{}
.product-ban .gallery-top{border:2px solid #ccc;height:520px;box-sizing:border-box;width:calc(100% - 160px);float:right;}
.product-ban .gallery-thumbs .swiper-slide>a{padding:7px;text-align:center;border:2px solid #d2d2d2;display:block;height:120px;line-height:100px;box-sizing:border-box;}
.product-ban .swiper-slide img{max-height:100%;}
.product-ban .gallery-thumbs .swiper-slide.active>a,.product-ban .gallery-thumbs .swiper-slide:hover>a{border-color:#00a0e8;}
.product-ban .gallery-top .swiper-slide{text-align:center;}
.product-ban .gallery-top .swiper-button-prev{left:50%;top:auto;bottom:25px;margin:0 0 0 -60px;}
.product-ban .gallery-top .swiper-button-next{left:50%;right:auto;top:auto;bottom:25px;margin:0 0 0 0px;}
.product-ban .gallery-thumbs .swiper-button-prev{top:0;left:50%;margin-left:-22px;}
.product-ban .gallery-thumbs .swiper-button-next{bottom:0;left:50%;margin-left:-22px;right:auto;}
.product-ban .pro-content{float:right;width:54.3%;}
.product-ban .pro-content h2{color:#00a0e8;padding-bottom:26px;border-bottom:1px solid #ccc;}
.product-ban .pro-content .fontp{padding:35px 0;border-bottom:1px solid #ccc;}
.product-ban .pro-content dl{margin-top:40px;}
.product-ban .pro-content dd{float:left;width:20%;text-align:center;}
.product-ban .pro-content dd img{max-width:70%;}
.product-ban .pro-content dd:hover 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);}
.product-con{padding:40px 0 80px;float:right;width:calc(100% - 160px);border-top:1px solid #ccc;}
.product-con table{border-collapse:collapse;width:48%;float:left;}
.product-con th{text-align:left;font-weight:bold;background:#f2f2f2;line-height:46px;color:#333;font-size:16px;padding:0 20px;}
.product-con td{line-height:26px;vertical-align:text-top;font-size:14px;color:#333;padding:2px 20px;}
.product-con table:nth-child(2n){float:right;}
.case{}
.case-tab{margin-bottom:50px;}
.case-tab a{position:relative;line-height:55px;font-size:16px;color:#333333;display:inline-block;margin-right:65px;}
.case-tab a:nth-last-child(1){margin-right:0;}
.case-tab a:before{content:"";display:block;width:100px;height:2px;background:#00a0e8;position:absolute;left:50%;margin-left:-50px;bottom:0;opacity:0;}
.case-tab a:hover:before,.case-tab a.cur:before{opacity:1;}
.case-tab a.cur{font-size:18px;}
.case-tab a.cur,.case-tab a:hover{color:#00a0e8;}
.case li{overflow:hidden;float:left;width:32%;margin:0 2% 30px 0;}
.case li:nth-child(3n){margin-right:0;}
.case li .img-box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
.case li .wenz{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background:rgba(0,160,232,.6);text-align:center;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.case li .wenz h3{color:#fff;font-size:18px;font-weight:bold;margin-bottom:25px;}
.case li .wenz .fontp{color:#fff;width:90%;margin:auto;max-width:310px;}
.case li:hover .wenz{opacity:1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);}
.case li>img{visibility:hidden;}
.case-d{}
.case-d h3{margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #ccc;}
.case-d .img{width:55.9%;float:left;height:200px;position:relative;text-align:right;}
.case-d .img:before{content:"";display:block;height:95px;position:absolute;bottom:0;left:0;width:100%;background:#00a0e8;}
.case-d .wenz{width:40.625%;float:right;}
.case-d .img img{margin-right:80px;max-height:190px;z-index:2;position:relative;}
.case-d .wenz h5{font-size:16px;color:#1b95d2;}
.case-d .wenz .fontp{color:#333;}
.black{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:10;display:none;}
.space-alert{position:fixed;z-index:11;left:50%;top:50%;width:1200px;opacity:0;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
}
.space-alert.on{
    opacity:1;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.0);
    -ms-transform: translateX(-50%) translateY(-50%) scale(1.0);
    transform: translateX(-50%) translateY(-50%) scale(1.0);
}
.space-alert .swiper-slide{}
.space-alert .swiper-slide .wenz{left:8%;top:30%;max-width:240px;z-index:2;position:absolute;}
.space-alert .swiper-slide .wenz h3{color:#fff;font-size:18px;margin-bottom:13px;}
.space-alert .swiper-slide>a{position:absolute;bottom:12px;right:30px;z-index:2;}
.space-alert .swiper-slide>a>img{max-height:120px;}
.space-alert .swiper-slide>a:hover>img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
.space-alert .close,.img-alert .close{width:64px;height:64px;top:-80px;right:-80px;border-radius:50%;position:absolute;display:block;background:#00a0e8 url(../images/close.svg) no-repeat center center/24px;}
.fix-mar{height:110px;border-bottom:1px solid #ccc;}
.space>img{display:none;}
.space>img:nth-child(1){display:block;}


.color01{position:relative;}
.color01 dd{cursor:pointer;padding:13px 0;float:left;width:10%;text-align:center;margin-right:1.11%;}
.color01 dd:nth-last-child(1){margin-right:0;}
.color01 dd img{width:50px;}
.color01 dd p{margin-top:8px;font-size:14px;color:#666;}
.color01 dd:hover img,.color01 dd.cur img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);}
@media only screen and (min-width: 1023px) {
    .color01 .box{position:absolute;max-width:100%;padding:30px 0;bottom:0;left:0;width:100%;z-index:2;background:rgba(255,255,255,.8);}
    .color01 .box dl{padding:0;}
}

.color02{background:#f5f5f5;}
.ny-tit{margin-bottom:35px;text-align:center;}
.ny-tit h2{color:#1b95d2;font-weight:bold;}
.ny-tit hr{display:block;margin:20px auto 0 auto;text-align:center;border:none;width:120px;background:#1b95d2;height:1px;}
.color02 .wrapper{max-width:1000px;}
.color02 .img{float:right;width:44.3%;}
.color02 .wenz{font-size:16px;color:#333;float:left;width:50%;}
.color02 .wenz span{padding:0 5px;font-size:36px;color:#1b95d2;}
.color03{}
.color03 .swiper-container{width:50%;float:left;}
.color03 .swiper-button-next{right:15px;}
.color03 .swiper-button-prev{left:15px;}
.color03 .wenz{float:right;width:37.5%;}
.color03 .wenz span,.color04 .p span{padding-right:2px;color:#1b95d2;}
.color-dl dd{position:relative;margin-top:50px;float:left;text-align:center;width:33.33%;}
.color-dl dd>div{position:relative;}
.color-dl dd span{border-radius:50%;position:absolute;left:50%;margin:-45px 0 0 -45px;top:50%;width:90px;height:90px;}
.color-dl dd img{margin:auto;width:108px;height:108px;}
.color-dl dd span,.color-dl dd img{
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.color-dl dd p{margin-top:12px;}
.color-dl dd:hover span,.color-dl dd:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.color04{padding-top:0;}
.color04 .p{max-width:640px;margin:auto;}
.color04 dd{width:16.666%;}
.news{}
.news-tuijian{position:relative;}
.news-tuijian .pic{width:70%;float:left;position:relative;z-index:2;}
.news-tuijian .wenz{padding:220px 50px 0 50px;box-sizing:border-box;width:30%;float:right;position:relative;z-index:2;}
.news-tuijian .wenz h3{font-size:36px;color:#333;}
.news-tuijian .wenz p{margin:22px 0 40px;}
.news-tuijian:before{content:"";display:block;width:90%;height:100%;left:10%;top:10%;background:#e5f6ff;position:absolute;z-index:1;}
.news ul{margin-top:80px;}
.news li{padding:32px 0;float:left;width:48%;}
.news li:nth-child(2n){float:right;}
.news li .pic{height:200px;width:41.5%;float:left;}
.news li .wenz{float:right;width:54%;}
.news li .wenz h3{margin:20px 0;line-height:36px;height:72px;}
.news li .wenz h3:hover a{color:#00a0e8;}
.news li .wenz h3 a{color:#333;}
.news-title{border-bottom:1px solid #ccc;padding:40px 0 20px;text-align:center;}
.news-title h6{padding-top:10px;color:#999;font-size:14px;}

.technology{}
.technology video{display:block;max-width:1200px;margin:auto;height:600px;}
.technology li{position:relative;}
.technology li .img{width:66.67%;float:left;}
.technology li:nth-child(2n) .img{float:right;}
.technology li .wenz{height:100%;width:33.33%;position:absolute;right:0;top:0;}
.technology li .wenz>div{max-width:360px;}
.technology li .wenz p{margin-bottom:60px;}
.technology li .wenz img{margin-right:35px;}
.technology li:nth-child(2n) .wenz{left:0;right:auto;}
.technology li:nth-child(2n) .wenz>div{float:right;}
.technology li .wenz h3{font-size:30px;color:#1b95d2;}
.technology li .wenz hr{width:40px;border:none;display:block;height:2px;background:#00a0e8;margin:20px 0 40px;text-align:left;}
.service h2{color:#00a0e8;margin-bottom:60px;font-weight:bold;text-align:center;}
.service02 p{max-width:960px;margin:-30px auto 30px auto;}
.service02 li{text-align:center;padding:60px 0;float:left;width:24%;background:#f0f0f0;position:relative;margin:30px 1.33% 0 0;}
.service02 li:nth-child(4n){margin-right:0;}
.service02 li:before{content:"";display:block;position:absolute;left:0;top:0;background:url(../images/picon07.jpg);width:37px;height:34px;}
.service02 li:hover:before{background:url(../images/picon08.jpg);}
.service02 li>div{max-width:200px;margin:auto;}
.service02 li hr{height:1px;width:20px;background:#333;margin:16px auto 52px auto;border:none;text-align:center;display:block;}
.service02 li:hover{background:#00a0e8;}
.service02 li:hover hr{background:#fff;}
.service02 li:hover h3,.service02 li:hover p{color:#fff;}

.search-tit{padding:140px 0 50px 0;background:#f5f5f5;}
.search-tit h2{font-size:30px;color:#333;}
.search-tit p{margin-top:10px;color:#666;font-size:16px;}
.search-con{padding:50px 0;}
.search-con li{padding-bottom:30px;}
.search-con li h3{font-weight:600;font-size:18px;color:#333;}
.search-con li h3 a{color:#333;}
.search-con li h3 a:hover{color:#00a0e8;}
.search-con li p{margin-top:5px;font-size:14px;color:#666;line-height:26px;}
.w980{max-width:980px;}
.product li .pic{text-align:center;}
.store{height:100%;background:url(../images/store.jpg) no-repeat center center/cover;}
.store .wrapper{position:relative;height:100%;}
.store .item{position:absolute;right:0;width:100%;max-width:480px;top:50%;margin-top:60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.store .item>div{float:left;width:49%;}
.store .item select,.store .item input[type=text]{width:100%;line-height:45px;float:left;border-radius:30px;display:block;border:none;outline:none;font-size:14px;padding:0 20px;color:#333;box-sizing:border-box;}
.store .item .select select{width:48.5%;background:rgba(255,255,255,.7) url(../images/icon06h.png) no-repeat right 8px center/18px;}
.store .item .select select:nth-child(2n+1){float:right;}
.store .item .text{position:relative;float:right;}
.store .item input[type=text]{background:rgba(255,255,255,.7);}
.store .item input[type=submit]{border-radius:50%;text-indent:-999px;position:absolute;color:transparent;width:38px;height:38px;right:3.5px;top:3.5px;border:none;outline:none;cursor:pointer;background:#00a0e8 url(../images/searchh.png) no-repeat center center/18px}
.store .item>.store-ul{box-sizing:border-box;width:100%;padding:35px;padding-right:0;margin-top:20px;background:rgba(255,255,255,.7);border-radius:5px;}
.store-ul ul{margin:-16px 0;padding-right:35px;height:350px;overflow-y:auto;}
.store-ul li{padding:16px 0;border-bottom:1px solid #ccc;}
.store-ul li h3{cursor:pointer;color:#333;font-size:16px;margin-bottom:5px;}
.store-ul li p{font-size:14px;color:#333;}
.store-ul li.none p{color:#333;}
.store-ul li.none{text-align:center;border:none;}
#ascrail2000{background:rgba(0,0,0,.3);}
.store-ul>h3{font-size:18px;color:#00a0e8;font-weight:bold;margin-bottom:16px;}
.store .dt{ width: 639px; height: 721px; padding-top: 20px; float: left; position: relative;margin-top:90px;
		transform: translateY(-50%);left:0%;top:50%;
		-webkit-transform: translateY(-50%);
}
.store .dt .point{ position: relative; position: absolute; width: 85px; height: 51px; color: #FFFFFF;
    background: url(../images/point_03.png) no-repeat center; display: none; }
.store .dt .point span{ position: absolute; top: 6px; left: 38px; line-height: 1.1; white-space: nowrap; line-height: 28px; background: #a80505;border-radius: 15px; padding-right: 10px }
.store .dt .point.on{ display: block; }
.store .dt .beijing{ top: 215px; left: 445px; }
.store .dt .tianjin{ top: 222px; left: 457px; }
.store .dt .shanghai{ top: 340px; left: 524px; }
.store .dt .chongqing{ top: 360px; left: 350px; }
.store .dt .hebei{ top: 239px; left: 438px; }
.store .dt .shanxi{ top: 255px; left: 404px; }
.store .dt .liaoning{ top: 200px; left: 517px; }
.store .dt .jilin{ top: 152px; left: 552px; }
.store .dt .heilongjiang{ top: 100px; left: 564px; }
.store .dt .jiangsu{ top: 316px; left: 493px; }
.store .dt .zhejiang{ top: 365px; left: 500px; }
.store .dt .anhui{ top: 335px; left: 464px; }
.store .dt .fujian{ top: 416px; left: 485px; }
.store .dt .jiangxi{ top: 394px; left: 445px; }
.store .dt .shandong{ top: 267px; left: 464px; }
.store .dt .henan{ top: 295px; left: 413px; }
.store .dt .hubei{ top: 345px; left: 395px; }
.store .dt .hunan{ top: 400px; left: 395px; }
.store .dt .guangdong{ top: 465px; left: 410px; }
.store .dt .hainan{ top: 515px; left: 370px; }
.store .dt .sichuan{ top: 360px; left: 273px; }
.store .dt .guizhou{ top: 417px; left: 334px; }
.store .dt .yunnan{ top: 450px; left: 260px; }
.store .dt .shanxi1{ top: 292px; left: 370px; }
.store .dt .gansu{ top: 200px; left: 222px; }
.store .dt .qinghai{ top: 280px; left: 220px; }
.store .dt .taiwan{ top: 443px; left: 520px; }
.store .dt .neimenggu{ top: 209px; left: 343px; }
.store .dt .guangxi{ top: 456px; left: 358px; }
.store .dt .xizang{ top: 310px; left: 77px; }
.store .dt .ningxia{ top: 256px; left: 330px; }
.store .dt .xinjiang{ top: 197px; left: 84px; }
.store .dt .xianggang{ top: 480px; left: 443px; }
.store .dt .aomen{ top: 483px; left: 418px; }

.img-alert{position:fixed;left:50%;top:50%;max-width:1000px;z-index:11;display:none;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.img-alert .swiper-slide{position:relative;}
.img-alert .swiper-slide p{position:absolute;bottom:0;left:0;text-align:center;font-size:16px;color:#fff;line-height:56px;padding:0 20px;box-sizing:border-box;z-index:3;background:rgba(0,0,0,.7);width:100%;}
.img-alert .prev01{left:20px;}
.img-alert .next01{right:20px;}



@media only screen and (max-width: 1600px) {
    .store .dt{margin-top:0;}
    .product li .pic{line-height: 248px;height:248px;}
    .wrapper{max-width:1200px;}
    .header{line-height:90px;}
    .header.on{line-height:75px;}
    .btn a{margin-top:33px;}
    .btn a.language{margin-top:30px;}
    .header.on .btn a{margin-top:25.5px;}
    .header.on .btn a.language{margin-top:22.5px;}
    .search-div{top:90px;padding:22px 0;}
    .title h2{font-size:36px;}
    .index01 h3{font-size:26px;}
    .index01 .fontp{margin:16px auto 30px auto;}
    .index01 .index01-bg{min-height:inherit;height:35%;}
    .index01 .table{height:65%;}
    .index02 .top-container{height:40%;}
    .index02 .btm-container{height:60%;}
    .f36{font-size:30px;}
    .index04 li img{max-height:55%;}
    .title h4{font-size:14px;}
    .index04 li p{margin-top:6px;}
    .footer-nav, .footer-contact, .footer-link{padding:28px 0;}
    .footer-link{padding:15px 0;}
    .footer-link h3,.footer-contact h4{margin-bottom:10px;}
    .f24{font-size:22px;}
    .footer-nav dt{margin-bottom:8px;}
    .crumbs{line-height:56px;}
    .technology video,.about01 video{height:500px;}
    .title p{font-size:16px;}
    .about02 li h3 span{font-size:50px;}
    .history li .wenz h5{font-size:50px;}
    .history li .wenz h5 span{font-size:100px;}
    .space-alert{width:1000px;}
    .space-alert .close,.img-alert .close{top:0;}
    .product li .yy p{font-size:14px;line-height:24px;}
    .product-ban .gallery-thumbs{width:80px;height:410px;}
    .product-ban .gallery-thumbs .swiper-slide>a{height:80px;line-height:60px;}
    .product-ban .gallery-top{width:calc(100% - 100px);height:410px;}
    .product-ban .pro-content .fontp{padding:18px 0;}
    .product-ban .pro-content h2{padding-bottom:15px;}
    .product-ban .pro-content dl{margin-top:18px;}
    .product-con{width:calc(100% - 100px);}
    .product-con table{width:49%;}
    .news-tuijian .wenz h3{font-size:24px;}
    .news-tuijian .wenz{padding-top:120px;}
    .news li .wenz h3{font-size:20px;margin-top:5px;}
    .news li .pic{height:149px;}
    .news li{padding:26px 0;}
    #dituContent{height:480px;}
    .contact-div .code{margin-top:30px;max-width:200px;}
    .contact-div p:nth-last-child(1){font-size:14px;text-align:center;max-width:200px;line-height:22px;}

.store .dt{transform:translateY(-50%) scale(.8);-webkit-transform:translateY(-50%) scale(.8)}
.store .dt .point{transform: scale(.8);-webkit-transform: scale(.8)}



}



@media only screen and (max-width: 1200px) {
    .nav li{padding:0 15px;}
}


.header .san{margin-top:24.5px;box-sizing:border-box;cursor:pointer;width:36px;height:24px;position:relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span{
    width:100%;
    position:absolute;;
    height:3px;background:#00a0e8;
    display:block;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.header .san span:nth-child(1){top:0;}
.header .san span:nth-child(2){top:50%;margin-top:-1px;}
.header .san span:nth-child(3){bottom:0;}
.header .san.cur span:nth-child(1){
    top: 50%;margin-top:-1px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .san.cur span:nth-child(2){
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.header .san.cur span:nth-child(3){display:none;}
.header .san{width:24px;height:16px;margin-top:27px;}
.header .san span{height:2px;}

@media only screen and (max-width: 1023px) {
    .phone{display:block;}
    .pc{display:none;}
    .wrapper{width:90%;}
    .ny-banner{margin-top:70px;}
    .container{padding:30px 0;}
    .hidden-img{margin-top:70px;}
    .header,.header.on{background:#fff;}
    .nav{overflow-y:auto;display:none;background:rgba(255,255,255,1);border-top:2px solid #54c8d1;top:65px;box-sizing:border-box;z-index:9;position:fixed;width:100%;left:0;height:calc(100% - 65px);}
    .nav li{padding:0;margin:0;border-bottom:1px solid #ddd;width:100%;box-sizing:border-box;float:none;}
    .nav li>a{line-height:55px !important;text-align:left;color:#333;display:block;padding:0 30px;width:100%;box-sizing:border-box;}
    .nav li.er>a{padding-right:30px;background:url(../images/icon06h.png) no-repeat right 30px center/20px;}
    .nav li dd>a{color:#333;}
    .nav li:hover>a,    .nav li.cur>a{background-color:transparent !important;}
    .nav li dl{padding:4px 0;box-shadow:none;position:relative;background:#f2f2f2;display:none;top:auto;}
    .nav li dd{text-align:left;}
    .nav li dd a{line-height:30px;display:block;font-size:14px;padding:5px 0 5px 40px;text-align:left;}
    .nav li:hover dl{display:none;}
    .header{line-height:70px;position:fixed;}
    .pad{padding:34px 0;}
    .logo{width:85px;}
    .btn a.tel{display:none;}
    .btn a{margin:24px 15px 0 0;background-position:bottom 2px center !important;}
    .btn a.language{width:22px;margin:25px 20px 0 0;height:22px;background-size:22px !important;}
    .search-div{top:70px;padding:8px 0;}
    .search-div .close{width:30px;height:30px;margin-top:-15px;background-size:15px !important;}
    .search-div input{background-size:22px !important;padding-left:30px;background-position:top 18px left !important;}
    #fp-nav{display:none !important;}
    .nav li>a:before{display:none !important;}
    .nav li dl:before{display:none !important;}
    .nav li dl{opacity:1;visibility:visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);}
    .banner .swiper-button-prev.prev01,.banner .swiper-button-next.next01{display:none;}
    .title h2{font-size:24px;}
    .title h4{font-size:12px;}
    .title{margin-bottom:24px;}
    .index01 h3{font-size:16px;}
    .index01 .fontp{line-height:24px;margin:8px auto 15px auto;}
    .more{font-size:14px;width:140px;}
    .swiper-pagination.pagination01 .swiper-pagination-bullet{width:7px;height:7px;}
    .swiper-pagination.pagination01 .swiper-pagination-bullet-active{width:15px;}
    .title p{font-size:14px;}
    .index04 li{width:50%;height:25%;}
    .index04 li:nth-child(3), .index04 li:nth-child(4), .index04 li:nth-child(7){margin:0;}
    .index04 .wrapper{width:100%;}
    .index04 li:nth-child(1){width:100%;}
    .index04 li p{font-size:12px;}
    .index05 .swiper-slide p{padding:0 15px;font-size:12px;}
    .index05 .swiper-slide span{font-size:24px;}
    .index05 .swiper-container{padding-bottom:30px;}
    .index05 .swiper-container:before{top:50px;}
    .index05 .swiper-slide:nth-child(2n):before{top:50px;}
    .index05 .swiper-slide:nth-child(2n) p{margin-top:64px;}
    .footer-nav{display:none;}
    .footer-contact .fl{max-width:100%;width:100%;}
    .f36{font-size:24px;}
    .footer-contact h4{font-size:12px;}
    .footer-contact dd{font-size:13px;line-height:30px;}
    .footer-contact dd:nth-child(1){font-size:18px;}
    .footer-contact .fr{display:none;}
    .footer-link h3{font-size:16px;}
    .footer-link a{font-size:12px;margin-right:10px;}
    .footer-icp{font-size:12px;line-height:24px;padding:12px 0;}
    .ny-banner{overflow:hidden;}
/*    .ny-banner img{max-width:150%;margin-left:-25%;}
    .hidden-img{max-width:150%;margin-left:-25%;}*/
    .fix-div{overflow:hidden;}
    .crumbs{display:none;}
    .technology video, .about01 video{width:100%;height:260px;background:#000;}
    .technology li .img{width:100%;overflow:hidden;}
    .technology li .img img{max-width:130%;}
    .technology li .wenz{width:100%;padding:18px 20px;position:relative;float:left;box-sizing:border-box;}
    .technology li .wenz h3{font-size:22px;}
    .technology li .wenz hr{margin:10px 0 20px;}
    .technology li .wenz p{margin-bottom:20px;}
    .technology li .wenz img{max-width:90px;margin-right:15px;}
    .technology li{padding:0;}
    .about01 .title{margin-top:30px;width:100%;}
    .about01 .wenz{padding:0;border:none;width:100%;}
    .f18{font-size:15px;}
    .about02 .li_1, .about02 .li_2{width:100%;}
    .about02 li h3{padding:0 20px;font-size:16px;}
    .about02 li h3 span{font-size:34px;}
    .about02 .li_2{margin:0;}
    .about02 li p{padding:0 20px;}
    .about02 .li_3{width:100%;}
    .about02 .li_4{width:100%;margin:0;}
    .swiper-button-prev.prev01, .swiper-button-next.next01{background-size:12px !important;width:40px;height:40px;margin-top:-20px;}
    .about02 .li_5{width:100%;}
    .about02{padding:0;}
    .history li{margin:20px 0;}
    .history li .pic,.history li .wenz{width:100%;}
    .history li .wenz{float:left;left:auto;padding:20px 0 0 0;width:100%;position:relative;}
    .history li .wenz h5{font-size:18px;}
    .history li .wenz h5 span{font-size:44px;}
    .service h2{margin-bottom:30px;}
    .history li .wenz hr{width:30px;height:1px;margin:10px 0 12px;}
    .service02 li{width:100%;padding:30px 0;}
    .service02 p{margin:auto;}
    .service02 li hr{margin-bottom:20px;}
/*    .space-alert{background:#fff;width:100%;position:relative;left:auto;top:auto;opacity:1;
        -webkit-transform: translateX(0) translateY(0) scale(1.0);
        -moz-transform: translateX(0) translateY(0) scale(1.0);
        -ms-transform: translateX(0) translateY(0) scale(1.0);
        -o-transform: translateX(0) translateY(0) scale(1.0);
        transform: translateX(0) translateY(0) scale(1.0);
    }*/
    .color01 .box{opacity:1 !important;max-height:350px;overflow-y:auto;}
    .search-div input{color:#fff;}
    .space-alert{width:90%;background:#fff;}
    .color01 .img{overflow:hidden;}
    .color01 .img img{max-width:130%;margin-left:-15%;}
    .color01 dd img{width:32px;}
    .space-alert .close,.img-alert .close{width:40px;height:40px;right:0;top:-50px;background-size:16px !important;}
    .space-alert .swiper-slide .wenz{max-width:calc(100% - 100px);position:relative;left:auto;top:auto;width:100%;padding:20px;box-sizing:border-box;}
    .space-alert .swiper-slide .wenz h3{color:#333;}
    .space-alert .swiper-slide .wenz p{color:#666;}
    .space-alert .swiper-slide>a>img{max-width:80px;max-height:inherit;}
    .space-alert .swiper-slide>a{right:20px;bottom:30px;}
    .fix-mar{height:70px;}
    .color01 dd{width:25%;margin-right:0;}
    .color01 dd:nth-child(1),.color01 dd:nth-child(2),.color01 dd:nth-child(3){width:33.33%;}
    .color01 dd p{font-size:12px;margin-top:5px;}
    .color02 .img,.color03 .swiper-container{width:100%;}
    .color02 .wenz,.color03 .wenz{width:100%;padding-top:20px;}
    .color-dl dd img{width:70px;height:70px;}
    .color-dl dd span{width:60px;height:60px;margin:-30px 0 0 -30px;}
    .color-dl dd{margin-top:20px;}
    .color-dl dd p{font-size:12px;}
    .color04{padding-top:0;}
    .color04 .color-dl dd{width:25%;}
    .case-tab a{font-size:14px;margin-right:20px;line-height:36px;}
    .case-tab{margin-bottom:28px;white-space:nowrap;overflow-x:auto;}
    .case-tab a.cur{font-size:14px;}
    .case li{width:100%;margin:0 0 18px 0;}
    #pgServer a.none{padding:0 10px;}
    #pgServer a, #pgServer font, #pgServer span{font-size:12px;width:26px;height:26px;margin:0 2px;line-height:26px;}
    #pgServer{padding:20px 0 15px 0;}
    .case-d h3{font-size:20px;margin-bottom:20px;padding-bottom:10px;}
    .case li .wenz h3{margin-bottom:18px;padding:0 20px;}
    .case-d .img{width:100%;}
    .case-d .wenz{width:100%;padding-top:20px;}
    .side{width:100%;white-space:nowrap;overflow-x:auto;}
    .side dd{display:inline-block;margin-right:20px;}
    .side dt{display:none;}
    .content{width:100%;padding-top:20px;}
    .product li{width:100%;margin:0 0 20px;}
    .product li h3{font-size:14px;line-height:60px;}
    .product-ban .pic-scroll{width:100%;}
    .product-ban .gallery-thumbs{display:none;}
    .product-ban .gallery-top{width:300px;margin:auto;height:300px;float:none;}
    .product-ban .pro-content{width:100%;padding-top:20px;}
    .product-ban .pro-content dd img{max-width:90%;}
    .product-con{width:100%;}
    .product-con table{width:100%;margin-bottom:15px;}
    .product-con table:nth-child(1) td{line-height:24px;border-bottom:1px solid #ccc;box-sizing:border-box;padding:8px;}
    .product-con table:nth-child(1) td{display:block;width:100%;}
    .product-con{padding:32px 0;}
    .news-tuijian .pic{width:100%;}
    .news-tuijian .wenz{width:100%;padding:20px;}
    .news-tuijian:before{width:100%;left:0;top:0;}
    .news ul{margin-top:0;}
    .news li .pic{width:100%;height:auto;}
    .news li{width:100%;padding:28px 0 0 0;}
    .news li .wenz{width:100%;padding:20px 0 0 0;}
    .news li .wenz h3{line-height:28px;height:56px;font-size:18px;margin:0 0 10px 0;}
    .news-title{padding:34px 0 10px;}
    .news-title h3{font-size:20px;}
    .map{width:100%;max-width:100%;border-width:3px;}
    #dituContent{width:100%;height:260px;}
    .contact-div>div{max-width:100%;float:left;}
    .contact-div{width:100%;min-width:100%;max-width:100%;padding:20px 0 0 0;}
    .contact-div p span{font-size:20px;}
    .contact-div p{font-size:14px;line-height:32px;}
    .contact-div .code{max-width:150px;margin:10px 0 0 10px;}
    .contact-div p:nth-last-child(1){max-width:100%;text-align:left;}
    .join-div>img{display:none;}
    .join-div li{margin-left:20px;width:calc(100% - 20px);list-style-type:square;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;position:relative !important;padding:10px 0;}
    .join-div{margin-top:2px;}
    .support dd img{width:70px;float:left;}
    .support dd p{float:right;width:calc(100% - 90px);line-height:70px;margin:0;text-align:left;}
    .support dd{padding:10px 0;width:100%;overflow:hidden;}
    .search-con{padding:22px 0;}
    .search-tit{padding:100px 0 28px 0;}
    .search-con li h3{font-size:16px;}
    .search-con li p{font-size:14px;line-height:22px;}
    .search-con li{padding-bottom:22px;}
    .search-tit h2{font-size:20px;}
    .search-tit p{margin-top:5px;font-size:14px;}
    .header.on{line-height:70px;}
    .header.on .btn a{margin-top:24px;}
    .header.on .btn a.language{margin-top:24.5px;}
    .index04 li:nth-child(1){margin-left:0;}

    .store .dt{display:none;}
    .side::-webkit-scrollbar{
        width: 7px;
        height: 7px;
        background-color: #F5F5F5;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    .side::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }

    /*定义滑块 内阴影+圆角*/
    .side::-webkit-scrollbar-thumb{
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
        background-color: #c8c8c8;
    }
    .store{height:auto;padding:34px 0;}
    .store .item{position:relative;right:auto;top:auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);}
    .store .item .select select,.store .item .select input[type=text]{width:100%;margin:4px 0;}
    .store .item>div{width:100%;}
    .img-alert{width:90%;}
    .img-alert .swiper-slide p{font-size:14px;line-height:40px;padding:0 15px;}
}
    






