.fl{float: left}
.fr{float: right}
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
.phone{display: none}
.box{width: 1140px;margin: 0 auto}


.banner .swiper-container {
    width: 100%;
    height: auto;
}
.banner .swiper-pagination-bullet{opacity: 1;background-color: transparent;border: 1px solid #ffffff;width: 14px;height: 14px;cursor: pointer;margin: 0 5px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.banner .swiper-pagination-bullet-active{background-color: #c7000b;border-color: #c7000b}
.banner .swiper-slide img{display: block;width: 100%}
.banner .swiper-slide video{width: 100%;display: block}

.watch-video{position: absolute;top: 30%;width: 100%;text-align: center;color: #ffffff;left: 0;z-index: 20;}
.watch-video>a{color:#ffffff;display:inline-block;height: 40px;line-height: 40px;width: 175px;text-align: center;background-color: #c7000b;border-radius:2px;z-index:100;cursor: pointer;margin-top: 40px;}
.watch-video>a:hover{color: #ffffff}

.TY1{padding-top: 90px;}
.TY1>h3{text-align: center;font-size: 30px;color: #333;font-weight: 700;margin-bottom: 20px;margin-top: 0}
.TY1>p{text-align: center;font-size: 16px;color: #333;margin-bottom: 50px;}
.TY1L{width: 590px;padding-left:30px; font-size: 16px;color: #333}
.TY1L>ul>li{margin-bottom: 10px;}
.TY1R{width: 530px;border-left: 1px dashed #eeeeee;padding-left: 10px;}
.TY1R td{padding-bottom: 20px;position: relative;padding-left: 20px;}
.TY1R td>span{position: absolute;right: 5px;top: 10px;}
.TY1R td input{width: 240px;border: none;border-radius: 4px;background-color: #e8e8e8;color: #9b9b9b;padding-left: 10px;line-height: 40px;font-size: 14px;}
.TY1R td>button{width: 100%;border: none;line-height: 40px;font-size: 16px;text-align: center;background-color: #c7000b;color: #fff}

.TY2{padding-top: 90px;}
.TY2>h3{text-align: center;font-size: 30px;color: #333;font-weight: 700;margin-bottom: 40px;margin-top: 0px;}
.TY2L{width:550px;height: 310px;background: url("../images/tenYears/reason.jpg")no-repeat center;background-size: cover;position: relative}
.TY2L>img{position: absolute;cursor: pointer;left: 50%;top: 50%;transform: translate(-50%,-50%)}
.TY2R{width: 590px;padding-left: 5px;}

.TY2R ul li{float: left;width: 180px;margin-left: 15px;margin-bottom: 10px;text-align: center;height: 150px;border: 1px solid #eeeeee;padding-top: 20px;}
.TY2R ul li.bgg{background-color: #eee}
.TY2R ul li span .hover{display: none}
.TY2R ul li:hover img{display: none}
.TY2R ul li:hover img.hover{display: inline-block}
.TY2R ul li:hover{background-color: #c7000b}
.TY2R ul li:hover h4{color: #fff}
.TY2R ul li:hover h5{color: #fff}
.TY2R ul li h4{font-size: 20px;color: #333333;margin-bottom: 20px;}
.TY2R ul li h5{font-size: 16px;color: #a5a5a5}

.TY3{padding-top: 90px;}
.TY3>h3{text-align: center;font-size: 30px;color: #333;font-weight: 700;margin-bottom: 40px;margin-top: 0px;}
.TY3L{width:645px;height: 360px;}
.TY3L .swiper-container{width: 100%;height: 100%}
.TY3L .swiper-container .swiper-slide{background-size: cover;background-repeat: no-repeat;background-position: center}
.TY3L .swiper-container .swiper-slide>img{position: absolute;cursor: pointer;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10}
.TY3L .swiper-container .swiper-slide>p{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 40px;background: rgba(0,0,0,0.6);color: #ffffff;margin: 0;text-align: center;font-size: 16px;}
.TY3L .swiper-container .slide1{background-image: url("../images/tenYears/ai1.jpg")}
.TY3L .swiper-container .slide2{background-image: url("../images/tenYears/ai2.jpg")}
.TY3L .swiper-container .slide3{background-image: url("../images/tenYears/ai3.jpg")}
.TY3R{background-color: #f4f4f4;border-top: 6px solid #c7000b;width: 495px;height: 360px;padding: 60px 50px 0;font-size: 16px;color: #333333}
.TY3R>span{color: #c7000b;font-size: 24px;font-weight: 700;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: none;left: 30px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;right: 30px;}
.swiper-button-next, .swiper-button-prev{width: 20px;height: 38px;}
.swiper-button-prev img{transform: rotate(180deg)}

.TY4{padding-top: 90px;}
.TY4>h3{text-align: center;font-size: 30px;color: #333;font-weight: 700;margin-bottom: 40px;margin-top: 0px;}
.TY4B{border-bottom: 4px solid #eeeeee}
.TY4B>ul{font-size: 0;text-align: center;}
.TY4B>ul>li{display: inline-block;margin: 0 40px;font-size: 12px;text-align: center;position:relative}
.TY4B>ul>li p{margin-top: 15px;line-height: normal}
.TY4B>ul>li:after{position: absolute;left:50%;transform: translateX(-50%);bottom: -4px;width: 0;content: "";height: 4px;background-color: #c7000b;display: block;transition: all 0.3s}
.TY4B>ul>li:hover:after{width: 100%}
.TY4T{margin-bottom: 90px;position: relative}
.TY4T>.swiper-container{width: 700px;height: 380px;margin-left: 0}
.TY4T>.swiper-container .swiper-slide{background-size: cover;background-position: center;background-repeat: no-repeat}
.TY4T>.swiper-container .swiper-slide.slide1{background-image: url("../images/tenYears/case01.jpg")}
.TY4T>.swiper-container .swiper-slide.slide2{background-image: url("../images/tenYears/case02.jpg")}
.TY4T>.swiper-container .swiper-slide.slide3{background-image: url("../images/tenYears/case03.jpg")}
.TY4T>.swiper-container .swiper-slide.slide4{background-image: url("../images/tenYears/case04.jpg")}
.TY4T>.swiper-container .swiper-slide.slide5{background-image: url("../images/tenYears/case05.jpg")}
.TY4T>.swiper-container .swiper-slide.slide6{background-image: url("../images/tenYears/case06.jpg")}
.TY4T .swiper-pagination-bullet{opacity: 1;background-color: transparent;border: 1px solid #363636;width: 14px;height: 14px;cursor: pointer;margin: 0 5px;outline: none}
.TY4T .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.TY4T .swiper-pagination-bullet-active{background-color: #c7000b;border-color: #c7000b}
.TY4T .swiper-pagination{margin-top: 20px;}
.changeTxt{width: 550px;position: absolute;right: 0;top: 75px;background: #c7000b;padding: 50px;z-index: 100}
.changeTxt>div{display: none;}
.changeTxt>div:first-child{display: block}
.changeTxt>div>h1{font-size: 30px;color: #ffffff;font-weight:700;margin-bottom: 10px;margin-top: 0}
.changeTxt>div>p{font-size: 16px;color: #fff;line-height: 28px;text-align: justify;margin-bottom: 25px;}
.changeTxt>div>div{text-align: right}
.changeTxt>div>div>button{text-align: center;width: 130px;line-height: 36px;background-color: #c7000b;color: #ffffff;border: none;border-radius: 4px;margin-left: 15px;border: 1px solid #fff;}
.changeTxt>div>div>button:last-child{background-color: #c7000b;border: 1px solid #fff;}

.TY5{padding-top: 90px;}
.TY5>h3{text-align: center;font-size: 30px;color: #333;font-weight: 700;margin-bottom: 40px;margin-top: 0px;}
.TY5>p{text-align: center;font-size: 16px;color: #333;margin-bottom: 50px;}
.index-part3{text-align:center;}
.index-part3>h1{margin-bottom:30px;font-weight:700}
.index-part3>p{font-size:16px;margin-bottom:40px;}
.swiper-container1 .swiper-slide{height:420px;background-size:cover;background-position:center;background-repeat: no-repeat;position: relative;cursor: pointer;width:16.66%}
.swiper-container1 .swiper-slide>div.a{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;transition: all 0.5s}
.swiper-container1 .swiper-slide>div.a>p{color:#ffffff;margin-top:10px;font-size:20px;}
.swiper-container1 .swiper-slide>div.b{position: absolute;left: 0;top: 20%;padding:110px 30px 0;width: 100%;height: 100%;background: rgba(255,255,255,0.9);opacity: 0;transition: all 0.5s}
.swiper-container1 .swiper-slide>div.b h3{margin-bottom: 20px;}
.swiper-container1 .swiper-slide>div.b p{line-height: 24px;text-align: justify}
.swiper-container1 .swiper-slide:hover>div.b{opacity: 1;top: 0;}
.swiper-container1 .swiper-slide:hover>div.b>a{display: inline-block;width: 150px;height: 30px;color: #ffffff;background-color: #c7000b;border-radius: 2px;line-height: 30px;margin-top: 20px;}
.swiper-container1 .swiper-slide:hover>div.a{opacity: 0}
.swiper-container1 .swiper-slide1{background-image: url("../images/index-img/p3-dsty.jpg")}
.swiper-container1 .swiper-slide2{background-image: url("../images/index-img/p3-ssjk.jpg")}
.swiper-container1 .swiper-slide3{background-image: url("../images/index-img/p3-dgcl.jpg")}
.swiper-container1 .swiper-slide4{background-image: url("../images/index-img/p3-znpt.jpg")}
.swiper-container1 .swiper-slide5{background-image: url("../images/index-img/p3-cnwl.jpg")}
.swiper-container1 .swiper-slide6{background-image: url("../images/index-img/p3-afjk.jpg")}
.swiper-container1 .swiper-slide7{background-image: url("../images/index-img/p3-dzyy.jpg")}
.swiper-container1 .swiper-slide8{background-image: url("../images/index-img/p3-dqyy.jpg")}
.swiper-container1 .swiper-slide9{background-image: url("../images/index-img/p3-dqsp.jpg")}
.swiper-container1 .swiper-slide10{background-image:url("../images/index-img/p3-sryy.jpg")}
.swiper-container1 .swiper-slide11{background-image:url("../images/index-img/p3-dygl.jpg")}
.swiper-container1 .swiper-slide12{background-image:url("../images/index-img/p3-sphy.jpg")}
.TY5 .swiper-container1 .swiper-button-next,.TY5 .swiper-button-prev{background:url("../images/index-img/arrow.png")no-repeat center;background-size:cover;height:90px;width:50px;margin-top:-45px}
.swiper-container1 .swiper-button-next{right:30px;}
.swiper-container1 .swiper-button-prev{left:30px;transform:rotate(180deg)}

.TY6{padding-top: 90px;}
.TY6>h3{text-align: center;font-size: 30px;color: #333;font-weight: 700;margin-bottom: 40px;margin-top: 0px;}
.TY6L{width: 550px;}
.TY6L>img{display: block;width: 100%}
.TY6L>p{font-size: 16px;line-height: 28px;text-align: justify;margin-top: 15px;margin-bottom: 0}
.TY6R{width: 570px;}
.TY6RT{font-size: 0;}
.TY6RT>span{display: inline-block;width: 25%;text-align: center;background-color: #eeeeee;font-size: 16px;line-height: 50px;cursor: pointer;border-right: 1px solid #ffffff}
.TY6RT>span.checked{background-color: #c7000b;color: #ffffff}
.TY6RB{padding: 40px 40px 60px;border: 1px solid #eeeeee;border-top: none}
.TY6RB>div{display: none}
.TY6RB>div>h3{font-size: 20px;color: #333333;font-weight: 700;margin-top: 0}
.TY6RB>div>h4{font-size: 16px;color: #333333;margin-bottom: 5px;}
.TY6RB>div>p{font-size: 16px;color: #333333;text-align: justify;line-height: 28px;margin-bottom: 0}
.TY6RB>div:first-child{display: block}

.TY7{padding-top: 90px;}
.TY7>h3{text-align: center;font-size: 30px;color: #333;font-weight: 700;margin-bottom: 40px;margin-top: 0px;}
.TY7>div{background-color: #333333;padding: 30px 0 50px;}
.TY7L{width: 570px;}
.TY7L>h3{color: #ffffff;margin-top: 0;font-size: 24px;font-weight: 700;text-align: center;margin-bottom: 30px;}
.TY7L>ul>li{float: left;width: 280px;margin-right: 10px;margin-bottom: 20px;cursor: pointer;}
.TY7L>ul>li:nth-child(2n){margin-right: 0}
.TY7L>ul>li>img{display: block;width: 100%}
.TY7L>ul>li>p{color: #ffffff;text-align: center;font-size: 16px;margin-top: 5px;margin-bottom: 0}
.TY7R{width: 550px;}
.TY7R>h3{color: #ffffff;margin-top: 0;font-size: 24px;font-weight: 700;text-align: center;margin-bottom: 30px;}
.TY7R>img{display: block;width: 100%}
.TY7R>button{display: block;width: 196px;line-height: 40px;border: none;background-color: #c7000b;color: #ffffff;margin: 50px auto 0;border-radius: 4px;}

.TY8{height: 340px;background:url("../images/tenYears/bottom.jpg")no-repeat center;background-size: cover }
.TY8>div>div{width: 570px;padding-top: 30px;}
.TY8>div>div>p{color: #ffffff;margin-top: 30px;font-size: 16px;text-align: justify}

.TY9{height: 400px;background: url("../images/tenYears/TY9.jpg")no-repeat center;background-size: cover;padding-top: 50px; margin-top:90px;}
.TY9 h3{font-size: 28px;color: #333333;margin-bottom: 20px;text-align: center;font-weight: 700;margin-top: 0;}
.TY9 ul li span{color: #c6010a;font-size: 20px;display: inline-block}
.TY9 ul li{font-size: 16px;margin-bottom: 20px;}
.TY9 ul{width: 800px;margin: 0 auto}
@media (max-width: 1200px) {
    .box{width: 940px;}
    .TY1L{width: 480px;}
    .TY1R{width: 450px;}
    .TY1R td{padding-left: 10px;}
    .TY1R td input{width: 210px;}
    .TY2L{width: 460px;}
    .TY2R{width: 480px;}
    .TY2R ul li{margin-left: 10px;width: 148px;}
    .TY3L{width: 500px;height: 310px}
    .TY3R{padding: 30px 30px 0;width: 440px;height: 310px}
    .TY3R>span{font-size: 22px;}
    .TY6L{width: 460px;}
    .TY6R{width: 470px;}
    .TY6RB{padding: 30px;}
    .TY7L{width: 480px;}
    .TY7R{width: 450px;}
    .TY7L>ul>li{width: 235px;}
    .TY4B>ul>li{margin: 0 30px;}
}
@media (max-width:998px){

    .box{width: 720px;}
    .TY1L{width: 100%;}
    .TY1R{width: 100%;border-left: 0;border-top: 1px dashed #eee;padding-top: 10px;}
    .TY1R td input{width: 100%}
    .TY1R table{width: 100%}
    .TY2L{width: 100%;margin-bottom: 10px;}
    .TY2R{width: 100%;padding-left: 0}
    .TY2R ul li{width: 233px;}
    .TY2R ul li:first-child{margin-left: 0;}
    .TY2R ul li:nth-child(4){margin-left: 0}
    .TY3L{width: 400px;height: 250px;}
    .TY3R{width: 320px;height: 250px;font-size: 14px;padding: 20px 20px 0}
    .TY3R br.line{display: none}
    .TY3R>span{font-size: 20px;}
    .swiper-container1 .swiper-slide{width: 25%}
    .TY6L{width: 330px;}
    .TY6R{width: 380px;}
    .TY6RB{padding: 20px;}

    .TY7L{width: 380px;}
    .TY7R{width: 330px;}
    .TY7L>ul>li{width:185px;}
    .TY9 ul{width: 750px;}
    .TY4B>ul>li{margin: 0 17px;}
    .TY4T>.swiper-container{width: 100%}
    .changeTxt{width: 100%;position:static; height: auto;left: 0;top: 0;background: #c7000b;}
    .changeTxt>div>p{color: #ffffff}
    .changeTxt>div>h1{margin-bottom: 20px; text-align:center;}
    .TY4T .swiper-pagination{margin-top: 0;bottom: auto;z-index: 200;text-align: center;width: 100%;top: 340px;}
    .TY4T .swiper-pagination-bullet{border-color: #ffffff}
    .TY4T .swiper-pagination-bullet-active{border-color: #c7000b}
}
@media(max-width:767px){
    .phone{display: block}
    .box{width: 100%;padding: 0 15px;}
    .banner{height: 260px;}
    .banner .swiper-container{height: 100%}
    .banner .swiper-slide{background-position: center;background-size: cover;background-repeat: no-repeat}
    .banner .swiper-slide img{display: none}
    .banner .swiper-slide video{display: none}
    .banner .swiper-slide.slide1{background-image: url("../images/tenYears/banner01.jpg")}
    .banner .swiper-slide.slide2{background-image: url("../images/index-img/index-banner-p8.jpg");}
    .banner .swiper-slide.slide3{background-image: url("../images/index-img/index-banner-p1.jpg")}

    .TY1{padding-top: 50px;}
    .TY1>h3{font-size: 24px;}
    .TY1>p{margin-bottom: 20px;}
    .TY1L{padding-left: 0}
    .TY1R{padding-left: 0}
    .TY2{padding-top: 40px;}
    .TY2>h3{font-size: 24px;}
    .TY2L{height: 180px;}
    .TY2R ul li{width: 49%;margin-left: 0;margin-right: 2%}
    .TY2R ul li:nth-child(2n){margin-right: 0}
    .TY2R ul li.bgg{background-color: #ffffff}
    .TY3{padding-top: 50px;}
    .TY3>h3{font-size: 24px;margin-bottom: 20px;}
    .TY3L{width: 100%;height: 200px;}
    .TY3R{width: 100%;text-align: justify;height: auto;padding-bottom: 20px;}
    .TY3R br{display: none}
    .TY4{padding-top: 50px;}
    .TY4>h3{font-size: 24px;margin-bottom: 20px;}
	.TY4B>ul>li{margin: 0 15px;}
    .TY5{padding-top: 50px;}
    .TY5>h3{font-size: 24px;margin-bottom: 20px;}
    .TY5>p{padding: 0 10px;margin-bottom: 20px;}
    .swiper-container1{display:none}
    .xjbg{padding:0 15px;}
    .xjbg>ul>li>p{text-align:left;font-size:20px;margin-bottom: 0;line-height: normal}
    .xjbg>ul>li>p>span{display:inline-block;width:16px;height:8px;background:url("../images/arrow-gray.png")no-repeat bottom center;float:right;margin-top:12px;}
    .xjbg>ul>li.a>p>span{background-position-y:top}
    .xjbg>ul>li{border: 1px solid #eeeeee;padding:15px 20px;margin-bottom:10px;}
    .xjbg>ul>li>div{padding-left: 50px;text-align:center;margin-top:20px;display:none;padding-right:50px;}
    .xjbg>ul>li>div>p{line-height: 20px;text-align: justify}
    .xjbg>ul>li>div>a{width: 120px;height: 30px;line-height: 30px;display: inline-block;background-color:#c7000b;color:#ffffff;margin-top:20px;}
    .xjbg>ul>li>p>img{height: 30px;margin-right: 20px;vertical-align: bottom}

    .TY6{padding-top: 50px}
    .TY6>h3{font-size: 24px;margin-bottom: 20px;}
    .TY6L{width:100%;}
    .TY6R{width:100%;margin-top: 20px;}
    .TY6RB{padding: 20px 10px;}

    .TY7{padding-top: 50px}
    .TY7>h3{font-size: 24px;margin-bottom: 20px;}
    .TY7L{width: 100%;margin-bottom: 20px;}
    .TY7R{width: 100%;}
    .TY7L>ul>li{width:49%;margin-right: 2%}
    .TY7L>h3{font-size: 20px;}
    .TY7R>h3{font-size: 20px;}
    .TY8{height: auto;padding: 15px 0;background-position-x:-375px; }
    .TY8>div>div{float: none;padding-top: 0;width: 100%}
    .TY9 ul{width: 90%}
    .TY9 ul li{font-size: 14px;}
    .TY9 h3{font-size: 24px;margin-bottom: 2px;}
    .TY9{padding: 20px 0;margin-top:0;height: 470px;}
    .changeTxt{padding: 20px 15px;position: static;height: auto}
    .changeTxt>div>h1{font-size: 20px;text-align: center}
    .changeTxt>div>p{margin-bottom: 10px; font-size:14px;}
    .changeTxt>div>div>button{width: 100px;margin-left: 10px;line-height: 30px;}
    .TY4T .swiper-pagination{margin-top: 0;bottom: auto;z-index: 200;text-align: center;width: 100%;top: 170px;}
    .TY4T .swiper-pagination-bullet{border-color: #ffffff}
    .TY4T .swiper-pagination-bullet-active{border-color: #c7000b}
    .TY4T>.swiper-container{height: 200px;}
}