body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0;font-weight: normal}
/**html{background-image:url(about:blank);background-attachment:fixed;}*/
img{border:none;}
body,html{width: 100%}
body {color:#666;font-size:12px;line-height: 1.3; font-family:"DM Sans","Gilroy",-apple-system,"Sofia Pro","Microsoft YaHei","Helvetica","Arial",sans-serif;width:100%;background-color:#fff;overflow-x: hidden}
ul,ol,li,form, dl {list-style: none;}
p{margin:0; padding:0;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
::-webkit-scrollbar{width:4px;height:11px;border:none;background:#ff0014!important;cursor: pointer}::-webkit-scrollbar-track-piece{border:none;position:absolute;padding:0;box-shadow:none;background-color:#ff0014;border-radius:1px}::-webkit-scrollbar-thumb:vertical{background-color:#ff0014;border-radius:0;border:none}::-webkit-scrollbar-thumb:horizontal{background-color:#ff0014;border-radius:0;border:none}::-webkit-scrollbar{width:4px;cursor:pointer;height:12px}::-webkit-scrollbar-button:vertical{display:none}::-webkit-scrollbar-track:vertical{background-color:#ff0014}::-webkit-scrollbar-track-piece{background:#fff}::-webkit-scrollbar-thumb:vertical{background-color:#ff0014;border-radius:5px}::-webkit-scrollbar-thumb:vertical:hover{background-color:#ff0014}::-webkit-scrollbar-corner:vertical{background-color:#ff0014}
.text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
.box-flex{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.pull-overflow{overflow:hidden;}
.text-center .img-responsive{margin:auto;}
@media(min-width: 1501px){
    .container{min-width: 1440px;}
}
@media(min-width: 1440px) and (max-width: 1500px){
    .container{width: 1440px;}
}
@media(min-width: 1200px){
    .container{padding: 0}
}
@media(min-width: 1025px) and (max-width: 1199px){
    .container{width: 1000px;padding: 0}
}
@media(max-width: 760px){
    .container{padding: 0 5px;}
}
/* Fonts */
@font-face {
    font-family: 'iconfont';  /* project id 2461525 */
    src: url('//at.alicdn.com/t/font_2461525_70f95jmb57g.eot');
    src: url('//at.alicdn.com/t/font_2461525_70f95jmb57g.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2461525_70f95jmb57g.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2461525_70f95jmb57g.woff') format('woff'),
    url('//at.alicdn.com/t/font_2461525_70f95jmb57g.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2461525_70f95jmb57g.svg#iconfont') format('svg');
}
.Yc-icon{ font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*Header button*/
.Header-button{margin-right:2%;margin-top:5px;position:fixed; height:50px;width:30px;cursor:pointer;right: 0;top: 0;z-index: 1032}
.Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:1px;background:#000;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button:after{bottom:13px;}
.Header-button:before{top:13px;}
.Header-button span{display:block;height:1px;width:100%;background:#000;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.Header-button.active{margin-top: 5px;}
.Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
.Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
.Header-button.active span{opacity:0}
/* Footer Button */
#Footer-button{height:60px;background:#d80000;border-top:solid 1px #b60404;z-index: 9;}
#Footer-button a{border-top:solid 1px #e63939;border-right:solid 1px #e63939;height:60px;border-left:solid 1px #b60404;text-align:center;overflow:hidden}
#Footer-button a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:2.6rem;margin-top:5px;display:block}
#Footer-button a span{font-size:14px;color:#fff;}
/*header*/
#header{height: 100px;background: #fff;box-shadow: 0 5px 5px rgba(0,0,0,.2);-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2);transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.header-logo{width: 210px;height: 44px;background: url(../images/logo_1.png) no-repeat left center;background-size: contain;margin-top: 28px;overflow: hidden;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.header-logo a{display: block;width: 100%;height: 100%;text-indent: -999rem;}
.header-nav{width: calc(90% - 450px);margin: auto 5%}
.header-nav li{float: left;position:relative;line-height: 100px;text-align: center;width: 14.285%;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.header-nav li a{color: #878787;font-size: 16px;display: block;position: relative}
.header-nav li a:after{position: absolute;left: 50%;bottom: 0;width: 0px;height: 2px;background: transparent;content: "";transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%)}
.header-nav li:hover a,.header-nav li.active a{color: #454545}
.header-nav li:hover a:after,.header-nav li.active a:after{background: #ff0012;width: 100%}
.header-tel{width: 240px;margin-top: 28px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
.header-tel i{font-size: 36px;color: #b5b5b6;margin-right: 10px;}
.header-tel p{float: left;font-size: 14px;color: #878787}
.header-tel p b{display: block;font-size: 24px;color: #ff0014;font-weight: bold;line-height: 1.2}
#header.active{height: 70px;}
#header.active .header-logo{height: 34px;margin-top: 20px;}
#header.active .header-nav li{line-height: 70px;}
#header.active .header-tel{margin-top: 12px}
@media(min-width: 1025px) and (max-width: 1199px){
    .header-logo{width: 170px}
    .header-nav{width: calc(94% - 370px);margin: auto 3%}
    .header-nav li a{font-size: 14px}
    .header-tel{width: 200px}
    .header-tel p b{font-size: 18px;line-height: 1.6}
}
@media(max-width: 1024px){
    .header-tel{display: none}
    .header-nav{margin-right: 0;width: calc(95% - 210px)}
    .header-nav li a{font-size: 14px}
}
@media(max-width: 760px){
    #header.active{height: 60px;}
    #header.active .header-logo{margin-top: 14px}
}
/*Nav*/
#nav{position: fixed;top:0;right:-120%;z-index: 1031;background: #fff;width: 100%;padding: 25px 0;height: 100%;-moz-box-shadow:-3px 0px 6px rgba(0,0,0,.2); -webkit-box-shadow:-3px 0px 6px rgba(0,0,0,.2); box-shadow:-3px 0px 6px rgba(0,0,0,.2);transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;overflow-y: auto}
#nav .header-logo{background-position: center;width: 100%;margin-bottom: 30px}
#nav ul li{display: block;position: relative;border-bottom: solid 1px #f5f5f5;overflow: hidden;padding: 0 20px;}
#nav ul li>a{font-size: 16px;color: #333;line-height: 50px;display: block;}
#nav ul li>span{position: absolute;right: 20px;top: 0;width: 44px;height: 44px;color: #333;font-size: 20px;text-align: center;line-height: 44px;}
#nav ul li>span:before,#nav ul li>span:after{position: absolute;content: "";background:#888888;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%)}
#nav ul li>span:before{left: 50%;top: 50%;width: 10px;height: 1px;}
#nav ul li>span:after{left: 50%;top: 50%;width: 1px;height: 10px;}
#nav ul li:before{position: absolute;left: 5px;top: 50%;width:3px;height: 16px;background: transparent;content: "";margin-top: -8px;display: none}
.header-menu{
    position: absolute;
    left: 50%;
    top: 100px;
    background: #fff;
    width: calc(100%);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    box-shadow: 0 5px 5px rgb(0 0 0 / 20%);
    display: none;
}
.header-nav li .header-menu a{display: block;text-align: center;border-bottom: solid 1px #f9f9f9;padding:5px 12px;line-height: 36px!important;font-size: 14px;color: #333;}
.header-nav li .header-menu a:last-child{border-bottom: none}
.nav-menu{display: none;}
.nav-menu a{display: block;line-height: 40px;padding:0 20px;border-bottom: solid 1px #f5f5f5;font-size: 1.4rem;color: #333}
.nav-menu a:last-child{border-bottom: none}
.nav-menu a:hover{background: #ff0012;color: #fff}
#nav ul li.active>a{color: #ff0012;font-weight: bold}
#nav ul li.active:before{background: #ff0012}
#nav ul li>span.active:after{opacity: 0}
#nav.active{right: 0}
.header-nav li:hover .header-menu{display: block}
.header-nav li.hover .header-menu a:after, .header-nav li.active .header-menu a:after{
    width: 0px;
    height: 0px;
}
.header-nav li .header-menu a:hover{color: #fff;background: #ff0012}
#header.active .header-nav li .header-menu{top: 70px}
/*banner*/
#banner{margin-top: 100px;}
.banner-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-text p{font-size: 50px;color: #fff;font-weight: lighter;letter-spacing: 30px}
.banner-text b{font-size: 60px;color: #fff;letter-spacing: 5px;margin-top: 5px;margin-bottom: 50px}
.banner-pagination span{background: #fff;}
.banner2 p,.banner3 p,.banner4 p{
    font-size: 50px;
    font-weight: 800;
    letter-spacing: 5px;
}
.banner2 p:after{
    content: "";
    display: block;
    width: 150px;
    height: 4px;
    margin: 30px auto;
    background-color: #ff0012;
}
.banner2 span{
    color: #fff;
    font-size: 16px;
    letter-spacing: 5px;
    font-weight: 400;
    text-transform: uppercase;
}
.banner3 p{
    margin-bottom: 40px
}
.sol-list span{
    display: inline-block;
    vertical-align: top;
    background-color: rgb(255,255,255,0.17);
    border: 1px solid #fff;
    font-size: 24px;
    color: #fff;
    letter-spacing: 10px;
    padding: 15px 40px 15px 50px;
    margin: 0 10px;
}
.banner4 p{
    font-weight: 400;
}
.banner4 p strong{
    font-size: 56px;
}
#banner ul li.swiper-slide-active p,#banner ul li.swiper-slide-active b{animation:flipInX 2s;-webkit-animation:flipInX 2s;-moz-animation:flipInX 2s;-o-animation:flipInX 2s}
#banner ul li.swiper-slide-active .banner2 p{
    animation:bounceIn 2s;
    -webkit-animation:bounceIn 2s;
    -moz-animation:bounceIn 2s;
    -o-animation:bounceIn 2s
}
#banner ul li.swiper-slide-active .banner2 span{
    animation:bounceInUp 2s;
    -webkit-animation:bounceInUp 2s;
    -moz-animation:bounceInUp 2s;
    -o-animation:bounceInUp 2s
}
#banner ul li.swiper-slide-active .banner3 p{
    animation:fadeInDownBig 2s;
    -webkit-animation:fadeInDownBig 2s;
    -moz-animation:fadeInDownBig 2s;
    -o-animation:fadeInDownBig 2s
}
#banner ul li.swiper-slide-active .sol-list span{
    animation:fadeInUp 1s;
    -webkit-animation:fadeInUp 1s;
    -moz-animation:fadeInUp 1s;
    -o-animation:fadeInUp 1s
}
@media(max-width: 1024px){
    #banner{margin-top: 70px}
    .banner-text p{font-size: 30px}
    .banner-text b{font-size: 40px;}
}
@media(max-width: 992px){
    .banner-text p{font-size: 2.4rem;letter-spacing: 10px}
    .banner-text b{font-size: 2.4rem}
}
@media(max-width: 760px){
    #banner{margin-top:60px;}
    .banner-text p{font-size: 1.4rem}
    .banner-text span{font-size: 1.4rem}
    .banner-text b{font-size: 1.4rem;margin: 5px 0}
    .banner2 p:after{
        width: 50px;
        height: 2px;
        margin: 15px auto;
    }
    .banner2 span{
        letter-spacing: 0px;
    }
    .banner3 p{
        margin-bottom: 20px;
    }
    .sol-list span{font-size: 1.4rem;padding: 6px 10px;letter-spacing: 0px}
    .banner4 p{
        letter-spacing: 2px;
    }
    .banner4 p strong{font-size: 2rem}
}
/*main*/
.home-title{position: relative}
.home-title:before,.home-title:after{position:absolute;top: 50%;width: 30%;height: 1px;background: rgba(159,159,159,.8);content: ""}
.home-title:before{left: 0;}
.home-title:after{right: 0}
.home-title span{font-size: 36px;color: #222222;font-weight: bold;}
.home-subtitle{font-size: 16px;color: #7d7d7d;margin-top: 10px;}
@media(max-width: 1024px){
    .home-title span{font-size: 24px;}
    .home-title:before, .home-title:after{width: 28%}
}
@media(max-width: 992px){
    .home-title span{font-size: 2rem}
    .home-title:before,.home-title:after{width: 23%}
    .home-subtitle{font-size: 1.4rem}
}
@media(max-width: 760px){
    .home-title span{font-size: 2rem}
    .home-title:before,.home-title:after{display: none}
    .home-subtitle{font-size: 1.2rem;line-height: 1.8}
    .home-subtitle:before{display: block;width: 30px;height: 2px;background: #ff0014;content: "";margin: 10px auto}
}
/*difference*/
.home-difference{background: url(../images/backg_1.jpg) no-repeat top center;padding: 75px 0 80px}
.home-difference-box{margin-top: 55px;background: #fff;}
.home-difference-vs{width: 106px;text-align: center}
.home-difference-vs h3{height: 85px;border-bottom: solid 1px #dedede;font-size: 40px;color: #ff0014}
.home-difference-vs>div{height: 70px;border-bottom: solid 1px #dedede;position: relative;}
.home-difference-vs>div:before{position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #dedede;content: ""}
.home-difference-vs>div span{height: 36px;display: block;background: #9c9c9c;border-radius: 18px;font-size: 20px;color: #fff;width: 100%;position: relative;z-index: 2;line-height: 36px;}
.home-difference-vs>div:last-child{border-bottom: none}
.home-difference-box dl{width: calc((100% - 106px)/2)}
.home-difference-box dl p{display: block;width: 100%;overflow: hidden}
.home-difference-box dl dt{border-bottom: solid 1px #dedede;height: 85px;font-size: 24px;color: #1c1c1c;font-weight: bold}
.home-difference-box dl dd{height: 70px;border-bottom: solid 1px #dedede;font-size: 20px;color: #898989}
.home-difference-box dl dd:last-child{border-bottom: none}
.home-difference-left dt p{text-align: right;padding-right: 33%}
.home-difference-left dd p{text-align: right;padding-right: 23%}
.home-difference-left dd p i{width: 22px;height: 22px;background: #b5b5b6;border-radius: 50%;line-height: 22px;color: #fff;display: block;float: right;text-align: center;font-size: 14px}
.home-difference-left dd p span{width: calc(100% - 22px);float: left;line-height: 22px;padding-right: 8%}
.home-difference-right dt p{padding-left: 33%;color: #ff0014}
.home-difference-right dd p{padding-left: 23%}
.home-difference-right dd p i{width: 22px;height: 22px;background: #ff0014;border-radius: 50%;line-height: 22px;color: #fff;display: block;float: left;text-align: center;font-size: 14px}
.home-difference-right dd p span{width: calc(100% - 22px);float: left;line-height: 22px;padding-left: 8%}
.home-difference-right dd:nth-last-child(2) p i{margin-top: 13px}
@media(max-width: 1024px){
    .home-difference-vs>div span{font-size: 16px;}
    .home-difference-box dl dt{font-size: 20px}
    .home-difference-box dl dd{font-size: 16px;}
}
@media(max-width: 992px){
    .home-difference{padding: 50px 0}
    .home-difference-box{margin-top: 30px;}
    .home-difference-left dt p{padding-right: 25%}
    .home-difference-box dl dd{font-size: 1.4rem}
    .home-difference-left dd p{padding-right: 10%}
    .home-difference-right dt p{padding-left: 25%}
    .home-difference-right dd p{padding-left: 10%}
}
@media(max-width: 760px){
    .home-difference{padding: 30px 0}
    .home-difference-vs{width: 60px}
    .home-difference-vs h3{font-size: 3rem}
    .home-difference-vs>div span{font-size: 1.4rem}
    .home-difference-box dl{width: calc((100% - 60px)/2)}
    .home-difference-box dl dt{font-size: 1.6rem;text-align: center}
    .home-difference-box dl dd{font-size: 1.2rem}
    .home-difference-right dd p i,.home-difference-left dd p i{width: 16px;height: 16px;line-height: 16px;font-size: 1.2rem}
    .home-difference-box dl dd br{display: none}
    .home-difference-right dd p span,.home-difference-left dd p span{line-height: 16px;}
}
/*advantage*/
.home-advantage{padding: 75px 0 100px}
.home-advantage .home-title:before,.home-advantage .home-title:after{width: 33%}
.home-advantage-box{margin-top: 60px;background: #000;display: flex}
.home-advantage-left{width: 320px;background: #1c1c1c;}
.home-advantage-left ul{display: block}
.home-advantage-left ul li{height: 14.2857%;border-bottom: solid 1px rgba(222,222,222,.17);border-top: solid 1px rgba(0,0,0,.54)}
.home-advantage-left ul li:first-child{border-top: none}
.home-advantage-left ul li div{height: 100%;cursor: pointer}
.home-advantage-left ul li div a{display: block;overflow: hidden;width: 100%;padding-left: 22%;line-height: 30px;}
.home-advantage-left ul li i{font-size: 26px;color: #fff;float: left;margin-right: 30px}
.home-advantage-left ul li span{float:left;font-size: 20px;color: #fff;font-weight: bold}
.home-advantage-left ul li:hover,.home-advantage-left ul li.active,.home-advantage-left ul li.swiper-slide-thumb-active{background: #b5b5b6}
.home-advantage-right{width: calc(100% - 320px)}
.home-advantage-text{position: absolute;left: 50%;top: 50%;background: rgba(255,0,20,.7);width: 57.46%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);padding: 40px 20px 20px 30px}
.home-advantage-text:after{position: absolute;left: 12px;top: 12px;width:calc(100% - 24px);height: calc(100% - 24px);border: solid 1px rgba(255,255,255,.5);content: ""}
.home-advantage-text h3{font-size: 30px;color: #fff;color: #fff;font-weight: bold;}
.home-advantage-text h3:after{display: block;width: 60px;height: 3px;background: #fff;margin: 15px 0 20px;content: ""}
.home-advantage-text p{font-size: 24px;color: #fff;min-height: 50px;letter-spacing:6px}
@media(max-width: 1024px){
    .home-advantage-left ul li span{font-size: 16px;}
    .home-advantage-text h3{font-size: 20px;}
    .home-advantage-text p{font-size: 16px;letter-spacing: 2px}
}
@media(max-width: 992px){
    .home-advantage{padding: 50px 0 }
    .home-advantage-box{margin-top: 30px;}
    .home-advantage-left{width: 200px;}
    .home-advantage-right{width: calc(100% - 200px)}
    .home-advantage-left ul li div a{padding-left: 10%;}
    .home-advantage-left ul li i{font-size: 1.6rem;margin-right: 20px;}
    .home-advantage-left ul li span{font-size: 1.4rem}
    .home-advantage-text h3{font-size: 1.6rem}
    .home-advantage-text p{font-size: 1.4rem}
}
@media(max-width: 760px){
    .home-advantage{padding: 30px 0}
    .home-advantage-box{display: block}
    .home-advantage-left{width: 100%}
    .home-advantage-left ul{display: flex}
    .home-advantage-right{width: 100%}
    .home-advantage-left ul li{border: none;width: auto}
    .home-advantage-left ul li div a{padding:10px 20px;text-align: center;}
    .home-advantage-left ul li i{display: block;float:none;font-size: 2.4rem;line-height: 1;margin-right: 0;}
    .home-advantage-left ul li span{float: none;text-align: center;display: block;font-size: 1.4rem}
    .home-advantage-left ul li:hover,.home-advantage-left ul li.active,.home-advantage-left ul li.swiper-slide-thumb-active{background: #ff0014}
    .home-advantage-text{width: 80%;padding: 20px}
    .home-advantage-text h3{font-size: 1.4rem}
    .home-advantage-text p{font-size: 1.2rem}
}
/*mode*/
.home-mode{background: url(../images/backg_2.jpg) no-repeat top center;padding: 80px 0 100px}
.home-mode .home-title:before,.home-mode .home-title:after{width: 38%}
.home-mode-box{margin-top: 70px;}
.home-mode-left{width: calc(50% - 15px);background: rgba(255,255,255,.33);padding: 15px 0 20px}
.home-mode-right{width: calc(50% - 15px);background: rgba(255,255,255,.33);}
@media(max-width: 1024px){
    .home-mode-left{padding: 5px 0 0 }
}
@media(max-width: 992px){
    .home-mode{padding: 50px 0}
    .home-mode-box{margin-top: 30px;}
}
@media(max-width: 760px){
    .home-mode{padding: 30px 0}
    .home-mode-left{width: 100%;padding: 10px;margin-bottom: 20px;}
    .home-mode-right{width: 100%}
}
/*service*/
.home-service{padding-top: 90px;padding-bottom: 100px}
.home-service .home-title:before,.home-service .home-title:after{width: 38%}
.home-service-list{margin-top: 40px;}
.home-service-list li{padding: 0 30px;margin: 20px 0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;overflow: hidden;position: relative}
.home-service-list li:after{position: absolute;left: 0;bottom: 0;width: 0px;height: 3px;background: #ff0014;content: "";transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.home-service-list li h3{font-size: 24px;color: #1c1c1c;font-weight: bold;padding-left: 20px;position: relative;line-height: 1;margin-bottom: 40px;margin-top: 30px}
.home-service-list li h3:before{position: absolute;left: 0;top: 50%;width: 3px;height: 24px;background: #1c1c1c;margin-top: -12px;content: ""}
.home-service-img{display: block}
.home-service-list li p{height: 110px;padding-top:24px;font-size: 20px;color: #313131;position: relative;line-height: 38px}
.home-service-list li p:after{position: absolute;right:-60px;top:24px;width: 38px;height: 38px;border-radius: 50%;background: #ff0014;line-height: 38px;text-align: center;content: ">";color: #fff;font-family: SimSun;font-weight: bold;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;opacity: 0}
.home-service-list li:hover{box-shadow: 0 0 20px rgba(0,0,0,.15)}
.home-service-list li:hover:after{width: 100%}
.home-service-list li:hover h3{color: #ff0014}
.home-service-list li:hover h3:before{background: #ff0014}
.home-service-list li:hover p:after{right: 0;opacity: 1}
@media(max-width: 1024px){
    .home-service-list li{padding: 0 15px;}
    .home-service-list li h3{font-size: 20px;}
    .home-service-list li p{font-size: 14px;padding-top: 15px;}
}
@media(max-width: 992px){
    .home-service{padding: 50px 0}
    .home-service-list{margin-top: 20px}
    .home-service-list li h3{margin-top: 20px;margin-bottom: 15px;}
    .home-service-list li h3:before{height: 16px;margin-top: -8px;}
    .home-service-list li p{padding-right: 20px;line-height: 2;height: 90px;}
    .home-service-list li p:after{width: 20px;height: 20px;line-height: 20px;}
}
@media(max-width: 760px){
    .home-service{padding: 30px 0}
    .home-service-list li{padding: 15px;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,.15);margin-bottom: 15px;margin-top: auto}
    .home-service-list li h3{margin-top: 10px;margin-bottom: 15px;font-size: 1.6rem;padding-left: 15px;}
    .home-service-list li p{font-size: 1.2rem;line-height: 20px;height: auto}
}
/*about*/
.home-about{background: url(../images/backg_3.jpg) no-repeat top center;padding: 125px 0 90px}
.home-about-box{margin-top: 55px;display: flex}
.home-about-left{width: 73.472%;background: #fff;padding: 25px 30px }
.home-about-img{width: 376px}
.home-about-right{width: calc(100% - 376px);padding-left: 60px}
.home-about-en,.about-info-text .en-tit{margin-top: 40px;font-weight: bold;font-size: 24px;color: #b5b5b6}
.home-about-right h3,.about-info-text .cn-title{font-size: 24px;color: #1c1c1c;font-weight: bold;line-height: 2}
.home-about-subtitle,.about-info-text .sub-title{font-size: 16px;color: #454545;padding-left: 10px;position: relative}
.home-about-subtitle:before,.about-info-text .sub-title:before{position:absolute;left: 0;top: 50%;width: 3px;height: 18px;background: #ff0014;content: "";margin-top: -9px;}
.home-about-text,.about-info-text .about-text{margin-top:40px;font-size: 14px;color: #898989;line-height: 26px}
.home-about-text p{
    margin-bottom: 10px;
    text-align: justify;
    text-indent: 2em;
}
.home-about-more{margin-top: 35px;}
.home-about-more a{display: block;width: 155px;height: 42px;border: solid 1px #dedede;line-height: 40px;text-align: center;font-size: 14px;color: #898989}
.home-about-more a:hover{background: #ff0014;color: #fff;border-color: #ff0014}
.home-contact{width: calc(26.528% - 35px);margin-left: 35px;background: #fff}
.home-contact h3{background: #ff0014;height: 78px;line-height: 78px;text-align: center;font-size: 24px;color: #fff;font-weight: bold}
.home-contact h3 span{position: relative}
.home-contact h3 span:before,.home-contact h3 span:after{position: absolute;top: 50%;width: 85px;height: 1px;background: #fff;content: ""}
.home-contact h3 span:before{left: -100px}
.home-contact h3 span:after{right: -100px}
.home-contact-summary{padding: 25px;font-size: 15px;color: #898989;line-height: 2}
.home-contact-code img{
	width: 40%;
}
.home-contact-text{margin-top: 20px;padding: 0 0 0 30px;font-size: 16px;color: #898989;line-height: 2}
.home-contact-text span{color: #313131}
@media(max-width: 1024px){
    .home-about-left{width: 60%}
    .home-about-img{display: none}
    .home-about-right{width: 100%;padding-left: 0}
    .home-contact{width: calc(40% - 35px)}
    .home-contact-summary{padding: 10px 25px;font-size: 14px;}
    .home-contact-text{font-size: 14px;}
}
@media(max-width: 992px){
    .home-about{padding: 50px 0}
    .home-about-box{margin-top: 30px;}
    .home-about-left{padding: 20px;}
    .home-about-en{margin-top: 15px;font-size: 2rem}
    .home-about-text{font-size: 1.3rem;line-height: 2;}
    .home-contact h3{font-size: 2rem}
    .home-contact h3 span:before, .home-contact h3 span:after{width: 40px;}
    .home-contact h3 span:before{left: -60px;}
    .home-contact h3 span:after{right: -60px;}
    .home-contact-summary{padding: 10px}
    .home-contact-text{padding: 0 0 0 10px;}
}
@media(max-width:760px){
    .home-about{padding: 30px 0}
    .home-about-box{display: block}
    .home-about-left{width: 100%}
    .home-about-en{margin-top: 0;font-size: 1.8rem}
    .home-about-right h3{font-size: 2rem}
    .home-about-subtitle{font-size: 1.4rem}
    .home-about-text{margin-top: 20px;font-size: 1.2rem}
    .home-contact{display: none}
}
/*news*/
.home-news{padding: 100px 0 90px}
.home-news-title{margin-bottom: 30px;}
.home-news-title b{font-size: 36px;color: #333333;display: inline-block}
.home-news-title b:after{display: block;width: 70px;height: 4px;background: #d80000;content: "";margin-top: 20px}
.home-news-title span{font-size: 20px;color: #a8a8a8;text-transform: uppercase;margin-left: 20px;}
.home-news-nav{margin-top: 10px;}
.home-news-nav a{display: inline-block;width: 106px;height: 30px;line-height: 30px;font-size: 16px;color: #777777;text-align: center;margin-left: 10px;}
.home-news-nav a:hover,.home-news-nav a.active{background: #ff0014;color: #fff}
.home-news-box{border: solid 1px #dedede;padding: 35px 50px 50px}
.home-news-box ul li{}
.home-news-box ul li a{display: block;padding: 20px 15px;margin: 10px auto;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.home-news-box ul li h3{font-size: 16px;color: #555555;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.home-news-time{font-size: 12px;color: #999999;line-height: 2;margin-top: 5px;margin-bottom: 20px;}
.home-news-img{overflow: hidden}
.home-news-summary{font-size: 14px;color: #9f9f9f;line-height: 2;margin-top: 20px;margin-bottom: 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*.home-news-more{margin-bottom: 0px;}*/
.home-news-more span{width: 155px;height: 33px;border: solid 1px #e3e3e3;line-height: 31px;text-align: center;border-radius: 16.5px;font-size: 14px;color: #9f9f9f;display:block;text-transform: uppercase}
.home-news-box ul li:hover a{box-shadow: 0 0 5px rgba(0,0,0,.2)}
.home-news-box ul li:hover h3{color: #ff0014}
.home-news-box ul li:hover .home-news-more span{border-color: #ff0014;color: #ff0014}
.home-news-more{margin-top: 30px;}
.home-news-more a{width: 290px;height: 54px;border: solid 1px #dedede;line-height: 52px;text-align: center;margin: auto;font-size: 16px;color: #949494;display: block}
.home-news-more a:hover{background: #ff0014;border-color: #ff0014;color: #fff}
/*links*/
.home-links{
	margin-bottom: 90px;
}
.links-cont a{
	padding-right: 12px;
	line-height: 2
}
@media(max-width: 1024px){
    .home-news-box{padding: 20px}
}
@media(max-width: 992px){
    .home-news{padding: 50px 0}
    .home-news-title b{font-size: 2.4rem}
    .home-news-title span{font-size: 1.4rem}
    .home-news-box{padding: 0;border: none}
    .home-news-more{margin-bottom: 30px;}
    .home-news-more a{width: 160px;height: 40px;line-height: 38px;font-size: 1.4rem}
}
@media(max-width: 760px){
    .home-news{padding: 30px 0}
    .home-news-title h2{width: 100%;text-align: center;margin-bottom: 25px;}
    .home-news-title b:after{margin:20px auto}
    .home-news-title b{display: block}
    .home-news-title span{margin: auto;display: block;}
    .home-news-nav{text-align: center;width: 100%}
    .home-news-box ul li a{border: solid 1px #dedede;border-radius: 5px;padding: 15px;}
    .home-news-time{margin-bottom: 5px;}
    .home-news-summary{margin-top: 15px;margin-bottom: 0;font-size: 1.2rem}
    .home-news-more{display: none}
	.home-links{
	margin-bottom: 20px;
}
}
.page-Main .container{
    /*min-width: 1200px!important;*/
}
/*page about*/
.subbanner{
    position: relative;
    z-index: 6;
    margin-top: 100px;
}
.subbanner:before{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .5;
    background: #000;
}
.subbanner img{
    opacity:0.7;
    position: relative;
    top: 0;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
}
.subbanner .t{
    position: absolute;
    left: 10%;
    width:80%;
    height: auto;
    text-align: center;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%,-50%);
}
.subbanner .t h2{
    font-size: 36px;
    font-weight: normal;
    color: #fff;
    letter-spacing: 3px;
}
.subbanner .t h2:after{
    display: block;
    width: 50px;
    height: 3px;
    background: #fff;
    content: "";
    margin: 20px auto;
}
.subbanner .t h3{
    font-size: 16px;
    color: #fff;
    font-weight:200;
    letter-spacing: 2px;
}
@media (max-width: 760px){
    .page-Main .container{
        min-width: 100%!important;
        width: 100%!important;
        padding: 0 15px;
    }
    .subbanner{
        margin-top: 60px;
    }
    .subbanner img{
        height: 146px;
    }
    .subbanner .t h2{
        font-size: 24px;
    }
    .subbanner .t h2:after{
        height: 2px;
        margin: 10px auto;
    }
    .subbanner .t h3{
        font-size: 14px;
    }
}
.page-channel{
    border-bottom: 1px solid #dedede;
    height: 60px;
    background-color: #fff;
}
.page-channel.channelFix{
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 999;
}
.page-channel-left li{
    height: 60px;
    float: left;
    text-align: center;
    position: relative;
}
.page-channel-left li a{
    font-size: 14px;
    height: 60px;
    color:#333;
    display: flex;
    padding: 0 10px;
    position: relative;
}
.page-channel-left li a:active,.page-channel-left li a:focus{
    text-decoration: none;
}
.page-channel-left li a:after{
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.page-channel-left li:hover a,.page-channel-left li.active a{
    color:#ff0014;
}
.page-channel-left li:hover a:after,.page-channel-left li.active a:after{
    background-color: #ff0014;
}
.page-path{
    line-height: 60px;
    font-size: 14px;
    color: #b5b5b6;
}
.page-path a{
    color: #333;
}
.page-about{
    padding: 30px 0;
}
.page-about-info{
    background-color: #fafafa;
    padding: 30px;
    margin-bottom: 30px;
}
.about-pic{
    float: left;
    margin-right: 50px;
}
.about-info-text{
    width: 60%;
    float: right;
}
.about-info-text .en-tit{
    font-size: 28px;
}
.about-info-text .cn-title{
    font-size: 32px;
}
.about-info-text .about-text p{
    font-size: 16px;
    text-align: justify;
    text-indent: 2em;
    margin-bottom: 12px;
    line-height: 2;
    color: #757575;
}
@media (max-width: 760px){
    .page-channel{
        height: auto;
    }
	.page-channel-left li{
		width: auto;
	}
    .page-channel-left li a{
        padding: 0 15px;
    }
    .about-info-text{
        width: 100%;
    }
    .page-about-info{
        padding: 15px;
    }
    .about-info-text .en-tit{
        font-size: 18px;
        margin-top: 0px;
    }
    .about-info-text .cn-title{
        font-size: 24px;
    }
    .about-info-text .sub-title{
        font-size: 14px;
    }
    .about-info-text .about-text{
        margin-top: 20px;
    }
    .about-info-text .about-text p{
        font-size: 14px;
    }
}
.page-about-space{
    margin-bottom: 30px;
}
.page-about-space .page-space-info{
    float: left;
    width: 50%;
}
.page-space-info .cn-title{
    color: #1c1c1c;
    font-size: 32px;
    font-weight: 800;
    line-height: 2;
}
.page-space-info .en-title{
    color: #e7e7e7;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 50px;
    position: relative;
}
.page-space-info .en-title:after{
    content: "";
    position: absolute;
    display: block;
    width: 80px;
    height: 4px;
    background: #ff0014;
    margin: 15px 0;
}
.page-space-info .sub-title{
    color: #1c1c1c;
    font-weight: 800;
    font-size: 22px;
    margin-top: 35px;
    margin-bottom: 15px;
    line-height: 2;
}
.page-space-info .space-text{
    line-height: 2;
    font-size: 16px;
    color: #747474;
    text-align: justify;
}
.page-about-space .space-pic{
    float: right;
}
@media (max-width: 760px){
    .page-about-space .page-space-info{
        float: none;
        width: 100%;
    }
    .page-space-info .cn-title{
        font-size: 22px;
    }
    .page-space-info .en-title{
        font-size: 18px;
    }
    .page-space-info .sub-title{
        font-size: 16px;
    }
}
.page-title{
    color: #1c1c1c;
    font-size: 32px;
    font-weight: 800;
    line-height: 2;
}
.page-title:after{
    display: block;
    width: 80px;
    height: 4px;
    background: #ff0014;
    content: "";
    margin: 10px auto 15px;
}
.page-subtitle{
    color: #757575;
    font-size: 14px;
    margin-bottom: 30px;
}
.page-about-advantage{
    margin-bottom: 30px;
}
.page-adv-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
}
.adv-item{
    width: 23%;
    height: 184px;
    margin-bottom: 25px;
    background-color:rgba(136,136,136,1);
    display: flex;
    flex-direction: column;
    align-items:initial;
    justify-content: center;
    align-content: center;
    color: #fff;
}
.adv-item i{
    width: 100%;
    display: block;
    font-size: 42px;
}
.adv-item span{
    font-size: 18px;
    margin-top: 5px;
    font-weight: 600;
}
.adv-item span:after{
    content: "";
    display: block;
    width: 36px;
    height: 2px;
    background-color: #fff;
    margin: 10px auto;
}
.adv-item strong{
    font-weight: 800;
    font-size: 26px;
}
.page-adv-list .adv-item:nth-child(1){
    background-color:rgba(254,1,25,1);
}
.page-adv-list .adv-item:nth-child(2){
    background-color:rgba(85,85,85,1);
}
.page-adv-list .adv-item:nth-child(3),.page-adv-list .adv-item:nth-child(4){
    background-color:rgba(232,232,232,1);
    color: #444;
}
.page-adv-list .adv-item:nth-child(6){
    background-color:rgba(217,217,217,1);
    color: #444;
}
.page-adv-list .adv-item:nth-child(3) span:after,.page-adv-list .adv-item:nth-child(4) span:after,.page-adv-list .adv-item:nth-child(6) span:after{
    background-color: #444;
}
.page-adv-list .adv-item:last-child{
    width: 48%;
}
@media (max-width: 760px){
    .page-title{
        font-size: 22px;
        text-align: center;
    }
    .page-title:after{
        height: 2px;
    }
    .adv-item{
        height: 116px;
    }
    .adv-item i{
        font-size: 22px;
    }
    .adv-item span{
        font-size: 12px;
    }
    .adv-item strong{
        font-size: 18px;
    }
}
.page-about-book{
    background-color: #f5f5f5;
    padding: 30px;
}
.page-book-title{
    color: #1c1c1c;
    font-size: 32px;
    font-weight: 800;
    line-height: 2;
    position: relative;
}
.page-book-title span{
    display: inline-block;
    padding: 0 30px;
    background-color:#f5f5f5;
}
.page-book-title:after{
    content: "";
    display: block;
    width: 700px;
    height: 1px;
    margin: -30px auto 0;
    background-color: #b5b5b5;
}
.page-book-subtitle{
    font-size: 14px;
    color: #a5a5a5;
    margin: 30px 0;
}
.book-forms-cont .flex{
    display: flex;
    justify-content: flex-start;
}
.book-forms-cont .flex .item{
    width: 33%;
    line-height: 2;
    margin-bottom: 10px;
}
.book-forms-cont .item label{
    font-size: 14px;
    font-weight: 400;
    color: #383838;
}
.book-forms-cont .item .lay-select{
    width:76%;
    display: inline-block;
    position: relative;
}
.book-forms-cont .item select{
    background-color: #fff;
    padding: 8px 12px;
    border: 1px solid #ddd;
    width: 49%;
    outline: none;
}
.book-forms-cont .item select.intent-product{
    width:100%;
}
.book-forms-cont .item .form-input{
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
    width:76%;
    outline: none;
}
.book-forms-cont .item .form-submit{
    background-color: #ff0014;
    color: #fff;
    border-radius: 20px;
    border:none;
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    font-size: 14px;
}
.book-forms-cont .item .form-notice{
    color: #ff0014;
}
@media (max-width: 760px){
    .page-book-title{
        font-size: 22px;
    }
    .page-book-title:after{
        width: 100%;
        margin-top: -20px;
    }
    .page-book-title span{
        padding: 0 10px;
    }
    .book-forms-cont .flex{
        flex-wrap: wrap;
    }
    .book-forms-cont .flex .item{
        width: 100%;
    }
    .book-forms-cont .item .form-submit{
        width: 100%;
    }
}
/*page product*/
.page-product{
    padding: 30px 0;
}
.product-box{
    margin-bottom: 30px;
}
.pro-title{
    color: #1c1c1c;
    font-size: 32px;
    font-weight: 800;
    line-height: 2;
    position: relative;
    margin-bottom: 30px;
}
.pro-title:after{
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    background: #ff0014;
    margin: 15px 0;
}
.pro-cont{
    width: 62%;
}
.pro-text p{
    font-size: 16px;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 2;
    color: #757575;
}
.pro-text a.more{
    display: block;
    width: 155px;
    height: 42px;
    border: solid 1px #dedede;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #898989;
    background: #fff;
}
.pro-text a.more:hover{
    background: #ff0014;
    color: #fff;
    border-color: #ff0014;
}
.product-no2 .page-title{
    margin-bottom: 30px;
}
.product-no3,.product-no5{
    padding: 30px 0;
    background-color: #f3f3f3;
}
.product-no4 .page-title:after{
    margin: 10px 0px 15px;
}
.pro-service-list li:after{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #b5b5b6;
}
.pro-service-list li div{
    cursor: pointer;
    background-color: #fff;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.pro-service-list li div:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0px;
    height: 0px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
}
.pro-service-list li:hover div{
    box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.pro-service-list li:hover div:after{
    width: 100%;
    height: 3px;
    bottom: -3px;
    background-color:#ff0014;
}
.pro-service-list li img{
    width: 100%;
}
.pro-service-list li h4{
    font-size: 20px;
    font-weight: 800;
    margin: 30px 0;
    color: #565656;
}
.pro-service-list li p{
    line-height: 1.8;
    color: #757575;
    padding: 0 30px 30px;
    font-size: 14px;
    text-align: justify;
    min-height: 110px;
}
/*page service*/
.service-no2,.service-no4{
    padding: 30px;
    background-color: #f3f3f3;
}
.ser-cont{
    width: 61%;
}
@media (max-width: 760px){
    .page-title:after{
        height: 2px;
    }
    .pro-cont{
        width: 100%;
    }
    .pro-title{
        text-align: center;
        font-size: 22px;
        margin-bottom: 30px;
    }
    .pro-title:after{
        margin: 10px auto;
        height: 2px;
    }
    .pro-text p{
        font-size: 14px;
    }
    .pro-text a.more{
        margin: 0 auto 15px;
        background: #ff0014;
        color: #fff;
        border-color: #ff0014;
        border-radius: 25px;
    }
    .pro-service-list{
        margin-left: -15px;
        margin-right: -15px;
    }
    .pro-service-list li{
        padding: 0 10px;
    }
    .pro-service-list li div{
        padding-bottom: 15px;
    }
    .pro-service-list li h4{
        font-size: 16px;
        margin: 15px auto;
    }
    .pro-service-list li p{
        min-height: auto;
        line-height: 1.6;
        padding: 0 0 0;
        font-size: 12px;
        -webkit-line-clamp: 4;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .product-no4 .page-title:after{
        margin: 10px auto 15px;
    }
    .page-subtitle{
        text-align: center;
    }
    .page-pic-list{
        margin-left: -15px;
        margin-right: -15px;
    }
    .ser-cont{
        width: 100%;
    }
}
/*page news*/
.page-news{
    padding: 30px 0;
}
.page-news-list li{border-bottom: dashed 1px #d9d9d9;margin-bottom: 50px;}
.page-news-list li a{display: block;position: relative;padding-bottom: 35px;}
.page-news-img{width: 370px;overflow: hidden}
.page-news-img img{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.page-news-text{width: calc(100% - 370px);padding: 0 0 0 30px}
.page-news-text h2{font-size: 16px;line-height:1.8; color: #3a3a3a;border-bottom: solid 1px #dedede;padding-bottom: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 15px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;position: relative}
.page-news-text h2 span{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    line-height: 2;
    color: #888;
    font-size: 12px;
}
.page-news-text .page-news-summary{font-size: 14px;color: #9d9d9d;line-height: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.page-news-more{display: block;width: 162px;height: 34px;background: #fff;border:1px solid #dedede;line-height: 34px;font-size: 14px;color: #9f9f9f;text-align: center;margin-top: 30px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;}
.page-news-time{position: absolute;right: 0;top: 0;width: 190px;height: 100%;background: #eff2f7}
.page-news-time b{font-size: 60px;color: #acbfdd;font-weight: normal;line-height: 1;display: inline-block}
.page-news-time b:after{display: block;width: 100%;height: 1px;background: #acbfdd;content: "";margin: 5px auto}
.page-news-time span{font-size: 18px;color: #acbfdd}
.page-news-list li:hover .page-news-text h2{color: #ff0014}
.page-news-list li:hover .page-news-img img{transform: scale(1.1)}
@media(max-width: 1024px){
    .page-news-list li{margin-bottom: 20px;}
    .page-news-list li a{padding-bottom: 15px;}
    .page-news-img{width: 260px;}
    .page-news-text{width: calc(100% - 260px - 190px)}
    .page-news-text h2{padding-bottom: 10px;}
    .page-news-text .page-news-summary{font-size: 1.2rem;line-height: 2}
    .page-news-more{display: none}
}
@media(max-width: 992px){
    .page-news-img{width: 220px;}
    .page-news-text{width: calc(100% - 220px - 120px)}
    .page-news-time{width: 120px}
    .page-news-time b{font-size: 4rem}
    .page-news-time span{font-size: 1.2rem}
}
@media(max-width: 760px){
    .page-Main .page-about.container,.page-Main .page-product.container,.page-Main .page-service.container,.page-Main .page-news.container{
        padding: 15px;
    }
    .page-news-img{width: 160px;}
    .page-news-text h2 span{
        display: block;
        position: relative;
    }
    .page-news-text{width: calc(100% - 160px);padding:5px 0 0 20px}
    .page-news-text h2{margin-bottom:0px;border-bottom: none;color: #023a84;padding-bottom: 0;font-size: 1.4rem;font-weight: bold}
    .page-news-text .page-news-summary{-webkit-line-clamp:1}
    .page-news-time{display: none}
}
/*page news details*/
.page-news-title{font-size: 18px;color: #000;font-weight: bold;line-height: 2;}
.page-info{font-size: 12px;color: #999;padding: 10px 0;border-bottom: dashed 1px #ddd;margin-bottom: 30px;}
.page-info span{margin-left: 20px;}
.page-text{
    line-height: 2;
    font-size: 14px;
    color: #333;
}
.page-text img{max-width: 100%;height: auto!important;}
.page-text p{
    margin-bottom: 15px;
    line-height: 2;
}
.page-news-left{margin-bottom: 30px;width: 75%;background: #fff;padding: 30px;}
.page-news-right{width: 23%;margin-bottom: 30px;background: #fff;padding: 15px;}
.page-news-right h3{font-size: 18px;color: #333;}
.page-news-right h3:after{display: block;width: 30px;height: 1px;background: #ddd;content: "";margin-top: 10px;margin-bottom: 15px;}
.page-news-hot li{padding: 8px 0}
.page-news-hot li a{display: block;overflow:hidden;line-height: 20px;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #000}
.page-news-hot li i{width: 20px;height: 20px;background: #ddd;display: block;float: left;margin-right: 10px;border-radius: 4px;line-height: 20px;text-align: center;font-style: normal;font-size: 12px;color: #666;font-family: SourceHanSerifCN}
.page-news-hot li:hover a{color: #d80000}
.page-news-hot li:first-child i{background: #d80000;color: #fff}
.page-news-hot li:nth-child(2) i{background: #d85600;color: #fff}
.page-news-hot li:nth-child(3) i{background: #d88e00;color: #fff}
@media(max-width: 760px){
    .page-news-left{width: 100%;padding: 15px 10px;}
    .page-news-right{width: 100%;padding: 15px ;}
}
/*page next*/
.page-pernext{margin-top:30px;padding:15px 0;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;border-top: dashed 1px #ddd;border-bottom: dashed 1px #ddd;}
.page-pernext span{width:50%;font-size:12px;color:#666666;opacity: .6}
.page-pernext span a{color:#333;}
.page-pernext span.pull-right{text-align:right;border-left: dashed 1px #ddd;}
.page-pernext span:hover,.page-pernext span:hover a{color:#ff0014;opacity: 1;font-weight: bold}
@media(max-width:992px){
    .page-pernext span{width:100%;float:none;display:block;}
    .page-pernext span.pull-right{text-align:left;margin-top:10px;border-top:dashed 1px #ddd;padding-top:10px;border-left: none}
}
/*page policy*/
.page-policy-list{
    padding: 0 0 20px 0;
    border-bottom: 1px solid #e7e7e7;
}
.page-policy-list:hover .policy-title{
    background-color: #ff0014;
}
.page-policy-list:hover .policy-title span,.page-policy-list:hover .policy-title a.more{
    color: #fff;
}
.policy-title{
    font-size: 18px;
    color: #333;
    line-height: 28px;
    background-color: #fafafa;
    padding: 10px 20px;
    transition: .3s;
    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;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.policy-title a.more{
    font-size: 14px;
}
.policy-list{
    padding: 20px 20px 0;
}
.policy-list a{
    width: 49%;
    float: left;
    position: relative;
    line-height: 2;
    margin-bottom: 10px;
    color: #333;
    display: block;
    padding-right: 25px;
    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;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.policy-list a span{
    width: 78%;
    font-size:14px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.policy-list a:hover span{
    color: #ff0014;
}
.policy-list a em{
    font-style: normal;
    font-size: 12px;
}
.policy-list a:nth-of-type(odd){
    margin-right: 2%;
}
.policy-list a:nth-of-type(odd):before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    margin: auto 0;
    background: #e7e7e7;
    height: 100%;
    width: 2px;
}
.policy-box.policy-list a{
	width: 100%;
}
.policy-box.policy-list a:nth-of-type(odd){
	margin-right: 0px;
}
.policy-box.policy-list a:nth-of-type(odd):before{
	width: 0px
}
@media(max-width: 760px){
    .policy-list a{
        width: 100%;
        padding-right: 0px;
    }
    .policy-list a:nth-of-type(odd){
        margin-right: 0px;
    }
    .policy-list a:nth-of-type(odd):before{
        width: 0px;
    }
    .policy-list a span{
        width: 68%;
    }
}

/*page list*/
.page-list{clear:both; overflow:hidden; text-align:center;margin-top:30px;margin-bottom: 30px;}
.page-list a,.page-end,.page-start{ display:inline-block; background:#fff;border:solid 1px #ddd;padding:0 1rem;font-size:14px;color:#333;  height:2.5rem; line-height:2.5rem;}
.page-list a:first-child{display: none}
.page-list b,.page-this{display:inline-block; background:#ff0014;border:solid 1px #ff0014;padding:0 1rem;font-size:14px;color:#fff; height:2.5rem; line-height:2.5rem;font-weight:normal;margin:0 5px;}
@media(max-width: 760px){
    .page-list{margin-top: 20px;margin-bottom: 15px}
}

/*Footer*/
#Footer{background: #1a1a1a;}
.Footer-top{padding: 65px 0 85px;}
.Footer-nav{width: 43.625%}
.Footer-nav-list{font-size: 16px;color: #fff;margin-bottom: 35px;}
.Footer-nav-list a{color: #fff;position: relative;padding: 0 20px;}
.Footer-nav-list a:after{position: absolute;right: 0;top: 50%;width: 1px;height: 16px;background: #fff;opacity: .16;content: "";margin-top: -8px;}
.Footer-nav-list a:first-child{padding-left: 0}
.Footer-tel{font-size: 14px;color: #fff;line-height: 2;opacity: .4}
.Footer-tel dd{padding: 0;line-height: 2;font-size: 14px;}
.Footer-tel dd a{color: #fff}
.Footer-code{width: 135px;margin-left: 20px;}
.Footer-code p{font-size: 14px;color: #fff;margin-top: 15px;}
.Footer-form{width: 41.72%}
.Footer-form h3{font-size: 20px;color: #fff;}
.Footer-form h3 span{font-size: 15px;color: #fff;opacity: .5}
.Footer-form-list{margin-top: 15px;}
.Footer-form-list li{padding: 0 5px;margin-bottom: 12px;}
.Footer-form-list li:nth-child(odd){padding-left: 0}
.Footer-form-list li:nth-child(even){padding-right: 0}
.Footer-form-list li input{width: 100%;height: 42px;background: rgba(0,0,0,.2);outline: none;border: none;padding-left: 15px;font-size: 14px;color: #fff;}
.Footer-form-list li button{height: 42px;width: 100%;background: #d80000;border: none;border-radius: 6px;color: #fff;font-size: 20px;outline: none}
.Footer-copy{background:#0a0a0a;padding: 25px 0;position: relative;font-size: 14px;color: rgba(255,255,255,.56)}
.Footer-copy i{position:absolute;left: 50%;top:-50px;width: 140px;height: 50px;background: url(../images/backg_4.png) no-repeat top center;content: "";margin-left: -70px;cursor: pointer}
.Footer-copy a{color: rgba(255,255,255,.56)}
@media(max-width: 1024px){
    .Footer-nav{width: 38.625%}
    .Footer-nav-list{display: none}
    .Footer-tel dd{width: 100% !important;float: none;}
    .Footer-form{width: 41.72%}
    .Footer-form h3{font-size: 1.8rem}
    .Footer-form h3 span{font-size: 1.2rem}
}
@media(max-width: 992px){
    .Footer-top{padding: 30px 0 85px}
    .Footer-nav{width: 70%}
    .Footer-code{margin-left: auto;width: 30%}
    .Footer-form{width: 100%;border-top: solid 1px rgba(255,255,255,.2);margin-top: 30px;padding-top: 30px;}
    .Footer-form h3{font-size: 1.4rem}
}
@media(max-width: 760px){
    #Footer{margin-bottom: 60px}
    .Footer-nav{width: 100%;border-bottom: solid 1px rgba(255,255,255,.2);padding-bottom: 20px;margin-bottom: 20px;text-align: center}
    .Footer-tel{font-size: 1.2rem}
    .Footer-form-list li{padding: 0}
    .Footer-code{width: 50%; float: none!important;margin: 0 auto}
    .Footer-copy{font-size: 12px;padding: 10px 0;line-height: 1.8}
}
/*applets*/
.xcx-header{
    position: relative;
}
.xcx-header img.xcx-topbg{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.xcx-ad{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.xcx-text{
    color: #fff;
    margin: -93px 0 40px;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
}
.xcx-text h2{
    font-size:32px;
    letter-spacing: 10px;
    font-weight: 600;
}
.xcx-text h3{
    font-size: 36px;
    font-weight: 800;
    letter-spacing: 10px;
    line-height: 2;
    margin-bottom: 30px;
}
.xcx-ser-items{
    width: 1440px;
    text-align: center;
}
.xcx-ser-item{
    display: inline-block;
    text-align: center;
    font-size: 20px;
    line-height: 2;
    margin:0 15px 10px;
}
.xcx-ser-item img{
    margin-right: 10px;
}
.xcx-top-adv{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 84px;
    display: flex;
    align-items: center;
    background-color: rgb(255,0,20,0.55);
}
.xcx-adv-cont{
    align-items: center;
    width: 1440px;
    text-align: center;
}
.xcx-adv-item{
    display: inline-block;
    font-size: 18px;
    margin: 0 36px;
    font-weight: 600;
    color: #fff;
}
.xcx-main .container{
    padding: 0 15px;
}
.xcx-service{
    background: url("../images/xcx-bg1.jpg") no-repeat center;
    background-size: cover;
    padding: 30px 0;
}
.xcx-title{
    position: relative;
    font-size: 36px;
    font-weight: 800;
    color: #1c1c1c;
    margin-bottom: 30px;
}
.xcx-title:before,.xcx-title:after{
    position: absolute;
    top: 50%;
    width: 38%;
    height: 1px;
    background: rgba(159,159,159,.8);
    content: "";
}
.xcx-title:before{
    left: 0;
}
.xcx-title:after{
    right: 0;
}
.xcx-service-list{
    display: flex;
    flex-wrap: wrap;
}
.xcx-service-list .xcx-ser-item{
    width: 11.11%;
    margin:0 0 20px;
}
.xcx-service-list .xcx-ser-item span{
    display: block;
    width: 80%;
    margin: 0 auto;
    background-color:#8c8c8c;
    color: #fefefe;
    position: relative;
    z-index: 10;
}
.xcx-service-list .xcx-ser-item span:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 5px;
    bottom: -5px;
    background-color: rgb(27,28,30,.14);
    z-index: -1;
}
.xcx-ser-form{
    width: 80%;
    display: flex;
    flex-direction:row;
}
.xcx-form-item{
    width: 100%;
    padding: 8px 10px;
    background-color: #fff;
    margin: 10px;
    display: flex;
    align-items: center;
    border: 1px solid #dedede;
}
.xcx-form-item label{
    font-size: 14px;
    font-weight: 400;
    color: #383838;
    margin-bottom: 0;
}
.xcx-form-item label span{
    color: #f00;
    padding: 0 5px;
}
.xcx-form-item .xcx-input{
    border: none;
    width: 72%;
    height: 30px;
    line-height: 30px;
    background-color: transparent;
    outline: none;
    padding-left: 10px;
}
.xcx-form-item:last-child{
    background: transparent;
    border: none;
    padding: 0;
}
.xcx-form-item .xcx-btn{
    outline: none;
    border: none;
    background:#ff0014;
    width: 100%;
    color: #fff;
    font-size: 2rem;
    color: #fff;
    padding: 12px;
}
.xcx-about{
    padding: 30px 0;
}
.xcx-about .xcx-about-title{
    position: relative;
    font-size: 36px;
    font-weight: 800;
    color: #1c1c1c;
}
.xcx-about .xcx-about-subtitle{
    font-size:16px;
    color: #454545;
    position: relative;
    line-height: 2;
    vertical-align: center;
    margin: 6px 0 15px;
}
.xcx-about .xcx-about-subtitle:before{
    width: 3px;
    height: 15px;
    display: inline-block;
    background: #ff0014;
    content: "";
    margin-right: 8px;
    vertical-align: -4px;
}
.xcx-about .xcx-cont p{
    width:50%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.8;
    text-indent: 2em;
    text-align: justify;
}
.xcx-book .container{
    padding: 0 30px;
}
@media screen and (max-width: 760px) and (min-width: 320px){
    .xcx-header{
        height: 60vh;
    }
    .xcx-logo img{
        width: 40%;
    }
    .xcx-text h2{
        font-size: 2rem;
    }
    .xcx-text h3{
        font-size: 2.325rem;
        letter-spacing:5px;
    }
    .xcx-ser-items{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    .xcx-ser-item{
        display: block;
        font-size: 1.225rem;
        margin:0 10px 10px 0;
    }
    .xcx-ser-item img{
        width:16px;
        margin-right: 5px;
    }
    .xcx-ser-item:last-child{
        width: 60%;
        flex-grow: 2;
    }
    .xcx-top-adv{
        height:20%;
    }
    .xcx-adv-cont{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 90%;
        height: 78%;
        text-align: center;
    }
    .xcx-adv-item{
        width: 100%;
        display: block;
        margin: 0;
        font-size: 14px;
        line-height: 1.4;
        font-weight: 400;
        color: #fff;
        text-align: center;
    }
    .xcx-adv-item:nth-child(3),.xcx-adv-item:nth-child(6){
        width: 100%;
    }
    .xcx-service{
    }
    .xcx-title{
        font-size: 2rem;
    }
    .xcx-title:before,.xcx-title:after{
        width: 24%;
    }
    .xcx-service-list{
        display: flex;
        flex-wrap: wrap;
    }
    .xcx-service-list .xcx-ser-item{
        width: 33.33%;
        margin-bottom: 20px;
    }
    .xcx-service-list .xcx-ser-item span{
        display: block;
        width: 80%;
        line-height: 2;
        margin: 0 auto;
        background-color:#8c8c8c;
        color: #fefefe;
        position: relative;
        z-index: 10;
    }
    .xcx-service-list .xcx-ser-item span:after{
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 5px;
        bottom: -5px;
        background-color: rgb(27,28,30,.14);
        z-index: -1;
    }
    .xcx-ser-form{
        width: 100%;
        display: flex;
        flex-direction:column;
    }
    .xcx-form-item{
        width: 100%;
        padding: 8px 10px;
        background-color: #fff;
        margin: 10px 0;
        display: flex;
        align-items: center;
        border: 1px solid #dedede;
    }
    .xcx-form-item label{
        font-size: 14px;
        font-weight: 400;
        color: #383838;
        margin-bottom: 0;
    }
    .xcx-form-item label span{
        color: #f00;
        padding: 0 5px;
    }
    .xcx-form-item .xcx-input{
        border: none;
        width: 72%;
        height: 30px;
        line-height: 30px;
        background-color: transparent;
        outline: none;
        padding-left: 10px;
    }
    .xcx-form-item:last-child{
        background: transparent;
        border: none;
        padding: 0;
    }
    .xcx-form-item .xcx-btn{
        outline: none;
        border: none;
        background:#ff0014;
        width: 100%;
        color: #fff;
        font-size: 2rem;
        color: #fff;
        padding: 12px;
    }
    .home-difference-right dd p i, .home-difference-left dd p i{
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 1rem;
    }
    .home-difference-right dt p{
        padding: 0;
    }
    .home-difference-left dt p{
        padding: 0;
        text-align: center;
    }
    .home-difference-right dd p{
        padding-left: 10px;
    }
    .home-difference-right dd p span{
        padding-left: 5px;
    }
    .home-difference-left dd p{
        padding-right: 10px;
    }
    .home-difference-left dd p span{
        padding-right: 5px;
    }
    .xcx-advantage .home-advantage-box{
        display: flex;
        height: 420px;
    }
    .xcx-advantage .home-advantage-left{
        width: 36%;
    }
    .xcx-advantage .home-advantage-left ul{
        display: block;
    }
    .xcx-advantage .home-advantage-left ul li{
        border-bottom: solid 1px rgba(222,222,222,.17);
        border-top: solid 1px rgba(0,0,0,.54);
    }
    .xcx-advantage .home-advantage-left ul li div{
    }
    .xcx-advantage .home-advantage-left ul li div a{
        display: flex;
        flex-direction:row;
        justify-content: left;
        align-items: center;
        padding: 15px 10px;
    }
    .xcx-advantage .home-advantage-left ul li i{
        margin-right: 6px;
        font-size: 2rem;
    }
    .xcx-advantage .home-advantage-left ul li span{
        font-weight: 400;
        font-size: 1.125rem;
    }
    .xcx-advantage .home-advantage-right{
        width: calc(100% - 36%);
    }
    .xcx-advantage .home-advantage-right .swiper-container{
        height: 100%;
    }
    .xcx-advantage .home-advantage-right .swiper-container li.swiper-slide{
        height: 100%;
        position: relative;
    }
    .xcx-advantage .home-advantage-right .swiper-container img{
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .home-difference-box dl dd{
        font-size: 1rem;
    }
    .xcx-about{
        padding: 30px 0;
    }
    .xcx-about .xcx-about-title{
        font-size: 2.125rem;
    }
    .xcx-about .xcx-about-subtitle{
        font-size: 1.4rem;
    }
    .xcx-book .container{
        padding: 0;
    }
    .xcx-about .xcx-cont img{
        float: none!important;
        margin-bottom: 15px;
    }
    .xcx-about .xcx-cont p{
        width: 100%;
        float: none!important;
        font-size: 1.325rem;
    }
    .book-forms-cont .item .lay-select,.book-forms-cont .item .form-input{
        width: 74%;
    }
    .book-forms-cont .item .form-notice{
        text-align: center;
    }
    .xcx-copy{
        padding: 20px 0;
        text-align: center;
    }
    .xcx-copy p{
        line-height: 2;
        font-size: 1.425rem;
        font-weight: 800;
        color: #000;
    }
}
@media (max-width: 320px){
    .xcx-text h2{
        font-size: 1rem;
    }
    .xcx-text h3{
        font-size: 1.325rem;
    }
    .xcx-adv-item{
        font-size: 1.125rem;
    }
}