@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}
body {line-height:1}
ol,ul {list-style:none}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
table {border-collapse:collapse;border-spacing:0}
div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,span,pre,input {margin:0;padding:0;border:0;font-weight:normal;background-repeat:no-repeat;outline:none;}
h1,h2,h3,h4,h5,h6,p {margin:0;padding:0;font-weight:normal;font-family:Source Han Sans CN,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;}
body {font-family:Source Han Sans CN,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Hiragino Sans GB,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:14px;margin:0px;padding:0px;color:#333333;height:auto;clear:both;}
img {border:0px;max-width: 100%;}
ul,li {list-style:none;}
em,i {font-style:normal;}
a {text-decoration:none !important;color:#333;outline:none;cursor:pointer;}
a:hover {background-repeat:no-repeat;text-decoration:none;}
.clearfix:after,.clearfix:before {content:" ";display:table}
.clearfix:after {clear:both}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.layout {width:1200px;margin:0 auto;position:relative;}
.btn{display: block;width: 155px;height: 36px;border: 1px solid #3E699C;text-align: center;line-height: 36px;font-size: 14px;color: #3E699C;transition: all .3s;}
.c-flex{display: flex;justify-content: space-between;align-items: center;}

* {box-sizing:border-box;-webkit-text-size-adjust:none;}
body {left:0px;position:relative;line-height:1;}
html{width:100%;overflow-x: hidden;}

#aboout1,#about2,#about3,#about4,#join1,#join2,#news-tab{margin-top: -85px;padding-top: 85px;height: 0;}

/* body::-moz-selection {background:red;color:#fff;}
body::selection {background:red;color:#fff;}
body::-webkit-scrollbar {width:5px;height:5px;}
body::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);}
body::-webkit-scrollbar-thumb {background:#3E699C;}
body::-webkit-scrollbar-thumb:window-inactive {background:#3E699C;}
body::-webkit-scrollbar-thumb:vertical:hover {background:#3E699C;} */


/*示例字体*/
@font-face {font-family:"DIN-Bold";src:url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"DINCond-Bold";src:url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"DIN-BlackItalic";src:url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"GOTHAMBOLD";src:url("../fonts/HarmonyOS_Sans_SC_Bold.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"GOTHIC";src:url("../fonts/HarmonyOS_Sans_SC_Regular.ttf");font-weight:normal;font-style:normal;}
@font-face {font-family:"bebas";src:url("../fonts/bebas.ttf");font-weight:normal;font-style:normal;}

/* pc头部 */
header{position: fixed;width: 100%;top:0;left:0;z-index: 99;transition: all .3s;}
header .layout{display: flex;justify-content: space-between;align-items: center;padding:25px 0;}
header .layout .logo{position: relative;}
header .layout .logo img{transition: all .3s;display: block;}
header .layout .logo img:nth-of-type(2){position: absolute;left:0;top:0;opacity: 0;}
header .layout ul{display: flex;}
header .layout ul li{margin-right: 42px;position: relative;padding: 10px 0;}
header .layout ul li::before{content: '';display: block;width: 0;height: 4px;border-radius: 2px;background-color: #fff;position: absolute;left:50%;transform: translateX(-50%);bottom:0;transition: all .3s;}
header .layout ul li a{color: #fff;font-size: 16px;font-weight: 400;transition: all .3s;}
header .layout ul li:last-of-type{margin-right: 0;}
header .layout ul li:hover a,header .layout ul li.active a{color: #fff;}
header .layout ul li:hover::before,header .layout ul li.active::before{width: 100%;}
header .layout .search{}
header .layout .search form{width: 150px;height: 24px;border: 1px solid rgba(255,255,255,0.1);background-color: rgba(255,255,255,0.1); position: relative;display: flex;align-items: center;padding:0 11px;transition: all .3s;}
header .layout .search button{display: block;width: 14px;height: 14px;background-image: url(../img/search1.png);border: none;background-color: transparent;cursor: pointer;transition: all .3s;}
header .layout .search input{display: block;width: calc(100% - 22px);height: 12px;font-size: 12px;margin-left: 8px;background-color: transparent;transition: all .3s;}
header .layout .search input::-webkit-input-placeholder{color:#fff;transition: all .3s;font-size: 12px;}
header .lag{color: #fff;font-size: 16px;font-weight: 400;transition: all .3s;}

header:hover,header.active{background-color: #fff;border-bottom: 1px solid #E6E6E6;}
header:hover .layout .logo img:nth-of-type(1),header.active .layout .logo img:nth-of-type(1){opacity: 0;}
header:hover .layout .logo img:nth-of-type(2),header.active .layout .logo img:nth-of-type(2){opacity: 1;}
header:hover .layout ul li a,header.active .layout ul li a{color: #333;}
header:hover .lag{color:#333;}
header.active .lag{color:#333;}
header:hover .layout ul li::before,header.active .layout ul li::before{background-color: #0552D9;}
header:hover .layout ul li.active a,header.active .layout ul li.active a{color: #0552D9;}
header:hover .layout .search form,header.active .layout .search form{border-color: rgba(20,20,20,0.1);}
header:hover .layout .search button,header.active .layout .search button{background-image: url(../img/search.png);}
header:hover .layout .search input::-webkit-input-placeholder,header.active .layout .search input::-webkit-input-placeholder{color:#333;}

.xl{position: fixed;top:85px;width: 100%;left:0;z-index: 20;display: none;box-shadow: 0 0 10px #c2c2c5;}
.xl .tab{background: #F7F9FA;display: flex;}
.xl .tab .layout{display:flex; }
.xl .tab a{font-size: 14px;font-weight: 400;color: #A5A5A5 !important;display: block;height: 44px;line-height: 44px;margin-right: 60px;position: relative;transition: all .3s;width:130px;text-align:center; }
.xl .tab a::before{content: '';display: block;width: 0;height: 2px;background: #0552D9;position: absolute;left:0;bottom:0;transition: all .3s;}

.xl .tab a:hover,.xl .tab a.active{color: #0552D9 !important;}
.xl .tab a:hover::before,.xl .tab a.active::before{width: 100%;}

.xl .list{background-color: #fff;padding:30px 0;}
.xl .list .item{display: none;position:relative;padding-bottom:20px; }
.xl .list .item::-webkit-scrollbar {width:5px;height:5px;border-radius:2.5px}
.xl .list .item::-webkit-scrollbar-track {background:rgba(0,0,0,0.1);border-radius:2.5px}
.xl .list .item::-webkit-scrollbar-thumb {background:#3E699C;border-radius:2.5px}
.xl .list .item::-webkit-scrollbar-thumb:window-inactive {background:#3E699C;border-radius:2.5px}
.xl .list .item::-webkit-scrollbar-thumb:vertical:hover {background:#3E699C;border-radius:2.5px}
.xl .list .item.active{display: flex;flex-wrap:wrap; }
.xl .list .item a{display:block; position:relative;width:calc(100% / 3);padding-right:20px;margin-bottom:20px; }
.xl .list .item a .img{display:inline-block; }
.xl .list .item a .wz{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);width:180px;right:0;}
.xl .list .item a .wz h3{font-size: 18px;line-height: 25px; font-weight: 500;color: #000000;margin-bottom: 7px;white-space:initial;}
.xl .list .item a .wz p{font-size: 12px;font-weight: 500;color: #000000;opacity: 0.6;line-height: 15px;white-space:initial;}

/* 手机端头部 */
.js-m-3.animate {opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.floatL {float:left;}
.floatR {float:right;}
.search-bg1 {position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#f5f5f5;display:none;z-index:2000;}
.header2 {height:55px;position:fixed;background:#fff;z-index:20000;width:100%;display:none;top:0;left:0;}
.header2 .main-wrap {height:55px;padding:0 3%;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);box-sizing:border-box;width:100%;}
.header2 .logo {height:55px;overflow:hidden;}
.header2 .logo a {display:block;}
.header2 .logo img {display:block;height:16px;margin-top:20px;}
.header2 .nav-btn {width:24px;height:18px;position:relative;cursor:pointer;margin-top:18px;}
.header2 .lag{margin-top: 18px;color: #ababab;margin-right: 16px;font-size:18px; font-weight:600;}
.header2 .nav-btn .line {display:block;width:100%;height:2px;border-radius:2px;background-color:#ababab;position:absolute;}
.header2 .nav-btn .line1 {-webkit-transform-origin:left 0px 0;-ms-transform-origin:left 0px 0;transform-origin:left 0px 0;}
.header2 .nav-btn .line2 {top:8px;}
.header2 .nav-btn .line3 {bottom:0;-webkit-transform-origin:left 2px 0;-ms-transform-origin:left 2px 0;transform-origin:left 2px 0;}
.header2 .sub-menu {width:100%;padding:0 2%;display:none;position:absolute;left:0;top:60px;z-index:2;overflow-y:auto;box-sizing:border-box;}
.header2 .sub-menu ul {width:100%;overflow-y:scroll;height:calc(100vh - 55px - 1.5rem);}
.header2 .sub-menu li {border-bottom:1px solid #E8E8E8;font-size:16px;width:96%;margin:0 auto;}
.header2 .sub-menu .tit {display:block;width:100%;padding:0 3%;line-height:60px;color:#333;position:relative;box-sizing:border-box;font-size:16px;}
.header2 .sub-menu .tit i{display:block;width:10px;height:10px;background-image: url(../img/h_add.svg);position:absolute;top:50%;margin-top:-5px;right:3%;transition: all .3s linear;
    -moz-transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;}
.header2 .sub-menu .tit.on i{transform: rotate(45deg);}
.header2 .sub-menu .sec-list {line-height:40px;padding:10px 4%;display:none;}
.header2 .sub-menu .sec-list p {background:url(../img/ico_04.png) no-repeat left center;background-size:3px auto;font-size:14px;}
.header2 .sub-menu .sec-list a {padding-left:3%;color:#666;display:block;}
.header2 .nav-btn.hover .line {background:#3E699C;}

/* banner */
.index-banner{position: relative;width: 100%;}
.index-banner .swiper-slide{width: 100%;}
.index-banner .swiper-slide .img{width: 100%;}
.index-banner .swiper-slide .img img{display: block;width: 100%;}
.index-banner .swiper-slide .wz{position: absolute;left:18.75%;top:18.12%;z-index: 3;}
.index-banner .swiper-slide .wz img{margin-bottom: 30px;}
.index-banner .swiper-slide .wz h3{font-size: 24px;font-weight: 500;color: #3E699C;line-height: 30px;opacity: 0.9;margin-bottom: 24px;}
.index-banner .tab{position: absolute;bottom:58px;left:18.75%;z-index: 3;}
.index-banner .tab a{display: block; position: relative;height: 20px;line-height: 20px;margin-bottom: 10px;padding-left:40px;font-size: 14px;font-weight: 400;color: #3D6AA1;opacity:0.6}
.index-banner .tab a::before{content: '';display: block;width: 6px;height: 6px;border-radius: 50%;background-color: #DFDFDF;position: absolute;left:8px;top: 8px;transition: all .3s;}
.index-banner .tab a::after{content: '';display: block;width: 20px;height: 20px;border: 1px solid transparent; border-radius: 50%;position: absolute; left:0;top:0;transition: all .3s;}

.index-banner .tab a.active{opacity:1}
.index-banner .tab a.active::before{background-color: #3D6AA1;}
.index-banner .tab a.active::after{border-color: #3D6AA1;}

.index-banner .index-page-pagination {
    bottom: 4%;
}

.index-banner .index-page-pagination .swiper-pagination-bullet {
    margin: 0 6px;
}
.index-page-pagination .swiper-pagination-bullet {
    width: 48px;
    height: 2px;
    opacity: 1;
    position: relative;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.88);
    overflow: hidden;
    
}

.index-page-pagination .swiper-pagination-bullet::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #0552d9;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    -webkit-box-shadow: 0 0 2px #000;
            box-shadow: 0 0 2px #000;
}

.index-page-pagination .swiper-pagination-bullet-active::after {
    opacity: 1;
    -webkit-animation: indicator-loading 5s linear forwards;
            animation: indicator-loading 5s linear forwards;
}
@-webkit-keyframes indicator-loading {
    0% {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}

@keyframes indicator-loading {
    0% {
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
    }
    100% {
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}


.index-page01{padding: 72px 0;}
.index-page01 .list{margin-top: 30px;flex-wrap: wrap;}
.index-page01 .list .item{display: block;width: calc(50% - 9px);position: relative;margin-bottom: 18px;}
.index-page01 .list .item::before{content: '';display: block;width: 100%;height: 100%;backdrop-filter: blur(5px);position: absolute;left:0;top:0;z-index: 3;display:none; }
.index-page01 .list .item img{display: block;width: 100%;}
.index-page01 .list .item img:nth-of-type(1){position: relative;z-index: 2;}
.index-page01 .list .item img:nth-of-type(2){width: auto; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 4;}
.index-page01 .list .item .wz{position:absolute;left:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 26px;height:50px;background-color:rgba(138, 139, 140, 0.2)}
.index-page01 .list .item .wz p{font-size:24px;color:#ffffff;font-weight:bold;}
.index-page01 .list .item .wz span{color:#ffffff;font-size:20px;}

.index-page02{display: flex;justify-content: space-between;}
.index-page02 .item-l{display: block; width: 47.5%;position: relative;}
.index-page02 .item-l .img{width: 100%;overflow: hidden;}
.index-page02 .item-l .img img{display: block;width: 100%;transition: all .3s;}
.index-page02 .item-l .wz{margin-top: 18px;}
.index-page02 .item-l .wz h3{font-size: 16px;font-weight: 400;color: #999999;}
.index-page02 .item-l .wz p{margin-top: 27px;font-size: 16px;font-weight: 400;color: #333333;}
.index-page02 .item-r{width: 41.2%;}
.index-page02 .item-r .tt{position: relative;font-size: 16px;font-weight: 400;color: #0552D9;padding-bottom: 21px;text-align: right;}
.index-page02 .item-r .tt::after{content: '';display: block;width: 40px;height: 3px;background-color: #0552D9;position: absolute;right:0;bottom: 0;}
.index-page02 .item-r .ms{margin-top: 20px;margin-bottom:20px; font-size: 16px;font-weight: 400;color: #333333;line-height: 28px;}
.index-page02 .item-r .more-btn{display: block;float: right; width: 129px;height: 42px;border:1px solid #0552D9;text-align: center;line-height: 42px;color: #fff;font-size: 16px;font-weight: 400;color: #0552D9;transition:all .3s}
.index-page02 .item-r .more-btn:hover{background-color:#0552D9;color:#ffffff;}

.index-page02 .item-l:hover .img img{transform: scale(1.03);}

.index-page03{margin-top: 60px;margin-bottom: 70px;}
.index-page03 .list{display: flex;flex-wrap: wrap;}
.index-page03 .hidden{display:none; }
.index-page03 .item{display: block;width: calc(25% - 30px);margin-right: 40px;margin-bottom: 40px;}
.index-page03 .item:nth-child(4n){margin-right: 0;}
.index-page03 .item .img{width: 100%;overflow: hidden;}
.index-page03 .item .img img{display: block;width: 100%;transition: all .3s;}
.index-page03 .item .wz{margin-top: 20px;}
.index-page03 .item .wz h3{font-size: 16px;font-weight: 400;color: #999999;}
.index-page03 .item .wz p{margin-top: 25px;font-size: 16px;font-weight: 400;color: #333333;}
.index-page03 .more-btn{display: block;width: 354px;height: 50px;line-height: 50px;font-size:16px;  border:1px solid #0552D9;text-align: center;color: #0552D9;margin:60px auto 0;transition:all .3s}
.index-page03 .more-btn:hover{background-color:#0552D9;color:#ffffff;}

.index-page03 .list.active{height:auto; }

.index-page03 .item:hover .img img{transform: scale(1.03);}


footer{border-top: 3px solid #165590;width: 100%;background-color: #2D2D2D;}
footer .col-t{display: flex;justify-content: space-between;padding-top: 70px;padding-bottom: 40px;}
footer .col-t .f-contact{}
footer .col-t .f-contact h3{font-size: 20px;font-weight: 400;color: #FFFFFF;}
footer .col-t .f-contact p{font-size: 16px;font-weight: 400;color: #FFFFFF;opacity: 0.3;margin-top: 18px;}
footer .col-t .f-contact .tel{display: flex;align-items: center;margin-top: 40px;font-size: 24px;font-weight: normal;color: #FFFFFF;font-family: Adobe Heiti Std;opacity: 0.5;}
footer .col-t .f-contact .tel img{margin-right: 10px;}
footer .col-t .f-nav{display: flex;justify-content: space-between;width: calc(100% - 520px);}
footer .col-t .f-nav dl{}
footer .col-t .f-nav dl dt a{display: block; color: #fff;font-size: 16px;font-weight: 400;margin-bottom: 45px;}
footer .col-t .f-nav dl dd a{display: block;font-size: 12px;font-weight: 400;color: rgba(255, 255, 255, 0.5);line-height: 24px;transition: all .3s;}
footer .col-t .f-nav dl dd a:hover{color: #fff;}
footer .col-t .f-ewm img{display: block;width: 168px;}
footer .col-b{width: 100%;background-color: #252525;}
footer .col-b .layout{display: flex;justify-content: space-between;padding:24px 0}
footer .col-b .layout p{font-size: 14px;font-weight: 400;color: rgba(255, 255, 255, 0.5);}
footer .col-b .layout p a{color: rgba(255, 255, 255, 0.5);transition: all .3s;display: inline-block;margin-right: 25px;}
footer .col-b .layout p a:hover{color: #fff;}


/*.yc{position:fixed; top:50%;transform:translateY(-50%);right:0;z-index:99;background: #BACFE4;border-radius: 18px 0px 0px 18px;}*/
/*.yc .item{width:93px;padding:20px 0;border-bottom:1px solid #FFFFFF;cursor:pointer;position:relative;}*/
/*.yc .item .ico{width:53px;margin:0 auto;}*/
/*.yc .item p.wz{text-align:center;font-size:14px;color:#fff;margin-top:10px;}*/
/*.yc .item p.tel{height:60px;font-size:16px;line-height:60px;position:absolute;right:-220px;top:50%;transform:translateY(-50%);color:#fff;background-color:#BACFE4;transition:all .3s;width:140px;text-align:center;  }*/
/*.yc .item p.ewm{width:100px;height:100px;position:absolute;right:-220px;top:50%;transform:translateY(-50%);transition:all .3s;}*/
/*.yc .item p.ewm img{display:block;width:100%; }*/

/*.yc .item:last-of-type{border:none;}*/

/*.yc .item:nth-child(1):hover p.tel{right:93px;}*/
/*.yc .item:nth-child(2):hover p.ewm{right:93px;}*/

.ny-banner{position: relative;}
.ny-banner .img{width: 100%;}
.ny-banner .img img{display: block;width: 100%;}

.contact-page01{padding:74px 0 88px 0;}
.contact-page01 .list{margin-top: 44px;display: flex;}
.contact-page01 .list .item{border: 1px solid #E6E6E6;padding:30px 35px;width: calc(20% - 1.456%);margin-right: 1.82%;text-align: center;transition:all .3s }
.contact-page01 .list .item:hover{
box-shadow: 0 1px 20px #d1d0d0;}
.contact-page01 .list .item:nth-child(5){margin-right: 0;}
.contact-page01 .list .item .ico{margin-bottom: 30px;height:64px; }
.contact-page01 .list .item .wz h3{font-size: 18px;font-weight: 400;color: #1B1B1B;margin-bottom: 30px;}
.contact-page01 .list .item .wz p{font-size: 14px;font-weight: 400;color: #434343;line-height: 24px;height: 62px;}

.contact-page02{padding: 72px 0;}
.contact-page02 .list{margin-top: 30px;display: flex;}
.contact-page02 .list .item{width: 25%;padding:66px 24px;border: 1px solid #0552D9;border-right: none;}
.contact-page02 .list .item .ico{width: 88px;height: 88px;margin:0 auto;border: 1px solid #0552D9;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.contact-page02 .list .item .wz{text-align: center;margin-top: 24px;}
.contact-page02 .list .item .wz h3{font-size: 16px;font-weight: 400;color: #1B1B1B;position: relative;padding-bottom: 24px;}
.contact-page02 .list .item .wz h3::after{content: '';display: block;width: 44px;height: 2px;background-color: #0552D9;position: absolute;left:50%;transform: translateX(-50%);bottom:0;}
.contact-page02 .list .item .wz p{font-size: 14px;font-weight: 400;color: #434343;line-height: 24px;height: 48px;margin-top: 38px;}

.contact-page02 .list .item:nth-of-type(4){border-right: 1px solid #1E5590;}

.contact-page03{display: flex;}
.contact-page03 .item-l{width: 50%; position: relative;height:600px;}
.contact-page03 .item-l .bg{width: 100%;height:100%; background-size:cover;overflow: hidden;position: relative;z-index: 2;}
.contact-page03 .item-l .wz{position: absolute;top:78px;right:0;width: 100%;padding-right: 78px;color: #fff;z-index: 3;}
.contact-page03 .item-l .wz h3{text-align: right;font-size: 22px;font-weight: 400;}
.contact-page03 .item-l .wz ul{margin-top: 50px;}
.contact-page03 .item-l .wz ul li{width: 100%;position: relative;height: 82px;text-align: right;margin-bottom: 24px;}
.contact-page03 .item-l .wz ul li h4{font-size: 18px;font-weight: 400;margin-bottom: 14px;padding-top: 17px;}

.contact-page03 .item-l .wz ul li::before{content: '';display: block;width: 82px;height: 82px;position: absolute;right:-122px;top:0;}
.contact-page03 .item-l .wz ul li:nth-of-type(1)::before{background-image: url(../img/contact-page03-ico1.png);}
.contact-page03 .item-l .wz ul li:nth-of-type(2)::before{background-image: url(../img/contact-page03-ico2.png);}
.contact-page03 .item-l .wz ul li:nth-of-type(3)::before{background-image: url(../img/contact-page03-ico3.png);}

.contact-page03 .item-r{width: 50%;position: relative;}

.contact-page03 .item-r .bg{width: 100%;}
.contact-page03 .item-r .bg img{display: block;width: 100%;}

.contact-map {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    position: relative;
    z-index: 1;
}

.contact-map .amap-logo,
.contact-map .amap-copyright {
    display: none !important;
}

.contact-map .amap-adcombo-close {
    top: 8px;
    right: 12px;
}

.contact-map .info-title {
    color: white;
    font-size: 16px;
    background-color: #44526c;
    line-height: 32px;
    padding: 0 32px 0 16px;
    letter-spacing: 1px;
}

.contact-map .info-content {
    font: 14px Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial;
    padding: 12px;
    color: #666666;
    line-height: 1.5;
}

.contact-map .map-title {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.contact-map .map-content {
    color: #777;
    font-size: 13px;
}

@media only screen and (min-width: 961px) {
    .contact-page01 .item:hover {
        border-color: #fff;
        -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
                box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
    }
}

@media only screen and (max-width: 1440px) {
    .contact-map {
        height: 400px;
    }
}


@media only screen and (max-width: 960px) {
    .contact-page01 .item {
        width: 23.5%;
        padding: 5% 1.5% 8%;
    }
    .contact-page01 .icon {
        height: 36px;
        margin-bottom: 20px;
    }
    .contact-page01 .title {
        font-size: 12px;
        margin-bottom: 6px;
    }
    .contact-page01 .content {
        font-size: 13px;
    }
    .contact-map {
        height: 360px;
    }
}

@media only screen and (max-width: 640px) {
    .contact-map {
        height: 280px;
    }
    .contact-page01 .item {
        width: 48.5%;
        padding: 32px 12px 48px;
    }
    .contact-page01 .icon {
        height: 32px;
        margin-bottom: 24px;
    }
    .contact-page01 .title {
        margin-bottom: 4px;
    }
}

.about-page01{padding:72px 0;display: flex;justify-content: space-between;}
.about-page01 .item-l{width: 50%;}
.about-page01 .item-l .ms{margin-top: 36px;}
.about-page01 .item-l .ms p{font-size: 14px;line-height: 24px;color: #2D2D2D;opacity: 0.9;text-indent: 2em;margin-bottom: 15px;}
.about-page01 .item-r{width: 46.5%;overflow: hidden;}
.about-page01 .item-r img{display: block;width: 100%;}

.about-page02{display: flex;flex-wrap: wrap;padding-top: 20px;}
.about-page02 .item{width: calc(100% / 3 - 40px);margin-right: 60px;margin-bottom: 22px;}
.about-page02 .item:nth-of-type(3n){margin-right: 0;}
.about-page02 .item:nth-of-type(1){padding-top: 42px;}

.about-page03{padding-top: 70px;padding-bottom: 85px;}
.about-page03 .layout1{width: 1200px;margin:0 auto;padding:0 100px;position: relative;}
.about-page03 .swiper-container{margin-top: 50px;position: relative;}
.about-page03 .swiper-container .swiper-slide{box-shadow: 0px 0px 13px 0px rgba(127, 127, 127, 0.14);background-color: #fff;}
.about-page03 .swiper-container .swiper-slide img{display: block;width: 100%;}

.about-page03 .prev{width: 35px;height: 104px;cursor: pointer;background-image: url(../img/prev-ico.png);position: absolute;top:50%;transform: translateY(-50%);left:0;}
.about-page03 .next{width: 35px;height: 104px;cursor: pointer;background-image: url(../img/next-ico.png);position: absolute;top:50%;transform: translateY(-50%);right:0;}

.about-page04{width: 100%;background-image: url(../img/about-page04-bg.png);background-size: cover;padding:70px 0 84px 0;}
.about-page04 .list{display: flex;justify-content: space-between;margin-top: 74px;}

.about-page04 .ban1{position: relative;padding-left: 50px;height: 546px;width: 120px;margin:0;overflow: hidden;}
.about-page04 .ban1::before{content: '';display: block;width: 34px;height: 546px;background-image: url(../img/about-page04-ico.png);position: absolute;left:0;top:0;}
.about-page04 .ban1 .swiper-slide{font-size: 24px;font-style: italic; font-weight: normal;color: #D8D5D5;padding-top: 16px;cursor: pointer;}
.about-page04 .ban1 .swiper-slide-active{color: #fff;}

.about-page04 .ban2{height: 546px;width: 81.25%;background-color: rgba(247, 248, 249, 0.8);padding:40px 44px 27px 64px;overflow: hidden;}
.about-page04 .ban2 .swiper-slide{width: 100%;}
.about-page04 .ban2 .swiper-slide .img{width: 100%;overflow: hidden;}
.about-page04 .ban2 .swiper-slide .img img{display: block;width: 100%;}
.about-page04 .ban2 .swiper-slide .wz{margin-top: 17px;}
.about-page04 .ban2 .swiper-slide .wz h3{font-size: 24px;font-weight: 400;color: #1B1B1B;}
.about-page04 .ban2 .swiper-slide .wz p{font-size: 14px;font-weight: 400;color: #5B5B5B;line-height: 20px;height: 40px;overflow: hidden;margin-top: 16px;}

.news-page01{padding:70px 0 0;}
.news-page01 .swiper-container{margin-top: 46px;}
.news-page01 .swiper-container .swiper-slide{}
.news-page01 .swiper-container .swiper-slide .video{width: 880px;height: 577px;background-image: url(../img/video-bg.png);margin:0 auto;padding:30px 43px 98px 45px;}
.news-page01 .swiper-container .swiper-slide .video video{object-fit: fill;width: 100%;height: 100%;border-radius: 8px;}
.news-page01 .swiper-container .swiper-slide .wz{margin-top: 76px;padding:0 80px;}
.news-page01 .swiper-container .swiper-slide .wz h3{font-size: 24px;font-weight: 400;color: #1B1B1B;}
.news-page01 .swiper-container .swiper-slide .wz .ms{margin-top: 24px;font-size: 16px;font-weight: 400;color: #434343;line-height: 25px;height: 100px;overflow: hidden;}

.news-page01 .swiper-container .prev{cursor: pointer;width: 14px;height: 24px;background-image: url(../img/prev-ico1.png);position: absolute;left:0;top:248px;z-index: 3;}
.news-page01 .swiper-container .next{cursor: pointer;width: 14px;height: 24px;background-image: url(../img/next-ico1.png);position: absolute;right:0;top:248px;z-index: 3;}

.news-page02{ padding:70px 0 80px;}
.news-page02 .tt{display: flex;justify-content: space-between;align-items: flex-end;}
.news-page02 .tt .tab{display: flex;}
.news-page02 .tt .tab a{display: block;padding:8px 16px;color: #6E6E6E;font-size: 14px;transition: all .3s;position: relative;}
.news-page02 .tt .tab span{display: block;width: 18px;position: relative;}
.news-page02 .tt .tab span::after{content: '';display: block;width: 1px;height: 14px;background-color: #6E6E6E;position: absolute;left:8px;top:50%;transform: translateY(-50%);}
.news-page02 .tt .tab a:hover,.news-page02 .tt .tab a.active{background-color: #0552D9;color: #fff;}

.news-page02 .list{margin-top: 65px;margin-bottom: 72px;display:none;}
.news-page02 .list .item{display: flex;justify-content: space-between; padding:46px 18px;border: 1px solid rgba(20,20,20,0.1);margin-bottom: 40px;}
.news-page02 .list .item .img{width: 29%;overflow: hidden;}
.news-page02 .list .item .img img{display: block;width: 100%;transition: all .3s;}
.news-page02 .list .item .wz{width: calc(71% - 40px);padding-top:20px;}
.news-page02 .list .item .wz h3{font-size: 28px;font-weight: 400;color: #1B1B1B;transition: all .3s;}
.news-page02 .list .item .wz .time{font-size: 14px;font-weight: 400;color: #313131;margin:36px 0;}
.news-page02 .list .item .wz p{font-size: 14px;font-weight: 400;color: #434343;line-height: 25px;}

.news-page02 .list .item:hover .img img{transform: scale(1.03);}
.news-page02 .list .item:hover .wz h3{color: #0552D9;}

.fy{display: flex;justify-content: center;}
.fy a{display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #F7F7F7;font-size: 14px;color: #666666;font-weight: 400;margin:0 6px;transition: all .3s;}
.fy a.active,.fy a:hover{background-color: #0552D9;color: #fff;border-color: transparent;}

.news-details{padding-top: 120px;padding-bottom: 140px;}
.crumbs{color: #333;font-size: 14px;padding:0 25px;}
.crumbs a{color: #333;transition: all .3s;}
.crumbs a:hover{color: #1E5590;}
.crumbs img{margin-right: 10px;}

.news-details .layout1{width: 810px;margin:0 auto;}
.news-details .layout1 .tag{display: flex;margin-top: 20px;}
.news-details .layout1 .tag p{font-size: 14px;font-weight: 300;color: #999999;background: #F2F2F2;padding:6px 8px;margin-right: 10px;}
.news-details .layout1 .tit{font-size: 38px;font-weight: bold;color: #262626;line-height: 40px;margin-top: 15px;}
.news-details .layout1 .source{margin-top: 35px;display: flex;}
.news-details .layout1 .source p{margin-right: 40px;font-size: 14px;font-weight: 300;color: #666666;opacity: 0.8;}
.news-details .layout1 .ms{margin-top: 26px;font-size: 16px;font-weight: 400;color: #404040;line-height: 24px;padding-bottom: 60px;}
.news-details .layout1 .nx{display: flex;justify-content: space-between;align-items: center;width: 570px;border-bottom: 1px solid #CCCCCC;border-top: 1px solid #CCCCCC;margin:0 auto;padding:10px 0;}
.news-details .layout1 .nx a{display: block; color: #404040;font-size: 14px;height: 14px;overflow: hidden; font-weight: 400;position: relative;}
.news-details .layout1 .nx a.prev{padding-left: 37px;max-width: calc(50% - 24px);overflow: hidden;}
.news-details .layout1 .nx a.prev::before{content: '';display: block;width: 6px;height: 10px;background-image: url(../img/prev-ico2.png);position: absolute;left:14px;top:50%;transform: translateY(-50%);}
.news-details .layout1 .nx a.next{padding-right: 37px;max-width: calc(50% - 24px);overflow: hidden;}
.news-details .layout1 .nx a.next::before{content: '';display: block;width: 7px;height: 10px;background-image: url(../img/next-ico2.png);position: absolute;right:14px;top:50%;transform: translateY(-50%);}

.news-details .layout2{padding:0 25px;margin-top: 18px;}
.news-details .layout2 .video{margin-bottom: 32px;}
.news-details .layout2 .video video{display: block;width: 100%;}
.news-details .layout2 .tit{font-size: 26px;font-weight: 500;color: #333;line-height: 32px;margin-bottom: 18px;}
.news-details .layout2 .source{display: flex;margin-bottom: 27px;}
.news-details .layout2 .source p{margin-right: 40px;font-size: 14px;font-weight: 300;color: #666666;opacity: 0.8;}

.join-page01{padding-top: 72px;}
.join-page01 .ms{display: flex;justify-content: space-between;align-items: center; margin-top: 50px;}
.join-page01 .ms .img{width: 48.5%;}
.join-page01 .ms .wz{width: 46.4%;}
.join-page01 .ms .wz h3{font-size: 32px;font-weight: bold;color: #1B1B1B;margin-bottom: 32px;}
.join-page01 .ms .wz p{font-size: 16px;font-weight: 400;color: #434343;line-height: 34px;}
.join-page01 .list{margin-top: 50px;display: flex;flex-wrap: wrap;}
.join-page01 .list .item{border: 1px solid #DCDDE0;padding:26px 45px 36px 45px;display: flex;align-items: center;justify-content: space-between;width: calc(100% / 3 - 32px);margin-right: 48px;margin-bottom: 40px;}
.join-page01 .list .item .img{width: 58px;}
.join-page01 .list .item .wz{width: calc(100% - 58px - 33px);}
.join-page01 .list .item .wz h3{position: relative;height: 53px;line-height: 53px;font-size: 24px;font-weight: 400;color: #1B1B1B;margin-bottom: 7px;}
.join-page01 .list .item .wz h3::before{content: '';display: block;width: 84px;height: 53px;position: absolute;left:0;top:0;z-index: -1;}
.join-page01 .list .item .wz p{font-size: 16px;line-height: 28px;color: #434343;font-weight: 400;}
.join-page01 .list .item:nth-of-type(3n){margin-right: 0;}

.join-page01 .list .item:nth-of-type(1) .wz h3::before{background-image: url(../img/join-01.png);background-repeat: no-repeat;}
.join-page01 .list .item:nth-of-type(2) .wz h3::before{background-image: url(../img/join-02.png);background-repeat: no-repeat;}
.join-page01 .list .item:nth-of-type(3) .wz h3::before{background-image: url(../img/join-03.png);background-repeat: no-repeat;}
.join-page01 .list .item:nth-of-type(4) .wz h3::before{background-image: url(../img/join-04.png);background-repeat: no-repeat;}
.join-page01 .list .item:nth-of-type(5) .wz h3::before{background-image: url(../img/join-05.png);background-repeat: no-repeat;}

.join-page01 .join-contact{padding:158px 0;display: flex;justify-content: space-between;align-items: center;}
.join-page01 .join-contact .item-l{width: 62%;}
.join-page01 .join-contact .item-l h3{font-size: 42px;font-weight: 400;color: #1B1B1B;line-height: 52px;margin-bottom: 36px;}
.join-page01 .join-contact .item-l p{font-size: 18px;font-weight: 400;color: #434343;line-height: 28px;opacity: 0.7;}
.join-page01 .join-contact a.more-btn{display: block; width: 210px;height: 50px;border:1px solid #0552D9;color: #0552D9;text-align: center;line-height: 50px;transition:all .3s}
.join-page01 .join-contact a.more-btn:hover{color:#ffffff;background-color:#0552D9}

.tc{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;display:none;}
.tc form{background-color:#ffffff;position:relative;width:1050px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow: 0 0 10px #c2c2c5;}
.tc form .top{display:flex;justify-content:space-between;align-items:center;width:100%; height:54px;background-color:#0552D9;padding:0 25px;}
.tc form .top h3{color:#ffffff;font-size:24px;display:flex;align-items:center;}
.tc form .top h3 i{display:block;width:27px;height:23px;background-image:url(../img/join-tc1.png);background-size:100% 100%;margin-right:10px;}
.tc form .top .close{display:block;width:18px;height:18px;background-image:url(../img/join-tc2.png);background-size:100% 100%;}
.tc form .bottom{padding:32px;}
.tc form .bottom ul{display:flex;flex-wrap:wrap;}
.tc form .bottom ul li{width:calc(50% - 33px);margin-right:66px;margin-bottom:52px;}
.tc form .bottom ul li:nth-of-type(2n){margin-right:0;}
.tc form .bottom ul li input{height:56px;width:100%;border:1px solid #EFEFEF;padding:0 25px;color:#D4D4D4;font-size:20px;}
.tc form button{display:block; width:450px;height:56px;margin:0 auto;text-align:center;font-size: 24px;cursor:pointer;border:1px solid #0552D9;color:#0552D9;background-color:transparent;transition: all .3s}
.tc form button:hover{background-color:#0552D9;color:#ffffff;}

.service-page01{padding:70px 0;display:none;}
.service-page01 .tt{display: flex;justify-content: space-between;align-items: flex-end;}
.service-page01 .tt .tab{display: flex;}
.service-page01 .tt .tab a{display: block;padding:8px 16px;color: #6E6E6E;font-size: 14px;transition: all .3s;position: relative;}
.service-page01 .tt .tab span{display: block;width: 18px;position: relative;}
.service-page01 .tt .tab span::after{content: '';display: block;width: 1px;height: 14px;background-color: #6E6E6E;position: absolute;left:8px;top:50%;transform: translateY(-50%);}
.service-page01 .tt .tab a:hover,.service-page01 .tt .tab a.active{background-color: #1E5590;color: #fff;}

.service-page01 .list{margin-top: 33px;}
.service-page01 .list .item{display: flex;justify-content: space-between; width: 100%;height: 382px;margin-bottom: 30px;flex-wrap:wrap; }
.service-page01 .list .item .video{display: flex; width: calc(50% - 15px);position: relative;background-color:#F7F7F7;}
.service-page01 .list .item .video video{object-fit: cover;width: 382px;height: 382px;}
.service-page01 .list .item .video .wz{position: relative;padding:27px 30px;}
.service-page01 .list .item .video .wz::before{content: '';display: block;width: 10px;height: 22px;background-image: url(../img/sj-ico.png);position: absolute;left:-10px;}
.service-page01 .list .item .video .wz .tag{font-size: 14px;font-weight: 400;color: #434343;margin-bottom: 20px;}
.service-page01 .list .item .video .wz h3{font-size: 16px;font-weight: 600;color: #1B1B1B;line-height: 25px;}
.service-page01 .list .item .video .wz .time{font-weight: 400;color: #434343;position: absolute;left:30px;bottom:30px;}

.service-page01 .list .item .instructions{display: block; width: calc(50% - 15px);position: relative;}
.service-page01 .list .item .instructions a{display: flex;background-color:#F7F7F7;margin-bottom: 31px;}
.service-page01 .list .item .instructions a:nth-of-type(2){margin-bottom: 0;}
.service-page01 .list .item .instructions a .img{width: 175px;overflow: hidden;}
.service-page01 .list .item .instructions a .img img{display: block;width: 100%;}
.service-page01 .list .item .instructions a .wz{position: relative; width: calc(100% - 175px);padding:27px 30px;}
.service-page01 .list .item .instructions a .wz::before{content: '';display: block;width: 10px;height: 22px;background-image: url(../img/sj-ico.png);position: absolute;left:-10px;}
.service-page01 .list .item .instructions a .wz .tag{font-size: 14px;font-weight: 400;color: #434343;margin-bottom: 20px;}
.service-page01 .list .item .instructions a .wz h3{font-size: 16px;font-weight: 600;color: #1B1B1B;line-height: 25px;}
.service-page01 .list .item .instructions a .wz .time{font-weight: 400;color: #434343;position: absolute;left:30px;bottom:30px;}

.service-page01 .list .item:nth-of-type(2n){flex-direction: row-reverse;}
/*.service-page01a .list .item:nth-of-type(2n){flex-direction: row;}*/
/*.service-page01a .list .item{flex-wrap:wrap; }*/
/*.service-page01a .list .item{height:auto}*/
/*.service-page01a .list .item .instructions{width:100%; display:flex;flex-wrap:wrap; }*/
/*.service-page01a .list .item .instructions a{width: calc(50% - 15px);margin-right:30px;}*/
/*.service-page01a .list .item .instructions a:nth-of-type(2n){margin-right:0;}*/

.products-list{padding:72px 0;}
.products-list .item{display: block;position: relative;margin-bottom: 33px;transition:all .3s}
.products-list .item .img{width: 100%;overflow: hidden;}
.products-list .item .img img{display: block;width: 100%;}
.products-list .item .wz{position: absolute;z-index: 3;left:126px;top:105px;}
.products-list .item .wz h3{font-size: 32px;font-weight: 400;color: #333333;line-height: 40px;margin-bottom: 40px;height: 80px;overflow: hidden;}
.products-list .item .wz .ms{font-size: 14px;font-weight: 400;color: #2D2D2D;line-height: 28px;margin-bottom: 50px;height:140px;overflow: hidden;}
.products-list .item .wz .more-btn{width: 155px;height: 36px;font-size:16px; border:1px solid #0552D9;color: #0552D9;text-align: center;line-height: 36px;transition:all .3s}

.products-list .item:hover{box-shadow: 0 0 10px #c2c2c5;}
.products-list .item:hover .more-btn{background-color:#0552D9;color:#ffffff;}

.products-details{padding-top: 120px;padding-bottom: 140px;}
.products-details .tit{font-size: 26px;font-weight: 500;color: #1A1A1A;padding:0 25px 4px 25px; border-bottom: 1px solid rgba(20, 20, 20, 0.1);line-height: 40px;margin-bottom: 8px;}
.products-details .xx{margin: 60px 0; display: flex;align-items: center;justify-content: space-between;}
.products-details .xx .item-l{width: 462px;height: 360px;display: flex;justify-content: space-between;}
.products-details .xx .item-l .ban1{width: 82px;overflow: hidden;}
.products-details .xx .item-l .ban1 .swiper-slide{position: relative;border: 1px solid #B3B3B3;cursor: pointer;}
.products-details .xx .item-l .ban1 .swiper-slide img{display: block;max-width: calc(100% - 20px);max-height:  calc(100% - 20px); position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

.products-details .xx .item-l .ban1 .swiper-slide-active{border-color: #0552D9;}

.products-details .xx .item-l .ban2{width: 360px;overflow: hidden;background-color: #F7F7F7;}
.products-details .xx .item-l .ban2 .swiper-slide{position: relative;}
.products-details .xx .item-l .ban2 .swiper-slide img{display: block;max-width: calc(100% - 20px);max-height:  calc(100% - 20px); position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

.products-details .xx .item-r{width: calc(100% - 462px - 88px);}
.products-details .xx .item-r h3{font-size: 38px;font-weight: 500;color: #1A1A1A;margin-bottom: 8px;}
.products-details .xx .item-r h4{font-size: 24px;font-weight: 400;color: #1A1A1A;opacity: 0.8;margin-bottom: 34px;}
.products-details .xx .item-r .ms{font-size: 20px;font-weight: 400;color: #333333;line-height: 30px;}

.products-details .details{}
.products-details .details .item-l{width: 200px;float: left;position: sticky;top:100px;}
.products-details .details .item-l h3{width: 200px;height: 52px;background: #4787F0;font-size: 18px;font-weight: 400;color: #FFFFFF;text-align: center;line-height: 52px;margin-bottom: 12px;}
.products-details .details .item-l .item{display: block; width: 100%;margin-bottom: 50px;}
.products-details .details .item-l .item .img{width: 200px;height: 200px;position: relative;background: #F7F7F7;}
.products-details .details .item-l .item .img img{display: block;max-width: calc(100% - 20px);max-height:  calc(100% - 20px); position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.products-details .details .item-l .item p{margin-top: 10px;font-size: 18px;font-weight: 400;color: #1A1A1A;opacity: 0.8;line-height: 25px;}
.products-details .details .item-r{width: 960px;float: right;}
.products-details .details .item-r .tab{width: 100%;height: 52px;background-color: #0552D9;display: flex;}
.products-details .details .item-r .tab a{display: block;font-size: 18px;font-weight: 400;color: rgba(255, 255, 255, 0.8);height: 52px;line-height: 52px;position: relative;padding:0 54px;transition: all .3s;}
.products-details .details .item-r .tab a::before{content: '';display: block;width: 0;height: 4px;background-color: rgba(71,135,240,1);position: absolute;left:0;bottom:0;transition: all .3s;}

.products-details .details .item-r .tab a.active,.products-details .details .item-r .tab a:hover{color: rgba(255, 255, 255, 1);}
.products-details .details .item-r .tab a.active::before,.products-details .details .item-r .tab a:hover::before{width: 100%;}

.products-details .details .item-r .item{display: none;padding-top: 12px;}
.products-details .details .item-r .item.active{display: block;}
.products-details .details .item-r .ms{}
.products-details .details .item-r .ms .tt{display: flex;align-items: center;justify-content: space-between;height: 40px;background: #0552D9;color: #fff;padding:0 24px;margin: 12px 0;}
.products-details .details .item-r .ms .tt h3{font-size: 20px;font-weight: 500;}
.products-details .details .item-r .ms .tt p{font-size: 16px;font-weight: 400;}
.products-details .details .item-r .ms .img{text-align:center;}
.products-details .details .item-r .ms .cc{text-align:center;}

.products-details .details .item-r .item video{display: block;width: 100%;}

/* 视频弹窗 */
.c-modal {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden;outline:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden;}
.c-modal.on {opacity:1;visibility:visible;}
.c-modal-backdrop {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;}
.c-modal-backdrop.on {opacity:.5;}
.c-modal-dialog {width:auto;max-width:94%;max-height:94%;position:relative;z-index:2;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);border-radius:5px;outline:0;margin:0 auto;opacity:0;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8);-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,-webkit-transform .3s;-o-transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;overflow:hidden;}
.c-modal-dialog.on {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.c-modal-dialog .content {display:none;}
.c-modal-dialog .video {width:768px;height:432px;}
.c-modal-dialog .video iframe {width:100%;height:100%;}
.c-modal-dialog .video video,.c-modal-dialog .video .video-js {width:100%;height:100%;}
.c-modal-dialog .form {background:#fff;width:500px;max-width:100%;padding:32px 6%;}
.c-modal-dialog .imgshow {background-color:#fff;}
.c-modal-dialog .imgshow .img {max-width:100%;}
.c-modal-dialog .imgshow .move {max-height:94vh;overflow-y:scroll;}
.c-modal-dialog .imgshow .move::-webkit-scrollbar {width:17px;height:17px;background-color:rgba(255,255,255,0.8);}
.c-modal-dialog .img {display:block;margin:0 auto;}
.c-modal-dialog .img>img {max-width:94vw;max-height:94vh;}
.c-modal-off {width:20px;height:20px;color:#fff;position:absolute;z-index:3;right:20px;top:20px;cursor:pointer;-webkit-transition:-webkit-transform .4s ease-out;transition:-webkit-transform .4s ease-out;-o-transition:transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out;}
.c-modal-off::after,.c-modal-off::before {content:'';width:100%;height:2px;background:#ddd;position:absolute;left:0;top:9px;}
.c-modal-off::after {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.c-modal-off::before {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.c-modal-off:hover {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.vjs-button>.vjs-icon-placeholder:before{display: contents;}


.search1{padding-top:120px;width:1200px;margin:0 auto; }
.search1 .ss {display:table;margin:0 auto;width:83%;line-height:48px;border:1px solid #ECECEC;padding-left:10px;border-radius:6px;position:relative;}
.search1 .ss input {line-height:48px;width:calc(100% - 40px);background-color:transparent;border:none;outline: none;}
.search1 .ss input::-webkit-input-placeholder {color:#fff;}
.search1 .ss input::-moz-placeholder {color:#fff;}
.search1 .ss input:-ms-input-placeholder {color:#fff;}
.search1 .ss input::placeholder {color:#fff;}
.search1 .ss .iconfont {cursor:pointer; display:block;width:40px;height:48px;position:absolute;top:0;right:0;border:none;background:none;outline:none;}
.search1 .s_btn {text-align:center;color:#fff;margin-top:50px;}

.page-aside {
    position: fixed;
    right: 0;
    top:50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 88px;
    display: none;
    background: #0552D9;
    /*border-radius: 18px 0px 0px 18px;*/
}

.page-aside.show {
    display: block;
}

.page-aside .item {
    width:88px;
    height:88px;
    border-bottom:1px solid #FFFFFF;
    cursor:pointer;
    display: block;
    background-color: #0552D9;
    cursor: pointer;
    position: relative;
    margin-left: auto;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.page-aside .item::before {
    content: '';
    display: block;
    width: 87px;
    height: 87px;
    background: #0552D9 no-repeat center;
    background-size:46px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.page-aside .item.tel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 220px;
}

.page-aside .item.tel::before {
    background-image: url(../img/aphone.png);
}

.page-aside .item.tel .content {
    color: #fff;
    font-size: 20px;
    font-family: bebas;
    letter-spacing: 0;
}

.page-aside .item.ewm::before {
    background-image: url(../img/yc-ico2.png);
}

.page-aside .item.ewm .content {
    position: absolute;
    z-index: 1;
    left: -119px;
    top: 50%;
    width: 112px;
    margin-top: -56px;
    background: #fff;
    border: 1px #ddd solid;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s, visibility .3s;
    -o-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
}

.page-aside .item.ewm .content::after, .page-aside .item.ewm .content::before {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    z-index: 1;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-left: 8px solid #ccc;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.page-aside .item.ewm .content::after {
    right: -7px;
    z-index: 2;
    border-left-color: #fff;
}
.page-aside .item.top{
    /*border-bottom-left-radius:  9px;*/
    overflow: hidden;
    border: none;
}
.page-aside .item.top p.wz{
    text-align: center;
    color: #fff;
    width: 100%;
    font-size:14px;
}
.page-aside .item.top::before {
    width: 40px;
    height:40px;
    margin:10px auto;
    background-image: url(../img/yc-ico3.png);
    background-size: 40px;
}

.page-aside .item.contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 360px;
    /*border-top-left-radius: 9px;*/
    overflow: hidden;
}

.page-aside .item.contact::before {
    background-image: url(../img/yc-ico1.png);
}

.page-aside .item.contact .content {
    color: #fff;
    font-size: 20px;
    font-family:"bebas";
    letter-spacing: 0;
}

.page-aside .img {
    width: 100%;
}

@media only screen and (min-width: 961px) {
    .page-footer .item-l .link:hover {
        text-decoration: underline;
    }
    .page-footer .friendship .link:hover {
        text-decoration: underline;
    }
    .social-contact-item.hasimg:hover .social-contact-img {
        opacity: 1;
        visibility: visible;
    }
    .page-aside .item:hover.other::before {
        -webkit-transform: translateX(-6px);
            -ms-transform: translateX(-6px);
                transform: translateX(-6px);
    }
    .page-aside .item:hover.ewm .content {
        opacity: 1;
        visibility: visible;
    }
    .page-aside .item:hover.tel {
        -webkit-transform: translateX(-130px);
            -ms-transform: translateX(-130px);
                transform: translateX(-130px);
    }
    .page-aside .item:hover.contact {
        -webkit-transform: translateX(-170px);
            -ms-transform: translateX(-170px);
                transform: translateX(-170px);
    }
}

@media only screen and (max-width: 960px) {
    .page-footer .content {
        display: none;
    }
    .page-footer .copyright {
        border: none;
        text-align: center;
    }
    .page-footer .copyright .c-flex {
        display: block;
    }
    .page-footer .copyright .record {
        margin-top: 2px;
    }
    .page-footer .friendship {
        display: none;
    }
    .page-aside.show{
        display: none;
    }
    .page-aside {
        width: 40px;
        
    }
    .page-aside .item {
        width: 40px;
        height: 40px;
    }
    .page-aside .item::before {
        width: 40px;
        height: 40px;
        background-size: 20px;
    }
    .page-aside .item.tel {
        width: 140px;
    }
    .page-aside .item.tel .content {
        font-size: 16px;
    }
    .page-aside .item.tel.active {
        -webkit-transform: translateX(-100px);
            -ms-transform: translateX(-100px);
                transform: translateX(-100px);
    }
    .page-aside .item.contact {
        width: 150px;
    }
    .page-aside .item.contact .content {
        font-size: 16px;
    }
    .page-aside .item.contact.active {
        -webkit-transform: translateX(-110px);
            -ms-transform: translateX(-110px);
                transform: translateX(-110px);
    }
    .page-aside .item.ewm.active .content {
        opacity: 1;
        visibility: visible;
    }
}

/* 适配 */
@media (max-width:1200px) {
	.layout{width: 98%;}
	.index-banner .swiper-slide .wz{left:1%;}
	.index-banner .tab{left:1%;}
	.about-page03 .layout1{width: 98%;}
}
@media (max-width:1024px) {
	.c-modal-dialog {width:94%;}
	.c-modal-dialog .video {width:100%;height:auto;padding-bottom:56.25%;position:relative;}
	.c-modal-dialog .video-js {position:absolute;}
	.c-modal-dialog .search {margin:0 auto;}
	.c-modal-dialog .search .input {height:54px;line-height:54px;}
	.c-modal-dialog .search .submit {width:54px;height:54px;background-size:24px;}
	
	header{display: none;}
	.header2{display: block;}
	.ny-banner{margin-top: 55px;}
	
	.index-banner{margin-top: 55px;}
	.index-banner .swiper-slide .wz{display: none;}
	.index-banner .tab{bottom:10px;}
	.index-banner .tab a{padding-left: 0;font-size: 12px;}
	.index-banner .tab a::before,.index-banner .tab a::after{display: none;}
	
	.layout{width: 92%;}
	.index-page01{padding:36px 0;}
	
	.tit img{height: 40px;}
	
	.index-page01 .list .item{width: 100%;margin-bottom: 10px;}
	
	.index-page02{display: block;padding-bottom: 20px;}
	.index-page02 .item-l{width: 100%;margin-bottom: 20px;display:none; }
	.index-page02 .item-l .wz p{margin-top: 10px;}
	.index-page02 .item-r{width: 100%;}
	.index-page02 .item-r .ms{font-size: 12px;line-height: 20px;margin-top: 20px;}
	.index-page02 .item-r .more-btn{margin-top: 20px;}
	
	.index-page03 .item{width: 48%;margin-right: 4%;margin-bottom: 20px;}
	.index-page03 .item:nth-of-type(4n){margin-right: 4%;}
	.index-page03 .item:nth-child(2n){margin-right: 0;}
	.index-page03 .item .wz h3{font-size: 12px;}
	.index-page03 .item .wz p{margin-top: 10px;font-size: 12px;}
	
	.index-page03 .more-btn{width: 60%;margin-top: 20px;}
	
	footer .col-t{display: none;}
	footer .col-b .f-logo{display: none;}
	
	footer .col-b .layout p{line-height: 20px;text-align: center;}
	footer .col-b .layout p a{display: none;}
	
	.about-page01{padding:36px 0;display: block;}
	.about-page01 .item-l{width: 100%;}
	.about-page01 .item-r{width: 100%;}
	.about-page01 .item-l .ms{height: 240px;overflow-y: auto;margin-bottom: 20px;}
	
	.about-page02{display: block;}
	.about-page02 .item{width: 100%;}
	.about-page02 .item:nth-of-type(1){padding-top: 0;}
	
	.about-page03{padding:30px 0;}
	.about-page03 .layout1{padding:0 40px;}
	.about-page03 .swiper-container{margin-top: 20px;}
	
	.about-page04{padding:30px 0;}
	.about-page04 .list{margin-top: 20px;}
	.about-page04 .ban1{display: none;}
	.about-page04 .ban2{width: 100%;height: auto;padding:10px;}
	
	.about-page04 .ban2 .swiper-slide .wz h3{font-size: 16px;}
	.about-page04 .ban2 .swiper-slide .wz p{font-size: 12px;}
	
	.contact-page01{padding:30px 0;}
	
	.contact-page01 .list{flex-wrap:wrap; margin-top: 20px;}
	.contact-page01 .list .item{width: 48%; display: inline-block;font-size: 12px;padding:20px;margin-bottom:20px;margin-right:4%; }
	.contact-page01 .list .item .wz p{white-space: initial;height: 48px;overflow: hidden;}
	.contact-page01 .list .item .ico{margin-bottom: 10px;}
	.contact-page01 .list .item .ico img{height: 30px;}
	.contact-page01 .list .item .wz h3{margin-bottom: 10px;}
	.contact-page01 .list .item:nth-child(2n){margin-right:0; }
	
	.contact-page02{padding: 30px 0;}
	.contact-page02 .list{flex-wrap:wrap;margin-top: 20px;}
	.contact-page02 .list .item{width: 48%; display: inline-block;font-size: 12px;padding:20px;margin-bottom:20px;margin-right:4%;border-right: 1px solid #1E5590; }
	
	.contact-page02 .list .item .ico{height: 50px;width: 50px;}
	.contact-page02 .list .item .ico img{width: 20px;}
	.contact-page02 .list .item .wz p{white-space: initial;height: 48px;overflow: hidden;}
	.contact-page02 .list .item:nth-child(2n){margin-right:0; }
	
	.contact-page03 .item-l{width: 100%;}
	.contact-page03 .item-r{display: none;}
	
	.contact-page03 .item-l .wz ul li::before{display: none;}
	
	.contact-page03 .item-l .wz{width: 100%;padding-right: 0;position: relative;color: #333;left:0;padding:0 4%;top:0;margin-top: 20px;}
	.contact-page03 .item-l .wz h3{text-align: center;font-size: 16px;line-height: 30px;}
	.contact-page03 .item-l .wz ul{margin-top: 20px;}
	.contact-page03 .item-l .wz ul li{text-align: center;}
	
	.join-page01{padding-top: 30px;}
	.join-page01 .ms{margin-top: 20px;display: block;}
	.join-page01 .ms .img{width: 100%;}
	.join-page01 .ms .wz{width: 100%;margin-top: 20px;}
	.join-page01 .ms .wz h3{font-size: 16px;margin-bottom: 20px;}
	.join-page01 .ms .wz p{font-size: 12px;line-height: 20px;}
	
	.join-page01 .list{margin-top: 20px;display: block; white-space: nowrap;overflow-x: scroll;overflow-y: hidden;}
	.join-page01 .list .item{display: inline-block;width: 80%;padding:20px;margin-right: 20px !important;margin-bottom: 0;}
	
	.join-page01 .list .item .img{width: auto;height: 40px; margin:0 auto 30px;text-align: center;}
	.join-page01 .list .item .wz{text-align: center;width: 100%;}
	.join-page01 .list .item .wz h3::before{left:50%;transform: translateX(-50%);}
	.join-page01 .list .item .wz p{white-space: initial;height: 56px;overflow: hidden;}
	
	.join-page01 .join-contact{padding:30px 0;display: block;}
	.join-page01 .join-contact .item-l{width: 100%;margin-bottom: 20px;}
	
	.join-page01 .join-contact .item-l h3{font-size: 18px;line-height: 30px;margin-bottom: 10px;}
	.join-page01 .join-contact .item-l p{font-size: 12px;}
	.join-page01 .join-contact a.more-btn{margin:0 auto;}
	
	.news-details{padding:70px 0 40px;}
	
	.news-details .layout1{width: 100%;}
	
	.news-details .layout1 .tit{font-size: 20px;line-height: 30px;}
	
	.news-page01{padding:30px 0;}
	
	.news-page01 .swiper-container{margin-top: 20px;}
	
	.news-page01 .swiper-container .swiper-slide .video{width: 100%;height: auto;background-image: none;padding:0 40px}
	
	.news-page01 .swiper-container .prev,.news-page01 .swiper-container .next{top:50px;}
	
	.news-page01 .swiper-container .swiper-slide .wz{margin-top: 20px;padding:0;}
	.news-page01 .swiper-container .swiper-slide .wz h3{font-size: 18px;}
	.news-page01 .swiper-container .swiper-slide .wz .ms{margin-top: 18px;font-size: 12px;line-height: 20px;}
	
	.news-page02 .tt{display: block;}
	.news-page02 .tt .tab{margin-top: 20px;flex-wrap:wrap; }
	.news-page02 .tt .tab a{font-size: 12px;}
	
	.news-page02 .list{margin:20px 0;}
	
	.news-page02 .list .item{padding:20px 9px;display: block;margin-bottom: 20px;}
	.news-page02 .list .item .img{width: 100%;}
	.news-page02 .list .item .wz{width: 100%;}
	.news-page02 .list .item .wz h3{font-size: 18px;line-height: 30px;font-weight: bold;}
	.news-page02 .list .item .wz .time{font-size: 12px;margin:10px 0;}
	
	.news-details .layout1 .nx{width: 92%;}
	
	.crumbs{padding:0;}
	.crumbs a{margin-bottom: 10px;display: inline-block;}
	
	.products-list{padding:30px 0;}
	.products-list .item{padding:20px 0;background-color:#fcfcfc;margin-bottom:10px;}
	.products-list .item .wz{left:2%;top:50%;transform:translateY(-50%);width:50%; }
	.products-list .item .wz h3{font-size: 16px;line-height: 24px;height: 48px;margin-bottom: 10px;font-weight:bold;color:#000}
	.products-list .item .wz .ms{font-size: 12px!important;line-height: 20px;height: 100px;overflow: hidden;margin-bottom:0; }
	.products-list .item .wz .ms span{font-size:12px!important;}
	.products-list .item .wz .more-btn{display: none;}
	.products-list .item:last-of-type{margin-bottom: 0;}
	
	.products-details{padding:70px 0 30px}
	
	.products-details .tit{font-size: 18px;line-height: 30px;padding:0;}
	
	.products-details .xx{display: block;margin: 20px 0;}
	
	.products-details .xx .item-l{width: 100%;display: block;position: relative;padding-bottom: 100px;height: auto;}
	.products-details .xx .item-l .ban1{width: 100%;height: 82px;position: absolute;left:0;bottom:0;}
	.products-details .xx .item-l .ban2{width: 100%;height: 200px;}
	
	.products-details .xx .item-l .ban2 .swiper-slide img{max-width: calc(100% - 40px);max-height: calc(100% - 40px);}
	
	.products-details .xx .item-r{width: 100%;margin-top: 20px;}
	.products-details .xx .item-r h3{font-size: 20px;}
	.products-details .xx .item-r h4{font-size: 16px;margin-bottom: 20px;}
	.products-details .xx .item-r .ms{font-size: 12px;line-height: 20px;}
	
	.products-details .details .item-l{display: none;}
	.products-details .details .item-r{width: 100%;}
	
	.products-details .details .item-r .tab a{font-size: 14px;padding:0 20px;}
	
	.products-details .details .item-r .ms .tt h3{font-size: 16px;}
	.products-details .details .item-r .ms .tt p{font-size: 12px;}
	
	.service-page01{padding:30px 0;}
	
	.service-page01 .tt{display: block;}
	.service-page01 .tt .tab{margin-top: 20px;}
	.service-page01 .tt .tab a{font-size: 12px;}
	
	.service-page01 .list .item{display: block;height: auto;margin-bottom: 10px;}
	.service-page01 .list .item .video{width: 100%;margin:10px 0;}
	.service-page01 .list .item .video video{width: 50%;height: 240px;}
	.service-page01 .list .item .video .wz{width: 50%;padding:10px;}
	.service-page01 .list .item .video .wz .tag{font-size: 12px;margin-bottom: 10px;}
	.service-page01 .list .item .video .wz h3{font-size: 14px;line-height: 20px;}
	
	.service-page01 .list .item .instructions{width: 100%;margin:10px 0;}
	
	.service-page01 .list .item .instructions a{margin-bottom: 10px;}
	.service-page01 .list .item .instructions a .img{width: 50%;}
	.service-page01 .list .item .instructions a .wz{width: 50%;padding:10px}
	.service-page01 .list .item .instructions a .wz h3{font-size:14px;line-height: 20px;}
	
	.service-page01a .list .item .instructions a{width:100%;margin-right:0; }
	
	.news-details .layout2{padding:0;}
	.news-details .layout2 .tit{font-size: 18px;}
	.news-details .layout2 .source p{font-size: 12px;margin-right: 10px;}
	
	.yc{display:none;}
	.search1{width:100%;}
	

	
	.news-details .layout1 .source{display:block;}
	.news-details .layout1 .source p{margin-bottom:15px;}
	
	.fy{flex-wrap:wrap;margin-top:20px;}
	.fy a{margin-bottom:10px; }
	
	.contact-page03 .item-l .bg{height:300px; }
}
@media (max-width:960px) {}
@media (max-width:768px) {}
@media (max-width:414px) {}
@media (max-width:375px) {}
@media (max-width:320px) {}