@charset "utf-8";
.tb80{ padding: 80px 0; }
.trans{ -webkit-transition: all .4s ease-out;transition: all .4s ease-out; }
.back-white{ background: #fff; }
.back-color{background:#fb8525; }
/*Header*/
.header,
.header .logo{ height:90px; }
.header{ width: 100%;position: fixed;top: 0;left: 0;background: #d7092f; z-index: 99 }
.header .logo{ display: flex;align-items: center; }
.nav{ width: calc(100% - 260px);text-align: center;margin: 0 auto; }
.nav ul li{
    display: inline-block;
    position: relative;
    line-height: 90px;
    padding: 0 10px;
}
.nav ul li a{ position: relative; font-size: 20px;color: #fff; }
.nav ul li a::before{ -webkit-transition: all .3s ease-out;transition: all .3s ease-out; }
.nav ul li a::before{ position: absolute;top: -28px; opacity: 0; width: 13px;height: 19px; vertical-align: middle; }
.nav ul li a::before{ content: url("../images/ico-nav-leftv2.png");left: -20px; }
/** childer **/
.nav ul li .childer{
    display: none;
    position: absolute;
    width: 135px;
    top: 90px;
    left: -5px;
    background: #d7092f;
    padding-bottom: 15px;
    box-shadow: 0 20px 15px rgba(0,0,0,.1);
    z-index: 1005;
}
.nav ul li .childer a{ display: block;line-height: 40px;font-size: 18px;color: rgba(255,255,255,.8) }
.nav ul li .childer a::after,
.nav ul li .childer a::before{ display: none; }
.nav ul li.on ::after, .nav ul li.on ::before,
.nav ul li.on .bort, .nav ul li.on .borb{ opacity: 1; }
.nav ul li:hover .childer{ display: block; }
.nav ul li .childer a:hover{ color:rgba(255,255,255,1) }
/** lang **/
.lang a{ font-size: 20px;color: #fff;line-height: 90px; }
/*SlidesSTART*/
.swiper-container { width: 100%;height: auto;background: #fff; }
.slide-usezans .swiper-slide {width: 100%;height: calc(100vh - 90px);text-align: center;font-size: 18px;background:#d7092f;-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;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.slide-usezans .swiper-slide img{display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.slide-usezans .swiper-button-next{ right:2% !important;background: url("../images/ico-slide-right.svg") no-repeat 0 0; }
.slide-usezans .swiper-button-prev{left:2% !important;background: url("../images/ico-slide-left.svg") no-repeat 0 0;}
.slide-usezans .swiper-button-next,
.slide-usezans .swiper-button-prev{ width:50px !important;height:50px !important;background-size: 50px; }
.slide-usezans.swiper-container .swiper-button-prev.swiper-button-disabled,
.slide-usezans.swiper-container .swiper-button-next.swiper-button-disabled{opacity:0;}
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets{ bottom: 5%; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{ opacity: .4; }
.slide-usezans.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity: 1; }
.swiper-container .swiper-slide .url{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 106;}
.slide-usezans .slide-video,.slide-usezans .vv-video{ width: 100%; }
.slide-usezans .vv-video{ object-fit: cover; }
.play-show{
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 66;
}
.play-show em{ display: block;width:92px;height: 92px;background: url("../images/video.png") no-repeat;cursor: pointer; }
.play-show.on{ display: flex; }
/*SlidesNED*/
/*FooterSTART*/
.footer{ position: relative; }
.footer:after{ display:block;content:"";clear:both; }
/** social **/
.footer .social{ padding:70px 0;border-bottom: 1px solid #e8e8e8; }
.footer .social .cons{ text-align:center; }
.footer .social fieldset{ display: block;float: left; width: 48%;border: 1px dashed #a0a0a0;border-radius: 5px; }
.footer .social fieldset:last-child{ float: right; }
.footer .social fieldset legend{ padding: 0 20px; font-size: 20px;color: #999;font-weight: bold; }
.footer .social ul{ padding: 20px 0;min-height: 60px; }
.footer .social ul li{ position:relative;display:inline-block;background:url("../images/social-1x23.png") no-repeat center right; }
.footer .social ul li:nth-of-type(5){ background:url("../images/social-1x45.png") no-repeat center right; }
.footer .social ul li:last-child{ background:none; }
.footer .social ul li .simg{ display:block;max-width:160px; }
.footer .social ul li .social-code{
    opacity: 0;
    position:absolute;
    padding:6px;
    width:134px;
    height:134px;
    top:-160px;
    left:20px;
    background:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.3);
    z-index:-1;
}
.footer .social ul li:nth-of-type(3) .social-code{ left: -20px; }
.footer .social ul li:nth-of-type(5) .social-code{ left: 20px; }
.footer .social ul li .social-code img{ display:block;width:100%; }
.footer .social ul li .social-code em{
    position: absolute;
    left: calc((100% - 16px)/2);
    bottom: -10px;
    width:0;
    height:0;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    border-top:10px solid #fff;
}
.footer .social fieldset:nth-of-type(2) ul li:nth-of-type(2) .social-code{ left: -20px; }
.footer .social fieldset:nth-of-type(2) ul li:nth-of-type(3) .social-code{ left: 5px; }
.footer .social fieldset:nth-of-type(2) ul li:nth-of-type(4) .social-code{ left: -20px; }
.footer .social ul li.cqr:hover .social-code{ opacity: 1;top:-170px;z-index: 65; }
.footer .social .go-vitality{ display: block; width: 498px;height: 48px;line-height: 45px; text-align: center; border: 1px solid #fb8525;color: #fb8525;
    font-size: 26px;border-radius: 65px;margin: 35px auto 0;letter-spacing: 8px; }
/** fbottom **/
.footer-center{ position: relative; padding: 70px 0; }
.footer .borl{ display: block; position: absolute;right: 590px; top: 0; width: 1px;height: 100%;background: #e8e8e8;z-index: 8; }
.footer .fbottom .f-logo{ width: 183px; }
.footer .fbottom .f-logo img{ display: block;max-width: 100%; }
.footer .fbottom .f-nav ul li{ float: left; }
.footer .fbottom .f-nav ul li h5{ font-size: 22px;color: #000;padding-bottom: 10px;font-weight: bold; }
.footer .fbottom .f-nav ul li .childer a{ display: block; font-size: 18px;color: #999;line-height: 35px; }
.footer .fbottom .f-nav ul li .childer a:hover{ color: #d7092f; }
/** footer-right **/
.footer-right h6{ font-size: 22px;color: #000;font-weight: bold; }
.footer-right strong{ display: block;font-size: 38px;color: #d7092f;padding: 12px 0; }
.footer-right p{ font-size: 18px;color: #999; }
/** copyright **/
.copyright{ width: 100%;padding: 25px 0;border-top: 1px solid #e8e8e8; }
.copyright p,.copyright p a{ font-size: 16px;color: #999; }
.copyright p span{ padding-left: 5px; }
.copyright p a:hover{ color: #d7092f; }
/** welfare **/
.dasc-welfare{ display: none; }
.dasc-welfare.onn{ display: block; }
.welfare .welfare-img{
    position: fixed;
    bottom: 350px;
    right: 45px;
    cursor: pointer;
    z-index: 158;
}
.dasc-welfare{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 1012;
}
.dasc-welfare .cons{ position: absolute;top: 50%;left: 50%; width: 547px;height: 455px;background: #fff;margin: -227.5px 0 0 -276.5px; }
.dasc-welfare .remark{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 255px;
    height: 455px;
    text-align: center;
    margin: 0 auto;
}
.dasc-welfare .remark h5{ font-size: 36px;color: #d7092f;font-weight: bold;line-height: 36px; }
.dasc-welfare .remark .p1{ font-size: 16px;color: #999;padding: 8px 0 20px; }
.dasc-welfare .remark .p2{ color: #999;padding-top: 20px; }
.dasc-welfare .close-x{ position: absolute;top: 20px;right: 25px; width: 25px;height: 25px;cursor: pointer; }
/*++------------------------
/*++  Plate-Module
/*++------------------------*/
.more{ position: relative; display: block;width: 223px;height: 68px;border: 1px solid #fff;font-size: 20px;color: #fff;
    text-indent: 55px;line-height: 68px;border-radius: 5px; }
.more:after{ position: absolute;left: 85px; top: 15px; width: 34px;height: 41px;content: url("../images/icon-more.png"); }
/*.more:hover{ background: #ed691f;border-color: #f67020; }*/
/** brand-yj **/
/*.brand-bg{ background:#d7092f url("../images/brand-bg.jpg") no-repeat center right; }*/
/*.brand-yj,*/
/*.brand-yj .remark{ height: 815px; }*/
.brand-bg{ position: relative; }
.brand-bg .bg-img{ display: block;width: 100%; }
.brand-yj{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 66;
}
.brand-yj .remark{ display: flex;flex-direction: column;color: #1e1e1e;padding-top: 176px; }
.brand-yj .remark h5{ font-size: 42px;font-weight: bold;line-height: 46px; }
.w70x3{ display: block;width: 70px;height: 3px;background: #121212;margin: 33px 0 25px; }
.brand-yj .remark p{ font-size: 17px;padding: 0 0 50px;line-height: 30px; }
.brand-yj .remark .more{ color: #121212;border-color: #121212; }
.brand-yj .remark .more:after{ content: url("../images/icon-more-black.png")  }

/** brand-youth **/
.brand-youth,
.brand-youth .remark{ height: 1000px; }
.brand-youth{
    width: 100%;
    background:#d7092f url("../images/bg-new.jpg") no-repeat top center;
}
.brand-youth .remark{ position: relative; display: flex;flex-direction: column; justify-content: center;margin: 0 auto; }
.brand-youth .remark .intro-txt{ color: #fff; }
.brand-youth .remark h5{ font-size: 42px;font-weight: bold;padding-bottom: 10px; }
.brand-youth .remark p{ font-size: 17px;padding-top: 8px; }
.brand-youth .remark img{ display: block;max-width: 100%;margin-bottom: 50px; }
.brand-youth .remark .more{ position: absolute;right: 155px; bottom: 50px; }
/** product-model **/
.product-model{ height: 800px; }
.product-model .left-remark,
.product-model .right-slide{ height: 700px; }
.product-model{width: 100%;}
.product-model .left-remark{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 380px;
    color: #fff;
}
.product-model .left-remark h5{ font-size: 42px;font-weight: bold;line-height: 46px; }
.product-model .left-remark .w70x3{ background: #fff; }
.product-model .left-remark p{ font-size: 17px;color:#fff;line-height: 35px;padding: 0 0 45px; }
/** right-slide **/
.product-model .right-slide{ display: flex;flex-direction: column;justify-content: center; position: relative;}
.product-model .right-slide .bd ul li{ float: left; position: relative;text-align: center; }
.product-model .right-slide .bd ul li a{ display: block;width: 100%;height: 100%;}
.product-model .right-slide .bd ul li .imgs{ display: flex; align-items: center;justify-content: center; width: 100%;overflow: hidden; }
.product-model .right-slide .bd ul li .imgs img{ display: block;max-width: 60%; }
.product-model .right-slide .bd ul li h5{ font-size: 20px;color:#fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.product-model .right-slide .hd a{
    position: absolute;
    top: 45%;
    display: block;
    width: 25px;
    height: 50px;
    cursor: pointer;
}
.product-model .right-slide .hd a.prev{ left: -30px; background: url("../images/pro-left-slide.png") no-repeat;background-size: 25px; }
.product-model .right-slide .hd a.next{ right: -10px; background: url("../images/pro-right-slide.png") no-repeat;background-size: 25px; }
.product-model .right-slide .hd a.next.nextStop,
.product-model .right-slide .hd a.prev.prevStop{ opacity: .3; }
.product-model .right-slide .bd ul li:hover .imgs img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
/*++------------------------
/*++  List-Content
/*++------------------------*/
/** nbanner **/
.nbanner .container{ min-width: auto; display: flex;flex-direction: column;justify-content: center;position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 720px; }
.nbanner .text{  color: #fff;text-align: center; }
.nbanner .text h5{ font-size: 38px;font-weight: bold; }
.nbanner .text p{ font-size: 16px;}
/** abctxt **/
.abctxt{ font-size: 42px; }
/** desc-p **/
.cls-profiles .lis .text-l p,
.cls-idea .remark p,
.cls-vision .lis .text-l p,
.cls-culture .remark p,
.cls-quality .lis .text-l p,
.vuiv-slide .title p{ font-size: 24px;line-height: 44px;font-weight: lighter; }
/**********
 About
**********/
.cls-profiles .lis{
    position: relative;
    margin: 90px 0 0 70px;
    width: calc(100% - 140px);
    background: #fff;
}
.cls-profiles .lis .w70x3{ background: #d7092f; }
.cls-profiles .lis .text-l,
.cls-profiles .lis .img-r{ margin: 50px 0 100px; }
.cls-profiles{ background:#d7092f url("../images/bgabout-img.jpg") repeat-y center top;overflow: hidden; }
.cls-profiles .lis .text-l{ float: left;display: flex;flex-direction: column;justify-content: center;
    color: #3f3f3f; }
.cls-profiles .lis .text-l h5{ color: #1d1d1d; }
.cls-profiles .lis .text-l p{ padding: 0 0 75px; }
.cls-profiles .lis .text-l .time{ font-style: italic;font-size: 50px;font-weight: bold;color: #1d1d1d; }
.cls-profiles .lis .img-r{ position: absolute;top: 0;right: -70px; width: 40%;z-index: 65 }
/** cls-idea **/
.cls-idea{ width: 100%;background:#d7092f url("../images/bgabout-img.jpg") no-repeat center bottom;padding-bottom: 50px; }
.cls-idea .container{ padding: 0 70px; }
.cls-idea .remark{
    position: relative;
    padding: 100px 0;
    color: #1d1d1d;
    background: #fff;
    text-align: center;
}
.cls-idea .remark:after{
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: calc(100% - 140px);
    height: 3px;
    background: #d7092f;
    content: "";
    transform: translateX(-50%);
    z-index: 6;
}
.cls-idea .remark h5{ font-weight: bold;padding-bottom: 20px; }
.cls-idea .remark p{ width: 1200px; text-align: center;margin: 0 auto; }
/** cls-vision **/
.cls-vision{ background:#d7092f;overflow: hidden; }
.cls-vision .lis{ display: flex;align-items: center; }
.cls-vision .lis .text-l,
.cls-vision .lis .img-r{ margin: 50px 0; }
.cls-vision .lis .text-l{ float: left;display: flex;flex-direction: column;justify-content: center;color: #fff; }
.cls-vision .lis .text-l h5{ color: #fff;font-weight: bold; }
.cls-vision .lis .text-l p{ padding: 20px 0 75px; }
.cls-vision .lis .text-l .time{ font-style: italic;font-size: 50px;font-weight: bold; }
.cls-vision .lis .img-r{ float: right;display: flex;align-items: center;width: 97%; }
/** cls-culture **/
.cls-culture{width: 100%;background:#d7092f;}
.cls-culture .container{ padding: 0 70px; }
.cls-culture .remark{
    position: relative;
    padding: 100px 0;
    color: #1d1d1d;
    background: #fff;
    text-align: center;
}
.cls-culture .remark:after{
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: calc(100% - 140px);
    height: 3px;
    background: #d7092f;
    content: "";
    transform: translateX(-50%);
    z-index: 6;
}
.cls-culture .remark h5{ font-weight: bold;padding-bottom: 20px; }
.cls-culture .remark p{ width: 1200px; text-align: center;margin: 0 auto; }
/** quality **/
.cls-quality{ padding-bottom: 168px; background:#d7092f url("../images/bgzhilian-img.jpg") no-repeat center bottom;overflow: hidden; }
.cls-quality .lis{
    position: relative;
    margin: 0 0 0 70px;
    width: calc(100% - 140px);
    background: #fff;
}
.cls-quality .lis .w70x3{ background: #d7092f; }
.cls-quality .lis .text-l,
.cls-quality .lis .img-r{ margin: 100px 0 50px; }
.cls-quality .lis .text-l{ float: left;display: flex;flex-direction: column;justify-content: center;
    color: #3f3f3f; }
.cls-quality .text-l h5{ color: #1d1d1d; }
.cls-quality .text-l p{ padding: 0 0 75px; }
.cls-quality .text-l .time{ font-style: italic;font-size: 50px;font-weight: bold;color: #1d1d1d; }
.cls-quality .img-r{ position: absolute;top: 0;right: -70px; width: 40%;z-index: 65 }

/**********
 Contact
**********/
.maps{ position: relative; }
/** contact-lis **/
.contact-lis{  position: absolute;top: -100px;left: 50%; padding: 65px 0; background: #d7092f; z-index: 68 }
.contact-lis ul li{ position: relative; display: flex; align-items: center; float: left;color: #fff; }
.contact-lis ul li::after{ position: absolute;top: 0;right: 0; width: 1px;height: 69px;background: #e08e9d;content: ""; }
.contact-lis ul li:last-child::after{ display: none; }
.contact-lis ul li img{ width: 70px;margin-right: 15px; }
.contact-lis ul li .remark{ width: calc(100% - 85px); }
.contact-lis ul li .remark h5{ font-size: 20px;font-weight: bold; }
.contact-lis ul li .remark p{ font-size: 17px; }
/** map **/
#allmap{ width: 100%;height: 790px; }
#allmap .anchorBL{ display: none; }
/**********
 Order
**********/
.back-orders{width: 100%;background:#d7092f;}
.back-orders ul li{ padding: 70px 0; color: #d7092f;border-bottom: 1px solid #e76b82; }
.back-orders ul li:last-child{ border-bottom: 0; }
.back-orders ul li h5{ font-size: 20px;font-weight: bold;padding-bottom: 15px;line-height: 46px;color: #fff; }
.back-orders ul li .tables{ border: 1px solid #fff;background: #fff; }
.back-orders ul li .tables .head{ height: 63px;border-bottom: 1px solid #e3526d;line-height: 63px;font-size: 20px;font-weight: 400; }
.back-orders ul li .tables .head.lis{ font-size: 17px; }
.back-orders ul li .tables .head.lis:last-child{ border-bottom: 0; }
.back-orders ul li .tables .head span{ display: block;float: left;text-align: center;border-right: 1px solid #e3526d;text-overflow: ellipsis;white-space: nowrap;
    overflow: hidden; }
.back-orders ul li .tables .head span:nth-of-type(1){ width: 10%; }
.back-orders ul li .tables .head span:nth-of-type(2){ width: 20%; }
.back-orders ul li .tables .head span:nth-of-type(3){ width: 40%; }
.back-orders ul li .tables .head span:nth-of-type(4){ width: calc(30% - 3px);border-right: 0; }
/**********
 feedback
**********/
.back-feedback{ width: 100%;background:#d7092f; }
.feedback-list{ padding: 120px 0 100px; }
.feedback-list ul li{ float: left; width: 48%;margin-bottom: 35px; }
.feedback-list ul li.textarea{ width: 100%;clear: left;margin-bottom: 80px; }
.feedback-list ul li:nth-of-type(even){ float: right; }
.feedback-list ul li label{ display: block;font-size: 17px;color: #fff;padding-bottom: 15px; }
.feedback-list ul li input::-webkit-input-placeholder,
.feedback-list ul li textarea::-webkit-input-placeholder{ color: #fff; }
.feedback-list ul li .inps,
.feedback-list ul li .inp-text{ width: calc(100% - 50px);padding: 0 25px;border: 1px solid #fff;background: transparent;outline: none;color: #1d1d1d; }
.feedback-list ul li .inps{height: 48px;background: #fff; }
.feedback-list ul li .inps.stype{ width: 100%; }
.feedback-list ul li .inp-text{ padding: 25px;height: 80px;background: #fff; }
.feedback-list ul li.submit{ position: relative; float: none;clear: both; width: 100%;height: 65px;margin-bottom: 0; }
.feedback-list ul li .input-submit{ display: block; width: 170px;height: 65px;background: #ffb400;font-size: 20px;color: #fff;border: 0;
    outline: none;cursor: pointer;margin: 0 auto; }
.feedback-list ul li .error-hide{ position: absolute;top: 0;left: 0; }
/** Validform **/
.Validform_checktip{line-height:20px;height:20px;overflow:hidden;color:#999;font-size:16px}
.Validform_right{color:#71b83d;padding-left:20px;background:url(../images/right.png) no-repeat left center}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(../images/error.png) no-repeat left center}
.Validform_loading{padding-left:20px;background:url(../images/onLoad.gif) no-repeat left center}
.Validform_error{background-color:#ffe7e7}
/*************
 University
**************/
.university-list .cls-vision{ background:#d7092f url("../images/bguniv-img.jpg") no-repeat center bottom; }
.vuiv-slide{ position: relative; padding: 90px 0; width: 1400px;margin: 0 auto; }
.vuiv-slide .title{ color: #fff;padding-bottom: 55px; }
.vuiv-slide .title h5{ font-size: 42px;font-weight: bold;padding-bottom: 20px; }
.vuiv-slide .bd{ overflow: hidden; }
.vuiv-slide .bd ul li{ width: 452px;margin-right: 22px; }
.vuiv-slide .hd a{ position: absolute;top: 62%; display: block;width: 49px;height: 49px;background: url("../images/prev-next.png") no-repeat -56px 0px;
    cursor: pointer; }
.vuiv-slide .hd a.prev{ left: -100px; background-position: 0 0; }
.vuiv-slide .hd a.next{ right: -100px; }
.vuiv-slide .hd a.next:hover{ background-position: -58px -58px; }
.vuiv-slide .hd a.prev:hover{ background-position: 0 -57px; }
/** life **/
.university-list .cls-idea{ background: none;height: auto;padding-bottom: 0; }
.university-list .life{ height: 970px; }
.university-list .cls-idea .container{ padding: 0 170px; }
.university-list .cls-idea em{ background: #fff; }
.university-list .cls-idea .remark{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0;
    width: auto;
    height: 970px;
    background: transparent;
    color: #fff;
    text-align: left;
}
.university-list .cls-idea .remark h5{ padding-bottom: 0; }
.university-list .cls-idea .remark p{ text-align: left;width: auto;margin: 0; }
/** quality **/
.university-list .cls-quality{ height: 910px;padding-bottom: 0; background:#d7092f url("../images/bgunvi-back.jpg?v1.2") no-repeat center top; }
.university-list .cls-quality .lis .img-r{
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    width: 40%;
}
.university-list .cls-quality .lis .img-r img{ position: absolute;top: -20px;right: -30px;width: 600px;z-index: 6 }
.university-list .cls-quality .lis .text-l{
    float: right;
    width: 540px;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}
.university-list .cls-quality .text-l h5{ color: #1d1d1d; }
.university-list .cls-quality .text-l p{ width: 450px; color: #1d1d1d; }
/*************
 News
**************/
.back-news{ width: 100%;background:#f4030c url("../images/bgnews-img.jpg") repeat-y center bottom; }
.news-list{ padding: 120px 0 55px;margin: 0 auto; }
.news-list ul li{
    position: relative;
    float: left;
    padding: 6px;
    background: #fff;
}
.news-list ul li .bgbor{ position: absolute;top: 0;left: 0; width: 100%;height: 100%;content:url("../images/bor-news.png");z-index: 6 }
.news-list ul li .imgs{ width: 100%;overflow: hidden; }
.news-list ul li .imgs img{ display: block;width: 100%; }
.news-list ul li:nth-of-type(3n){ margin-right: 0; }
.news-list ul li .remark h5{ color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.news-list ul li .remark p{ font-size: 16px;padding: 10px 0 25px; }
.news-list ul li .remark .bottom span{ color: #999;font-size: 16px; }
.news-list ul li:hover{ background: #d7092f; }
.news-list ul li:hover .imgs img{ -webkit-transform: scale(1.1);transform: scale(1.1); }
.news-list ul li:hover .remark h5,
.news-list ul li:hover .remark p,
.news-list ul li:hover .remark .bottom span{ color: #fff; }
/** Show **/
.news-show{ padding: 45px 0 1px;background:#d7092f url("../images/bgnews-show-content.jpg") repeat-y center bottom; }
.news-show .cons{ padding: 0 40px; }
.content-title{ padding: 70px 40px 40px;margin-bottom: 40px;background: #fafafa; }
.content-title h1{ font-size: 46px;color: #000;padding-bottom: 10px; }
.content-title .sub-title span{ font-size: 16px;color: #666;padding-right: 20px; }
.content-title .sub-title .bdsharebuttonbox{display:inline-block;vertical-align: middle;}
.content-title .bdshare-button-style0-16 a,
.content-title .bdshare-button-style0-16 .bds_more{ margin:0 6px 2px 0; }
.news-show .detail p{ color: #666;line-height: 24px; }
.news-show .detail img{max-width: 100%;vertical-align:middle;}
/*************
 Join
**************/
.back-join{ width: 100%;background: url("../images/bgrecu-img-content.jpg") repeat-y center bottom; }
.join-list{ padding: 90px 0 50px; }
.join-list h5{ font-size: 42px; color: #fff;font-weight: bold;padding-bottom: 35px; }
.join-list ul li,
.join-list ul li a{ height: 135px; }
.join-list ul li{
    float: left;
    width: 32%;
    height: 135px;
    margin-bottom: 2%;
    background: #fff;
}
.join-list ul li:nth-of-type(3n-1){ margin: 0 2%; }
.join-list ul li a{ display: flex;flex-direction: column; justify-content: center; padding:0 30px; }
.join-list ul li h5{ position: relative; font-size: 20px;color: #333;line-height: 75px;padding-bottom: 0; }
.join-list ul li .icon-img{ float: right;width: 75px; }
.join-list ul li span{ color: #d7092f; }
/** join-list-data **/
.search-join{ padding: 100px 0; width: 100%;background:#d7092f; }
.search-join h5{ font-size: 20px;color: #fff;padding-bottom: 30px; }
.search-join ul li{ float: left; width:calc((100% - 230px)/4) ;height: 48px; margin-right: 30px;border: 1px solid #f2c6a6; }
.search-join ul li.join-sub{ float: right; width: 100px;margin-right: 0;padding: 0;border: 0; }
.search-join ul li select{ padding: 0 15px; width:100%;height: 48px;border: 0;background: #ff9e00;color: #fff; }
.search-join ul li.join-sub .join-bth{ display: block;width: 100%;height: 50px;background: #ff9e00; color: #fff;border: 0;outline: none;
    cursor: pointer; }
.join-list-data{ padding: 50px 0 60px; }
.join-list-data h4{ font-size: 26px;color: #fff;padding-bottom: 20px; }
.join-list-data h4.ctit{ margin-top: 30px; }
.join-list-data .cate-left ul{ padding: 15px 0; }
.join-list-data .cate-left ul li{ position: relative; margin: 8px 25px 0;height: 38px; font-size: 18px;
    color: #333;cursor: pointer; }
.atsx-tree-checkbox-inner {
    float: left;
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border: 1px solid #8f959e;
    border-radius: 2px;
    border-collapse: separate;
    transition: all .3s;
    margin: 5px 8px 0 0;
}
.atsx-tree-checkbox-inner:after {
    position: absolute;
    top: 50%;
    left: 21%;
    display: table;
    width: 5px;
    height: 9.14285714px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -ms-transform: rotate(45deg) scale(0) translate(-50%,-50%);
    transform: rotate(45deg) scale(0) translate(-50%,-50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;
    content: " ";
}
.join-list-data .cate-left ul li.on .atsx-tree-checkbox-inner{
    background-color: #3370ff;
    border-color: #3370ff;
}
.join-list-data .cate-left ul li.on .atsx-tree-checkbox-inner:after {
    position: absolute;
    display: table;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    -ms-transform: rotate(45deg) scale(1) translate(-50%,-50%);
    transform: rotate(45deg) scale(1) translate(-50%,-50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    content: " ";
}
.join-list-data .cate-left ul li:not(.on):hover .atsx-tree-checkbox-inner {
    border-color: #3370ff;
    box-shadow: 0 0 4px 0 rgba(78,131,253,.4);
    background-color: #fff;
}
/** list-right **/
.join-list-data .list-right ul.ajax-content li{
    display: flex;
    width: calc(100% - 50px);
    height: auto;
    background: #fff;
    padding: 30px 25px;
    margin-bottom: 30px;
}
.join-list-data .list-right ul.ajax-content li .left-remark h5{ font-size: 20px;color: #000; }
.join-list-data .list-right ul.ajax-content li .left-remark .type{ margin: 10px 0; }
.join-list-data .list-right ul.ajax-content li .left-remark .type span{ position: relative; color: #666;font-size: 16px;padding: 0 10px; }
.join-list-data .list-right ul.ajax-content li .left-remark .type span:first-child{ padding-left: 0; }
.join-list-data .list-right ul.ajax-content li .left-remark .type span:last-child::after{ display: none; }
.join-list-data .list-right ul.ajax-content li .left-remark .type span::after{ position: absolute;top: 7px;right: 0; width: 1px;height: 14px;background: #e6e6e6;content: "" }
.join-list-data .list-right ul.ajax-content li .left-remark .rsb{ font-size: 17px; color: #666;height: auto;overflow: hidden; }
.join-list-data .list-right ul.ajax-content li .right-bth{ display: flex;align-items: center; }
.join-list-data .list-right ul.ajax-content li .right-bth .icons{ display: block;background: url("../images/ico-join-rs.png") no-repeat 0 0;margin: 0 auto; }
.join-list-data .list-right ul.ajax-content li .right-bth .share,
.join-list-data .list-right ul.ajax-content li .right-bth .resume{ position: relative; width: 65px; float: left;text-align: center;cursor: pointer; }
.join-list-data .list-right ul.ajax-content li .right-bth .resume{ margin-left: 30px;overflow: hidden; }
.join-list-data .list-right ul.ajax-content li .right-bth .share .share-ops{ display: none; width: 95px;position: absolute;bottom: -25px;left: 0;z-index: 55 }
.join-list-data .list-right ul.ajax-content li .right-bth .share .icons{ width: 34px;height: 34px; }
.join-list-data .list-right ul.ajax-content li .right-bth .resume .icons{ width: 41px;height: 35px; background-position: -49px 0; }
.join-list-data .list-right ul.ajax-content li .right-bth p{ font-size: 16px;padding-top: 10px; }
.join-list-data .list-right ul.ajax-content li .right-bth .resume #file{ opacity: 0; position: absolute;top: 0;left: 0;font-size: 45px; z-index: 66; }
.join-list-data .list-right ul.ajax-content li .right-bth .share:hover .share-ops{ display: block; }
.join-list-data .list-right ul.ajax-content li .right-bth .share:hover .icons{ background-position: 0 -41px; }
.join-list-data .list-right ul.ajax-content li .right-bth .resume:hover .icons{ background-position: -49px -41px; }
.join-list-data .list-right ul.ajax-content li .right-bth .share:hover p,
.join-list-data .list-right ul.ajax-content li .right-bth .resume:hover p{ color: #d7092f; }
/**ajax-page**/
.ax-page{ width: 115px;height: 40px;background: #fff;border: 0;cursor: pointer;margin-left: 10px; }
.ax-more{ display: block; border: 0;background: none;font-size: 16px;padding: 0 25px 15px;cursor: pointer; }
.skey{ width:calc(100% - 50px); display: block; margin: 0 25px;font-size: 16px;border: 1px solid #f5f5f5; }
/*************
 Product
**************/
.product-cate{ padding: 100px 0 80px; }
.product-cate ul li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    width: 32%;
    margin-bottom: 20px;
}
.product-cate ul li:nth-of-type(3n-1){ margin: 0 2%; }
.product-cate ul li:after{
    position: absolute;
    top: calc((100% - 35%) / 2);
    right: -1.5px;
    display: block;
    width: 3px;
    height: 35%;
    content: "";
    background: #d7092f;
    z-index: 66;
}
.product-cate ul li:last-child:after{ opacity: 0; }
.product-cate ul li:nth-of-type(3n):after{ opacity: 0; }
.product-cate ul li img{ position: relative; display: block;max-width: 100%;margin: 0 auto;z-index: 8 }
.product-cate ul li:hover img{ transform: scale(1.05); }
/** product-data **/
.product-data .gallery-top{
    /*background:#f5f5f5 url("../images/product-show.jpg?v1.0.0") no-repeat center center;*/
    background:#fff;
}
.product-data .gallery-top,
.product-data .gallery-top .swiper-slide .remark{ height: 800px; }
.product-data .gallery-top{ width: 100%; }
.product-data .gallery-top .swiper-slide{ background: transparent;text-align: left; }
.product-data .gallery-top .swiper-slide .remark{ display: flex;align-items: center; }
.product-data .gallery-top .swiper-slide .remark .imgs{ display: flex;justify-content: center; width: 50%; }
.product-data .gallery-top .swiper-slide .remark .intro{ width: 50%; }
.product-data .gallery-top .swiper-slide .remark .intro h1{ font-size: 35px;font-weight: bold;color: #d7092f; }
.product-data .gallery-top .swiper-slide .remark .intro .desc{ font-size: 26px;padding: 15px 0 40px;line-height: 35px; }
.product-data .gallery-top .swiper-slide .remark .intro .content{ padding-top: 55px; }
.product-data .gallery-top .swiper-slide .remark .intro .content p{ line-height: 26px;font-size: 16px; }
.buynow{ position: relative; display: block;width: 223px;height: 68px;line-height: 68px; border: 1px solid #d7092f;font-size: 22px;color: #fff;
    background:#d7092f url("../images/ico-buy.png") no-repeat 150px 50%;text-indent: 50px;margin-top: 20px; }
/** gallery-thumbs **/
.product-data .thumbs-slide{ position: relative; padding: 0 0 165px;background: #fff; }
.product-data .thumbs-slide .bors{ position: absolute;bottom: 140px;left:0; width: 100%;height: 1px;background: #e2e2e2;z-index: 10 }
.product-data .gallery-thumbs{ width: 100%;height: 258px;background: #fff;padding: 20px 10px 0;/*60*/ }
.product-data .gallery-thumbs .swiper-wrapper{ padding: 0 30px; }
.product-data .gallery-thumbs .swiper-slide{ width: auto;text-align: center;/*padding: 0 38px;*/cursor: pointer; }
.product-data .gallery-thumbs .swiper-slide .imgs{ display: flex;align-items: center;justify-content: center;
    width: 180px;height: 170px;margin: 0 auto 10px;overflow: hidden; }
.product-data .gallery-thumbs .swiper-slide .imgs img{ display: block;width: 100%; }
.product-data .gallery-thumbs .swiper-slide p{ position: relative; width: 98%;margin: 0 auto; font-size: 16px;color: #808080;line-height: 26px; }
.product-data .gallery-thumbs .swiper-slide .small-ico{ opacity: 0; position: absolute;bottom: -20px;left: calc((100% - 38px)/2); display: block;width: 38px;height: 19px;
    background: url("../images/ico-small-top.png") no-repeat;z-index: 18;
}
.product-data .gallery-thumbs .swiper-slide.active .small-ico{ opacity: 1; }
.product-data .gallery-thumbs .swiper-slide.active p{ color: #ed691f; }
.product-data .gallery-thumbs .swiper-button-prev,
.product-data .gallery-thumbs .swiper-button-next{ top: 0; height: 100%; background: #fafafa; }
.product-data .gallery-thumbs .swiper-button-prev{ left: 0; }
.product-data .gallery-thumbs .swiper-button-next{ right: 0; }
.product-data .gallery-thumbs .swiper-button-prev img,
.product-data .gallery-thumbs .swiper-button-next img{ position: absolute;top: 55%; width: 35px; }
.product-data .gallery-thumbs .swiper-button-prev.swiper-button-disabled img,
.product-data .gallery-thumbs .swiper-button-next.swiper-button-disabled img{ opacity: .3 }
.product-data .gallery-top .swiper-button-prev,
.product-data .gallery-top .swiper-button-next{width: 64px;height: 64px;}
.product-data .gallery-top .swiper-button-next.swiper-button-disabled,
.product-data .gallery-top .swiper-button-prev.swiper-button-disabled{ opacity: 1 }
.product-data .gallery-top .swiper-button-prev{background: url("../images/pro-prev.png") no-repeat;}
.product-data .gallery-top .swiper-button-next{background: url("../images/pro-next.png") no-repeat;}
/*************
 Events
**************/
.back-events{ width: 100%;background:#d7092f url("../images/bgevent-img.jpg") repeat-y center bottom; }
.events-list{ padding: 100px 0 0; }
.events-list .left-slide{ position: relative; width: 95px;height: 530px;overflow: hidden; }
.events-list .left-slide::after{ width: 1px;height: 100%; position: absolute;top: 0;right: 9px;content: "";background: #efa7aa; z-index: 15 }
.events-list .left-slide .bd ul li{ position: relative; height: 50px;font-size: 18px;color:rgba(255,255,255,.6);line-height: 20px;cursor: pointer; }
.events-list .left-slide .bd ul li .sbor{ position: absolute;top: 0;right:5px; display: block;width: 9px;height: 9px;background: #fff;border-radius: 65px;
    z-index: 18;}
.events-list .left-slide .bd ul li .sbor .bgbor{ opacity: 0; position: absolute;top: 6px;right: 6px;width: 8px;height: 8px; background: #ed691f;border-radius: 65px; z-index: 22; }
.events-list .left-slide .hd{ position: absolute;left:0;bottom: 0;z-index: 20 }
.events-list .left-slide .hd a{ float: left; display: block;width: 31px;height: 31px;background: url("../images/prev-next-small.png") no-repeat 0 0;cursor: pointer; }
.events-list .left-slide .hd a.next{ background-position: -54px 0;margin-left: 10px; }
.events-list .left-slide .bd ul li.on{ font-weight: bold; color: rgba(255,255,255,1); }
.events-list .left-slide .bd ul li.on .sbor{ right: 0; width: 20px;height: 20px; }
.events-list .left-slide .bd ul li.on .sbor .bgbor{ opacity: 1; }
/** right-data **/
.events-list .right-data{ width:calc(100% - 135px);min-height: 530px; }
.events-list .right-data .empty{ color: #fff;font-size: 18px; }
.events-list .right-data ul li{ position: relative;margin-top: 45px; padding-bottom: 45px;border-bottom: 1px solid #ec424c; }
.events-list .right-data ul li:first-child{ margin-top: 0; }
.events-list .right-data ul li:last-child{ border-bottom: 0; }
.events-list .right-data ul li a{
    position: relative;
    display: flex;
    align-items: center;
    border: 4px solid #ffd07f;
    background: #fff;
}
.jiao{
    display: block;
    position: absolute;
    z-index: 66;
}
.jiao.ico-lt,.jiao.ico-lb{ width: 28px;height: 32px;left: -4px; }
.jiao.ico-lt{ top: -4px;background: url("../images/jiao/ico-lt.png") no-repeat; }
.jiao.ico-lb{ bottom: -4px;background: url("../images/jiao/ico-lb.png") no-repeat; }
.jiao.ico-rt,.jiao.ico-rb{ width: 29px;right: -4px }
.jiao.ico-rt{ height: 33px; top: -4px;background: url("../images/jiao/ico-rt.png") no-repeat; }
.jiao.ico-rb{ height: 32px; bottom: -4px;background: url("../images/jiao/ico-rb.png") no-repeat; }
.events-list .right-data ul li .imgs{ position: relative; overflow: hidden; }
.events-list .right-data ul li .imgs img{ display: block;width: 100%;height: 100%; }
.events-list .right-data ul li .remark h5{ color: #1d1d1d;padding-bottom: 20px; }
.events-list .right-data ul li .remark p{ font-size: 24px;color: #4a4a4a;line-height: 38px;font-weight: lighter; }
.events-list .right-data ul li:hover .imgs img{ transform: scale(1.1) }
.events-list .right-data .cmore{ float: right; color: #fff;cursor: pointer; }
.events-list .right-data .cmore img{ width: 18px;vertical-align: bottom;margin-right: 8px; }
/****** media *******/
@media screen and (max-width: 1599px){
    .container{ padding: 0 40px; }
    /** brand-yj **/
    .brand-yj.container{ padding: 0 25px; }
    .brand-yj .remark{ padding-top: 32px; }
    .brand-yj .remark p{ font-size: 14px; }
    .nav ul li{ margin: 0 20px; }
    .brand-youth .remark{ width: 1200px; }
    .product-model .right-slide{ max-width: calc(100% - 380px); }
    .product-model .right-slide .bd ul li{ width: 270px;height: 300px; margin-right: 15px;background-size: 100%; }
    .product-model .right-slide .bd ul li .imgs{ height: 270px; }
    .footer .social .cons{ padding: 0; }
    .footer .social ul li{ padding:0 10px; }
    .footer .footer-left{ width: calc(100% - 265px); }
    .footer .footer-right{ width: 265px; }
    .footer-right strong{ font-size: 30px; }
    .footer-right p{ font-size: 14px; }
    .footer .borl{ right: 375px }
    .footer .fbottom .f-nav{ width: calc(100% - 220px); }
    .footer .fbottom .f-nav ul li{ width: 135px; }
    .footer .fbottom .f-nav ul li h5,
    .footer-right h6{ font-size: 16px; }
    .footer .fbottom .f-nav ul li .childer a{ font-size: 15px; }
    /** about **/
    .cls-profiles .lis .text-l,
    .cls-quality .lis .text-l,
    .cls-vision .lis .text-l{ padding: 0 45px;width:calc(60% - 90px); }
    .abctxt{ font-size: 28px; }
    .cls-profiles .lis .text-l p,
    .cls-idea .remark p,
    .cls-vision .lis .text-l p,
    .cls-culture .remark p,
    .cls-quality .lis .text-l p,
    .vuiv-slide .title p{ font-size: 18px;line-height: 38px;font-weight: lighter; }
    /** contact **/
    .contact-lis{ width: 1210px;margin: 0 0 0 -650px; }
    .contact-lis ul li{ padding: 0 55px; }
    /** University **/
    .cls-vision .lis.work .text-l{ padding: 0 0 0 120px; }
    .cls-vision .lis.work .text-l{ width: calc(50% - 120px);  }
    /** News **/
    .news-list{ width: 1200px; }
    .news-list ul li{ width: 374px;height: 398px;margin: 0 21px 21px 0; }
    .news-list ul li .imgs{ height: 212px; }
    .news-list ul li .remark{ padding: 20px 15px 0; }
    .news-list ul li .remark h5{ font-size: 20px; }
    /** Join **/
    .join-list-data .cate-left{ width: 285px; }
    .join-list-data .list-right{ width: calc(100% - 315px); }
    .join-list-data .list-right ul li .left-remark{ width: calc(100% - 180px); }
    .join-list-data .list-right ul li .right-bth{ margin-left: 80px; }
    /** Product **/
    .product-cate ul li img{ max-width: 80%; }
    .product-cate ul li{ height: 230px; }
    /*.product-data .gallery-thumbs .swiper-slide{ padding: 0 27px; }*/
    .product-data .gallery-top .swiper-slide .remark .intro h1{ font-size: 33px; }
    .product-data .gallery-top .swiper-slide .remark .imgs{ width: 45%; }
    .product-data .gallery-top .swiper-slide .remark .intro{ width: 55%; }
    /** Events **/
    .events-list .right-data ul li .remark h5{ width: 100%;font-size: 40px;line-height: 45px; }
    .events-list .right-data ul li .imgs{ width: 385px;height: 254px; }
    .events-list .right-data ul li .remark{ margin-left: 64px; width: calc(100% - 415px); }
}
@media screen and (min-width: 1600px){
    .container{ padding: 0 100px; }
    /** brand-yj **/
    .brand-yj.container{ padding: 0 50px; }
    .brand-yj .remark{ padding-top: 109px; }
    .brand-yj .remark p{ font-size: 17px; }
    .nav ul li{ margin: 0 30px; }
    .brand-youth .remark{ width: 1336px; }
    .product-model .right-slide{ max-width: calc(100% - 400px); }
    .product-model .right-slide .bd ul li{ width: 311px;height: 300px; margin-right: 35px;background-size: 100%; }
    .product-model .right-slide .bd ul li .imgs{ height: 270px; }
    .footer .social .cons{ padding: 0 30px; }
    .footer .social ul li{ padding:0 18px; }
    .footer .footer-left{ width: calc(100% - 320px); }
    .footer .footer-right{ width: 320px; }
    .footer-right strong{ font-size: 36px; }
    .footer .borl{ right: 475px }
    .footer .fbottom .f-nav{ width: calc(100% - 250px);}
    .footer .fbottom .f-nav ul li{ width: 165px; }
    .footer .fbottom .f-nav ul li h5,
    .footer-right h6{ font-size: 22px; }
    .footer .fbottom .f-nav ul li .childer a{ font-size: 18px; }
    /** about **/
    .cls-profiles .lis .text-l,
    .cls-quality .lis .text-l{ width:calc(60% - 200px); }
    .cls-vision .lis .text-l{ width:calc(60% - 320px); }
    .cls-profiles .lis .text-l,
    .cls-quality .lis .text-l{ padding: 0 100px; }
    .cls-vision .lis .text-l{ padding: 0 160px; }
    .abctxt{ font-size: 42px; }
    .cls-profiles .lis .text-l p,
    .cls-idea .remark p,
    .cls-vision .lis .text-l p,
    .cls-culture .remark p,
    .cls-quality .lis .text-l p,
    .vuiv-slide .title p{ font-size: 24px;line-height: 44px;font-weight: lighter; }
    /** contact **/
    .contact-lis{ width: 1420px;margin: 0 0 0 -750px; }
    .contact-lis ul li{ padding: 0 85px; }
    /** University **/
    .cls-vision .lis.work .text-l{ padding: 0 0 0 200px; }
    .cls-vision .lis.work .text-l{ width: calc(50% - 200px);  }
    /** News **/
    .news-list{ width: 1455px; }
    .news-list ul li{ width: 460px;height: 448px;margin: 0 18px 18px 0; }
    .news-list ul li .imgs{ height: 257px; }
    .news-list ul li .remark{ padding: 25px 25px 0; }
    .news-list ul li .remark h5{ font-size: 20px; }
    /** Join **/
    .join-list-data .cate-left{ width: 360px; }
    .join-list-data .list-right{ width: calc(100% - 390px); }
    .join-list-data .list-right ul li .left-remark{ width: calc(100% - 160px); }
    .join-list-data .list-right ul li .right-bth{ margin-left: 50px; }
    /** Product **/
    .product-cate ul li img{ max-width: 80%; }
    .product-cate ul li{ height: 275px; }
    .product-data .gallery-top .swiper-slide .remark .intro h1{ font-size: 34px; }
    /*.product-data .gallery-thumbs .swiper-slide{ padding: 0 27px; }*/
    .product-data .thumbs-slide .container{ padding: 0 80px; }
    /** Events **/
    .events-list .right-data ul li .remark h5{ width: 75%;font-size: 42px;line-height: 50px }
    .events-list .right-data ul li .imgs{ width: 489px;height: 338px; }
    .events-list .right-data ul li .remark{ margin-left: 64px; width: calc(100% - 565px); }

}
@media screen and (min-width: 1900px){
    .container{ padding: 0 160px; }
    /** brand-yj **/
    .brand-yj.container{ padding: 0 160px; }
    .brand-yj .remark{ padding-top: 176px; }
    .brand-yj .remark p{ font-size: 17px; }
    .nav ul li{ margin: 0 30px; }
    .brand-youth .remark{ width: 1336px; }
    .product-model .right-slide{ max-width: calc(100% - 400px); }
    .product-model .right-slide .bd ul li{ width: 311px;height: 300px; margin-right: 35px;background-size: 100%; }
    .product-model .right-slide .bd ul li .imgs{ height: 270px; }
    .footer .social .cons{ padding: 0 30px; }
    .footer .social ul li{ padding:0 28px; }
    .footer .footer-left{ width: calc(100% - 345px); }
    .footer .footer-right{ width: 345px; }
    .footer-right strong{ font-size: 36px; }
    .footer .borl{ right: 590px }
    .footer .fbottom .f-nav{ width: calc(100% - 250px);}
    .footer .fbottom .f-nav ul li{ width: 175px; }
    .footer .fbottom .f-nav ul li h5,
    .footer-right h6{ font-size: 22px; }
    .footer .fbottom .f-nav ul li .childer a{ font-size: 18px; }
    /** about **/
    .cls-profiles .lis .text-l,
    .cls-quality .lis .text-l{ width:calc(60% - 140px); }
    .cls-vision .lis .text-l{ width:calc(60% - 320px);  }
    .cls-profiles .lis .text-l,
    .cls-quality .lis .text-l{ padding: 0 70px; }
    .cls-vision .lis .text-l{ padding: 0 160px; }
    .abctxt{ font-size: 42px; }
    .cls-profiles .lis .text-l p,
    .cls-idea .remark p,
    .cls-vision .lis .text-l p,
    .cls-culture .remark p,
    .cls-quality .lis .text-l p,
    .vuiv-slide .title p{ font-size: 24px;line-height: 44px;font-weight: lighter; }
    /** contact **/
    .contact-lis{ width: 1420px;margin: 0 0 0 -750px; }
    .contact-lis ul li{ padding: 0 90px; }
    /** University **/
    .cls-vision .lis.work .text-l{ padding: 0 0 0 280px; }
    .cls-vision .lis.work .text-l{ width: calc(50% - 280px);  }
    /** News **/
    .news-list{ width: 1590px; }
    .news-list ul li{ width: 488px;height: 468px;margin: 0 43px 43px 0; }
    .news-list ul li .imgs{ height: 272px; }
    .news-list ul li .remark{ padding: 25px 25px 0; }
    .news-list ul li .remark h5{ font-size: 26px; }
    /** Join **/
    .join-list-data .cate-left{ width: 360px; }
    .join-list-data .list-right{ width: calc(100% - 390px); }
    .join-list-data .list-right ul li .left-remark{ width: calc(100% - 160px); }
    .join-list-data .list-right ul li .right-bth{ margin-left: 50px; }
    /** Product **/
    .product-cate ul li img{ max-width: 80%; }
    .product-cate ul li{ height: 275px; }
    .product-data .gallery-top .swiper-slide .remark .intro h1{ font-size: 38px; }
    /*.product-data .gallery-thumbs .swiper-slide{ padding: 0 38px; }*/
    .product-data .thumbs-slide .container{ padding: 0 130px; }
    /** Events **/
    .events-list .right-data ul li .remark h5{ width: 75%;font-size: 42px;line-height: 50px; }
    .events-list .right-data ul li .imgs{ width: 489px;height: 338px; }
    .events-list .right-data ul li .remark{ margin-left: 64px; width: calc(100% - 565px); }
}
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ text-align:center;padding:35px 0 0; }
.pages a{ display:inline-block;padding:5px 10px;margin-right:10px;background: #fff; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:#ff851e;border-color:#ff851e; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;margin: 35px 0 20px; height: 65px;border: 1px solid #eee;border-width: 1px 0; }
.Pre-Next p{ max-width:50%;min-height:25px;line-height:65px;float: left; overflow:hidden;}
.Pre-Next .page-next{ float: right; }
.Pre-Next p a{ font-size: 14px; }
.Pre-Next p a.a:hover{ color: #ff7500; }