﻿/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;object-fit:cover;-o-object-fit: cover;    transition: all 0.3s linear 0.1s;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;}

body {color:#656565; font:14px/1.5 Arial, "Microsoft Yahei";width:100%; background-color:#a0000d;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color: #666666;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
.lf{float:left;}
.rt{
    float:right;
}
.sen{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display:block;
}
@font-face {
    font-family: 'iconfont';  /* project id 1150431 */
    src: url('//at.alicdn.com/t/font_1150431_jye7kitpbh.eot');
    src: url('//at.alicdn.com/t/font_1150431_jye7kitpbh.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1150431_jye7kitpbh.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1150431_jye7kitpbh.woff') format('woff'),
    url('//at.alicdn.com/t/font_1150431_jye7kitpbh.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1150431_jye7kitpbh.svg#iconfont') format('svg');
  }
.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* 888888888888888888888888888 */
/* #header .container{width:80%;} */
#fullpage .container{
    width: 73.1%;
}
@media(min-width:1200px) and (max-width:1439px) {
    #fullpage .container,section .container,#footer .container {
        width: 94%;
    }

    #header .container {
        width: 95.7%;
        position: relative;
    }
}

@media(min-width:1440px) {
    #fullpage .container,section .container,footer .container {
        width: 84%; 
    }

    #header .container {
        width: 90.7%;
        position: relative;
    }
}

@media(min-width:1600px) {
    #fullpage .container,section .container,footer .container {
        width: 73.1%; 
    }

    #header .container {
        width: 80.7%;
        position: relative;
    }
}

@media(max-width:1080px) {
    #fullpage .container,section .container,footer .container {
        width: 86%; 
    }

    #header .container {
        width: 90%;
    }
}

@media(max-width:760px) {

    #fullpage .container,section .container,footer .container,
    #header .container {
        width: 100%;}
}

