/*
@font-face {
    font-family: HarmonyOS_Sans_SC_Black;
    src: url("/public/font/HarmonyOS_Sans_SC_Black.ttf");
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Bold;
    src: url("/public/font/HarmonyOS_Sans_SC_Bold.ttf");
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Light;
    src: url("/public/font/HarmonyOS_Sans_SC_Light.ttf");
}

@font-face {
    font-family: HarmonyOS-Sans-SC-Medium;
    src: url("/public/font/HarmonyOS_Sans_SC_Medium.ttf");
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Regular;
    src: url("/public/font/HarmonyOS_Sans_SC_Regular.ttf");
}

@font-face {
    font-family: HarmonyOS_Sans_SC_Thin;
    src: url("/public/font/HarmonyOS_Sans_SC_Thin.ttf");
}
@font-face {
    font-family: ITCAvantGardeStd-Bold;
    src: url("/public/font/ITCAvantGardeStd-Bold.otf");
}
*/

body{
	font-size:14px;
	font-family: 'PingFangSC-Regular', 'helvetica neue', tahoma, 'PingFang SC', 'microsoft yahei', arial, 'hiragino sans gb', sans-serif;
	-webkit-font-smoothing:antialiased;
	letter-spacing:1px;
	color: #333333;
}
*{
	padding:0px;
	margin:0px;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
	color:#333333;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    -ms-interpolation-mode: bicubic;
    border: none;
    height: auto;
    width: auto\9;
    max-width: 100%;
}
input,select{
	outline:none;
}
select option{
	padding:5px 0px;
    color: #C9C9C9;
}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #C9C9C9;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #C9C9C9;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #C9C9C9;
}
.clear{
	clear:both;
}
.fl {
    float: left;
}
.fr{
	float:right;
}

