/*-------------main start----------------*/
.banner{cursor: pointer; height: 450px;}
.banner .bannnerImg{width: 100%;height: 450px;background: url("../images/banner_01.jpg") no-repeat center;background-size: cover; }
.banner .bannnerImg2{width: 100%;height: 450px;background: url("../images/banner_02.jpg") no-repeat center;background-size: cover; }
.titBlack h1{font-size: 38px;text-align: center;padding:70px 0;}
.titBlack h1 em{color:#e12d30;}
.titWhite h1{font-size: 38px;color:#fff;text-align: center;padding:70px 0;}
.inner {width:1200px; margin:0 auto;}

.mainBox1 ul li{width: 270px;;margin:0 15px;float: left;cursor: pointer;border-radius: 10px;padding: 30px 0 50px;background: #f9f9f9;text-align: center;font-size: 20px;transition: all .3s linear;}
.mainBox1 ul li:nth-child(5),.mainBox1 ul li:nth-child(6),.mainBox1 ul li:nth-child(7),.mainBox1 ul li:nth-child(8){margin:30px 15px;}
.mainBox1 ul li img{width: 60px;margin: 0 auto;}
.mainBox1 ul li span{display: block;width: 30px;height: 1px;background:#e12d30;margin: 10px auto;}
.mainBox1 ul li em{color:#e12d30;}
.mainBox1 ul li:hover{background:#e12d30;}
.mainBox1 ul li:hover p{color:#fff;}
.mainBox1 ul li:hover span{background: #fff;}
.mainBox1 ul li:hover em{color:#ffda14;}
.links{text-align: center;cursor: pointer;}
.linkBtn{color:#fff;display: inline-block;border-radius: 30px;text-align: center;padding:15px 50px;margin: 70px auto;box-shadow: 0px 3px 20px #f8c8c8;background: #e12d30;font-size: 24px;border-bottom: 3px solid #af1a1c}

.mainBox2 {background-color: #f8f8f8; padding-bottom: 80px;}
.mainBox2 ul{padding: 0 30px; display: flex; justify-content: space-between; margin: 75px auto 0;}
.mainBox2 ul li {width: calc((100% -50px)/3); padding: 70px 0 25px 0; text-align: center; border-radius: 10px; background-color: #fdb33a; position: relative;}
.mainBox2 ul li:nth-child(2) {background-color: #ec3d3b; margin: auto 25px}
.mainBox2 ul li h1{font-size: 22px; color: #fff}
.mainBox2 ul li p{font-size: 20px;margin-top: 5px; color: #fff}
.mainBox2 ul li img{position: absolute; top: calc(-165px / 2); left: 50%; transform: translatex(-50%)}

.mainBox3,.mainBox7{margin-bottom:65px;}
.mainBox3 .fBox{position: relative;height: 515px;width: 380px;}
.fBox .destion{position: relative; text-align: center; background-color: #fbe5e6; border-radius: 10px; height: 100%;}
.fBox .destion h1{font-size: 24px; color: #333333; padding: 30px 0}
.fBox .destion p{font-size: 18px;margin: 8px 0;color:#222222}
.fBox .destion a{display: inline-block;background: #e12d30;color:#fff;width: 200px;line-height: 40px;font-size: 18px; border-radius: 20px;}
.rBox {width: 790px;}
.rBox ul li{position: relative;float: left; text-align: center; width: 380px; height: 242px;}
.rBox ul li img {position: absolute; top: 0; left: 0; z-index: -1;}
.rBox ul li:nth-child(odd){margin-right: 30px;}
.rBox ul li:nth-child(1),.rBox ul li:nth-child(2){margin-bottom: 31px;}
.rBox ul li h1{font-size: 24px;color:#333333;line-height: 40px; margin: 25px 0 7px;}
.rBox ul li p{font-size: 18px;color:#888888;}
.rBox ul li a{display: inline-block;background: #e12d30;color:#fff;width: 200px;line-height: 40px;font-size: 18px; border-radius: 20px; margin-top: 15px;}

.mainBox5{}
.mainBox5 ul li {float: left; width: calc((100% - 30px)/2); height: 300px; text-align: left; position: relative;}
.mainBox5 ul li div{margin-top: 45px; margin-left: 45px;}
.mainBox5 ul li:nth-child(2n-1) {margin-right: 30px;}
.mainBox5 ul li:nth-child(1),.mainBox5 ul li:nth-child(2) {margin-bottom: 30px;}
.mainBox5 ul li img {position: absolute; top: 0;left: 0; z-index: -1;}
.mainBox5 ul li h1 {font-size: 24px;line-height: 40px;color: #ffffff; margin-bottom: 10px;}
.mainBox5 ul li p{color: #ffffff; font-size: 22px;}

.mainBox6 ul li {width: 33.33%;float: left;margin-bottom: 165px;}
.mainBox6 ul li img {display: block;width: 104px;margin: 0 auto;}
.mainBox6 ul li p {font-size: 20px;color: #222222;text-align: center;margin: 20px 0;}

.mainBox7 {background-color: #f9f9f9; padding-bottom: 70px;}
.mainBox7 .teaSub {margin-bottom: 60px;}
.mainBox7 .teaSub ul {padding: 0 40px; display: flex; justify-content: space-around;}
.mainBox7 .teaSub ul li {border: 1px solid #e5e5e5; background-color: #ffffff; box-sizing: border-box; padding: 22px 0 22px 35px; width: 354px; position: relative;}
.mainBox7 .teaSub ul li img {position: absolute; top: 50%; transform: translateY(-50%); max-width: 100%;}
.mainBox7 .teaSub ul li .text {display: inline-block; margin-left: 70px;}
.mainBox7 .teaSub ul li h2 {font-size: 20px; color: #222222;}
.mainBox7 .teaSub ul li p {font-size: 18px; color: #222222;line-height: 20px; margin-top: 5px;}
.mainBox7 .teaTab{width: 1140px;margin: 0 auto;overflow: hidden;}
.teaCon{padding: 10px;background: #fff;box-shadow: 0 0 10px #ccc;}
.teaInfo{border:1px solid #fdeeee;padding: 20px 30px;width: 260px;margin-left: 20px;position: relative;}
.teaInfo h1{font-size: 30px;}
.teaInfo h2{font-size: 18px;color:#e63535;margin: 15px 0 20px;}
.teaInfo i{display: block;width: 100%;height: 1px;background:#fdeeee;}
.teaInfo h3{font-size: 20px;margin: 10px 0;}
.teaInfo p{font-size: 18px;color:#555555;line-height: 30px;height: 240px;}
.teaInfo a{display: block;width: 210px;height: 45px;text-align: center;line-height: 45px;color:#fff;background: #e12d30;font-size: 24px;border-bottom: 3px solid #af1a1c}
.horer{position: absolute;right:30px;top: 10px;}
.teaCon li{display: none;}
.teaCon li:first-child{display: block;}
.teaMenu{width: 438px;}
.teaMenu li{float: left;margin: 0 9px 11px 0;border:5px solid #ffffff;height: 104px;}
.teaMenu li:nth-child(3n){margin: 0;}
.teaMenu .active{border-color: #e12d30;}
/*-------------main end------------------*/

.video{width:308px; height:230px; position:absolute; top:6px; left:446px; z-index:10; overflow:hidden}
.video img{ border-radius:5px; cursor:pointer}
.video .play{width:45px; height:45px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; background:url(../images/icon-play.png) no-repeat center; cursor:pointer}
.video video{ width:100%; height:100%; display:none; background:#fff}


@media only screen and (max-width: 1200px) {
.inner{width: 100%;padding: 0 10px;box-sizing: border-box;}



}
@media only screen and (max-width: 780px) {
.banner{height:180px;}

}