@charset "utf-8";
/* CSS Document */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p {margin:0px;padding:0px;font-family:'pingfang'; font-weight:normal;color:#000;}
body {width: 100%; background:#fff;}
ul {list-style:none;}
img,a img {border:0px;border:none;}
a {text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a.hidefocus {outline:none}
a:hover {text-decoration:underline;text-decoration:none;}
label {margin-bottom:0;font-weight:normal;}
input,textarea {border:0;outline:none;/*去除蓝色边框*/}
.content {width:1750px; padding: 0rem 15px;  argin:0 auto;}
@font-face {
	font-family:pingfang; 
	src:url(../fonts/pingfang.ttf);
}

.header{ background: url("../images/top.png") no-repeat center; background-size: 100% 100%; width: 100%; padding:15px 0px; backdrop-filter: blur(2px);}
.header .logo,.header .logo img{ width: 90px; height: 23px; display: block;}
.header .text{font-size:18px; color: #FFFFFF; line-height:30px; text-shadow: 0px 2px 8px rgba(0,0,0,0.25); text-align: left; font-style: normal;text-transform: uppercase; margin-left: 35px;}
.banner { overflow: hidden; width: 100%; position: relative;}
.banner .swiper-slide img{ width: 100%; position: relative; object-fit: cover;}
.banner .swiper-button-next,.banner .swiper-button-prev{ width:30px; height:30px;}
.banner .swiper-button-next img,.banner .swiper-button-prev img{ width: 30px; height:30px;}
.banner .swiper-button-prev{ left:10px; opacity: .4;}
.banner .swiper-button-next{ right:10px; opacity: .4;}
.banner .swiper-pagination-bullet{width:8px; height:8px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px rgba(23,113,247,0.25); border-radius: 8px; opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 20px;}
.title img{ height: 15px; display: block;}
.title h2{ font-size: 48px; margin: 0px 15px; line-height: 55px; color: #1771F7; font-weight: 600;}
.Introduction{ padding-top: 80px; padding-bottom: 120px;}
.Introduction .auto{ width: 1235px; margin: 0 auto;}
.Introduction .ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.Introduction .ul li{width: 156px; background: #F5F5F5; border-radius: 8px; text-align: center; padding: 21px 0px; margin-top: 90px;transition:0.6s; cursor: pointer;}
.Introduction .ul li img{ width: 64px; height: 64px; display: block; margin: 0 auto;}
.Introduction .ul li span{font-weight: 500;font-size: 28px;color: #1771F7;line-height: 40px; display: block; text-align: center; margin-top: 10px;}
.Introduction .ul li:hover{-webkit-transform: scale(1.1);transform: scale(1.1)}
.Introduction .ul li:hover{background: url('../images/bg1.png') no-repeat; background-size: 100% 100%;-webkit-transform: scale(1.1);transform: scale(1.1);}




.Rating{width: 1721px; background: #F5F5F5; box-shadow: 0px 19px 40px 0px rgba(0,0,0,0.12), 0px 19px 18px 2px rgba(0,0,0,0.12);border-radius: 65px; padding: 100px 60px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.Rating .txtbox{width: 779px;}
.Rating .txtbox h1{font-weight: 500; font-size: 60px; color: #333333; line-height: 84px;}
.Rating .txtbox p{font-weight: 500; font-size: 24px; color: #333333; line-height: 33px; margin-top: 20px;}
.Rating .imgbox{width: 719px;}
.Rating .imgbox img{ width: 100%; display: block;background: #D8D8D8; box-shadow: 0px 0px 9px 0px rgba(51,51,51,0.25); border-radius: 10px;}
.About{ padding: 120px 0px;}
.AboutText{background: linear-gradient( 270deg, #FFFFFF 0%, #1771F7 100%); position: relative; margin-top: 54px;}
.AboutText .text{ padding: 167px 160px;}
.AboutText .text h1{font-weight: 500; font-size: 60px; color: #FFFFFF; line-height: 84px;}
.AboutText .txtbox {width: 779px; font-weight: 400; font-size: 24px; color: #FFFFFF; line-height: 33px; margin-top: 20px;}
.AboutText .imgbox{ position: absolute; right: 0; top: 50%;transform: translateY(-50%); width: 639px;}
.AboutText .imgbox img{ width: 100%; display: block;}
.cooperation{ padding: 128px 0px;}
.cooperation ul{ display:flex; justify-content: center;}
.cooperation ul li{ margin: 50px 100px 0px 100px; width: 240px;}
.cooperation ul li img{ width: 100%; display: block;}
.cooperation ul li .imgbox{ padding: 9px; background: #fff; transition:0.6s;}
.cooperation ul li .txt{font-weight: 500; font-size: 30px; color: #333333; line-height: 42px; text-align:center}
.cooperation ul li:hover .imgbox{background: url('../images/bg2.png') no-repeat; background-size: 100% 100%;-webkit-transform: scale(1.05);transform: scale(1.05);}


.mask{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(51,51,51,0.5); z-index: 991; display:none;}
.tan_pop{ width: 984px; position: fixed; left: 50%; top: 50%; z-index: 992;transform: translate(-50%,-50%); display: none; }
.tan_txtbox{ width: 100%;background: #FFFFFF; padding: 20px 50px;border-radius: 20px;}
.tan_txtbox h2{font-weight: 500; font-size: 80px; color: #333333; line-height: 112px;}
.tab_textbox_wrap{ max-height: 70vh; overflow: auto; padding: 30px;}
.tan_txtbox .txtbox p{font-weight: 400; font-size: 24px; color: #333333; line-height: 33px; text-indent: 2em; margin-top:15px;}
.tan_txtbox .imgbox { margin-top: 37px;}
.tan_txtbox .imgbox img{ width: 100%; display: block;}
.close{ margin: 0 auto; margin-top: 50px; width: 240px; cursor: pointer;}
.close img{ width: 100%;}
body.open{ height: 100vh;  overflow: hidden;}

@media screen and (max-width:1800px) {
	.Rating{ width: 1580px;}
	.Rating .txtbox{ width: 679px;}
	.Rating .imgbox{ width: 620px;}
	.tan_pop{ width: 880px;}
	.tan_txtbox h2{ font-size: 70px; line-height: 100px;}
}
@media screen and (max-width:1600px) {
	
	
	.Introduction{ padding: 40px 60px;}
	.title img{ height: 8px;}
	.title h2{ font-size: 24px;}
	.Introduction .ul li{ margin-top: 45px;}
	.Introduction .auto{ width: 990px;}
	.Introduction .ul li img{ width: 44px; height: 44px;}
	.Introduction .ul li span{ font-size: 20px;}
	.tan_txtbox{ padding:15px; border-radius:8px;}
	.tab_textbox_wrap{ padding: 25px 45px;}
	.tan_txtbox h2,.Rating .txtbox h1,.AboutText .text h1{ font-size: 40px; line-height: 55px;}
	.tan_txtbox .txtbox p,.Rating .txtbox p,.AboutText .text p{ font-size: 18px; line-height: 26px;}
	.close{ width: 120px;}
	.tan_pop{ width: 880px;}
	.tab_textbox_wrap{ height:75vh;}
	.Rating{ width: 90%;border-radius: 35px; padding:50px 30px;}
	.Rating .txtbox{ width: 46%;}
	.Rating .imgbox{ width: 46%;}
	.About{ padding: 60px 0px;}
	.AboutText .text{ padding: 70px 80px;}
	/*.AboutText .text{ width: 45%;}*/
	.AboutText .imgbox{ width: 35%;}
	.cooperation{ padding:65px 0px;}
	.cooperation ul li{ width: 180px;margin: 25px 50px 0px 50px;}
	.cooperation ul li .txt{ font-size: 18px; text-align: center;}
	.cooperation ul li .imgbox{ padding: 6px;}
	
	
}

@media screen and (max-width:1500px) {
	.AboutText .imgbox{ width: 25%;}
}

@media screen and (max-width:1366px) {
	.Introduction .auto{ width: 760px;}
	.AboutText .txtbox{ width: 60%;}
	
}

@media screen and (max-width:800px) {
	.banner .swiper-pagination-bullet{ width: 8px; height: 8px;}
	.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px;}
	.header{ padding:10px 15px; justify-content: space-between;}
	.header .logo, .header .logo img{ width: 110px; height: 28px;}
	.header .text{ font-size: 16px; line-height: 20px; margin-left: 20px;}
	.Introduction{ padding: 15px;}
	.title img{ height: 3px;}
	.title h2{ font-size:24px;}
	.Introduction .auto{ width: 100%;}
	.Introduction .ul li{ margin-top: 20px; width: calc(50% - 10px);}
	.tan_pop{ width: 90%;}
	.tan_txtbox{ padding:0px;}
	
	.tab_textbox_wrap{ padding:15px;}
	.tan_txtbox h2, .Rating .txtbox h1, .AboutText .text h1{ font-size: 22px; line-height: 35px;}
	.tan_txtbox .txtbox p, .Rating .txtbox p, .AboutText .text p{ font-size: 14px; line-height: 28px;}
	.tan_txtbox .txtbox p{ margin-top: 10px;}
	.close{ width: 80px; margin-top:20px;}
	.Rating{ padding: 15px; display: block; border-radius: 14px;}
	.Rating .txtbox{ width: 100%;}
	.Rating .imgbox{ width: 100%; margin-top: 20px;}
	.Rating .txtbox p{ margin-top: 10px;}
	.About{ padding:20px 0px;}
	.AboutText{ margin-top: 20px;}
	.AboutText .text{ padding: 15px;}
	.AboutText .txtbox{ width: 100%; position: relative; z-index: 9;}
	.cooperation{ padding: 20px 0px;}
	.cooperation ul{ flex-wrap: wrap;}
	.cooperation ul li{ width:calc(50% - 40px); margin:10px;}
	.cooperation ul li .txt{ font-size: 16px; line-height:20px; margin-top: 8px;}
	.cooperation ul li .imgbox{ padding: 3px;}
	.cooperation ul li:hover .imgbox{background: url('../images/bg2.png') no-repeat; background-size: 100% 100%;-webkit-transform: scale(1.02);transform: scale(1.02);}
	.AboutText{ background:#1771F7; padding-bottom:20px}
	.AboutText .imgbox{ position: relative; left:0px; top:auto; right:auto; margin:auto;transform:none; width:40%}
}