@charset "utf-8";
.tfs1{background-image: url(../images/tf1pic1.png);background-repeat: no-repeat;background-size: cover;background-position: center;overflow: hidden;padding: 40px 0;border-bottom: 1px solid #CCCCCC;}
.tfs1 .cn1{width: 25%;float: left;}
.tfs1 .cn2{text-align: center;}
.tfs1 .cn2 img{margin-bottom: 15px;}
.tfs1 .cn3{font-size: 20px;color: #020202;text-align: center;}
.tfs1 .cn4{font-size: 14px;color: #999999;text-align: center;}
.tfs1 .color{font-weight:bold;}
@media (max-width:1400px){
.tfs1 .cn3{font-size: 16px;}}
.cntitle1{display: flex;}
.cntitle1 .cntitle2{text-align: center;width: 35%;line-height: 60px;}
.cntitle1 .cntitle3{line-height: 60px;width: 30%;}
.cntitle1 .cntitle3 span:first-child{font-size: 46px;color: #000000;opacity: 0.25;text-align: center;display: block;}
.cntitle1 .cntitle3 span:last-child{font-size: 44px;font-weight: bold;color: #010101;opacity:1;display: block;text-align: center;margin-top: -50px;}
.cntitle1 .cntitle4{text-align: center;width: 35%;line-height: 60px;}
.cntitle5{text-align: center;color: #333333;font-size: 20px;}
.tfs2{padding-top: 90px;}
.tfs2 .cn1{text-align: center;padding: 80px 0 50px;}
.tfs3{background-image: url(../images/tf1pic1.png);overflow: hidden;}
.tfs3 .cn1{width: 25%;float: left;padding-top: 20px;position: relative;}
.tfs3 .cn1::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;border-right: 1px dashed #E2E2E2;height: 200px;}
.tfs3 .cn1:last-child::after{display: none;}
.tfs3 .cn1 .cn2{position: relative;text-align: center;padding-top: 40px;}
.tfs3 .cn1 .cn2 .cn4{font-size: 30px;font-weight: bold;color: #020202;position: absolute;left: 50%;transform: translateX(-50%);top: 40%;}
.tfs3 .cn1 .cn2 .cn5{font-size: 22px;color: #020202;position: absolute;left: 50%;transform: translateX(-50%);top: 60%;}
.tfs3 .cn1 .cn3{text-align: center;margin-top: 20px;}
@media (max-width:1500px){
.tfs3 .cn1 .cn2{padding-top: 0;}}
.tfs4{position: relative;}
.tfs4 .tfs4a{position: relative;overflow: hidden;}
.tfs4 .tfs4a .swiper-slide{position: relative;}
.tfs4 .tfs4a .cna1 img{width:100%;}
.tfs4 .tfs4a .cna3{position: absolute;max-width: 1600px;width: 100%;margin: 0 auto;bottom: 0;left: 50%;transform: translateX(-50%);}
.tfs4 .tfs4a .cna3 .cna2{position: relative;width: 240px;}
.tfs4 .tfs4a .cna3 .cna2 .cna4{width: 240px;line-height: 65px;background-color: rgba(255,255,255,.95);text-align: center;font-size: 20px;color: #030303;}
.tfs4 .swiper-button-next,.tfs4 .swiper-button-prev{position: absolute;left: 30px;font-size: 20px;z-index: 99;bottom: 0;line-height: 65px;background-size: 8px;}
.tfs4 .swiper-button-next{position: absolute;left: auto;right: 30px;}
.tfs4 .center1600{position: absolute;top: 0;z-index: 99;max-width: 1600px;width: 100%;margin: 0 auto;left: 50%;transform: translateX(-50%);}
.tfs4 .center1600 .cn1{width: 25%;padding: 70px 0;background-color: red;position: absolute;right: 0;top: 0;background-color: rgba(255,255,255,.8);}
.tfs4 .center1600 .cn1 .cn2{text-align: center;font-size: 20px;font-weight: bold;color: #010101;margin-bottom: 30px;}
.tfs4 .center1600 .cn1 .cn3{display: flex;flex-wrap: wrap;justify-content: center;color: #333;font-size: 18px;text-align: center;cursor: pointer;margin-bottom: -20px;}
.tfs4 .center1600 .cn1 .cn3 span{width: calc(100% / 2 - 10px);text-align: left;margin-bottom: 20px;}
.tfs4 .center1600 .cn1 .cn3 span:nth-child(odd){text-align: right;margin-right: 20px;}
.tfs5{padding-top: 100px;background-image: url(../images/tf1pic1.png);overflow: hidden;padding-bottom: 60px;}
.tfs5a{margin-top: 75px;}
.tfs5a .aside{width: 350px;}
.tfs5a .aside .right{width: 350px;}
.tfs5a .article{width: 1210px;border: 0;}
.tfs5a .casebox2b{padding: 0;}
.tfs5a .casebox2 .box1{width: 388px;}
.tfs5a .layui-nav-itemed>.layui-nav-child{padding: 24px 0;background-image: linear-gradient(90deg , #f3f2f2 0%, #ffffff 50%, #f3f2f2 100%), linear-gradient( #f3f2f2, #f3f2f2);}
@media (max-width:1600px){
.tfs4 .center1600{max-width: 1200px;}
.tfs4 .center1600 .cn1{padding: 30px 0;}
.tfs4 .tfs4a .cna3{max-width: 1200px;}
.center1600{max-width: 1200px;margin: 0 auto;}
.tfs5a .center1600{max-width: 1200px;margin: 0 auto;}
.tfs5a .aside{width: 240px;}
.tfs5a .aside .right{width: 240px;}
.tfs5a .article{width: 930px;border: 0;}
.tfs5a .casebox2 .box1{width: 298px;}
.tfs5a .layui-nav-itemed>.layui-nav-child{padding: 0;}}
.tfs6{display: flex;}
.tfs6 .cn1{width: 50%;}
.tfs6 .cn1 p{height: 100%;}
.tfs6 .cn1 p img{width: 100%;height: 100%;object-fit: cover;}
.tfs6 .cn2{width: 50%;background-image: url(../images/tf3pic5.png);background-size: cover;background-repeat: no-repeat;}
.tfs6 .cn2 .cn8{display: flex;width: 100%;height: 100%;max-width: 800px;flex-direction: column;justify-content: center;}
.tfs6 .cn2 .cn3{text-align: center;padding-top: 40px;}
.tfs6 .cn2 .cn4{display: flex;text-align: center;justify-content: center;align-items: center;}
.tfs6 .cn2 .cn4 span{font-size: 34px;font-weight: bold;color: #ffffff;margin: 0 20px;}
.tfs6 .cn2 .cn5{text-align: center;}
.tfs6 .cn2 .cn6{text-align: center;font-size: 18px;color: #ffffff;padding-bottom: 30px;padding-top: 10px;}
.tfs6 .cn2 .cn7{text-align: center;padding-bottom: 30px;}
.tfs6 .cn2 .cn7 a:first-child{display: inline-block;width: 240px;line-height: 45px;background-color: #ffffff;border-radius: 23px;font-size: 18px;color: #222222;font-weight: bold;text-align: center;margin-right: 15px;}
.tfs6 .cn2 .cn7 a:last-child{display: inline-block;width: 240px;line-height: 45px;background-color: #2e2f3f;border-radius: 23px;font-size: 18px;color: #fff;font-weight: bold;text-align: center;}
@media (max-width:1600px){
.tfs6 .cn2 .cn8{width: 100%;max-width: 600px;}
.tfs6 .cn2 .cn4 span{font-size: 24px;}
.tfs6 .cn2 .cn7 a:first-child{width: 180px;}
.tfs6 .cn2 .cn7 a:last-child{width: 180px;}}
.tfs7{padding-top: 90px;padding-bottom: 70px;}
.tfs8{background-image: url(../images/tf4pic5.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
.tfs8 .center1600{display: flex;}
.tfs8 .center1600 .left{width: 40%;display: flex;padding: 110px 0;}
.tfs8 .center1600 .left .cn1{margin-right: 40px;}
.tfs8 .center1600 .left ul{}
.tfs8 .center1600 .left ul .cn2{font-size: 16px;color: #999999;}
.tfs8 .center1600 .left ul .cn3{font-size: 38px;font-weight: bold;color: #030303;}
.tfs8 .center1600 .left ul .cn4{margin-bottom: 40px;}
.tfs8 .center1600 .left ul .cn5{font-size: 20px;color: #333333;margin-bottom: 35px;letter-spacing: 2px;}
.tfs8 .center1600 .left ul .cn5 i{font-weight: bold;}
.tfs8 .center1600 .right{width: 60%;text-align: right;}
.tfs8 .center1600 .right .cn6{position: relative;top: 45%;transform: translateY(-50%);}
@media (max-width:1600px){
.tfs8 .center1600 .left ul .cn4{width: 60%;}
.tfs8 .center1600 .left{padding: 70px 0;}
.tfs8 .center1600 .left ul .cn4{margin-bottom: 20px;}
.tfs8 .center1600 .left ul .cn5{margin-bottom: 20px;}}
.tfs9{background-image: url(../images/tf4pic5.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
.tfs9 .center1600{display: flex;}
.tfs9 .center1600 .left{width: calc(50% - 80px);margin-left: 80px;display: flex;padding: 110px 0;}
.tfs9 .center1600 .left .cn1{margin-right: 40px;}
.tfs9 .center1600 .left ul{}
.tfs9 .center1600 .left ul .cn2{font-size: 16px;color: #999999;}
.tfs9 .center1600 .left ul .cn3{font-size: 38px;font-weight: bold;color: #030303;}
.tfs9 .center1600 .left ul .cn4{margin-bottom: 40px;}
.tfs9 .center1600 .left ul .cn5{font-size: 20px;color: #333333;margin-bottom: 35px;letter-spacing: 2px;}
.tfs9 .center1600 .left ul .cn5 i{font-weight: bold;}
.tfs9 .center1600 .right{width: 50%;text-align: right;}
.tfs9 .center1600 .right .cn6{position: relative;top: 45%;transform: translateY(-50%);}
.tfs10{background-image: url(../images/tf4pic5.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
.tfs10 .center1600{display: flex;}
.tfs10 .center1600 .left{width: calc(50% - 80px);margin-left: 80px;display: flex;padding: 110px 0;}
.tfs10 .center1600 .left .cn1{margin-right: 40px;}
.tfs10 .center1600 .left ul{}
.tfs10 .center1600 .left ul .cn2{font-size: 16px;color: #999999;}
.tfs10 .center1600 .left ul .cn3{font-size: 38px;font-weight: bold;color: #030303;}
.tfs10 .center1600 .left ul .cn4{margin-bottom: 40px;}
.tfs10 .center1600 .left ul .cn5{font-size: 20px;color: #333333;margin-bottom: 35px;letter-spacing: 2px;}
.tfs10 .center1600 .left ul .cn5 i{font-weight: bold;}
.tfs10 .center1600 .right{width: 50%;text-align: right;}
.tfs10 .center1600 .right .cn6{position: relative;top: 45%;transform: translateY(-50%);}
@media (max-width:1600px){
.tfs8 .center1600 .left ul .cn2{font-size: 14px;}
.tfs8 .center1600 .left ul .cn3{font-size: 30px;}
.tfs9 .center1600 .left{margin-left: 30px;width: calc(50% - 30px);}
.tfs9 .center1600 .left ul .cn2{font-size: 14px;}
.tfs9 .center1600 .left ul .cn3{font-size: 30px;}
.tfs9 .center1600 .left ul .cn4{width: 60%;}
.tfs9 .center1600 .left{padding: 70px 0;}
.tfs9 .center1600 .left ul .cn4{margin-bottom: 20px;}
.tfs9 .center1600 .left ul .cn5{margin-bottom: 20px;}
.tfs10 .center1600 .left ul .cn2{font-size: 14px;}
.tfs10 .center1600 .left ul .cn3{font-size: 30px;}
.tfs10 .center1600 .left ul .cn4{width: 60%;}
.tfs10 .center1600 .left{padding: 70px 0;}
.tfs10 .center1600 .left ul .cn4{margin-bottom: 20px;}
.tfs10 .center1600 .left ul .cn5{margin-bottom: 20px;}}
.tfs11{padding: 80px 0 ;}
.tfs12{background-image: url(../images/tf1pic1.png);background-repeat: no-repeat;background-size: cover;}
.tfs12 .center1500{max-width: 1500px;margin: 0 auto;padding: 60px 0;}
.tfs12a{overflow: hidden;}
.tfs12a p{position: relative;padding-bottom: 29%;}
.tfs12a p img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.tfs13{position: relative;}
.tfs13 .tfs13a{position: relative;overflow: hidden;}
.tfs13 .tfs13a .swiper-slide{position: relative;}
.tfs13 .tfs13a .cna1 img{width: 100%;}
.tfs13 .tfs13a .cna3{position: absolute;max-width: 1600px;width: 100%;margin: 0 auto;bottom: 0;left: 50%;transform: translateX(-50%);}
.tfs13 .tfs13a .cna3 .cna2{position: relative;width: 240px;height: 65px;background-color: #Fff;}
.tfs13 .tfs13a .cna3 .cna2 .cna4{width: 240px;line-height: 65px;background-color: rgba(255,255,255,.95);text-align: center;font-size: 20px;color: #030303;}
.tfs13 .swiper-button-next,.tfs13 .swiper-button-prev{position: absolute;left: 30px;font-size: 20px;z-index: 99;bottom: 0;line-height: 65px;background-size: 8px;}
.tfs13 .swiper-button-next{position: absolute;left: auto;right: 30px;}
.tfs13 .swiper-pagination{bottom: 0;}
.tfs13 .center1600{position: absolute;top: 0;z-index: 99;max-width: 1600px;width: 100%;margin: 0 auto;left: 50%;transform: translateX(-50%);}
.tfs13 .center1600 .cn1{width: 25%;padding: 40px 0;background-color: red;position: absolute;right: 0;top: 0;background-color: rgba(255,255,255,.8);}
.tfs13 .center1600 .cn1 .cn2{text-align: center;font-size: 20px;font-weight: bold;color: #010101;margin-bottom: 30px;}
.tfs13 .center1600 .cn1 .cn3{font-size: 18px;color: #333333;margin-bottom: 20px;padding-left: 20px;}
.tfs13 .center1600 .cn1 .cn3 span:first-child{margin-right: 20px;}
.tfs13 .center1600 .cn1 .cn3:last-child{margin-bottom: 0;}
.tfs14{padding-top: 80px;padding-bottom: 80px;background-image: url(../images/tf5pic1.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
.tfs14 .center1600 .cna1{text-indent: 2em;font-size: 14px;color: #333333;padding: 60px 0 50px;}
.tfs14 .main4{width: 100%;position: relative;height: 540px;}
.tfs14 .main4 video{width: 100%;height: 540px;}
.tfs14 .plyr__poster{background-size: cover;}
.tfs14 .main4 .bannericon{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.tfs14 .cn1{display: flex;margin-top: 60px;}
.tfs14 .cn2{text-align: center;position: relative;margin-bottom: 20px;}
.tfs14 .cn2::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 1px;background-color: rgba(255,255,255,.29);z-index: 0;}
.tfs14 .cn3{text-align: center;font-size: 18px;color: #ffffff;}
.tfs14 .cn4{text-align: center;font-size: 12px;color: #807e7e;}
.tfs14 .cn5{width: calc(100% / 9);text-align: center;}
.tfs14 .cn2 .cn6{position: relative;left: 50%;display: block;width: 92px;height: 92px;border-radius: 50%;border: 2px solid #fff;background: #04080d;transform: translateX(-50%);z-index: 99;box-sizing: border-box;transition: all .5s;cursor: pointer;}
.tfs14 .cn5:hover .cn2 .cn6{background: #2e2f3f;}
.tfs14 .cn2 .cn7{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 99;}
.tfs15{padding-top: 80px;background-color: #f2f2f2;}
.tfs15 .cn1{margin: 80px 0 0;position: relative;}
.tfs15 .cn1::after{position: absolute;content: "";width: 100%;height: 1px;background-color: rgba(0,0,0,.1);top: 10px;left: 0;}
.tfs15 .cn1 .center1200{max-width: 1200px;margin: 0 auto;display: flex;justify-content: center;}
.tfs15 .cn1 .center1200 li{color: #333;font-size: 18px;text-align: center;width: calc(20%);cursor: pointer;transition: all .5s;}
.tfs15 .cn1 .center1200 li span{position: relative;width: 22px;height: 22px;margin: 0 auto;display: block;border-radius: 50%;border: 1px solid rgba(0,0,0,.1);background: #fff;margin-bottom: 5px;box-sizing: border-box;z-index: 99;}
.tfs15 .cn1 .center1200 li span:after{content: " ";position: absolute;top: 50%;left: 50%;width: 12px;height: 12px;border-radius: inherit;transform: translate(-50%, -50%);background: #999;transition: all .5s;}
.tfs15 .cn1 .center1200 li.on span:after,.tfs15 .cn1 .center1200 li:hover span:after{background: #2e2f3f;}
.tfs15 .cn1 .center1200 li.on,.tfs15 .cn1 .center1200 li:hover{color: #2e2f3f;}
.tfs15 .cn3{margin: 50px auto 25px;background-color: #fff;padding: 40px 40px 0;max-width: 1520px;}
.tfs15 .cn3 .ncn1{display: flex;padding-bottom: 30px;border-bottom: 1px dashed #E2E2E2;}
.tfs15 .cn3 .ncn2{width: 495px;height: 305px;margin-right: 50px;}
.tfs15 .cn3 .ncn2 img{width: 495px;height: 305px;object-fit: cover;}
.tfs15 .cn3 .ncn3{width: calc(100% - 545px);position: relative;}
.tfs15 .cn3 .ncn3 .ncn4{border-bottom: 1px solid #E2E2E2;padding: 20px 0;}
.tfs15 .cn3 .ncn3 .ncn4 a{font-size: 18px;color: #030303;}
.tfs15 .cn3 .ncn3 .ncn5{color: #666;font-size: 14px;line-height: 2;text-align: justify;margin: 20px 0;}
.tfs15 .cn3 .ncn3 .ncn6{margin-left: -10px;font-size: 16px;color: #999999;}
.tfs15 .cn3 .ncn3 .ncn7{position: absolute;right: 0;bottom: 20px;}
.tfs15 .cn3 .ncn3 .ncn7 a{text-align: center;display: inline-block;width: 160px;line-height: 45px;background-color: #2e2f3f;font-size: 16px;color: #fefefe;}
.tfs15 .cn3 .ncn8{padding: 35px 0;overflow: hidden;}
.tfs15 .cn3 .ncn8 .ncn9{display: flex;width: 47%;margin-right: 6%;float: left;margin-top: 20px;}
.tfs15 .cn3 .ncn8 .ncn9:nth-child(-n+2){margin-top: 0;}
.tfs15 .cn3 .ncn9:nth-child(2n){margin-right: 0;}
.tfs15 .cn3 .ncn8 .ncn9 span:first-child{position: relative;font-size: 14px;color: #666;width: calc(80% - 30px);padding-left: 30px;transition: all .5s;}
.tfs15 .cn3 .ncn8 .ncn9 span:first-child::after{width: 0;height: 0;border-top: 5px solid transparent;border-left: 10px solid #666666;border-bottom: 5px solid transparent;content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);transition: all .5s;}
.tfs15 .cn3 .ncn8 .ncn9 span:last-child{font-size: 14px;color: #666666;width: 20%;text-align: right;}
.tfs15 .cn3 .ncn8 .ncn9:hover span:first-child{color: #2e2f3f;}
.tfs15 .cn3 .ncn8 .ncn9:hover span:last-child{color: #000303;}
.tfs15 .cn3 .ncn8 .ncn9:hover span:first-child::after{border-left-color: #2e2f3f;}
.tfs15a{position: relative;overflow: hidden;}
.link{padding-bottom: 20px;}
.link .lcn1{position: relative;}
.link .lcn1 .lcn2{}
.link .lcn1 .lcn2 img{width: 100%;}
.lcn3{position: absolute;left: 180px;top: 30px;padding-right: 80px;}
.lcn3 a{font-size: 14px;color: #656566;line-height: 30px;display: inline-block;width: auto;margin: 0 20px;}
@media (max-width:1600px){
.tfs15 .cn3{max-width: 1120px;}
.tfs15 .cn3 .ncn8 .ncn9 span:first{width: calc(75% - 30px);}
.tfs15 .cn3 .ncn8 .ncn9 span:last-child{width: 25%;}
.lcn3{position: absolute;left: 120px;top: 20px;padding-right: 50px;}}
/*播放器相关*/
:root {--plyr-color-main: #2e2f3f;}