@charset "utf-8";
@font-face {
	font-family: 'ysb';
	src: url('../font/YouSheBiaoTiHei.eot');
	src: url('../font/YouSheBiaoTiHei.eot?#iefix') format('embedded-opentype');
	src: url('../font/YouSheBiaoTiHei.ttf') format('truetype'), url('../font/YouSheBiaoTiHei.svg#YouSheBiaoTiHei') format('svg'),local('YouSheBiaoTiHei');
	font-weight: normal;
	font-style: normal;
}


body,html{transition: all ease 0.3s; -webkit-transition: all ease 0.3s; overflow-x: hidden;}
body{ margin:0px; padding:0px; margin:0px auto; transition: 300ms; font-size:14px; line-height:24px; color:#333; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#333; font-family:"微软雅黑";}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; color: #ab2722;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
:-moz-placeholder{color:#b2b2b2;}
::-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color:#b2b2b2;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #b2b2b2;}
.w1400{max-width:1400px; min-width:320px; margin:0px auto;}
.mb10{margin-bottom: 10px;}
input,.empty{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.f_color{color:#ab2722 !important;}
.owl-carousel .owl-nav{height: 0;}
button{border: none; background: transparent;}

@media ( max-width:1440px){
    .w1400{padding: 0 15px;}
}

/* 公用样式 */
.relative{position: relative;}
.mb3{margin-bottom: 3%;}
.boxbg{background-repeat: no-repeat; background-size: cover; background-position: center top;}
.bg{position: absolute; -ms-animation: scale 2s linear infinite alternate both; -webkit-animation: scale 2s linear infinite alternate both; animation: scale 2s linear infinite alternate both;}
.bg1{width: 18.35%; top: 27px; right: -100px; -ms-animation: scale 2.5s linear infinite alternate both; -webkit-animation: scale 2.5s linear infinite alternate both; animation: scale 2.5s linear infinite alternate both;}
.bg2{width: 33.95%; top: 20%; left: 0;}
.bg3{width: 20.14%; bottom: 0; right: 3%; -ms-animation: scale 3s linear infinite alternate both; -webkit-animation: scale 3s linear infinite alternate both; animation: scale 3s linear infinite alternate both;}
.bg4{width: 10.26%; bottom: -20px; right: 0; -ms-animation: scale 3s linear infinite alternate both; -webkit-animation: scale 3s linear infinite alternate both; animation: scale 3s linear infinite alternate both;}
.bg5{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; -ms-animation: scale 3.5s linear infinite alternate both; -webkit-animation: scale 3.5s linear infinite alternate both; animation: scale 3.5s linear infinite alternate both;}
.bg6{width: 12%; bottom: 10%; right: 1%; -ms-animation: scale 3s linear infinite alternate both; -webkit-animation: scale 3s linear infinite alternate both; animation: scale 3s linear infinite alternate both;}

/*Top*/
.Theam_logo{position: absolute; z-index: 5; left: 0; top: 0; width: 100%;}
.Theam_logo .Logo{width: 634px; height: 130px; background-image: url(../images/logobg.png); background-size: 100% 100%; margin-left: -97px;}
.Theam_logo .Logo img{display: block; padding: 42px 0 0 96px;}
.Theam_Banner{overflow: hidden;}
.Theam_Banner .img{display: block; width: 100%;}
.Theam_Banner .mask{position: absolute;left: 0; right: 0; top: 0; bottom: 0; left: 0; padding-top: 12%; text-align: center; margin-left: 12%; z-index: 2;}
.Theam_Banner .mask img{max-width: 40%;}
.starbox{position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; z-index: 1;}
.pos-a{position: absolute;}
.star1{width: 6%; top:0; right:34%; -ms-animation: flow 5s ease infinite both; -webkit-animation: flow 5s ease infinite both; animation: flow 5s ease infinite both;}
.star2{width: 5%; top:0; right:-5%; -ms-animation: flow 3s ease infinite both; -webkit-animation: flow 3s ease infinite both; animation: flow 3s ease infinite both;}
.star3{width: 7%; top:-10%; right:-10%; -ms-animation: flow 6s ease infinite both;-webkit-animation: flow 6s ease infinite both; animation: flow 6s ease infinite both;}
.sgs{-ms-animation: scale 2s linear infinite alternate both; -webkit-animation: scale 2s linear infinite alternate both; animation: scale 2s linear infinite alternate both;}

.TheamVideo{width:450px;position:absolute;bottom:40px;left:10%;z-index:999;}
.TheamVideo img.vibg{position:absolute;top:-104px;left:-80px;}
.TheamVideo img.viimg{width:100%;border:3px solid #e83632;position:relative;z-index:1;box-sizing:border-box;}



.HomeVideo{display: none; position: fixed; z-index: 99999; width: 100%; height: 100%; background: rgba(0,0,0,0.8); left: 0; top: 0;}
.HomeVideo .mask{width: 90%; height: 90%; padding: 5%; z-index: 2; left: 0px; top: 0px;background-image: url(../images/close.png); background-repeat: no-repeat; background-position: 94% 10px;}
.HomeVideo video{position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; z-index: 3;background:#000;outline:none;/*object-fit:fill;*/}

@media ( max-width:1366px){
    .TheamVideo{width:400px;left:6%;}
    .TheamVideo img.vibg{left:-60px;top:-84px;}
}


@media ( max-width:640px){
    .TheamVideo{left:0px;}
    .HomeVideo video{height: 60%; top: 10%;}
}


@-webkit-keyframes flow {
    0%{-webkit-transform:translate(0,0); opacity: 1}
    100%{-webkit-transform:translate(-1200%,1200%);opacity: 0.5 }
}
@-ms-keyframes flow {
    0%{-ms-transform:translate(0,0); opacity: 1}
    100%{-ms-transform:translate(-1200%,1200%);opacity: 0.5 }
}
@keyframes flow {
    0%{-webkit-transform:translate(0,0); opacity: 1}
    100%{-webkit-transform:translate(-1200%,1200%);opacity: 0.5 }
}
@-webkit-keyframes scale{
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(-20px,-20px);}
}
@-ms-keyframes scale{
    0%{-ms-transform:translate(0,0); }
    100%{-ms-transform:translate(-20px,-20px);}
}
@keyframes scale{
    0%{-webkit-transform:translate(0,0); }
    100%{-webkit-transform:translate(-20px,-20px);}
}


@media ( max-width:1400px){
    .Theam_logo .Logo{width: 460px; height: 80px; margin-left: 0;}
    .Theam_logo .Logo img{padding: 15px 0 0 46px;}
}

@media ( max-width:998px){
    .TheamVideo{width:100%;height:240px;margin-top:0px;position:relative;bottom:0px;margin-top:5px;}
    .TheamVideo img.vibg{display:none;}
}

@media ( max-width:480px){
    .Theam_logo .Logo{background: none; width: 150px; height: auto;}
    .Theam_logo .Logo img{padding: 10px 0 0; display: inline-block;}
}

/* bottom */
.Theam_Footer{margin-top: -240px; padding: 224px 0 92px; background-image: url(../images/footbg.png); position: relative; z-index: 3;}
.WayBox .title{width: 168px; background-image: url(../images/bg6.png); background-size: cover; position: absolute; left: 0; top: 0;}
.WayBox .title .mask{padding-top: 100%;}
.WayBox .title .box{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.WayBox .title .box h2{line-height: 30px; margin-top: 10px; font-size: 22px; color: #fff;}
.WayBox .con{padding: 30px 0 0 188px; font-size: 16px; line-height: 36px; color: #651c0f; font-weight: bold;}
.WayBox .con p i{padding-right: 8px;}
.Theam_Footer .Weixin{position: absolute; right: 0; bottom: -50px; width: 144px; text-align: center;}
.Theam_Footer .Weixin p{margin-top: 18px; font-size: 14px; line-height: 18px; color: #fff;}

@media ( max-width:1024px){
    .Theam_Footer{margin-top: -150px; padding: 150px 0 92px;}
    .WayBox .title{width: 138px;}
    .WayBox .title .box h2{font-size: 16px; margin-top: 5px;}
    .WayBox .con{padding: 10px 0 0 155px;}
}

@media ( max-width:480px){
    .Theam_Footer{padding: 40px 0; margin: 0;}
    .WayBox .title{position: relative; margin: auto;}
    .WayBox .con{padding: 15px 0;}
    .Theam_Footer .Weixin{position: static; margin: 0 auto;}
}

/* index */
.Floor1{background-image: url(../images/boxbg1.jpg); padding: 112px 0 114px;}
.Floor1 .Floor_tit{width: 23%; float: left;}
.Floor1 .con{width: 61.57%; float: right; padding-top: 42px;}
.Floor1 .con dl dd{line-height: 45px; font-size: 18px; color: #313131; padding-left: 22px; font-weight: bold; background-repeat: no-repeat; background-position: left 16px; background-image: url(../images/arr1.png);}
.Floor1 .con dl dd:nth-child(3n){background: none; line-height: 30px;}
.Floor1 .con dl dd span{font-family: "ysb"; font-size: 36px; color: #ff6142; display: inline-block; vertical-align: middle;}

.Floor2{margin-top: -240px; padding-top: 238px;}
.shape{position: absolute; left: 0; top: 0; width: 100%; height: 240px; background-image: url(../images/shape1.png); background-size: cover; background-repeat: no-repeat; background-position: center top;}
.Floor2 .boxbg{background-image: url(../images/boxbg2.jpg); padding-bottom: 174px;}
.Floor2 .box{max-width: 652px; margin: 0 auto; text-align: center; position: relative; z-index: 3;}
.Floor2 .box .con{font-size: 20px; font-weight: bold; color: #fff; line-height: 48px;}

.Floor3{background-image: url(../images/boxbg3.jpg); padding-bottom: 368px;}
.Floor3 .img{width: 40.3125%; left: 0; bottom: -66px; z-index: 3;}
.Floor3 .list{width: 58.28%; float: right; padding: 90px 3% 85px 10%; background-image: url(../images/libox.png); background-size: 100% 100%;}
.Floor3 .list ul{height: 455px; overflow: auto;}
.Floor3 .list ul::-webkit-scrollbar{width:9px; height:9px;}
.Floor3 .list ul::-webkit-scrollbar-track { width: 6px; background-color:#fff; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.Floor3 .list ul::-webkit-scrollbar-thumb{background-color:#ffb433; background-clip:padding-box; min-height:28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius:2em;}
.Floor3 .list li{margin-bottom: 3%;}
.Floor3 .list li .am{display: block; position: relative; width: 260px; padding: 0 20px; border: 3px solid #ffe29e; background-image: url(../images/libg.png); background-repeat: repeat-y; background-size: 100% auto; border-radius: 30px; line-height: 50px; font-size: 24px; font-weight: bold; color: #fff; box-shadow: 5px 3px 16px rgba(114,38,29,0.69);}
.Floor3 .list li .am::after{content: '>'; position: absolute; right: 30px; font-family: "宋体"; transform: rotate(90deg); top: 0; font-size: 30px;}
.Floor3 .list li .hidebox{margin-top: 3%; display: none; padding: 0 1.5%;}
.Floor3 .list li .hidebox .con{color: #fff; font-size: 20px; line-height: 30px; margin-bottom: 15px;}
.Floor3 .list li .hidebox .btn a{display: inline-block; width: 120px; margin-right: 15px; text-align: center; line-height: 36px; border: 2px solid #ffe29e; box-shadow: 0 3px 16px rgba(114,38,29,0.69); background: url(../images/btnbg.png) repeat-y center center; border-radius: 30px; font-size: 18px; color: #f6331c;  font-weight: bold;}
.Floor3 .list li.on .hidebox{display: block;}
.Floor3 .list li .hidebox .btn a:first-child{border: 2px solid #fff; background: none; color: #fff;}

.Floor4{background-image: url(../images/boxbg4.png); z-index: 5; margin-top: -256px; padding: 166px 0 304px;}
.Floor4 .box{position: relative; z-index: 3;}
.Floor4 .list{margin-top: 25px;}
.Floor4 .list li{width: 23.5%; float: left; margin: 0 2% 18px 0;}
.Floor4 .list li:nth-child(4n){margin-right: 0;}
.Floor4 .list li span{display: block; padding-left: 20px; line-height: 30px; font-size: 18px; color: #fff; font-weight: bold; background-image: url(../images/arr2.png); background-repeat: no-repeat; background-position: left 10px;}

.Floor5{background-image: url(../images/boxbg5.jpg); margin-top: -295px; padding: 393px 0 79px;}
.Floor5 .Floor_tit{position: absolute; top: -24px; left: 0;}

.Floor6{background-image: url(../images/boxbg6.jpg); padding: 44px 0 37px;}
.Floor6 .img{width: 60%; float: left; margin-left: -8%; -ms-animation: scale 2s linear infinite alternate both; -webkit-animation: scale 2s linear infinite alternate both; animation: scale 2s linear infinite alternate both;}
.Floor6 .img img{display: block; width: 100%;}
.Floor6 .con{width: 40.85%; float: right;}
.Floor6 .con .info{font-size: 22px; line-height: 48px; color: #f74222; font-weight: bold; margin-left: 6%;}

.Floor7{background-image: url(../images/boxbg7.jpg); padding: 50px 0;}

.Floor8{background-image: url(../images/boxbg8.jpg); padding: 90px 0 0;}
.Floor8 .Floor_tit{width: 28.35%; float: left;}
.Floor8 .list{padding: 3% 0 0 0; float: right; width: 65%;}
.Floor8 .list li{display: inline-block; margin: 0 0 0 7%; width: 24%;}

@media ( max-width:1400px){
    .Floor5 .Floor_tit{left: 20px;}
    .Floor5 .img img,.Floor7 .img img{width: 80%;}
}

@media ( max-width:1024px){
    .Floor1{padding-top: 50px;}
    .Floor3{padding-bottom: 248px;}
    .Floor3 .img{display: none;}
    .Floor3 .list{width: auto; float: none; padding: 4%;}
    .Floor4{padding: 166px 0;}
    .Floor4 .list li{width: 49%; margin-right: 0;}
    .Floor4 .list li:nth-child(2n){float: right;}
    .Floor2 .Floor_tit img{width: 200px;}
    .Floor3 .Floor_tit img,.Floor4 .Floor_tit img,.Floor5 .Floor_tit img{width: 180px;}
    .Floor6 .con .info{font-size: 16px; line-height: 30px;}
}

@media ( max-width:768px){
    .shape{display: none;}
    .Floor1,.Floor2 .boxbg{padding: 30px 0;}
    .Floor1 .con{width: 70%;}
    .Floor1 .con dl dd{background-position: left 10px;}
    .Floor1 .con dl dd span{font-size: 20px;}
    .Floor1 .con dl dd,.Floor2 .box .con{font-size: 16px; line-height: 32px;}
    .Floor2{margin-top: 0; padding: 0;}
    .Floor3 .list li .am{font-size: 18px;}
    .Floor3 .list li .hidebox .con{font-size: 16px;}
}

@media ( max-width:480px){
    .Floor1 .Floor_tit{margin: 0 auto; float: none; text-align: center;}
    .Floor1 .con{width: auto; float: none; padding-top: 20px;}
    .Floor3{padding-bottom: 148px;}
    .Floor3 .list li .am{width: auto; line-height: 40px; margin-right: 20px;}
    .Floor3 .list li .hidebox .btn a{width: 95px; margin: 2px; line-height: 30px; font-size: 16px;}
    .Floor3 .list li .am::after{font-size: 20px; font-weight: normal;}
    .Floor4{padding: 200px 0 80px;}
    .Floor4 .list li,.Floor4 .list li:nth-child(2n){width: auto; float: none; margin-bottom: 10px;}

    .Floor5 .Floor_tit{position: static;}
    .Floor5{margin-top: -220px; padding: 220px 0 50px;}
    .Floor3 .Floor_tit img, .Floor4 .Floor_tit img, .Floor5 .Floor_tit img{width: 130px;}
    .Floor6 .img,.Floor6 .con{width: auto; float: none;}
    .Floor6 .img{margin-top: 30px;}
    .Floor8{padding-top: 50px;}
    .Floor5 .img img,.Floor7 .img img{width: auto;}
}