.index-banner img{
	width:100%;
	min-width: 1360px;
}
 header,section {
        width: 100%;
    }

    header {
        position: fixed;
        height: 74px;
        color: #ccc;
        z-index: 999;
        top:0;
    }

    header.fixed {
        height: 70px;
    }

    header .logo {
        position: fixed;
        top: 24px;
        left: 50px;
        width: 180px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .logo {
        width: 180px;
        top: 7px;
    }

    header .words {
        display: block;
        position: fixed;
        top: 40px;
        left: 250px;
        letter-spacing: 1px;
        font-weight: normal;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .words {
        top: 23px;
        left: 185px;
        font-size: 16px;
        font-weight: 400;
    }

    header nav.menu {
        margin: 36px 0 0 110px;
        text-align: center;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed nav.menu {
        margin: 22px 0 0 85px;
    }

    header nav.menu ul li {
        margin: 0 12px;
        font-size: 20px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

     header.fixed nav.menu ul li {
        margin: 0 10px;
        font-size: 20px;
        position: relative;
        height: 48px;
    }
    header.fixed nav.menu ul li div{
        position: absolute;
        left:0;
        top:48px;
        width: 140px;
        text-align:center;
        display: none;
    }
    header.fixed nav.menu ul li div .bg1{
        position: absolute;
        left:0;
        top:0;
        background: #111;
        -moz-opacity: 0.6;
        opacity: 0.6;
        width: 100%;
        z-index:-1;
        display: block;
        height: 60px;
    }
    header.fixed nav.menu ul li div.active{
        display: block;
    }
    header.fixed nav.menu ul li div a{
        display: block;
        line-height: 30px;
        
    }

    header nav.menu ul li a {
        color: #ccc;
        letter-spacing: 2px;
        cursor: pointer;
    }

    header nav.menu ul li a:hover,
    header nav.menu ul li.active a {
        /*color: #00dfb9;*/
        text-decoration: none;
    }

    header nav.menu .line {
        position: absolute;
        top: -99999px;
        width: 0px;
        height: 3px;
        font-size: 3px;
        background-color: #00dfb9;
        display: none;
    }

    header .hotline {
        position: fixed;
        top: 32px;
        right: 215px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline {
        top: 20px;
        right: 185px;
    }

    header .hotline span {
        position: fixed;
        color: #00dfb9;
        font-family: Arial;
        font-weight: bold;
        font-size: 26px;
        letter-spacing: 1px;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline span {
        font-size: 20px;
    }

    header .hotline u {
        position: fixed;
        top: 35px;
        right: 230px;
        display: block;
        width: 30px;
        height: 30px;
        text-decoration: none;
        background: url(/static/images/icons.png) no-repeat;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .hotline u {
        top: 20px;
        right: 195px;
    }

    header .hotline a {
        color: #00dfb9;
    }

    header .menu-icon {
        position: fixed;
        top: 34px;
        right: 48px;
        font-size: 24px;
        color: #00dfb9;
        z-index: 99;
        display: none;
    }

    header.fixed .menu-icon {
        top: 18px;
    }

    header .menu-icon a {
        color: #00dfb9;
        text-decoration: none;
    }

    header .menu-icon span {
        margin-left: 15px;
        -moz-opacity: 0.5;
        opacity: 0.5;
        cursor: pointer;
        /*-webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;*/
    }

    header .menu-icon span.glyphicon-earphone {
        display: none;
    }

    header .menu-icon span:hover,
    header .menu-icon span.active {
        -moz-opacity: 1;
        opacity: 1;
        /*-webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;*/
    }

    header .bg {
        position: absolute;
        top: 0px;
        width: 100%;
        height: 0px;
        background: #111;
        -moz-opacity: 0.6;
        opacity: 0.6;
        z-index: -1;
        /*-webkit-transition: all .2s ease-in-out 0s;
        -moz-transition: all .2s ease-in-out 0s;
        -ms-transition: all .2s ease-in-out 0s;
        -o-transition: all .2s ease-in-out 0s;
        transition: all .2s ease-in-out 0s;*/
    }

    header.fixed .bg {
        height: 70px;
    }

    .list-inline {
        padding-left: 0;
        margin-left: -5px;
        list-style: none
    }

    .list-inline>li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

    img {
        max-width: 100%;
    }


section.contact {
	position: relative;
	background: url(/static/images/wallpaper8.jpg) 50% bottom;
	-moz-background-size: cover;
	background-size: cover;
}

.contact .box {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 330px;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

.contact .box .above {
	padding-top: 90px;
	width: 100%;
	height: 200px;
	-moz-opacity: 0;
	
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.contact.active .box .above {
	top: 0px;
	-moz-opacity: 1;
	opacity: 1;
}

.contact .box .above .wechat {
	float: left;
}

.contact .box .above .left {
	float: left;
	margin: -12px 0px 0px 70px;
}

.contact .box .above .left a.tel {
	display: block;
	margin: 10px 0px 15px 0px;
	width: 243px;
	height: 37px;
	text-decoration: none;
	/*background: url(/static/images/words.png) no-repeat 0px -877px;*/
}

.contact .box .above .left p {
	margin-top: 8px;
	color: #FFF;
	line-height: 26px;
    text-align: justify;
}

.contact .box .above .left a {
	color: #FFF;
	text-decoration: none;
}

.contact .box .above .left p u {
	margin: 0 5px;
	text-decoration: none;
}

.contact .box .above .left p a.job {
	margin-left: 20px;
	color: #d00000;
	font-weight: bold;
    text-align: justify;
}

.contact .box .above .left p a.job:hover {
	border-bottom: 1px solid #d00000;
}

.contact .box .above .right {
	float: right;
	
	color: #FFF;
	line-height: 32px;
    text-align: justify;
    margin-top: 10px;
}

.contact .box .above .right u {
	margin: 0 5px;
	text-decoration: none;
}

.contact .box .below {
	position: relative;
	padding-top: 50px;
	width: 100%;
	border-top: 1px dotted #ccc;
}

.contact .box .below i {
	display: block;
	position: relative;
	top: 300px;
	margin: 0 auto;
	width: 424px;
	height: 86px;
	background: url(/static/images/words.png) no-repeat 0px -787px;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .6s ease-in-out 0s;
	-moz-transition: all .6s ease-in-out 0s;
	-ms-transition: all .6s ease-in-out 0s;
	-o-transition: all .6s ease-in-out 0s;
	transition: all .6s ease-in-out 0s;
}

.contact.active .box .below i {
	top: 0px;
	-moz-opacity: 1;
	opacity: 1;
}


.contact .box{width: 1200px; font-size: 16px; font-family: "Microsoft Yahei", "微软雅黑", Helvetica, Arial, sans-serif;}
.contact .box .above .left a.tel{background: none; height: auto; font-size: 36px; color: #00dfb9; font-weight: bold;}
.contact .box .above .left a.tel{width: 270px;}
.contact .box .above .left{margin-left: 170px;}
.header-bottom-title {
    width: 1360px;
    margin:0px auto;
}
.header-bottom-title span{
	color: #65CCB7;
	display: inline-block;
	font-size:28px;
	font-weight: bold;
}
.header-bottom-title span::after{
	content:"";
	width:100%;
	height:2px;
	background:#65CCB7;
	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:145px;
}
.header.fixed {
    box-shadow: 0 6px 24px rgb(0 0 0 / 16%);
}
.header.fixed {
    background-color: #1F4485;
}
.data_wrap{
	position: absolute;
    width: 100%;
    height: 172px;
    left: 0;
    bottom: 105px;
    z-index: 1;
}
.block_box {
    width: 1360px;
    height: 172px;
    margin: 0 auto;
	background: #FFFFFF;
	box-shadow: 2px 15px 34px rgba(186, 185, 185, 0.35);
	border-radius: 100px;
}
.data-desc{
	font-size: 18px;
	padding-bottom:8px;
}
.data_li{
	display: inline-block;
    width: 24.5%;
    text-align: center;
    padding-top: 45px;
	position:relative;
}
.plus{
	position:absolute;
}
#year,#servicer-number,#servicer-people,#servicer-pix{
	font-size: 42px;
	color: #5A67FF;
	    font-weight: bold;
}
.common_title{
	text-align:center;
}
.common_title p{
	font-size:46px;
	font-weight: bold;
}
.common_title span{
	font-size:22px;
	padding-top:15px;
	display:block;
}
.enterprise{
	height: 1317px;
    background: url(../image/qi-ye-hao.jpg) no-repeat top/contain;
   -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
	color:#ffffff;
	margin-top:50px;
	padding-top:70px;
}
.enterprise-list{
	float: left;
    background: #fff;
    box-shadow: 1px 18px 34px rgb(108 35 108 / 35%);
    border-radius: 10px;
    width: 100%;
    color: #333;
	margin-top:35px;
}
.enterprise-list ul li{
	float: left;
    padding: 55px 0px 85px 0px;
    width: 25%;
    text-align: center;
}
.enterprise-list ul li img{
	height:54px;
}
.enterprise-list ul li h4{
	font-size: 18px;
    line-height: 36px;
    padding-top: 5px;
}
.open-enterprise.wrap{
	margin-top:70px;
}
.enterprise-list ul li p{
	font-size: 14px;
	line-height: 24px;
	color: #7B7B7B;
	padding-top: 10px;
}
.open-enter-list{
	margin-top: 40px;
    clear: both;
    display: inline-block;
}
.open-enter-list .list img{
	height:150px;
}
.open-enter-list .list{
	float:left;
	width: 317px;
	height: 266px;
	box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);
	border-radius: 10px;
	text-align: center;
	padding:35px 15px 0px 15px;
	margin-right:159px;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.open-enter-list .list:hover{
	transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.open-enter-list .list:last-child{
	margin-right:0px;
}
.open-enter-list .list p{
	color:#969696;
	font-size:16px;
	padding-top:10px;
}
.privilege.wrap{
	margin:80px auto;
}

.privilege-each{
	background: url(../image/privilege-each-bg.jpg) no-repeat;
    width: 1175px;
    height: 1210px;
    padding: 0px 92.5px;
    padding-top: 80px;
	margin-top: 50px;
}
.privilege-each .each{
	background: #ffffff;
    box-shadow: 1px 18px 34px rgb(108 35 108 / 35%);
    border-radius: 10px;
    padding: 40px 90px;
    overflow: hidden;
    margin-bottom: 60px;
}
.privilege-each .each p.subtitle{
	font-size: 18px;
    border-bottom: 1px dotted #7f7f7f;
    padding-bottom: 25px;
    margin-bottom: 25px;

}
.privilege-each .each p.subtitle span{
	color: #7B7B7B;
	padding-left:25px;
}
.privilege-each .each img{
	height:69px;
}

.privilege-each .each h4{
	font-size: 18px;
    padding-bottom: 10px;
}

.privilege-each .each li p{
	font-size: 14px;
	line-height: 20px;
	color: #7B7B7B;
}
.privilege-each .each li{
	position: relative;
    padding-left: 85px;
    width: 24.7%;
    float: left;
    text-align: left;
}

.privilege-each .each li img{
	position:absolute;
	top:0px;
	left:0px;
}
.demand{
	margin-right:-44px;
}
.demand li{
	float:left;
	position:relative;
	width:307px;
	margin-right:44px;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.demand li:hover{
	transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.demand li .title0{
	position: absolute;
    color: #fff;
    z-index: 1;
    top: 30%;
    width: 100%;
    text-align: center;
}
.demand li .title0 img{
	height:54px;
}
.demand li .title0 h4{
	padding:25px 0px;
	font-size:18px;
}
.open-enterprise .subtitle{
	font-size:26px;
	color:#969696;
	padding:75px 0px 35px 0px;
	text-align:center;
}
.banner{
    position: relative;
}
.banner-title .header-bottom-title{
	position: absolute;
    top: 50%;
    left: 50%;
    margin-bottom: 0;
    color: #FFF;
    text-align: left;
    transform: translate(-50%,-50%);
}
.banner .banner-title .header-bottom-title,.yuny .banner-title .header-bottom-title{
	top: 40%;
	transform: translate(-50%,-40%);
}
.index-banner .data_wrap{
	position:static;
	margin:50px auto;
}
.dy-service-content{
	position:relative;
	overflow:hidden;
}

.dy-service-content .common_title p{
	color:#ffffff;
	padding-top:40px;
}
.index-dy-each{
	text-align:center;
	margin-top:50px;
}
.index-dy-each .each{
	width: 236px;
	height: 226px;
	background: #ffffff;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
	border-radius: 24px;
	display:inline-block;
	margin:0px 39px;
	text-align:center;
	padding-top:35px;
	margin-bottom:40px;
	color:#333333;
}
.enterprise .index-dy-each{
	margin-bottom:30px;
}
.index-dy-each .each img{
	height:87px;
}
.index-dy-each .each h4{
	font-size: 22px;
	padding:26px 0px;
}

.index-dy-each .each .url0{
	font-size: 16px;
	color: #969696;
}
.dy-case.wrap {
	margin:90px auto 0px auto;
}
.case-list{
	margin-top:70px;
}
.case-list .info:nth-child(2n){
	margin-right:0px;
}
.case-list .info{
	width: 605px;
	height: 342px;
	background: rgba(255, 255, 255, 0.39);
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
	float:left;
	margin-right:150px;
	margin-bottom:75px;
}
.case-list .case-text{
	float:left;
	padding:64px 0px 0px 40px;
}
.case-img-show{
	float:right;
}
.case-list .case-text span{
	font-size: 22px;
	line-height: 32px;
}
.case-list .case-text p{
	font-size: 16px;
	line-height: 32px;
	padding:20px 0px;
}
.case-list .case-text .url1{
	width: 144px;
	height: 43px;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	color: #FFFEFE;
	font-size:14px;
	line-height:43px;
	text-align:center;
	display: block;
}
.dy-adv{
	position:relative;
	overflow:hidden;
	margin-top:50px;
}
.dy-adv .contents{
	position: absolute;
    width: 1360px;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
}	
.dy-adv .common_title{
	color:#ffffff;
}
.dy-adv .common_title span{
	padding-top:13px;
	display:block;
}
.wrap{
	max-width:1360px;
	margin:0px auto;
}
.dy-adv .adv-list{
	margin-top:70px;
}
.dy-adv .adv-list ul{
	margin-right:-124px;
}
.dy-adv .adv-list li{
	width: 300px;
	height: 429px;
	background: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
	text-align:center;
	padding:60px 35px;
	float:left;
	margin-right:124px;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.dy-adv .adv-list li:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.dy-adv .adv-list li:hover .a2{
	color:#665bf5
}
.dy-adv .adv-list li h4{
	font-size: 22px;
    padding: 28px 0px 20px 0px;
}
.dy-adv .adv-list li p{
	height: 126px;
	font-size: 16px;
	line-height: 32px;
	color: rgba(51, 51, 51, 0.5);
}
.dy-adv .adv-list li .a2{
	font-size: 16px;
    color: #333333;
    display: block;
    padding-top: 25px;
}
.dy-adv .adv-list li i{
	padding-left: 5px;
    position: relative;
    top: 3px;
}
.dy_operat_box{
	margin-top:90px;
}
.dy_operat_left{
	width:990px;
	float:left;
}

.dy_operat_left .list{
	width: 225px;
	height: 144px;
	background: #FFFFFF;
	box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);
	border-radius: 24px;
	text-align:center;
	padding:80px 0px;
	float:left;
	margin-right:21px;
	margin-bottom:32px;
}
.dy_operat_left .list p{
	font-size:22px;
	padding-top:40px;
}
.dy_operat_right{
	width:370px;
	float:right;
	background:url("../image/rectangle_03.png") no-repeat;
	height:577px;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
	text-align:center;
	padding-top:63px;
	color:#ffffff;
}
.dy_operat_right p{
	font-size:22px;
	padding-top:60px;
}
.dy_operat_right span{
	font-size:16px;
	line-height:32px;
	padding-top:30px;
	display:block;
	opacity: 0.76;
}
.dy_operat_right .a0{
	display:block;
	width: 170px;
	height: 48px;
	background: linear-gradient(135deg, #93F6A5 0%, #58D2E5 100%);
	border-radius: 24px;
	font-size: 16px;
	margin:70px auto 0px auto;
	line-height:48px;
	color: #fff;
}
.wrap::after{
	content:'';
	width:100%;
	display: inline-block;
}
.hot_services{
	margin-top:100px;
}
.serive_list .list_each h4{
	font-size: 22px;
	color: #000000;
	padding-top: 15px;
}
.serive_list .sub_green{
	font-size:16px;
	line-height: 24px;
	color: #65CCB7;
	padding:28px 0px;
}
.serive_list .detial_p{
	font-size:16px;
	line-height: 26px;
	color: #969696;
}
.serive_list .list_each{
	width: 280px;
	height: 432px;
	box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);
	border-radius: 10px;
	text-align:center;
	padding:38px 50px;
}
.serive_list .list_each .a4{
	width: 202px;
	height: 53px;
	background: #5A67FF;
	border-radius: 27px;
	display:block;
	font-size: 18px;
	line-height: 21px;
	color:#ffffff;
	line-height:47px;
	margin:28px auto 0px auto;
}
.serive_list .list_each .a4 i{
	padding-left: 15px;
    padding-top: 2px;
    position: relative;
    top: 3px;
}
.hot_services .serive_list {
	margin-right:-109px;
	margin-top:70px;
}
.hot_services .serive_list .list_each{
	float:left;
	margin-right:109px;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.hot_services .serive_list .list_each:hover{
	transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.aboutus{
	margin-top:25px;
}
.about_left{
	width:630px;
	float:left;
}
.about_right{
	float:right;
}
.about_left_title{
	padding-bottom:34px;
}
.about_left_title p{
	font-size:36px;
	font-weight: bold;
}
.about_left_title span{
	font-size:20px;
	display:block;
	padding-top:5px;
}
.about_left_cont{
	font-size:16px;
	line-height: 32px;
	color: #7B7B7B;
}
.about_left_cont p{
	padding-bottom:25px;
}
.partner{
	margin-top:80px;
}
.partner .common_title p{
	font-size:36px;
}
.partner .common_title span {
    font-size: 20px;
    padding-top: 10px;
	display:block;
	padding-top:25px;
}
.partner_box ul li{
	width:100%;
	padding:45px 0px;
	border-bottom:1px dotted #707070;
}
.partner_box{
	margin-top:20px;
}
.partner_box ul li:nth-child(1) a{
	margin-right:126px;
}
.partner_box ul li:nth-child(2) a{
	margin-right:115px;
}
.partner_box ul li:nth-child(3) a{
	margin-right:160px;
}
.partner_box ul li:nth-child(4) a{
	margin-right:128px;
}
.partner_box ul li a:last-child{
	margin-right:0px;
}
.partner_box ul li:last-child{
	border-bottom:none;
}
.team{
	position:relative;
	overflow:hidden;
	margin-top: 150px
}
.team .common_title{
	color:#ffffff;
}
.team .swiper-container{
	width:1048px;
	margin-top:80px;
	padding-bottom:60px;
}
.team .swiper-slide .people_img {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.team .swiper-slide .introduction{
	opacity:0;
	padding-top:35px;
	text-align:center;
	color:#ffffff;
}
.team .swiper-slide-active .people_img,.swiper-slide-duplicate-active .people_img{
    transform: scale(1);
}
.team .swiper-slide-active .introduction,.swiper-slide-duplicate-active .introduction{
	opacity:1;
}
.team .swiper-slide .introduction p{
	font-size:26px;
	padding:20px 0px;
}
.team .swiper-slide .introduction span{
	display:block;
	font-size:20px;
	width: 300px;
    position: relative;
    left: -58px;
}
.team .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
	background:none;
	border:1px solid #ffffff;
}
.team .swiper-pagination-bullet-active{
	background:#ffffff;
}
.team .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:0px 8px;
}
.customer-list{
	position:relative;
}
.team .swiper-button-next,.team .swiper-container-rtl .swiper-button-prev {
    background:url("../image/arrow-right.png") no-repeat;
	width:44px;
	height:44px;
    right: 10px;
    left: auto;
	top: 31%;
}
.team .swiper-button-prev{
	background:url("../image/arrow-left.png") no-repeat;
	width:44px;
	height:44px;
	top: 31%;
}
.submit_cont_data_set{
	background:#ffffff;
	padding:45px 90px;
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
	margin-top: 80px;
}
.submit_pro {
    display: inline-block;
	margin-right:30px;
}
.submit_pro input,.submit_pro select{
	width: 255px;
	height: 80px;
	background: #FFFFFF;
	border: 1px solid #DF99F7;
	border-radius: 10px;
	line-height:80px;
	font-size:16px;
	color:#C9C9C9;
	padding-left:15px;
}
.submit_cont_data_set_btn{
	    width: 270px;
    height: 80px;
    background: linear-gradient(73deg, #C84FEF 0%, #9A4CEA 100%);
    border-radius: 10px;
    display: inline-block;
    vertical-align: top;
    color: #ffffff;
    font-size: 20px;
    line-height: 80px;
    text-align: center;
}
.footer{
	width:100%;
	height:2px;
	background:#f9f9f9;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	margin-top:100px;
}
.footer-menu{
	width:1100px;
	float:left;
}
.footer-menu ul li{
	float:left;
	margin-right:60px;
}
.footer-menu ul li a{
	font-size:18px;
	font-weight: bold;
}
.footer-logo{
	width: 128px;
    float: right;
    position: relative;
    top: -7px;
}
.footer-top{
	padding-bottom:105px;
	padding-top:70px;
}
.footer-contact-left{
	width:70%;
	float:left;
	margin-top: 30px;
}
.service-list{
	margin-top:15px;
}
.footer-contact-left .foot-address p{
	font-size:15px;
}
.footer-contact-left p{
	font-size:15px;
	color: #7B7B7B;
	padding-bottom:15px;
}
.foot-address{
	float: left;
    margin-right: 80px;
}
.footer-contact-left p span{
	color:#000000;
}
.footer-contact-right{
	float:right;
}
.footer-contact-right p{
	font-size: 18px;
	padding-bottom:5px;
	padding-left: 13px;
}

.footer-contact-right ul li{
	float:right;
	text-align:center;
	padding-left:15px;
}
.footer-contact-right ul li span{
	display:block;
	padding-top:10px;
}
.foot-contact{
	overflow: hidden;
    padding-bottom: 30px;
}
.foot-contact::after{
	content:'';
	display:inline-block;
	zoom:1;
}
.copy-right  {
	border-top:1px solid #BFBFBF;
	padding:50px 0px 30px 0px;
	text-align:center;
}
.b1p-lis {
    position: relative;
    display: none;
    width: 100%;
}

.warp_about{
	position:relative;
	overflow:hidden;
	margin-top: 50px;
}
.warp_about .common_title p{
	color: #fff;
    text-align: left;
    padding-bottom: 60px;
	font-size: 36px;
}
.b1p-lis-block {
    display: block !important;
    width: 100%;
    transition: all 0.3s;
}
.b1-p-list{
	height: 508px;
	margin: 0px auto;
	background: #ffffff;
	box-shadow: 0px 3px 20px rgba(216, 178, 178, 0.15);
	border-radius: 5px;
	padding:50px 70px;
}
.b1p-l1 {
	width:449px;
	float:left;
}
.b1p-l2 {
	width: 500px;
    float: left;
    margin-left: 220px;
}
.b1p-l2 li{
	font-size: 16px;
    line-height: 42px;
    color: #7B7B7B;
    padding-bottom: 9px;
	transition: all ease-out .3s;
	font-weight:bold;
	position:relative;
}
.b1p-l2 li.b1p-l-act{
	margin-left:-15px;
	transition: all ease-out .3s;
	color: #F80D4A;
}
.b1p-l2 li:hover:before,.b1p-l2 li.b1p-l-act:before {
    content: " ";
    display: block;
    width: 120px;
    height: 1px;
    border-bottom: 1px dotted #F80D4A;
    position: relative;
    right: 30%;
    top: 22px;
}
.b1p-l2 li:hover:after ,.b1p-l2 li.b1p-l-act:after{
    content: " ";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #F80D4A;
    border-radius: 50%;
    position: absolute;
    left: -33px;
    top: 21px;
}
.b1p-l2 li:hover i:after,.b1p-l2 li.b1p-l-act i:after{
	content: " ";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #F80D4A;
    border-radius: 50%;
    position: absolute;
    left: -162px;
    top: 21px;
}

/*******************/

.header-bottom-title .p3{
	font-size:20px;
	line-height: 36px;
	padding-top:15px;
}
.rz .header-bottom-title a{
	margin-top:65px;
}
.rz .submit_cont_data_set{
	position: absolute;
    width: 100%;
    left: 0;
    bottom: 30px;
    z-index: 100;
	background:none;
	box-shadow:none;
	padding:0px;
}
.cont_data_set{
	width: 1360px;
    margin: 0 auto;
	background: #ffffff;
    padding: 45px 0px;
    box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
    border-radius: 10px;
	text-align: center;
}
.whydiv ul{
	margin-right:-48px;
}
.whydiv ul li img{
	width:74px;
}
.whydiv ul li{
	float: left;
    width: 291px;
    height: 250px;
    box-shadow: 0px 0px 30px rgb(223 211 253 / 35%);
    border-radius: 10px;
    margin-right: 48px;
    padding: 45px 65px;
    margin-bottom: 48px;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.whydiv ul li:hover{
	transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.why{
	margin-top:60px;
}
.part::after{
	content:'';
	display:block;
	clear:both;
	zoom:1;
}
.whydiv{
	margin-top:65px;
}
.whydiv h4{
	font-size: 22px;
	padding:30px 0px 25px 0px;
}
.whydiv p{
	font-size:16px;
	line-height:32px;
}
.annoyance{
	margin-top:70px;
}
.annoyancelist{
	margin-top:45px;
}
.annoyancelist .each:nth-child(3n) {
	margin-right:0px;
}
.annoyancelist .each{
	width: 435px;
	height: 501px;
	box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35);
	border-radius: 24px;
	float:left;
	margin-right:27px;
	margin-bottom:35px;
	text-align:center;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;	
}
.annoyancelist .each:hover{
	transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}

.annoyancelist .each:hover .a2 {
    color: #b75bfa;
}


.annoyancelist .each .top{
	font-size:22px;
	padding:30px 0px 20px 0px;
	font-weight:bold;
}
.annoyancelist .each .annodetial{
	width: 361px;
	height: 126px;
	font-size: 16px;
	line-height: 32px;
	color: rgba(51, 51, 51, 0.5);
	padding:0px 40px;
}
.annoyancelist .each .a2{
	font-size:16px;
}
.annoyancelist .each .a2 i{
	padding-left: 10px;
    position: relative;
    top: 3px;
}
.annoyancelist .each img{
	border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.category{
	margin-top:55px;
}
.categorydiv{
	box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);
	border-radius: 0px 24px 24px 0px;
	overflow:hidden;
	margin-top:45px;
}
.categorydiv_l{
	width:246px;
	float:left;
	background:url("../image/categorydiv_l.png") no-repeat;
	height:375px;
	text-align:center;
	color:#ffffff;
	padding:0px 62px;
	padding-top:265px;
}
.categorydiv_r{
	width:990px;
	float:left;
}
.categorydiv_l p{
	font-size:22px;
}
.categorydiv_l span{
	font-size:18px;
}
.categorydiv_l ul{
	margin-top:35px;
}
.categorydiv_l ul li {
    display: inline-block;
    width: 117px;
	height: 47px;
	background: #FFFFFF;
	opacity: 0.36;
	border-radius: 24px;
	line-height:47px;
	margin-bottom:10px;
}
.btn_a{
	width: 170px;
	height: 48px;
	background: linear-gradient(135deg, #93F6A5 0%, #58D2E5 100%);
	border-radius: 24px;
	font-size: 16px;
	display:block;
	line-height:48px;
	color:#ffffff;
	margin:20px auto 0px auto;
}
.categorydiv_r ul li{
	float: left;
    border-right: 1px dotted #B9B9B9;
    border-bottom: 1px dotted #B9B9B9;
    padding: 95px 0px;
    text-align: center;
    width: 163px;
}
.categorydiv_r ul li img{
	height:60px;

}
.categorydiv_r ul li p{
	font-size:16px;
	padding-top:45px;
}
.categorydiv_r ul li:nth-child(6n){
	border-right:none;
}
.categorydiv_r ul li:nth-child(7),.categorydiv_r ul li:nth-child(8),.categorydiv_r ul li:nth-child(9),.categorydiv_r ul li:nth-child(10),.categorydiv_r ul li:nth-child(11),.categorydiv_r ul li:nth-child(12){
	border-bottom:none;
}
.dian-type{
	margin-top:70px;
}
.typediv{
	margin-top:45px;
}
.typediv ul{
	margin-right:-114px;
}
.typediv ul li{
	width: 398px;
	height: 97px;
	background: #8053F7;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	color:#ffffff;
	position:relative;
	padding:29px 70px 29px 155px;
	float: left;
	margin-right:114px;
	margin-bottom:26px;
}
.typediv ul li img{
    display: block;
    position: absolute;
    top: 48px;
    left: 56px;
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: bottom;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.typediv ul li span{
	font-size:18px;
	font-weight:bold;
}
.typediv ul li p{
	line-height: 24px;
	padding-top:10px;
}
.cando{
	margin-top:74px;
	background: url(../image/cando-bg.jpg) no-repeat top/contain;
   -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
	width:100%;
	height:995px;
	padding-top:80px;
}
.cando .common_title{
	color:#ffffff;
}
.candodiv{
	margin-top:45px;
}
.candodiv ul{
	margin-right:-40px;
}
.candodiv ul li{
	width: 309px;
	height: 231px;
	background: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
	text-align:center;
	float:left;
	margin-right:40px;
	margin-bottom:40px;
	padding-top:30px;
}
.candodiv ul li img{
	width:100px;
}
.candodiv ul li span{
	display:block;
	font-size: 22px;
	padding:20px 0px;
	font-weight:bold;
}
.advantage{
	margin-top:70px;
}
.adv_each_txt{
	height: 192px;
	background: #8053F7;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	color:#ffffff;
	padding:40px 0px;
	margin-top:45px;
}
.adv_each_txt .each_txt {
	width:19.6%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	font-size:0px;
}
.adv_each_txt .each_txt img{
	height:36px;
}
.adv_each_txt .each_txt .title{
	font-size:20px;
	padding:30px 0px;
	font-weight:bold;
}
.adv_each_txt .each_txt .adv_txt_detail{
	line-height: 24px;
	font-size:14px;
}
.team.rzt {
    background: url(../image/rzt-bg.png) no-repeat;
    background-position: center;
    width: 100%;
    height: 858px;
    padding-top: 80px;
    margin-top: 100px;
}
.team.rzt .swiper-button-next, .team.rzt .swiper-container-rtl .swiper-button-prev {
    top: 41%;
}
.team.rzt .swiper-button-prev {
    top: 41%;
}
.process{
	margin-top:70px;
}
.process_list{
	margin-top:45px;
}
.pro_list_icon{
	width: 1360px;
	height: 73px;
	background: #f9f9f9;
	border-radius: 65px;
	text-align:center;
	padding:19px 0px;
}
.pro_list_icon li{
	float:left;
	padding: 0px 61px;
	position:relative;
	text-align:center;
}
.pro_list_icon li i:after {
    content: '';
    position: absolute;
    width: 112px;
    border: 1px dashed #785DEE;
    right:-58px;
    top: 34px;
}
.pro_list_icon li:last-child{
	padding-right:0px;
}
.pro_list_icon li:last-child i:after{
	display:none;
}
.pro_list_txt li{
	float: left;
    text-align: center;
    width: 195px;
}
.pro_list_txt li:last-child{
	width: 190px;
}
.pro_list_txt li p{
	font-size:18px;
	padding:15px 0px;
	font-weight:bold;
}
.pro_list_txt li span{
	display:block;
	color: #969696;
}

/***********抖音代运营*************/
.yuny{
	position:relative;
}
.imgre{
	width:100%;
	min-width: 1360px;
}
.yuny .banner-title .header-bottom-title{
	padding-left:35px;
}
.yuny .data_wrap{
	 bottom: 60px;
}
.yuny .block_box{
	box-shadow: 2px 15px 34px rgba(186, 185, 185, 0.35);
}
.team.dyo {
    background: url(../image/yy-team-bg.jpg) no-repeat;
    background-position: center;
    width: 100%;
    height: 860px;
    padding-top: 80px;
    margin-top: 100px;
}
.mode{
	margin-top:60px;
}
.mode .modediv{
	margin-right:-48px;
	margin-top:45px;
}
.mode .modediv .list{
	width: 326px;
    height: 250px;
    box-shadow: 0px 0px 30px rgb(223 211 253 / 35%);
    border-radius: 10px;
    float: left;
    margin-right: 48px;
    padding: 45px 35px 45px 60px;
}
.mode .modediv .list img{
	width:74px;
}
.mode .modediv .list .title{
	font-size:22px;
	padding:30px 0px;
}
.mode .modediv .list .mode_desc{
	font-size:16px;
	line-height:32px;
}

.generation{
	margin-top:70px;
}
.generationdiv{
	margin-top:45px;
}
.generationdiv img{
	width:87px;
}
.generationdiv ul{
	margin-right:-45px;
}
.generationdiv ul li{
	width: 236px;
	height: 191px;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
	border-radius: 24px;
	float:left;
	margin-right:45px;
	margin-bottom:25px;
	text-align:center;
	padding:35px 0px;
}
.generationdiv ul li span{
	display:block;
	font-size:22px;
	padding:25px 0px;
}

.generationdiv ul li a{
	font-size:16px;
	color: #969696;
}

.choose .typediv ul li img{
	width:87px;
	height:87px;
	top: 35px;
    left: 30px;
}
.choose .typediv ul li{
	background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
}
.choose .typediv ul li p{
	padding-top:20px;
}
.choose .typediv ul li span{
	display: block;
    margin-top: 5px;
}
.hf-adv{
	margin-top:40px;
}
.dd-adv-list{
	margin-right:-32px;
	margin-top:45px;
}
.dd-adv-list .list{
	width: 200px;
	height: 159px;
	background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	color:#ffffff;
	text-align:center;
	padding:39px 0px;
	float:left;
	margin-right:32px;
}
.dd-adv-list .list img{
	height:40px;
}
.dd-adv-list .list p{
	font-size:18px;
	padding:25px 0px;
}
.team.dyo .swiper-button-next, .team.dyo .swiper-container-rtl .swiper-button-prev {
    top: 44%;
}
.team.dyo .swiper-button-prev {
    top: 44%;
}
.team.dyo .swiper-container{
	margin-top:80px;
}
/**********千川投放**************/
.qc{
    background: url(../image/qc-banner.jpg) center center no-repeat;
	height: 2385px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
}

.qc .banner-title .header-bottom-title{
	position:static;
	transform: translate(0%,0%);
}
.qc .header-bottom-title .p3{
	padding-top:50px;
}
.qc .header-bottom-title a{
	margin-top:115px;
}
.qc .data_wrap{
	bottom: 850px;
}
.qc .banner-title{
	padding-top:340px;
}
.qc .data_wrap{
	position:static;
	padding-top:200px;
}

.comtit span{
	font-size:50px;
	color:#ffffff;
}
.comtit p{
	font-size: 22px;
    color: #ffffff;
    padding-top: 15px;
}
.part.target_user {
  padding-top: 124px;
  height: 764px;
}

.part .target_userdiv {
  position: relative;
  padding-top: 65px;
}
.target_userdiv .right_cont{
    float: left;
    width: 750px;
    height: 569px;
}
.target_userdiv .right_cont .tab{
    position: relative;
}
.target_userdiv .right_cont .tab::after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -40px;
    width: 100%;
    height: 2px;
    background: #ffffff;
}
.target_userdiv .right_cont .tab a{
    position: relative;
    display: inline-block;
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    z-index: 2;
    float: left;
	margin-right:67px;
	cursor: pointer;
}

.target_userdiv .right_cont .tab a:last-child{
    margin-right:0px;
}
.target_userdiv .right_cont .tab a span{
    font-size: 24px;
    color: #FFFFFF;
    line-height: 24px;
    z-index: 2;
}
.target_userdiv .right_cont .tab .active span{
    position: relative;
    font-size: 24px;
}
.target_userdiv .right_cont .tab .active i::after{
    content: '';
    display: inline-block;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -14px;
    width: 100%;
    height: 6px;
    background: #ffffff;
}
.target_userdiv .tab_box{
    padding-top: 40px;
}
.target_userdiv .tab_box .list{
    display: none;
    transition: all .35s ease-in;
	margin-top: 55px;
}
.target_userdiv .tab_box .list.active{
    display: block;
}
.target_userdiv .tab_box .list .p1{
    font-size: 18px;
    color: #FFFFFF;
}
.target_userdiv .tab_box .list .p2{
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    margin: 16px 0px 30px 0px;
}
.target_userdiv .tab_box .list .p3 img{
    display: inline-block;
}
.target_userdiv .tab_box .list .p3 span{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 43px;
    margin: 0 25px 0 8px;
    position: relative;
    top: -7px;
}
.target_userdiv .tab_box .list .p4{
	font-size: 18px;
	color: #FFFFFF;
	margin-bottom: 25px;
}
.target_userdiv .tab_box .list .div5{
    position: relative;
}
.target_userdiv .tab_box .list .div5 a{
    display: inline-block;
    cursor: pointer;
    min-width: 55px;
    padding: 0 15px;
    background: rgba(255, 255, 255, .14);
    font-size: 14px;
    color: #FFFFFF;
    line-height: 25px;
    text-align: center;
    margin-right: 25px;
    width: 72px;
    height: 25px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 13px;
}
.target_userdiv .tab_box .list .div5 a.on{
    border: 1px solid #FFFFFF;
}
.target_userdiv .tab_box .list .div5_box{
    position: relative;
    padding-top: 25px;
}
.target_userdiv .tab_box .list .div5_box .item{
    display: none;
    transition: all .35s ease-in;
}
.target_userdiv .tab_box .list .div5_box .item.on{
    display: block;
}
.target_userdiv .tab_box .list .div5_box p{
    width: 700px;
    font-size: 14px;
    color: #ffffff;
	line-height:24px;
}
.target_userdiv .tab_box .list .bg{
    width: 700px;
	background: #5E37C6;
	border-radius: 7px;
	margin-bottom:20px;
	padding:25px;
}
.target_userdiv .tab_box .list .div5_box .left_img{
    position: absolute;
    width: 317px;
    height: 687px;
    top: -545px;
    right: -655px
}
.target_userdiv .tab_box .list .div5_box .left_img .img1{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.target_user .left_img .video_box{
	position: absolute;
    top: 80px;
    right: 15px;
    z-index: 1;
    width: 300px;
}
.target_user .left_img .video_box video{
    width: 300px;
    border-radius: 35px;

}
.target_user .left_img .video_box img{
    width: 96%;
    margin-left: 2%;
    height: 515px;
    border-radius: 60px;
}
.target_user  .left_img{
	background:url("../image/phone.png") no-repeat;
	width:332px;
	height:677px;
	float:right;
}
.core-list{
	margin-top:75px;
}
.core-list ul{
	margin-right:-118px;
}
.core-list ul li{
	width: 501px;
	height: 181px;
	background: linear-gradient(133deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 19px;
	color:#ffffff;
	padding:0px 60px;
	float:left;
	margin-right:118px;
	margin-bottom:65px;
}
.core-list ul li img{
	width:63px;
	margin-top:-30px;
}
.core-list ul li h4{
	font-size:18px;
	padding-top: 15px;
}
.core-list ul li h4::after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#ffffff;
	margin:15px 0px;
}
.core-list ul li p{
	line-height:24px;
}
.hot_service_box li img{
	height:65px;
}
.dy_hot_service{
	margin-top:36px;
}
.hot_service_box ul::after {
  content: "";
  display: block;
  clear: both;
  zoom: 1;
}
.hot_service_box{
	margin-top:45px;
}
.hot_service_box ul{
	margin-right:-110px;
}
.hot_service_box ul li {
    position: relative;
	float: left;
	width: 260px;
	height: 206px;
	box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);
	border-radius: 10px;
	margin-right:110px;
	text-align: center;
	padding:50px 60px;
	transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
}
.hot_service_box ul li span {
	display: block;
	font-size: 22px;
	padding:30px 0px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.hot_service_box ul li .p1 {
	font-size: 16px;
	line-height: 26px;
	color: #969696;
}
.hot_service_box ul li .p2{
    display: none;
    color: #FFFFFF;
    line-height: 26px;
}
.hot_service_box ul li a{
	display: none;
    width: 244px;
    height: 39px;
    line-height: 35px;
    background: #FFFFFF;
    border-radius: 27px;
    font-size: 18px;
    color: #8053F7;
    margin-top: 35px;
}
.hot_service_box ul li a i{
	position:relative;
	top:3px;
}
.hot_service_box ul 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);
}
.hot_service_box ul li:hover span{
	color: #FFFFFF;
	padding-top:0px;
}
.hot_service_box ul li:hover .p1{
    display: none;
}
.hot_service_box ul li:hover .p2{
    display: block;
}
.hot_service_box ul li:hover img{
    display: none;
}
.hot_service_box ul li:hover a{
    display: block;
}
.hf_put_ad{
	background: url(../image/ad-bg.jpg) no-repeat top/contain;
   -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
	margin-top:80px;
	height:714px;
	padding-top:100px;
}
.put_ad_list{
	margin-right:-24px;
	margin-top:82px;
}
.put_ad_list .each{
	width: 272px;
	height: 309px;
	background: #FFFFFF;
	box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35);
	border-radius: 10px;
	float:left;
	padding:0px 25px;
	margin-right:24px;
}
.put_ad_list .each .title{
	font-size:22px;
	padding:25px 0px;
}
.put_ad_list .each .ad_desc{
	font-size:16px;
	line-height:32px;
	height:91px;
}
.put_ad_list .each img{
	height:74px;
	margin-top:-37px;
}

.put_ad_list .each .a2{
	width: 112px;
    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-top: 20px;
}
.team.qc {
    background: url(../image/qc-team.jpg) no-repeat top/contain;
   -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 732px;
    padding-top: 120px;
    margin-top: 0px;
}
.effective_list ul{
	text-align:center;
	color:#ffffff;
	margin-top:70px;
}
.effective_list ul li{
	display: inline-block;
    margin: 0px 37px;
}
.effective_list img{
	height:141px;
}
.effective_list  p{
	font-size: 20px;
    padding: 10px 0px 5px 0px;
}
.qc .swiper-button-next, .qc .swiper-container-rtl .swiper-button-prev {
    top: 18%;
}
.qc .swiper-button-prev {
    top: 18%;
}
.partner.qccustom{
	margin-top:0px;
}


/*****************视频直播***********/
.live{
    position: relative;
}
.part .advantagediv {
    height: 671px;
    margin-top: 50px;
	text-align:center;
	font-size:0px;
	display:flex;
	justify-content: center;
    align-items: center;
}
.part .advantagediv .list {
    width: 338px;
    height: 671px;
    transition: all .5s ease-out;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.part .advantagediv .list .p1 {
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
	padding-bottom: 15px;
	margin-top: 540px;
}
.part .advantagediv .list.active .p1{
	width: 581px;
    margin: 430px auto 0px auto;
    text-align: left;
	font-weight: bold;
}
.part .advantagediv .list1 {
    background: url("../image/live1.jpg") no-repeat center;
}
.part .advantagediv .list2 {
    background: url("../image/live2.jpg") no-repeat center;
}
.part .advantagediv .list3 {
    background: url("../image/live3.jpg") no-repeat center;
}
.part .advantagediv .list4 {
    background: url("../image/live4.jpg") no-repeat center;
}
.part .advantagediv .list .p2 {
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
    line-height: 19px;
}
.part .advantagediv .list .p3 {
    display: none;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 28px;
    margin-top: 10px;
    transition: all .5s;
	line-height:24px;
	width:581px;
	height: 64px;
	margin:0px auto;
	text-align: left;
}
.part .advantagediv .list .a4 {
	color:#ffffff;
	width: 112px;
	height: 40px;
	background: linear-gradient(180deg, #5A67FF 0%, #9B2BCC 100%);
	opacity: 1;
	border-radius: 20px;
	line-height:40px;
	font-size: 18px;
    transition: all .5s;
    display: none;
	margin-left:165px;
	margin-top: 40px;
}
.part .advantagediv .list .a4:hover {
    opacity: .9;
}
.part .advantagediv .list.active {
    width: 906px;
}
.part .advantagediv .list1.active {
    background: url("../image/live1-hover.jpg") no-repeat center;
	background-size: cover;
}
.part .advantagediv .list2.active {
    background: url("../image/live2-hover.jpg") no-repeat center;
	background-size: cover;
}
.part .advantagediv .list3.active {
    background: url("../image/live3-hover.jpg") no-repeat center;
	background-size: cover;
}
.part .advantagediv .list4.active {
    background: url("../image/live4-hover.jpg") no-repeat center;
	background-size: cover;
}
.part .advantagediv .list.active .p0 {
    width: 100px;
    height: 100px;
}
.part .advantagediv .list.active .p3 {
    display: block;
}
.part .advantagediv .list.active .p2 {
    display: none;
}
.part .advantagediv .list.active .a4 {
    display: block;
}
.brandtext{
	width: 1230px;
	height: 270px;
	box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35);
	border-radius: 10px;
	padding:35px 65px;
	margin-top:45px;
}
.brand-list{
	float:left;
	width:964px;
}
.brand-list ul li{
    width: 100%;
    clear: both;
    padding: 10px 0px;
}
.brand-list ul li::after{
	content:'';
	clear:both;
	zoom:1;
	display:inline-block;
}
.brand-list img{
	height:52px;
	width:52px;
	float:left;
}
.brand-list ul li p{
	color: #969696;
	font-size:16px;
	padding-top: 15px;
    padding-left: 80px
}
.brand-list ul li:hover img{
	width: 74px;
    height: 74px;
    position: relative;
    left: -10px;
}
.brand-list ul li:hover p{
	font-size:16px;
	color:#333333;
	padding-top: 25px;
}
.brand_img{
	float:right;
}
.brand_img a{
	display:block;
	width: 112px;
	height: 40px;
	background: linear-gradient(180deg, #5A67FF 0%, #9B2BCC 100%);
	opacity: 1;
	border-radius: 20px;
	font-size: 18px;
	color: #FFFFFF;
	line-height:40px;
	text-align:center;
	margin-top: 15px;
}

.live_team{
	background: url(../image/live-team-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
	height:870px;
	padding-top: 70px;
	margin: 100px 0px;
}
.live_team .common_title{
	color:#ffffff;
}
.live-service{
	margin-top:100px;
}
.live_ser_list{
	margin-top:45px;
}
.live_ser_list ul{
	margin-right:-65px;
}
.live_ser_list ul li{
	width: 220px;
	height: 167px;
	background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	border-radius: 7px;
	float:left;
	text-align:center;
	color:#ffffff;
	padding:35px 0px;
	margin-right:65px;
}

.live_ser_list ul li p{
	font-size:18px;
	padding:25px 0px;
	font-weight:bold;
}
.live_ser_list ul li img{
	height:40px;
}
.live_ser_list ul li span{
	line-height: 24px;
}

.team_desc_box{
	width:1200px;
	margin:45px auto 0px auto;
	height: 390px;
	background: #FFFFFF;
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
}
.team_desc{
	float:left;
	width:472px;
	padding:70px 55px 0px 90px
}
.team_desc .title{
	font-size: 22px;
	font-weight:bold;
}
.team_desc .desc{ 
	font-size: 16px;
	line-height: 32px;
	opacity: 0.8;
	padding:25px 0px 80px 0px;
}

.tema_img{
	float:right;
	width:583px;
}
.tema_img img{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.team_desc .a1{
	width: 144px;
	height: 43px;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	display:block;
	font-size:14px;
	color:#ffffff;
	text-align:center;
	line-height:43px;
}
.live_team .wrap{
	position:relative;
}
.live_team .swiper-button-next{
    background: url(../image/arrow-right.png) no-repeat;
    width: 44px;
    height: 44px;
    right: 10px;
    right: 0px;
    top: 61%;
}
.live_team .swiper-button-prev {
    background: url(../image/arrow-left.png) no-repeat;
    width: 44px;
    height: 44px;
    top: 61%;
	
}
/***************短视频8*************/
.video{
    position: relative;
}
.video .data_wrap{
	bottom: -80px;
}
.videomode{
	margin-top:200px;
}
.videomode .modediv{
	margin-right:-7px;
	margin-top:45px;
}
.videomode .modediv .list {
    width: 206px;
	height: 250px;
	box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35);
	border-radius: 10px;
    float: left;
    margin-right: 7px;
    padding: 45px 30px;
}
.videomode .modediv .list img {
    width: 74px;
}
.videomode .modediv .list .title {
    font-size: 21px;
    padding: 30px 0px;
	    font-weight: bold;
}
.videomode .modediv .list .mode_desc {
    font-size: 16px;
    line-height: 32px;
}
.video-problem{
	margin-top:100px;
	background: url(../image/problem-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
	height:800px;
	padding-top:21px;
}
.video-problem .problem{
    width: 100%;
    height: 467px;
    background: url(../image/problem-list-bg.png) no-repeat;
    background-size: 641px 467px;
    background-position: center;
	margin-top: 45px;
}
.video-problem .problem ul {
	padding-top:37px;
	
}
.video-problem .problem ul li:nth-child(2n){
	margin-right:0px;
}
.video-problem .problem ul li{
	width: 319px;
    height: 72px;
    background: #FFFFFF;
    border: 1px solid #F6F4FF;
    box-shadow: 14px 10px 30px rgb(49 89 211 / 12%);
    border-radius: 45px;
    font-size: 16px;
    color: #7B7B7B;
    line-height: 72px;
    text-align: left;
	margin-right:646px;
	margin-bottom: 25px;
	padding-left:35px;
	float:left;
}
.video-problem .problem ul li span{
	padding-right:15px;
}
.video-solve{
	margin-top: 80px;
    margin-bottom: 50px;
}
.v-solve-text .typediv ul li img{
	width: 87px;
    height: 87px;
    top: 35px;
    left: 20px;
}
.v-solve-text .typediv ul{
	margin-right:-60px;
}
.v-solve-text .typediv ul li{
	width: 268px;
    height: 85px;
    background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);
    box-shadow: 0px 3px 20px rgb(0 0 0 / 10%);
    border-radius: 7px;
    padding: 40px 20px 30px 125px;
	margin-right:60px;
}
.video-includes{
	margin-top:80px;
}
.include_each {
	margin-right:-28px;
	margin-top:45px;
}
.include_each .each{
	width: 586px;
	height: 206px;
	background: linear-gradient(180deg, #2D8BFF 0%, #9F74FB 100%);
	box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);
	border-radius: 10px;
	padding:50px 40px;
	color:#ffffff;
	float:left;
	margin-right:28px;
	margin-bottom:28px;
}
.include_each .desc{
	line-height:24px;
	padding:40px 0px;
}
.include_each .title{
	font-size:22px;
	font-weight:bold;
}
.include_each .title img{
	height:35px;
	float:right;
}
.include_each .a2{
	font-size:18px;
	color:#ffffff;
}
.include_each .a2 i{
	position:relative;
	top:3px;
	padding-left:10px;
}
/*************联系我们***********/
.contact{
	position:relative;
}
.posters img{
   width:100%;
   min-width: 1360px;
}
.con{
	background:#fbfbfb;
	padding-bottom:100px;
}
.contact_adr {
	background:#ffffff;
	margin-top:-330px;
	position:relative;
	z-index:1;
	padding:55px 0px;
	box-shadow: 0px 3px 20px rgba(216, 178, 178, 0.16);
}
.contact_adr .common_title{
	text-align: left;
    padding-left: 85px;
}
.contact_adr .common_title p{
	font-size:36px;
}
.contact_adr .common_title p::after{
	content: '';
    display: block;
    width: 35px;
    height: 2px;
    background: #c5c5c5;
    margin-top: 15px;
}
.contact_company_address ul{
	margin-right:-48px;
}
.contact_company_address{
	text-align:center;
	margin-top:45px;
}
.contact_company_address ul li{
	width: 503px;
	height: 199px;
	background: #FFFFFF;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.05);
	padding:35px 25px 35px 35px;
	margin-right:48px;
	margin-bottom:48px;
	display: inline-block;
	text-align: left;
}
.contact_company_address ul li a span{
	font-size: 16px;
    color: #7B7B7B;
    position: relative;
    top: -6px;
    padding-left: 10px;
}
.contact_company_address .company_address{
	padding-top:20px;
}
.contact_company_address ul li span{
	font-size: 24px;
	color: #DC0238;
}
.contact_company_address ul li p{
	font-size:15px;
	font-family:HarmonyOS_Sans_SC_Regular;
	color: #7B7B7B;
	line-height: 32px;
	letter-spacing: 0px;
}
.map{
	padding-top:35px;
}
.map .add{
	float:right;
}
.weixin{
	position: relative;
}
.on .weixin_nr {
    display: block;
}
.weixin_nr {
    width: 100px;
    height: 100px;
    padding: 10px;
    background: #ccc;
    text-align: center;
    position: absolute;
    left: -45px;
    top: 45px;
    display: none;
}
.weixin_nr .arrow {
    width: 0;
    height: 0;
    border-bottom: 10px solid #ccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50px;
    top: -10px;
}
.weixin_nr img {
    margin-bottom: 5px;
}
.cooperation{
	padding:0px 95px;
}
.cooperation p{
	font-size:16px;
	line-height:36px;
}
.cooperation p span{
	color:#DC0238;
}
.f .footer{
	margin-top:0px;
}
.header-top-inner .topul li.current a::after{
	content: '';
    display: block;
    width: 20px;
    height: 4px;
    background: #ffffff;
    margin: 10px auto 0px auto;
}
/****************信息流代运营************/
.flow-information-banner{
    position: relative;
}
.flow-information,.xx-solve{
	margin-top:100px;
}
.flow-each{
	margin-top:50px;
	box-shadow: 0px 0px 30px rgba(223, 211, 253, 0.35);
	border-radius: 10px;
	padding:50px 0px;
}
.flow-each li img{
	height:74px;
}
.flow-each li {
	display: inline-block;
    width: 15%;
    text-align: center;
    margin: 0px 65px;
	vertical-align:top;
}
.flow-each h4{
	font-size:22px;
	padding:25px;
}
.flow-each p{
	font-size:16px;
}
.xx-solve .a3{
	display: block;
    height: 21px;
    font-size: 18px;
    color: #FFFFFF;
    width: 202px;
    height: 53px;
    background: linear-gradient(180deg, #F0CD46 0%, #EE5768 100%);
    border-radius: 27px;
    line-height: 53px;
    text-align: center;
    margin: 80px auto 0px auto;
}
.one-stop-information-flow{
	background: url(../picture/infor-one-stop-bg.jpg) no-repeat top/contain;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
	height:685px;
	color:#ffffff;
	padding-top:60px;
	margin-top: 40px;
}
.one-stop ul li{
	font-size: 16px;
	line-height: 24px;
	padding-bottom:55px;
	position:relative;
}
.one-stop ul b{
	font-size: 22px;
}
.one-stop ul li img{
	height: 30px;
    position: absolute;
    right: 0;
    top: -3px;
}
.one-stop .info{
	width: 452px;
    background: #ffffff;
    float: left;
    color: #333333;
    height: 335px;
    padding: 55px 250px 0px 75px;
	border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.one-stop{
	margin-top:50px;
	box-shadow: 1px 18px 34px rgba(108, 35, 108, 0.35);
	border-radius: 10px;
	display:inline-block;
}
.one-stop .oneimg{
	float:right;
	font-size: 0;
}
.one-stop .oneimg img{
	border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.one-stop .a4{
	width: 144px;
	height: 43px;
	background: linear-gradient(73deg, #5A67FF 0%, #9B2BCC 100%);
	border-radius: 10px;
	display:block;
	font-size: 14px;
	line-height: 43px;
	color: #FFFEFE;
	text-align:center;
}
.information-flow-advantage {
	margin-top:50px;
}
.flow-advantage-each{
	margin-right:-45px;
	margin-top:55px;
}
.flow-advantage-each .list{
	width: 176px;
	height: 240px;
	background: rgba(255, 255, 255, 0.39);
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.06);
	border-radius: 24px;
	text-align:center;
	margin-right:45px;
	padding:35px 30px;
	float: left;
}
.flow-advantage-each .list img{
	height:87px;
}

.flow-advantage-each .list h4{
	font-size: 22px;
	line-height: 32px;
	padding:25px 0px;
}

.flow-advantage-each .list p{
	font-size: 16px;
	line-height: 32px;
}
/*************/
.img_feature {
    width: 100%;
    min-width: 1360px;
}
.contents{
    position: absolute;
    width: 1360px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #ffffff;
}
/***********视频案例**************/
#categories .footer{
	margin-top:0px;
}
#classify .wrap {
    max-width: 1166px;
    margin: 30px auto;
}
.classify ul li {
    float: left;
    position: relative;
    margin: 15px 105px 15px 0px;
}
.classify ul li.current a {
    color: #333333;
}
.classify ul li a {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.classify ul li a {
    color: #7B7B7B;
}
.classify ul li.current::after {
    content: '';
    display: block;
    position: absolute;
    width: 73px;
    height: 4px;
    background: #DC0238;
    margin-top: 8px;
    left: 0px;
}
.classify ul li:nth-child(7n){
	margin-right:0px;
}
.case-list-video{
	width: 100%;
    background: #f9f9f9;
	padding: 60px 0px;
}
.case-container{
	max-width:1166px;
	margin:0px auto;
}
.video_con {
    position: relative;
}
.product-video-wrap img {
    width: 100%;
    cursor: pointer;
    transition: All 0.35s ease-in-out;
    -webkit-transition: All 0.35s ease-in-out;
    -moz-transition: All 0.35s ease-in-out;
    -o-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);
}
.midzhezhao {
    width: 100%;
    height: 30px;
    position: absolute;
    background-color: rgba(24,24,24,.1);
    bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(top,transparent,rgba(0, 0, 0, .5));
    background-image: -moz-linear-gradient(top,transparent,rgba(0, 0, 0, .5));
    background-image: -o-linear-gradient(top,transparent,rgba(0, 0, 0, .5));
    background-image: linear-gradient(to bottom,transparent,rgba(0, 0, 0, .5));
    background-image: none 9;
}
.video_con:hover .video_overlay {
    opacity: 0.5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
}
.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);
}
.video-case-list ul{
	margin-right:-23px;
	overflow:hidden;
}
.video-case-list ul::after{
	content: '';
    display: block;
    clear: both;
    zoom: 1;
    overflow: hidden;
}
.video-case-list ul li{
	margin-right: 23px;
    border-radius: 5px;
}

.price{
	text-align:center;
	padding:15px 0px;
}
.price span{
	color: #ff6a00;
    letter-spacing: 1px;
	font-weight:bold;
}
.case-container p.title{
	font-size: 16px;
    padding: 25px 0px;
    font-weight: bold;
    letter-spacing: 1px;
}
.video-fiter .next-tabs-tab.active a{
	color: #ff5000;
}
.top_2OPcV {
    width: 100%;
    height: 650px;
    background: #000;
    text-align: center;
	overflow:hidden;
	margin-top:86px;
}
.top_2OPcV video {
    width: 100%;
}

.middle_1PVZc{
	width: 1150px;
    overflow: hidden;
    background: #ffffff;
    margin: 80px auto;
	padding:25px;
	border-radius: 15px;
}

.middle-left_WxBGz{
	float:left;
	width:50%;
}
.left-top-title_1loeF{
	font-size: 18px;
    color: #000;
    font-weight: 700;
}
.left-top-description_1NIZX{
	font-size: 14px;
    color: #000;
    margin-top: 8px;
}
.middle-right_1J5EP{
	float:left;
	width:50%;
	text-align:right;
}
.middle-right_1J5EP a{
	display: block;
    width: 88px;
    background: #d2d0d0;
    text-align: center;
    padding: 5px 0px;
    border-radius: 8px;
    float: right;
    margin-top: 15px;
    color: #000;
}
.products_more{
	width: 1200px;
    margin: 0px auto;
    background: #ffffff;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.products_more ul{
	text-align:center;
}
.products_more .product-video-wrap{
	width: 266px;
    text-align: center;
    margin: 10px;
    border: 1px solid #fafafa;
    border-radius: 8px;
}
.products_more p{
	padding: 30px;
    font-size: 18px;
    color: #ff6a00;
}
.product-video-wrap {
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #fff;
	width: 274px;
	float:left;
}
/**********分页**********/
#ptoptit{
	margin-top: 30px;
}
.page_links a.current {
    color: #DC0238;
}
.page_links a {
    margin: 0px 10px;
}


/*********/

.video-details header{
	height:86px;
	background: #1F4485;
}

.video-details  .header-top .header-top-left {
    top: 6px;
   
}
.video-details .header-top-inner nav {
    top: 32px;
}

/*---板块1*/
.content {
	width: 1200px;
	margin: 0 auto;
	position: relative;
  }
  .tit_m {position: relative;padding-bottom: 20px;}
.tit_m h3 {text-align: center;font-weight: normal;margin-bottom: 30px;padding-top: 35px;}
.tit_m h3 span {display: block;font-size: 36px;color: #333;padding-bottom: 14px;}
.tit_m h3 em {font-size: 15px;color: #b4b4b4;position: relative;padding: 0 18px;font-style: normal;text-transform: uppercase;}
.tit_m h3 em:before {position: absolute;width: 52px;height: 1px;background: #999;content: "";top: 10px;left: -52px;}
.tit_m h3 em:after {position: absolute;width: 52px;height: 1px;background: #999;content: "";top: 10px;right: -52px;}
.tit_m p{font-size: 24px;text-align: center;letter-spacing: 5px;}
.edup1 {
	background:url(../picture/edupbg-1.jpg) repeat-x center;
	padding-top:60px;
	padding-bottom:60px;
}
.edup img{
	width:auto;
	height:auto;
}
.edup-title{
	text-align:center;
	margin-bottom:50px;
}
.edup-title h2{
	font-size:30px;
	color:#04112C;
	margin-bottom:15px;font-weight: normal;
}
.edup-title p{
	font-family:Impact;
	font-size:18px;
	
color: #04112C;
opacity: 0.5;
	letter-spacing:2px;
}
.edup1-ctn{
	display:flex;
	justify-content:space-between;
	align-items:flex-strat;
	flex-wrap:wrap;
	margin-top:70px;
}
.edup1-item{
	width:216px;
	height:246px;
	padding:1px;
	position:relative;
	overflow:hidden;
	text-align:center;
	padding-top:30px;
	transition: 0.3s;
    -webkit-transition: 0.3s; /* Safari */
	box-sizing: border-box;
}
.edup1-item h4{
	margin:10px 0;
	font-size: 22px;
}
.edup1-item p{
	font-size:16px;
	margin-bottom:5px;
}
.edup1-item p span{
	font-weight:600;
	font-size:17px;
}
.edup1-item:hover{
	background:rgba(255,255,255,0.8);
	border:1px #246ACE solid;
	margin-top:-4px;
}

.team.qc {
    background: url(../picture/qc-team.jpg) no-repeat top/contain;
   -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: relative;
    background-position: center 0;
    width: 100%;
    height: 732px;
    padding-top: 120px;
    margin-top: 0px;
}
.effective_list ul{
	text-align:center;
	color:#ffffff;
	margin-top:70px;
}
.effective_list ul li{
	display: inline-block;
    margin: 0px 37px;
}
.effective_list img{
	height:141px;
}
.effective_list  p{
	font-size: 20px;
    padding: 10px 0px 5px 0px;
}
.qc .swiper-button-next, .qc .swiper-container-rtl .swiper-button-prev {
    top: 18%;
}
.qc .swiper-button-prev {
    top: 18%;
}
.partner.qccustom{
	margin-top:0px;
}

.wrap{
	max-width:1360px;
	margin:50px auto 0;
}
.dy-adv .adv-list{
	margin-top:70px;
}
.dy-adv .adv-list ul{
	margin-right:-124px;
}
.dy-adv .adv-list li{
	width: 300px;
	height: 429px;
	background: #FFFFFF;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
	text-align:center;
	padding:60px 35px;
	float:left;
	margin-right:124px;
	transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
}
.dy-adv .adv-list li:hover {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.dy-adv .adv-list li:hover .a2{
	color:#665bf5
}
.dy-adv .adv-list li h4{
	font-size: 22px;
    padding: 28px 0px 20px 0px;
}
.dy-adv .adv-list li p{
	height: 126px;
	font-size: 16px;
	line-height: 32px;
	color: rgba(51, 51, 51, 0.5);
}
.dy-adv .adv-list li .a2{
	font-size: 16px;
    color: #333333;
    display: block;
    padding-top: 25px;
}
.dy-adv .adv-list li i{
	padding-left: 5px;
    position: relative;
    top: 3px;
}
.dy_operat_box{
	margin-top:90px;
}
.dy_operat_left{
	width:990px;
	float:left;
}

.dy_operat_left .list{
	width: 225px;
	height: 144px;
	background: #FFFFFF;
	box-shadow: 0px 0px 19px rgba(215, 215, 215, 0.35);
	border-radius: 24px;
	text-align:center;
	padding:80px 0px;
	float:left;
	margin-right:21px;
	margin-bottom:32px;
}
.dy_operat_left .list p{
	font-size:22px;
	padding-top:40px;
}
.dy_operat_right{
	width:370px;
	float:right;
	background:url("../image/rectangle_03.png") no-repeat;
	height:577px;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);
	border-radius: 24px;
	text-align:center;
	padding-top:63px;
	color:#ffffff;
}
.dy_operat_right p{
	font-size:22px;
	padding-top:60px;
}
.dy_operat_right span{
	font-size:16px;
	line-height:32px;
	padding-top:30px;
	display:block;
	opacity: 0.76;
}
.dy_operat_right .a0{
	display:block;
	width: 170px;
	height: 48px;
	background: linear-gradient(135deg, #93F6A5 0%, #58D2E5 100%);
	border-radius: 24px;
	font-size: 16px;
	margin:70px auto 0px auto;
	line-height:48px;
	color: #fff;
}
.wrap::after{
	content:'';
	width:100%;
	display: inline-block;
}

.partner{
	margin-top:80px;
}
.partner .common_title p{
	font-size:36px;
}
.partner .common_title span {
    font-size: 20px;
    padding-top: 10px;
	display:block;
	padding-top:25px;
}
.partner_box ul li{
	width:100%;
	padding:45px 0px;
	border-bottom:1px dotted #707070;
}
.partner_box{
	margin-top:20px;
}
.partner_box ul li:nth-child(1) a{
	margin-right:126px;
}
.partner_box ul li:nth-child(2) a{
	margin-right:115px;
}
.partner_box ul li:nth-child(3) a{
	margin-right:160px;
}
.partner_box ul li:nth-child(4) a{
	margin-right:128px;
}
.partner_box ul li a:last-child{
	margin-right:0px;
}
.partner_box ul li:last-child{
	border-bottom:none;
}

.process {

    background: #f9fbff;

    height: 546px;

}



.process .common_title {

    padding-top: 100px;

}


.blockbox {
	width: 1300px;
	margin: auto;
	  margin-top: auto;
  }
.process_ul {

    position: relative;

    margin-top: 70px;

}



.process_ul li {

    float: left;

    width: 232px;

    height: 152px;

    background: #fff;

    transition: 0.3s;

    text-align: center;

    padding-top: 70px;

    margin-right: 10px;

}



.process_ul li h3 {

    font-size: 20px;

    color: #222222;

    line-height: 20px;

    margin-top: 20px;

}



.process_ul li p {

    font-size: 14px;

    color: #666666;

    line-height: 14px;

    margin-top: 15px;

}



.process_ul li p:after {

    content: '';

    display: block;

    width: 18px;

    height: 3px;

    background: url("../picture/process_icon6.png") no-repeat center;

    margin: 20px auto 0;

}



.process_ul li:last-child {

    margin-right: 0;

}



.process_ul li:hover {

    box-shadow: 0 0 6px 1px rgba(239, 110, 13, 0.35);

}

.process_ul li:nth-of-type(1):hover{

    box-shadow: none;

}

.process_ul_line {

    width: 1300px !important;

    height: 32px !important;

    background: url("../picture/process_line.png") no-repeat center !important;

    position: absolute;

    top: 15px !important;

    left: -50px !important;

    padding: 0 !important;

    margin: 0 !important;

    z-index: 5 !important;

}



.free_diagnosis {

    width: 100%;

    height: 547px;

    background: url("../picture/free_diagnosis_bg.jpg") no-repeat center;

}

footer {

    font-size: 0;

    background-color: #fff;

}

.footer_middle dl dd img{
	
	width:200px;
}

.center1200 {

    width: 1300px;

    margin: auto;

}



.footer_top {

    background-color: #fff;

    border-top: 1px solid #ededed;

}





.footer_middle {

    padding: 45px 0;

    background: #333;

}



.footer_middle_item2 {

    margin: 0 92px;

}



.footer_middle_item4 {

    margin: 0 80px;

}



.footer_middle dl {

    float: left;

}



.footer_middle dl dt {

    margin-bottom: 12px;

    padding-top: 4px;

}



.footer_middle dl dt a {

    color: #fff;

    font-weight: bold;

    font-size: 15px;

    font-weight: bold;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.footer_middle dl dt a:hover {

    color: #ff7800;

}



.footer_middle dl dd {

    height: 36px;

    line-height: 36px;

}



.footer_middle dl dd a {

    font-size: 14px;

    color: #6f6f6f;

    vertical-align: middle;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.footer_middle dl dd a:hover {

    color: #ff7800;

}



.footer_middle_r {

    padding-top: 6px;

}



.footer_middle_r_code img {
    width: 250px;
    margin: 55px 0 0;

}



.footer_middle_r i {

    margin: 0 26px 0 33px;

}



.footer_middle_r_r_t {

    font-size: 13px;

    color: #efefef;

}



.footer_middle_r_r_m {

    font-size: 22px;

    color: #efefef;

}



.footer_middle_r_r_b {

    display: inline-block;

    width: 86px;

    height: 25px;

    background-color: #f6f6f6;

    border-radius: 2px;

    font-size: 13px;

    color: #474747;

    text-align: center;

    line-height: 25px;

    margin: 4px 0 6px;

    -webkit-transition: all .2s;

    transition: all .2s;

}



.footer_middle_r_r_b:hover {

    opacity: 0.8;

}



.footer_middle_r_r_b:before {

    content: "";

    display: inline-block;

    width: 14px;

    height: 14px;

    background: url(../img/footer_contact.png);

    position: relative;

    top: 2px;

    margin-right: 3px;

}



.footer_middle_security li,.footer_middle_security a,.footer_middle_security img {

    display: inline-block;

    width: 120px;

    height: 44px;

}



.footer_middle_security li {

    margin-right: 20px;

}



.footer_bottom {

    line-height: 50px;

    background-color: #1f1f1f;

    font-size: 12px;

    color: #6b6b6b;

    text-align: center;

}



.back_top {

    position: fixed;

    bottom: 350px;

    right: 184px;

    width: 71px;

    height: 71px;

    background: url("../img/float_back_top.png") no-repeat center;

    z-index: 15;

    display: none;

    -webkit-transform: scale(0.66);

    -moz-transform: scale(0.66);

    transform: scale(0.66);

}



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

    .back_top {

        right: 0;

    }

}

.clearfix {
	clear: both;
  }