* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none;font-family: Microsoft YaHei,Helvetica, Arial, "sans-serif";scroll-behavior: smooth;scroll-padding-top:88px;}
body {
padding:0px; margin: 0px;
}
a:hover{text-decoration:none}
a{color: #333}
li, dt,dd{padding: 0px; margin: 0px; list-style: none}

.fl{float: left;}
.fr{float: right;}
.text-c{text-align: center;}


/* 通用滚动条代码 */
::-webkit-scrollbar {
	width:7px;
	background-color: #0051a1;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #cfcfcf;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #0051a1;
}

.input1::-webkit-input-placeholder{ font-size:14px; color:#999}
.input2::-webkit-input-placeholder{ font-size:14px; color:#999}

.textarea_txt::-webkit-input-placeholder{ font-size:14px; color:#999; font-family: Microsoft YaHei, sans-serif;}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}


.space-h1{ overflow:hidden; clear:both; height:10px; width:100%}
.space-h2{ overflow:hidden; clear:both; height:20px; width:100%}
.space-h3{ overflow:hidden; clear:both; height:30px; width:100%}
.space-h4{ overflow:hidden; clear:both; height:40px; width:100%}

@media only screen and (max-width:1000px) {
.space-h2{ overflow:hidden; clear:both; height:10px; width:100%}
.space-h3{ overflow:hidden; clear:both; height:15px; width:100%}
.space-h4{ overflow:hidden; clear:both; height:20px; width:100%}
}


.main{ max-width:1450px; overflow:hidden; width:94%; margin:0 auto;}

@media (min-width: 1930px) {
.main{ max-width: 1600px; width:94%; margin:0 auto;}
}

.wrapper-hei{ background:#f1f7fe; width:100%; padding:100px 0px 100px 0px; overflow:hidden; position: relative}
.wrapper-bai{ background:#ffffff; width:100%; padding:100px 0px 100px 0px; overflow:hidden;position: relative}

@media only screen and (max-width:1450px) {
.wrapper-hei{padding:80px 0px 80px 0px;}
.wrapper-bai{padding:80px 0px 80px 0px;}
}
@media only screen and (max-width:1400px) {
.wrapper-hei{padding:60px 0px 60px 0px;}
.wrapper-bai{padding:60px 0px 60px 0px;}
}
@media only screen and (max-width:1300px) {
.wrapper-hei{ padding:40px 0px 40px 0px;}
.wrapper-bai{ padding:40px 0px 40px 0px;}
}

@media only screen and (max-width:1100px) {
.wrapper-hei{ padding:30px 0px 30px 0px;}
.wrapper-bai{ padding:30px 0px 30px 0px; }
}


.main-title{ text-align:center; margin-bottom:30px; position: relative; z-index: 2;}
.main-title h3{ color: #111;font-size: 40px;line-height:1.6; font-weight:400;position:relative; margin-bottom: 10px;}
.main-title .text-des{font-size: 18px; color: #666; max-width:800px; width:92%; margin:0 auto; font-weight:300; line-height:24px}

.main-title h3::before{position: absolute; z-index: 1;content: ""; bottom:0; width: 40px; height: 3px; background: #1b7acb;left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); border-radius: 10px;}

@media only screen and (max-width:1400px) {
.main-title h3{font-size: 3vw;}
}

@media only screen and (max-width:1200px) {
.main-title h3{ font-size: 28px;}

.main-title{ text-align:center; margin-bottom:20px}
.main-title .text-des{font-size: 16px;}
}

@media only screen and (max-width:900px) {
.main-title h3{ font-size: 24px;}
.main-title .text-des{font-size: 14px;}
}

@media only screen and (max-width:700px) {
.main-title h3{ font-size: 22px;}

}


.public-img{overflow: hidden; position: relative}
.public-img .img_box{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: all 0.5s ease; 
	-webkit-transition: all 0.5s ease;
}

.public-img .img_box img{width: 100%;height: auto; vertical-align: top}
.public-img:hover .img_box{transform: scale(1.1); -webkit-transform: scale(1.1);}

.public-imgs{ overflow:hidden; position:relative; padding-top:66%;}
.public-imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.public-imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}



/* ---图片-列表布局---- */
.list-pic2{overflow: hidden; margin:0;padding: 0;}
.list-pic2 li{ margin:0;padding: 0;width: 49%;margin-right:2%; margin-bottom: 2%;overflow: hidden;float: left;}
.list-pic2 li:nth-child(2n){margin-right: 0;}

.list-pic3{overflow: hidden; margin:0;padding: 0;}
.list-pic3 li{ margin:0;padding: 0; width: 32%;margin-right:2%; margin-bottom: 2%;overflow: hidden;float: left;}
.list-pic3 li:nth-child(3n){margin-right: 0;}

.list-pic4{overflow: hidden; margin:0;padding: 0;}
.list-pic4 li{ margin:0;padding: 0; width: 23.5%;margin-right:2%; margin-bottom: 2%;overflow: hidden;float: left;}
.list-pic4 li:nth-child(4n){margin-right: 0;}

.list-pic5{overflow: hidden; margin:0;padding: 0;}
.list-pic5 li{ width: 18.4%;margin-right:2%; margin-bottom: 2%;overflow: hidden; margin:0;padding: 0;float: left;}
.list-pic5 li:nth-child(5n){margin-right: 0;}

.list-pic6{overflow: hidden; margin:0;padding: 0;}
.list-pic6 li{width: 15.166%;margin-right:1.8%; margin-bottom: 2%;overflow: hidden; margin:0;padding: 0;float: left;}
.list-pic6 li:nth-child(6n){margin-right: 0;}


.actGotop{position:fixed;_position:absolute;bottom:60px;right:2%;width:40px;height:40px;display:none; z-index:10; border-radius:50%; background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);}
.actGotop a,.actGotop a:link{width:40px;height:40px;text-align:center;}
.actGotop a:hover{outline:none;}
.actGotop i{ width:40px;height:40px; line-height: 40px; color: #fff;font-size: 18px}

.actGotop a:hover{ background:#4751de; border-radius:50%; }
.actGotop a {display: flex;align-items: center;justify-content: center;}
.actGotop a i{color: #fff;}

.footer_bg{background: #192436; overflow: hidden;width: 100%; padding: 80px 0px;  position: relative;z-index: 1;}

.footer_bg:before {
  content: "";
  background: url(../images/map-bg1.png) no-repeat center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
background-size: contain;opacity: 0.14;
}
.foot_cop_bg{background: #192436; overflow: hidden; margin: 0px; padding: 15px 0px; border-top: 1px solid rgba(102, 101, 101, 0.3); position: relative;}

.foot_cop_xx{ font-size: 14px;line-height: 22px;color: #fff;display: flex;align-items: center; justify-content: space-between;}
.foot_cop_xx p{overflow: hidden;padding: 0;margin: 0;;}
.foot_cop_nav{ overflow: hidden; margin: 0px; padding:0px;display: flex;justify-items: flex-end;}
.foot_cop_nav a{color: #fff;}
.foot_cop_xx p a{color: #fff;}

.foot_w{ max-width:1450px; overflow:hidden; width:94%; margin:0 auto;}

@media (min-width: 1930px) {
.foot_w{ max-width: 1600px; width:94%; margin:0 auto;}
}


.foot_L{width: 40%;float:left;margin: 0px;padding: 0;overflow: hidden;;}
.foot_M{width: 30%;float:left;margin: 0px;padding: 0;overflow: hidden;;}
.foot_R{width: 30%;float:right;margin: 0px;padding: 0;overflow: hidden;;}

.foot_about{overflow: hidden;margin: 0px;padding: 0;width: 80%;}
.foot_about dl{overflow: hidden;margin: 0px;padding: 0;}
.foot_about dl dt{overflow: hidden;margin: 0px;padding: 0; margin-bottom: 10px;}
.foot_about dl dt img{height: 50px; width: auto;vertical-align: top;}
.foot_about dl dd{overflow: hidden;margin: 0px;padding: 0; color:rgba(255, 255, 255, 0.8);font-size: 14px; line-height: 200%;}
.foot_about dl dd h3{font-size: 22px; margin-top: 10px;color: #fff;font-weight: 300;}
.foot_nav{overflow: hidden;margin: 0px;padding: 0;}
.foot_nav li{overflow: hidden;margin: 0px;padding: 0;width: 50%;float: left;}
.foot_nav li dl{overflow: hidden;margin: 0px;padding: 0;}
.foot_nav li dl dt{overflow: hidden;margin: 0px;padding: 0;font-size:18px;line-height: 200%; margin-bottom: 8px;font-weight: bold; color: #fff;}
.foot_nav li dl dd{overflow: hidden;margin: 0px;padding: 0;font-size: 16px; color:rgba(255, 255, 255, 0.8); line-height: 200%; padding: 2px 0px;}
.foot_nav li dl dt a{ color: #fff;} 
.foot_nav li dl dd a{  color:rgba(255, 255, 255, 0.8);}

.foot_lxfs{overflow: hidden;margin: 0px;padding: 0;width: auto;float: right;}
.foot_lxfs dl{overflow: hidden;margin: 0px;padding: 0;}
.foot_lxfs dl dt{overflow: hidden;margin: 0px;padding: 0;font-size:18px;line-height: 200%; margin-bottom: 8px;font-weight: bold; color: #fff;}
.foot_lxfs dl dd{overflow: hidden;margin: 0px;padding: 0;font-size: 16px; color:rgba(255, 255, 255, 0.8); line-height: 200%; }
.foot_lxfs dl dt a{ color: #fff;} 
.foot_lxfs dl dd a{  color:rgba(255, 255, 255, 0.8);}

.code-box{overflow: hidden;padding: 0px; margin: 0px;display: flex;justify-content: space-between; margin-top: 15px;}
.code-box li{display: inline-block; margin: 0px;text-align: center;width:auto}
.code-box li img{max-width: 110px;width: auto; height: auto;vertical-align: top;}
.code-box li p{margin: 0px; padding: 0px; line-height: 30px;font-size: 14px; color: #fff;}

@media (max-width: 1200px) {
.footer_bg{padding: 50px 0px}
.foot_about dl dd h3{font-size: 20px;}
.foot_lxfs dl dd{font-size: 14px;}
.foot_cop_xx p{font-size: 14px;}
.foot_cop_xxP{font-size: 14px;}
}

@media only screen and (max-width:1000px) {
.foot_L{display: none;}
.foot_M{display: none;}
.foot_R{width: 100%;}
.foot_lxfs{overflow: hidden;margin: 0px;padding: 0;width: auto;float: none;text-align: center;}
.code-box li:last-child{display: none;}
.code-box li{text-align: center;}
.code-box{display: block;text-align: center;}
.footer_bg{padding: 30px 0px}
.code-box li img{max-width: 90px;}

}

@media only screen and (max-width:750px) {
.foot_cop_xx{ display: block;text-align: center;}
.foot_cop_nav{display: block;text-align: center;}

}


/* ---首页服务---- */
.main_ser{overflow: hidden;margin: 0px;padding: 0px; }
.main_ser li{overflow: hidden;margin: 0px;padding: 0px;width: 23.5%; margin-right: 2%; margin-bottom: 2%;float: left; position: relative;min-height: 245px;}
.main_ser li:nth-child(4n){margin-right: 0;}
.main_ser li {
    background: linear-gradient(180deg,#f5f8fa,#f5f8fa);
    border-radius: 20px;  
    cursor: pointer;
    padding: 2rem 0 2.5rem;
    position: relative
}

.main_ser li .m_btn{position: absolute; z-index: 1;right: 4%;bottom: 4%;transform: rotate(-30deg); transition: all 0.3s ease;}
.main_ser li .m_btn i{font-size: 26px; color: #697383; opacity: 0.4;}
.main_ser li a{display: inline}
.ser-item {overflow: hidden;margin: 0px;padding: 0px;}
.ser-item dl{overflow: hidden;margin: 0px;text-align: center;}
.ser-item dl dt{overflow: hidden;margin: 0px;padding: 0px 8px; margin-bottom: 15px;text-align: center;}
.ser-item dl dt img{max-width: 80%;width: auto; height: 60px; vertical-align: top;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.ser-item dl dt h3{overflow: hidden;margin: 0px;padding: 0px;font-size: 20px;color: #111; line-height: 28px; margin-bottom: 12px;}
.ser-item dl dd{overflow: hidden;margin: 0px;padding: 0px; color: #697383; line-height: 26px;font-size: 18px; min-height: 52px;}
.ser-item dl dt{color: #697383; line-height: 26px;font-size: 18px; overflow-wrap: break-word;  word-break: break-al}

.main_ser li:hover{background:#0f5ad5
	;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.main_ser li:hover .ser-item dl dt h3{color: #ffae00;}
.main_ser li:hover .ser-item dl dt{color: #fff;}
.main_ser li:hover .ser-item dl dd{color: #fff;}
.main_ser li:hover .ser-item dl dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; padding: 6px 10px; background: #fff; border-radius: 5px;}
.main_ser li:hover .m_btn i{ opacity: 1;color: #fff;}
.main_ser li:hover .m_btn{
            animation: moveRight 0.6s infinite alternate ease-in-out;
        }
        
        @keyframes moveRight {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(calc(100% - 30px));
            }
        }

 @media only screen and (max-width:1400px) {
.ser-item dl dt{font-size: 16px;}
}    
        
@media only screen and (max-width:1300px) {
.ser-item dl dt img{ height: 50px; }
.ser-item dl dt h3{font-size: 18px;}
.ser-item dl dt{ margin-bottom: 10px;}
.ser-item dl dd{font-size: 16px;line-height: 24px;min-height: 48px;}
.main_ser li { padding: 1.5rem 12px 1.5rem;}
.main_ser li{min-height: 220px;}
}


@media only screen and (max-width:1100px) {
.ser-item dl dt h3{font-size: 16px;}
.ser-item dl dt{ margin-bottom: 5px;}
.ser-item dl dt img{ height: 40px; }
.ser-item dl dd{font-size: 14px;}
.main_ser li .m_btn i{font-size: 22px;}
}

@media only screen and (max-width:900px) {
.main_ser dl dt img{ width: 70%; height: auto;}
.main_ser dl dt{font-size: 16px;}
.main_ser li .m_btn i{font-size: 20px;}
}


@media only screen and (max-width:800px) {
.main_ser li {border-radius: 15px;  }
.main_ser li .m_btn i{font-size: 18px;}
.main_ser dl dt{padding: 0px 2px;}
}

@media only screen and (max-width:700px) {
.main_ser li {border-radius: 15px;  }
.main_ser li{margin-bottom: 15px;width: 48.5%; margin-right: 3%;}
.main_ser li:nth-child(4n){margin-right: 3%;}
.main_ser li:nth-child(2n){margin-right: 0;}
.ser-item dl dt img{width: 60%; height: auto;max-width: 120px;}
.main_ser li{min-height: 190px;}
}

@media only screen and (max-width:500px) {
.main_ser li{min-height: 160px;}
.main_ser dl dt{font-size: 14px; line-height: 24px;}
.main_ser dl dt h3{ margin-bottom: 5px; line-height: 26px;}
.main_ser li { padding:18px 10px 5px 10px}
}

@media only screen and (max-width:360px) {
.main_ser li dt h3{font-size: 14px;}

}
/* ---优势---- */
.home_about{overflow:hidden;background:#f1f7fe url(../images/bg-shapes.svg) no-repeat center bottom; background-size:100% auto; }

.map_tu_ser{text-align: center; position: relative; padding-top: 10px;}
.map_tu_ser img{max-width: 100%; width: auto; height: auto;}
.brand_logo_box{position: absolute;width: 100%;height: 100%;justify-content: center;align-items: center;top:0;left:0;display: flex;}
.brand_logo_tu{ overflow: hidden;position: relative; }
.brand_logo_tu img{width: auto; height: auto;max-width: 100%;}

.brand_pic1{top:13.6%;left:15.8%;width:10%;position: absolute; z-index: 1;}
.brand_pic2{top:4.5%;left:44.3%;width:10%;position: absolute; z-index: 1;}
.brand_pic3{top:8%;left:75.3%;width:10%;position: absolute; z-index: 1;}
.brand_pic4{top:39%;left:33.53%;width:10%;position: absolute; z-index: 1;}
.brand_pic5{top:26.5%;left:61%;width:10%;position: absolute; z-index: 1;}
.brand_pic6{top:29.4%;right:1.4%;width:8%;position: absolute; z-index: 1;}
.brand_pic7{top:52.5%;left:1.35%;width:8%;position: absolute; z-index: 1;}
.brand_pic8{bottom:7.4%;left:15.6%;width:10%;position: absolute; z-index: 1;}
.brand_pic9{bottom:17.6%;left:43.7%;width:6.9%;position: absolute; z-index: 1;}
.brand_pic10{bottom:11%;left:58.6%;width:10%;position: absolute; z-index: 1;}
.brand_pic11{top:50.6%;right:13.8%;width:8%;position: absolute; z-index: 1;}
.brand_pic12{bottom:19%;right:4%;width:6.9%;position: absolute; z-index: 1;}

.brand_icon{width: 100%;overflow: hidden; border-radius: 50%;box-shadow:0 0 10px 1px rgba(0,0,0,.1);  background: #fff;}
.brand_icon img{width: 100%; height: auto;vertical-align: top;}

.skip1{position: relative;  animation: bounce1 2s infinite ease-in-out;}
@keyframes bounce1 {
  0%, 100% {transform: translateY(-5px);}
  50% {transform: translateY(5px);}
}

.skip2{position: relative;  animation: bounce1 5s infinite ease-in-out;}
.skip3{position: relative;  animation: bounce1 2s infinite ease-in-out;}
.skip8{position: relative;  animation: bounce1 3s infinite ease-in-out;}
.skip10{position: relative;  animation: bounce1 2s infinite ease-in-out;}
.skip12{position: relative;  animation: bounce1 3s infinite ease-in-out;}
.skip4{position: relative;  animation: bounce2 4s infinite ease-in-out;}
.skip6{position: relative;  animation: bounce2 3s infinite ease-in-out;}

@keyframes bounce2 {
  0%, 100% {transform: translateY(5px);}
  50% {transform: translateY(-5px);}
}

.skip9{position: relative;  animation: bounce2 5s infinite ease-in-out;}
.skip11{position: relative;  animation: bounce2 3s infinite ease-in-out;}
.skip7{position: relative;  animation: bounce2 4s infinite ease-in-out;}
@keyframes bounce2 {
  0%, 100% {transform: translateY(5px);}
  50% {transform: translateY(-5px);}
}
.skip5{position: relative;  animation: bounce3 3s infinite ease-in-out;}
@keyframes bounce3 {
  0%, 100% {transform: translateY(6px);}
  50% {transform: translateY(-6px);}
}

@media (max-width: 1150px) {
.map_tu_ser{ padding-top: 25px;}
}

/* ---案例--- */
.home_case_box{ overflow: hidden;padding: 0px; margin: 20px; border-radius: 20px;
background: #f5f8fa; width: 100%;min-height: 440px;align-items: center;display: flex;
;box-shadow:0 0 10px 1px rgba(0,0,0,.05); border: 1px solid #ecf0f7;
}

.home_case_k{ margin: 20px;overflow: hidden;padding: 0;display: flex;justify-content: space-between;align-items: center;width: 100%;}

.h_case_pic{width: 43%;overflow: hidden;text-align: center;}
.h_case_info{ margin: 0px;padding: 0;width: 54%;}
.h_title{font-size: 22px;font-weight: bold; margin-bottom: 5px;}
.h_case_title{font-size: 18px; line-height: 190%;color: #1b7acb; font-weight: bold;}
.h_case_text{ color: #697383; line-height: 24px; margin-bottom: 5px;font-size: 14px;max-height:96px;overflow-y: auto; padding-right: 10px;}


.h_case_text::-webkit-scrollbar {
	width:2px;
	background-color: #6784a4;
}

.h_case_text::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ececec;
}

.h_case_text::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #6784a4;
}


.h_case_pic img{max-width: 100%;width:auto;; height: auto;max-height: 400px; border-radius: 10px;}
.h_case_xg{ margin-top: 10px; overflow: hidden;display: flex;}
.h_case_xg_info{margin-right: 10px;flex: 1; 
  min-width: 0; 
  box-sizing: border-box; position: relative;}
.h_case_xg_info dl {margin: 0px;padding: 0px 10px;text-align: center;}
.h_case_xg_info dl dt{margin: 0px;padding: 0px;font-size: 26px; font-family: 'AVGBBT';color: #1b7acb;}
.h_case_xg_info dl dd{margin: 0px;padding: 0px;font-size: 14px; line-height: 24px;color: #697383;}
.h_case_xg_info:last-child{margin-right: 0;}
.h_case_xg_info::before{content: "";position: absolute;z-index: 1;width: 1px; height: 80%;right: 0;  background: #aab3c2;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.h_case_xg_info:last-child::before{background: none;}


@media (max-width: 1400px) {
.h_case_title{font-size: 16px;}
.h_case_text{ line-height: 24px; font-size: 14px;max-height:96px;padding-right: 10px;}
.home_case_box{min-height: 440px; margin: 10px;}
.h_case_xg_info dl dt{font-size: 22px;}
.h_title{font-size: 20px;}
}



@media (max-width: 1000px) {
	
.h_case_xg_info dl dt{font-size: 18px;}
.h_case_xg_info dl dd{font-size: 12px; line-height: 22px;}
.home_case_k{ display: block;}
.h_case_pic{width: 50%;overflow: hidden; text-align: center; margin: 0 auto;margin-bottom: 15px;}
.h_case_info{ margin: 0px;padding: 0;width: 100%;text-align:left;}
.h_title{font-size: 18px;}
}
@media (max-width: 700px) {
	.h_case_pic{width: 70%;}
    .h_case_pic img{max-height: 200px; width: auto;}
    .h_case_xg_info dl {padding: 0px 2px;}
    .h_case_xg_info{margin-right:5px;}
}

.btn_zxfa_box{text-align: center;  color: #fff; }
.btn_zxfa {
            position: relative;
            background: #1b7acb;
            color: #fff; 
            border: none;
            padding: 10px 45px;
            font-size: 18px;
            font-weight: 300;
            border-radius: 50px;line-height: 30px;
            cursor: pointer;
            overflow: hidden;
            transition: all 0.3s ease;
            letter-spacing: 1px;
            min-width: 200px; margin: 0 auto;
            z-index: 1;
        }
   @media (max-width: 800px) {
.btn_zxfa {font-size: 16px;padding: 6px 25px;}
   }     
   @media (max-width: 600px) {
.btn_zxfa {font-size: 14px;padding: 4px 15px;}
   }     

        .btn_zxfa::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0);
            width: 100%;
            padding-bottom: 100%; 
            background: #023e92; 
            border-radius: 50%;
            opacity: 0.8;
            z-index: -1;
            animation: ripple 3s infinite;
        }
        
 
        @keyframes ripple {
            0% {
                transform: translate(-50%, -50%) scale(0);
                opacity: 0.8;
            }
            50% {
                transform: translate(-50%, -50%) scale(1.5);
                opacity: 0;
            }
            100% {
                transform: translate(-50%, -50%) scale(1.5);
                opacity: 0;
            }
        }
        

        .btn_zxfa:hover {
            background: #ff9000;
           color: #fff; 
        }

        .btn_zxfa:active {
            transform: translateY(0);
        }


/*-----------news-item1-------------*/
.news_box_3{overflow: hidden;margin: 0px;padding: 0px;}
.news_box_3 li{ width: 32%;margin-right:2%;padding: 0px;float: left; margin-bottom: 2%;}
.news_box_3 li:nth-child(3n){margin-right: 0%;}

.news-item_1{margin: 0px;padding: 0px;overflow: hidden; background: #fff; border-radius: 10px;}
.news-item_1 dl{margin: 0px;padding: 20px;}
.news-item_1 dl dt{margin: 0px;padding: 0px;font-size:18px;color: #333333;line-height: 24px;white-space:nowrap;text-overflow:ellipsis;font-weight: bold;overflow: hidden;}
.news-item_1 dl dd{margin: 0px;padding: 0px;font-size: 16px;margin-top: 6px;color: #697383;line-height: 26px;height: 52px;overflow: hidden;word-break: break-all;}
.news-item_1 dl dd a{display: inline;color: #697383;}
.news-item_1 dl dt a{display: inline;}
.news-item_1 .item-pic{position: relative;width:100%;text-align: center;overflow: hidden;}
.news-item_1 .item-date{font-size: 14px;color: #333333;line-height: 28px;margin-top: 6px;}
.news-item_1 .item-date i{font-size: 14px; margin-right: 4px;}
.news-item_1 dl dt a{white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.news-item_1 .item-btn{position: relative;margin-top: 16px;}
.news-item_1 .btnn{display: inline-block;vertical-align: top;text-align: center;min-width: 36px;height: 36px;line-height: 36px;font-size: 16px;color: #fff; background: #1b7acb; line-height: 36px;text-align: center; border-radius: 40px;}
.news-item_1 .btnn i{font-size: 16px; line-height: 36px;}

.news-item_1 .item-pic .public_imgs{ overflow:hidden; position:relative; padding-top:60%;}
.news-item_1 .item-pic .public_imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news-item_1 .item-pic .public-imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news_box_3 li:hover .public_imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.news-item_1:hover{ background:#1b7acb;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news-item_1:hover dl dt a{color: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} 
.news-item_1:hover dl dd a{color: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} 
.news-item_1:hover .item-date{color: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} 
.news-item_1:hover .btnn{ background: #fff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.news-item_1:hover .btnn i{ color: #1b7acb;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

@media screen and (max-width:1400px) {
.news-item_1 dl dt{font-size:16px;}
.news-item_1 dl{padding: 15px;}
.news-item_1 dl dd{font-size:14px; line-height: 24px;height: 48px;}
}


@media screen and (max-width:1200px) {
.news-item_1 dl dt{font-size:16px;}
.news-item_1 dl{padding: 12px;}
.news-item_1 .btnn{min-width: 30px;height: 30px;line-height: 30px;}
.news-item_1 .btnn i{font-size: 16px; line-height: 30px;}
}

@media screen and (max-width:1000px) {
.news-item_1 .item-date{margin-top: 4px;}
.news-item_1 .item-btn{margin-top: 10px;}
.news-item_1 dl dt{font-size:14px;}
}
@media screen and (max-width:800px) {
.news_box_3 li{width: 49%;margin-bottom: 15px;}
.news_box_3 li:nth-child(3n){margin-right: 2%;}
.news_box_3 li:nth-child(2n){margin-right: 0%;}
}

@media screen and (max-width:520px) {
.news_box_3 li{width: 100%; margin-bottom: 20px;}
.news_box_3 li:nth-child(3n){margin-right: 0%;}
.news_box_3 li:nth-child(2n){margin-right: 0%;}
.news-item_1 dl dt{color: #333333;line-height: 24px;max-height: 48px;white-space:initial;overflow: hidden;}
.news-item_1 dl dt a{white-space:initial;text-overflow:initial;overflow: hidden;}
}


/* ---评论---- */
.reviews_bg{ background:#f1f7fe; position: relative;height: 100%; width: 100%;}

@keyframes float-bob-x {
    0% {
        transform: translateX(-30px)
    }

    50% {
        transform: translateX(-10px)
    }

    100% {
        transform: translateX(-30px)
    }
}

.reviews_bg::before{position: absolute; right: 0; bottom: 0;width: 100%; height: 100%;content: "";
 background:url(../images/1-shape.png) no-repeat right bottom;background-size: auto; 
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear}

.float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}


.testi_box{ overflow: hidden; padding: 25px;}
.testi-items {
    padding-top: 10px;
    padding-left: 20px
}

@media only screen and (max-width: 991px) {
    .testi-items {
        padding-left:0
    }
}

.testi-item {
    background:#fff;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.05);
    padding: 40px
}


.testi-item .client-thumb {
    position: absolute;
    top: -10px;
    left: -10px
}

.testi-item .client-thumb img {
    width: 120px;
    height: 120px; border-radius: 20px;
}

.testi-item .quote {
    position: absolute;
    top: 40px;
    right: 40px;width: 68px;
}
.testi-item .quote img{width: 100%; height: auto;}

@media only screen and (max-width:1200px) {
.testi-item .quote {width: 48px;}
.testi-item .client-thumb img {width: 100px;height: 100px; border-radius: 20px;}
.testi-item { padding: 25px;}
}
.testi-item .testi-content{position: relative; z-index: 2;}

.testi-item .testi-content .name {
    padding-left: 110px;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 45px
}

.testi-item .testi-content .name span {
    color:#666;
    display: block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px
}

.testi-item .testi-content .review {
    display: flex;
    align-items: center;
    list-style: none;
    margin-bottom: 15px
}

.testi-item .testi-content .review li:not(:last-of-type) {
    margin-right: 7px
}

.testi-item .testi-content .review li i {
    color: #FE9D51;font-size: 16px;
}



.testi-item .testi-content .text_pl{font-size: 16px;
    line-height:26px;
    margin-bottom: 0;
	color: #697383;max-height: 78px; overflow-y: auto; padding-right: 10px;
}
.testi-item .testi-content .text_pl::-webkit-scrollbar {
	width:2px;
	background-color: #6784a4;
}

.testi-item .testi-content .text_pl::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ececec;
}

.testi-item .testi-content .text_pl::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #6784a4;
}



@media only screen and (max-width:1300px) {
.testi-item .testi-content .text_pl{
        font-size:14px; 
    }

	.testi-item .testi-content .name {font-size: 18px;}
}
@media only screen and (max-width:1200px) {
.testi-item .testi-content .name {
    padding-left: 80px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom:25px
}

.testi-item .testi-content .text_pl{font-size: 14px;
    line-height:24px;
    margin-bottom: 0;
	color: #697383;max-height: 120px; overflow-y: auto; padding-right: 10px;
}

.testi-item .testi-content .name span { font-size: 14px;}
}
@media only screen and (max-width:640px) {
.testi-item .testi-content .name {font-size: 16px;   padding-left: 65px;}
.testi-item .client-thumb img {width: 80px;height: 80px; border-radius: 12px;}
}


/* ---留言---- */
.cta-one {
    position: relative;
    display: block;
    padding: 0 0 120px;
    overflow: hidden;
}

.cta-one-shape-1 {
    position: absolute;
    top: -333px;
    right: 50px;
    width: 495px;
    height: 360px;
    background:#6222cc;
    mix-blend-mode: screen;
    z-index: 1;
    transform: rotate(45deg);
    animation: rectMove 9s linear 0ms infinite
}

.cta-one-shape-2 {
    position: absolute;
    top: -175px;
    right: -350px;
    width: 495px;
    height: 360px;
    background:rgba(4,0,11,1);
    mix-blend-mode: soft-light;
    transform: rotate(45deg);
    animation: rectMove 9s linear 1000ms infinite
}

.cta-one-shape-3 {
    position: absolute;
    top: 313px;
    left: -184px;
    width: 495px;
    height: 360px;
    background:#fff;
    mix-blend-mode: soft-light;
    border-radius: 30px;
    z-index: 1;
    transform: rotate(45deg);
    animation: rectMove 9s linear 0ms infinite
}

.cta-one__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
	background: url(../images/zx_bg.jpg) no-repeat right bottom;background-size: cover;
   /* --background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);---*/
    border-radius:5px;
    padding: 90px 80px 90px;
    overflow: hidden
}



.cta-one__left {
    position: relative;
    display: block
}

.cta-one__title {
    font-size: 36px;
    color:#fff;
    text-transform: uppercase;
    line-height: 48px
}
.cta-one__des{color: #fff;font-size: 20px; font-weight: 300; line-height: 190%;}


.cta-one__right {
    position: relative;
    display: block
}
.cta-one__right  a{color: #0043a7;}
.cta-one__btn {
    color: #fff;
    background:#fff
}

.cta-one__btn:hover {
    background-color: transparent
}


@keyframes rectMove {
    0% {
        transform: rotate(45deg) translateY(-0px)
    }

    25% {
        transform: rotate(43deg) translateY(-20px)
    }

    50% {
        transform: rotate(45deg) translateY(-40px)
    }

    75% {
        transform: rotate(43deg) translateY(-20px)
    }

    100% {
        transform: rotate(45deg) translateY(-0px)
    }
}

@keyframes rectMove2 {
    0% {
        transform: rotate(48deg) translateY(-0px)
    }

    25% {
        transform: rotate(46deg) translateY(-20px)
    }

    50% {
        transform: rotate(48deg) translateY(-40px)
    }

    75% {
        transform: rotate(46deg) translateY(-20px)
    }

    100% {
        transform: rotate(48deg) translateY(-0px)
    }
}



.thm-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    outline: none!important;
    background-color:#fff;
    color:#1b7acb;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 17px 60px 17px;
    transition: all .3s linear;
    overflow: hidden;
    z-index: 1;
    letter-spacing: .1em;
    border-radius:10px
}

@media only screen and (max-width:1400px) {
.cta-one__inner { padding: 70px 60px 70px;}
.cta-one__title {font-size: 30px;line-height: 40px}

}
@media only screen and (max-width:1200px) {
.cta-one__inner { padding: 50px 40px 50px;}
.cta-one__title {font-size: 24px;line-height: 30px}
.cta-one__des{font-size: 18px;}
}

@media only screen and (max-width:1000px) {
.thm-btn {padding: 12px 30px 12px;}
.cta-one__des{font-size: 16px;}
}


@media only screen and (max-width:800px) {
.cta-one__inner { padding: 30px 20px 30px;}
.cta-one__title {font-size: 20px;line-height: 30px}
.cta-one__des{font-size: 14px; line-height: 24px;}
.thm-btn {padding: 10px 20px 12px;  font-size: 16px;}
}

@media only screen and (max-width:600px) {
	.cta-one__title {font-size: 18px;line-height: 30px;margin-bottom: 6px}
	.cta-one__inner {display: block;text-align: center;}
	.cta-one__right {text-align: center; }
	.cta-one__left{ margin-bottom: 10px;}
	.cta-one__des{font-size: 16px;}
}



.thm-btn:hover {
    color:#fff
}

.thm-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#ff9000;
    transform: scale(0);
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: var(--qutiiz-bdr-radius);
    opacity: 1;
    z-index: -1
}

.thm-btn:hover:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear
}




/*-------banner-----------*/

#public_bg{ width:100%; padding: 0 0px 0 0px;background: url(../images/public_bg.jpg)  no-repeat center bottom;background-size:cover;}

.ad_area{overflow: hidden;margin: 0px;padding: 0px;display:flex;justify-content: space-between;align-items: center;}
.ad_area_L{overflow: hidden;margin: 0px;padding:30px 0px;width: 50%;}
.ad_area_R{overflow: hidden;margin: 0px;padding: 0px;width: 48%; position: relative;}
.ad_area_pic{margin: 0px;padding: 0px;overflow: hidden; padding-top: 5%;text-align: center;}
.ad_area_pic img{max-width: 100%;width: auto;height: auto;}

.ad_area_L .ad_title{overflow: hidden; font-size:44px; line-height:1.4;font-weight: bold;color: #fff; margin-bottom: 10px; }
.ad_area_L .ad_subtitle{overflow: hidden; font-size:24px; line-height:1.5;color: #fff;}

/*------pic------*/
.pic_wave1{position: absolute;z-index: 1; right: 10%;top:12%;width: 15%;}
.pic_wave1 img{width: 100%; height: auto;animation: MoveLeftRight 2s linear infinite alternate}
.pic_triangle{position: absolute;z-index: 1; left: 6%;bottom:12%;width: 5%;}
.pic_triangle img{width: 100%; height: auto;animation: slideUpIn 2s linear infinite alternate}

.pic_zs{position: absolute;z-index: 1; left: 6%;bottom:12%;width: 25%;}
.pic_zs img{width: 100%; height: auto;animation: slideUpIn 3s linear infinite alternate}


.pic_fj{position: absolute;z-index: 1; right:18%;top:29%;width: 12.5%;}
.pic_fj img{width: 100%; height: auto;animation: myfirstL_R 2s linear infinite alternate}


.pic_fa1{position: absolute;z-index: 2;left:27%;top:8%;width: 10%;}
.pic_fa1 img{width: 100%; height: auto;animation: bounce1 2s linear infinite alternate}

.pic_fa2{position: absolute;z-index: 2;left:4%;top:28%;width: 9.5%;}
.pic_fa2 img{width: 100%; height: auto;animation: bounce2 2s linear infinite alternate}

.pic_fa3{position: absolute;z-index: 2;left:8%;bottom:18%;width: 9.5%;}
.pic_fa3 img{width: 100%; height: auto;animation: bounce2 2s linear infinite alternate}

.pic_fa4{position: absolute;z-index: 2;right:6%;top:15%;width: 10%;}
.pic_fa4 img{width: 100%; height: auto;animation: bounce1 2s linear infinite alternate}

.pic_fa5{position: absolute;z-index: 2;right:4%;bottom:20%;width: 9%;}
.pic_fa5 img{width: 100%; height: auto;animation: bounce2 2s linear infinite alternate}


.pic_web1{position: absolute;z-index: 2;right:11%;top:9%;width: 5%;}
.pic_web1 img{width: 100%; height: auto;}

.pic_web2{position: absolute;z-index: 2;left:34%;bottom:29%;width: 12%;}
.pic_web2 img{width: 100%; height: auto;animation: myfirstR 3s linear infinite alternate}


.pic_gg1{position: absolute;z-index: 2;right:8%;top:9%;width: 10%;}
.pic_gg1 img{width: 100%; height: auto;animation: myfirstR 2.8s linear infinite alternate}

.pic_gg2{position: absolute;z-index: 2;right:16.1%;top:49%;width: 10%;}
.pic_gg2 img{width: 100%; height: auto;animation: ripple 4.5s linear infinite alternate}

.pic_gg3{position: absolute;z-index: 2;right:0%;bottom:12%;width: 25%;}
.pic_gg3 img{width: 100%; height: auto;animation: slideUpIn 3s linear infinite alternate}

.pic_gg4{position: absolute;z-index: 2;left:0%;bottom:10%;width: 25%;}
.pic_gg4 img{width: 100%; height: auto;animation: slideUpIn 10s linear infinite alternate}


@media only screen and (max-width:1000px) {
.pic_gg4{bottom:15%;}
}

.meta_gg1{position: absolute;z-index: 2;right:8%;top:9%;width: 10%;}
.meta_gg1 img{width: 100%; height: auto;animation: myfirstR 4.5s linear infinite alternate}

.meta_gg2{position: absolute;z-index: 2;left:3%;top:22%;width: 10%;}
.meta_gg2 img{width: 100%; height: auto;animation: slideUpIn 3s linear infinite alternate}

.meta_gg3{position: absolute;z-index: 2;right:0%;bottom:22%;width: 8%;}
.meta_gg3 img{width: 100%; height: auto;animation: slideUpIn 3s linear infinite alternate}




.Teads_gg1{position: absolute;z-index: 2;left:19%;top:17%;width: 10%;}
.Teads_gg1 img{width: 100%; height: auto;animation: myfirstR 2.8s linear infinite alternate}

.Taboola_gg1{position: absolute;z-index: 2;left:1%;top:30%;width: 17.46%;}
.Taboola_gg1 img{width: 100%; height: auto;animation: slideUpIn 3s linear infinite alternate;    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.1))}

.Taboola_gg2{position: absolute;z-index: 2;right:3%;bottom:10%;width: 24.65%;}
.Taboola_gg2 img{width: 100%; height: auto;animation: MoveLeftRight 2s linear infinite alternate;    -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.1))}

@media only screen and (max-width:640px) {
.Taboola_gg1{left:17%;width: 13%;}
.Taboola_gg2{width: 19%;right:15%;}
}


@keyframes myfirstR {
0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(12px, -12px);

}
 100% {
 transform: translate(0px, 0px);
}
}



/*------pic------*/

@media only screen and (max-width:2000px) {
.ad_area_L .ad_title{font-size:2.5vw;}
.ad_area_L .ad_subtitle{font-size:1.3vw}
}

@media only screen and (max-width:1200px) {
.ad_area_L .ad_title{font-size:2.8vw;}
.ad_area_L .ad_subtitle{font-size:18px}
}

@media only screen and (max-width:1100px) {
.ad_area_L .ad_subtitle{font-size:16px}
.ad_area_L{width: 58%;}
.ad_area_R{width:40%;}
}


@media only screen and (max-width:800px) {
.ad_area_L .ad_subtitle{font-size:16px}
.ad_area_L .ad_title{font-size:20px;}
}
@media only screen and (max-width:700px) {
.ad_area_L .ad_subtitle{line-height: 24px;}
.ad_area_L .ad_title{line-height: 1.3;}
}


@media only screen and (max-width:640px) {
.ad_area_L{width: 90%; text-align: center; padding-top: 10%; margin: 0 auto;}
.ad_area_R{width:100%;text-align: center;}
.ad_area{display: block;}
.ad_area_pic{width: 65%; margin: 0 auto; padding-top: 0px;}

.pic_wave1{position: absolute;z-index: 1; right: 18%;top:12%;width: 15%;}
.pic_triangle{ left: 16%;bottom:22%;width: 5%;}
.pic_fj{position: absolute;z-index: 1; right:25%;top:29%;width: 12.5%;}

}

@media only screen and (max-width:500px) {
.ad_area_pic{width: 70%;}
}


/* ---文章详细内容---- */
.container-main{ overflow:hidden;  margin:0px; padding:30px 4% 20px 4%; background: #fff;}
.side-left{overflow: hidden; margin: 0px; padding: 0px;width:68%;float: left;}
.side-Right{overflow: hidden; margin: 0px; padding: 0px;width:28%;float: right;}


.side_news{overflow: hidden; margin: 0px; padding: 0px;}
.side_title{font-weight: bold;font-size: 20px; line-height: 22px;}
.side_news li{overflow: hidden; margin: 0px; padding: 0px;
padding-top:20px;
margin-top: 20px;
border-top: 1px solid #ddd;}

.side_pic{width: 35%;float:left; margin-right: 20px;}
.side_news li dl{overflow: hidden; margin: 0px; padding: 0px;}
.side_news li dl dt{overflow: hidden; margin: 0px; padding: 0px;font-size: 16px; max-height: 44px; line-height: 22px;color: #111;
font-weight: normal; margin-bottom: 5px;}
.side_news li dl{font-size: 12px; color: #666;}
.side_news li dl dt:hover a{ color: #1b7acb;}
@media (max-width: 1200px) {
.side_pic{width: 38%;margin-right: 12px;}
.side_news li dl dt{font-size: 14px; }
}

@media (max-width: 1000px) {
.side-left{width:100%;float: none; margin-bottom: 25px;}
.side-Right{width:100%;float: none;}

.side_news li{width: 49%; margin-right: 2%; margin-bottom: 20px;float: left;}
.side_news li:nth-child(2n){margin-right: 0;}
}

@media (max-width: 640px) {
.side_news li{width: 100%; margin-right:0; margin-bottom: 20px;float: none;}
.side_pic{max-width: 30%;min-width: 110px;}
}


.article-title{ width:100%; line-height:1.4; font-size:1.6vw;margin-bottom:15px; color:#222; font-weight: 600; padding: 0px;text-align: center;}

.article-info{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; 
padding-bottom:15px; margin-bottom:0px; line-height:25px; margin-bottom: 15px;
display: flex;display: -webkit-flex;justify-content: center;align-items: center;flex-wrap: wrap; font-family: 'AVGBBT';
}
.article-info i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300; vertical-align: middle}

@media (max-width: 1300px) {
.article-title{ font-size: 24px;}
}
@media (max-width: 1200px) {
.article-title{ font-size: 20px;}
}

.cp_video{overflow: hidden; margin: 0px; padding: 0px; margin-bottom: 20px;margin:0 auto; max-width: 800px}
.content-txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; }
.content-txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content-txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content-img{overflow:hidden; width:100%; text-align:center;font-size:16px;}
.content-img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content-txt table{ table-layout: fixed;word-break: break-all; }
.content-txt table td{border:1px solid #999;}
.content-txt table{border:1px solid #999;} 

@media (max-width: 1300px) {
.content-txt{line-height:190%;}
.content-txt p{line-height:190%; overflow:hidden;}
.content-img{overflow:hidden; width:100%; text-align:center;}
	
.content-txt{font-size:14px;}
.content-txt p{font-size:14px;}
}




.sidebar_L{overflow: hidden; margin: 0px; padding: 0px;width:68%;float: left;}
.sidebar_R{overflow: hidden; margin: 0px; padding: 0px;width:28%;float: right;}

.sidebar_news{overflow: hidden; margin: 0px; padding: 0px;}
.sidebar_title{font-weight: bold;font-size: 20px; line-height: 22px;}
.sidebar_news li{overflow: hidden; margin: 0px; padding: 0px;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #ddd;}

.side_pic{width: 35%;float:left; margin-right: 20px;}
.sidebar_news li dl{overflow: hidden; margin: 0px; padding: 0px;}
.sidebar_news li dl dt{overflow: hidden; margin: 0px; padding: 0px;font-size: 16px; max-height: 44px; line-height: 22px;color: #111;
font-weight: normal; margin-bottom: 5px;}
.sidebar_news li dl dd{font-size: 12px; color: #666;  font-family: 'AVGBBT';}

.sidebar_news li dl dt:hover a{ color: #1b7acb;}
.side_pic a {display: inline;}


.post_prev_box{width: 100%; height: auto; margin: 0px; padding-top: 30px; margin-top:30px; margin-bottom: 20px; overflow: hidden; border-top: 1px solid #ddd;}

.post_prev{width: 50%;line-height: 20px;padding: 0px;float: left;display: flex;align-items: center;}
.post_prev .icon{width: 20px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 16px; line-height: 20px;color: #ccc; vertical-align: middle;}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:3px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 0px;float: right;display: flex;align-items: center;}
.post_next .icon{width: 20px; display:inline-block;line-height:20px; height: 20px; position:relative;text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 16px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:2px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover a{ color: #1b7acb}
.post_next:hover a{ color: #1b7acb}

@media screen and (max-width: 1300px) {
.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}	
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}

@media (max-width: 1300px) {
 .sidebar_title{ font-size: 18px;}
 .sidebar_news li dl dt{font-size: 16px; }
 
}

@media (max-width: 1200px) {
.side_pic{width: 40%;}
}

@media (max-width: 1000px) {
.side_pic{width: 40%; margin-right: 12px;}
.sidebar_L{width:100%;float: none; margin-bottom: 25px;}
.sidebar_R{width:100%;float: none;}
.sidebar_news li {width: 49%;float: left; margin-right: 2%;}
.sidebar_news li:nth-child(2n){margin-right:0}

}

@media (max-width: 640px) {
.sidebar_news li {width: 100%;float: left; margin-right:0;}
.side_pic{min-width: 110px;max-width: 30%;}
.sidebar_news li dl dt{font-size: 16px;  max-height: 100%; height:auto}
}

/*----contact-------*/
.contact_L{margin:0px; padding:0px;width:48%;float: left;}	
.contact_R{margin:1%; padding:20px 10px 30px 10px; width:46%;float: right;  background: #fff; box-shadow: 0 0 30px 0 rgba(0,0,0,0.1); border-radius: 15px ;}

.Contact_infto{overflow:hidden; padding:0px 20px; margin:0px;} 
.Contact_infto li{overflow:hidden; padding:30px 40px; margin:0px;float: left ; background: #fff; border-radius: 10px; border: 1px solid #d3e7ef;min-height: 154px;
    width:49%; margin-right: 2%; margin-bottom: 2%; box-shadow: 0px 5px 17px 0px rgba(149, 149, 152, 0.1);position: relative; }
.Contact_infto li:nth-child(2n){margin-right: 0;}
.Contact_infto li dl{overflow:hidden; padding:0px; margin:0px;}
.Contact_infto li dl dt{overflow:hidden; padding:0px; margin:0px;font-size: 18px; color: #1b7acb;font-weight: 600; margin-bottom: 5px;}
.Contact_infto li dl dd{overflow:hidden; padding:0px; margin:0px; color: #111; line-height: 26px;min-height: 52px;font-family: 'AVGBBT';}
.contact_list li:last-child{ border-bottom: #ddd 0px dotted}
.Contact_infto li dl dd span{ margin-left: 5px;}
.Contact_infto li dl dd span img{width: 30px;height: auto;}
.infto_title{overflow:hidden; padding:0px; margin:0px; margin-bottom: 10px;
color: #222;font-size: 1.6vw;line-height:1; font-weight: bold;text-transform: capitalize;}
.infto_txt{overflow:hidden; padding:0px; margin:0px; margin-bottom: 10px; color: #697383;}



.code_box1{position: absolute; top:10px;z-index: 10;right:40px;display: none;}
.code_box1 .code_tu{ width: 110px; height: auto; padding:6px; background: #fff;border-radius: 6px; margin: 0 auto;box-shadow:0 0 10px 1px rgba(0,0,0,.1);text-align: center;font-size: 14px;}
.code_box1 .code_tu img{ width:100%; height: auto; vertical-align: top}


.lx_2wm{overflow: hidden; padding: 0px; margin: 0px; width: 100%; display: flex;}
.lx_2wm li{ display: inline-block; ;text-align: center;margin-right:15px}
.lx_2wm li img{width: 120px; height: auto; border-radius: 8px}
.lx_2wm li p{font-size: 16px; line-height: 22px; text-align: center; padding-top: 6px;}
.lx_2wm li:last-child{margin-right: 0;}

.Contact_infto .lx_icon{width: auto; margin-right: 15px;float: left;}
.Contact_infto .lx_icon i{font-size: 40px; color: #1b7acb;}


#allmap {width: 100%;height:450px;margin:0;font-size:14px;  border-radius: 15px;}
#l-map{height:450px;}
.l-map{height:450px;}


@media only screen and (max-width:1600px) {
.Contact_infto .lx_icon i{font-size: 36px; }
}
@media only screen and (max-width:1400px) {
.Contact_infto li {min-height: 130px;}
}
@media only screen and (max-width:1200px) {
.infto_title{font-size: 24px;}
.lx_2wm li img{width: 100px;}
.Contact_infto .lx_icon i{font-size: 30px; }
.Contact_infto li dl dt{font-size: 16px;}
.code_box1 .code_tu{ width: 100px; }
}

@media only screen and (max-width:1000px) {
.infto_title{font-size: 22px;}
.Contact_infto li{padding:20px 25px;}
.code_box1{right: 20px;}
.code_box1 .code_tu{ width: 90px; }
}

@media only screen and (max-width:900px) {
.infto_title{font-size: 20px;}
}

@media screen and (max-width:750px) {
.contact_L{margin:0px; padding:0px;float: none; width:100%; margin-bottom: 20px;}	
.contact_R{float: none; width:96%; margin: 20px 2%;padding:10px 10px 30px 10px;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);}

#l-map{height:350px;}
.l-map{height:350px; margin-bottom: 20px}
.code_box1{right: 10px;top:8px}
}
@media screen and (max-width:700px) {
.Contact_infto li{margin-right: 0; margin-bottom: 15px;width: 100%;float: none;min-height:30px;height:auto;}
.Contact_infto li dl dd{min-height: 24px;height: auto;}
}
/*----pages-------*/

#pages {
    text-align: center; overflow:hidden; margin:0px; margin-top: 30px; margin-bottom: 10px
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block; border-radius: 5px;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #1b7acb;
    color: #fff;
    display: inline-block; border-radius: 5px;
}

#pages li:hover {
    background: #1b7acb;
}

#pages li:hover a {
    color: #fff;
}



/*---------book---------------*/
.book_bg{background: url(../images/book_bg.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.book_bg::before{content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;
 backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);
}
.book_k{overflow: hidden;padding:3% 5%; background: #fff; border-radius: 15px; max-width: 1000px; margin: 0 auto; position: relative;z-index: 3;}

.ts_book_bt{text-align: center; color: #fff;line-height: 30px;font-size: 18px;}
.form_input-flexing{ padding: 0px 40px;}
.form_df-input {flex-basis: 50%;position: relative;margin-top: 20px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 50px; width: 100%;border-radius:5px;font-size: 16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #222; background: rgba(255,255,255,0.9)}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;  color:#1b7acb}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 80px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;color: #222; background: rgba(255,255,255,0.9)}

 .select_1{ width:100%; line-height:46px; padding:2px 0px;  font-size:16px; height:50px;border-radius:8px; border: 1px solid #ddd;
text-indent: 110px;}


.form_df-input .title{position: absolute; z-index: 1; left: 42px;top: 12px;font-size: 16px; vertical-align: top;  color:#666}

@-moz-document url-prefix() {
  .select_1 { text-indent: 110px; } 
}
.form_df-input input:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}
.form_df-input input[type='number']::-webkit-inner-spin-button{appearance:none;-moz-appearance:textfield}
.form_btn_k {width: 200px;margin: 0 auto;}
.form_btn_k:hover .form_btn { background:#ff6000;}
.form_btn {
line-height: 50px;
text-align: center;
font-size: 20px;
height: 50px;
border-radius:40px;
background: #1b7acb;
color: #FFFFFF;
cursor: pointer;
font-weight: 300;display: flex;align-items: center;justify-content:center;
}
.form_btn i{font-size: 20px; vertical-align: middle; margin-right: 4px; line-height: 50px}

@media only screen and (max-width:800px) {
.form_texting-fild textarea {font-size: 14px;}
.form_df-input input {height: 46px;font-size: 14px}
.form_df-input i{top: 10px; }	
.form_df-input .title{font-size: 14px;}
.form_input-flexing{ padding: 0px 10px;}
.ts_book_bt{font-size: 16px;}
 .select_1{font-size: 14px;height: 46px;}
 .book_k{overflow: hidden;padding:3% 15px;}
}

@media only screen and (max-width:450px) {
.form_df-input {flex-basis: 100%;margin-top: 15px;}
.book_k{overflow: hidden;padding:20px 8px;}
}

.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}



.footer-form{max-width:560px ;width: 90%;margin: 0px;padding:0 ;position: relative; margin: 0 auto;}
.footer-form .form-control{  background-color: #fff;padding: 10px 150px 10px 25px;color: rgba(0, 0, 0, 0.8); box-shadow: none;
border: none; border-radius: 40px; line-height: 40px; height: 50px;}
.footer-form a{display: inline;}

@media only screen and (max-width:1200px) {
	.footer-form{ margin-bottom: 10px;}	
}
@media only screen and (max-width:500px) {
.footer-form{width: 100%;margin-top: 10px; margin-bottom: 15px;}
}

.footer-form .submit {
background:#1b7acb;
color: #fff;
text-transform: uppercase; 
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
height: 100%;
font-size: 18px;
font-weight: 600;
padding: 0 35px;
border-radius:40px; border: 0;line-height: 40px; border: #fff 1px solid; display: flex;justify-content: center;align-items: center;
  }

.footer-form .submit i{font-size: 20px; margin-right: 5px;}
@media only screen and (max-width:700px) {
.footer-form .submit {padding: 0 30px;font-size: 16px;}
.footer-form .form-control{height: 44px;font-size: 14px;}
}
		


.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}


.btn_zx_box{margin-top: 20px;}
.btn-effect2 {
  background-color: #f39c12;
  color: white;
  overflow: hidden;
  position: relative;text-align: center; line-height: 30px; padding: 10px 50px; border-radius: 50px;
  font-size: 18px;display:inline-block;
}
.btn-effect2::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, #ff0 0%, #fff 70%);
 opacity:0;
  scale:1.2
}
.btn-effect2:hover::before {
   animation: shineRotate 3s linear infinite;
  opacity: 0.3;
}
@keyframes shineRotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (max-width:1100px) {
.btn-effect2 {padding: 5px 30px;}
}

@media only screen and (max-width:900px) {
.btn-effect2 {padding: 2px 25px;}
.btn-effect2 {font-size: 16px;}
.btn_zx_box{margin-top: 10px;}
}




/*--------about--------------*/
.about_L{ overflow:hidden; padding:0px; margin:0px; float:left; width:50%; }
.about_R{ overflow:hidden; padding:0px; margin:0px; float: right; width:44%; }

.about_R_tu{ position: relative;z-index: 1;}
.about_R_tu img{ width:100%; height:auto; vertical-align:top}

.about_dv{overflow: hidden;margin:0 auto;padding:0px;max-width: 800px;}
.about_dv img{max-width: 100%; width: auto; height: auto;vertical-align: top}

.about_L_txt{ font-size:16px; line-height:200%;overflow:hidden; padding:0px; margin:0px;}

.sj_bg{padding: 20px 0px; background: #f4f7fa;overflow: hidden; border-radius: 10px;}



.about_title{overflow:hidden; padding:0px; margin:0px; margin-bottom: 10px;font-size:30px; 
color: #222;line-height:1.4; font-weight: bold;text-transform: capitalize;  }

@media only screen and (max-width:1300px) {
.about_L_txt{ font-size:14px; }
.about_title{font-size:22px;}
}

@media only screen and (max-width:1100px) {
.sj_bg{padding: 10px 0px;}
}

@media only screen and (max-width:750px) {
.about_title{text-align: center;font-size: 20px;}
.about_L{ float:none; width:100%;  margin-bottom: 20px;}
.about_R{float: none; width:100%; margin: 0 auto;text-align: center; }


}

/*--------核心业务-------------*/

.service_bg{background: url(../images/service_bg.jpg) no-repeat center;background-size: cover;}
.service_list{overflow: hidden; margin: 0px;}
.service_list  li{width: 32%; float: left;margin: 0px;padding: 0px; margin-right: 2%;}
.service_list  li:nth-child(3n){margin-right: 0;}
.service-box{
    padding: 36px 30px 36px 35px;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 50%);
    border-radius: 10px;
    margin-bottom: 30px;
}
.service-icon{overflow: hidden; text-align:center;}

.service-icon span {
    color: #0C5ADB;
    font-size: 35px;
    width: 80px;
    height: 80px;
    text-align: center;
   
    display: inline-block; 
     margin-bottom: 20px;position: relative;
}
.service-icon span  img{width: 100%; height: auto;}
.service-content{overflow: hidden;}
.service-box-title{overflow: hidden;margin: 0 0 10px 0;font-size: 18px;padding: 0;font-weight: bold; text-align: center;}
.service-box-desc{color: #697383; line-height: 26px; max-height: 130px;height: 130px;overflow-y: auto; padding-right: 5px;}




.service-box-desc::-webkit-scrollbar {
	width:2px;
	background-color: #6784a4;
}

.service-box-desc::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ececec;
}

.service-box-desc::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #6784a4;
}

.service-box::before {
    position: absolute;
    right: 0;
    top: 0;
  width: 100%;
  height:0;
    content: "";
    background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.service-box:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.service-box:hover img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}

.service-box:hover .service-box-title{ color: #fff;}
.service-box:hover .service-box-desc{ color: #fff;}
@media only screen and (max-width:1300px) {
	.service-icon span { margin-bottom: 15px;}
.service-box{ padding: 30px 20px 30px 25px;}	
}
@media only screen and (max-width:1200px) {
.service-box{ padding: 26px 25px;}
.service-icon span {width: 50px; height: 50px;}
.service-box-title{font-size: 16px;}

}
@media only screen and (max-width:800px) {
	.service_list  li{width: 80%; margin-right: 10%;margin: 0 auto;  margin-bottom: 20px;float:none;}
	.service_list  li:nth-child(3n){margin-right: 10%;}

}

@media only screen and (max-width:520px) {
.service-box-desc{line-height: 24px; max-height: 120px;height: 120px;overflow-y: auto; padding-right: 5px;}
}

.about_advantage_bg{overflow:hidden;background:#f1f7fe url(../images/1-bg.png) no-repeat center top;background-size:cover }


.about_advantage{overflow: hidden; margin: 0px;}
.about_advantage li{width: 25%; float: left;margin: 0px;padding: 0px;}
.about_advantage li dl{ padding: 25px; overflow: hidden; }
.about_advantage li dl dt{overflow: hidden;margin: 0 0 10px 0;font-size: 18px;padding: 5px 0px;font-weight: bold;text-align: center;}
.about_advantage li dl dd{color: #697383; line-height: 26px; min-height: 78px;}
.about_advantage li dl dt img{height: 70px; width: auto; filter:drop-shadow(0 0 10px rgba(0, 0, 0, 0.1)); position: relative;}

.about_advantage_box{border-radius: 20px; background: #fff; border-radius: 10px; margin: 15px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.05); position: relative;  z-index: 1; display: block;
}


.about_advantage_box::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    content: "";
 background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.about_advantage_box:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.about_advantage_box:hover dl dd{color: #fff;}
.about_advantage_box:hover dl dt{color: #fff;}
.about_advantage_box:hover img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}
@media only screen and (max-width:1200px) {
	.about_advantage li dl dt img{height: 50px;}
	.about_advantage li dl dt{font-size: 16px;}
	.about_advantage li dl{ padding: 20px;}
		.about_advantage li dl dd{line-height: 24px; min-height:72px;}
}

@media only screen and (max-width:1100px) {
	.about_advantage li dl dt img{height: 50px;}
	.about_advantage li dl dt{font-size: 16px;}
	.about_advantage li dl{ padding: 20px 12px;}
	.about_advantage_box{  margin: 10px;}
}

@media only screen and (max-width:760px) {
.about_advantage li{width: 50%; margin-bottom: 5px; }
.about_advantage li dl{ padding: 20px 20px;}
.about_advantage li dl dd{ min-height:48px;}
}

@media only screen and (max-width:550px) {

.about_advantage li dl dd{ min-height:72px;}
}

@media only screen and (max-width:400px) {
.about_advantage li{width:90%; margin-bottom: 20px;float: none; margin-left: 5%; }
.about_advantage li dl dd{ min-height:24px; height: auto;}
.about_advantage li dl dt{ margin-bottom: 5px;}
}


 .picture_zl_box{ padding:10px 10px; margin:0auto;width: 94%; text-align: center; position: relative; background: #fff; border: 1px solid rgba(40, 123, 175, 0.3); border-radius: 10px;}
 .picture_zl_box p{padding:0px; margin:0;font-size: 16px; line-height: 24px; margin-top: 10px;height: 44px; overflow: hidden;}
 .picture_zl {overflow: hidden;text-align: center}
 .picture_zl img { width: 100%; height: auto; vertical-align: top}
 .picture_zl img { transition: all 0.7s;-moz-transition: all 0.7s; -webkit-transition: all 0.7s;}
 .picture_zl_box:hover .picture_zl img { transform: scale(1.1);-moz-transform: scale(1.1); -webkit-transform: scale(1.1); zoom: 1.1 \9;}
 
 @media only screen and (max-width:1200px) {
 .picture_zl_box p{font-size: 14px; }
 }
 
 
 .picture_zl_box::after {
 position: absolute;
 content: '';
 width: 0;
 left: 50%;
 bottom: 0;
 height: 4px;
 background: #e50202;
 transition: all .3s;
 -webkit-transition: all .3s; z-index: 1
 }
 
 .picture_zl_box:hover::after {
 left: 0;
 width: 100%;
 }
 
 .picture_zl_box:hover.picture_zl_box p{ color: #fff}
.picture_zl_box:hover{ background:#1b7acb ;}
.public_img{overflow: hidden; position: relative}
.public_img .img_box{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease;
}

.public_img .img_box img{display: block;width: 100%;height: auto;}
.public_img:hover .img_box{transform: scale(1.1); -webkit-transform: scale(1.1);}

/*--------文化------------*/
.culture_box{overflow: hidden;background: url(../images/Global.jpg) no-repeat center center; min-height: 500px;
	 background-size: cover; position: relative; z-index: 1; border-radius: 10px;}
.culture_box::before{content: "";position: absolute;left:0;top:0;width: 100%; height: 100%; background: rgba(0, 40, 142, 0.3);}

.culture_container{position: absolute; z-index: 2;float: left;width: 100%; height:100%; padding: 0px; margin: 0px;left:0; top: 0;}


.culture_container li{ width: 50%;float: left; position: relative; height: 100%; overflow: hidden;}
.culture_container li dl{ padding: 50px 10px; margin: 0px; text-align: center; left: 0;top: 50%; position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.culture_container li dl dt{ padding: 0px; margin: 0px; text-align: center; margin-bottom: 10px}
.culture_container li dl dd{ padding: 0px; margin: 0px; text-align: center;font-size: 18px; line-height: 34px;color: #fff}
.culture_container li dl dt h3{font-size: 24px; line-height: 30px; margin-bottom: 10px; padding-bottom: 10px;position: relative; color: #fff; margin-top: 5px}
.culture_container li dl dt h3::after{ position: absolute; z-index: auto; content: ""; height: 3px; width: 50px; background: #fff; bottom: 0px; left: 0px; left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
.culture_container li dl dt img{ width:auto; height: 70px;vertical-align: top}
.culture_container li:last-child{ border-left:rgba(255, 255, 255, 0.3) 1px solid; }
.culture_container li:hover{ background:rgba(0, 0, 0, 0.2); backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(2px);}
.culture_container li:hover dl{top: 46%; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.culture_container li:hover dl dt img{-webkit-transform: scale(0.9);transform: scale(0.9);-moz-transform: scale(0.9);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

 @media only screen and (max-width:1300px) {
.culture_box{min-height: 400px;}
.culture_container li dl dt h3{font-size: 22px; }
.culture_container li dl dd{ font-size: 16px; line-height: 30px;}
.culture_container li dl dt img{ height: 60px;}
 }

  @media only screen and (max-width:1100px) {
.culture_box{min-height: 350px;}
.culture_container li dl dt h3{font-size: 20px; }
.culture_container li dl dt img{ height: 50px;}
 }

 @media only screen and (max-width:800px) {
.culture_box{min-height: 300px;}
.culture_container li dl dt h3{font-size: 18px; }
.culture_container li dl dd{ font-size: 14px; line-height: 26px;}
 }

 @media only screen and (max-width:520px) {
.culture_box{min-height: 250px; height: auto;overflow: hidden;}
.culture_container li dl dt h3{font-size: 18px; }
.culture_container li dl dd{ font-size: 14px; line-height: 26px;}
.culture_container li{ width: 100%;float: none;}
.culture_container{ z-index: 2;float: none;width: 100%; height:100%; padding: 0px; margin: 0px;display: block;position: relative;}

.culture_container li dl{ padding: 40px 10px; margin: 0px; text-align: center; left: 0;top: none; position: relative;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%); z-index: 5; width: 100%;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.culture_container li:last-child{ border-left:rgba(255, 255, 255, 0.3) 0px solid;border-top:rgba(255, 255, 255, 0.3) 1px solid; }
 }

.about_lc_bg{background:#e8eef6 url(../images/lcbg1.jpg) no-repeat center bottom;background-size: cover; position:relative;}

/*--------方案------------*/
.solution_wt{overflow: hidden;  margin: 0px;padding: 0;max-width:980px;margin: 0 auto; position: relative;}
.solution_m_tu1{overflow: hidden; position: absolute;width: 100%; height:100%;top:0;left:0;z-index: 4;}
.solution_m_tu1 img{width: 100%; height: auto;vertical-align: top;}

.solution_m_quan{overflow: hidden; position: absolute;width: 100%; height:100%;top:0;left:0;z-index: 2;display: flex;justify-content: center;align-items: center;}
.solution_m_quan img{width: 48%; height: auto;vertical-align: top;}



.solution_box{ max-width:1450px; overflow:hidden; width:99%; margin:0 auto; position: relative; padding-top:10px;}
@media (min-width: 1930px) {
.solution_box{ max-width: 1600px; width:94%; margin:0 auto;}
}

.solution-item{overflow: hidden;margin: 20px 30px;padding: 0px;border-radius: 20px; background:#fff url(../images/dots1.png) no-repeat right center; background-size:auto 100%; box-shadow: 0 0 30px 0 rgba(0,0,0,0.05);}
.btn-fa-title{ background: #055fc5;text-align: center;color: #fff;font-weight: bold; font-size: 20px; padding: 5px 0px; border-radius: 10px 10px 0px 0px; line-height: 50px;}
.solution-item:hover{ box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);}
.solution-cont{overflow: hidden;margin:0;padding: 20px  30px 30px 30px;}

.solution-L{width: 35%;float: left; position:relative;}
.solution-pic{width:100%;}
.solution-pic img{width: 100%;height: auto;vertical-align: top; border-radius: 10px;}

.solution-R{width: 60%;float: right; margin: 0px;padding: 0px;}
.solution-info{ margin: 0px;padding: 0px;overflow: hidden;flex: 1; display: flex;
  min-width: 0; 
}
.solution-info dl{ margin: 0px;padding: 0px;overflow: hidden; margin-bottom: 5px; margin-right: 5%;}
.solution-info dl dt{ margin: 0px;padding: 0px;overflow: hidden;font-size: 20px;font-weight: bold; color: #1b7acb; margin-bottom: 3px; line-height: 1.6; position: relative;text-indent: 10px;}
.solution-info dl dt::before{content: "";position: absolute;z-index: 1;width: 3px; height: 18px; background: #0C5ADB;left:0; border-radius: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.solution-info dl dd{ margin: 0px;padding: 0px;overflow: hidden;color: #697383; line-height: 190%;}
.solution-info dl:last-child{ margin-right:0}

.fa_jieguo_box{ margin-top: 10px; overflow: hidden;display: flex;}
.fa_jieguo_info{margin-right: 10px;flex: 1; 
  min-width: 0; 
  box-sizing: border-box; position: relative;}
.fa_jieguo_info dl {margin: 0px;padding: 0px 10px;}
.fa_jieguo_info dl dt{margin: 0px;padding: 0px;font-size: 26px; font-family: 'AVGBBT';color: #1b7acb;text-align: center;}
.fa_jieguo_info dl dd{margin: 0px;padding: 0px;font-size: 14px; line-height: 24px;color: #697383;text-align: center;}
.fa_jieguo_info:last-child{margin-right: 0;}
.fa_jieguo_info::before{content: "";position: absolute;z-index: 1;width: 1px; height: 80%;right: 0;  background: #aab3c2;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.fa_jieguo_info:last-child::before{background: none;}


.fa_title{ margin: 0px;padding: 0px;overflow: hidden;font-size: 20px;font-weight: bold;  color: #1b7acb; margin-bottom: 3px; line-height: 1.6; position: relative;text-indent: 10px;}
.fa_title::before{content: "";position: absolute;z-index: 1;width: 3px; height: 18px; background: #0C5ADB;left:0; border-radius: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

 @media only screen and (max-width:1400px) {
.fa_jieguo_info dl dt{font-size: 22px;}
 }

 @media only screen and (max-width:1300px) {
.fa_title{ font-size: 18px;}
.solution-info dl dt{font-size: 18px;}
 }


 @media only screen and (max-width:1100px) {
.solution-item{overflow: hidden;margin: 20px;border-radius: 15px; }
.btn-fa-title{ font-size: 18px; padding: 3px 0px; line-height: 40px;}
.fa_jieguo_info dl dd{font-size: 12px;}
.solution-R{width: 62%;}

 }

 @media only screen and (max-width:950px) {
.solution-L{width: 75%;float: none; position:relative; margin: 0 auto; margin-bottom: 20px;max-width: 400px;}
.solution-R{width: 100%;float: none; margin: 0px;padding: 0px;}
.solution-item{background-size:auto 70%;}
.solution-item{margin: 15px;}
.solution-item{ background:#fff url(../images/dots1.png) no-repeat right bottom; background-size: 50% auto; box-shadow: 0 0 30px 0 rgba(0,0,0,0.05);}
 }
  @media only screen and (max-width:600px) {

.solution-info{display: block;}
.solution-info dl{ margin-right: 0;}
.solution-cont{overflow: hidden;margin:0;padding: 20px  20px 20px 20px;}
.solution-L{width: 100%;float: none; position:relative; margin: 0 auto; margin-bottom: 20px;max-width: 100%;}
.fa_jieguo_info{margin-right:6px;}
.fa_jieguo_info dl {padding: 0px 4px;}
 }


 @media only screen and (max-width:450px) {
.btn-fa-title{ font-size:16px;line-height: 34px;} 
}
.btn_fa_zx_k{ color: #fff; }
.btn_fa_zx {
            position: relative;
            background: #ff9900;
            color: #fff; 
            border: none;
            padding: 10px 35px;
            font-size: 16px;
            font-weight: 300;
            border-radius: 50px;line-height: 30px;
            cursor: pointer;
            overflow: hidden;
            transition: all 0.3s ease;
            letter-spacing: 1px;
            min-width: 200px; 
            z-index: 1;
        }
 .btn_fa_zx:hover{background: #1b7acb;}
   @media (max-width: 1100px) {
.btn_fa_zx{font-size: 16px;padding: 6px 25px;}
   }     
   @media (max-width: 600px) {
.btn_fa_zx {font-size: 14px;padding: 4px 15px;}
   }     
 @media only screen and (max-width:950px) {
    .btn_fa_zx { margin:0 auto;}
    .btn_fa_zx_k{text-align: center;}
 }
.btn_fa_zx::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) scale(0);
            width: 100%;
            padding-bottom: 100%; 
            background: #023e92; 
            border-radius: 50%;
            opacity: 0.8;
            z-index: -1;
            animation: ripple 3s infinite;
}
        
 
/*--------web-------------------*/
.web_question{overflow: hidden;	background: url(../images/wt-bg.png) no-repeat center;background-size: cover;}
.web_qt-box{
    padding: 36px 30px 36px 35px;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgb(210 210 245 / 50%);
    border-radius: 10px;
    margin-bottom: 30px; border: 1px solid #9dc6fd;
}
.web_qt-icon{overflow: hidden;text-align: center;display: flex;justify-content: center;}

.web_qt-icon span {
    color: #0C5ADB;
    font-size: 35px;
    width: 65px;
    height: 65px;
    background: rgba(23,92,255,.1);;
    border:1px solid rgba(127, 146, 192, 0.4);
    line-height: 65px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 29px;
    display: inline-block;display: flex;justify-content: center;align-items: center;
}
.web_qt-icon span  img{width: 65%; height: auto;}
.web_qt-content{overflow: hidden;}
.web_qt-box-title{overflow: hidden;margin: 0 0 10px 0;font-size: 18px;padding: 0;font-weight: bold;text-align: center;}
.web_qt-box-desc{color: #697383; line-height: 26px; max-height: 130px;height: 130px;}


.web_qt-box-desc::-webkit-scrollbar {
	width:2px;
	background-color: #6784a4;
}

.web_qt-box-desc::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	border-radius: 10px;
	background-color: #ececec;
}

.web_qt-box-desc::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #6784a4;
}

.web_qt-box::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 45px;
    content: "";
    background-image: -webkit-linear-gradient(120deg, #9dc6fd 0%, #8bf0f1 100%);
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.web_qt-box:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}

.web_qt-box:hover .web_qt-icon span{
    background-color: #fff;
}
.web_qt-box:hover .web_qt-box-title{ color: #fff;}
.web_qt-box:hover .web_qt-box-desc{ color: #fff;}
@media only screen and (max-width:1300px) {
	.web_qt-icon span { margin-bottom: 15px;}
.web_qt-box{ padding: 30px 20px 30px 25px;}	
}
@media only screen and (max-width:1200px) {
.web_qt-box{ padding: 26px 25px;}
.web_qt-icon span {width: 50px; height: 50px;}
.web_qt-box-title{font-size: 16px;}

}
@media only screen and (max-width:820px) {
	.web_qt-box-desc{color: #697383; line-height: 24px; min-height: 96px; }
.web_qt-box{ padding: 26px 20px;}
}

@media only screen and (max-width:480px) {
.web_qt-box-desc{color: #697383; line-height: 24px;min-height: 24px; max-height: auto;height:auto;overflow: hidden;overflow-y:inherit; }

}


.web_advantage{overflow: hidden;margin: 0px;padding: 0;display: flex;justify-content: space-between;align-items: center;}
.web_advantage_L{overflow: hidden;margin: 0px;padding: 0;width: 48%;}

.web_advantage_R{overflow: hidden;margin: 0px;padding: 0;width: 48%;text-align: center;}
.web_advantage_R img{max-width: 100%;width: auto;height: auto;}

.web_adv_info{overflow: hidden;margin: 0px;padding: 0;}
.web_adv_info li{overflow: hidden;margin: 0px;padding: 0;margin-bottom: 10px;}
.web_adv_info li dl{overflow: hidden;margin: 0px;padding: 0;}
.web_adv_info li dl dt{overflow: hidden;margin: 0px;padding: 0;font-size: 20px; line-height: 190%; margin-bottom:5px;font-weight: bold;}
.web_adv_info li dl dd{overflow: hidden;margin: 0px;padding: 0;color:#697383; line-height: 190%; }

.web_adv_info li .pic{width: 70px; margin-right: 25px; height: auto;float: left;}
.web_adv_info li .pic img{width: 100%;height: auto;}


@media only screen and (max-width:1300px) {
.web_adv_info li dl dt{font-size: 18px;}
.web_adv_info li .pic{width: 60px;margin-right: 20px;}
}

@media only screen and (max-width:760px) {
.web_adv_info li dl dt{font-size: 16px; margin-bottom:0px;}
.web_advantage{display: block;}
.web_advantage_L{width: 100%; }
.web_advantage_R{width: 100%;text-align: center;}
.web_advantage_R img{max-width: 80%;}

.web_adv_info li{ padding: 20px; border: 1px solid rgba(133, 142, 156, 0.2); border-radius: 10px; background: #fff;}
}


.web_cyh{overflow: hidden;margin: 0px;padding: 0;display: flex;justify-content: space-between;align-items: center;direction: rtl;flex: 1; }
.web_cyh_L{overflow: hidden;margin: 0px;padding: 0;width: auto;direction: initial;max-width: 48%;}

.web_cyh_R{overflow: hidden;margin: 0px;padding: 0;width: 48%;text-align: center;direction: initial;}
.web_cyh_R img{max-width: 100%;width: auto;height: auto;}

@media only screen and (max-width:760px) {
.web_cyh{display: block;}
.web_cyh_L{width: 100%;max-width: 100%;margin-bottom: 20px;}
.web_cyh_R{width: 100%;text-align: center;}
.web_cyh_R img{max-width: 80%;}
}

.web_ys{overflow: hidden;	background: url(../images/bg2.webp) no-repeat center bottom;background-size: cover;}

/*-------选项卡-----------*/
.tab1{ padding: 0px;margin:0px;}
.tab1 ul{ padding: 0px;}
.tab-hd1 {max-width: 100%; margin: 0px; position: relative; margin-bottom:25px; overflow: hidden;display: flex;flex: 1;justify-content: center; }
.tab-hd1 li{ float:left;cursor:pointer; font-size: 20px; font-weight:600;color: #333;padding: 0px; text-align: center; background: #d9e3f0; border-radius: 100px; padding: 5px 30px; margin:  0 5px;}
.tab-hd1 li a{color: #333;}
.tab1 .tab-hd1 li .more{ float: right; width: auto}
.tab-hd1 li:last-child{margin-right:0px;}
.tab-hd1 li p{font-weight: normal; line-height: 26px;font-size: 16px; padding: 0px;}
.tab-hd1 li.active1{color: #fff;font-size: 20px; z-index: 2; position: relative;  background: #1b7acb;}
.tab-hd1 li.active1 a{color: #e52129;}
.tab-hd1 li.active1 p{font-size: 16px;}

.tab-bd1 .div1{display:none;margin:0;  padding: 0px}
.tab-bd1 .div1.thisclass{ display:block}

@media (max-width: 1300px) {
.tab-hd1 li{font-size: 18px; }
.tab-hd1 li.active1{font-size: 18px; }
.tab-hd1 li p{line-height: 22px;font-size: 14px;}
.tab-hd1 li.active1 p{font-size: 14px;}
}

@media (max-width: 700px) {
.tab-hd1 li{font-size: 16px; }
.tab-hd1 li.active1{font-size: 16px; }
.tab-hd1 li{ float:left; width:auto;border-radius: 80px; padding: 5px 0px; margin:  0 2px; width: 33.333%; }
.tab-hd1 li:last-child{margin-right:0px;}
.tab-hd1 li.active1 p{font-size: 12px;}
.tab-hd1 li p{line-height: 22px;font-size: 12px;}
}

@media (max-width: 500px) {
.tab-hd1 li{font-size: 14px; line-height: 24px; }
.tab-hd1 li.active1{font-size: 14px; line-height: 24px;}
}

/*-------选项卡//-----------*/
.web_work{overflow: hidden;margin: 0px; padding: 0px; padding: 5px; border-radius: 10px; border: 1px solid #aab3c2; background: #fff; margin: 12px;}
.web_work_pic{width: 100%; height: auto; position: relative;}
.web_work_pic img{width: 100%; height: auto;vertical-align: top;}
.web_mask_bg{position: absolute;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);top:-100%;left:0;display: flex;justify-content: center;align-items: center;
opacity: 0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.web_view{text-align: center;}
.web_work a{display: inline; color: #fff;}

.web_work_info{overflow: hidden;margin: 0px; padding: 20px 20px;}
.web_work_info dl dt{overflow: hidden;margin: 0px; padding: 0px;font-size: 14px; color:#fff; text-align: center; margin-bottom: 20px;}
.web_work_infodl dd{overflow: hidden;margin: 0px; padding: 0px;color:#fff; text-align: center;}
.web_work_info dl dt i{font-size: 40px;}

.web_work:hover .web_mask_bg{top:0;opacity: 1;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.web_work:hover {box-shadow: 0 5px 15px 0 rgb(210 210 245 / 50%);}


@media (max-width: 1200px) {
 .web_work_infodl dd{font-size: 14px;}   
}
/*--------web-------------------*/

/*-------google------------------*/

.gg-item_td {
    background:#fff;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.06);
    padding: 40px 5px;
    overflow: hidden; margin: 30px ;
}

.gg-item_td li{width: 25%;overflow: hidden;margin: 0px;padding: 0px;float: left;}
.gg-item_td li dl{overflow: hidden;margin: 0px;padding: 0px 1%;}
.gg-item_td li dl dt{overflow: hidden;margin: 0px;padding: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222;text-align: center;}
.gg-item_td li dl dd{overflow: hidden;margin: 0px;padding: 0px;color: #697383; text-align: center;}
.gg-item_td li dl dt img{height: 70px;width: auto;vertical-align: top;}

.gg-item_td li:hover dt{ color: #1b7acb;}
.gg-item_td li:hover  dl dt img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}
@media (max-width: 1300px) {
.gg-item_td li dl dt{font-size: 18px;}
}

@media (max-width: 900px) {
.gg-item_td li dl dt img{height: 60px;}
.gg-item_td { margin: 20px ;    padding: 30px 10px;}
}

@media (max-width: 700px) {
.gg-item_td li dl dt{font-size: 16px;}
.gg-item_td li dl dt img{height: 50px;}
}

@media (max-width: 600px) {
.gg-item_td { margin: 15px ;padding: 25px 6px;}
}


@media (max-width: 550px) {
 .gg-item_td { margin: 15px ;padding: 25px 15px 0px 15px;}
.gg-item_td li{width: 49%;margin-right: 2%; margin-bottom: 20px;}
.gg-item_td li:nth-child(2n){margin-right: 0;}
.gg-item_td li dl dd{line-height: 24px;min-height: 48px;}
.gg-item_td li dl dt img{height: 40px;}
}

@media (max-width: 400px) {
  .gg-item_td li{width: 100%;margin-right: 0; margin-bottom: 15px;} 
  .gg-item_td li dl dd{line-height: 24px;min-height: 24px; height: auto;} 
  .gg-item_td li:last-child{margin-bottom: 25px;}

}



.reason-item{overflow: hidden;padding: 0px; margin: 0px;}
.reason-item li{overflow: hidden;padding: 0px; margin: 0px;width: 25%;float: left;}
.reason-item li dl{overflow: hidden;padding: 30px; margin: 10px;  background: #f0f6fd; border-radius: 10px; position: relative;z-index: 1;}
.reason-item li dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222; text-align: center;}
.reason-item li dl dd{overflow: hidden;padding: 0px; margin: 0px;color: #697383; text-align: center; line-height: 26px; min-height: 52px;}
.reason-item li .reason-pic{width: 90px; height: 80px; background: #efe5ff;display: flex;justify-content:center;align-items: center; margin: 0 auto; margin-bottom: 8px;border-radius: 6px;}
.reason-item li .reason-pic img{width: 65%; height: auto;}
.reason-item li:nth-child(1) .reason-pic{ background: #efe5ff;}
.reason-item li:nth-child(2) .reason-pic{ background: #fdf5e3;}
.reason-item li:nth-child(3) .reason-pic{ background: #ffebeb;}
.reason-item li:nth-child(4) .reason-pic{ background: #e2fbf3;}
.reason-item li dl::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 45px;
    content: "";
    background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.reason-item li dl:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.reason-item li dl:hover dt{color: #fff;}
.reason-item li dl:hover dd{color: #fff;}


@media (max-width: 1300px) {
.reason-item li dl dt{font-size: 18px;} 
.reason-item li .reason-pic{width: 80px;height: 70px;}
}
@media (max-width: 900px) {
   .reason-item li dl dt{font-size: 16px;}
}
@media (max-width: 1100px) {
    .reason-item li dl{overflow: hidden;padding: 30px 15px;; }
    .reason-item li .reason-pic{width: 70px;height:70px;}
}
@media (max-width: 900px) {
    .reason-item li{width: 50%; margin-bottom: 0px;}
}

@media (max-width: 600px) {
    .reason-item li dl dd{line-height: 24px; min-height: 72px;}
    .reason-item li .reason-pic{width: 60px;height:60px;}
}

@media (max-width: 400px) {
    .reason-item li dl dd{line-height: 24px; min-height: 24px; height: auto;}
    .reason-item li{width: 100%; margin-bottom: 0px;}
}

.gg_ser_bg{background: url(../images/gg_ser_bg.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.gg_ser_bg::before{content: ""; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;}


.ser-lc-item{overflow: hidden;padding: 0px; margin: 0px;box-shadow: 0 5px 20px 0 rgba(4, 4, 4, 0.2);width: 100%;}
.ser-lc-item dl{overflow: hidden;padding: 30px; background: #fff; border-radius: 10px; position: relative;z-index: 3;}
.ser-lc-item dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222; text-align: center;}
.ser-lc-item dl dd{overflow: hidden;padding: 0px; margin: 0px;color: #697383; text-align: center; line-height: 26px;min-height: 78px;}
.ser-lc-item .lc-pic{display: flex;justify-content:center;align-items: center; margin: 0 auto; margin-bottom: 8px;}
.ser-lc-item .lc-pic img{width:auto; height: 120px;}
.ser-lc-item dl .nun_1{position: absolute; z-index: 3;left:5%;top:3%}
.ser-lc-item dl .nun_1{font-size: 40px;font-family: 'AVGBBT';color: #1D8FE1;font-weight: bold;}
.ser-lc-item dl::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
    height: 100%;
    content: "";
 background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.ser-lc-item dl:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.ser-lc-item dl:hover dt{color: #fff;}
.ser-lc-item dl:hover dd{color: #fff;}
.ser-lc-item dl:hover .nun_1{color: #fff;}

@media (max-width: 1300px) {
.ser-lc-item dl dt{font-size: 18px;} 
.reason-item .reason-pic{width: 80px;height: 70px;}
.ser-lc-item .lc-pic img{width:auto; height: 100px;}
}
@media (max-width: 900px) {
.ser-lc-item dl dt{font-size: 16px;}
}

@media (max-width: 1100px) {
.ser-lc-item dl{overflow: hidden;padding: 30px 15px;; }
.ser-lc-item dl .nun_1{font-size: 32px;}
.ser-lc-item .lc-pic img{width:auto; height: 80px;}
}


/*-------meta------------------*/

.meta-item{overflow: hidden;padding: 0px; margin: 0px;box-shadow: 0 5px 20px 0 rgba(4, 4, 4, 0.1);width: 100%; background: #fff; border-radius: 10px;position: relative;z-index: 1; }
.meta-item dl{overflow: hidden;padding: 30px;}
.meta-item dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222; text-align: center;}
.meta-item dl dd{overflow: hidden;padding: 0px; margin: 0px;color: #697383; text-align: center; line-height: 26px;min-height: 78px;}
.meta-item dl dt .meta-pic{display: flex;justify-content:center;align-items: center; margin: 0 auto; margin-bottom: 8px;}
.meta-item dl dt .meta-pic img{width:auto; height: 80px;}

.meta-item::before {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 45px;
    content: "";
 background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.meta-item:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.meta-item:hover dt{color: #fff;}
.meta-item:hover dd{color: #fff;}
.meta-item:hover dl dt .meta-pic img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}

@media (max-width: 1300px) {
.meta-item dl dt{font-size: 18px;} 
}
@media (max-width: 900px) {
.meta-item dl dt{font-size: 16px;}
}





.meta_why{overflow: hidden;margin: 0px;padding: 0;display: flex;justify-content: space-between;align-items: center;}
.meta_why_L{overflow: hidden;margin: 0px;padding: 0;width: 50%;}
.meta_why_L img{max-width: 100%;width: auto;height: auto;vertical-align: top;}
.meta_why_R{overflow: hidden;margin: 0px;padding: 0;width: 45%;}
.meta_why_list{overflow: hidden;margin: 0px;padding: 0;}
.meta_why_list li{overflow: hidden;margin: 0px;padding: 0; margin-bottom: 20px;}
.meta_why_list li dl{overflow: hidden;margin: 0px;padding: 0;}
.meta_why_list li dt{overflow: hidden;margin: 0px;padding: 0;font-size: 20px;margin-bottom: 5px; color: #222;line-height: 190%;font-weight: bold;}
.meta_why_list li dd{overflow: hidden;margin: 0px;padding: 0;color: #697383;line-height: 190%;}
.meta_why_list li .pic{width: 70px; margin-right: 25px; height: auto;float: left;}
.meta_why_list li .pic img{width: 100%;height: auto;}

@media (max-width: 1300px) {
.meta_why_list li dt{font-size: 18px;} 
.meta_why_list li dd{line-height: 24px;} 
.meta_why_list li .pic{width: 60px;margin-right: 20px;}
}
@media (max-width: 900px) {
.meta_why_list li dt{font-size: 16px;}
}

@media (max-width:750px) {
.meta_why{display: block;}
.meta_why_L{width: 100%;text-align: center; margin-bottom: 20px;}
.meta_why_L img{width: 50%;}
.meta_why_R{width: 100%;}
}

@media (max-width:600px) {
.meta_why_L img{width: 70%;}
.meta_why_list li .pic{width: 50px;margin-right: 25px;}
.meta_why_list li{ padding: 20px; border: 1px solid rgba(133, 142, 156, 0.2); border-radius: 10px;}
.meta_why_list li:last-child{margin-bottom: 0;}
}

@media (max-width:410px) {
.meta_why_L img{width: 80%;}
}




.meta-lc-item{overflow: hidden;padding: 0px; margin: 0px;box-shadow: 0 5px 20px 0 rgba(4, 4, 4, 0.2);width: 100%;}
.meta-lc-item dl{overflow: hidden;padding: 35px 30px; background: #fff; border-radius: 10px; position: relative;z-index: 1;}
.meta-lc-item dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222; text-align: center;}
.meta-lc-item dl dd{overflow: hidden;padding: 0px; margin: 0px;color: #697383; text-align: center; line-height: 26px;min-height: 104px;}
.meta-lc-item .lc-pic{display: flex;justify-content:center;align-items: center; margin: 0 auto; margin-bottom: 8px;}
.meta-lc-item .lc-pic img{width:auto; height: 120px;}
.meta-lc-item dl .nun_1{position: absolute; z-index: 3;left:5%;top:3%}
.meta-lc-item dl .nun_1{font-size: 40px;font-family: 'AVGBBT';color: #1D8FE1;font-weight: bold;}
.meta-lc-item dl::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 100%;
    content: "";
 background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.meta-lc-item dl:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.meta-lc-item dl:hover dt{color: #fff;}
.meta-lc-item dl:hover dd{color: #fff;}
.meta-lc-item dl:hover .nun_1{color: #fff;}
.meta-lc-item dl:hover .lc-pic img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}

@media (max-width: 1300px) {
.meta-lc-item dl dt{font-size: 18px;} 
.reason-item .reason-pic{width: 80px;height: 70px;}
.meta-lc-item .lc-pic img{width:auto; height: 100px;}
}
@media (max-width: 900px) {
.meta-lc-item dl dt{font-size: 16px;}
}

@media (max-width: 1100px) {
.meta-lc-item dl{overflow: hidden;padding: 30px 15px;; }
.meta-lc-item dl .nun_1{font-size: 32px;}
.meta-lc-item .lc-pic img{width:auto; height: 80px;}
}


.meta_ser_bg{background:#fff url(../images/meta_ser_bg.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.meta_ser_bg::before{content: ""; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;}


.meta_platform_bg{background:#fff url(../images/meta__bg_01.png) no-repeat center top;background-size: cover; position: relative;z-index: 1;}
.meta_platform_bg::before{content: ""; background: rgba(255, 255, 255, 0.1); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;}



.tab_nav1{ overflow:hidden; width:100%;  padding: 0px 0px 10px 0px; margin: 0px; text-align: center; margin-bottom: 20px;}
.tab_nav1 li{color:#333; text-align:center; cursor:pointer;margin-left:2px; margin-right:2px; display:inline-block;line-height:44px;position: relative;font-size: 16px;font-weight: bold; padding: 0px 15px; margin-bottom: 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.tab_nav1 li.active1{ color:#0068c8; display:inline-block; line-height:44px;}
.tab_bd1 .div1{display:none; padding:0px 0px; border-top:0 none; font-size:16px; width: 100%}
.tab_bd1 .div1.thisclass{ display:block; width: 100%}

.tab_nav1 li p{margin: 0px; padding: 0px}
.tab_nav1 li p img{width: auto; height: 50px; filter: grayscale(100%); opacity: 0.5;  }
.tab_nav1 li.active1 p img{filter: grayscale(0); opacity: 1;}

@media (max-width: 900px) {
   .tab_nav1 li p img{width: auto; height: 40px;} 
}

@media (max-width: 500px) {
    .tab_nav1 li{ padding: 0px 5px;}
}


.platform-box{overflow:hidden; padding:0px; margin: 0px;  position: relative;margin: 0 auto; max-width: 80%;}
.platform-box dl{overflow:hidden; padding:0px; margin: 0px; position: absolute; min-height: 400px; width: 100%; z-index: 1;background:#055fc5 url(../images/public_bg.jpg) no-repeat right top;background-size: cover;
padding: 5% 4% 0% 45%; border-radius: 10px; margin-top: 50px;top:0;left:0 ;}
.platform_pic{width: 35%; position: relative;z-index: 3; margin-left: 5%; padding: 20px 0px;}
.platform_pic img{width: 100%; height: auto;vertical-align: top; border-radius: 10px;box-shadow: 0 5px 20px 0 rgba(4, 4, 4, 0.2);}

.platform-box dl dt{overflow:hidden; padding:0px; margin: 0px; margin-bottom: 10px; z-index: 4; position: relative；}
.platform-box dl dt h3{font-size: 22px; line-height:1.5;font-weight: 500; padding: 0px; margin: 0px;color: #fff;font-weight: bold;}
.platform-box dl dt p{font-size: 18px;line-height: 190%;color: #fff;font-weight: 300;}
.platform-box dl dd{overflow:hidden; padding:0px; margin: 0px; z-index: 4; position: relative;color:rgba(255, 255, 255, 0.8);  line-height: 190%;}

@media (max-width: 1300px) {
  .platform-box{overflow:hidden; padding:0px; margin: 0px;  position: relative;margin: 0 auto; }  
  .platform-box dl dd{font-size: 14px;}
   .platform-box dl dt h3{font-size: 20px;}
  .platform-box dl dt p{font-size: 16px;}
  .platform-box dl{ min-height: 350px; }
}



@media (max-width: 1100px) {
.platform-box dl dt h3{font-size: 18px;}
.platform-box{ max-width: 100%;}  
.tab_nav1{  margin-bottom: 0;}
}

@media (max-width: 960px) {
.platform-box dl dt h3{font-size: 16px;}
.platform-box dl{ min-height: 300px; }
}
@media (max-width: 900px) {
.platform-box dl dt h3{font-size: 16px;}
}

@media (max-width: 860px) {
.platform-box{margin-top: 10px;}
.platform-box dl dt h3{font-size: 16px;}
.platform-box dl{padding: 5% 4% 0% 40%;}
.platform_pic{width: 30%; }
}

@media (max-width: 700px) {
.platform-box dl{padding: 20px 20px; position:relative; margin: 0;min-height:50px ;; height: auto; width: auto;}
.platform_pic{ margin-left: 20px;float: left; padding: 20px 0px;min-width: 130px;}
.platform-box{border-radius: 10px;display: flex;align-items: center;background:#055fc5 url(../images/public_bg.jpg) no-repeat right top;background-size: cover;}
.platform-box dl{ background: none;}
}

@media (max-width: 400px) {
.platform-box {display: block;}
.platform_pic{margin: 0px;float:none;width: 80%;padding:20px;margin-left: 10%;}
.platform-box dl{padding: 0px 20px 20px 20px; }
.platform-box .btn-effect2{ margin:  0 auto;}
.platform-box .btn_zx_box{text-align: center;}
.platform-box dl dt{text-align: center;}
}

/*-------bing-----------------*/
.bing_ser_bg{background:#fff url(../images/bing_ser_bg.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.bing_ser_bg::before{content: ""; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute; backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);}


.bing_box{overflow: hidden;padding: 0px; margin: 0px;display:flex;align-items: center;justify-content: space-between;flex: 1;}
.bing_L{overflow: hidden;margin: 0px;padding: 0;width: 50%;}
.bing_L img{max-width: 100%;width: auto;height: auto;vertical-align: top;}6
.bing_R{overflow: hidden;margin: 0px;padding: 0;width: auto;}
.bing_reason{overflow: hidden;margin: 0px;padding: 0px;}
.bing_reason li{ margin-bottom: 20px; padding: 0px;overflow: hidden;}
.bing_reason li dl{overflow: hidden;margin: 0px;padding: 0px;}
.bing_reason li dl dt{overflow: hidden;margin: 0px;padding: 0px;font-size: 20px; line-height: 190%; margin-bottom: 8px;color: #222;font-weight: bold;}
.bing_reason li dl dd{overflow: hidden;margin: 0px;padding: 0px;color: #697383; line-height: 190%;}
.bing_reason .lc-pic{width: 70px; float: left; margin-right: 20px;}
.bing_reason .lc-pic img{width: 100%; height: auto;}

@media (max-width: 1300px) {
.bing_reason li dl dt{font-size: 18px;margin-bottom: 5px;}  
.bing_reason li dl dd{font-size: 14px; line-height: 190%;}
.bing_reason .lc-pic{width: 60px; margin-right: 15px;}
.bing_reason li{ margin-bottom: 15px;}

}
@media (max-width: 900px) {
.bing_reason li dl dt{font-size: 16px;margin-bottom: 0px;} 
.bing_reason .lc-pic{width: 50px; margin-right: 15px;}
}

@media (max-width: 750px) {
 .bing_box{display: block;}
.bing_L{overflow: hidden;margin: 0px;padding: 0;width: 100%; margin-bottom: 20px;}
.bing_R{overflow: hidden;margin: 0px;padding: 0;width: 100%;}

.bing_reason li { padding: 20px; border: 1px solid rgba(133, 142, 156, 0.2); border-radius: 10px;}
.bing_reason li :last-child{margin-bottom: 0;}
}

.bing-discount-bg{overflow: hidden;margin: 0;background-image: linear-gradient(45deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%); border-radius: 10px; position: relative;z-index: 1;}
.bing-discount-bg::before{content: ""; background:url(../images/line.png) no-repeat center; background-size: cover; width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;opacity: 0.6;}


.bing-discount-info{overflow: hidden;margin: 0px;padding: 0px 40px 0px 40px; z-index: 2;position:relative;display: flex;justify-content: center;align-items:center;}
.bing-discount-info dl{overflow: hidden;margin: 0px;padding: 20px 0px 20px 0px;;text-align: center;}
.bing-discount-info dl dt{overflow: hidden;margin: 0px;padding: 0px;color: #ffd000;font-size: 24px;font-weight: bold;}
.bing-discount-info dl  dt p{ margin-bottom: 10px;font-size: 18px;font-weight: normal;}
.bing-discount-info dl dt span{color: #ffd000;font-size: 34px; margin-left: 5px;}
.bing-discount-info dl dd{overflow: hidden;margin: 0px;padding: 0px;color: #fff;font-size: 18px; line-height: 190%;}
.bing-discount-pic{width: 35%;float: left; margin-right: 15px;}
.bing-discount-pic img{width: 100%;vertical-align: top;height: auto;}

@media (max-width: 1400px) {
.bing-discount-info dd{font-size: 16px;}
.bing-discount-info dt p{ font-size: 16px;}
}

@media (max-width: 1300px) {
  .bing-discount-info dl dt{font-size: 20px;}  
  .bing-discount-info dl dt span{font-size: 24px;}
}

@media (max-width: 900px) {
  .bing-discount-info dl dd{font-size: 14px;}  
  .bing-discount-info{overflow: hidden;margin: 0px;padding: 0px 20px 0px 20px;}
}

@media (max-width: 640px) {
.bing-discount-pic{width: 80%;float: none; margin-right:0; margin: 0 auto;padding: 20px 30px 0px 30px;}
.bing-discount-info{display: block;}
.bing-discount-info dl dt{font-size: 18px;}  
.bing-discount-info dl dt span{font-size: 20px;}
.bing-discount-info dl dd{text-align: left;}
}


/*-------Criteo-----------------*/

.Criteo-item_td {
    background:#fff;
    position: relative;
    border-radius: 20px;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.06);
    padding: 40px 5px;
    overflow: hidden; margin: 30px ;
}

.Criteo-item_td li{width: 25%;overflow: hidden;margin: 0px;padding: 0px;float: left;}
.Criteo-item_td li dl{overflow: hidden;margin: 0px;padding: 0px 2%;}
.Criteo-item_td li dl dt{overflow: hidden;margin: 0px;padding: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222;text-align: center;}
.Criteo-item_td li dl dd{overflow: hidden;margin: 0px;padding: 0px;color: #697383; text-align: center;}
.Criteo-item_td li dl dt img{height: 50px;width: auto;vertical-align: top;}

.Criteo-item_td li dl dt h3{font-weight:bold;font-size: 40px;color: #1b7acb;  font-family: 'AVGBBT';line-height: 1.3;}
.Criteo-item_td li dl dt h3 span{font-weight: 300; margin-left: 5px;font-size: 20px;}
.Criteo-item_td li:hover dt{ color: #1b7acb;}
.Criteo-item_td li:hover dl dt img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}
@media (max-width: 1300px) {
.Criteo-item_td li dl dt{font-size: 18px;}
.Criteo-item_td li dl dt h3{font-size: 36px;}
}

@media (max-width: 900px) {
.Criteo-item_td li dl dt img{height: 45px;}
.Criteo-item_td { margin: 20px ;    padding: 30px 10px;}
.Criteo-item_td li dl dt h3{font-size: 32px;}
.Criteo-item_td li dl dt h3 span{font-size: 18px;}
.Criteo-item_td li dl dt{font-size: 16px;}
}

@media (max-width: 700px) {
.Criteo-item_td { margin: 15px ;padding: 25px 15px 0px 15px;}
.Criteo-item_td li{width: 49%;margin-right: 2%; margin-bottom: 20px;}
.Criteo-item_td li:nth-child(2n){margin-right: 0;}
.Criteo-item_td li dl dd{line-height: 24px;min-height: 48px;}
.Criteo-item_td li dl dt img{height: 40px;}
}

@media (max-width: 600px) {
.Criteo-item_td { margin: 15px ;padding: 25px 6px;}
}

@media (max-width: 400px) {
  .Criteo-item_td li{width: 100%;margin-right: 0; margin-bottom: 15px;} 
  .Criteo-item_td li dl dd{line-height: 24px;min-height: 24px; height: auto;} 
  .Criteo-item_td li:last-child{margin-bottom: 25px;}

}

.Criteo-reason{overflow: hidden;padding: 0px; margin: 0px;}
.Criteo-reason li{overflow: hidden;padding: 0px; margin: 0px;width: 33.333%;float: left;}
.Criteo-reason li dl{overflow: hidden;padding: 30px; margin: 10px;  background: #f0f6fd; border-radius: 10px; position: relative;z-index: 1;}
.Criteo-reason li dl dt{overflow: hidden;padding: 0px; margin: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222; text-align: center;}
.Criteo-reason li dl dd{overflow: hidden;padding: 0px; margin: 0px;color: #697383; text-align: center; line-height: 26px; min-height: 52px;}
.Criteo-reason li .reason-pic{width: 90px; height:auto; display: flex;justify-content:center;align-items: center; margin: 0 auto; margin-bottom: 8px;border-radius: 6px;}
.Criteo-reason li .reason-pic img{width: 100%; height: auto;}

.Criteo-reason li dl::before {
    position: absolute;
    right: 0;
    top: 0;
    width:100%;
    height: 45px;
    content: "";
 background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.Criteo-reason li dl:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.Criteo-reason li dl:hover dt{color: #fff;}
.Criteo-reason li dl:hover dd{color: #fff;}


@media (max-width: 1300px) {
.Criteo-reason li dl dt{font-size: 18px;} 
.Criteo-reason li .reason-pic{width: 80px;height: 70px;}
}
@media (max-width: 900px) {
   .Criteo-reason li dl dt{font-size: 16px;}
}
@media (max-width: 1100px) {
    .Criteo-reason li dl{overflow: hidden;padding: 30px 15px;; }
    .Criteo-reason li .reason-pic{width: 70px;height:70px;}
}

@media (max-width: 700px) {
.Criteo-reason li{width:100%;float: none;}
.Criteo-reason li dl dd{line-height: 24px; min-height: 24px; height: auto;}
}


.Criteo_fa_bg{background: url(../images/Criteo_fa_bg.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.Criteo_fa_bg::before{content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;}

/*-------MediaGo-----------------*/
.MediaGo-item_td {
    background:#fff;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.06);
    padding: 40px 5px;
    overflow: hidden; 
}


.MediaGo-item_td dl{overflow: hidden;margin: 0px;padding: 0px 2%; position:relative;z-index: 4;}
.MediaGo-item_td dl dt{overflow: hidden;margin: 0px;padding: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222;text-align: center;}
.MediaGo-item_td dl dd{overflow: hidden;margin: 0px;padding: 0px;color: #697383; text-align: center; line-height: 26px; min-height: 78px;}
.MediaGo-item_td dl dt img{height: 70px;width: auto;vertical-align: top;}

.MediaGo-item_td dl dt h3{font-weight:bold;font-size: 40px;color: #1b7acb;  font-family: 'AVGBBT';line-height: 1.3;}
.MediaGo-item_td dl dt h3 span{font-weight: 300; margin-left: 5px;font-size: 20px;}
.MediaGo-item_td:hover dt{ color: #fff;}
.MediaGo-item_td:hover dd{ color: #fff;}
.MediaGo-item_td:hover{ background:#0f5ad5;}
.MediaGo-item_td:hover dt img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}
@media (max-width: 1300px) {
.MediaGo-item_td dl dt{font-size: 18px;}
.MediaGo-item_td dl dt h3{font-size: 36px;}
.MediaGo-item_td dl dt img{height: 60px;}
}

@media (max-width: 900px) {
.MediaGo-item_td dl dt img{height: 45px;}
.MediaGo-item_td { padding: 30px 10px;    box-shadow: 0 0 20px 0 rgba(0,0,0,0.05);}
.MediaGo-item_td dl dt h3{font-size: 32px;}
.MediaGo-item_td dl dt h3 span{font-size: 18px;}
.MediaGo-item_td dl dt{font-size: 16px;}
}

@media (max-width: 700px) {
.MediaGo-item_td { padding: 25px 15px 0px 15px;    box-shadow: 0 0 15px 0 rgba(0,0,0,0.03); margin: 0x 10px;}
.MediaGo-item_td dl dd{line-height: 24px;min-height: 48px;}
.MediaGo-item_td dl dt img{height: 40px;}
}

@media (max-width: 600px) {
.MediaGo-item_td {padding: 25px 6px;}
}

.MediaGo-fa_bg{background: url(../images/gg_bg1.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.MediaGo-fa::before{content: ""; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;}

.MediaGo-tj_bg{background: url(../images/map-bg1.png) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.MediaGo-tj::before{content: ""; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;}

.MediaGo-leimu{overflow: hidden; padding: 0px; margin: 0px;box-shadow: 0 5px 20px 0 rgba(4, 4, 4, 0.2); background: #0495ca; border-radius: 10px;
background: url(../images/public_bg.jpg) no-repeat center ;background-size: cover;}
.MediaGo-leimu dl{overflow: hidden; padding: 30px 0px; margin: 0px; position: relative;z-index: 3;}
.MediaGo-leimu dl dt{overflow: hidden;margin: 0px;padding: 0px;font-weight: bold;font-size: 20px; margin-bottom: 8px;color:#222;text-align: center;color: #fff;}
.MediaGo-leimu dl dd{overflow: hidden;margin: 0px;padding: 0px;color: #fff; text-align: center; line-height: 26px; min-height: 286px;}
.MediaGo-leimu .reason-pic{ overflow: hidden; position: relative;  z-index: 1;}
.MediaGo-leimu .reason-pic::before{content: "";width: 100%; height: 100%;top:0;left:0;background:rgba(0, 0, 0, 0.3);z-index: auto;position: absolute;}
.MediaGo-leimu .reason-pic .title{color: #fff;text-align: center;font-weight: 700;font-size: 30px; position: absolute;top:0;left:0;width: 100%; height: 100%;display: flex;justify-content: center;align-items: center;}
.MediaGo-leimu .reason-pic img{width: 100%; height: auto;vertical-align: top;}
@media (max-width: 1400px) {
.MediaGo-leimu dl dd{line-height: 24px; min-height: 264px;}
}

@media (max-width: 1300px) {
.MediaGo-leimu .reason-pic .title{font-size: 26px;}
.MediaGo-leimu dl dt{font-size: 18px;}
}

@media (max-width: 1100px) {
.MediaGo-leimu .reason-pic .title{font-size: 24px;}
.MediaGo-leimu dl dt{font-size: 18px;}
}

@media (max-width: 900px) {
.MediaGo-leimu dl dt{font-size: 16px;}
}

/*----------Teads--------------*/
.Teads-reason{overflow: hidden;padding: 0px;margin: 0;}
.Teads-reason li{overflow: hidden;padding: 30px 20px;margin: 0;width: 32%; margin-right: 2%; margin-bottom: 2%;float: left;
background: #fff; border: 1px solid #dce2eb;border-radius: 10px;position: relative; z-index: 1;}
.Teads-reason li dl{overflow: hidden;padding: 0px;margin: 0;}
.Teads-reason li dl dt{overflow: hidden;padding: 0px;margin: 0;color: #222;line-height: 190%; margin-bottom: 5px;font-size: 20px;font-weight: bold;}
.Teads-reason li dl dd{overflow: hidden;padding: 0px;margin: 0; color: #697383; line-height: 26px;min-height: 52px;}
.Teads-reason .pic_icon{overflow: hidden;width: 80px; height: auto;float: left; margin-right: 20px;}
.Teads-reason .pic_icon img{width: 100%; height: auto;vertical-align: top;}
.Teads-reason li:nth-child(3n){margin-right: 0;}

.Teads-reason li::before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 100%;
    content: "";
 background:#0f5ad5;
    transition: all 500ms ease;
    transition: .3s;
    z-index: -1;
    opacity: 0;
    border-radius: 10px;
}

.Teads-reason li:hover::before{
    width: 100%;
    height: 100%;
    opacity: 1;
	border-radius: 10px;
}
.Teads-reason li:hover dt{color: #fff;}
.Teads-reason li:hover dd{color: #fff;}
.Teads-reason li:hover .pic_icon img{transform: perspective(1px) translateZ(0);animation: tada 2s infinite;}

@media (max-width: 1400px) {
.Teads-reason li dl dd{line-height: 24px; min-height: 72px;}
}

@media (max-width: 1300px) {
.Teads-reason li dl dt{font-size: 18px;}
.Teads-reason .pic_icon{overflow: hidden;width: 70px;}
.Teads-reason li{overflow: hidden;padding: 20px 15px;}
}

@media (max-width: 900px) {
.Teads-reason li dl dt{font-size: 16px;}
.Teads-reason .pic_icon{overflow: hidden;width: 50px;}
}

@media (max-width: 850px) {
 .Teads-reason li{width: 49%;} 
.Teads-reason li:nth-child(3n){margin-right: 2%;}  
.Teads-reason li:nth-child(2n){margin-right: 0;}
}


@media (max-width: 600px) {
 .Teads-reason li{width: 100%; margin-bottom: 15px;} 
.Teads-reason li:nth-child(3n){margin-right: 0;}  
 .Teads-reason li:last-child{margin-bottom: 0;}
  .Teads-reason li dl dt{ margin-bottom: 2px;}
 .Teads-reason li dl dd{ min-height: 24px; height: auto;}
}


.choose-Teads{overflow: hidden;padding: 0px;margin: 0;display: flex;justify-content: space-between;align-items: center;}
.choose-Teads_L{overflow: hidden;padding: 0px;margin: 0;width: 50%;float: left;}
.choose-Teads_R{overflow: hidden;padding: 0px;margin: 0;width: 45%;float:right; }
.choose-Teads_R img{width: 100%; height: auto;vertical-align: top;}

.choose-Teads_list{overflow: hidden;margin: 0px;padding: 0px;}
.choose-Teads_list li{ margin-bottom: 20px; padding: 0px;overflow: hidden;}
.choose-Teads_list li dl{overflow: hidden;margin: 0px;padding: 0px;}
.choose-Teads_list li dl dt{overflow: hidden;margin: 0px;padding: 0px;font-size: 20px; line-height: 190%; margin-bottom: 8px;color: #222;font-weight: bold;}
.choose-Teads_list li dl dd{overflow: hidden;margin: 0px;padding: 0px;color: #697383; line-height: 190%;}
.choose-Teads_list .lc-pic{width: 70px; float: left; margin-right: 20px;}
.choose-Teads_list .lc-pic img{width: 100%; height: auto;}

@media (max-width: 1300px) {
.choose-Teads_list li dl dt{font-size: 18px;margin-bottom: 5px;}  
.choose-Teads_list li dl dd{font-size: 14px; line-height: 190%;}
.choose-Teads_list .lc-pic{width: 60px; margin-right: 15px;}
.choose-Teads_list li{ margin-bottom: 15px;}

}
@media (max-width: 900px) {
.choose-Teads_list li dl dt{font-size: 16px;margin-bottom: 0px;} 
.choose-Teads_list .lc-pic{width: 50px; margin-right: 15px;}
}

@media (max-width: 750px) {
 .choose-Teads{display: block;}
.choose-Teads_L{overflow: hidden;margin: 0px;padding: 0;width: 100%; margin-bottom: 20px;}
.choose-Teads_R{overflow: hidden;margin: 0px;padding: 0;width: 100%; text-align: center;}
.choose-Teads_R img{width: 80%;}

.choose-Teads_list li { padding: 20px; border: 1px solid rgba(133, 142, 156, 0.2); border-radius: 10px;}
.choose-Teads_list li :last-child{margin-bottom: 0;}
}

.Teads_gg_bg{background: url(../images/Teads_bg1.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.Teads_gg_bg::before{content: ""; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;
 backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}


.Taboola_bg{background: url(../images/Taboola-bg.png) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.Taboola_bg::before{content: ""; background: rgba(255, 255, 255, 0.4); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;
}


.Taboola_gg_bg{background: url(../images/Taboola_gg_bg.jpg) no-repeat center;background-size: cover; position: relative;z-index: 1;}
.Taboola_gg_bg::before{content: ""; background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%;top:0;left:0; z-index: auto; position: absolute;
 backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);
}


.kfpj_box{max-width: 250px;width: 100%;  background: #fff; border-radius: 10px;border: 1px solid rgba(133, 142, 156, 0.2);padding: 2px;}
.kfpj_box img{width: 100%; height:auto;vertical-align: text-bottom;}