/**手机样式**/
@media screen and (max-width: 320px) {body {font-size:14px}}
@media screen and (min-width: 350px) and (max-width: 480px) {body {font-size:14px}}
@media screen and (min-width: 480px) and (max-width: 640px) {body {font-size:16px}}
@media screen and (min-width: 640px) and (max-width: 750px) {body {font-size:24px}}
@media screen and (max-width: 750px) {
input{ -webkit-appearance:none;}
img{ max-width:100%; vertical-align:middle;}
body,html {min-width:320px;max-width:750px; width:100%;  margin:0 auto;font-size:14px; overflow-x:hidden;}

.m-pages,.gearDate{ display:block;}
p{ text-align:justify;}
.serch-part{display:block;}
#openMenu,.kong-r,.close-nav{ display:block;}
.header{ width:100%;}
.mains{ width:100%; margin:0 auto 0; padding:2% 0; overflow:hidden;display:flex;align-items:center; justify-content:space-between; overflow:hidden;}
.menu-fr{ position:fixed;width:100%; height:100%;position:fixed; top:0;  right:-100%;z-index:999999; transition:all 0.3s linear; -webkit-transition:all 0.3s linear;overflow:hidden; float:none; }	
.mains .logo{ width:90%; text-align:center;height:3em; line-height:3em; float:none;}
.mains .logo img{ width:30%; }
.mains #openMenu{ cursor:pointer; width:10%; text-align:center; height:3em; line-height:3em;}
.mains #openMenu img{ width:100%; }		
.reback{right:0;transition:all 0.3s linear; -webkit-transition:all 0.3s linear;}
.menu{ width:55%; height:100%;background: linear-gradient(73deg,#9B2BCC  0%, #5A67FF 100%); float:right;overflow:hidden;/*box-shadow: 0 0px 3px 3px #f2f2f2;*/ box-sizing:border-box;}
.kong-r{width:45%;height:100%; float:left;}
.menu_li{width:90%; display:block;  margin:0 auto;height:3.8em; line-height:3.8em; border-bottom:solid 1px #f2f2f2; float:none;}

.menu li:nth-child(1){ margin-top:18%;}

/*.menu li:nth-child(3){ margin-top:40px;}
.menu li:nth-child(5){ margin-top:240px;}*/

.menu_li a{ display:inline-block;color:#fff;text-align:left; padding-left:2%;font-size:1.2em; font-weight:normal;}
.menu_active{ background:none; border:none;}
.menu_line{ display:none; width:0; height:0;}

.down-cona {display: none; position:static;  width:90%; margin:1px auto; font-size:14px;  height:40px; line-height:40px;box-shadow:none;}
.down-conb{ display: none;position:static;width:90%; margin:1px auto; padding:0; font-size:14px;height:240px; box-shadow:none;}
.down-cona a:hover{color:#333;}
.down-c{ width:100%; margin:0 auto 0; overflow:hidden;}
.down-c div a{ font-weight:normal; display:block; height:40px; line-height:40px; font-size:16px; margin-top:0;}
.down-c div a:hover{color:#333;}
.down-conb a em{ display:none;}
.down-c div:nth-child(2){ margin:0;}
.down-c div{ width:100%; float:left;}
.jia,.jib{ display:block; position:absolute; top:0; right:0; width:40px; height:40px; text-align:center; line-height:40px; font-size:24px; font-weight:bolder; cursor:pointer;}
.zan:before{content:""; display:inline-block; margin-right:6px; vertical-align:middle; width:17px; height:17px;    background: url(../images/zan.png) no-repeat;background-size:cover;}

.down-ma:hover .down-cona{ display:none;}
.down-mb:hover .down-conb{ display:none; }
.lic{ margin-top:40px;}
.lie{ margin-top:240px;}
.block{ display:block !important;}
.none{ display:none !important;}
.rotate{transition:all 0.3s linear; -webkit-transition:all 0.3s linear;transform:rotate(315deg);-webkit-transform:rotate(315deg);}
.close-nav{ position:absolute; right:0px; top:0px; padding:2px 10px; background:none; color:#fff;font-size:32px; font-weight:bold;}
.search-con{ width:92%; margin:0 auto;}
.hotcity,.search-con p{ display:none;}
.swiper-button-next,.swiper-button-prev{ display:none;}
.center-box{ width:100%; margin:0 auto 0; }
.part-a{ width:100%; margin:0px auto 0;background: url(../images/dy-service-content-bg.jpg) no-repeat; overflow:hidden; padding:5% 0;}
.part-a{ width:100%; margin:0px auto 0;background: url(../images/qi-ye-hao.jpg) no-repeat; overflow:hidden; padding:5% 0;}
.common-tit{  font-size:1.5em; text-align:center; color:#fff; font-weight:bold;}
.common-fu{ font-size:.9em; margin-top:2%; text-align:center}
.s-content{ width:95%; margin:2% auto 0; overflow:hidden;}
.s-content li{ display: flex;margin-right:2%; margin-top:2%; flex-direction:  column;justify-content: center;align-items: center; overflow:hidden; width:49%; padding:3% 0; background-color:#fff; border-radius:20px; float:left;}
.s-content li:nth-child(2n){ margin-right:0;}
.s-content li:nth-child(3){ margin-right:2%;}
.s-content li:last-child{ margin-right:0;}
.s-content li .t-mg{ width:23%;}
.s-content li h2{ color:#000; font-size:1.1em; margin-top:3%;}

.s-contentaa{ width:95%; margin:2% auto 0; overflow:hidden;}
.s-contentaa li{ display: flex; margin-top:3%; flex-direction:  column;justify-content: center;align-items: center; overflow:hidden; padding:3% 0; background-color:#fff; border-radius:20px; float:left; height:4.2em;}
.s-contentaa li:nth-child(1){ width:32%; margin-right:2%;}
.s-contentaa li:nth-child(2){ width:32%; margin-right:2%;}
.s-contentaa li:nth-child(3){ width:32%; margin-right:0;}
.s-contentaa li:nth-child(4){ width:32%; margin-right:2%;}
.s-contentaa li:nth-child(5){ width:32%; margin-right:2%;}
.s-contentaa li:nth-child(6){ width:32%; margin-right:0;}
.s-contentaa li:nth-child(7){ width:32%; margin-left:17%; margin-right:2%}
.s-contentaa li:nth-child(8){ width:32%; margin-right:0;}

.s-contentaa li .t-mg{ width:22%;}
.s-contentaa li h2{ color:#000; font-size:1em; margin-top:3%;}

.more-u{width: 80%;
	height: 2.4em;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	color: #FFFEFE;
	font-size:14px;
	line-height:2.4em;
	text-align:center;
	display: block; margin:5% auto 0;}
.part-b{ width:100%; margin:0px auto 0;background: #fff; overflow:hidden; padding:10% 0 0 0;}
.part-c{ width:100%; margin:0px auto 0;background: url(../images/dy-adv-bg.jpg) no-repeat; overflow:hidden; padding:5% 0;}
.s-comjj{ width:100%; margin:2% auto 10%; overflow:hidden;}
.s-comjj li{ width:90%; float:none; margin:0 auto 0; }
.s-comjj li h2{ font-size:1.2em; color:#0c1137;}
.s-comjj li h2:before{  content:""; display:inline-block; width:3px; height:1.2em; background:#0c1137; margin:0 5px 0 0; vertical-align:middle;}
.s-comjj li p{ font-size:1em; color:#333; text-indent:2em; line-height:1.8em; margin-top:5px;}
.s-comjj li:last-child{ float:none;}
.s-comjj li img{ text-align:center;}


.s-content2{ width:100%; margin:2% auto 0; overflow:hidden; padding:3% 2%; box-sizing:border-box;}
.s-content2 li{ display: flex;margin-right:0; margin-top:2%; flex-direction:  column;justify-content: center;align-items: center; overflow:hidden; width:100%; background-color:#fff; border-radius:10px; float:left;box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35); padding:5% 8%; box-sizing:border-box; height:20em;}
.s-content2 li:nth-child(2n){ margin-right:0;}
.s-content2 li:hover{margin-top:0;}
.s-content2 li img{ width:32%;}
.s-content2 li h2{ color:#000; font-size:1em; line-height:1.8em; margin-top:5%;}

.s-content3{ width:100%; margin:5% auto 0; overflow:hidden; padding:0 2.5% 5% 2.5%; box-sizing:border-box;}
.s-content3 li{ display: flex;margin-right:0; margin-top:2%; flex-direction:  column;justify-content: center;align-items: center; overflow:hidden; width:100%; background-color:#fff; border-radius:10px; float:left;box-shadow: 0px 0px 0px rgba(108, 35, 108, 0.35); padding:3% 2.5%; box-sizing:border-box; height:18.5em;}
.s-content3 li:nth-child(2n){ margin-right:0;}
.s-content3 li:hover{margin-top:0;}
.s-content3 li img{ width:15%;}
.s-content3 li h2{ color:#000; font-size:1em;  margin-top:1%;}
.s-content3 li h3{ color:#65CCB7; font-size:1em; line-height:1.6em; margin-top:1%;}
.s-content3 li p{ color:#000; font-size:1em; line-height:1.6em; margin-top:1%;}

.xxl-fw{width:95%; margin:0 auto 0;  overflow:hidden; padding:10% 0;}
.xxl-fw li{ width:49%; float:left; overflow:hidden; background-color:#fff; height:15em; display: flex; align-items: center;justify-content: center; flex-direction: column; cursor:pointer;box-shadow: 1px 18px 34px rgba(0, 0, 0, 0.35); margin-top:2%;}
.xxl-fw li:hover{ background-color:#288fd4;transition:all 0.3s linear; -webkit-transition:all 0.3s linear;transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1);}
.xxl-fw li:hover p:before{content:""; width:80%; height:2px; background-color:#fff; margin:5px auto 15px; display:block;}
.xxl-fw li:nth-child(even){ margin-right:0;}
.xxl-fw li:nth-child(odd){ margin-right:2%;}
.xxl-fw li h2{ color:#000; font-size:1.2em;}
.xxl-fw li h3{ color:#555; font-size:1.1em;}
.xxl-fw li p{ color:#555; font-size:1em; text-align:center; margin-top:2%; line-height:1.6em;}
.xxl-fw li p:before{content:""; width:80%; height:2px; background-color:#288fd4; margin:5px auto 15px; display:block;}
.xxl-fw li:hover h2{ color:#fff;}
.xxl-fw li:hover h3{ color:#fff;}
.xxl-fw li:hover p{ color:#fff;}
/**表单**/
.form-box{height: 400px; width: 100%; margin:0 auto; overflow:hidden;background: url(../images/rbt_img.jpg) no-repeat -100% #0c1137;position: relative;display: flex; align-items: center;justify-content: flex-start;}
input,textarea,select{ outline:none; }
.left-form{width:95%; margin:0 auto 0;}
.d-lia{ width:100%;color:#fff; font-size:1.5em; font-weight:bold;}
.d-lia span{color:#eeeeee; font-size:.8em; font-weight:bold; margin-left:5px;}
.input-li{ width:95%; height:45px; overflow:hidden; line-height:45px; margin-top:20px;}
.input-li label{ float:left; color:#fff; font-size:16px; width:20%; text-align:center;}
.input-li input{ float:right; width:78%; height:45px; line-height:45px; border:solid 1px #eeeeee; background:#fff; text-indent:18px; border-radius:10px;}
.input-li select{ float:right; width:78%; height:45px; line-height:45px; border:solid 1px #dcdcdc; background:#fff; text-indent:18px; border-radius:10px;}
.left-form #tj{border-radius:5px; margin:20px auto 0;width:180px; height:46px; line-height:46px;  border:none;background:#fff; display: block;font-size: 28px;color: #0c1137;font-family:'Microsoft YaHei';}
.big-fix-box{ width:100%; height:100%;  position:fixed; left:0; top:0; z-index:999; display:flex; align-items:center;justify-content:center; display:none;}.alert-box{ width:300px; height:60px;  line-height:60px;  text-align:center; background:rgba(0,0,0,0.85); font-size:16px; color:#fff; border-radius:10px;}.alert-box:before{content:""; display:inline-block; margin-right:8px; vertical-align:middle; width:24px; height:24px;    background: url(http://www.wxpanda.com/xxlservice/static/images/smile.png) no-repeat;background-size:100%;}.shake{animation: shake 0.5s ease-in-out 1;}@keyframes shake {10%, 90% { transform: translate3d(-1px, 0, 0); }20%, 80% { transform: translate3d(+2px, 0, 0); }30%, 70% { transform: translate3d(-4px, 0, 0); }40%, 60% { transform: translate3d(+4px, 0, 0); }50% { transform: translate3d(-4px, 0, 0); }}
.ds_box{ width:70%;  margin:2% auto 0; overflow:hidden; float:none;}
/**表单**/

.dys-ban{width:100%; margin:0 auto 0;background: url(../images/all-quan-an-banner.jpg) no-repeat left; background-size:220%;  overflow:hidden; padding:5% 0 15% 0;}
.dys-ban .header-bottom-title{width:90%; margin:0 auto 0; color: #FFF;text-align: left;}
.header-bottom-title {
    max-width: 100%;
    margin:0px auto;
}
.header-bottom-title span{
	color: #FFCA38;
	display: inline-block;
	font-size:1.8em;
	font-weight: bold;
	margin-bottom:2%;
}
.header-bottom-title span::after{
	content:"";
	width:100%;
	height:2px;
	background:#FFCA38;
	display:block;
	margin-top:3%;
	margin-bottom:2%;
}
.header-bottom-title p{
	font-size:1.3em;
	color:#ffffff;
	line-height:1.6em;
}
.header-bottom-title .p1{
    font-weight: bold;
}
.header-bottom-title .p2{
}
.header-bottom-title  a{
	width: 50%;
    height: 2.5em;
    background: #FFCA38;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    border-radius: 100px;
    display: block;
    color: #AD7200;
    font-size:1.2em;
    text-align: center;
    line-height:  2.5em;
	margin-top:2%;
}

.qy-jj{ overflow:hidden; width:95%; margin:5% auto 0; background-color:#fff; border-radius:15px; overflow:hidden; padding:3%; box-sizing:border-box;}
.qy-jj li{ width:48%; float:left; margin-right:4%; margin-top:2%; overflow:hidden; height:180px;}
.qy-jj li:last-child{ margin-right:0;}
.qy-jj li:nth-child(2n){ margin-right:0;}
.qy-jj li .tt-img{ width:25%; margin:0 auto;}
.qy-jj li h2{ font-size:1.5em; text-align:center; margin-top:10px;}
.qy-jj li p{ font-size:1.2em; color:#555; text-align:center; margin-top:10px;}
.jjs1{ width:95%; margin:8% auto 0;}
.jjs2{ width:95%; margin:1% auto 0;}

.n-content{ width:100%; margin:2% auto 0; overflow:hidden; padding:4% 2%; box-sizing:border-box;}
.n-content li{ display: flex;margin-right:0; margin-top:3%; flex-direction:  row;justify-content: center;align-items: center; overflow:hidden; width:100%; background-color:#fff; border-radius:10px; float:none;box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35); padding:10% 5%; box-sizing:border-box; height:6em;}
.n-content li:nth-child(3n){ margin-right:0;}
.n-content li:hover{margin-top:0;}
.n-content li img{ width:25%; }
.n-content li p{ width:73%;color:#555; font-size:1em; line-height:1.2em; margin-top:0;}

.n-content1{width:95%; margin:5% auto 0; overflow:hidden; box-sizing:border-box;}
.n-content1 li{ position:relative;margin-right:2%; margin-top:2%;  overflow:hidden; width:49%; border-radius:10px; float:left; height:auto;}
.n-content1 li:nth-child(2n){ margin-right:0;}
.n-content1 li .n-conb{ position:absolute; width:100%; top:0;left:0; z-index:1; height:100%;display: flex;flex-direction:  column;justify-content: center;align-items: center; overflow:hidden;}
.n-content1 li .n-conb img{ width:35%;}
.n-content1 li .n-conb h4{ color:#fff; font-size:1.2em; margin-top:5%;}
.n-content1 li .n-conb p{ color:#fff; font-size:0.9em; margin-top:2%; text-align:center;}

.qyh-use{width:100%; margin:5% auto;background: url(../images/privilege-each-bg.jpg) no-repeat center; overflow:hidden; padding:5% 0;}
.qyh-use dl{ width:95%; margin:3% auto 0; background:#fff; border-radius:10px; padding:5% 8%; box-sizing:border-box; overflow:hidden;}
.qyh-use dl dt{ font-size:1.1em; color:#333;}
.qyh-use dl dt span{ font-size:0.9em;  color:#000; margin-right:2%; font-weight:bold; overflow:hidden; clear:both;}
.qyh-use dl dt:after{content:""; display:block; width:100%; height: 0; border-bottom:dotted 1px #333; margin-top:10px;}
.qyh-use dl dd{display: flex;margin-right:5%; margin-top:5%; margin-right:0; flex-direction:  row;justify-content: center;align-items: center; overflow:hidden; width:100%; float:none;}
.qyh-use dl dd:last-child{ margin-right:0;}
.qyh-use dl dd .tub-img{ width:15%;}
.qyh-use dl dd .br-jj{ width:80%; margin-left:5%;}
.qyh-use dl dd .br-jj h4{ font-size:1em; color:#000; margin-bottom:2%; font-weight:bold;}
.qyh-use dl dd .br-jj p{ font-size:.9em; color:#333; line-height:1.2em; }

.yy-tl-ban{ width:100%; margin:0 auto 0;background: url(../images/qi-ye-hao.jpg) no-repeat bottom;  overflow:hidden; padding:5% 0;}
 .ban-titles{width:90%;color: #FFF;text-align: left;overflow:hidden; margin:0 auto 0; float:none;}

.ban-tits { width: 100%;margin:0px auto; overflow:hidden;}
.ban-tits p{width:90%;font-size:1.5em;color:#ffffff;line-height:1.9em;}
.ban-tits .p1{font-weight: bold;}
.ban-tits .p2{  font-size:1.1em; line-height:1.4em;}
.ban-tits  a{width:50%;height: 2.5em;background: #FFCA38;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);border-radius: 100px;display: block;color: #AD7200;font-size: 1em;text-align: center;line-height:  2.5em;margin-top:5%;}

.ban-titss { width:90%;margin:5% auto 0; float:none; overflow:hidden;}
.ban-titss p{width:95%;font-size:1.5em;color:#ffffff;line-height:2em;}
.ban-titss .p1{font-weight: bold;}
.ban-titss .p2{  font-size:1.2em; line-height:1.5em;}

.qh-box{ width:95%; margin:5% auto 0;  overflow:hidden; border-bottom:solid 5px #fff; padding-bottom:20px;}
.qh-box li{ color:#fff; float:left;font-size:1em; font-weight:bold; margin-right:2.5%; width:18%; text-align:center;cursor:pointer;}
.qh-box li:last-child{ margin-right:0;}
.qh-box li.jj-act span{border-bottom:solid 5px #fff; padding-bottom:15px;}
.qh-con{ width:95%; margin:5% auto 0;  overflow:hidden; }
.qh-con li{ width:100%; margin:0 auto; overflow:hidden;}
.qh-con li .nya{ margin:0 auto 0; overflow:hidden; padding:6% 5%; background-color:#5E37C6; border-radius:15px;}
.qh-con li .nya p{ color:#fff;}
.qh-con li .nya .pa{ font-size:1.1em;}
.qh-con li .nya .pb{ font-size:.9em; margin-top:3%;}
.qh-con li .nya .pc{ font-size:.9em; margin-top:3%;}
.qh-con li .nya .pc img{ margin-right:2%; width:5%}
.qh-con li .nya .pc span { margin-right:5%;}
.qh-con li .nya .pc span:last-child{ margin-right:0;}
.qh-con li .nyb{ margin:5% auto 0; overflow:hidden; padding:6% 5%; background-color:#5E37C6; border-radius:15px;}
.qh-con li .nyb .pd{font-size:1.1em;color:#fff;}
.qh-con li .nyb .qhc-box{ overflow:hidden; margin:2% auto 0;}
.qh-con li .nyb .qhc-box li{width:48%; float:left; height:2.4em; line-height:2.4em; background:rgba(255,255,255,.14); border-radius:40px; text-align:center; color:#fff; margin-right:4%; box-sizing:border-box; cursor:pointer; margin-top:3%;}
.qh-con li .nyb .qhc-box li:nth-child(2n){ margin-right:0;}
.qh-con li .nyb .qhc-box li.act-bor{ border:solid 1px #fff;}
.qh-con li .nyb .qhd-p{ margin:20px auto 0; overflow:hidden;}
.qh-con li .nyb .qhd-p span{ font-size:.9em; color:#fff;}

.yytl-content{ width:95%; margin:6% auto 0; overflow:hidden}
.yytl-content li{ width:100%; float:none; height:14em; border-radius:15px; margin-top:10%; color:#fff; padding:2% 5%; box-sizing:border-box; }
.yytl-content li:nth-child(odd){background: linear-gradient(133deg, #5A67FF 0%, #9B2BCC 100%); margin-right:2%;}
.yytl-content li:nth-child(even){background: linear-gradient(133deg, #9B2BCC 0%, #5A67FF 100%); margin-right:0;}
.yytl-content li .yy-t-img{ width:16%; margin-top:-8%; }
.yytl-content li h4{ font-size:1.2em; padding-bottom:10px; border-bottom:solid 2px #fff; margin-top:10px;}
.yytl-content li p{ font-size:1em; line-height:1.6em; margin-top:10px;}


.dy-hot-s{width:95%; margin:6% auto 0; overflow:hidden}
.dy-hot-s li{ width:100%; margin-right:0%;box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35); box-sizing:border-box; height:13em; overflow:hidden; padding:2% 5%; box-sizing:border-box; float:none; margin-top:3%;transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;}
.dy-hot-s li:last-child{ margin-right:0;}
.dy-hot-s li .dy-hot-img{ width:13%;margin:10px auto 0; overflow:hidden; font-weight:bold;}
.dy-hot-s li h3{ text-align:center; font-size:1.2em; color:#000;margin-top:3%;}
.dy-hot-s li p{text-align:left; font-size:1em; line-height:1.5em; color:#333; margin-top:3%;}
.dy-hot-s li .zxkf{ display:none; width:40%;height: 2.4em;line-height: 2.4em; background: #FFFFFF; border-radius: 27px;font-size: 1.1em;color: #8053F7;
    margin:20px auto 0; text-align:center;}
.dy-hot-s li:hover{background: linear-gradient(180deg, #5A67FF 0%, #9B2BCC 100%);box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);border-radius: 10px;transform: translateY(-5px); -webkit-transform: translateY(-5px); color:#fff;}	
.dy-hot-s li:hover .dy-hot-img{ display:none;}
.dy-hot-s li:hover h3,.dy-hot-s li:hover p{ color:#fff; margin-top:3%;}
.dy-hot-s li:hover .zxkf{ display:block;}

.part-e{ width:100%; margin:6% auto 0;background: url(../images/ad-bg.jpg) no-repeat top right; background-size:100%;overflow:hidden; padding:70px 0;}
.yy-adv{width:95%; margin:0 auto 0; overflow:hidden}
.yy-adv li{ width:49%; float:left; height:16em; border-radius:15px; margin-top:10%; color:#333; padding:10px 25px; box-sizing:border-box;background: #FFFFFF;box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35); margin-right:2%; }
.yy-adv li:nth-child(2n){ margin-right:0;}
.yy-adv li .yy-adv-img{ width:32%; margin-top:-30px; }
.yy-adv li h3{ font-size:1.4em; font-weight:bold;  margin-top:8%; text-align:center;}
.yy-adv li p{ font-size:1em; margin-top:4%; line-height:1.6em}
.yy-adv .zxkfa{ width: 85%;height: 2em; background: linear-gradient(180deg, #5A67FF 0%, #9B2BCC 100%);border-radius: 20px;font-size: 18px;color: #FFFFFF;
display: block;line-height: 2em; text-align: center;margin:6% auto 0; display:block;}

.part-f{ width:100%; margin:0px auto 5%;background: url(../images/qc-team.jpg) no-repeat center; background-size:auto;overflow:hidden; padding:5% 0 10% 0; color:#fff;}
.yy-sx{width:95%; margin:5% auto 0; overflow:hidden;}
.yy-sx li{ width:30%; float:left; height:8em; border-radius:15px; margin-top:3%; color:#333; margin-right:2%; overflow:hidden; box-sizing:border-box; }
.yy-sx li:nth-child(3n){ margin-right:0;}
.yy-sx li .yy-adv-img{ width:30%; margin:0 auto; }
.yy-sx li h3{ font-size:.9em; color:#fff;  margin-top:3%; text-align:center;}
.yy-sx li p{ font-size:.9em;color:#fff;  margin-top:1%; line-height:1.6em;text-align:center;}

.yy-tl-bans{ width:100%; margin:0 auto 0;background: url(../images/video-bg.jpg) no-repeat left; background-size:220%;   overflow:hidden; padding:5% 0 15% 0;}

.ban-titles1{width:90%;color: #FFF;text-align: left; margin:2% auto 0;  overflow:hidden;}

.ban-tits1 { width: 100%;margin:0px auto; overflow:hidden;}
.ban-tits1 p{width:75%;font-size:1.8em;color:#ffffff;line-height:1.9em;}
.ban-tits1 .p1{font-weight: bold;}
.ban-tits1 .p2{  font-size:1.1em; line-height:1.6em;}
.ban-tits1  a{width: 60%;height: 2.2em;background: #FFCA38;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);border-radius: 100px;display: block;color: #AD7200;font-size: 21px;text-align: center;line-height: 2.2em;margin-top:5%;}

.dsp-s{width:95%; margin:5% auto 0; overflow:hidden}
.dsp-s li{ width:49%; margin-right:2%;box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35); box-sizing:border-box; height:16em; overflow:hidden; padding:2% 2%; box-sizing:border-box; float:left;transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; margin-top:2%;}
.dsp-s li:nth-child(2n){ margin-right:0;}
.dsp-s li .dsp-img{ width:35%;margin:10px auto 0; overflow:hidden; font-weight:bold;}
.dsp-s li h3{ text-align:center; font-size:1.1em; font-weight:bold; color:#000;margin-top:8%;}
.dsp-s li p{text-align:left; font-size:1em; line-height:1.6em; color:#333; margin-top:3%;}
.dsp-s li:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px); }	

.dspyy-wt{width:95%; margin:5% auto 0; overflow:hidden}
.dspyy-wt li{ width:49%; float:left; height:100px; border-radius:15px; margin-top:2%; color:#333; padding:20px 20px; box-sizing:border-box;background: #FFCA38;box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35); margin-right:2%;display: flex;justify-content: center;align-items: center;flex-direction:  column; }
.dspyy-wt li:nth-child(2n){ margin-right:0;}
.dspyy-wt li h3{ font-size:20px; font-weight:bold; color:#AD7200; text-align:center;}
.dspyy-wt li p{ font-size:16px; line-height:28px; color:#000;}

.dsp-blue-box{width:95%; margin:3% auto 6%; overflow:hidden}
.dsp-blue-box li{ width:100%; float:left; height:8em; border-radius:15px; margin-top:3%; color:#333; padding:2%; box-sizing:border-box; background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);box-shadow: 0px 3px 20px rgb(0 0 0 / 10%); margin-right:0%;display: flex;justify-content: center;align-items: center;flex-direction:  column;display: flex;justify-content: center;align-items: center;flex-direction: row; overflow:hidden; }
.dsp-blue-box li .blue-img{ width:25%; margin-right:5%;}
.dsp-blue-box li .blue-wz{ width:70%;}
.dsp-blue-box li:nth-child(2n){ margin-right:0;}
.dsp-blue-box li:nth-child(3n){ margin-right:0;}
.dsp-blue-box li h3{ font-size:1.2em; font-weight:bold; color:#fff; text-align:left;}
.dsp-blue-box li p{ font-size:1em; line-height:1.5em; margin-top:10px; color:#fff;text-align:left;}

.dsp-blue-box2{width:95%; margin:5% auto 0; overflow:hidden}
.dsp-blue-box2 li{ width:100%; float:left; height:16em; border-radius:15px; margin-top:3%; color:#333; padding:20px 20px; box-sizing:border-box; background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);box-shadow: 0px 3px 20px rgb(0 0 0 / 10%); margin-right:0;display: flex;justify-content: center;align-items: center;flex-direction:  column;display: flex;justify-content: center;align-items: center;flex-direction:  column; overflow:hidden; }
.dsp-blue-box2 li .blue-img2{ width:100%; overflow:hidden;}
.dsp-blue-box2 li .blue-img2 span{ float:left; color:#fff; font-size:1.3em; vertical-align:middle;}
.dsp-blue-box2 li .blue-img2 img{ float:right; width:8%; vertical-align:middle;}
.dsp-blue-box2 li .blue-wz2{ width:100%; margin-top:3%}
.dsp-blue-box2 li:nth-child(2n){ margin-right:0;}
.dsp-blue-box2 li h3{ font-size:1em; line-height:1.6em; color:#fff; text-align:left;}
.dsp-blue-box2 li .a3l{ display:block; margin-top:3%; font-size:1.2em; color:#fff; text-align:left;}
.info-bans{ width:100%; margin:0 auto 0;background: url(../images/infor-banner.jpg) no-repeat center; background-size:275%;   overflow:hidden; padding:5% 0 15% 0;}

.xxl-s{width:95%; margin:5% auto 0; overflow:hidden}
.xxl-s li{ width:49%; margin-right:2%;box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35); box-sizing:border-box; height:16em; overflow:hidden; padding:2% 2%; box-sizing:border-box; float:left;transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; margin-top:2%;}
.xxl-s li:nth-child(2n){ margin-right:0;}
.xxl-s li .xxl-img{ width:25%;margin:10px auto 0; overflow:hidden; font-weight:bold;}
.xxl-s li h3{ text-align:center; font-size:1.1em; font-weight:bold; color:#000;margin-top:8%;}
.xxl-s li p{text-align:center; font-size:1em; line-height:1.6em; color:#333; margin-top:3%;}
.xxl-s li:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px); }	
.xx-solve{ width:60%;  margin:5% auto 0; overflow:hidden;}
.xx-solve a{width:100%; font-size:1.3em; display:block;height:2.4em; text-align:center; line-height:2.4em;background: linear-gradient(180deg, #F0CD46 0%, #EE5768 100%);border-radius:30px; color:#fff; font-weight:bold;}

.part-g{ width:100%; margin:10% auto 0;background: url(../images/infor-one-stop-bg.jpg) no-repeat center right;background-size:800%; overflow:hidden; padding:10% 0 15% 0;}
.xxl-adv-box{ width:95%; margin:6% auto 0;display: flex;flex-direction:column;justify-content: space-between;align-items: center; overflow:hidden;background-color:#fff; border-radius:15px;}
.xxl-adv-box li:nth-child(1){width:100%; float:none; overflow:hidden; margin-top:10%;}
.xxl-adv-box li:nth-child(2){width:80%; float:none; overflow:hidden;margin:8% 0 10% 0;}
.xxl-adv-box .top-one{ width:82%; margin:5% auto 0; overflow:hidden;display: flex;flex-direction:row;justify-content: space-between;align-items: center;}
.xxl-adv-box .top-one:nth-child(1){margin:0px auto 0; }
.xxl-adv-box .top-one span{ font-size:1em; color:#333;}
.xxl-adv-box .top-one img{ width:30px;}
.xx-solve2{ width:40%;  margin:5% 0 0 9%;  overflow:hidden;}
.xx-solve2 a{width:100%; font-size:1em; display:block;height:2em; text-align:center; line-height:2em;background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);border-radius:30px; color:#fff; font-weight:bold;}
.jjsss{ margin:6% auto;}

.case-bans{ width:100%; margin:0 auto 0;background: url(../images/case-banner.jpg) no-repeat left; background-size:250%;   overflow:hidden; padding:5% 0 15% 0;}


.videos_case-list{ width:95%; margin:6% auto 0; overflow:hidden;}
.videos_case-list li{ width:49%; margin-right:2%; float:left; margin-top:3%; text-align:center; overflow:hidden;}
.videos_case-list li:nth-child(2n){ margin-right:0;}
.videos_case-list li:nth-child(4n){ margin-right:0;}
.videos_case-list .video_con{ width:100%; height:16em; overflow:hidden; position:relative;}
.videos_case-list li img{ width:100%; cursor: pointer;transition: All 0.35s ease-in-out;}
.video_overlay {width: 100%; height: 100%; position: absolute;cursor: pointer;z-index: 10;top: 0;left: 0;background-color: #000; opacity: 0;
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);transition: all ease-out 0.4s;-webkit-transition: all ease-out 0.4s;}
.video_play {
    width: 60px;
    height: 60px;
    position: absolute;
    cursor: pointer;
    z-index: 20;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: all ease-out 0.4s;
    transition: all ease-out 0.4s;
    -webkit-transform: scale(2);
    transform: scale(2);
    -ms-transform: scale(2);
}
.video_con:hover .video_overlay {
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
}
.video_con:hover .video_play {
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -webkit-transfrom: scale(1);
    -mo-transfrom: scale(1);
    transform: scale(1);
}
.name_case{ color:#555; font-size:1em; text-align:center; margin:5% auto 0; overflow:hidden;}
.jianju{ margin:5% auto 6%;}
.conatct-bans{ width:100%; margin:0 auto 0;background: url(../images/contact.jpg) no-repeat center; background-size:100%;  overflow:hidden; height:13em; }
.jianjus{ margin:0 auto 80px; padding:0;}
.contatc-box{ width:95%; margin:6% auto 0;}

.in-fra{font-size:1.8em; color:#333; font-weight:bolder;}
.in-frb{ margin-top:5%; font-size:1.2em; color:#888;}
.in-frb a{color:#F00; font-weight:bold; font-size:1.2em; margin-top:5px;}
.in-frc{ margin-top:10px; font-size:1.2em; color:#888;}
.in-frc img{ width:79px; display:inline-block; vertical-align:bottom;}
.index-jj{ margin:6% auto 8%;}

/****/


.bottom-part{ padding:30px 0; overflow:hidden; font-size:14px;  background-color:#1a1c20; margin:5% auto 0;}
.bot-center{ width:92%; margin:0 auto 0; }
.bot-center li{ width:100%; float:left;}
.bot-center li:nth-child(1) h3{ width:100%;  clear:both;color:#fff; font-size:16px; font-weight:bold;}
.bot-center li:nth-child(1) a{ display:block; width:50%; float:left;color:#fff; font-size:14px; margin-top: 20px;}
.bot-center li:nth-child(2){ float: right; margin-top:20px; }
.bot-center li:nth-child(2) h3{ clear:both;color:#fff; font-size:16px; font-weight:bold;}
.bot-center li:nth-child(2) p{ clear:both;color:#85868c; font-size:14px; line-height: 28px; margin-top: 10px;}
.beian{ width:92%; margin: 20px auto 0; overflow:  hidden; color:#85868c;font-size:12px;}
.beian p{ text-align: center;}

}