#header{height:130px;position:fixed;overflow:hidden;background:#B8000F url(../images/topbg.jpg) no-repeat center;top:0;width:100%;left:0;display:block;z-index:999;background-size:cover}
#header .logo{float:left;width:27%;height:106px;background:url(../images/logo.png) no-repeat left center;background-size:contain}
#header h3{margin-top:4px;position:relative;height:46px;width:30px;cursor:pointer}
#header h3 span{display:block;height:2px;width:100%;background:#000;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease .5s;-webkit-transition:ease .5s;-moz-transition:ease .5s;-o-transition:ease .5s}
#header h3:after,#header h3:before{position:absolute;left:0;width:100%;height:2px;background:#fff;content:"";transition:ease .5s;-webkit-transition:ease .5s;-moz-transition:ease .5s;-o-transition:ease .5s}
#header h3:after{bottom:10px}
#header h3:before{top:10px}
#header h3.onhover: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:10px;left:5px}
#header h3.onhover: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 h3 span{display:block;height:2px;width:100%;background:#fff;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease .5s;-webkit-transition:ease .5s;-moz-transition:ease .5s;-o-transition:ease .5s}
#header h3.onhover span{opacity:0}
#Nav{position:fixed;left:0;top:-100%;width:100%;background:#B7000F;z-index:99;transition:all .5s linear .1s;-webkit-transition:all .5s linear .1s;-moz-transition:all .5s linear .1s;-o-transition:all .5s linear .1s}
#Nav a{display:block;color:#fff;border-top:solid 1px #BB0300;border-bottom:solid 1px #FF3502;line-height:40px;text-align:center}
#header .logo a{display:block;width:100%;height:100%;text-indent:-9999em}
#Nav.show{top:66px}
.menu{width:56%;overflow:hidden;margin-top:18px}
.menu li{float:left;display:inline-block;width:15.2%;line-height:68px}
.menu li.active,.menu li:hover{background:url(../images/navbg.png) no-repeat center;background-size:100% 100%}
.menu li a{display:block;position:relative;color:#fff;text-align:center;font-size:1.6rem;font-weight: 700;}
.menu li a:after{position:absolute;top:15px;right:-2.5px;width:5px;height:40px;background:url(../images/line.png) center center no-repeat;background-size:cover;content:''}
.tel{
	color: #fff;
	height: 106px;
	font-size: 18px;padding:30px 0;overflow: hidden;
	font-weight: 600
}
.tel span{float: left;padding-top: 15px;}
.tel b{float: left;line-height: 1.5;padding-top:15px}
#fullpage .section{overflow:hidden;width:100%;height:100%}
#Banner,.swiper-banner img{width:100vw;height:100vh}
.swiper-pagination-bullet-active{background:#B8000F}
.mainBox{padding-top:130px;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}
#section2{background:url(../images/aboutbg.jpg) no-repeat center;background-size:cover}
.common-title{text-indent:-99999em;text-align:center;color:#AE1724;margin-bottom:7vh;margin-top:3vh}
.aboutBox{width:80%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.layui-layer-content{background:#000}
.videoShow img{cursor:pointer}
.aboutTxt h5{font-size:2rem;color:#B49D75;margin-top:10px}
.aboutTxt .txt{font-size:1.6rem;line-height:1.8;text-align:justify;color:rgba(255,255,255,.6);margin-top:26px;margin-bottom:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical}
.seeMore a{display:inline-block;background:url(../images/more.png) no-repeat center;width:130px;height:37px;line-height:37px;color:#E2202F;text-align:center;font-size:1.6rem}
#section3{background:url(../images/ppdbg.jpg) no-repeat center;background-size:cover}
.cultrue-item{background:url(../images/whbg.jpg) no-repeat center;text-align:center;width:100%;height:480px;background-size:100% 100%;padding:14% 8%}
.cultrue-item a{display:block}
.culture-txt b{font-size:2rem;display:block;color:#D7D7D7;margin:26px 0 14px}
.culture-txt .txt{font-size:1.4rem;color:#A7A7A7;line-height:1.5;text-align:justify;padding:0 10px}
.cultureBox li{float:left;width:21%;margin-right:5%;transition:all .3s linear}
.cultureBox li:last-child{margin-right:0}
.cultureBox li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}
.cultureBox li:hover .cultrue-item{background-image:url(../images/whbg2.png)}
.cultureBox li:hover .culture-txt .txt{color:rgba(255,255,255,.8)}
.cultureBox li:hover{transform:translateY(-20px)}
#section4{background:url(../images/cpdbg.jpg) no-repeat center;background-size:cover}
#section4 .common-title{margin-left:9vw}
.cpBox li{margin-bottom:30px;overflow:hidden;}
.cpBox li a{display:block;position:relative;overflow:hidden}
.cpBox li p{position:absolute;bottom:0;left:0;width:100%;line-height:40px;color:#D5D5D5;background:rgba(55,21,17,.9);text-align:center}
.cpBox li .mask{position:absolute;bottom:100%;left:0;width:100%;background:rgba(29,29,29,.7);height:100%;transition:all .3s linear}
.cpBox li .mask img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width:100%;width:50%}
.cpBox li:hover a>img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2)}
.cpBox li:hover .mask{bottom:0}
@media (min-width:992px){.cpBox li a>img{height:220px}
}
#section5{background:url(../images/jmbg.jpg) no-repeat center;background-size:cover}
.joinBox li a{display:block;padding:30px 20px;border:1px solid rgba(255,227,187,.47);border-radius:6px;background-color:#000;transition:all .2s linear}
.joinBox li{padding:0 10px}
.joinBox li img{display:block;margin:auto;margin-bottom:20px}
.ysTxt b{font-size:2rem;width:20px;line-height:1;writing-mode:vertical-lr;writing-mode:tb-rl;color:#D5BE9E;height:240px}
.ysTxt p{text-align:justify;color:#9B8A72;letter-spacing:2px;height:240px;-webkit-writing-mode:vertical-rl;writing-mode:tb-rl;writing-mode:vertical-rl;}
.ysTxt{width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;}
.joinBox li:hover a{background:#A0000D}
.joinBox li:hover .ysTxt b{color:#E2CCCB}
.joinBox li:hover .ysTxt p{color:#D4A2A1}
#section6{background:url(../images/lcdbg.png) no-repeat center;background-size:cover}
.lcItem{width:33.3%;float:left;display:inline-block;position:relative;margin-bottom:12vh}
.lcItem span{display:block;width:60%;height:0;padding-bottom:60%;position:relative;border-radius:50%;border:1px dashed #B6121B;float:right;margin-right:24%}
.lcItem span em{display:table-cell;vertical-align:middle;position:absolute;top:50%;left:50%;margin-top:-48%;margin-left:-48%;width:96%;height:96%;background:#B6121B;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-align:center;font-style:normal;color:#fff;font-size:2.5rem;line-height:2}
.lcItem span em b{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:66px;line-height:1.5;font-weight:400;color:#E4E4E4}
.lcItem:after{width:24%;height:64px;content:"";position:absolute;background:url(../images/arrow.png) no-repeat left center;transform:rotate(180deg);-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-o-transform:rotate(5deg);right:8px;top:0;bottom:0;height:100%;background-size:85%}
.step .lcItem:last-child span{margin-right:0}
.step .lcItem:nth-child(3):after{transform:rotate(93deg);-webkit-transform:rotate(93deg);-moz-transform:rotate(93deg);-o-transform:rotate(93deg);left:35%;top:60%}
.step .lcItem:nth-child(4),.step .lcItem:nth-child(5),.step .lcItem:nth-child(6){float:right}
.step .lcItem:nth-child(4):after,.step .lcItem:nth-child(5):after,.step .lcItem:nth-child(6):after{left:-8px;transform:rotate(182deg);-webkit-transform:rotate(182deg);-moz-transform:rotate(182deg);-o-transform:rotate(182deg)}
.step .lcItem:last-child span{margin-left:20%;float:left}
.step .lcItem:last-child:after{display:none}
#section7{background:url(../images/mddbg.jpg) no-repeat center;background-size:cover}
.h-product-border span{display:block;font-size:2rem;color:#EEE;margin:12px 0 6px}
.h-product-border em{font-style:normal;font-size:1.4rem;color:#8D8D8D;line-height:1.8;display:block}
.h-product-border b{display:block;color:#EEE;padding:10px 0;position:relative}
.h-product-border b:after{position:absolute;left:0;content:'';width:0;height:1px;background:#B7131C;bottom:0;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.h-product-border samp{padding:10px 0;border-bottom:1px solid #fff}
.storeBox{position:relative}
.swiper-product{width:calc(100% - 100px)}
.storeBox .next-product{background:url(../images/prevbg.png) no-repeat left center;top:40%;width:37px;height:165px;line-height:165px;text-align:center;color:#B6121B;font-size:3rem;right:0;margin-top:-82px;font-family:simsun;font-weight:700;outline:0}
.storeBox .prev-product{background:url(../images/prevbg.png) no-repeat left center;top:40%;width:37px;height:165px;line-height:165px;text-align:center;color:#B6121B;font-size:3rem;left:0;margin-top:-82px;font-family:simsun;font-weight:700;outline:0}
.swiper-product li img{height:240px}
#section7 .seeMore{margin-top:7vh}
.h-product-border:hover samp{border:0}
.h-product-border:hover b:after{width:100%}
.h-product-border:hover span{color:#A0000D}
#section8{background:url(../images/ppdbg_.jpg) no-repeat center;background-size:cover}
.newsList dl{padding:20px 0;border-bottom:1px solid #646464}
.newsList dl dt{padding-left:0}
.newsList dl dt a{overflow:hidden;display:block}
.newsList dl dt img{
    height:124px;
}
.contentBox{background: #fff}
.page-bg.contentBox{background: #a0000d;}
.newsList dl dd{padding:0 0 0 5px}
.newsList .newsTop a{color:#DFCAAC;font-size:1.8rem;width:75%;display:inline-block}
.newsList .newsTop span.time{font-size:1.4rem;color:#969696;vertical-align:top;float:right}
.newsList dl dd .text{color:#BCBCBC;line-height:1.8;margin-top:15px;text-align:justify;}
#section8 .seeMore{margin-top:3vh}
.newsList li:hover img{transform:scale(1.2)}
.newsList li:hover dd a.sen{color:#B6121C}
.section.footerss{background:url(../images/footbg.jpg) no-repeat center;background-size:cover}
.footer1{padding:10vh 0 5vh;display:flex;align-content:center;justify-content:space-between;color:#F0C68F;font-size:1.6rem}
.footer .c1{width:40%;margin:0}
.footer .c1 .fNav{width:82%;overflow:hidden;padding:10px 0;border-bottom:1px solid #747474}
.fNav a{display:inline-block;width:25%;float:left;color:#F0C68F;line-height:2}
.fTel,.footer1 .address{margin-top:44px}
.footer .c1,.footer .c2{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}
.fTel{line-height:1;overflow: hidden}
.fTel b{float: left;padding-top: 15px;}
.fTel em{color:#AA1219;font-size:2rem;font-weight:700;float:left;padding-top:13px}
.weixin{color:#fff;text-align:center;line-height:2}
.copyright{line-height:2;background:#291E1E;font-size:12px;color:#AAA;padding:15px 0}
.links{
	margin-bottom: 5vh;
	line-height: 2;
	color: #F0C68F
}
.links a{
	color: #F0C68F;
	padding-right: 12px;
}


/* footer */

.visible-footer{background:#1B1B1B;text-align:center;line-height:2;color:rgba(255,255,255,.6);padding:15px 0;margin-bottom:65px}
.nav4 ul{position:fixed;z-index:200;bottom:0;left:0;width:100%}
.nav4 li{border:1px solid #343434;border-bottom:0;border-right:0;position:relative;-webkit-box-shadow:inset 0 0 3px #fff;float:left;width:calc(100%/3   );line-height:50px}
.nav4 li:nth-of-type(1){border-left:0}
.nav4 li>a{font-size:14px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border-bottom:0;display:block;text-align:center;background:#AC0017;padding:5px 0}
.nav4 li>a:only-child span{background:0 0;padding-left:0}
.nav4 li>a span{color:rgba(255,255,255,1);display:inline-block;padding-left:15px;-webkit-background-size:9px auto}
.nav4 li i{display:block;text-align:center;font-size:3rem}



section .sidebar{background:#B7000F;height:50px;transition:all .5s linear .1s;-webkit-transition:all .5s linear .1s;-moz-transition:all .5s linear .1s;-o-transition:all .5s linear .1s;width:100%}
.sidebar-title{font-size:18px;color:#fff;opacity:.8;font-weight:200;line-height:50px;font-family:'Times New Roman',Times,serif;text-transform:uppercase!important}
.sidebar-nav li{display:inline-block;line-height:50px;padding:0 15px}
#partnav li.active a{color:#F6D5AA}
#partnav li a:hover{color:#F6D5AA;text-decoration:underline}
.sidebar-nav li a{font-size:14px;color:#fff;opacity:.8}
section .contentBox{padding:30px 0}
section .content .txt{font-size:16px;line-height:2;color:rgba(255,255,255,.6);
text-align:justify}
section .content .txt video{display:block;margin:0 auto;}
.F-products-list li{padding:0 10px;margin-bottom:20px}
.F-products-list li a{display:block;position:relative}
.F-products-list li span{display:block;width:100%; height:285px;position: relative;overflow:hidden;}
.F-products-list li span img{display: block;width:100%!important;
    height: auto!important;
    position: absolute!important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;}
.F-products-list li p{position:absolute;left:0;bottom:0;width:100%;height:100%;transition:background .5s;display:flex;align-items:center;text-align:center;background:rgba(0,0,0,0)}
.F-products-list li p i{width:68%;border:solid 4px #fff;color:#fff;line-height:45px;overflow:hidden;transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .61s ease;transform:scale(1.5);opacity:0;font-style:normal;margin:auto;font-size:16px;-webkit-transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .61s ease;-moz-transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .61s ease;-o-transition:transform .8s cubic-bezier(.165,.84,.44,1),opacity .61s ease;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);text-overflow: ellipsis;white-space: nowrap;}
.F-products-list li:hover p{background:rgba(0,0,0,.5)}
.F-products-list li:hover p i{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}
.F-products-list li:hover img{opacity:1;transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2)}
.F-products-list li span img{width:100%;max-width:100%;display:block;transition:transform 2.2s cubic-bezier(.165,.84,.44,1);-webkit-transition:transform 2.2s cubic-bezier(.165,.84,.44,1);-moz-transition:transform 2.2s cubic-bezier(.165,.84,.44,1);-o-transition:transform 2.2s cubic-bezier(.165,.84,.44,1)}
.F-products-list{padding:0 10px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}
@media (max-width:767px){
	.F-products-list li span{height:122px;}
}
section .contentBox .content .title_info h3{text-align:center;line-height:2.4rem;font-size:1.8rem;color:rgba(255,255,255,.8);font-family:"宋体"}
section .contentBox .content .title_info p{border-bottom:1px dashed rgba(255,255,255,.4);text-align:center;line-height:24px;padding:10px 0;margin-bottom:15px;font-family:"宋体";color:rgba(255,255,255,0.6)}
section .contentBox .content .title_info p span{margin:0 18px;font-size:12px}
section .links,section .links>a{font-size:12px;font-family:"宋体";color:rgba(255,255,255,.8);line-height:24px;margin-top:25px}
section .links>a:hover{color:#DA0312;text-decoration:underline}
section .pages{margin:2rem 0;text-align:center}
section .pages a{margin:0 3px;padding:5px 8px;border:1px solid #ddd;font-size:1.2rem;color:rgba(255,255,255,0.8);}
section .pages b{margin:0 3px;padding:5px 8px;background:#DA0312;color:rgba(255,255,255,0.8);font-size:1.2rem;font-weight:400;}
/*other-links*/
.otherlink{
	margin-top: 30px;
}
.otherlink .box-title{border-bottom:rgba(255,255,255,.5) 1px solid;padding-bottom: 10px;margin-bottom: 10px;}
.otherlink .box-title h2{
	color: #fff;
    font-size: 18px;
    font-weight:800;
    position: relative;
    float: left;
    text-align: center;
}
.otherlink ul{
	overflow: hidden
}
.otherlink ul li{
	position: relative;
    line-height: 30px;
    width: 48%;
	padding-right:2%;
    float: left;
}
.otherlink ul li:before{
	position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 10px;
    left: 0px;
    top: 15px;
}
.otherlink ul li a{
	display: block;
    padding-left: 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	color: rgba(255,255,255,.75)
}

section .train_list li{overflow:hidden;padding:24px 0;border-bottom:1px dotted rgba(255,255,255,.2);overflow:hidden}
section .train_list dl dt a{font-size:1.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;display:block;transition:all .3s linear;color:rgba(255,255,255,.6)}
section .train_list .txt{margin-top:15px;color:rgba(255,255,255,.6);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1.4rem;line-height:2;text-indent:2em}
section .train_list img{padding:0;border:1px solid rgba(255,255,255,.2)}
section .train_list dl p{font-size:1.2rem;font-family:"宋体";color:rgba(255,255,255,.6);margin-top:12px}
section .train_list dl p a{float:right;color:#999;font-size:1.2rem;font-family:"宋体"}
section .train_list li:hover dl dt a{color:#E60011;transform:translate(15px,0)}
section .content div.lx h3{color:rgba(255,255,255,.8);font-size:1.8rem}
section .content div.lx p{margin:14px 0;color:rgba(255,255,255,.8);font-size:1.4rem;line-height:2.4rem}
@media (min-width:1200px){
    section .train_list li dl{
        margin-top: 24px;
    }
}
section .content .txt img{
    max-width: 100%;
}
@media (min-width:768px){
	.cbanner{margin-top:130px;height:600px;background:url(../images/banner2.jpg) no-repeat fixed center top}
.cbanner.banner1{background-image: url(../images/cbanner1.jpg)}
.cbanner.banner2{background-image: url(../images/cbanner2.jpg)}
.cbanner.banner3{background-image: url(../images/cbanner3.jpg)}
.cbanner.banner4{background-image: url(../images/cbanner4.jpg)}
.cbanner.banner5{background-image: url(../images/cbanner5.jpg);}
}

.F-cn-title{text-align:center;font-size:24px;color:#999;line-height:2}
.F-cn-fitle {
    text-align: center;
    text-transform: uppercase !important;
    color: #999;
    font-size: 16px;
    margin-bottom: 30px
}


.apply{padding:30px;background:#F5F5F5;margin:38px auto}
.applyTitle{padding-top:20px}
.applyTitle p{margin-top:14px;color:#8C8C8C}
.applyTitle span{font-size:2.8rem;color:#000;font-weight:700;position:relative;padding:0 20px}
.applyTitle span:before{position:absolute;right:100%;width:90px;height:1px;content:"";background:#B5B5B5;top:50%}
.applyTitle span:after{position:absolute;left:100%;width:90px;height:1px;content:"";background:#B5B5B5;top:50%}
.applyForm label{width:44px;display:inline-block;font-weight:400}
@media (min-width:768px){.applyForm textarea{width:calc(100% - 70px)!important}
.form-inline{margin:26px 0}
.form-inline .form-group{margin-right:40px}
}
.applyForm label{width:52px;display:inline-block;font-weight:400}
/* 767 */

@media (max-width:767px){
    #header{height:66px;box-sizing:border-box}
    #header .logo{height:54px;width:80%}
    .row{margin-left:0;margin-right:0}
    .mainBox{padding-top:66px}
    .aboutBox{width:100%}
    .aboutTxt .txt{-webkit-line-clamp:6}
    .cultureBox li{width:100%;margin-right:0}
    .cultrue-item{height:auto;padding:3% 8%;overflow:hidden}
    .innerPic{width:28%;float:left}
    .culture-txt{width:70%;float:right}
    .cpBox li:nth-child(n+7),.newsList li:nth-child(n+2){display:none}
    .ysTxt b{-webkit-writing-mode:inherit;writing-mode:inherit;height:auto;width:100%;font-size:14px;overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}
    .ysTxt p{display:none}
    .common-title{margin-bottom:2vh}
    .joinBox li a{padding:10px}
    .joinBox li img{margin-bottom:10px;height:88px;}
    .lcItem{width:48%;margin-bottom:5vh}
    .lcItem span em{font-size:1.8rem}
    .lcItem span em b{height:50px}
    .swiper-product li img{height:140px}
    .newsList dl dt{padding:0}
    #section7 .common-title img,#section8 .common-title img{width:60%}
    .footer1{flex-direction:column;padding:8vh 0}
    .footer .c1,.footer .c1 .fNav{width:100%}
    #footer{padding-top:66px}
    #section6 .common-title img{
        margin-bottom:8vh!important;
    }
    #section4 .common-title{
        margin-left:0;
    }
    #section4 .common-title img {
        margin-left: 11vw!important;
    }
    
.cbanner img{height:200px;object-fit:cover;width:100%}
section .sidebar{height:auto}
section .sidebar>.container{padding:0;width: 100%}
.sidebar-nav li{width:calc(100%/3 - 10px);padding:0;margin:5px;line-height:30px;float:left}
.sidebar-nav li a{display:block;border:1px solid rgba(255,255,255,.68);text-align:center;background-color:transparent;color:rgba(255,255,255,.68)}
#partnav li.active a{color:#fff;background-color:#DA0312}
.F-products-list li{padding:0 8px;margin-bottom:16px}
	.F-products-list li .v-box iframe{
		display: block;
		width: 100%;
		height: 356px!important;
	}
.sidebar-nav{margin-bottom:20px;width:100%}
section .contentBox{padding:10px}
section .contentBox>.container{padding:0;}
section .online{width:100%;padding:0}
.F-products-list{padding:0}
.train_list li dt{margin-top:15px}
section .train_list li:first-child{padding-top:0}
section .content .txt{
    font-size: 14px;
}
section .content .txt video{
	width:100%!important;
}
section .content .txt img{
    width:100%!important;
    height: auto!important;
}
.newsList dl dt img{
    height: auto;
}
#section6 .common-title img{width:82%;}
	.otherlink ul li{
		width: 100%;
		padding-right: 0;
	}

}
@media (max-height:768px) and (min-width:1200px){
    .videoShow img {
        max-height: 44vh;width:auto!important;
        margin:0 auto;
    }
    .common-title {
        margin-bottom: 2vh;
    }
    .aboutTxt .txt{
        margin:10px 0;
    }
    #section3 .common-title img, #section4 .common-title img, #section5 .common-title img,  #section6 .common-title img, #section7 .common-title img{
      max-width:76%;
    }
    .cultrue-item{
        height: 380px;padding:10% 8%;
    }
    .cultrue-item .innerPic img{
        width:58%;
    }
    .cpBox li a>img{
        height: 160px;
    }
    .ysTxt b,.ysTxt p{
        height: 190px;
    }
    .ysTxt b{
        width: 50px;
        line-height: 1.2;
    }
    .lcBox .lcPic img,.lcBox .step img{
        max-height:50vh;
    }
    .swiper-product li img {
        height:178px;
    }
    .newsBox .newsList li:nth-child(-n+2){
        display:none;
    }
}