*  { padding: 0; margin: 0; list-style: none; }
body{ 
    -moz-user-select: none;
    /*-webkit-user-select: none; 禁止复制*/
    -ms-user-select: none; 
    -khtml-user-select: none; 
    user-select: none; 
} 
#kfoutdetainwin div:nth-child(3)>div div:nth-child(3) a{
    display: none;
}
#cnzz_stat_icon_1278886669{
    display: none;
}
.w_1200 { width: 1200px; margin: 0 auto }
.w_600 { width: 600px; margin: 0 auto }
.fadeDelay1 { -webkit-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s; }
.fadeDelay2 { -webkit-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s; }
.fadeDelay3 { -webkit-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s; }
.fadeDelay4 { -webkit-animation-delay: .8s; -o-animation-delay: .8s; animation-delay: .8s; }
.fadeDelay5 { -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; }
.fadeDelay6 { -webkit-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; }
.fadeDelay7 { -webkit-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s; }
.fadeDelay8 { -webkit-animation-delay: 1.6s; -o-animation-delay: 1.6s; animation-delay: 1.6s; }
.fadeDelay9 { -webkit-animation-delay: 1.8s; -o-animation-delay: 1.8s; animation-delay: 1.8s; }
.fadeDelay10 { -webkit-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; }
.fadeDelay11 { -webkit-animation-delay: 2.2s; -o-animation-delay: 2.2s; animation-delay: 2.2s; }
.fadeDelay12 { -webkit-animation-delay: 2.4s; -o-animation-delay: 2.4s; animation-delay: 2.4s; }
.fadeDelay13 { -webkit-animation-delay: 2.6s; -o-animation-delay: 2.6s; animation-delay: 2.6s; }
.fadeDelay14 { -webkit-animation-delay: 2.8s; -o-animation-delay: 2.8s; animation-delay: 2.8s; }
.fadeDelay15 { -webkit-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; }
.fadeDelay16 { -webkit-animation-delay: 3.2s; -o-animation-delay: 3.2s; animation-delay: 3.2s; }
.fadeDelay17 { -webkit-animation-delay: 3.4s; -o-animation-delay: 3.4s; animation-delay: 3.4s; }
.fadeDelay18 { -webkit-animation-delay: 3.6s; -o-animation-delay: 3.6s; animation-delay: 3.6s; }
.fadeDelay19 { -webkit-animation-delay: 3.8s; -o-animation-delay: 3.8s; animation-delay: 3.8s; }
header svg { display: none; }
a { text-decoration: none; color: inherit; }
section { padding: 40px 0  }
section .title { color: #585858; font-size: 22px; line-height: 1.5; text-align: center; }
section .title h1 { color: #000; font-size: 42px; }
section .title h1 span { color: #ef8327; }

section.form { background: url(http://cdn.yunsiwang.cn/images/form.jpg) no-repeat center; padding-bottom: 0 }
section.form .iphorm-outer,
section.form ul { width: 400px; margin: 50px auto 0; padding-bottom: 50px}
section.form .iphorm-outer .iphorm-input-wrap,
section.form ul li { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; padding-bottom: 20px; justify-content: space-between; }
section.form .iphorm-outer .iphorm-input-wrap input,
section.form ul li input { width: 100%; outline: none; line-height: 2; font-size: 18px; padding-left: 10px; box-sizing: border-box; }
section.form .iphorm-outer .iphorm-input-wrap textarea,
section.form ul li textarea { width: 100%; padding: 10px; outline: none; font-size: 18px; }
section.form .iphorm-outer .iphorm-submit-input-wrap button,
section.form ul li input[type="submit"] { width: 30%; margin: 0 auto; font-size: 20px; color: #fff; border: none; text-align: center; border-radius: 10px; line-height: 2; background: #f3801e; }
section.form .iphorm-outer .iphorm-submit-input-wrap { text-align: center; }
section.form .iphorm-outer .iphorm-submit-input-wrap button em { font-style: normal; }
section.form .iphorm-loading-wrap,
section.form .iphorm-hidden { display: none; }
section.form .iphorm-element-wrap label { display: none; }

header { position: relative; }
header .w_1200 { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; align-items: flex-start; justify-content: space-between; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 99 }
header .w_1200 div.logo { padding: 20px 15px; border-radius: 0 0 20px 20px; background: rgba(215, 156, 101, .8); }
header .w_1200 ul.menu { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; padding: 20px 10px; border-radius: 0 0 20px 20px; background: rgba(215, 156, 101, .8); }
header .w_1200 ul.menu > li { color: #333333; font-size: 20px; padding: 0 5px; text-align: center; position: relative; }
header .w_1200 ul.menu > li.menu-item-1335 { color: #19459a;margin-left: 5px; padding-left: 25px; background: url(http://cdn.yunsiwang.cn/images/tel.png) no-repeat left center; }
header .w_1200 ul.menu > li > a { border: 1px solid rgba(239, 131, 39, 0); border-radius: 10px; padding: 2px 5px; }
header .w_1200 ul.menu > li > a:hover { background: #fff; }
header .w_1200 ul.menu > li.menu-item-1335 > a:hover { background: unset; }
header .w_1200 ul.menu > li:hover ul { opacity: 1; transform: translateX(0);z-index: 500; }
header .w_1200 ul.menu ul { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; margin-left: -20px; padding: 10px 15px; opacity: 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); transform: translateX(100px); transition: all 0.5s ease-in-out 0s; line-height: 2; position: absolute; z-index: 99; top: 140%; }
header .w_1200 ul.menu ul li { width: 120px; font-size: 18px; text-align: center; }
header .w_1200 ul.menu ul li:hover a { color: #154198; border-bottom: 1px solid #154198 }


footer { height: 265px; padding-top: 30px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/footer_bg.jpg) no-repeat center; }
footer ul.w_1200 { width: 950px; padding-left: 200px; color: #fff; display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; }
footer ul.w_1200 > li { width: 34% }
footer ul.w_1200 > li h3 { font-size: 18px; }
footer ul.w_1200 li ul { margin-top: 20px; }
footer ul.w_1200 li ul li { line-height: 1.8; font-size: 14px; }
footer ul.w_1200 li.follow { width: 35% }
footer ul.w_1200 li.follow ul li { line-height: 1.5; }
footer ul.w_1200 li.follow ul li.code { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; padding: 10px 0; align-items: center; }
footer ul.w_1200 li.follow ul li.code h5 { font-size: 20px; }
footer ul.w_1200 li.follow ul li.code img { width: 80px; }
footer ul.w_1200 li.contact { width: 35% }
footer ul.w_1200 li.contact ul li { line-height: 1.4; padding-left: 45px; padding-bottom: 10px; background: url(http://cdn.yunsiwang.cn/images/f_contact_bg.png) no-repeat left 19px; background-size: 31px }
footer ul.w_1200 li.contact ul li:nth-child(2) { background-position: left -44px; }
footer ul.w_1200 li.contact ul li:nth-child(3) { background-position: left -83px; }

/*新闻动态*/
main.news section.banner { height: 700px; padding-top: 200px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/news/banner.jpg) no-repeat center top; }
main.news section.list ul.tab { width: 300px; display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; margin: 30px auto 60px; justify-content: space-between; }
main.news section.list ul.tab li.active { color: #fff; background: #f3801e; }
main.news section.list ul.tab li { line-height: 2; font-size: 16px; padding: 0 30px; background: #f5f5f5; }
main.news section.list ul.cont { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #f3801e; }
main.news section.list ul.cont li { width: 48%; padding-bottom: 30px; transition: all .5s; }
main.news section.list ul.cont li:hover { transform: translateX(-10px); }
main.news section.list ul.cont li { display: flex; align-items: center; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; line-height: 2; font-size: 15px; }
main.news section.list ul.cont li .img { width: 50%; max-height: 120px; overflow: hidden; }
main.news section.list ul.cont li .desc { padding: 10px 15px; color: #595757; background: #f5f5f5; box-sizing: border-box; }
main.news section.list ul.cont li .desc h3 { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; color: #000; font-size: 20px; align-items: baseline; justify-content: space-between; }
main.news section.list ul.cont li .desc h3 span { font-size: 15px; color: #595757; }
main.news section.list ul.cont li:hover .desc h3 { color: #fff; }
main.news section.list ul.cont li:hover .desc h3 span { color: #fff; }
main.news section.list ul.cont li:hover .desc { color: #fff; background: #f3801e; }
main.news section.list nav.pagination h2 { display: none; }
main.news section.list nav.pagination .nav-links { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; margin: 30px auto 50px; justify-content: center; }
main.news section.list nav.pagination .nav-links span,
main.news section.list nav.pagination .nav-links a { width: 25px; margin: 0 10px; line-height: 25px; text-align: center; border-radius: 50%; }
main.news section.list nav.pagination .nav-links .current { color: #fff; background: #f3801e; }
main.news section.list nav.pagination .nav-links a.prev,
main.news section.list nav.pagination .nav-links a.next { font-size: 20px; border: 1px solid #000; }

main.news section.contain { width: 1200px; margin: 0 auto }
main.news section.contain .links { height: 16px; line-height: 16px; font-size: 14px; width: 100%; text-align: right; overflow: hidden; margin: 20px 0; }
main.news section.contain .links a { color: #333; }
main.news section.contain .links a:hover { color: #fe8400; }
main.news section.contain .contain-wrap { width: 100%; overflow: hidden; }
main.news section.contain .con-side { position: relative; top: 0px; width: 250px; float: left; overflow: hidden; }
main.news section.contain .cons-top { width: 100%; background: #19459a; padding: 20px 0 20px 30px; color: #fff; }
main.news section.contain .con-side ul a { display: block; height: 60px; line-height: 60px; text-indent: 40px; font-size: 14px; color: #333; border: #E6E6E6 1px solid; border-top: none; background: #fff; }
main.news section.contain .con-side ul a:hover { color: #08aaf6; }
main.news section.contain .con-main { width: 930px; padding: 25px; border: #E7E7E7 1px solid; box-sizing: border-box; margin-bottom: 30px; float: right; }
main.news section.contain .con-main li { overflow: hidden; padding-top: 30px; border-top: #D5D5D5 1px dotted; margin-bottom: 25px; display: flex; }
main.news section.contain .con-main li:first-child { border-top: none; padding-top: 0; }
main.news section.contain .con-main li >a { margin-right: 25px; }
main.news section.contain .con-main li img { width: 248px; height: 165px; }
main.news section.contain .conlist-r { flex: 1; }
main.news section.contain .conlist-r h3 { overflow: hidden; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; font-size: 100%; }
main.news section.contain .conlist-r p { font-size: 14px; color: #6E6E6E; line-height: 29px; margin-top: 20px; letter-spacing: 1px; }
main.news section.contain .conlist-r p a { color: #666; text-decoration: #666; }
main.news section.contain .detail-cont h1 { line-height: 29px; text-align: center; font-size: 16px; color: #333; margin-bottom: 10px; padding: 10px 0 17px; border-bottom: #B3B2B2 1px dotted; }
main.news section.contain .detail-cont p { width: 100%; text-align: center; font-size: 15px; line-height: 26px; color: #666; letter-spacing: 1px; margin-bottom: 15px; }


main.contact section.banner{    
  height: 746px;
    padding-top: 200px;
    box-sizing: border-box;
    background: url(http://cdn.yunsiwang.cn/images/contact/banner1.jpg) no-repeat center top;}
main.contact section.banner img{display:block;margin:0 auto;animation:contact-ani 1 .3s linear;}
@keyframes contact-ani {
  from { transform: scale(0.2); }
  to { transform: scale(1); }
}
main.contact { background: #f8f8f8 }
main.contact section .w_1200 { margin-bottom: 100px; text-align: center; margin-top: 30px; background: #fff; padding: 15px; }
main.contact section ul { display: flex; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; margin-top: 20px; justify-content: space-around; }
main.contact section ul li { text-align: center; font-size: 16px; line-height: 2; color: #595757; }
main.contact section ul li img { transform: scale(.1); transition: all .5s; }
main.contact section ul li:nth-child(2) img { transition-delay: .1s }
main.contact section ul li:nth-child(3) img { transition-delay: .2s }
main.contact section ul li:nth-child(4) img { transition-delay: .3s }
main.contact section.active ul li img { transform: scale(1); }
main.contact #dituContent { width: 1200px; height: 400px; margin: 15px auto 0; border: #ccc solid 1px; }


main.about section.banner { height: 700px; padding-top: 200px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/about/banner.jpg) no-repeat center top; }
main.about section.banner img { display: block; margin: 0 auto; animation: about_banner_ani 1 .3s linear; }
@keyframes about_banner_ani {
  from { transform: translate(500px, 400px) scale(0.2); }
  to { transform: translate(0px, 0px) scale(1); }
}
main.about section.part1 .w_1200 { display: flex; align-items:  center; margin-top: 20px }
main.about section.part1 .w_1200 .right { width: 700px; margin-top: 50px; background: url(http://cdn.yunsiwang.cn/images/school/part1_pad.png) no-repeat center; background-size: 100% }
main.about section.part1 .w_1200 p { width: 500px; line-height: 2; color: #696969; font-size: 16px; margin: 50px auto 0; padding: 15px 35px; position: relative; margin-right: 50px; box-sizing: border-box; }
main.about section.part1 .w_1200 p:before { width: 30px; display: inline-block; content: ''; border-top: 1px solid #696969; border-left: 1px solid #696969; border-bottom: 1px solid #696969; position: absolute; top: 0; left: 0; bottom: 0; }
main.about section.part1 .w_1200 p:after { width: 30px; display: inline-block; content: ''; border-top: 1px solid #696969; border-right: 1px solid #696969; border-bottom: 1px solid #696969; position: absolute; top: 0; right: 0; bottom: 0; }
main.about section.part1 .w_1200 p span { display: inline-block; color: #fff; line-height: 2; font-size: 25px; padding: 0 20px; background: #ef8327; border-radius: 10px; }
main.about section.part1 .w_1200 .video { width: 650px; height: 450px; border-radius: 30px; padding-top: 50px; background: #000; margin: 25px auto; }
main.about section.part1 .w_1200 .video video { width: 100% }

.history{
	padding: 56px 0 80px 0;
	background: url(http://cdn.yunsiwang.cn/images/about/img5.jpg) no-repeat center;
    margin-bottom: -33px;
}
.history .title{
	text-align: center;
}
.history .title h1{
	font-size: 42px;
	color: #fff;
}
.history .title p{
	font-size: 22px;
	color: #fff;
	margin: 10px auto 15px auto;
}
.history_main{
	display: flex;
	justify-content: center;
}
.hm_left{
	text-align: right;
}
.hm_center img{
	margin-top: 50px;
}
.history_main span{
	font-size: 48px;
	color: #fff;
	margin-bottom: 5px;
	display: block;
}
.history_main p{
	font-size: 18px;
	color: #fff;
	line-height: 30px;
}
.hm_left .hml_box:first-child span{
	margin-top: 28px;
}
.hm_left .hml_box:nth-child(2) span{
	margin-top: 80px;
}
.hm_left .hml_box:nth-child(3) span{
	margin-top: 70px;
}
.hm_left .hml_box:nth-child(4) span{
	margin-top: 90px;
}
.hm_right .hml_box:first-child span{
	margin-top: 134px;
}
.hm_right .hml_box:nth-child(2) span{
	margin-top: 85px;
}
.hm_right .hml_box:nth-child(3) span{
	margin-top: 67px;
}
.history_main .hml_box span{
	transition: all ease-out .3s; 
}
.history_main .hml_box:hover span{
	transform:translateY(-8px);
	-webkit-transform:translateY(-8px);  
	-moz-transform:translateY(-8px);
	transition: all ease-out .3s; 
	color: #EF8226;
	cursor: pointer;
}

main.about section.part2 { padding-bottom: 0; background: #f6f6f6; overflow-y: hidden; }
main.about section.part2 .w_1200 { height: 600px; position: relative; }
main.about section.part2 .w_1200 .center { padding: 50px; border-radius: 50%; border: 38px solid #e5e5e5; transform: translateX(-50%); position: absolute; left: 50%; bottom: -310px; background: url(http://cdn.yunsiwang.cn/images/about/part2_center.png) no-repeat center 50px; }
main.about section.part2 .w_1200 .center img { padding-bottom: 198px }
main.about section.part2 .w_1200 .center .box { width: 396px; height: 396px; margin: 100px; color: #007fff; font-size: 70px; font-weight: bold; padding-top: 80px; text-align: center; border-radius: 50%; box-sizing: border-box; background: rgba(255, 255, 255, .8); }
main.about section.part2 .w_1200 ul { width: 100%; height: 100%; position: relative; }
main.about section.part2 .w_1200 ul li { display: inline-block; font-size: 17px; color: #595757; position: absolute; z-index: 9; }
main.about section.part2 .w_1200 ul li b { color: #007fff }
main.about section.part2 .w_1200 ul li label { width: 10px; height: 10px; border-radius: 50%; display: inline-block; border: 5px solid #b5b5b5 }
main.about section.part2 .w_1200 ul li p { padding: 0 25px; line-height: 1.5; }
main.about section.part2 .w_1200 ul li:nth-child(1) { text-align: right; top: 525px; left: -75px; }
main.about section.part2 .w_1200 ul li:nth-child(2) { text-align: right; top: 405px; left: 25px; }
main.about section.part2 .w_1200 ul li:nth-child(3) { text-align: right; top: 310px; left: -42px; }
main.about section.part2 .w_1200 ul li:nth-child(3) p { padding: 0 50px }
main.about section.part2 .w_1200 ul li:nth-child(4) { text-align: right; top: 225px; left: 70px; }
main.about section.part2 .w_1200 ul li:nth-child(4) p { padding: 0; padding-right: 50px; box-sizing: border-box; }
main.about section.part2 .w_1200 ul li:nth-child(5) { text-align: right; top: 140px; left: 126px; }
main.about section.part2 .w_1200 ul li:nth-child(5) p { display: inline-block; float: left; }
main.about section.part2 .w_1200 ul li:nth-child(6) { text-align: left; top: 55px; left: 600px; }
main.about section.part2 .w_1200 ul li:nth-child(7) { text-align: left; top: 150px; right: -27px; }
main.about section.part2 .w_1200 ul li:nth-child(7) p { display: inline-block; float: right; }
main.about section.part2 .w_1200 ul li:nth-child(8) { text-align: left; top: 250px; right: -66px; }
main.about section.part2 .w_1200 ul li:nth-child(8) p { padding: 0; padding-left: 50px; box-sizing: border-box; }
main.about section.part2 .w_1200 ul li:nth-child(9) { text-align: left; top: 350px; right: -80px; }
main.about section.part2 .w_1200 ul li:nth-child(10) { text-align: left; top: 450px; right: -64px; }
main.about section.part2 .w_1200 ul li:nth-child(11) { text-align: left; top: 550px; right: -95px; }
/*main.about section.part3 { background: url(http://cdn.yunsiwang.cn/images/about/part3_bg.jpg) no-repeat center; }
main.about section.part3 ul.items { width: 1150px; margin: 0 auto; margin-top: 20px; }
main.about section.part3 ul.items li { width: 210px; height: 400px; padding-top: 50px; box-sizing: border-box; display: inline-block; padding-right: 5px; padding-left: 5px; margin: 0 8px; background: url(http://cdn.yunsiwang.cn/images/about/part3_li_bg.jpg) no-repeat 0px 400px; overflow: hidden; }
main.about section.part3 ul.items li i { display: block; position: relative; margin: 0 auto; margin-top: 33px; height: 130px; }
main.about section.part3 ul.items li.pc i { width: 110px; background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -225px -0px; }
main.about section.part3 ul.items li.mobi i { width: 120px; background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -367px -0px; }
main.about section.part3 ul.items li.sys i { width: 120px; background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -515px -0px; }
main.about section.part3 ul.items li.app i { width: 110px; background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -662px -0px; }
main.about section.part3 ul.items li.host i { width: 130px; background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -802px -0px; }
main.about section.part3 ul.items li u { display: block; position: absolute; width: 202px; height: 202px; margin-left: -2px; background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
main.about section.part3 ul.items li u.cl { clip: rect(0px, 202px, -10px, 101px); }
main.about section.part3 ul.items li u.cl { clip: rect(0px, 202px, 202px, 101px); }
main.about section.part3 ul.items li u.cr { clip: rect(202px, 101px, 202px, 0px); }
main.about section.part3 ul.items li u.cr { clip: rect(0px, 101px, 202px, 0px); }
main.about section.part3 ul.items li strong { display: block; margin-top: 70px; font-size: 25px; font-weight: normal; text-align: center; }
main.about section.part3 ul.items li p { position: relative; top: 200px; color: White; font-family: Arial, "宋体"; font-size: 15px; line-height: 2; text-align: center; }
main.about section.part3 ul.items li:hover { background-position: 0px 0px; padding-top: 20px; -webkit-transition: all .5s ease-in-out .3s; -moz-transition: all .5s ease-in-out .3s; -ms-transition: all .5s ease-in-out .3s; -o-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s; }
main.about section.part3 ul.items li:hover i { margin-top: -10px; -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s; -ms-transition: all .5s ease-in-out .4s; -o-transition: all .5s ease-in-out .4s; transition: all .5s ease-in-out .4s; }
main.about section.part3 ul.items li.pc:hover i { background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -225px -130px; }
main.about section.part3 ul.items li.mobi:hover i { background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -367px -130px; }
main.about section.part3 ul.items li.sys:hover i { background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -515px -130px; }
main.about section.part3 ul.items li.app:hover i { background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -662px -130px; }
main.about section.part3 ul.items li.host:hover i { background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat -802px -130px; }
main.about section.part3 ul.items li:hover u.cl { clip: rect(0px, 202px, -10px, 101px); }
main.about section.part3 ul.items li:hover u.cr { clip: rect(202px, 101px, 202px, 0px); }
main.about section.part3 ul.items li:hover strong { margin-top: 10px; color: White; -webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; }
main.about section.part3 ul.items li:hover p { top: 20px; -webkit-transition: all .3s ease-in-out .5s; -moz-transition: all .3s ease-in-out .5s; -ms-transition: all .3s ease-in-out .5s; -o-transition: all .3s ease-in-out .5s; transition: all .3s ease-in-out .5s; }
main.about section.part3 .w_1200 > p { margin: 0 auto; padding-bottom: 50px; width: 297px; font-size: 34px; color: #595757 }*/
main.about section.part3 ul.items li{
	position: relative;
	overflow: hidden;
}
.pc_top{
	text-align: center;
}
.img_top{
	width: 210px;
	height: 210px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 62px auto 25px auto;
	transition: all ease-out .3s;  
}
.pc_top u { display: block; position: absolute; width: 202px; height: 202px; margin-left: -2px; background: url(http://cdn.yunsiwang.cn/images/about/part3_i_bg.png) no-repeat; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
.pc_top u.cl { clip: rect(0px, 202px, -10px, 101px); }
.pc_top u.cl { clip: rect(0px, 202px, 202px, 101px); }
.pc_top u.cr { clip: rect(202px, 101px, 202px, 0px); }
.pc_top u.cr { clip: rect(0px, 101px, 202px, 0px); }
.pc_top:hover u.cl { clip: rect(0px, 202px, -10px, 101px); }
.pc_top:hover u.cr { clip: rect(202px, 101px, 202px, 0px); }
.pc_top h3{
	font-size: 26px;
	color: #666;
	font-weight: normal;
	transition: all ease-out .3s; 
}
main.about section.part3{
    padding: 40px 0 0 0;
}
main.about section.part3 ul.items { display: flex;justify-content: space-between; margin: 68px auto 0px auto; }
main.about section.part3 ul.items li { width: 400px; height: 400px;box-sizing: border-box; }
main.about section.part3 ul.items li strong { display: block; margin-top: 70px; font-size: 25px; font-weight: normal; text-align: center; }
main.about section.part3 ul.items li p { position: relative; top: 200px; color: White; font-family: Arial, "宋体"; font-size: 15px; line-height: 2; text-align: center; }
main.about section.part3 ul.items li:hover u.cl { clip: rect(0px, 202px, -10px, 101px); color: #fff;}
main.about section.part3 ul.items li:hover u.cr { clip: rect(202px, 101px, 202px, 0px); color: #fff;}
main.about section.part3 .w_1200 > p { margin: 0 auto; padding-bottom: 50px; width: 297px; font-size: 34px; color: #595757 }


main.about section.part4 ul.swiper-wrapper ul { display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: space-between; }
main.about section.part4 ul.swiper-wrapper ul li { padding-bottom: 20px; position: relative; }
main.about section.part4 ul.swiper-wrapper ul li img { display: block; }
main.about section.part4 ul.swiper-wrapper ul li .desc { opacity: 0; transform: scale(0.1); transition: all .5s; display: flex; align-items: center; justify-content: center; background: #e9924a; position: absolute; top: 0; left: 0; right: 0; bottom: 20px; }
main.about section.part4 ul.swiper-wrapper ul li .desc p { color: #fff; font-size: 30px; line-height: 1.5; }
main.about section.part4 ul.swiper-wrapper ul li:hover .desc { opacity: .9; transform: scale(1); }
main.about section.part5 { background:#f5f5fa; }
.part5_bottom{
	display: flex;
	justify-content: center;
	margin: 35px auto 15px auto;
}
.part5_bottom .pb_left{
	text-align: right;
	margin-right: 60px;
	
}
.part5_bottom p{
	font-size: 26px;
	color: #333333;
	margin-bottom: 32px;
	position: relative;
}
.part5_bottom span{
	font-size: 24px;
	color: #333333;
}
.part5_bottom .pb_right span{
	margin-right: 35px;
}
.part5_bottom p:before{
	content: "";
	position: absolute;
	width: 250px;
	border-bottom: 1px solid #cccccc;
	bottom: -18px;
	right: 0;
}
.part5_bottom p:after{
	content: "";
	position: absolute;
	width: 105px;
	border-bottom: 1px solid #ef8327;
	bottom: -18px;
	right: 0;
}
.part5_bottom .pb_right p:before{
	left: 0;
}
.part5_bottom .pb_right p:after{
	left: 0;
}
main.about section.part5 ul.swiper-wrapper { margin-top: 30px; padding-bottom: 38px; }
main.about section.part5 ul.swiper-wrapper .swiper-slide { width: 820px; }
main.about section.part5 ul.swiper-wrapper .swiper-slide img { width: 100% }
main.about section.part5 .swiper-pagination-bullets .swiper-pagination-bullet { border: 3px solid #000; background: unset; }
main.about section.part5 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 3px solid #e9924a; }
main.about section.part6 { background: url(http://cdn.yunsiwang.cn/images/about/part6_bg.jpg) no-repeat center bottom; }
main.about section.part6 .w_1200 { display: flex; overflow: hidden; margin-top: 140px; align-items: center; padding-bottom: 100px }
main.about section.part6 .w_1200 .swiper-container.cont { width: 83% }
main.about section.part6 .w_1200 .swiper-container.cont li .crad { display: flex; background: #fff; margin-top: 20px; margin-left: 30px; padding: 20px 0 10px; }
main.about section.part6 .w_1200 .swiper-container.cont li .crad > img { margin-left: -30px; }
main.about section.part6 .w_1200 .swiper-container.cont li .crad .desc { position: relative; }
main.about section.part6 .w_1200 .swiper-container.cont li .crad .desc h2 { display: table; font-size: 38px; line-height: 2; padding: 0 50px; margin: 50px auto 0; font-weight: normal; border-bottom: 1px solid #000; }
main.about section.part6 .w_1200 .swiper-container.cont li .crad .desc h3 { color: #ef8327; font-size: 22px; line-height: 2; text-align: center; }
main.about section.part6 .w_1200 .swiper-container.cont li .crad .desc p { color: #333; font-size: 20px; line-height: 2; font-weight: normal; padding: 0 50px; margin-top: 50px; }
main.about section.part6 .w_1200 .swiper-container.cont li .crad .desc img { position: absolute; top: -30px; right: 50px; }
main.about section.part6 .w_1200 .swiper-container.thumbs { height: 500px; }
main.about section.part7 { background: url(http://cdn.yunsiwang.cn/images/about/part7_bg.png) no-repeat center bottom; }
main.about section.part7 { position: relative; -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; }
main.about section.part7 .caption { width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
main.about section.part7 .caption { -moz-opacity: 1; opacity: 1; }
main.about section.part7 .caption i { display: block; margin: 0 auto; margin-bottom: 20px; width: 299px; height: 37px; background: url(http://www.baidusuzhou.com/templets/Images/words.png) no-repeat -152px -528px; }
main.about section.part7 .caption span { font-size: 24px; padding-left: 10px; }
main.about section.part7 ul.items { margin: 0 auto; margin-top: 45px; width: 1155px; height: 450px; font-size: 0; overflow: hidden; }
main.about section.part7 ul.items li { position: relative; padding: 0; width: 230px; height: 150px; display: inline-block; overflow: hidden; z-index: 10; }
main.about section.part7 ul.items li.cctv { top: 600px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat 56px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.cctv:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat 56px -120px #eee; }
main.about section.part7 ul.items li.cctv { top: 0px; }
main.about section.part7 ul.items li.unicom { top: -400px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -190px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.unicom:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -190px -120px #eee; }
main.about section.part7 ul.items li.unicom { top: 0px; }
main.about section.part7 ul.items li.tsinghua { top: 600px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -420px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.tsinghua:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -420px -120px #eee; }
main.about section.part7 ul.items li.tsinghua { top: 0px; }
main.about section.part7 ul.items li.cas { top: -400px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -690px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.cas:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -690px -120px #eee; }
main.about section.part7 ul.items li.cas { top: 0px; }
main.about section.part7 ul.items li.sipo { top: 600px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -920px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.sipo:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -920px -120px #eee; }
main.about section.part7 ul.items li.sipo { top: 0px; }
main.about section.part7 ul.items li.apple { top: 450px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1195px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.apple:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1195px -120px #eee; }
main.about section.part7 ul.items li.apple { top: 0px; }
main.about section.part7 ul.items li.das { top: -550px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1430px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.das:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1430px -120px #eee; }
main.about section.part7 ul.items li.das { top: 0px; }
main.about section.part7 ul.items li.hunantv { top: 450px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1658px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.hunantv:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1658px -120px #eee; }
main.about section.part7 ul.items li.hunantv { top: 0px; }
main.about section.part7 ul.items li.sino { top: -550px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1920px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.sino:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1920px -120px #eee; }
main.about section.part7 ul.items li.sino { top: 0px; }
main.about section.part7 ul.items li.report { top: 450px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2160px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.report:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2160px -120px #eee; }
main.about section.part7 ul.items li.report { top: 0px; }
main.about section.part7 ul.items li.gedu { top: 300px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2455px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.gedu:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2455px -120px #eee; }
main.about section.part7 ul.items li.gedu { top: 0px; }
main.about section.part7 ul.items li.bgg { top: -700px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2695px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.bgg:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2695px -120px #eee; }
main.about section.part7 ul.items li.bgg { top: 0px; }
main.about section.part7 ul.items li.bsec { top: 300px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2944px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.bsec:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2944px -120px #eee; }
main.about section.part7 ul.items li.bsec { top: 0px; }
main.about section.part7 ul.items li.huadan { top: -700px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3188px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.huadan:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3188px -120px #eee; }
main.about section.part7 ul.items li.huadan { top: 0px; }
main.about section.part7 ul.items li.zd { top: 300px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3432px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.about section.part7 ul.items li.zd:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3432px -120px #eee; }
main.about section.part7 ul.items li.zd { top: 0px; }
main.about section.part7 ul.items li.r { border-right: 1px dotted #ddd; }
main.about section.part7 ul.items li.b { border-bottom: 1px dotted #ddd; }
main.about section.part7 ul.items li span { position: absolute; bottom: -30px; }
main.about section.part7 ul.items li.bg.all { position: absolute; width: 1155px; height: 450px; background-color: White; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
main.about section.part7 ul.items li.bg.one { position: absolute; background: #eee; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); -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; display: none; }
main.about section.part7 ul.mini { display: none; }
main.about section.part8 { background: url(http://cdn.yunsiwang.cn/images/about/part8_bg.jpg) no-repeat center; }
main.about section.part8 .w_1200 p { text-align: center; }
main.about section.part8 .cont { display: flex; margin-top: 30px; }
main.about section.part8 .cont #dituContent { width: 700px; height: 400px; margin: 15px auto 0; border: #ccc solid 1px; }
main.about section.part8 .cont ul { margin-top: 90px; margin-left: 50px; padding-left: 10px; }
main.about section.part8 .cont ul li { color: #595757; line-height: 2; font-size: 15px; margin-top: 30px; padding-left: 40px; background: url(http://cdn.yunsiwang.cn/images/about/part8_icon.png) no-repeat 0px 0px; }
main.about section.part8 .cont ul li:nth-child(2) { background: url(http://cdn.yunsiwang.cn/images/about/part8_icon.png) no-repeat 0px -50px; }
main.about section.part8 .cont ul li:nth-child(3) { background: url(http://cdn.yunsiwang.cn/images/about/part8_icon.png) no-repeat 0px -100px; }
main.about section.part8 .cont ul li:nth-child(4) { background: url(http://cdn.yunsiwang.cn/images/about/part8_icon.png) no-repeat 0px -150px; }
main.about section.part8 .cont ul li p { text-align: left; padding-left: 20px; border: 1px solid #575757; }

main.cases section.banner { height: 700px; padding-top: 200px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/cases/banner.jpg) no-repeat center top; }
main.cases section.banner img {     
    display: block;
    animation: cases-ani 1 .3s linear;
    margin-left: 570px; }
@keyframes cases-ani {
  from { transform: translate(500px, 0px) scale(0.2); }
  to { transform: translate(0px, 0px) scale(1); }
}
main.cases section.part1 { background: url(http://cdn.yunsiwang.cn/images/school/part6_macbook.png) no-repeat center 225px; }
main.cases section.part1 .top { padding-top: 110px; }
main.cases section.part1 .top .video { width: 65%; margin: 0 auto; }
main.cases section.part1 .top .video video { width: 100% }
main.cases section.part1 .swiper-container { margin-top: 130px; }
main.cases section.part1 .swiper-container img { width: 100% }
main.cases section.part2 { background: #fafafa }
main.cases section.part2 ul.swiper-wrapper ul { display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: space-between; }
main.cases section.part2 ul.swiper-wrapper ul li { padding-bottom: 20px; position: relative; overflow: hidden; }
main.cases section.part2 ul.swiper-wrapper ul li img { display: block; }
main.cases section.part2 ul.swiper-wrapper ul li img:last-of-type { position: absolute; right: 10px; bottom: 0 }
main.cases section.part3 .w_1200 { height: 1300px; margin-top: 20px; overflow: hidden; position: relative; }
main.cases section.part3 .w_1200 .head { display: table; margin: 0 auto; position: relative; z-index: 99 }
main.cases section.part3 .w_1200 .head label { display: inline-block; box-sizing: border-box; cursor: pointer; line-height: 2; padding: 0 50px; font-size: 24px; border: 1px solid #ccc }
main.cases section.part3 .w_1200 .head label:first-of-type { border-right: none; border-radius: 30px 0 0 30px; }
main.cases section.part3 .w_1200 .head label:last-of-type { border-left: none; border-radius: 0 30px 30px 0; }
main.cases section.part3 .w_1200 .head label.active { border-color: #ffae7b; color: #fff; background: #ffae7b }
main.cases section.part3 .w_1200 .swiper-container { width: 1180px; opacity: 0; position: absolute; top: 35px; z-index: 8 }
main.cases section.part3 .w_1200 .swiper-container li.swiper-slide { display: flex; justify-content: center; flex-wrap: wrap; padding-top: 20px }
main.cases section.part3 .w_1200 .swiper-container li.swiper-slide img { padding: 10px; }
main.cases section.part3 .w_1200 .swiper-container.show { opacity: 1; z-index: 9 }

main.goods section.banner { height: 700px; padding-top: 200px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/goods/banner.jpg) no-repeat center top; }
main.goods section.banner img { 
    display: block;
    animation: goods_banner_ani 1 .3s linear;
    margin-left: 510px; }
@keyframes goods_banner_ani {
  from { transform: translate(500px, 0px) scale(0.2); }
  to { transform: translate(0px, 0px) scale(1); }
}
main.goods section.part1 ul.w_1200 { width: 1025px; margin-top: 40px; display: flex; }
main.goods section.part1 ul.w_1200 li { background: #fff; overflow: hidden; cursor: pointer; }
main.goods section.part1 ul.w_1200 li .img { width: 300px; height: 285px; overflow: hidden; padding-top: 7px; margin-top: -7px; margin-left: -66px; transform: rotate(5deg); }
main.goods section.part1 ul.w_1200 li .img.bd { margin-left: -66px; transform: rotate(-5deg); }
main.goods section.part1 ul.w_1200 li img { width: 179px; display: block; margin: 0 auto; transition: all .5s; transform: rotate(-5deg); }
main.goods section.part1 ul.w_1200 li .img.bd img { transform: rotate(5deg); }
main.goods section.part1 ul.w_1200 li:hover { box-shadow: 0 0 5px #ccc; }
main.goods section.part1 ul.w_1200 li:hover img { transform: rotate(-5deg) scale(1.08, 1.08); }
main.goods section.part1 ul.w_1200 li:hover .img.bd img { transform: rotate(5deg) scale(1.08, 1.08); }
main.goods section.part1 ul.w_1200 li .desc { padding: 30px 15px; text-align:center;}
main.goods section.part1 ul.w_1200 li .desc h3 { font-size: 18px; font-weight: normal; }
main.goods section.part1 ul.w_1200 li .desc i { color: #585858; font-size: 12px; }
main.goods section.part2 { height: 600px; background: url(http://cdn.yunsiwang.cn/images/goods/part2_img.png) no-repeat center #f8f8f8; }
main.goods section.part3 .w_1200 { margin-top: 50px }
main.goods section.part3 .w_1200 ul { display: flex; }
main.goods section.part3 .w_1200 > a { color: #fff; display: table; line-height: 2; font-size: 16px; padding: 0 30px; margin: 30px auto 0; border-radius: 20px; background: linear-gradient(90deg, #ffbf7c, #ff7b7a) }
main.goods section.part4 { height: 700px; background: url(http://cdn.yunsiwang.cn/images/goods/part4_img.png) no-repeat center 220px #f8f8f8; }


main.index section.banner { padding: 0 }
main.index section.banner .swiper-container li { overflow: hidden; position: relative; }
main.index section.banner .swiper-container li .cont { width: 2600px; height: 600px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; border-radius: 50%; position: absolute; overflow: hidden; transform: translate(-50%); bottom: 32px; left: 50%; }
main.index section.banner .swiper-container li .cont .box { display: flex; border-radius: 5px; padding: 50px 200px; flex-direction: column; background: rgba(255, 255, 255, .8); position: absolute; top: 20% }
main.index section.banner .swiper-container li .cont .box img { margin: 20px }
main.index section.banner .swiper-container li .cont > img:first-of-type { transform: translateY(-150px); transition: all .9s; }
main.index section.banner .swiper-container li .cont > img:last-of-type { transform: translateY(150px); transition: all .9s; }
main.index section.banner .swiper-container li .cont .box { transform: translate(100%) scale(0.2); -webkit-transform: translate(100%) scale(0.2); transition: all .9s; }
main.index section.banner .swiper-container li.swiper-slide.swiper-slide-active img { transform: translate(0px);-webkit-transform: translate(0px); }
main.index section.banner .swiper-container li.swiper-slide.swiper-slide-active .box { transform: translate(0) scale(1);-webkit-transform: translate(0) scale(1); }
main.index section.banner .swiper-container .swiper-pagination { bottom: 30px }
main.index section.banner .swiper-container li img{
    width: 100%;
}

main.index section.part1 { padding-bottom: 0; background: url(../img/dianshang.jpg) no-repeat center bottom; }
main.index section.part1 .w_1200 { margin-top: 70px; position: relative; overflow: hidden; }
main.index section.part1 .w_1200 ul { margin-top: 70px; position: absolute; left: 100px; right: 100px; }
main.index section.part1 .w_1200 ul li { display: flex; margin-top: 15px; justify-content: center; }
main.index section.part1 .w_1200 ul li.a img { margin: 0 70px; }
main.index section.part1 .w_1200 ul li.b img { margin: 0 120px; }
main.index section.part1 .w_1200 ul li.c img { margin: 0 160px; }
main.index section.part1 .w_1200 ul li.d img { margin: 0 250px; }
main.index section.part1 .w_1200 ul li.e img { margin: 0 280px; }
main.index section.part1 .w_1200 > .av-container > img { display: block; margin: 100px auto 0; position: relative; z-index: 99; bottom: -3px; }
main.index section.part2 { background: url(http://cdn.yunsiwang.cn/images/index/part2_bg.jpg) no-repeat center bottom; display: flex; padding: 100px 0; align-items: center; justify-content: center; }
main.index section.part2 img { margin: 0 80px; }
main.index section.part3 {background: url(../img/inc-1.jpg) no-repeat center bottom; }
main.index section.part3 .w_1200 { height: 931px; position: relative; }
main.index section.part3 .w_1200 ul.item5 { width: 950px; margin: 0 auto; display: flex; justify-content: space-around; border-radius: 50%; }
main.index section.part3 .w_1200 ul.item5 li { width: 90px; height: 90px; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #007fff; box-shadow: 0 0 2px 5px rgba(0, 0, 255,0.5); position: relative; animation: index_b infinite 2s linear; font-size: 18px}
main.index section.part3 .w_1200 ul.item5 li a { color: #fff; font-size: 18px; text-decoration:none;}
main.index section.part3 .w_1200 ul.item5 li:nth-child(1) { top: 654px; left: -147px; }
main.index section.part3 .w_1200 ul.item5 li:nth-child(2) { top: 485px; left: -83px; }
main.index section.part3 .w_1200 ul.item5 li:nth-child(3) { top: 115px; left: -418px; }
main.index section.part3 .w_1200 ul.item5 li:nth-child(4) { top: 115px; left: -16px;  }
main.index section.part3 .w_1200 ul.item5 li:nth-child(5) { top: 655px; right: -399px; }
main.index section.part3 .w_1200 ul.item5 li:nth-child(6) { top: 485px; right: -35px; }
main.index section.part3 .w_1200 ul.item5 li:nth-child(7) { top: 115px; right: -128px; }
@keyframes index_b {
	0% {box-shadow: 0 0 1px 2px rgba(0, 0, 255,0.2)}
	50% {box-shadow: 0 0 5px 10px rgba(0, 0, 255,0.1)}
	100% {box-shadow: 0 0 1px 2px rgba(0, 0, 255,0.3)}
}
main.index section.part4 ul.w_1200 { display: flex; margin-top: 50px; flex-wrap: wrap; background: #f1eff0; position: relative; }
main.index section.part4 ul.w_1200 li { width: 25%; position: relative; z-index: 9 }
main.index section.part4 ul.w_1200 li img { width: 100%; display: block; }
main.index section.part4 ul.w_1200 li.desc { padding: 50px; box-sizing: border-box; }
main.index section.part4 ul.w_1200 li.desc h2 { width: 150px; line-height: 2; display: inline-block; border-bottom: 2px solid #000; }
main.index section.part4 ul.w_1200 li.desc p { line-height: 1.5; margin-top: 15px; }
main.index section.part4 ul.w_1200 li:hover { color: #fff }
main.index section.part4 ul.w_1200 li:hover h2 { color: #fff; border-bottom: 2px solid #fff; }
main.index section.part4 ul.w_1200 li.hover { width: 300px; height: 226px; background: #ee9723; transition: all .5s; position: absolute; z-index: 8; }
main.index section.part4 ul.w_1200 li:nth-child(2):hover ~ li.hover { transform: translate(300px, 0); }
main.index section.part4 ul.w_1200 li:nth-child(3):hover ~ li.hover { transform: translate(600px, 0); }
main.index section.part4 ul.w_1200 li:nth-child(4):hover ~ li.hover { transform: translate(900px, 0); }
main.index section.part4 ul.w_1200 li:nth-child(5):hover ~ li.hover { transform: translate(0, 226px); }
main.index section.part4 ul.w_1200 li:nth-child(6):hover ~ li.hover { transform: translate(300px, 226px); }
main.index section.part4 ul.w_1200 li:nth-child(7):hover ~ li.hover { transform: translate(600px, 226px); }
main.index section.part4 ul.w_1200 li:nth-child(8):hover ~ li.hover { transform: translate(900px, 226px); }
main.index section.part4 ul.w_1200 li:nth-child(9):hover ~ li.hover { transform: translate(0, 452px); }
main.index section.part4 ul.w_1200 li:nth-child(10):hover ~ li.hover { transform: translate(300px, 452px); }
main.index section.part4 ul.w_1200 li:nth-child(11):hover ~ li.hover { transform: translate(600px, 452px); }
main.index section.part4 ul.w_1200 li:nth-child(12):hover ~ li.hover { transform: translate(900px, 452px); }

main.index section.part5 ul.w_1200 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
main.index section.part5 ul.w_1200 li { width: 350px; text-align: center; color: #666; font-size: 16px; margin-bottom: 20px; line-height: 1.5; box-shadow: 0 0 10px 1px #e5e5e5; border-radius: 10px; padding: 30px 0; }
main.index section.part5 ul.w_1200 li h5 { font-size: 24px; font-weight: normal; margin-bottom: 10px; margin-top: 10px; }
main.index section.part5 ul.w_1200 li i { width: 160px; height: 160px; display: inline-block;}
main.index section.part5 ul.w_1200 li i img { width: 160px; height: 160px; display: inline-block;}
main.index section.part5 ul.w_1200 li.li2 i { background-position: -91px 0; }
main.index section.part5 ul.w_1200 li.li3 i { background-position: -182px 0; }
main.index section.part5 ul.w_1200 li.li4 i { background-position: -273px 0; }
main.index section.part5 ul.w_1200 li.li5 i { background-position: -364px 0; }
main.index section.part5 ul.w_1200 li.li6 i { background-position: -455px 0; }
main.index section.part5 ul.w_1200 li.li7 i { background-position: -546px 0; }
main.index section.part5 ul.w_1200 li.li8 i { background-position: -637px 0; }
main.index section.part5 ul.w_1200 li.li9 i { background-position: -728px 0; }
main.index section.part5 ul.w_1200 li.li10 i { background-position: -819px 0; }
main.index section.part5 ul.w_1200 li.li11 i { background-position: -910px 0; }
main.index section.part5 ul.w_1200 li.li12 i { background-position: -1001px 0; }
main.index section.part5 ul.w_1200 li:hover {background-color: #007aff; color: #ffffff;  }
main.index section.part5 ul.w_1200 li:hover P { color: #ffffff;}
main.index section.part5 ul.w_1200 li.li1:hover i { background-position: 0 -68px; }
main.index section.part5 ul.w_1200 li.li2:hover i { background-position: -91px -68px; }
main.index section.part5 ul.w_1200 li.li3:hover i { background-position: -182px -68px; }
main.index section.part5 ul.w_1200 li.li4:hover i { background-position: -273px -68px; }
main.index section.part5 ul.w_1200 li.li5:hover i { background-position: -364px -68px; }
main.index section.part5 ul.w_1200 li.li6:hover i { background-position: -455px -68px; }
main.index section.part5 ul.w_1200 li.li7:hover i { background-position: -546px -68px; }
main.index section.part5 ul.w_1200 li.li8:hover i { background-position: -637px -68px; }
main.index section.part5 ul.w_1200 li.li9:hover i { background-position: -728px -68px; }
main.index section.part5 ul.w_1200 li.li10:hover i { background-position: -819px -68px; }
main.index section.part5 ul.w_1200 li.li11:hover i { background-position: -910px -68px; }
main.index section.part5 ul.w_1200 li.li12:hover i { background-position: -1001px -68px; }
main.index section.part5 ul.w_1200 img { width: 100%; display: block; margin-left: -1px; }




main.index section.part6 { background: #ffffff }
main.index section.part6 ul.swiper-wrapper { margin-top: 30px; padding-bottom: 38px; }
main.index section.part6 ul.swiper-wrapper .swiper-slide { width: 820px; }
main.index section.part6 ul.swiper-wrapper .swiper-slide img { width: 100% }
main.index section.part6 .swiper-pagination-bullets .swiper-pagination-bullet { border: 3px solid #000; background: unset; }
main.index section.part6 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 3px solid #ef8327; }
main.index section.part6 .desc h2 { width: 250px; font-size: 26px; line-height: 2.5; margin-top: 20px; border-bottom: 1px solid #ccc; }
main.index section.part6 .desc h2:after { width: 100px; height: 1px; content: ''; display: block; margin-bottom: -1px; border-bottom: 1px solid #ef8327; }
main.index section.part6 .desc p { color: #585858; line-height: 2; font-size: 22px; }


main.index section.part7 { padding-top: 100px; background: url(http://cdn.yunsiwang.cn/images/index/part2_bg.jpg) no-repeat center 60px; }
main.index section.part7 ul.vs { display: flex; margin-top: -160px; align-items: baseline; justify-content: space-around; }
main.index section.part7 .cont { width: 1100px; display: flex; margin: 30px auto 0; justify-content: space-around; }
main.index section.part7 .cont ul li { margin-top: 20px; }
main.index section.part8 { background: url(http://cdn.yunsiwang.cn/images/index/part8_bg.jpg) no-repeat center; }
main.index section.part8 ul.w_1200 { display: flex; margin: 215px auto; position:relative; }
main.index section.part8 ul.w_1200 li { position: absolute; }
main.index section.part8 ul.w_1200 li:nth-child(1) { top: 53px; left: -275px; }
main.index section.part8 ul.w_1200 li:nth-child(2) { top: -218px; left: -195px; }
main.index section.part8 ul.w_1200 li:nth-child(3) { top: -278px; left: 98px; }
main.index section.part8 ul.w_1200 li:nth-child(4) { top: -6px; left: 88px; }
main.index section.part8 ul.w_1200 li:nth-child(5) { top: 107px; left: 285px; }
main.index section.part8 ul.w_1200 li:nth-child(6) { top: -147px; left: 316px; }
main.index section.part8 ul.w_1200 li:nth-child(7) { top: -75px; left: 527px; }
main.index section.part8 ul.w_1200 li:nth-child(8) { top: 10px; right: 420px; }
main.index section.part8 ul.w_1200 li:nth-child(9) { top: -148px; right: 220px; }
main.index section.part8 ul.w_1200 li:nth-child(10) { top: -23px; right: 92px; }
/*main.index section.part8 ul.w_1200 li:nth-child(11) { top: -204px; right: -187px; }*/
/*main.index section.part8 ul.w_1200 li:nth-child(12) { top: 114px; right: -259px; }*/
main.index section.part8 ul.w_1200 li { transform: translateY(100px) scale(.1); opacity: 0; transition: all .5s; }
main.index section.part8.active ul.w_1200 li { transform: translateY(0px) scale(1); opacity: 1 }
main.index section.part9 { background: url(http://cdn.yunsiwang.cn/images/about/part7_bg.png) no-repeat center bottom; }
main.index section.part9 { position: relative; -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; }
main.index section.part9 .caption { width: 100%; text-align: center; -moz-opacity: 0; opacity: 0; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; }
main.index section.part9 .caption { -moz-opacity: 1; opacity: 1; }
main.index section.part9 .caption i { display: block; margin: 0 auto; margin-bottom: 20px; width: 299px; height: 37px; background: url(http://www.baidusuzhou.com/templets/Images/words.png) no-repeat -152px -528px; }
main.index section.part9 .caption span { font-size: 24px; padding-left: 10px; }
main.index section.part9 ul.items { margin: 0 auto; margin-top: 45px; width: 1155px; height: 450px; font-size: 0; overflow: hidden; }
main.index section.part9 ul.items li { position: relative; padding: 0; width: 230px; height: 150px; display: inline-block; overflow: hidden; z-index: 10; }
main.index section.part9 ul.items li.cctv { top: 600px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat 56px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.cctv:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat 56px -120px #eee; }
main.index section.part9 ul.items li.cctv { top: 0px; }
main.index section.part9 ul.items li.unicom { top: -400px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -190px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.unicom:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -190px -120px #eee; }
main.index section.part9 ul.items li.unicom { top: 0px; }
main.index section.part9 ul.items li.tsinghua { top: 600px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -420px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.tsinghua:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -420px -120px #eee; }
main.index section.part9 ul.items li.tsinghua { top: 0px; }
main.index section.part9 ul.items li.cas { top: -400px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -690px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.cas:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -690px -120px #eee; }
main.index section.part9 ul.items li.cas { top: 0px; }
main.index section.part9 ul.items li.sipo { top: 600px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -920px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.sipo:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -920px -120px #eee; }
main.index section.part9 ul.items li.sipo { top: 0px; }
main.index section.part9 ul.items li.apple { top: 450px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1195px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.apple:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1195px -120px #eee; }
main.index section.part9 ul.items li.apple { top: 0px; }
main.index section.part9 ul.items li.das { top: -550px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1430px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.das:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1430px -120px #eee; }
main.index section.part9 ul.items li.das { top: 0px; }
main.index section.part9 ul.items li.hunantv { top: 450px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1658px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.hunantv:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1658px -120px #eee; }
main.index section.part9 ul.items li.hunantv { top: 0px; }
main.index section.part9 ul.items li.sino { top: -550px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1920px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.sino:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -1920px -120px #eee; }
main.index section.part9 ul.items li.sino { top: 0px; }
main.index section.part9 ul.items li.report { top: 450px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2160px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.report:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2160px -120px #eee; }
main.index section.part9 ul.items li.report { top: 0px; }
main.index section.part9 ul.items li.gedu { top: 300px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2455px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.gedu:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2455px -120px #eee; }
main.index section.part9 ul.items li.gedu { top: 0px; }
main.index section.part9 ul.items li.bgg { top: -700px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2695px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.bgg:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2695px -120px #eee; }
main.index section.part9 ul.items li.bgg { top: 0px; }
main.index section.part9 ul.items li.bsec { top: 300px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2944px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.bsec:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -2944px -120px #eee; }
main.index section.part9 ul.items li.bsec { top: 0px; }
main.index section.part9 ul.items li.huadan { top: -700px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3188px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.huadan:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3188px -120px #eee; }
main.index section.part9 ul.items li.huadan { top: 0px; }
main.index section.part9 ul.items li.zd { top: 300px; background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3432px 30px; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; }
main.index section.part9 ul.items li.zd:hover { background: url(http://cdn.yunsiwang.cn/images/about/part7_li_bg.png) no-repeat -3432px -120px #eee; }
main.index section.part9 ul.items li.zd { top: 0px; }
main.index section.part9 ul.items li.r { border-right: 1px dotted #ddd; }
main.index section.part9 ul.items li.b { border-bottom: 1px dotted #ddd; }
main.index section.part9 ul.items li span { position: absolute; bottom: -30px; }
main.index section.part9 ul.items li.bg.all { position: absolute; width: 1155px; height: 450px; background-color: White; -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity=30); }
main.index section.part9 ul.items li.bg.one { position: absolute; background: #eee; -moz-opacity: 0.5; opacity: 0.5; filter: alpha(opacity=50); -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; display: none; }
main.index section.part9 ul.mini { display: none; }
main.index section.part10 { margin-top: -200px; }
/*自己修改w_600*/
main.index section.part11 { no-repeat center ; }
main.index section.part11 ul.w_600 > li { display: flex; padding: 10px 0; align-items: center; justify-content: space-around; }
main.index section.part11 ul.w_600 .desc { width: 15% }
main.index section.part11 ul.w_600 .desc .title { display: flex; color: #d0d0d0; font-size: 100px; text-align: left; align-items: center; }
main.index section.part11 ul.w_600 .desc .title h3 { font-weight: normal; font-size: 30px; color: #ef8327; }
main.index section.part11 ul.w_600 .desc .title p { font-size: 26px; }
main.index section.part11 ul.w_600 ul { display: flex; flex-wrap: wrap; }
main.index section.part11 ul.w_600 ul li { width: 30%; font-size: 22px; padding-left: 25px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/icon.png) no-repeat left center; }


main.jingdong section.banner { height: 700px; padding-top: 200px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/jingdong/banner.png) no-repeat center top; }
main.jingdong section.banner img { display: block; margin: 0 auto; animation: jingdong_banner_ani 1 .3s linear; }
@keyframes jingdong_banner_ani {
  from { transform: translate(0px, 500px) scale(0.2); }
  to { transform: translate(0px, 0px) scale(1); }
}
main.jingdong section.part1 { background: url(http://cdn.yunsiwang.cn/images/jingdong/part1_bg.jpg) no-repeat center bottom; }
main.jingdong section.part1 ul.w_1200 { margin-top: 100px; padding-bottom: 130px; }
main.jingdong section.part1 ul.w_1200 li { display: flex; justify-content: space-between; }
main.jingdong section.part1 ul.w_1200 li img { margin: 0 60px }
main.jingdong section.part2 { background: url(http://cdn.yunsiwang.cn/images/jingdong/part2_bg.jpg) no-repeat center; }
main.jingdong section.part2 { display: flex; padding: 100px 0; align-items: center; justify-content: center; }
main.jingdong section.part2 img { margin: 0 20px; }
main.jingdong section.part3 ul.w_1200 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
main.jingdong section.part3 ul.w_1200 li { width: 190px; text-align: center; color: #666; font-size: 16px; margin-bottom: 20px; line-height: 1.5; box-shadow: 0 0 10px 1px #e5e5e5; border-radius: 10px; padding: 30px 0; }
main.jingdong section.part3 ul.w_1200 li h5 { font-size: 24px; font-weight: normal; margin-bottom: 10px; }
main.jingdong section.part3 ul.w_1200 li i { width: 91px; height: 68px; display: inline-block; background-image: url(http://cdn.yunsiwang.cn/images/kuaishou/part4_icon.png); }
main.jingdong section.part3 ul.w_1200 li.li2 i { background-position: -91px 0; }
main.jingdong section.part3 ul.w_1200 li.li3 i { background-position: -182px 0; }
main.jingdong section.part3 ul.w_1200 li.li4 i { background-position: -273px 0; }
main.jingdong section.part3 ul.w_1200 li.li5 i { background-position: -364px 0; }
main.jingdong section.part3 ul.w_1200 li.li6 i { background-position: -455px 0; }
main.jingdong section.part3 ul.w_1200 li.li7 i { background-position: -546px 0; }
main.jingdong section.part3 ul.w_1200 li.li8 i { background-position: -637px 0; }
main.jingdong section.part3 ul.w_1200 li.li9 i { background-position: -728px 0; }
main.jingdong section.part3 ul.w_1200 li.li10 i { background-position: -819px 0; }
main.jingdong section.part3 ul.w_1200 li.li11 i { background-position: -910px 0; }
main.jingdong section.part3 ul.w_1200 li.li12 i { background-position: -1001px 0; }
main.jingdong section.part3 ul.w_1200 li:hover { background-color: #ef8327; color: #fff }
main.jingdong section.part3 ul.w_1200 li.li1:hover i { background-position: 0 -68px; }
main.jingdong section.part3 ul.w_1200 li.li2:hover i { background-position: -91px -68px; }
main.jingdong section.part3 ul.w_1200 li.li3:hover i { background-position: -182px -68px; }
main.jingdong section.part3 ul.w_1200 li.li4:hover i { background-position: -273px -68px; }
main.jingdong section.part3 ul.w_1200 li.li5:hover i { background-position: -364px -68px; }
main.jingdong section.part3 ul.w_1200 li.li6:hover i { background-position: -455px -68px; }
main.jingdong section.part3 ul.w_1200 li.li7:hover i { background-position: -546px -68px; }
main.jingdong section.part3 ul.w_1200 li.li8:hover i { background-position: -637px -68px; }
main.jingdong section.part3 ul.w_1200 li.li9:hover i { background-position: -728px -68px; }
main.jingdong section.part3 ul.w_1200 li.li10:hover i { background-position: -819px -68px; }
main.jingdong section.part3 ul.w_1200 li.li11:hover i { background-position: -910px -68px; }
main.jingdong section.part3 ul.w_1200 li.li12:hover i { background-position: -1001px -68px; }
main.jingdong section.part4 { overflow: hidden; background: url(http://cdn.yunsiwang.cn/images/jingdong/part4_bg.png) no-repeat center bottom #f6f6f6; padding-bottom: 0 }
main.jingdong section.part4 .w_1200 { position: relative; margin-top: 50px; padding-bottom: 120px; }
main.jingdong section.part4 .w_1200 ul li { display: flex; justify-content: space-between; padding-bottom: 70px }
main.jingdong section.part4 .w_1200 ul li .desc { width: 320px; color: #666; font-size: 14px; text-align: left; position: relative; }
main.jingdong section.part4 .w_1200 ul li .desc h5 { font-size: 20px; color: #333 }
main.jingdong section.part4 .w_1200 img { position: absolute; left: 50%; bottom: 0px; }
main.jingdong section.part4 .w_1200 img:first-of-type { animation: jingdong_a infinite 3s linear; }
main.jingdong section.part4 .w_1200 img:last-of-type { margin-left: -625px; bottom: -898px; animation: jingdong_aidemoli infinite 5s linear; }
@keyframes jingdong_aidemoli {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes jingdong_a {
  0% { transform: translate(-50%, 0px); }
  50% { transform: translate(-50%, -10px); }
  100% { transform: translate(-50%, 0px); }
}
main.jingdong section.part5 { background: url(http://cdn.yunsiwang.cn/images/jingdong/part5_bg.jpg) no-repeat center bottom; }
main.jingdong section.part5 .w_1200 { 
  width: 1200px;
    display: flex;
    justify-content: space-between;}
main.jingdong section.part5 .w_1200 ul:first-child{
	margin-left: -30px;
}
main.jingdong section.part5 .w_1200 ul:last-child{
	margin-right: 44px;
}
main.jingdong section.part5 .w_1200 ul li { margin-top: 20px; padding-bottom: 50px; position: relative; line-height: 1.5; font-size: 17px; color: #666 }
main.jingdong section.part5 .w_1200 ul h5 { font-size: 24px; color: #ff990f }
main.jingdong section.part6 { background: url(http://cdn.yunsiwang.cn/images/jingdong/part6_bg.jpg) no-repeat center bottom; }
main.jingdong section.part6 ul.swiper-wrapper .swiper-slide { width: 485px; }
main.jingdong section.part6 ul.swiper-wrapper .swiper-slide img { width: 100% }
main.jingdong section.part6 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ff990f; }
main.jingdong section.part7 .w_1200 { height: 740px; overflow: hidden; position: relative; }
main.jingdong section.part7 .w_1200 .head { display: table; margin: 0 auto; position: relative; z-index: 99 }
main.jingdong section.part7 .w_1200 .head label { display: inline-block; box-sizing: border-box; cursor: pointer; line-height: 2; padding: 0 50px; font-size: 24px; border: 1px solid #ccc }
main.jingdong section.part7 .w_1200 .head label:first-of-type { border-right: none; border-radius: 30px 0 0 30px; }
main.jingdong section.part7 .w_1200 .head label:last-of-type { border-left: none; border-radius: 0 30px 30px 0; }
main.jingdong section.part7 .w_1200 .head label.active { border-color: #ffae7b; color: #fff; background: #ffae7b }
main.jingdong section.part7 .w_1200 .swiper-container { width: 1180px; opacity: 0; padding: 80px 10px 50px; position: absolute; top: 35px; z-index: 8 }
main.jingdong section.part7 .w_1200 .swiper-container:after { width: 90%; height: 50px; content: ''; border-radius: 10px; position: absolute; background: #f1f1f1; top: 50px; left: 5%; }
main.jingdong section.part7 .w_1200 .swiper-container.show { opacity: 1; z-index: 9 }
main.jingdong section.part7 .w_1200 .swiper-slide { background: #fff; border-radius: 20px; cursor: pointer; box-shadow: 0 0 20px #ccc; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.head { display: flex; position: relative; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.head:after { width: 80%; height: 50%; content: ''; position: absolute; background: #ff6a7f; left: 10%; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.head li { width: 34%; color: #fff; line-height: 1.8; font-size: 36px; background: #fff; text-align: center; border-radius: 25px; position: relative; z-index: 9 }
main.jingdong section.part7 .w_1200 .swiper-slide ul.head li:nth-child(2) { background: #ff6a7f; border-radius: 10px; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont { padding: 0 80px 50px; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li { display: flex; min-height: 150px; align-items: center; border-bottom: 1px dashed #ccc; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li label { width: 53px; padding: 10px 0; box-sizing: border-box; text-align: center; border-radius: 50%; background: #9eaaff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li h3 { font-size: 30px; padding: 0 30px; font-weight: normal; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li ul { line-height: 2; color: #585858 }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex { flex: 1; display: flex; flex-wrap: wrap; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex li { width: 50%; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex.li4 li { width: 25%; }
main.jingdong section.part7 .w_1200 .swiper-slide ul.cont > li:last-of-type { border-bottom: none; }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head li:nth-child(2),
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head:after { background: #ff9d7b; }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head li:nth-child(2),
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head:after { background: #65d3f0; }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head li:nth-child(2),
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head:after { background: #ff6a7f; }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head li:nth-child(2),
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head:after { background: #a3b1ff; }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.cont > li label { background: #ff9d7b; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.cont > li label { background: #65d3f0; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.cont > li label { background: #ff6a7f; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.jingdong section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.cont > li label { background: #a3b1ff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.jingdong section.part7 .w_1200 .btn { width: 80px; height: 80px; outline: none; cursor: pointer; border-radius: 50%; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3); transition: all .3s; margin-left: -40px; display: inline-block; background: #ff6a7f; position: absolute; left: 50%; bottom: 10px; z-index: 99 }
main.jingdong section.part7 .w_1200 .btn:after { width: 30px; height: 30px; content: ''; display: block; margin-top: -15px; margin-left: -25px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; left: 50%; }
main.jingdong section.part8 { padding-bottom: 0px; background: url(http://cdn.yunsiwang.cn/images/serve/part3_bg.jpg) no-repeat center bottom; }
main.jingdong section.part8 ul { width: 800px; text-align: center; display: flex; margin: 30px auto; align-items: center; justify-content: space-around; }
main.jingdong section.part8 ul h5 { font-size: 22px; color: #fff; line-height: 2; text-shadow: 0 0 0.2em #000 }
main.jingdong section.part8 ul.top { margin-right: 180px }
main.jingdong section.part8 ul.bottom { width: 1000px; margin-top: 50px; margin-bottom: 0; padding-bottom: 50px; }
main.jingdong section.part8 ul.bottom img.re { transform: scale(.7) rotate(180deg); }


main.pinduoduo section.banner { height: 700px; padding-top: 300px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/pinduoduo/banner.png) no-repeat center top; }
main.pinduoduo section.banner img { display: block;animation: pinduoduo_banner_ani 1 .3s linear; }
@keyframes pinduoduo_banner_ani {
  from { transform: translate(-500px, 0px) scale(0.2); }
  to { transform: translate(0px, 0px) scale(1); }
}
main.pinduoduo section.part1 { background: url(http://cdn.yunsiwang.cn/images/index/part2_bg.jpg) no-repeat center; }
main.pinduoduo section.part1 { display: flex; padding: 100px 0; align-items: center; justify-content: center; }
main.pinduoduo section.part1 img { margin: 0 20px; }
main.pinduoduo section.part2 { background: url(http://cdn.yunsiwang.cn/images/pinduoduo/part2_bg.jpg) no-repeat center bottom; }
main.pinduoduo section.part2 ul.w_1200 { margin-top: 120px; padding-bottom: 130px; }
main.pinduoduo section.part2 ul.w_1200 li { display: flex; justify-content: space-between; margin-top: 25px; }
main.pinduoduo section.part2 ul.w_1200 li img { margin: 0 60px }
main.pinduoduo section.part3 ul.swiper-wrapper { margin-top: 30px; padding-bottom: 38px; }
main.pinduoduo section.part3 ul.swiper-wrapper .swiper-slide { width: 820px; }
main.pinduoduo section.part3 ul.swiper-wrapper .swiper-slide img { width: 100% }
main.pinduoduo section.part3 .swiper-pagination-bullets .swiper-pagination-bullet { border: 3px solid #000; background: unset; }
main.pinduoduo section.part3 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 3px solid #ef8327; }
main.pinduoduo section.part3 .desc h2 { width: 250px; font-size: 26px; line-height: 2.5; margin-top: 20px; border-bottom: 1px solid #ccc; }
main.pinduoduo section.part3 .desc h2:after { width: 100px; height: 1px; content: ''; display: block; margin-bottom: -1px; border-bottom: 1px solid #ef8327; }
main.pinduoduo section.part3 .desc p { color: #585858; line-height: 2; font-size: 22px; }
main.pinduoduo section.part4 ul.w_1200 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
main.pinduoduo section.part4 ul.w_1200 li { width: 190px; text-align: center; color: #666; font-size: 16px; margin-bottom: 20px; line-height: 1.5; box-shadow: 0 0 10px 1px #e5e5e5; border-radius: 10px; padding: 30px 0; }
main.pinduoduo section.part4 ul.w_1200 li h5 { font-size: 24px; font-weight: normal; margin-bottom: 10px; }
main.pinduoduo section.part4 ul.w_1200 li i { width: 91px; height: 68px; display: inline-block; background-image: url(http://cdn.yunsiwang.cn/images/kuaishou/part4_icon.png); }
main.pinduoduo section.part4 ul.w_1200 li.li2 i { background-position: -91px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li3 i { background-position: -182px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li4 i { background-position: -273px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li5 i { background-position: -364px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li6 i { background-position: -455px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li7 i { background-position: -546px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li8 i { background-position: -637px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li9 i { background-position: -728px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li10 i { background-position: -819px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li11 i { background-position: -910px 0; }
main.pinduoduo section.part4 ul.w_1200 li.li12 i { background-position: -1001px 0; }
main.pinduoduo section.part4 ul.w_1200 li:hover { background-color: #ef8327; color: #fff }
main.pinduoduo section.part4 ul.w_1200 li.li1:hover i { background-position: 0 -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li2:hover i { background-position: -91px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li3:hover i { background-position: -182px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li4:hover i { background-position: -273px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li5:hover i { background-position: -364px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li6:hover i { background-position: -455px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li7:hover i { background-position: -546px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li8:hover i { background-position: -637px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li9:hover i { background-position: -728px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li10:hover i { background-position: -819px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li11:hover i { background-position: -910px -68px; }
main.pinduoduo section.part4 ul.w_1200 li.li12:hover i { background-position: -1001px -68px; }
main.pinduoduo section.part4 ul.w_1200 img { width: 100%; display: block; margin-left: -1px; }
main.pinduoduo section.part5 ul.w_1200 { width: 1025px; margin-top: 20px; display: flex; }
main.pinduoduo section.part5 ul.w_1200 li { background: #fff; overflow: hidden; cursor: pointer; }
main.pinduoduo section.part5 ul.w_1200 li .img { width: 300px; height: 285px; overflow: hidden; padding-top: 7px; margin-top: -7px; margin-left: -66px; transform: rotate(5deg); }
main.pinduoduo section.part5 ul.w_1200 li .img.bd { margin-left: -66px; transform: rotate(-5deg); }
main.pinduoduo section.part5 ul.w_1200 li img { width: 179px; display: block; margin: 0 auto; transition: all .5s; transform: rotate(-5deg); }
main.pinduoduo section.part5 ul.w_1200 li .img.bd img { transform: rotate(5deg); }
main.pinduoduo section.part5 ul.w_1200 li:hover { box-shadow: 0 0 5px #ccc; }
main.pinduoduo section.part5 ul.w_1200 li:hover img { transform: rotate(-5deg) scale(1.08, 1.08); }
main.pinduoduo section.part5 ul.w_1200 li:hover .img.bd img { transform: rotate(5deg) scale(1.08, 1.08); }
main.pinduoduo section.part5 ul.w_1200 li .desc { padding: 30px 15px;text-align:center; }
main.pinduoduo section.part5 ul.w_1200 li .desc h3 { font-size: 18px; font-weight: normal; }
main.pinduoduo section.part5 ul.w_1200 li .desc i { color: #585858; font-size: 12px; }
main.pinduoduo section.part6 { background: url(http://cdn.yunsiwang.cn/images/pinduoduo/part6_bg.png) no-repeat center 270px #f6f6f6; padding-bottom: 0; overflow: hidden; }
main.pinduoduo section.part6 .w_1200 { position: relative; margin-top: 50px; padding-bottom: 120px; }
main.pinduoduo section.part6 .w_1200 ul li { display: flex; justify-content: space-between; padding-bottom: 70px }
main.pinduoduo section.part6 .w_1200 ul li .desc { width: 320px; color: #666; font-size: 14px; text-align: left; position: relative; }
main.pinduoduo section.part6 .w_1200 ul li .desc h5 { font-size: 20px; color: #333 }
main.pinduoduo section.part6 .w_1200 img { position: absolute; left: 50%; bottom: 0px; }
main.pinduoduo section.part6 .w_1200 img:first-of-type { animation: pinduoduo_a infinite 3s linear; }
main.pinduoduo section.part6 .w_1200 img:last-of-type { margin-left: -625px; bottom: -898px; animation: pinduoduo_aidemoli infinite 5s linear; }
@keyframes pinduoduo_aidemoli {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes pinduoduo_a {
  0% { transform: translate(-50%, 0px); }
  50% { transform: translate(-50%, -10px); }
  100% { transform: translate(-50%, 0px); }
}

main.pinduoduo section.part7 .w_1200 { height: 900px; margin-top: 20px; overflow: hidden; padding-bottom: 50px; position: relative; }
main.pinduoduo section.part7 .w_1200 .head { display: table; margin: 0 auto; position: relative; z-index: 99 }
main.pinduoduo section.part7 .w_1200 .head label { display: inline-block; box-sizing: border-box; cursor: pointer; line-height: 2; padding: 0 50px; font-size: 24px; border: 1px solid #ccc }
main.pinduoduo section.part7 .w_1200 .head label:first-of-type { border-right: none; border-radius: 30px 0 0 30px; }
main.pinduoduo section.part7 .w_1200 .head label:last-of-type { border-left: none; border-radius: 0 30px 30px 0; }
main.pinduoduo section.part7 .w_1200 .head label.active { border-color: #ffae7b; color: #fff; background: #ffae7b }
main.pinduoduo section.part7 .w_1200 .swiper-container { width: 1180px; opacity: 0; padding: 80px 10px 50px; position: absolute; top: 35px; z-index: 8 }
main.pinduoduo section.part7 .w_1200 .swiper-container:after { width: 90%; height: 50px; content: ''; border-radius: 10px; position: absolute; background: #f1f1f1; top: 50px; left: 5%; }
main.pinduoduo section.part7 .w_1200 .swiper-container.show { opacity: 1; z-index: 9 }
main.pinduoduo section.part7 .w_1200 .swiper-slide { background: #fff; border-radius: 20px; cursor: pointer; box-shadow: 0 0 20px #ccc; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.head { display: flex; position: relative; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.head:after { width: 80%; height: 50%; content: ''; position: absolute; background: #ff6a7f; left: 10%; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.head li { width: 34%; color: #fff; line-height: 1.8; font-size: 36px; background: #fff; text-align: center; border-radius: 25px; position: relative; z-index: 9 }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.head li:nth-child(2) { background: #ff6a7f; border-radius: 10px; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont { padding: 0 80px 50px; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li { display: flex; min-height: 150px; align-items: center; border-bottom: 1px dashed #ccc; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li label { width: 53px; padding: 10px 0; box-sizing: border-box; text-align: center; border-radius: 50%; background: #9eaaff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li h3 { font-size: 30px; padding: 0 30px; font-weight: normal; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li ul { line-height: 2; color: #585858 }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex { flex: 1; display: flex; flex-wrap: wrap; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex li { width: 50%; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex.li4 li { width: 25%; }
main.pinduoduo section.part7 .w_1200 .swiper-slide ul.cont > li:last-of-type { border-bottom: none; }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head li:nth-child(2),
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head:after { background: #ff9d7b; }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head li:nth-child(2),
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head:after { background: #65d3f0; }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head li:nth-child(2),
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head:after { background: #ff6a7f; }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head li:nth-child(2),
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head:after { background: #a3b1ff; }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.cont > li label { background: #ff9d7b; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.cont > li label { background: #65d3f0; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.cont > li label { background: #ff6a7f; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.pinduoduo section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.cont > li label { background: #a3b1ff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.pinduoduo section.part7 .w_1200 .btn { width: 80px; height: 80px; outline: none; cursor: pointer; border-radius: 50%; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3); transition: all .3s; margin-left: -40px; display: inline-block; background: #ff6a7f; position: absolute; left: 50%; bottom: 10px; z-index: 99 }
main.pinduoduo section.part7 .w_1200 .btn:after { width: 30px; height: 30px; content: ''; display: block; margin-top: -15px; margin-left: -25px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; left: 50%; }
main.pinduoduo section.part8 { padding-bottom: 0; }
main.pinduoduo section.part8 .w_1200 img { display: block; }
main.pinduoduo section.part8 li.swiper-slide { overflow: hidden; }
main.pinduoduo section.part8 li.swiper-slide img:last-of-type { transition: all .9s; transform: translate(200px, 0px); position: absolute; right: 0; bottom: 0; }
main.pinduoduo section.part8 li.swiper-slide.swiper-slide-active img:last-of-type { transform: translate(0px); }
main.pinduoduo section.part9 { padding-bottom: 200px; background: url(http://cdn.yunsiwang.cn/images/serve/part3_bg.jpg) no-repeat center; }
main.pinduoduo section.part9 ul.tab { width: 800px; text-align: center; display: flex; margin: 30px auto; align-items: center; justify-content: space-around; }
main.pinduoduo section.part9 ul.hy { width: 800px; display: flex; margin: 50px auto -150px; justify-content: space-around; }
main.pinduoduo section.part9 ul.hy li { width: 350px; color: #fff; line-height: 2; font-size: 22px; padding: 30px 0; text-align: center; border-radius: 5px; background: #ffa742 }
main.pinduoduo section.part9 ul.hy li i { display: table; width: 104px; height: 104px; background: #fff; border-radius: 50%; margin: 0 auto 30px; }
main.pinduoduo section.part9 ul.hy li i img { display: block; }
main.pinduoduo section.part9 ul.hy li.active { background: #ff4f5a }
main.pinduoduo section.part9 ul.hy li p { text-align: left; padding: 30px 78px; }
main.pinduoduo section.part9 ul.hy li h5 { font-size: 26px; padding: 0 10px; line-height: 1.5; border-radius: 5px; display: inline-block; border: 1px solid #fff; }
main.pinduoduo section.part9 ul.tab h5 { font-size: 22px; color: #fff; line-height: 2; text-shadow: 0 0 0.2em #000 }

main.school section.banner{height: 700px;padding-top:300px;box-sizing:border-box;background:url(http://cdn.yunsiwang.cn/images/school/banner.jpg) no-repeat center top;}
main.school section.banner img{display:block;margin:0 auto;animation:school_banner_ani 1 .3s linear;}
@keyframes school_banner_ani {
  from { transform: scale(0.2); }
  to { transform: scale(1); }
}
main.school section.part1 { background: url(http://cdn.yunsiwang.cn/images/school/part1_bg.png) no-repeat center; }
main.school section.part1 .w_1200 { display: flex; height: 500px; margin-top: 40px; }
main.school section.part1 .w_1200 div { width: 50%; }
main.school section.part1 .w_1200 .left { color: #333; line-height: 2; font-size: 18px; text-indent: 2em; padding-top: 50px; }
main.school section.part1 .w_1200 .left p { margin-top: 40px; }
main.school section.part1 .w_1200 .right { background: url(http://cdn.yunsiwang.cn/images/school/part1_pad.png) no-repeat center; background-size: 550px; padding-top: 58px; }
main.school section.part1 .w_1200 .right .video { width: 86%; height: 87%; display: flex; margin: 0 auto; background: #000; border-radius: 10px; align-items: center; }
main.school section.part1 .w_1200 .right .video video { width: 100%; vertical-align: middle; }
main.school section.part2 { height: 584px; padding: 0; background: url(http://cdn.yunsiwang.cn/images/school/part2_bg.jpg) no-repeat center; }
main.school section.part3 ul.tab { width: 700px; display: flex; margin: 20px auto 40px; justify-content: space-around; }
main.school section.part3 ul.tab li { color: #fff; font-size: 28px; padding: 0 20px; line-height: 1.5; border-radius: 10px; background: #ef8327; }
main.school section.part3 ul.tab li.active { background: red }
main.school section.part3 .cont { display: none; }
main.school section.part3 .cont.active { display: flex; }
main.school section.part3 .cont .card { width: 171px; color: #fff; display: flex; padding: 50px 0; text-align: center; align-items: center; flex-direction: column; justify-content: space-around; }
main.school section.part3 .cont .card h3 { font-size: 22px; line-height: 1.5; }
main.school section.part3 .cont .card p { font-size: 16px; line-height: 2; }
main.school section.part3 .cont .card a { display: inline-block; border-radius: 10px; line-height: 2; padding: 0 20px; border: 1px solid #fff; }
main.school section.part3 .cont ul { width: 860px; display: flex; margin: 0 auto; flex-wrap: wrap; justify-content: space-around; }
main.school section.part3 .cont ul li { width: 32%;}
main.school section.part3 .cont ul li:nth-child(4) { margin-top: 10px; }
main.school section.part3 .cont ul li:nth-child(5) { margin-top: 10px; }
main.school section.part3 .cont ul li:nth-child(6) { margin-top: 10px; }
main.school section.part3 .cont ul li h4 { color: #666; line-height: 3; font-size: 16px; }
main.school section.part3 .cont ul li p { color: #999; font-size: 14px; text-align: right; }
main.school section.part3 .cont ul li .img { position: relative; overflow: hidden; }
main.school section.part3 .cont ul li img { width: 100%; display: block; transition: all .8s; }
main.school section.part3 .cont ul li:hover img { transform: scale(1.1); }
main.school section.part3 .cont ul li .desc { color: #fff; display: flex; text-align: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
main.school section.part3 .cont ul li .desc h2 { font-weight: normal; }
main.school section.part3 .cont ul li .desc h3 { font-weight: normal; }
main.school section.part3 .w_1200 > a { display: table; line-height: 2; font-size: 25px; color: #ef8327; padding: 0 30px; margin: 30px auto 0; border-radius: 10px; border: 1px solid #ef8327; }
main.school section.part7 ul.w_1200 { display: flex; width: 1200px; margin: 0 auto; flex-wrap: wrap; justify-content: space-around; }
main.school section.part7 ul.w_1200 li { width: 32%; margin-top: 20px; padding-bottom: 10px; border: 1px solid #ccc; }
main.school section.part7 ul.w_1200 li h5 { color: #666; font-weight: normal; line-height: 1.5; font-size: 16px; padding: 20px; }
main.school section.part7 ul.w_1200 li p { color: #999; font-size: 14px; text-align: right; padding-right: 20px; }
main.school section.part7 ul.w_1200 li .img { position: relative; overflow: hidden; }
main.school section.part7 ul.w_1200 li .img img:first-of-type { width: 100%; display: block; transition: all .8s; }
main.school section.part7 ul.w_1200 li .img img:last-of-type { position: absolute; right: 30px; bottom: 20px }
main.school section.part7 ul.w_1200 li:hover .img img:first-of-type { transform: scale(1.1); }
main.school section.part4 { background: url(http://cdn.yunsiwang.cn/images/about/part6_bg.jpg) no-repeat center bottom; }
main.school section.part4 .w_1200 { display: flex; overflow: hidden; margin-top: 140px; align-items: center; padding-bottom: 100px }
main.school section.part4 .w_1200 .swiper-container.cont { width: 83% }
main.school section.part4 .w_1200 .swiper-container.cont li .card { display: flex; background: #fff; margin-top: 20px; margin-left: 30px; padding: 20px 0 10px; }
main.school section.part4 .w_1200 .swiper-container.cont li .card > img { margin-left: -30px; }
main.school section.part4 .w_1200 .swiper-container.cont li .card .desc { position: relative; }
main.school section.part4 .w_1200 .swiper-container.cont li .card .desc h2 { display: table; font-size: 38px; line-height: 2; padding: 0 50px; margin: 50px auto 0; font-weight: normal; border-bottom: 1px solid #000; }
main.school section.part4 .w_1200 .swiper-container.cont li .card .desc h3 { color: #ef8327; font-size: 22px; line-height: 2; text-align: center; }
main.school section.part4 .w_1200 .swiper-container.cont li .card .desc p { color: #333; font-size: 20px; line-height: 2; font-weight: normal; padding: 0 50px; margin-top: 50px; }
main.school section.part4 .w_1200 .swiper-container.cont li .card .desc img { position: absolute; top: -30px; right: 50px; }
main.school section.part4 .w_1200 .swiper-container.thumbs { height: 500px; }
main.school section.part4 .w_1200 .swiper-container.thumbs li img { width: 100%; display: block; }
main.school section.part4 .w_1200 .swiper-container.thumbs li.swiper-slide.swiper-slide-thumb-active { border: 2px solid #ef8327; box-sizing: border-box; }
main.school section.part5 ul.w_1200 { display: flex; flex-wrap: wrap; justify-content: space-between; }
main.school section.part5 ul.w_1200 li { width: 24%; margin-top: 20px; position: relative; }
main.school section.part5 ul.w_1200 li img { width: 100%; display: block; }
main.school section.part5 ul.w_1200 li .desc { opacity: 0; color: #fff; line-height: 25px; transform: translateY(40%) scale(.1); transition: all .5s; background: rgba(0, 0, 0, .3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
main.school section.part5 ul.w_1200 li .desc h2 { margin-top: 40px; text-align: center; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom:15px;}
main.school section.part5 ul.w_1200 li .desc p { padding: 10px 15px; }
main.school section.part5 ul.w_1200 li:hover .desc { opacity: 1; transform: scale(1); }
main.school section.part6 { background: url(http://cdn.yunsiwang.cn/images/school/part6_bg.jpg) no-repeat center bottom; }
main.school section.part6 ul { display: flex; margin-top: 50px; flex-wrap: wrap; background: #f1eff0; position: relative; }
main.school section.part6 ul li { width: 25%; position: relative; z-index: 9 }
main.school section.part6 ul li img { width: 100%; display: block; }
main.school section.part6 ul li.desc { padding: 50px; box-sizing: border-box; }
main.school section.part6 ul li.desc h2 { width: 150px; line-height: 2; display: inline-block; border-bottom: 2px solid #000; }
main.school section.part6 ul li.desc p { line-height: 1.5; margin-top: 15px; }
main.school section.part6 ul li:hover { color: #fff }
main.school section.part6 ul li:hover h2 { color: #fff; border-bottom: 2px solid #fff; }
main.school section.part6 ul li.hover { width: 300px; height: 226px; background: #ee9723; transition: all .5s; position: absolute; z-index: 8; }
main.school section.part6 ul li:nth-child(2):hover ~ li.hover { transform: translate(300px, 0); }
main.school section.part6 ul li:nth-child(3):hover ~ li.hover { transform: translate(600px, 0); }
main.school section.part6 ul li:nth-child(4):hover ~ li.hover { transform: translate(900px, 0); }
main.school section.part6 ul li:nth-child(5):hover ~ li.hover { transform: translate(0, 226px); }
main.school section.part6 ul li:nth-child(6):hover ~ li.hover { transform: translate(300px, 226px); }
main.school section.part6 ul li:nth-child(7):hover ~ li.hover { transform: translate(600px, 226px); }
main.school section.part6 ul li:nth-child(8):hover ~ li.hover { transform: translate(900px, 226px); }
main.school section.part6 ul li:nth-child(9):hover ~ li.hover { transform: translate(0, 452px); }
main.school section.part6 ul li:nth-child(10):hover ~ li.hover { transform: translate(300px, 452px); }
main.school section.part6 ul li:nth-child(11):hover ~ li.hover { transform: translate(600px, 452px); }
main.school section.part6 ul li:nth-child(12):hover ~ li.hover { transform: translate(900px, 452px); }
main.school section.part6 .bottom { background: url(http://cdn.yunsiwang.cn/images/school/part6_macbook.png) no-repeat center bottom; }
main.school section.part6 .bottom .video { width: 66%; padding-top: 55px; padding-bottom: 90px; margin: 50px auto 0; }
main.school section.part6 .bottom .video video { width: 100% }

main.serve section.banner { height: 700px; padding-top: 300px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/serve/banner.png) no-repeat center top; }
main.serve section.banner img { display: block; margin-left: 400px; animation: serve_banner_ani 1 .3s linear; }
@keyframes serve_banner_ani {
  from { transform: translate(800px, 0px) scale(0.2); }
  to { transform: translate(0px, 0px) scale(1); }
}
main.serve section.part1 { background: url(http://cdn.yunsiwang.cn/images/serve/part1_bg.png) no-repeat center 260px; }
main.serve section.part1 ul.w_1200 { margin-top: 60px; }
main.serve section.part1 ul.w_1200 > li { display: flex; padding: 10px 0; align-items: center; justify-content: space-around; }
main.serve section.part1 ul.w_1200 .desc { width: 45% }
main.serve section.part1 ul.w_1200 .desc .title { display: flex; color: #d0d0d0; font-size: 100px; text-align: left; align-items: center; }
main.serve section.part1 ul.w_1200 .desc .title h3 { font-weight: normal; font-size: 30px; color: #ef8327; }
main.serve section.part1 ul.w_1200 .desc .title p { font-size: 26px; }
main.serve section.part1 ul.w_1200 ul { display: flex; flex-wrap: wrap; }
main.serve section.part1 ul.w_1200 ul li { width: 30%; font-size: 22px; }
main.serve section.part1 ul.w_1200 ul li { width: 30%; font-size: 22px; padding-left: 25px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/icon.png) no-repeat left center;  }
main.serve section.part2 ul.w_1200 { display: flex; margin-top: 20px; justify-content: space-around; }
main.serve section.part2 ul.w_1200 li { width: 16%; text-align: center; cursor: pointer; }
main.serve section.part2 ul.w_1200 li img { transition: all 1s; }
main.serve section.part2 ul.w_1200 li hr { width: 10%; margin: 10px auto; }
main.serve section.part2 ul.w_1200 li:hover img { transform: rotate(360deg); }
main.serve section.part3 { padding-bottom: 200px; background: url(http://cdn.yunsiwang.cn/images/serve/part3_bg.jpg) no-repeat center; }
main.serve section.part3 ul.tab { width: 800px; text-align: center; display: flex; margin: 30px auto; align-items: center; justify-content: space-around; }
main.serve section.part3 ul.hy { width: 800px; display: flex; margin: 50px auto -150px; justify-content: space-around; }
main.serve section.part3 ul.hy li { width: 350px; color: #fff; line-height: 2; font-size: 22px; padding: 30px 0; text-align: center; border-radius: 5px; background: #ffa742 }
main.serve section.part3 ul.hy li i { display: table; width: 104px; height: 104px; background: #fff; border-radius: 50%; margin: 0 auto 30px; }
main.serve section.part3 ul.hy li i img { display: block; }
main.serve section.part3 ul.hy li.active { background: #ff4f5a }
main.serve section.part3 ul.hy li p { text-align: left; padding: 30px 78px; }
main.serve section.part3 ul.hy li h5 { font-size: 26px; padding: 0 10px; line-height: 1.5; border-radius: 5px; display: inline-block; border: 1px solid #fff; }
main.serve section.part3 ul.tab h5 { font-size: 22px; color: #fff; line-height: 2; text-shadow: 0 0 0.2em #000 }
main.serve section.part5 { background: url(http://cdn.yunsiwang.cn/images/serve/part5_bg.jpg) no-repeat center bottom; overflow: hidden; }
main.serve section.part5 ul.w_1200 { width: 1000px; display: flex; margin-top: 120px; padding-bottom: 80px; justify-content: space-around; }
main.serve section.part5 ul.w_1200 li:nth-child(2) { animation-delay: .2s; }
main.serve section.part5 ul.w_1200 li:nth-child(3) { animation-delay: .5s; }
main.serve section.part5 ul.w_1200 li:nth-child(4) { animation-delay: 1s; }
main.serve section.part6 ul.w_1200 { display: flex; margin-top: 50px; align-items: center; justify-content: space-around; overflow: hidden; }
main.serve section.part6 ul.w_1200 li { position: relative; }
main.serve section.part6 ul.w_1200 li:nth-child(1) { right: -92px; z-index: 7; }
main.serve section.part6 ul.w_1200 li:nth-child(2) { z-index: 8; right: -60px; }
main.serve section.part6 ul.w_1200 li:nth-child(3) { z-index: 9; }
main.serve section.part6 ul.w_1200 li:nth-child(4) { z-index: 8; left: -24px; }
main.serve section.part6 ul.w_1200 li:nth-child(5) { z-index: 7; left: -52px; }
main.serve section.part7 { background: url(http://cdn.yunsiwang.cn/images/serve/part7_bg.jpg) no-repeat center bottom; }
main.serve section.part7 ul.w_1200 { display: flex; margin-top: 20px; justify-content: space-between;}
main.serve section.part7 ul.w_1200 div{ 
	width: 33.3%;
}
main.serve section.part7 ul.w_1200 li { height: 100%; box-sizing: border-box; flex: 1; padding: 50px 0 50px; text-align: center; cursor: pointer; }
main.serve section.part7 ul.w_1200 li label { width: 110px; height: 80px; margin-bottom: 20px; display: inline-block; }
main.serve section.part7 ul.w_1200 li label { background: url(http://cdn.yunsiwang.cn/images/serve/part7_icon.png) no-repeat 32px 0px; }
main.serve section.part7 ul.w_1200 li:nth-child(2) label { background: url(http://cdn.yunsiwang.cn/images/serve/part7_icon.png) no-repeat -70px 0px; }
main.serve section.part7 ul.w_1200 li.ani.c label { background: url(http://cdn.yunsiwang.cn/images/serve/part7_icon.png) no-repeat -170px 0px; }
main.serve section.part7 ul.w_1200 li:nth-child(2) { border-left: 1px solid #ccc; border-right: 1px solid #ccc;width: 33.3%; }
main.serve section.part7 ul.w_1200 li h2 { font-size: 30px; font-weight: normal; }
main.serve section.part7 ul.w_1200 li hr { width: 20%; margin: 50px auto; }
main.serve section.part7 ul.w_1200 li p { line-height: 2; padding: 0 30px; font-size: 18px; color: #585858; text-align: center; }
main.serve section.part7 ul.w_1200 li:hover label { background: url(http://cdn.yunsiwang.cn/images/serve/part7_icon.png) no-repeat 32px -95px; }
main.serve section.part7 ul.w_1200 li:nth-child(2):hover label { background: url(http://cdn.yunsiwang.cn/images/serve/part7_icon.png) no-repeat -70px -92px; }
main.serve section.part7 ul.w_1200 li.ani.c:hover label { background: url(http://cdn.yunsiwang.cn/images/serve/part7_icon.png) no-repeat -170px -90px; }
main.serve section.part7 ul.w_1200 li:hover { background: linear-gradient(0deg, #ffc166, #ef8327); }
main.serve section.part7 ul.w_1200 li:hover h2, main.serve section.part7 ul.w_1200 li:hover p { color: #fff; }
main.serve section.part8 ul.w_1200 { display: flex; margin-top: 50px; justify-content: space-around; }
main.serve section.part8 ul.w_1200 li { position: relative; }
main.serve section.part8 ul.w_1200 li .part8_img1,
main.serve section.part8 ul.w_1200 li .part8_img2 { -webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; }
main.serve section.part8 ul.w_1200 li .part8_img2 { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background: url(http://cdn.yunsiwang.cn/images/index/part4_bg.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
main.serve section.part8 ul.w_1200 li .part8_img1 { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
main.serve section.part8 ul.w_1200 li:hover .part8_img2 { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
main.serve section.part8 ul.w_1200 li:hover .part8_img1 { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
main.serve section.part8 .part8_img1{
	position: relative;
	display: flex;
	justify-content: center;
}
main.serve section.part8 .part8_img1 p{
	position: absolute;
	font-size: 22px;
	color: #333333;
	top: 205px;
}
main.serve section.part8 .part8_img2{
	position: relative;
}
main.serve section.part8 .part8_word{
	position: absolute;
	width: 100%;
	top: 205px;
	text-align: center;
}
main.serve section.part8 .part8_word p:first-child{
	font-size: 22px;
	color: #333333;
	margin-bottom: 70px;
}
main.serve section.part8 .part8_word p:last-child{
	padding: 0 22px 0 12px;
	font-size: 17px;
	color: #fff;
	line-height: 30px;
	text-align: left;
}


main.serve section.part9 ul.swiper-wrapper { margin-top: 30px; padding-bottom: 38px; }
main.serve section.part9 ul.swiper-wrapper .swiper-slide { width: 820px; }
main.serve section.part9 ul.swiper-wrapper .swiper-slide img { width: 100% }
main.serve section.part9 .swiper-pagination-bullets .swiper-pagination-bullet { border: 3px solid #000; background: unset; }
main.serve section.part9 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 3px solid #ef8327; }
main.serve section.part9 .desc h2 { width: 250px; font-size: 26px; line-height: 2.5; margin-top: 20px; border-bottom: 1px solid #ccc; }
main.serve section.part9 .desc h2:after { width: 100px; height: 1px; content: ''; display: block; margin-bottom: -1px; border-bottom: 1px solid #ef8327; }
main.serve section.part9 .desc p { color: #585858; line-height: 2; font-size: 22px; }
main.serve section.part10 { padding-bottom: 0; }
main.serve section.part10 .w_1200 img { display: block; }
main.serve section.part10 li.swiper-slide { overflow: hidden; }
main.serve section.part10 li.swiper-slide img:last-of-type { transition: all .9s; transform: translate(200px, 0px); position: absolute; right: 0; bottom: 0; }
main.serve section.part10 li.swiper-slide.swiper-slide-active img:last-of-type { transform: translate(0px); }
main.serve section.part11 ul.w_1200 { width: 1025px; margin-top: 40px; display: flex; }
main.serve section.part11 ul.w_1200 li { background: #fff; overflow: hidden; cursor: pointer; }
main.serve section.part11 ul.w_1200 li .img { width: 300px; height: 285px; overflow: hidden; padding-top: 7px; margin-top: -7px; margin-left: -66px; transform: rotate(5deg); }
main.serve section.part11 ul.w_1200 li .img.bd { margin-left: -66px; transform: rotate(-5deg); }
main.serve section.part11 ul.w_1200 li img { width: 179px; display: block; margin: 0 auto; transition: all .5s; transform: rotate(-5deg); }
main.serve section.part11 ul.w_1200 li .img.bd img { transform: rotate(5deg); }
main.serve section.part11 ul.w_1200 li:hover { box-shadow: 0 0 5px #ccc; }
main.serve section.part11 ul.w_1200 li:hover img { transform: rotate(-5deg) scale(1.08, 1.08); }
main.serve section.part11 ul.w_1200 li:hover .img.bd img { transform: rotate(5deg) scale(1.08, 1.08); }
main.serve section.part11 ul.w_1200 li .desc { padding: 30px 15px;text-align:center; }
main.serve section.part11 ul.w_1200 li .desc h3 { font-size: 18px; font-weight: normal; }
main.serve section.part11 ul.w_1200 li .desc i { color: #585858; font-size: 12px; }
main.serve section.part12 ul.swiper-wrapper ul { display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: space-between; }
main.serve section.part12 ul.swiper-wrapper ul li { padding-bottom: 20px; position: relative; overflow: hidden; }
main.serve section.part12 ul.swiper-wrapper ul li img { display: block; }
main.serve section.part12 ul.swiper-wrapper ul li img:last-of-type { /*transition: all .9s; transform: translateY(100px);*/ position: absolute; right: 10px; bottom: 0 }
main.serve section.part12 p { margin-top: 30px; text-align: center; font-size: 22px; color: #666 }
main.serve section.part13 .w_1200 { position: relative; margin-top: 30px; height: 692px; }
main.serve section.part13 .w_1200 ul.cont > li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: flex; justify-content: flex-end; align-items: center; background: url(http://cdn.yunsiwang.cn/images/serve/part13_bg2.png) no-repeat; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(2) { background: url(http://cdn.yunsiwang.cn/images/serve/part13_bg1.png) no-repeat; justify-content: center; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) { background: url(http://cdn.yunsiwang.cn/images/serve/part13_bg3.png) no-repeat; }
main.serve section.part13 .w_1200 ul.cont > li.active { opacity: 1 }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(1) img { transform: translateX(-300px); opacity: 0; transition: all 1.2s; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(1).active  img { transform: translateX(0px); opacity: 1; }
main.serve section.part13 .w_1200 ul.cont > li .desc { width: 300px; color: #333; margin: 0 50px; font-size: 20px; line-height: 1.5; }
main.serve section.part13 .w_1200 ul.cont > li .desc h2 { font-size: 36px; }
main.serve section.part13 .w_1200 ul.cont > li .desc h2:after { width: 50px; height: 5px; content: ''; display: block; margin: 10px 0; background: #ef8327; }
main.serve section.part13 .w_1200 ul.cont > li .desc a { font-size: 24px; padding: 0 30px; margin-top: 50px; border-radius: 5px; display: inline-block; background: #fff; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(2) ul { width: 300px; display: flex; flex-direction: column; position: relative; right: 300px; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(2) ul li { display: flex; justify-content: space-between; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(2) ul li img { margin-bottom: 30px; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(2) ul li:nth-child(1) img:first-of-type { margin-left: -80px }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(2) ul li:nth-child(1) img:last-of-type { margin-right: -80px }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(2) ul li:nth-child(3) { flex-direction: column; align-items: center; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) ul { display: flex; position: relative; right: 100px; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) ul li { margin-right: -5px; position: relative; transition: all .5s; }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) ul li:nth-child(1) { transform: translateX(200px); }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) ul li:nth-child(2) { transform: translateX(100px); }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) ul li:nth-child(3) { z-index: 9 }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) ul li:nth-child(4) { transform: translateX(-100px); z-index: 8 }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3) ul li:nth-child(5) { transform: translateX(-200px); top: 10px; z-index: 7 }
main.serve section.part13 .w_1200 ul.cont > li:nth-child(3).active ul li { transform: translateX(0px); }
main.serve section.part13 .w_1200 ul.tab { display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 50px; left: 50px; bottom: 50px; z-index: 9 }
main.serve section.part13 .w_1200 ul.tab li { line-height: 143px; font-size: 24px; }
main.serve section.part13 .w_1200 ul.tab li > div > div { padding-left: 140px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/serve/part13_icon.png) no-repeat 12px 34px #fff; }
main.serve section.part13 .w_1200 ul.tab li:nth-child(2) > div > div { padding-left: 140px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/serve/part13_icon.png) no-repeat 12px -290px #fff; }
main.serve section.part13 .w_1200 ul.tab li:nth-child(3) > div > div { padding-left: 140px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/serve/part13_icon.png) no-repeat 12px -580px #fff; }
main.serve section.part13 .w_1200 ul.tab li.active > div > div { color: #fff; background:  url(http://cdn.yunsiwang.cn/images/serve/part13_icon.png) no-repeat 10px -126px #ef8327; }
main.serve section.part13 .w_1200 ul.tab li:nth-child(2).active > div > div { color: #fff; background: url(http://cdn.yunsiwang.cn/images/serve/part13_icon.png) no-repeat 12px -443px #ef8327; }
main.serve section.part13 .w_1200 ul.tab li:nth-child(3).active > div > div { color: #fff; background: url(http://cdn.yunsiwang.cn/images/serve/part13_icon.png) no-repeat 12px -735px #ef8327; }

main.taobao section.banner { height: 780px; padding-top: 120px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/taobao/banner.png) no-repeat center top; }
main.taobao section.banner img { display: block; margin: 0 auto; }
main.taobao section.banner img:last-of-type { margin-top: -30px; animation: taobao_banner_ani 1 .3s linear; }
@keyframes taobao_banner_ani {
  from { transform: scale(0.1); }
  to { transform: scale(1); }
}
main.taobao section.part1 { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_bg.jpg) no-repeat center bottom; }
main.taobao section.part1 .w_1200 { display: flex; margin-top: 200px; }
main.taobao section.part1 .w_1200 img { margin-left: 80px; margin-bottom: -40px; }
main.taobao section.part1 .w_1200 ul { margin-left: -30px; overflow: hidden; }
main.taobao section.part1 .w_1200 ul li { color: #666666; font-size: 17px; line-height: 1.8; margin-top: 25px; padding-left: 100px; }
main.taobao section.part1 .w_1200 ul li h2 { font-size: 24px; color: #000; }
main.taobao section.part1 .w_1200 ul li.a { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -91px; }
main.taobao section.part1 .w_1200 ul li.b { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -269px; }
main.taobao section.part1 .w_1200 ul li.c { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -454px; }
main.taobao section.part1 .w_1200 ul li.d { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -638px; }
main.taobao section.part1 .w_1200 ul li.a:hover { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -7px; }
main.taobao section.part1 .w_1200 ul li.b:hover { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -184px; }
main.taobao section.part1 .w_1200 ul li.c:hover { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -366px; }
main.taobao section.part1 .w_1200 ul li.d:hover { background: url(http://cdn.yunsiwang.cn/images/taobao/part1_icon.png) no-repeat 0px -548px; }
main.taobao section.part2 { background: url(http://cdn.yunsiwang.cn/images/taobao/part2_bg.jpg) no-repeat center bottom; }
main.taobao section.part2 .w_1200 { display: flex; height: 800px; align-items: center; justify-content: space-between; }
main.taobao section.part2 .w_1200 ul { height: 100%; display: flex; line-height: 2; flex-direction: column; justify-content: space-between; }
main.taobao section.part2 .w_1200 ul h2 { font-size: 24px; color: #ef8327; line-height: 1.5; }
main.taobao section.part2 .w_1200 ul p { font-size: 17px; color: #666;line-height: 25px; }
main.taobao section.part2 .w_1200 ul li { position: relative; }
main.taobao section.part2 .w_1200 ul:first-of-type { text-align: right; }
main.taobao section.part3 ul.w_1200 { width: 1025px; margin-top: 40px; display: flex; }
main.taobao section.part3 ul.w_1200 li { background: #fff; overflow: hidden; cursor: pointer; }
main.taobao section.part3 ul.w_1200 li .img { width: 300px; height: 285px; overflow: hidden; padding-top: 7px; margin-top: -7px; margin-left: -66px; transform: rotate(5deg); }
main.taobao section.part3 ul.w_1200 li .img.bd { margin-left: -66px; transform: rotate(-5deg); }
main.taobao section.part3 ul.w_1200 li img { width: 179px; display: block; margin: 0 auto; transition: all .5s; transform: rotate(-5deg); }
main.taobao section.part3 ul.w_1200 li .img.bd img { transform: rotate(5deg); }
main.taobao section.part3 ul.w_1200 li:hover { box-shadow: 0 0 5px #ccc; }
main.taobao section.part3 ul.w_1200 li:hover img { transform: rotate(-5deg) scale(1.08, 1.08); }
main.taobao section.part3 ul.w_1200 li:hover .img.bd img { transform: rotate(5deg) scale(1.08, 1.08); }
main.taobao section.part3 ul.w_1200 li .desc { padding: 30px 15px;text-align:center; }
main.taobao section.part3 ul.w_1200 li .desc h3 { font-size: 18px; font-weight: normal; }
main.taobao section.part3 ul.w_1200 li .desc i { color: #585858; font-size: 12px; }
main.taobao section.part4 .w_1200 { position: relative; margin-top: 30px; height: 692px; }
main.taobao section.part4 .w_1200 ul.cont li { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; display: flex; justify-content: flex-end; align-items: center; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_bg3.jpg) no-repeat; }
main.taobao section.part4 .w_1200 ul.cont li:nth-child(2) { background: url(http://cdn.yunsiwang.cn/images/taobao/part4_bg4.jpg) no-repeat; }
main.taobao section.part4 .w_1200 ul.cont li:nth-child(3) { background: url(http://cdn.yunsiwang.cn/images/taobao/part4_bg5.jpg) no-repeat; }
main.taobao section.part4 .w_1200 ul.cont li.active { opacity: 1 }
main.taobao section.part4 .w_1200 ul.cont li img { transform: translateX(-300px); opacity: 0; transition: all 1.2s; }
main.taobao section.part4 .w_1200 ul.cont li.active img { transform: translateX(0px); opacity: 1; }
main.taobao section.part4 .w_1200 ul.cont li .desc { width: 300px; color: #333; margin: 0 50px; font-size: 20px; line-height: 1.5; }
main.taobao section.part4 .w_1200 ul.cont li .desc h2 { font-size: 36px; }
main.taobao section.part4 .w_1200 ul.cont li .desc h2:after { width: 50px; height: 5px; content: ''; display: block; margin: 10px 0; background: #ef8327; }
main.taobao section.part4 .w_1200 ul.cont li .desc a { font-size: 24px; padding: 0 30px; margin-top: 50px; border-radius: 5px; display: inline-block; background: #fff; }
main.taobao section.part4 .w_1200 ul.tab { display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 100px; left: 30px; bottom: 100px; }
main.taobao section.part4 .w_1200 ul.tab li { line-height: 123px; font-size: 24px; }
main.taobao section.part4 .w_1200 ul.tab li > div > div { padding-left: 100px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon.png) no-repeat 12px -45px #fff; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(2) > div > div { padding-left: 100px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon.png) no-repeat 12px -215px #fff; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(3) > div > div { padding-left: 100px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon.png) no-repeat 12px -415px #fff; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(4) > div > div { padding-left: 100px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon.png) no-repeat 12px -810px #fff; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(5) > div > div { padding-left: 100px; padding-right: 10px; color: #666; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon.png) no-repeat 12px -615px #fff; }
main.taobao section.part4 .w_1200 ul.tab li.active > div > div { color: #fff; background:  url(http://cdn.yunsiwang.cn/images/taobao/part4_icon_hover.png) no-repeat 12px -45px #ef8327; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(2).active > div > div { color: #fff; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon_hover.png) no-repeat 12px -215px #ef8327; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(3).active > div > div { color: #fff; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon_hover.png) no-repeat 12px -415px #ef8327; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(4).active > div > div { color: #fff; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon_hover.png) no-repeat 12px -810px #ef8327; }
main.taobao section.part4 .w_1200 ul.tab li:nth-child(5).active > div > div { color: #fff; background: url(http://cdn.yunsiwang.cn/images/taobao/part4_icon_hover.png) no-repeat 12px -615px #ef8327; }
main.taobao section.part5 .w_1200 { height: 910px; margin-top: 20px; overflow: hidden; padding-bottom: 50px; position: relative; }
main.taobao section.part5 .w_1200 .head { display: table; margin: 0 auto; position: relative; z-index: 99 }
main.taobao section.part5 .w_1200 .head label { display: inline-block; box-sizing: border-box; cursor: pointer; line-height: 2; padding: 0 50px; font-size: 24px; border: 1px solid #ccc }
main.taobao section.part5 .w_1200 .head label:first-of-type { border-right: none; border-radius: 30px 0 0 30px; }
main.taobao section.part5 .w_1200 .head label:last-of-type { border-left: none; border-radius: 0 30px 30px 0; }
main.taobao section.part5 .w_1200 .head label.active { border-color: #ffae7b; color: #fff; background: #ffae7b }
main.taobao section.part5 .w_1200 .swiper-container { width: 1180px; opacity: 0; padding: 80px 10px 50px; position: absolute; top: 35px; z-index: 8 }
main.taobao section.part5 .w_1200 .swiper-container:after { width: 90%; height: 50px; content: ''; border-radius: 10px; position: absolute; background: #f1f1f1; top: 50px; left: 5%; }
main.taobao section.part5 .w_1200 .swiper-container.show { opacity: 1; z-index: 9 }
main.taobao section.part5 .w_1200 .swiper-slide { background: #fff; border-radius: 20px; cursor: pointer; box-shadow: 0 0 20px #ccc; }
main.taobao section.part5 .w_1200 .swiper-slide ul.head { display: flex; position: relative; }
main.taobao section.part5 .w_1200 .swiper-slide ul.head:after { width: 80%; height: 50%; content: ''; position: absolute; background: #ff6a7f; left: 10%; }
main.taobao section.part5 .w_1200 .swiper-slide ul.head li { width: 34%; color: #fff; line-height: 1.8; font-size: 36px; background: #fff; text-align: center; border-radius: 25px; position: relative; z-index: 9 }
main.taobao section.part5 .w_1200 .swiper-slide ul.head li:nth-child(2) { background: #ff6a7f; border-radius: 10px; }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont { padding: 0 80px 50px; }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li { display: flex; min-height: 150px; align-items: center; border-bottom: 1px dashed #ccc; }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li label { width: 53px; padding: 10px 0; box-sizing: border-box; text-align: center; border-radius: 50%; background: #9eaaff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li h3 { font-size: 30px; padding: 0 30px; font-weight: normal; }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li ul { line-height: 2; color: #585858 }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li ul.flex { flex: 1; display: flex; flex-wrap: wrap; }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li ul.flex li { width: 50%; }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li ul.flex.li4 li { width: 25%; }
main.taobao section.part5 .w_1200 .swiper-slide ul.cont > li:last-of-type { border-bottom: none; }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide1 ul.head li:nth-child(2),
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide1 ul.head:after { background: #ff9d7b; }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide2 ul.head li:nth-child(2),
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide2 ul.head:after { background: #65d3f0; }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide3 ul.head li:nth-child(2),
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide3 ul.head:after { background: #ff6a7f; }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide4 ul.head li:nth-child(2),
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide4 ul.head:after { background: #a3b1ff; }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide1 ul.cont > li label { background: #ff9d7b; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide2 ul.cont > li label { background: #65d3f0; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide3 ul.cont > li label { background: #ff6a7f; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.taobao section.part5 .w_1200 .swiper-container .swiper-slide.slide4 ul.cont > li label { background: #a3b1ff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.taobao section.part5 .w_1200 .btn { width: 80px; height: 80px; outline: none; cursor: pointer; border-radius: 50%; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3); transition: all .3s; margin-left: -40px; display: inline-block; background: #ff6a7f; position: absolute; left: 50%; bottom: 10px; z-index: 99 }
main.taobao section.part5 .w_1200 .btn:after { width: 30px; height: 30px; content: ''; display: block; margin-top: -15px; margin-left: -25px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; left: 50%; }
main.taobao section.part6 { background: url(http://cdn.yunsiwang.cn/images/taobao/part6_bg.jpg) no-repeat center bottom; }
main.taobao section.part6 .w_1200 { display: flex; margin-top: 50px; align-items: center; justify-content: space-around; overflow: hidden; }
main.taobao section.part6 .w_1200 ul.items { margin-top: -100px; padding: 0 50px; background: linear-gradient(90deg, #ddd7d6, #f6f3f2); }
main.taobao section.part6 .w_1200 ul.items li { color: #585858; font-size: 22px; line-height: 3; }
main.taobao section.part6 .w_1200 ul.items li i { color: #efad65; font-weight: bold; margin-right: 15px; }
main.taobao section.part6 .w_1200 ul.imgs { display: flex; }
main.taobao section.part6 .w_1200 ul.imgs li { animation: taobao_ani infinite 2s linear; }
main.taobao section.part6 .w_1200 ul.imgs li:nth-child(2) { animation-delay: .8s; }
@keyframes taobao_ani {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
main.taobao section.part7 ul.swiper-wrapper ul { display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: space-between; }
main.taobao section.part7 ul.swiper-wrapper ul li { padding-bottom: 20px; position: relative; overflow: hidden; }
main.taobao section.part7 ul.swiper-wrapper ul li img { display: block; }
main.taobao section.part7 ul.swiper-wrapper ul li img:last-of-type { position: absolute; right: 10px; bottom: 0 }
main.taobao section.part8 { padding-bottom: 0; }
main.taobao section.part8 .w_1200 img { display: block; }
main.taobao section.part8 li.swiper-slide { overflow: hidden; }
main.taobao section.part8 li.swiper-slide img:last-of-type { transition: all .9s; transform: translate(200px, 0px); position: absolute; right: 0; bottom: 0; }
main.taobao section.part8 li.swiper-slide.swiper-slide-active img:last-of-type { transform: translate(0px); }
main.taobao section.part9 { padding-bottom: 200px; background: url(http://cdn.yunsiwang.cn/images/serve/part3_bg.jpg) no-repeat center; }
main.taobao section.part9 ul.tab { width: 800px; text-align: center; display: flex; margin: 30px auto; align-items: center; justify-content: space-around; }
main.taobao section.part9 ul.hy { width: 800px; display: flex; margin: 50px auto -150px; justify-content: space-around; }
main.taobao section.part9 ul.hy li.active {
    background: #ff4f5a;
}
main.taobao section.part9 ul.hy li { width: 350px; color: #fff; line-height: 2; font-size: 22px; padding: 30px 0; text-align: center; border-radius: 5px; background: #ffa742 }
main.taobao section.part9 ul.hy li i { display: table; width: 104px; height: 104px; background: #fff; border-radius: 50%; margin: 0 auto 30px; }
main.taobao section.part9 ul.hy li i img { display: block; }
main.taobao section.part9 ul.hy li p { text-align: left; padding: 30px 78px; }
main.taobao section.part9 ul.hy li h5 { font-size: 26px; padding: 0 10px; line-height: 1.5; border-radius: 5px; display: inline-block; border: 1px solid #fff; }
main.taobao section.part9 ul.tab h5 { font-size: 22px; color: #fff; line-height: 2; text-shadow: 0 0 0.2em #000 }
main.taobao section.part10 ul.w_1200 li { display: flex; margin-top: 20px; align-items: center; }
main.taobao section.part10 ul.w_1200 li .swiper-container { width: 55%; }
main.taobao section.part10 ul.w_1200 li .swiper-container img { width: 100%; display: block; }
main.taobao section.part10 ul.w_1200 li .desc { width: 45%; color: #333; margin: 0 50px; font-size: 20px; line-height: 1.5; }
main.taobao section.part10 ul.w_1200 li .desc h2 { font-size: 36px; }
main.taobao section.part10 ul.w_1200 li .desc h2:after { width: 50px; height: 5px; content: ''; display: block; margin: 10px 0; background: #ef8327; }


main.douyin section.banner { height: 780px; padding-top: 120px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/douyin/banner2.png) no-repeat center top; }
main.douyin section.part1 { background: url(http://cdn.yunsiwang.cn/images/douyin/part1_bg.png) no-repeat center; }
main.douyin section.part1 ul.w_1200 { display: flex; margin-top: 30px; justify-content: space-around; }
main.douyin section.part1 ul.w_1200 li { width: 230px; height: 100%; padding: 10px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; }
main.douyin section.part1 ul.w_1200 li:hover { background: #ef8327; color: #fff }
main.douyin section.part1 ul.w_1200 li:hover p { color: #fff }
main.douyin section.part1 ul.w_1200 li:hover hr { border-bottom-color: #fff; border-top-color: #fff }
main.douyin section.part1 ul.w_1200 li img { display: block; margin: 0 auto; }
main.douyin section.part1 ul.w_1200 li hr { margin: 15px 0 }
main.douyin section.part1 ul.w_1200 li h2 { font-size: 20px; text-align: center; margin-top: 20px; }
main.douyin section.part1 ul.w_1200 li p { color: #666; line-height: 2; font-size: 18px; padding: 0 20px; }
main.douyin section.part2 { height: 718px; background: url(http://cdn.yunsiwang.cn/images/douyin/part2_bg.jpg) no-repeat center bottom; }
main.douyin section.part2 ul li {
	display: flex;
	justify-content: space-around;
}

main.douyin section.part3 ul.swiper-wrapper { margin-top: 30px; padding-bottom: 38px; }
main.douyin section.part3 ul.swiper-wrapper .swiper-slide { width: 820px; }
main.douyin section.part3 ul.swiper-wrapper .swiper-slide img { width: 100% }
main.douyin section.part3 .swiper-pagination-bullets .swiper-pagination-bullet { border: 3px solid #000; background: unset; }
main.douyin section.part3 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 3px solid #ef8327; }
main.douyin section.part3 .desc h2 { width: 250px; font-size: 26px; line-height: 2.5; margin-top: 20px; border-bottom: 1px solid #ccc; }
main.douyin section.part3 .desc h2:after { width: 100px; height: 1px; content: ''; display: block; margin-bottom: -1px; border-bottom: 1px solid #ef8327; }
main.douyin section.part3 .desc p { color: #585858; line-height: 2; font-size: 22px; }
main.douyin section.part4 ul.w_1200 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
main.douyin section.part4 ul.w_1200 li { width: 190px; text-align: center; color: #666; font-size: 16px; margin-bottom: 20px; line-height: 1.5; box-shadow: 0 0 10px 1px #e5e5e5; border-radius: 10px; padding: 30px 0; }
main.douyin section.part4 ul.w_1200 li h5 { font-size: 24px; font-weight: normal; margin-bottom: 10px; }
main.douyin section.part4 ul.w_1200 li i { width: 91px; height: 68px; display: inline-block; background-image: url(http://cdn.yunsiwang.cn/images/kuaishou/part4_icon.png); }
main.douyin section.part4 ul.w_1200 li.li2 i { background-position: -91px 0; }
main.douyin section.part4 ul.w_1200 li.li3 i { background-position: -182px 0; }
main.douyin section.part4 ul.w_1200 li.li4 i { background-position: -273px 0; }
main.douyin section.part4 ul.w_1200 li.li5 i { background-position: -364px 0; }
main.douyin section.part4 ul.w_1200 li.li6 i { background-position: -455px 0; }
main.douyin section.part4 ul.w_1200 li.li7 i { background-position: -546px 0; }
main.douyin section.part4 ul.w_1200 li.li8 i { background-position: -637px 0; }
main.douyin section.part4 ul.w_1200 li.li9 i { background-position: -728px 0; }
main.douyin section.part4 ul.w_1200 li.li10 i { background-position: -819px 0; }
main.douyin section.part4 ul.w_1200 li.li11 i { background-position: -910px 0; }
main.douyin section.part4 ul.w_1200 li.li12 i { background-position: -1001px 0; }
main.douyin section.part4 ul.w_1200 li:hover { background-color: #ef8327; color: #fff }
main.douyin section.part4 ul.w_1200 li.li1:hover i { background-position: 0 -68px; }
main.douyin section.part4 ul.w_1200 li.li2:hover i { background-position: -91px -68px; }
main.douyin section.part4 ul.w_1200 li.li3:hover i { background-position: -182px -68px; }
main.douyin section.part4 ul.w_1200 li.li4:hover i { background-position: -273px -68px; }
main.douyin section.part4 ul.w_1200 li.li5:hover i { background-position: -364px -68px; }
main.douyin section.part4 ul.w_1200 li.li6:hover i { background-position: -455px -68px; }
main.douyin section.part4 ul.w_1200 li.li7:hover i { background-position: -546px -68px; }
main.douyin section.part4 ul.w_1200 li.li8:hover i { background-position: -637px -68px; }
main.douyin section.part4 ul.w_1200 li.li9:hover i { background-position: -728px -68px; }
main.douyin section.part4 ul.w_1200 li.li10:hover i { background-position: -819px -68px; }
main.douyin section.part4 ul.w_1200 li.li11:hover i { background-position: -910px -68px; }
main.douyin section.part4 ul.w_1200 li.li12:hover i { background-position: -1001px -68px; }
main.douyin section.part5 { background: url(http://cdn.yunsiwang.cn/images/douyin/part5_bg.jpg) no-repeat center; }
main.douyin section.part5 ul.w_1200 { background: #fff; margin-top: 30px; padding: 30px 0; }
main.douyin section.part5 ul.w_1200 li { display: flex; margin: 10px auto; justify-content: space-around; }
main.douyin section.part5 ul.w_1200 li .desc { padding-top: 30px; text-align: left; line-height: 1.5; }
main.douyin section.part5 ul.w_1200 li h2 { display: table; font-size: 30px; color: #ef8327; border-bottom: 1px solid #ef8327 }
main.douyin section.part5 ul.w_1200 li h3 { font-size: 24px; margin-top: 10px; color: #333 }
main.douyin section.part5 ul.w_1200 li p { font-size: 18px; color: #666 }
main.douyin section.part6 ul.w_1200 { width: 1000px; display: flex; margin-top: 30px; justify-content: space-around; }
main.douyin section.part6 ul.w_1200 li { padding: 50px; background: #fff; line-height: 1.5; text-align: center; border-radius: 5px; box-shadow: 0 5px 10px 1px #ccc }
main.douyin section.part6 ul.w_1200 li h2 { line-height: 2 }
main.douyin section.part6 ul.w_1200 li p { color: #999 }
main.douyin section.part7 .w_1200 {    height: 1032px;
    margin-top: 20px;
    overflow: hidden;
    padding-bottom: 50px;
    position: relative;}
main.douyin section.part7 .w_1200 .head { display: table; margin: 0 auto; position: relative; z-index: 99 }
main.douyin section.part7 .w_1200 .head label { display: inline-block; box-sizing: border-box; cursor: pointer; line-height: 2; padding: 0 50px; font-size: 24px; border: 1px solid #ccc }
main.douyin section.part7 .w_1200 .head label:first-of-type { border-right: none; border-radius: 30px 0 0 30px; }
main.douyin section.part7 .w_1200 .head label:last-of-type { border-left: none; border-radius: 0 30px 30px 0; }
main.douyin section.part7 .w_1200 .head label.active { border-color: #ffae7b; color: #fff; background: #ffae7b }
main.douyin section.part7 .w_1200 .swiper-container { width: 1180px;  padding: 80px 10px 50px; position: relative; /*position: absolute; top: 35px; z-index: 8*/ }
main.douyin section.part7 .w_1200 .swiper-container:after { width: 90%; height: 50px; content: ''; border-radius: 10px; position: absolute; background: #f1f1f1; top: 50px; left: 5%; }
/*main.douyin section.part7 .w_1200 .swiper-container.show { opacity: 1; z-index: 9 }*/
main.douyin section.part7 .w_1200 .swiper-slide { background: #fff; border-radius: 20px; cursor: pointer; box-shadow: 0 0 20px #ccc; }
main.douyin section.part7 .w_1200 .swiper-slide ul.head { display: flex; position: relative; }
main.douyin section.part7 .w_1200 .swiper-slide ul.head:after { width: 80%; height: 50%; content: ''; position: absolute; background: #ff6a7f; left: 10%; }
main.douyin section.part7 .w_1200 .swiper-slide ul.head li { width: 34%; color: #fff; line-height: 1.8; font-size: 36px; background: #fff; text-align: center; border-radius: 25px; position: relative; z-index: 9 }
main.douyin section.part7 .w_1200 .swiper-slide ul.head li:nth-child(2) { background: #ff6a7f; border-radius: 10px; }
main.douyin section.part7 .w_1200 .swiper-slide ul.cont { height: 825px;
    display: flex;
    padding: 0 80px 30px; }
/*main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li { display: flex; flex-direction: column; justify-content: space-between; margin-top: 30px; padding: 30px 0 }*/
main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li label { width: 53px; padding: 10px 0; box-sizing: border-box; text-align: center; border-radius: 50%; background: #9eaaff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li h3 { font-size: 18px; margin-top: 30px; color: #333; }
main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li p { font-size: 18px; color: #666; line-height: 2; }
main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li.q p { font-size: 18px; color: #666; line-height: 3; }
/*main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li ul { line-height: 2; color: #585858 }
main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex { flex: 1; display: flex; flex-wrap: wrap; }
main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex li { width: 50%; }
main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex.li4 li { width: 25%; }*/
/*main.douyin section.part7 .w_1200 .swiper-slide ul.cont > li:last-of-type { border-bottom: none; }*/
/*main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head li:nth-child(2),
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head:after { background: #ff9d7b; }
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head li:nth-child(2),
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head:after { background: #65d3f0; }
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head li:nth-child(2),
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head:after { background: #ff6a7f; }
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head li:nth-child(2),
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head:after { background: #a3b1ff; }
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.cont > li label { background: #ff9d7b; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.cont > li label { background: #65d3f0; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.cont > li label { background: #ff6a7f; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.douyin section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.cont > li label { background: #a3b1ff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
*/main.douyin section.part7 .w_1200 .btn { width: 80px; height: 80px; outline: none; cursor: pointer; border-radius: 50%; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3); transition: all .3s; margin-left: -40px; display: inline-block; background: #ff6a7f; position: absolute; left: 50%; bottom: 10px; z-index: 99 }
main.douyin section.part7 .w_1200 .btn:after { width: 30px; height: 30px; content: ''; display: block; margin-top: -15px; margin-left: -25px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; left: 50%; }
main.douyin section.part8 { background: url(http://cdn.yunsiwang.cn/images/douyin/part8_bg.jpg) no-repeat center bottom; }
main.douyin section.part8 h1,
main.douyin section.part8 p { color: #fff }
main.douyin section.part8 .w_1200 { display: flex; margin-top: 50px; align-items: center; justify-content: space-around; overflow: hidden; }
main.douyin section.part8 .w_1200 ul.items { margin-top: -100px; padding: 0 50px; background: linear-gradient(90deg, #373876, #4f4a90); }
main.douyin section.part8 .w_1200 ul.items li { color: #fff; font-size: 22px; line-height: 3; }
main.douyin section.part8 .w_1200 ul.items li i { color: #fff; font-weight: bold; margin-right: 15px; }
main.douyin section.part8 .w_1200 ul.imgs { display: flex; }
main.douyin section.part8 .w_1200 ul.imgs li { animation: taobao_ani infinite 2s linear; }
main.douyin section.part8 .w_1200 ul.imgs li:nth-child(2) { animation-delay: .8s; }
@keyframes taobao_ani {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
main.douyin section.part9 { padding-bottom: 200px; background: url(http://cdn.yunsiwang.cn/images/douyin/part9_bg.png) no-repeat center; }
main.douyin section.part9 ul.tab { width: 800px; text-align: center; display: flex; margin: 30px auto; align-items: center; justify-content: space-around; }
main.douyin section.part9 ul.hy { width: 800px; display: flex; margin: 50px auto -150px; justify-content: space-around; }
main.douyin section.part9 ul.hy li { width: 350px; color: #fff; line-height: 2; font-size: 22px; padding: 30px 0; text-align: center; border-radius: 5px; background: #ffa742 }
main.douyin section.part9 ul.hy li i { display: table; width: 104px; height: 104px; background: #fff; border-radius: 50%; margin: 0 auto 30px; }
main.douyin section.part9 ul.hy li i img { display: block; }
main.douyin section.part9 ul.hy li.active { background: #ff4f5a }
main.douyin section.part9 ul.hy li p { text-align: left; padding: 30px 78px; }
main.douyin section.part9 ul.hy li h5 { font-size: 26px; padding: 0 10px; line-height: 1.5; border-radius: 5px; display: inline-block; border: 1px solid #fff; }
main.douyin section.part9 ul.tab h5 { font-size: 22px; color: #333; line-height: 2; /*text-shadow: 0 0 0.2em #000*/ }
main.douyin section.part10 .w_1200 { width: 900px }
main.douyin section.part10 ul.swiper-wrapper ul { display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: space-between; }
main.douyin section.part10 ul.swiper-wrapper ul li { padding-bottom: 20px; position: relative; overflow: hidden; }
main.douyin section.part10 ul.swiper-wrapper ul li img { display: block; }
main.douyin section.part11 { padding-bottom: 0; }
main.douyin section.part11 .w_1200 img { display: block; }
main.douyin section.part11 li.swiper-slide { overflow: hidden; }
main.douyin section.part11 li.swiper-slide img:last-of-type { transition: all .9s; transform: translate(200px, 0px); position: absolute; right: 0; bottom: 0; }
main.douyin section.part11 li.swiper-slide.swiper-slide-active img:last-of-type { transform: translate(0px); }


main.kuaishou section.banner { height: 780px; padding-top: 120px; box-sizing: border-box; background: url(http://cdn.yunsiwang.cn/images/kuaishou/banner.jpg) no-repeat center top; }
main.kuaishou section.part1 { background: url(https://cdn.yunsiwang.cn/images/douyin/part9_bg.png) no-repeat center; }
main.kuaishou section.part1 ul.w_1200 { display: flex; margin-top: 30px; justify-content: space-around; }
main.kuaishou section.part1 ul.w_1200 li { width: 230px; height: 100%; padding: 10px; background: #fff; border: 1px solid #ccc; box-sizing: border-box; }
main.kuaishou section.part1 ul.w_1200 li:hover { background: #ef8327; color: #fff }
main.kuaishou section.part1 ul.w_1200 li:hover p { color: #fff }
main.kuaishou section.part1 ul.w_1200 li:hover hr { border-bottom-color: #fff; border-top-color: #fff }
main.kuaishou section.part1 ul.w_1200 li:hover i { border-color: #fff; }
main.kuaishou section.part1 ul.w_1200 li:hover i:after { background: #fff;background-image: url(http://cdn.yunsiwang.cn/images/kuaishou/part1_icon.png); background-position: 0 -5px; }
main.kuaishou section.part1 ul.w_1200 li i { width: 121px; height: 121px; border: 1px solid #f38a31; border-radius: 50%; display: block; margin: 30px auto; }
main.kuaishou section.part1 ul.w_1200 li i:after { width: 90%; height: 90%; content: ''; display: block; margin: 5% auto; background-image: url(http://cdn.yunsiwang.cn/images/kuaishou/part1_icon.png); background-color: #f38a31; background-position: 0 -131px; border-radius: 50%; }
main.kuaishou section.part1 ul.w_1200 li.li2 i:after { background-position: -118px -126px;}
main.kuaishou section.part1 ul.w_1200 li.li2:hover i:after { background-position: -118px 0px;}
main.kuaishou section.part1 ul.w_1200 li.li3 i:after { background-position: -242px -126px;}
main.kuaishou section.part1 ul.w_1200 li.li3:hover i:after { background-position: -242px 0px;}
main.kuaishou section.part1 ul.w_1200 li.li4 i:after { background-position: -368px -126px;}
main.kuaishou section.part1 ul.w_1200 li.li4:hover i:after { background-position: -368px 0px;}
main.kuaishou section.part1 ul.w_1200 li.li5 i:after { background-position: -494px -126px;}
main.kuaishou section.part1 ul.w_1200 li.li5:hover i:after { background-position: -494px 0px;}
main.kuaishou section.part1 ul.w_1200 li hr { margin: 15px 0 }
main.kuaishou section.part1 ul.w_1200 li h2 { font-size: 20px; text-align: center; margin-top: 20px; }
main.kuaishou section.part1 ul.w_1200 li p { color: #666; line-height: 2; font-size: 18px; padding: 0 20px; }
main.kuaishou section.part2 { height: 835px; background: url(http://cdn.yunsiwang.cn/images/kuaishou/part2_bg.jpg) no-repeat center bottom; }
main.kuaishou section.part2 ul li { display: flex; justify-content: space-around;}

main.kuaishou section.part3 ul.swiper-wrapper { margin-top: 30px; padding-bottom: 38px; }
main.kuaishou section.part3 ul.swiper-wrapper .swiper-slide { width: 820px; }
main.kuaishou section.part3 ul.swiper-wrapper .swiper-slide img { width: 100% }
main.kuaishou section.part3 .swiper-pagination-bullets .swiper-pagination-bullet { border: 3px solid #000; background: unset; }
main.kuaishou section.part3 .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 3px solid #ef8327; }
main.kuaishou section.part3 .desc h2 { width: 250px; font-size: 26px; line-height: 2.5; margin-top: 20px; border-bottom: 1px solid #ccc; }
main.kuaishou section.part3 .desc h2:after { width: 100px; height: 1px; content: ''; display: block; margin-bottom: -1px; border-bottom: 1px solid #ef8327; }
main.kuaishou section.part3 .desc p { color: #585858; line-height: 2; font-size: 22px; }
main.kuaishou section.part4 ul.w_1200 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
main.kuaishou section.part4 ul.w_1200 li { width: 190px; text-align: center; color: #666; font-size: 16px; margin-bottom: 20px; line-height: 1.5; box-shadow: 0 0 10px 1px #e5e5e5; border-radius: 10px; padding: 30px 0; }
main.kuaishou section.part4 ul.w_1200 li h5 { font-size: 24px; font-weight: normal; margin-bottom: 10px; }
main.kuaishou section.part4 ul.w_1200 li i { width: 91px; height: 68px; display: inline-block; background-image: url(http://cdn.yunsiwang.cn/images/kuaishou/part4_icon.png); }
main.kuaishou section.part4 ul.w_1200 li.li2 i { background-position: -91px 0; }
main.kuaishou section.part4 ul.w_1200 li.li3 i { background-position: -182px 0; }
main.kuaishou section.part4 ul.w_1200 li.li4 i { background-position: -273px 0; }
main.kuaishou section.part4 ul.w_1200 li.li5 i { background-position: -364px 0; }
main.kuaishou section.part4 ul.w_1200 li.li6 i { background-position: -455px 0; }
main.kuaishou section.part4 ul.w_1200 li.li7 i { background-position: -546px 0; }
main.kuaishou section.part4 ul.w_1200 li.li8 i { background-position: -637px 0; }
main.kuaishou section.part4 ul.w_1200 li.li9 i { background-position: -728px 0; }
main.kuaishou section.part4 ul.w_1200 li.li10 i { background-position: -819px 0; }
main.kuaishou section.part4 ul.w_1200 li.li11 i { background-position: -910px 0; }
main.kuaishou section.part4 ul.w_1200 li.li12 i { background-position: -1001px 0; }
main.kuaishou section.part4 ul.w_1200 li:hover { background-color: #ef8327; color: #fff }
main.kuaishou section.part4 ul.w_1200 li.li1:hover i { background-position: 0 -68px; }
main.kuaishou section.part4 ul.w_1200 li.li2:hover i { background-position: -91px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li3:hover i { background-position: -182px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li4:hover i { background-position: -273px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li5:hover i { background-position: -364px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li6:hover i { background-position: -455px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li7:hover i { background-position: -546px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li8:hover i { background-position: -637px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li9:hover i { background-position: -728px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li10:hover i { background-position: -819px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li11:hover i { background-position: -910px -68px; }
main.kuaishou section.part4 ul.w_1200 li.li12:hover i { background-position: -1001px -68px; }

main.kuaishou section.part5 { background: url(http://cdn.yunsiwang.cn/images/douyin/part5_bg.jpg) no-repeat center; }
main.kuaishou section.part5 ul.w_1200 { background: #fff; margin-top: 30px; padding: 30px 0; }
main.kuaishou section.part5 ul.w_1200 li { display: flex; margin: 10px auto; justify-content: space-around; }
main.kuaishou section.part5 ul.w_1200 li .desc { padding-top: 30px; text-align: left; line-height: 1.5; }
main.kuaishou section.part5 ul.w_1200 li h2 { display: table; font-size: 30px; color: #ef8327; border-bottom: 1px solid #ef8327 }
main.kuaishou section.part5 ul.w_1200 li h3 { font-size: 24px; margin-top: 10px; color: #333 }
main.kuaishou section.part5 ul.w_1200 li p { font-size: 18px; color: #666 }
main.kuaishou section.part5 a { display: table; margin: 30px auto; border-radius: 10px; padding: 5px 10px; font-size: 24px; color: #fff; background: #ef8327 }
main.kuaishou section.part6 ul.w_1200 { width: 1000px; display: flex; margin-top: 30px; justify-content: space-around; }
main.kuaishou section.part6 ul.w_1200 li { padding: 50px; background: #fff; line-height: 1.5; text-align: center; border-radius: 5px; box-shadow: 0 5px 10px 1px #ccc }
main.kuaishou section.part6 ul.w_1200 li h2 { line-height: 2 }
main.kuaishou section.part6 ul.w_1200 li p { color: #999 }
main.kuaishou section.part7 .w_1200 { height: 910px; margin-top: 20px; overflow: hidden; padding-bottom: 50px; position: relative; }
main.kuaishou section.part7 .w_1200 .head { display: table; margin: 0 auto; position: relative; z-index: 99 }
main.kuaishou section.part7 .w_1200 .head label { display: inline-block; box-sizing: border-box; cursor: pointer; line-height: 2; padding: 0 50px; font-size: 24px; border: 1px solid #ccc }
main.kuaishou section.part7 .w_1200 .head label:first-of-type { border-right: none; border-radius: 30px 0 0 30px; }
main.kuaishou section.part7 .w_1200 .head label:last-of-type { border-left: none; border-radius: 0 30px 30px 0; }
main.kuaishou section.part7 .w_1200 .head label.active { border-color: #ffae7b; color: #fff; background: #ffae7b }
main.kuaishou section.part7 .w_1200 .swiper-container { width: 1180px;  padding: 80px 10px 50px; position: relative; /*position: absolute; top: 35px; z-index: 8*/ }
main.kuaishou section.part7 .w_1200 .swiper-container:after { width: 90%; height: 50px; content: ''; border-radius: 10px; position: absolute; background: #f1f1f1; top: 50px; left: 5%; }
/*main.kuaishou section.part7 .w_1200 .swiper-container.show { opacity: 1; z-index: 9 }*/
main.kuaishou section.part7 .w_1200 .swiper-slide { background: #fff; border-radius: 20px; cursor: pointer; box-shadow: 0 0 20px #ccc; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.head { display: flex; position: relative; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.head:after { width: 80%; height: 50%; content: ''; position: absolute; background: #ff6a7f; left: 10%; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.head li { width: 34%; color: #fff; line-height: 1.8; font-size: 36px; background: #fff; text-align: center; border-radius: 25px; position: relative; z-index: 9 }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.head li:nth-child(2) { background: #ff6a7f; border-radius: 10px; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont { height: 700px; display: flex; padding: 0 80px 30px; }
/*main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li { display: flex; flex-direction: column; justify-content: space-between; margin-top: 30px; padding: 30px 0 }*/
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li label { width: 53px; padding: 10px 0; box-sizing: border-box; text-align: center; border-radius: 50%; background: #9eaaff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li h3 { font-size: 18px; margin-top: 30px; color: #333; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li p { font-size: 18px; color: #666; margin-top: 20px; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li { width: 50% }
/*main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li ul { line-height: 2; color: #585858 }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex { flex: 1; display: flex; flex-wrap: wrap; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex li { width: 50%; }
main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li ul.flex.li4 li { width: 25%; }*/
/*main.kuaishou section.part7 .w_1200 .swiper-slide ul.cont > li:last-of-type { border-bottom: none; }*/
/*main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head li:nth-child(2),
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.head:after { background: #ff9d7b; }
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head li:nth-child(2),
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.head:after { background: #65d3f0; }
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head li:nth-child(2),
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.head:after { background: #ff6a7f; }
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head li:nth-child(2),
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.head:after { background: #a3b1ff; }
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide1 ul.cont > li label { background: #ff9d7b; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide2 ul.cont > li label { background: #65d3f0; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide3 ul.cont > li label { background: #ff6a7f; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
main.kuaishou section.part7 .w_1200 .swiper-container .swiper-slide.slide4 ul.cont > li label { background: #a3b1ff; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3) }
*/main.kuaishou section.part7 .w_1200 .btn { width: 80px; height: 80px; outline: none; cursor: pointer; border-radius: 50%; box-shadow: 0 0 0 5px rgba(158, 170, 255, .3); transition: all .3s; margin-left: -40px; display: inline-block; background: #ff6a7f; position: absolute; left: 50%; bottom: 10px; z-index: 99 }
main.kuaishou section.part7 .w_1200 .btn:after { width: 30px; height: 30px; content: ''; display: block; margin-top: -15px; margin-left: -25px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); position: absolute; top: 50%; left: 50%; }
main.kuaishou section.part8 { background: url(http://cdn.yunsiwang.cn/images/kuaishou/part8_bg.jpg) no-repeat center bottom; }
main.kuaishou section.part8 h1,
main.kuaishou section.part8 p { color: #fff }
main.kuaishou section.part8 .w_1200 { display: flex; margin-top: 50px; align-items: center; justify-content: space-around; overflow: hidden; }
main.kuaishou section.part8 .w_1200 ul.items { margin-top: -100px; padding: 0 50px; background: linear-gradient(90deg, rgba(77, 103, 158, .6), rgba(77, 103, 158, .1)); }
main.kuaishou section.part8 .w_1200 ul.items li { color: #fff; font-size: 22px; line-height: 3; }
main.kuaishou section.part8 .w_1200 ul.items li i { color: #fff; font-weight: bold; margin-right: 15px; }
main.kuaishou section.part8 .w_1200 ul.imgs { display: flex; }
main.kuaishou section.part8 .w_1200 ul.imgs li { animation: taobao_ani infinite 2s linear; }
main.kuaishou section.part8 .w_1200 ul.imgs li:nth-child(2) { animation-delay: .8s; }
@keyframes taobao_ani {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}
main.kuaishou section.part8 a { display: table; margin: -80px auto 80px; border-radius: 10px; padding: 5px 10px; font-size: 24px; color: #fff; background: #ef8327 }
main.kuaishou section.part9 { padding-bottom: 200px; background: url(http://cdn.yunsiwang.cn/images/douyin/part9_bg.png) no-repeat center; }
main.kuaishou section.part9 ul.tab { width: 800px; text-align: center; display: flex; margin: 30px auto; align-items: center; justify-content: space-around; }
main.kuaishou section.part9 ul.hy { width: 800px; display: flex; margin: 50px auto -150px; justify-content: space-around; }
main.kuaishou section.part9 ul.hy li { width: 350px; color: #fff; line-height: 2; font-size: 22px; padding: 30px 0; text-align: center; border-radius: 5px; background: #ffa742 }
main.kuaishou section.part9 ul.hy li i { display: table; width: 104px; height: 104px; background: #fff; border-radius: 50%; margin: 0 auto 30px; }
main.kuaishou section.part9 ul.hy li i img { display: block; }
main.kuaishou section.part9 ul.hy li.active { background: #ff4f5a }
main.kuaishou section.part9 ul.hy li p { text-align: left; padding: 30px 78px; }
main.kuaishou section.part9 ul.hy li h5 { font-size: 26px; padding: 0 10px; line-height: 1.5; border-radius: 5px; display: inline-block; border: 1px solid #fff; }
main.kuaishou section.part9 ul.tab h5 { font-size: 22px; color: #333; line-height: 2; /*text-shadow: 0 0 0.2em #000*/ }
main.kuaishou section.part10 .w_1200 { width: 900px }
main.kuaishou section.part10 ul.swiper-wrapper ul { display: flex; flex-wrap: wrap; margin-top: 30px; justify-content: space-between; }
main.kuaishou section.part10 ul.swiper-wrapper ul li { padding-bottom: 20px; position: relative; overflow: hidden; }
main.kuaishou section.part10 ul.swiper-wrapper ul li img { display: block; }
main.kuaishou section.part11 { padding-bottom: 0; }
main.kuaishou section.part11 .w_1200 img { display: block; }
main.kuaishou section.part11 li.swiper-slide { overflow: hidden; }
main.kuaishou section.part11 li.swiper-slide img:last-of-type { transition: all .9s; transform: translate(200px, 0px); position: absolute; right: 0; bottom: 0; }
main.kuaishou section.part11 li.swiper-slide.swiper-slide-active img:last-of-type { transform: translate(0px); }



aside.fixed_right_bottom { /*background: rgba(215, 156, 101, .8); padding: 5px;*/ position: fixed; right: 0; bottom: 200px;z-index: 550; }
aside.fixed_right_bottom li { color: #fff; margin: 10px 0; padding: 2px 51px 2px 2px ; transition: all .5s; transform: translateX(123px); background: rgba(215, 156, 101, .8) /* border-bottom: 1px solid #c7c7c7;*/ }
aside.fixed_right_bottom li,
aside.fixed_right_bottom li a { display: flex; align-items: center; }
aside.fixed_right_bottom li i { width: 50px; height: 50px; margin-right: 10px; display: block }
aside.fixed_right_bottom li.hover:hover { transform: translateX(0); }
aside.fixed_right_bottom li:nth-child(1) i { background: url(../images/icon_bar.png) no-repeat center 10px #fff; background-size: 50px; }
aside.fixed_right_bottom li:nth-child(2) i { background: url(../images/icon_bar.png) no-repeat center -47px #fff; background-size: 46px; }
aside.fixed_right_bottom li:nth-child(3) i { background: url(../images/icon_bar.png) no-repeat center -109px #fff; background-size: 46px; }
aside.fixed_right_bottom li:nth-child(4) i { background: url(../images/icon_bar.png) no-repeat center -163px #fff; background-size: 46px; cursor: pointer; }
aside.fixed_right_bottom li img {
	transition: all .5s;
	transform: translateX(110px) scale(.4);
	position: absolute;
	left: -138px;
	z-index: -9;
	opacity: 0;
}
aside.fixed_right_bottom li.img:hover img {
	transform: translateX(0) scale(1);
	opacity: 1;
}