body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, font { padding:0; margin: 0; }
body{font-family:"Microsoft YaHei";}
*{ margin:0; padding:0; list-style:none;}
fieldset, img { border:0; vertical-align:top; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
ol, ul, li, dl, dt, dd { list-style:none; }
input, button, textarea, checkbox, select, radio, form { vertical-align: top; }
a { color:#333333; text-decoration:none; }
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both; overflow:hidden;}
li{ list-style:none;}
.ov{ overflow:hidden;}
.clear{ clear:both;}
a{ text-decoration:none;}
p{ text-align:justify;}
.w1200{width:1200px; margin:0 auto; overflow:hidden;}
.pc-pages img{ max-width:100%; vertical-align:middle; }
input{ -webkit-appearance:none;}

.mains{margin:0 auto 0;width:90%; }
.header{width:100%; background: linear-gradient(73deg,#9B2BCC  0%, #5A67FF 100%);}
.fyy-ban{  width:100%; margin:0 auto 0; overflow:hidden; }
.logo{float:left;width:12.5%; height:80px; line-height:80px; text-align:center;}
.logo img{width:150px;}
.menu-fr{width:82.5%;float:right; overflow:hidden;}
.menu{  float:right; width:1050px;}
.menu_li{float:left;width:150px;height:80px; line-height:80px; }

.home a:before{content:""; display:inline-block; margin-right:6px; vertical-align:middle; width:22px; height:19px;    background: url(../images/home.png) no-repeat;background-size:cover;}
.menu_li a{display:block;color:#fff;text-align:center;font-size:16px; font-weight:800;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;transform:scale3d(1,1,1);}
.menu_li a:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;transform:scale3d(1.2,1.2,1.2);}
.menu_active{border-bottom:solid 1px #fff; }
.menu_line{display:none;position:absolute;left:0;top:75px;width:120px;height:5px;background-color:#fff;}
.down-ma{ position:relative;}
.down-cona{ width:200px; height:60px; line-height:60px;  position:absolute; top:80px; left:0;z-index:999; background-color:#fff; text-align:center; color:#333; font-size:16px; box-shadow:0px 0px 1px 1px #c6c6c6; display:none;}
.down-cona a{  font-size:16px; font-weight:normal;}
.down-cona a:hover{color:#1ebbf0;}
.down-ma:hover .down-cona{ display:block;}
.down-mb{ position:relative;}
.down-conb{ width:500px; padding:10px;  position:absolute; top:80px; left:-140px; z-index:999; background-color:#fff;  color:#333; font-size:16px; box-shadow:0px 0px 1px 1px #c6c6c6; overflow:hidden;display:none; }
.down-c{ width:450px; margin:20px auto 35px; overflow:hidden;}
.down-c div a{ font-weight:normal; display:block; line-height:22px; font-size:18px; margin-top:15px;}
.down-c div a:hover{color:#1ebbf0;}
.down-c div a em{ font-size:12px;}
.down-c div:nth-child(2){ margin:0 10px;}
.down-c div{ width:143.333px; float:left;}
.down-mb:hover .down-conb{ display:block; }
.jia,.jib{display:none}
#openMenu,.kong-r,.close-nav{ display:none;}
.banner_box{width:100%; margin:0 auto 0; overflow:hidden;position:relative; }
.banner_box ul li{width:100%; text-align:center;overflow:hidden;}
.center-box{ width:1200px; 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:80px 0;}
.part-aa{ width:100%; margin:0px auto 0;background: url(../images/qi-ye-hao.jpg) no-repeat; overflow:hidden; padding:70px 0;}
.part-b{ width:100%; margin:0px auto 0;background: #fff; overflow:hidden; padding:70px 0 0 0;}
.part-c{ width:100%; margin:0px auto 0;background: url(../images/dy-adv-bg.jpg) no-repeat; overflow:hidden; padding:70px 0;}
.common-tit{  font-size:45px; text-align:center; color:#fff; font-weight:bold;}
.common-fu{ font-size:20px; margin-top:10px; text-align:center}
.s-content{ width:100%; 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:32%; padding:20px 0; background-color:#fff; border-radius:20px; float:left;}
.s-content li:nth-child(3n){ margin-right:0;}
.s-content li .t-img{ width:22%;}
.s-content li h2{ color:#000; font-size:24px; margin-top:10px;}
.more-u{width: 144px;
	height: 43px;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	color: #FFFEFE;
	font-size:16px;
	line-height:43px;
	text-align:center;
	display: block; margin:15px auto 0;}
	
.s-contentaa{ width:100%; margin:2% auto 0; overflow:hidden;}
.s-contentaa li{ display: flex;margin-right:3%; margin-top:3%; flex-direction:  column;justify-content: center;align-items: center; overflow:hidden; width:22.75%; padding:40px 0; background-color:#fff; border-radius:20px; float:left;}
.s-contentaa li:nth-child(4n){ margin-right:0;}
.s-contentaa li .t-img{ width:22%;}
.s-contentaa li h2{ color:#000; font-size:24px; margin-top:10px;}


.s-comjj{ width:100%; margin:30px auto 70px; overflow:hidden;}
.s-comjj li{ width:48%; float:left; }
.s-comjj li h2{ font-size:24px; color:#0c1137;}
.s-comjj li h2:before{  content:""; display:inline-block; width:3px; height:24px; background:#0c1137; margin:0 5px 0 0; vertical-align:middle;}
.s-comjj li p{ font-size:16px; color:#333; text-indent:32px; line-height:24px; margin-top:5px;}
.s-comjj li:last-child{ float:right;}

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

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

.xxl-fw{width:1200px;  overflow:hidden; padding:50px 0;}
.xxl-fw li{ width:180px; float:left; overflow:hidden; background-color:#fff; height:250px; margin-right:24px;display: flex; align-items: center;justify-content: center; flex-direction: column; cursor:pointer;box-shadow: 1px 18px 34px rgba(0, 0, 0, 0.35);}
.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:50px; height:2px; background-color:#fff; margin:5px auto 15px; display:block;}
.xxl-fw li:last-child{ margin-right:0;}
.xxl-fw li h2{ color:#000; font-size:28px;}
.xxl-fw li h3{ color:#555; font-size:24px;}
.xxl-fw li p{ color:#555; font-size:15px; text-align:center; margin-top:15px; line-height:28px;}
.xxl-fw li p:before{content:""; width:50px; 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: 1200px; margin:0 auto; overflow:hidden;background: url(../images/rbt_img.jpg) no-repeat right #0c1137;position: relative;display: flex; align-items: center;justify-content: flex-start;}
input,textarea,select{ outline:none; }
.left-form{width:460px; margin-left:80px;}
.d-lia{color:#fff; font-size:24px; font-weight:bold;}
.d-lia span{color:#eeeeee; font-size:16px; font-weight:bold; margin-left:15px;}
.input-li{ width:100%; height:45px; overflow:hidden; line-height:45px; margin-top:20px;}
.input-li label{ float:left; color:#fff; font-size:16px; width:100px; text-align:center;}
.input-li input{ float:right; width:350px; height:45px; line-height:45px; border:solid 1px #eeeeee; background:#fff; text-indent:18px; border-radius:10px;}
.input-li select{ float:right; width:350px; 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:220px; height:50px; line-height:50px;  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:37%; float:right;  margin:0px auto 0; overflow:hidden;}


/**表单**/
.dys-ban{width:100%; margin:0 auto 0;background: url(../images/all-quan-an-banner.jpg) no-repeat center; background-size:100%;  overflow:hidden; padding:99px 0 240px 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:50px;
	font-weight: bold;
	margin-bottom:20px;
}
.header-bottom-title span::after{
	content:"";
	width:100%;
	height:2px;
	background:#FFCA38;
	display:block;
	margin-top:15px;
	margin-bottom:8px;
}
.header-bottom-title p{
	font-size:70px;
	color:#ffffff;
	line-height:87px;
}
.header-bottom-title .p1{
    font-weight: bold;
}
.header-bottom-title .p2{
}
.header-bottom-title  a{
	width: 280px;
    height: 58px;
    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: 58px;
	margin-top:50px;
}
.jjs1{ width:95%; margin:50px auto 0;}
.jjs2{ width:95%; margin:50px auto 0;}
.qy-jj{ overflow:hidden; margin:50px auto 0; background-color:#fff; border-radius:15px; overflow:hidden; padding:3%; box-sizing:border-box;}
.qy-jj li{ width:22.75%; float:left; margin-right:3%; overflow:hidden; height:180px;}
.qy-jj li:last-child{ margin-right:0;}
.qy-jj li .tt-img{ width:25%; margin:0 auto;}
.qy-jj li h2{ font-size:24px; text-align:center; margin-top:10px;}
.qy-jj li p{ font-size:16px; color:#555; text-align:center; margin-top:10px;}

.n-content{ width:100%; margin:2% auto 0; overflow:hidden; padding:30px 15px; box-sizing:border-box;}
.n-content li{ display: flex;margin-right:9.5%; margin-top:20px; flex-direction:  column;justify-content: center;align-items: center; overflow:hidden; width:27%; background-color:#fff; border-radius:10px; float:left;box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35); padding:10% 5%; box-sizing:border-box; height:350px;}
.n-content li:nth-child(3n){ margin-right:0;}
.n-content li:hover{margin-top:10px;}
.n-content li img{ width:88%;}
.n-content li p{ color:#555; font-size:18px; line-height:28px; margin-top:15px;}

.n-content1{width:100%; margin:5% auto 0; overflow:hidden;  box-sizing:border-box;}
.n-content1 li{ position:relative;margin-right:2%; margin-top:0;  overflow:hidden; width:23.5%; border-radius:10px; float:left; height:375px;}
.n-content1 li:last-child{ 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:20px; margin-top:20px;}
.n-content1 li .n-conb p{ color:#fff; font-size:14px; margin-top:10px; text-align:center;}

.qyh-use{width:100%; margin:50px auto;background: url(../images/privilege-each-bg.jpg) no-repeat center; overflow:hidden; padding:80px 0;}
.qyh-use dl{ width:1200px; margin:30px auto 0; background:#fff; border-radius:10px; padding:30px 50px; box-sizing:border-box; overflow:hidden;}
.qyh-use dl dt{ font-size:18px; color:#333;}
.qyh-use dl dt span{ font-size:20px;  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:40px; margin-right:5%; flex-direction:  row;justify-content: center;align-items: center; overflow:hidden; width:30%; float:left;}
.qyh-use dl dd:last-child{ margin-right:0;}
.qyh-use dl dd .tub-img{ width:20%;}
.qyh-use dl dd .br-jj{ width:75%; margin-left:5%;}
.qyh-use dl dd .br-jj h4{ font-size:18px; color:#000; margin-bottom:2%; font-weight:bold;}
.qyh-use dl dd .br-jj p{ font-size:14px; color:#333; line-height:20px; }

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

.ban-tits { width: 60%;margin:0px auto; overflow:hidden; float:left;}
.ban-tits p{width:100;font-size:36px;color:#ffffff;line-height:66px;}
.ban-tits .p1{font-weight: bold;}
.ban-tits .p2{  font-size:24px; line-height:32px;}
.ban-tits  a{width: 280px;height: 58px;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: 58px;margin-top:50px; overflow:hidden;}

.ban-titss { width: 1200px;margin:50px auto 0; overflow:hidden;}
.ban-titss p{width:800px;font-size:36px;color:#ffffff;line-height:66px;}
.ban-titss .p1{font-weight: bold;}
.ban-titss .p2{  font-size:16px; line-height:24px;}

.qh-box{ width:1200px; margin:50px auto 0;  overflow:hidden; border-bottom:solid 5px #fff; padding-bottom:20px;}
.qh-box li{ color:#fff; float:left;font-size:24px; 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:1200px; margin:50px 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:30px 60px; background-color:#5E37C6; border-radius:15px;}
.qh-con li .nya p{ color:#fff;}
.qh-con li .nya .pa{ font-size:18px;}
.qh-con li .nya .pb{ font-size:14px; margin-top:20px;}
.qh-con li .nya .pc{ font-size:18px; margin-top:20px;}
.qh-con li .nya .pc img{ margin-right:5px;}
.qh-con li .nya .pc span { margin-right:50px;}
.qh-con li .nya .pc span:last-child{ margin-right:0;}
.qh-con li .nyb{ margin:30px auto 0; overflow:hidden; padding:30px 60px; background-color:#5E37C6; border-radius:15px;}
.qh-con li .nyb .pd{font-size:18px;color:#fff;}
.qh-con li .nyb .qhc-box{ overflow:hidden; margin:30px auto 0;}
.qh-con li .nyb .qhc-box li{width:12%; float:left; height:40px; line-height:40px; background:rgba(255,255,255,.14); border-radius:40px; text-align:center; color:#fff; margin-right:10%; box-sizing:border-box; cursor:pointer;}
.qh-con li .nyb .qhc-box li:last-child{ 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:16px; color:#fff;}

.yytl-content{ width:1200px; margin:30px auto 0; overflow:hidden}
.yytl-content li{ width:49%; float:left; height:188px; border-radius:15px; margin-top:4%; color:#fff; padding:10px 25px; 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:63px; margin-top:-30px; }
.yytl-content li h4{ font-size:18px; padding-bottom:10px; border-bottom:solid 2px #fff; margin-top:10px;}
.yytl-content li p{ font-size:14px; margin-top:10px;}

.dy-hot-s{width:1200px; margin:50px auto 0; overflow:hidden}
.dy-hot-s li{ width:27%; margin-right:9.5%;box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35); box-sizing:border-box; height:220px; overflow:hidden; padding:10px 20px; box-sizing:border-box; float:left;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:25%;margin:10px auto 0; overflow:hidden; font-weight:bold;}
.dy-hot-s li h3{ text-align:center; font-size:20px; color:#000;margin-top:10px;}
.dy-hot-s li p{text-align:left; font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.dy-hot-s li .zxkf{ display:none; width:60%;height: 40px;line-height: 40px; background: #FFFFFF; border-radius: 27px;font-size: 18px;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:12px;}
.dy-hot-s li:hover .zxkf{ display:block;}

.part-e{ width:100%; margin:50px auto 0;background: url(../images/ad-bg.jpg) no-repeat center right;background-size:100%; overflow:hidden; padding:70px 0 150px 0;}
.yy-adv{width:1200px; margin:0 auto 0; overflow:hidden}
.yy-adv li{ width:23.5%; float:left; height:310px; border-radius:15px; margin-top:4%; 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:last-child{ margin-right:0;}
.yy-adv li .yy-adv-img{ width:63px; margin-top:-30px; }
.yy-adv li h3{ font-size:20px; font-weight:bold;  margin-top:30px; text-align:center;}
.yy-adv li p{ font-size:16px; margin-top:20px; line-height:28px}
.yy-adv .zxkfa{ width: 60%;height: 40px; background: linear-gradient(180deg, #5A67FF 0%, #9B2BCC 100%);border-radius: 20px;font-size: 18px;color: #FFFFFF;
display: block;line-height: 40px; text-align: center;margin: 30px auto 0; display:block;}

.part-f{ width:100%; margin:0px auto 80px;background: url(../images/qc-team.jpg) no-repeat center; background-size:100%;overflow:hidden; padding:70px 0 220px 0; color:#fff;}
.yy-sx{width:1200px; margin:50px auto 0; overflow:hidden}
.yy-sx li{ width:15%; float:left; height:210px; border-radius:15px; margin-top:2%; color:#333; margin-right:2%; overflow:hidden; box-sizing:border-box; }
.yy-sx li:last-child{ margin-right:0;}
.yy-sx li .yy-adv-img{ width:49%; margin:0 auto; }
.yy-sx li h3{ font-size:20px; color:#fff; font-weight:bold;  margin-top:20px; text-align:center;}
.yy-sx li p{ font-size:16px;color:#fff;  margin-top:5px; line-height:28px;text-align:center;}


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

.ban-titles1{width:1000px;color: #FFF;text-align: left; margin-left:50px;  overflow:hidden;}

.ban-tits1 { width: 900px;margin:0px auto; overflow:hidden;}
.ban-tits1 p{width:700px;font-size:45px;color:#ffffff;line-height:66px;}
.ban-tits1 .p1{font-weight: bold;}
.ban-tits1 .p2{  font-size:22px; line-height:38px; margin-top:20px}
.ban-tits1  a{width: 280px;height: 58px;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: 58px;margin-top:50px;}

.dsp-s{width:1200px; margin:50px auto 0; overflow:hidden}
.dsp-s li{ width:19%; margin-right:1.25%;box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35); box-sizing:border-box; height:250px; overflow:hidden; padding:10px 20px; box-sizing:border-box; float:left;transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.dsp-s li:last-child{ 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:20px; font-weight:bold; color:#000;margin-top:20px;}
.dsp-s li p{text-align:left; font-size:16px; line-height:28px; color:#333; margin-top:10px;}
.dsp-s li:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px); }	

.dspyy-wt{width:1200px; margin:30px auto 0; overflow:hidden}
.dspyy-wt li{ width:23.5%; float:left; height:100px; border-radius:15px; margin-top:4%; 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(4n){ 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:1200px; margin:30px auto 60px; overflow:hidden}
.dsp-blue-box li{ width:32%; float:left; height:160px; border-radius:15px; margin-top:30px; color:#333; padding:20px 10px; box-sizing:border-box; background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);box-shadow: 0px 3px 20px rgb(0 0 0 / 10%); margin-right:2%;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(3n){ margin-right:0;}
.dsp-blue-box li h3{ font-size:18px; font-weight:bold; color:#fff; text-align:left;}
.dsp-blue-box li p{ font-size:14px; line-height:20px; margin-top:10px; color:#fff;text-align:left;}

.dsp-blue-box2{width:1200px; margin:50px auto 0; overflow:hidden}
.dsp-blue-box2 li{ width:49%; float:left; height:210px; border-radius:15px; margin-top:30px; 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:2%;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:24px; vertical-align:middle;}
.dsp-blue-box2 li .blue-img2 img{ float:right; width:6%; vertical-align:middle;}
.dsp-blue-box2 li .blue-wz2{ width:100%; margin-top:15px}
.dsp-blue-box2 li:nth-child(2n){ margin-right:0;}
.dsp-blue-box2 li h3{ font-size:14px; line-height:22px; color:#fff; text-align:left;}
.dsp-blue-box2 li .a3l{ display:block; margin-top:20px; font-size:18px; color:#fff; text-align:left;}


.info-bans{ width:100%; margin:0 auto 0;background: url(../images/infor-banner.jpg) no-repeat center; background-size:120%;  overflow:hidden; padding:80px 0 190px 0;}


.xxl-s{width:1200px; margin:80px auto 0; overflow:hidden}
.xxl-s li{ width:22.75%; margin-right:3%;box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35); box-sizing:border-box; height:250px; overflow:hidden; padding:10px 20px; box-sizing:border-box; float:left;transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.xxl-s li:last-child{ margin-right:0;}
.xxl-s li .xxl-img{ width:30%;margin:10px auto 0; overflow:hidden; font-weight:bold;}
.xxl-s li h3{ text-align:center; font-size:20px; font-weight:bold; color:#000;margin-top:20px;}
.xxl-s li p{text-align:center; font-size:16px; line-height:28px; color:#333; margin-top:10px;}
.xxl-s li:hover{transform: translateY(-5px); -webkit-transform: translateY(-5px); }	
.xx-solve{ width:20%;  margin:40px auto 0; overflow:hidden;}
.xx-solve a{width:100%; font-size:24px; display:block;height:60px; text-align:center; line-height:60px;background: linear-gradient(180deg, #F0CD46 0%, #EE5768 100%);border-radius:30px; color:#fff; font-weight:bold;}


.part-g{ width:100%; margin:50px auto 0;background: url(../images/infor-one-stop-bg.jpg) no-repeat center right;background-size:200%; overflow:hidden; padding:70px 0 150px 0;}

.xxl-adv-box{ width:1200px; margin:50px auto 0;display: flex;flex-direction:row;justify-content: space-between;align-items: center; overflow:hidden;background-color:#fff; border-radius:15px;}
.xxl-adv-box li:nth-child(1){width:65%; float:left; overflow:hidden;}
.xxl-adv-box li:nth-child(2){width:40%; float:right; overflow:hidden;}
.xxl-adv-box .top-one{ width:82%; margin:20px 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:18px; color:#333;}
.xxl-adv-box .top-one img{ width:30px;}
.xx-solve2{ width:30%;  margin:40px 0 0 9%;  overflow:hidden;}
.xx-solve2 a{width:100%; font-size:18px; display:block;height:40px; text-align:center; line-height:40px;background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);border-radius:30px; color:#fff; font-weight:bold;}
.jjsss{ margin:80px auto 100px;}

.case-bans{ width:100%; margin:0 auto 0;background: url(../images/case-banner.jpg) no-repeat center; background-size:100%;  overflow:hidden; padding:80px 0 190px 0;}
.videos_case-list{ width:1200px; margin:50px auto 0; overflow:hidden;}
.videos_case-list li{ width:23.5%; margin-right:2%; float:left; margin-top:3%; text-align:center; overflow:hidden;}
.videos_case-list li:nth-child(4n){ margin-right:0;}
.videos_case-list .video_con{ width:100%; height:389px; 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:16px; text-align:center; margin:20px auto 0; overflow:hidden;}
.jianju{ margin:80px auto;}
.conatct-bans{ width:100%; margin:0 auto 0;background: url(../images/contact.jpg) no-repeat center; background-size:100%;  overflow:hidden; height:580px; }
.jianjus{ margin:0 auto 80px; padding:0;}
.contatc-box{ width:550px; margin:50px auto 0;}

/****/




.in-fra{font-size:36px; color:#333; font-weight:bolder;}
.in-frb{ margin-top:20px; font-size:24px; color:#888;}
.in-frb a{color:#F00; font-weight:bold; font-size:16px; margin-top:5px;}
.in-frc{ margin-top:10px; font-size:24px; color:#888;}
.in-frc img{ width:79px; display:inline-block; vertical-align:bottom;}



.bottom-part{ padding:30px 0; overflow:hidden; font-size:14px;  background-color:#1a1c20; margin:50px auto 0;}
.bot-center li{ width:49%; 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(1) a:hover{color:#1ebbf0;}
.bot-center li:nth-child(2){ float: right; }
.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{ margin: 20px auto 0; overflow:  hidden; color:#85868c;font-size:14px; line-height: 24px;}
.beian p{ text-align: center; }



#gotop{ width:40px; background:rgba(0,0,0,.5);   position:fixed; bottom:15px; right:15px; display:none;}

.index-jj{ margin:80px auto 80px;}