@charset "utf-8";
/* css document */
.apple-banner {width: 100%;height: 580px;overflow: hidden;min-width: 1200px;}
.apple-banner .swiper-container {margin-top: -35px;width: 100%;height: 650px;}
.swiper-button-prev,.swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.swiper-button-prev{left:0;}	
.swiper-button-next{right:0;}	
.swiper-button-prev span,.swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius: 100%;
	background: rgba(180,180,180,0.25) url(/uploads/image/hpimages/arrows.png) no-repeat center 17px;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.swiper-button-next span{background: rgba(180,180,180,0.25) url(/uploads/image/hpimages/arrows.png) no-repeat center -71px;left:auto;right:20px;}
.swiper-button-prev:hover span,.swiper-button-next:hover span{opacity: .6;}
/*分页器*/
.apple-banner .swiper-pagination{top:auto;bottom:30px;background:none;}
.apple-banner  .swiper-pagination-bullet {display: inline-block;width: 50px;height: 30px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;opacity: 1;}
.apple-banner  .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: rgba(128,128,128,0.2);}
.apple-banner .swiper-pagination-bullet-active span{background:gray;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{background: rgba(128,128,128,0.2);}
.apple-banner  .swiper-pagination-bullet i{background: gray;height: 2px;transform:scalex(0);transform-origin: 0;display: block;}
.apple-banner .autoplay .firsrcurrent i{transition:transform 2.9s linear;transform:scalex(1);}
.apple-banner .autoplay .current i{transition:transform 4s linear;transform:scalex(1);}
.apple-banner  .autoplay .replace span{background:gray;}
/*内容样式*/

.slide1 {background: #000 url(/uploads/image/hpimages/pic2.jpg) no-repeat center;background-size: auto 100%;}
.slide1 .title {text-align: center;margin-top: 110px;font-size: 30px;font-weight: normal;color: #fff;}
.slide2 {background: #f3f3f3 url(/uploads/image/hpimages/pic2.jpg) no-repeat center;background-size: auto 100%;}
.slide2 .title {padding-top: 110px;text-align: center;}
.slide2 h2 {bottom: 100px;text-align: center;font-size: 30px;font-weight: normal;position: absolute;width: 100%;}
.slide3 {background: #fff url(/uploads/image/hpimages/pic2.jpg) no-repeat center;background-size: auto 100%;}
.slide3 .title {text-align: center;margin-top: 110px;font-size: 40px;font-weight: normal;}


.content{}
.dyip{background: #818181;height: 120px;min-width: 1200px;}
.dyip ul{}
.dyip li{float: left;width:120px;text-align: center;margin-top: 15px;}
.dyip li a{color: #fff;}
.dyip li a:hover{color: #fff;text-decoration: none;}
.dyip li i{font-size: 30px;width: 60px;height: 60px;line-height: 60px;}
.dyip li:hover i{background: #fff;display: block;border-radius: 30px;margin:0 auto;color: #555;}
.dyip li p{font-size: 16px;margin-top: 10px;}


.derp{margin-top: 50px;min-width: 1200px;border-bottom: 1px solid #ddd;padding-bottom: 60px;}
.derp .title{text-align: center;font-size: 36px;padding:20px 0;border-bottom: 1px solid #ddd;}
.derp ul{margin-top: 40px;}
.derp li{float: left;width: 20%;position: relative;}
.derp li img{width: 100%;}
.derp li .box{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background: #df0615;visibility: hidden;opacity: 0;transition: all 0.3s;}
.derp li:hover .box{visibility: visible;opacity: 1;}
.derp li a{color: #fff;}
.derp li .fl{padding:20px 0 0 20px;}
.derp li .fl .border{width: 30px;height: 2px;background: #fff;margin-top: 10px;}
.derp li .title_er{padding:100px 40px 0 40px;text-align: center;}
.derp li .title_er h2{font-size: 18px;}
.derp li .title_er p{margin-top: 10px;line-height: 24px;}
.derp li .more{position: absolute;right: 20px;bottom: 20px;width: 34px;border: 2px solid #fff;height: 34px;line-height: 34px;text-align: center;border-radius: 20px;}
.derp .more_er{width: 246px;height: 46px;line-height: 46px;border: 2px solid #df0615;font-size: 18px;margin:50px auto 0 auto;}
.derp .more_er i{float: right;font-size: 30px;color: #df0615;}
.derp .more_er a{padding:0 20px;display: block;color: #df0615;}
.derp .more_er a:hover{padding:0 20px;display: block;text-decoration: none;}


.dsanp{background: url(/uploads/image/hpimages/pic15.jpg) no-repeat center;padding:50px 0;min-width: 1200px;margin-top: 60px;}
.dsanp .dsanp_l{width: 540px;float: left;margin-top: 50px;}
.dsanp .dsanp_l h2{font-size: 36px;}
.dsanp .dsanp_l .l_box{height: 440px;background: url(/uploads/image/hpimages/pic16.png) no-repeat left;margin-top: 30px;}
.dsanp .dsanp_l .l_box .txt{padding:30px 0 0 50px;}
.dsanp .dsanp_l .l_box .txt h3{font-size: 48px;color: #df0615;font-weight: bold;}
.dsanp .dsanp_l .l_box .txt p{font-size: 16px;line-height: 24px;}
.dsanp .dsanp_l .l_box .txt h4{font-size: 30px;}
.dsanp .picscroll-left{ width:574px; position:relative;float: right;}
.dsanp .picscroll-left .hd{position: absolute;right: 1px;bottom: 1px;z-index: 100;width: 190px;height: 118px;background: #fff;}
.dsanp .picscroll-left .hd i{ display:block;  width:36px; height:36px; line-height: 36px;text-align: center; float:left; border-radius: 30px; cursor:pointer;border:2px solid #ccc;font-size: 18px;font-weight: bold;}
.dsanp .picscroll-left .hd .prev{margin:40px 0 0 45px; display:block;}
.dsanp .picscroll-left .hd .next{margin:40px 0 0 105px; display:block;}
.dsanp .picscroll-left .bd{}
.dsanp .picscroll-left .bd ul{ overflow:hidden; zoom:1; }
.dsanp .picscroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;}
.dsanp .picscroll-left .bd ul li img{ width:574px; height:596px;}
.dsanp .picscroll-left .bd ul li .title{ line-height:24px;}


.dsip{min-width: 1200px;padding-top:60px;}
.dsip ul{}
.dsip li{float: left;width: 590px;}
.dsip li:nth-of-type(1){margin-right: 20px;}
.dsip li .pic img{width: 590px;height: 340px;}
.dsip li .box{border: 1px solid #eee;padding:50px 50px 0 50px;border-top: 0 none;}
.dsip li .box h2{font-size: 24px;}
.dsip li .box p{font-size: 16px;margin-top: 5px;}
.dsip li .box .li_b{margin-top: 40px;border-top: 1px solid #ddd;line-height: 70px;}
.dsip li .box .li_b i{float: right;font-size: 20px;}
.dsip li .box a:hover{text-decoration: none;}
.dsip .xcx{margin-top: 20px;}
.dsip .xcx .pic{float: left;width: 740px;}
.dsip .xcx .pic img{width: 740px;height: 450px;}
.dsip .xcx .xcx_r{float: right;width: 460px;height:450px;background: #df0615;position: relative;}
.dsip .xcx .xcx_r .title{ color: #fff;padding:100px 50px 0 40px;}
.dsip .xcx .xcx_r .title h2{font-size: 24px;}
.dsip .xcx .xcx_r .title h2 a{color: #fff;}
.dsip .xcx .xcx_r .title h2 a:hover{color: #fff;text-decoration: none;}
.dsip .xcx .xcx_r .title .border{width: 10px;height: 2px;background: #fff;margin-top: 20px;}
.dsip .xcx .xcx_r .title .txt{margin-top: 30px;line-height:26px;}
.dsip .xcx .xcx_r .title .txt h3{font-size: 18px;}
.dsip .xcx .xcx_r .more{position: absolute;left: 30px;bottom:50px;width: 36px;height: 36px;border: 1px solid #fff;line-height: 36px;text-align: center;border-radius: 40px;}
.dsip .xcx .xcx_r .more a{color: #fff;display: block;}
.dsip .xcx .xcx_r .more a:hover{color: #fff;display: block;text-decoration: none;}
.dsip .xcx .xcx_r .more i{font-size: 20px;}
.dsip .pic{overflow: hidden;}
.dsip .pic img{transition: all 0.3s;}
.dsip .pic:hover img{transform:scale(1.2);}


.dwup{margin-top: 60px;min-width: 1200px;}
.dwup .title{text-align: center;font-size: 36px;}
.dwup ul{margin-left: -2%;margin-top:30px;}
.dwup li{float: left;width: 31.333%;margin-left: 2%;}
.dwup li .pic{overflow: hidden;}
.dwup li img{width: 100%;transition: all 0.3s;}
.dwup li .pic:hover img{transform: scale(1.2);}
.dwup li .box{border: 1px solid #eee;padding:30px 20px 0 20px;border-top: 0 none;}
.dwup li .box .txt{}
.dwup li .box .txt h2{font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dwup li .box .txt p{line-height: 24px;margin-top: 10px;color: #999;height: 48px;overflow: hidden;}
.dwup li .box .more{margin-top: 40px;border-top: 1px solid #ddd;line-height: 70px;}
.dwup li .box .more i{float: right;font-size: 20px;}
.dwup li .box a:hover{text-decoration: none;}


/********************网站建设********************/
.web_dyip{margin-top: 70px;min-width: 1200px;}
.web_dyip .title{text-align: center;font-size: 36px;}
.web_dyip ul{margin-top: 50px;padding:0 5%;}
.web_dyip li{float: left;width: 25%;position: relative;}
.web_dyip li i{width: 160px;height: 160px;line-height: 160px;text-align: center;font-size: 90px;display: block;color: #fff;border-radius: 100px;margin:0 auto;}
.web_dyip li:nth-of-type(1) i{background: #2e80e2;}
.web_dyip li:nth-of-type(2) i{background: #e84d4f;}
.web_dyip li:nth-of-type(3) i{background: #2fc27e;}
.web_dyip li:nth-of-type(4) i{background: #f68532;}
.web_dyip li h2{font-size: 24px;text-align: center;margin-top: 30px;}
.web_dyip li dl{margin-top: 20px;text-align: center;padding:0 15%;}
.web_dyip li dd{float: left;width: 50%;line-height: 30px;color: #999;}
.web_dyip li .more{width: 178px;height: 55px;line-height: 55px;text-align: center;border: 1px solid #ddd;position: absolute;left: 50%;top: 400px;margin-left: -90px;font-size: 18px;}
.web_dyip li .more a{display: block;}
.web_dyip li .more a:hover{display: block;text-decoration: none;}


.web_derp{margin-top: 200px;overflow: hidden;min-width: 1200px;background: #f1f1f1;padding-bottom: 100px;}
.web_derp .title{font-size: 36px;padding:80px 0;text-align: center;}
.web_derp ul{padding:0 5%;}
.web_derp li{width: 33.333%;float: left;text-align: center;transition: all 0.3s;}
.web_derp li .box{text-align: center;padding:15%;}
.web_derp li .box i{font-size: 40px;color: #555;width: 100%;transition: all 0.3s;display: block;}
.web_derp li:hover .box i{margin-top: -20px;padding-bottom: 20px;}
.web_derp li:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.web_derp li .box h2{font-size: 18px;margin-top: 20px;width: 100%;}
.web_derp li .box p{color: #999;margin-top: 10px;width: 100%;}
.web_derp li a{display: block;}
.web_derp li a:hover{display: block;text-decoration: none;}



.web_dsanp{margin-top: 100px;min-width: 1200px;border-bottom: 1px solid #ddd;padding-bottom: 60px;}
.web_dsanp .title{text-align: center;}
.web_dsanp .title h2{font-size: 36px;}
.web_dsanp .title ul{font-size: 0px;margin-top: 50px;}
.web_dsanp .title li{display: inline-block;font-size: 18px;width: 140px;}
.web_dsanp .title li a{color: #999;}
.web_dsanp .title li a:hover{color: #df0615;text-decoration: none;}
.web_dsanp .list ul{margin-top: 20px;}
.web_dsanp .list li{float: left;width: 20%;position: relative;}
.web_dsanp .list li img{width: 100%;}
.web_dsanp .list li .box{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background: #df0615;visibility: hidden;opacity: 0;transition: all 0.3s;}
.web_dsanp .list li:hover .box{visibility: visible;opacity: 1;}
.web_dsanp .list li a{color: #fff;}
.web_dsanp .list li .fl{padding:20px;}
.web_dsanp .list li .fl .border{width: 30px;height: 2px;background: #fff;margin-top: 10px;}
.web_dsanp .list li .title_er{padding:40px;text-align: center;}
.web_dsanp .list li .title_er h2{font-size: 18px;}
.web_dsanp .list li .title_er p{margin-top: 10px;line-height: 24px;}
.web_dsanp .list li .more{position: absolute;right: 20px;bottom: 20px;width: 34px;border: 2px solid #fff;height: 34px;line-height: 34px;text-align: center;border-radius: 20px;}
.web_dsanp .more_er{width: 246px;height: 46px;line-height: 46px;border: 2px solid #df0615;font-size: 18px;margin:50px auto 0 auto;}
.web_dsanp .more_er i{float: right;font-size: 30px;color: #df0615;}
.web_dsanp .more_er a{padding:0 20px;display: block;color: #df0615;}
.web_dsanp .more_er a:hover{padding:0 20px;display: block;text-decoration: none;}


.web_dsip{text-align: center;margin-top: 100px;min-width: 1200px;}
.web_dsip .title{font-size: 36px;}
.web_dsip .txt{font-size: 18px;margin-top: 70px;}
.web_dsip .txt2{}
.web_dsip .txt2 ul {margin-top: 50px;width: 980px;margin:50px auto 0 auto;font-size: 0px;}
.web_dsip .txt2 li {border-right: 1px solid #ddd;color: #ccc;font-size: 14px;padding:0 30px;display: inline-block;}
.web_dsip .txt2 li:last-child{border-right: 0 none;}
.web_dsip .txt2 li span{font-size: 72px;margin-bottom: 10px;color: #333;font-family: 'conv_big_noodle_titling';}
.web_dsip .list{}
.web_dsip .list ul{font-size: 0px;margin-top: 80px;}
.web_dsip .list li{width: 140px;display: inline-block;position: relative;margin:0 30px;}
.web_dsip .list li .pic_yi{}
.web_dsip .list li:hover .pic_yi{visibility: hidden;opacity: 0;transition: all 0.3s;}
.web_dsip .list li .pic_er{visibility: hidden;opacity: 0;transition: all 0.3s;position: absolute;left: 0px;top: 0px;}
.web_dsip .list li:hover .pic_er{visibility: visible;opacity: 1;}
.web_dsip .more{width: 178px;height: 55px;line-height: 55px;text-align: center;border: 1px solid #ddd;margin:50px auto 0 auto;font-size: 18px;}
.web_dsip .more a{display: block;}
.web_dsip .more a:hover{display: block;text-decoration: none;}


.web_dwup{background: #f2f2f2;margin-top: 100px;padding:80px 0;min-width: 1200px;}
.web_dwup .title{text-align: center;font-size: 36px;}
.web_dwup .slidetxtbox{}
.web_dwup .slidetxtbox .hd{text-align: center;}
.web_dwup .slidetxtbox .hd ul{margin-top: 50px;}
.web_dwup .slidetxtbox .hd ul li{display: inline-block;margin:0 40px;font-size: 18px;color: #999;cursor: pointer;line-height: 50px;padding:0 10px;}
.web_dwup .slidetxtbox .hd ul li.on{color: #df0615;border-bottom: 3px solid #df0615;}
.web_dwup .slidetxtbox .bd{margin-top: 50px;}
.web_dwup .slidetxtbox .bd ul{padding:0 5%;margin-left: -2%;}
.web_dwup .slidetxtbox .bd li{float: left;width: 48%;background: #fff;margin-left: 2%;margin-bottom: 2%;position: relative;height: 200px;}
.web_dwup .slidetxtbox .bd li .box{position: absolute;left: 50px; top: 70px;right: 50px;bottom: 50px;}
.web_dwup .slidetxtbox .bd li .box h2{font-size: 24px;font-weight: bold;padding-bottom: 12px;}
.web_dwup .slidetxtbox .bd li i{font-size: 80px;float: right;width:200px; height: 200px;text-align: center;line-height: 200px;color: #f8f8f8;}


.web_dliup{padding: 100px 0;min-width: 1200px;}
.web_dliup .title{text-align: center;font-size: 36px;}
.web_dliup .list ul{text-align: center;font-size: 0px;margin-top: 100px;}
.web_dliup .list li{display: inline-block;width: 160px;text-align: center;color: #999;font-size: 14px;}
.web_dliup .list li i{width: 70px;height: 70px;line-height:70px;display: block;background: #edeff1;border-radius: 50px;font-size: 30px;margin:0 auto;}
.web_dliup .list li p{margin-top: 20px;}
.web_dliup .an{margin-top: 30px;}
.web_dliup .an ul{text-align: center;font-size: 0px;margin-bottom: -9px;}
.web_dliup .an li{display: inline-block;width: 160px;text-align: center;color: #999;}
.web_dliup .an li i{width: 15px;height: 15px;border: 1px solid #ddd;display: block;border-radius: 10px;margin:0 auto;background: #fff;}
.web_dliup .an .border{height: 1px;background: #eee;}
.web_dliup .more{width: 178px;height: 55px;line-height: 55px;text-align: center;border: 1px solid #ddd;margin:100px auto 0 auto;font-size: 18px;}
.web_dliup .more a{display: block;}
.web_dliup .more a:hover{display: block;text-decoration: none;}
@media screen and (max-width: 1210px) {

	.header .nav li p a{padding:0 15px;}
	.header .nav li:hover p a{padding:0 15px;}

	.web_dliup .list li{width: 130px;}
	.web_dliup .an li{width: 130px;}
}


/********************小程序********************/
.xcx_dyip{margin-top: 70px;min-width: 1200px;}
.xcx_dyip .title{text-align: center;font-size: 36px;}
.xcx_dyip ul{margin-top: 100px;padding:0 5%;}
.xcx_dyip li{float: left;width: 30.333%;position: relative;text-align: center;margin:0 1.5%;}
.xcx_dyip li i{width: 160px;height: 160px;line-height: 160px;text-align: center;font-size: 90px;display: block;color: #fff;border-radius: 100px;margin:0 auto;}
.xcx_dyip li h2{font-size: 24px;padding-top:30px;}
.xcx_dyip li p{margin-top: 20px;color: #999;}
.xcx_dyip li:nth-of-type(1) i{background: #2e80e2;}
.xcx_dyip li:nth-of-type(2) i{background: #e84d4f;}
.xcx_dyip li:nth-of-type(3) i{background: #2fc27e;}


.xcx_derp{background: url(/uploads/image/hpimages/pic33.jpg) no-repeat center;background-size: cover;margin-top: 200px;min-width: 1200px;}
.xcx_derp .box{background: rgba(34,34,34,0.9);color: #fff;text-align: center;padding:100px 0;}
.xcx_derp .box .title{font-size: 36px;}
.xcx_derp .box .txt{margin-top: 20px;}
.xcx_derp .box ul{margin-top: 100px;}
.xcx_derp .box li{float: left;width: 20%;}
.xcx_derp .box li .li_box{padding:50px 0;}
.xcx_derp .box li i{font-size: 70px;transition: all 0.3s;display: block;}
.xcx_derp .box li:hover i{margin-top: -20px;padding-bottom: 20px;}
.xcx_derp .box li p{font-size: 18px;line-height: 50px;margin-top: 10px;}


.xcx_dsanp{padding:80px 0;min-width: 1200px;}
.xcx_dsanp .title{text-align: center;font-size: 36px;}
.xcx_dsanp .txt{text-align: center;margin-top: 20px;}
.xcx_dsanp .slidetxtbox{}
.xcx_dsanp .slidetxtbox .hd{text-align: center;}
.xcx_dsanp .slidetxtbox .hd ul{margin-top: 50px;}
.xcx_dsanp .slidetxtbox .hd ul li{display: inline-block;margin:0 40px;font-size: 18px;color: #999;cursor: pointer;line-height: 50px;padding:0 10px;}
.xcx_dsanp .slidetxtbox .hd ul li.on{color: #df0615;border-bottom: 3px solid #df0615;}
.xcx_dsanp .slidetxtbox .bd{margin-top: 50px;}
.xcx_dsanp .slidetxtbox .bd ul{padding:0 5%;margin-left: -2%;}
.xcx_dsanp .slidetxtbox .bd li{float: left;width: 30.333%;margin:4% 1.5%;position: relative;text-align: center;}
.xcx_dsanp .slidetxtbox .bd li p{font-size: 24px;margin-top: 30px;}
.xcx_dsanp .slidetxtbox .bd li .border{width: 30px;height: 2px;background: #333;margin:20px auto 0 auto;}


/********************网易邮箱********************/
.emali_dyip{padding:70px 0;min-width: 1200px;}
.emali_dyip .title{text-align: center;font-size: 36px;}
.emali_dyip ul{margin-top: 100px;padding:0 5%;}
.emali_dyip li{width: 33.333%;float: left;text-align: center;transition: all 0.3s;}
.emali_dyip li .box{padding:20%;}
.emali_dyip li i{font-size: 50px;display: block;transition: all 0.3s;}
.emali_dyip li:hover i{margin-top: -20px;padding-bottom: 20px;}
.emali_dyip li h2{font-size: 24px;margin-top: 20px;}
.emali_dyip li p{color: #999;margin-top: 20px;line-height: 24px;}
.emali_dyip li:hover{box-shadow:0 20px 50px rgba(0,0,0,0.1);}


.emali_derp{background: #f2f2f2;margin-top: 50px;padding:100px 0;min-width: 1200px;}
.emali_derp .title{text-align: center;font-size: 36px;}
.emali_derp ul{padding:0 5%;margin-left: -2%;margin-top: 100px;}
.emali_derp li{float: left;width: 48%;margin-left: 2%;margin-bottom: 2%;position: relative;height: 230px;color: #fff;}
.emali_derp li .box{position: absolute;left: 50px; top: 70px;right: 50px;bottom: 50px;}
.emali_derp li .box h2{font-size: 24px;font-weight: bold;padding-bottom: 12px;}
.emali_derp li i{font-size: 80px;float: right;width:200px; height: 200px;text-align: center;line-height: 230px;color: #fff;opacity: 0.1;}
.emali_derp li p{line-height: 24px;}
.emali_derp li:nth-of-type(1){background: #2e80e2;}
.emali_derp li:nth-of-type(2){background: #e84d4f;}
.emali_derp li:nth-of-type(3){background: #2fc27e;}
.emali_derp li:nth-of-type(4){background: #f68532;}


.emali_dsanp{width: 600px;margin:100px auto;}
.emali_dsanp table{text-align: center;box-shadow: 0 10px 50px rgba(0,0,0,0.1);}
.emali_dsanp th{height: 50px;background: #2e80e2;color: #fff;}
.emali_dsanp td{height: 50px;border-bottom: 1px solid #ddd;}


.emali_dsip{background: #f5f5f5;padding:100px 0;}
.emali_dsip .title{text-align: center;}
.emali_dsip .title .bt{font-size: 36px;padding-bottom: 30px;}
.emali_dsip .title p{font-size: 18px;}


/********************客户案例********************/
.case_dyip{min-width: 1200px;}
.case_dyip .list{float: left;width: 25%;position: relative;}
.case_dyip .list:nth-of-type(1){background: #4e56d2;}
.case_dyip .list:nth-of-type(2){background: #6e35a0;}
.case_dyip .list:nth-of-type(3){background: #0a8583;}
.case_dyip .list:nth-of-type(4){background: #22258e;}
.case_dyip .list .box{position: absolute;left: 20px;top: 20px;}
.case_dyip .list .box h2{font-size: 24px;}
.case_dyip .list .box ul{line-height: 24px;margin-top: 20px;}
.case_dyip a{color: #fff;}
.case_dyip a:hover{color: #fff;text-decoration: none;}
.case_dyip i{width: 150px;height: 200px;display: block;float: right;text-align: center;line-height: 200px;color: #fff;font-size: 70px;opacity: 0.1;}


.case_derp{padding:80px 0;min-width: 1200px;}
.case_derp .title{text-align: center;}
.case_derp .title h2{font-size: 36px;}
.case_derp .title ul{font-size: 0px;margin-top: 30px;}
.case_derp .title li{display: inline-block;font-size: 16px;padding:0 10px;margin:0 20px;line-height: 50px;}
.case_derp .title li a:hover{text-decoration: none;}
.case_derp .title li.current{border-bottom: 2px solid #df0615;}
.case_derp .title li.current a{color: #df0615;}
.case_derp .list{margin-top: 50px;}
.case_derp .list ul{margin-left: -30px;}
.case_derp .list li{float: left;margin-left: 30px;margin-bottom: 30px;width: 380px;}
.case_derp .list li .pic{height: 240px;overflow: hidden;position: relative;}
.case_derp .list li .pic img{width: 380px;height: 380px;margin-top: -70px;transition: all 0.3s;}
.case_derp .list li .pic:hover img{transform: scale(1.2);}
.case_derp .list li .pic .bt{ position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0; transition:all 0.3s; z-index:1;color: #fff;}
.case_derp .list li .pic:hover .bt{opacity: 1;}
.case_derp .list li .pic .bt .bt_box{ display:table; width:100%; height:100%; line-height:30px;}
.case_derp .list li .pic .bt .bt_box .bt_er{ display:table-cell; vertical-align:middle; text-align:center;font-size: 16px;}
.case_derp .list li .pic .bt .bt_box .bt_er .border{width: 100px;height: 1px; background: #999;margin:0 auto; transition:all 0.3s linear;}
.case_derp .list li .pic:hover .bt .bt_box .bt_er .border{width: 10px;}
.case_derp .list li .pic .bg{ position:absolute; width:100%; height:100%; left:0px; top:0px; opacity:0; background: rgba(0,0,0,0.5); transition:all 0.3s;}
.case_derp .list li .pic:hover .bg{opacity:1;}
.case_derp .list li .box{border: 1px solid #eee; padding: 30px 20px 0 20px; border-top: 0 none;}
.case_derp .list li .box .title_er{border-bottom: 1px solid #ddd; padding-bottom: 30px;}
.case_derp .list li .box .title_er h2{font-size: 18px;}
.case_derp .list li .box .title_er h2 a:hover{text-decoration: none;}
.case_derp .list li .box .title_er p{margin-top: 10px;color: #999;}
.case_derp .list li .box .li_b{line-height: 50px;}
.case_derp .list li .box .li_b .b_l{float: left;}
.case_derp .list li .box .li_b .more{float: right;}
.case_derp .list li .box .li_b a:hover{text-decoration: none;}

.fangf { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 29px 0; margin-top: 20px; min-width: 1200px; text-align: center; }
.fangf a, .fangf span { display: inline-block; border: 1px solid #dddddd; padding: 12px 15.9px; margin: 0 2.9px; }
.fangf .fcurrent { border: 1px solid #df0615; background: #df0615; font-weight: 500; color: #ffffff; }
.fangf a:hover { border: 1px solid #df0615; }

.fenye{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding:30px 0;margin-top: 20px;min-width: 1200px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 18px;width: 40px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #ddd;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #df0615;background: #df0615;}
.fenye li.current a{color: #fff;}


/********************案例详情********************/
.wechat-info-ban {height: 835px;position: relative;width: 100%;z-index: 10;min-width: 1200px;}
.wechat-info-ban .bgimg-out {position: relative;overflow: hidden;width: 100%;height: 100%;}
.wechat-info-ban .bgimg {opacity: 0;filter: alpha(opacity=0);position: relative;}
.wechat-info-ban .up-cont {position: absolute;top: 50%;margin-top: -220px;color: #fff;left: 10.5%;}
.wechat-info-ban .up-cont h4 {font-size: 48px;line-height: 70px;}
.wechat-info-ban .up-cont .line {display: block;width: 40px;height: 4px;background-color: #fff;margin-top: 14px;}
.wechat-info-ban .up-cont .font {display: block;line-height: 36px;font-size: 18px;margin-top: 44px;}
.bot-paging {width: 79%;left: 10.5%;position: fixed;bottom: 50px;height: 45px;z-index: 20;transition: all 0.3s ease 0s;}
.bot-paging .link-info {display: block;width: 46px;height: 46px;position: relative;overflow: hidden;transition: width 0.3s ease 0s;}
.bot-paging .link-info .link-ico {display: block;width: 46px;height: 46px;position: relative;z-index: 2;background-color: rgba(0, 0, 0, 0.15);border-radius: 50%;line-height: 46px;text-align: center;}
.bot-paging .link-info i {display: block;width: 100%;height: 100%;font-size: 18px;color: #fff;}
.bot-paging .link-info .tit-box {display: block;line-height: 46px;height: 46px;border-radius: 46px;background: rgba(0, 0, 0, 0.22);position: absolute;top: 0;width: 66px;color: #fbf9f6;z-index: 1;font-size: 14px;}
.bot-paging .prev i {display: block;width: 100%;height: 100%;background: url(/uploads/image/hpimg/ico_23.png) no-repeat center;}
.bot-paging .prev .link-ico {float: left;}
.bot-paging .prev .tit-box {transform: translatex(-102%);left: 1px;padding: 0 22px 0 55px;}
.bot-paging .next i {display: block;width: 100%;height: 100%;background: url(/uploads/image/hpimg/ico_24.png) no-repeat center;}
.bot-paging .next .link-ico {float: right;}
.bot-paging .next .tit-box {transform: translatex(102%);right: 1px;padding: 0 55px 0 22px;}
.bot-paging .retun-list {position: absolute;left: 50%;bottom: 0;width: 46px;height: 46px;margin-left: -23px;transition: all 0.3s ease 0s;overflow: hidden;}
.bot-paging .retun-list .chunk-box {display: block;width: 46px;height: 46px;float: right;overflow: hidden;position: relative;border-radius: 50%;background: rgba(0, 0, 0, 0.15);line-height: 46px;text-align: center;color: #fff;}
.bot-paging .retun-list .round-tit {display: block;width: 108px;padding: 0 55px 0 22px;position: absolute;right: 1px;top: 0;transform: translatex(102%);color: #fff;line-height: 46px;font-size: 14px;background: rgba(0, 0, 0, 0.22);border-radius: 46px;}
.bot-paging.long {width: 96%;left: 2%;}
.case-info {padding-top: 16px;position: relative;z-index: 5;}
.website-info-ban .up-cont .link-ico {display: block;width: 43px;height: 43px;line-height:43px;text-align: center; border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;margin-top: 95px;position: relative;overflow: hidden;transition: all 0.3s ease 0s;}
.website-info-ban .up-cont .link-ico:hover{background: #fff;}
.website-info-ban .up-cont .link-ico i {display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;transition: all 0.3s ease 0s;color: #fff;font-size: 18px;}
.website-info-ban .up-cont .link-ico:hover i {color: #df0615;}


.fl {float: left;display: inline; }
.fr {float: right;display: inline; }

@media (min-width: 1050px){
	
	.bot-paging .link-info:hover {
	  width: 145px;
	}
	.bot-paging .link-info:hover .link-ico {
	  background-color: rgba(0, 0, 0, 0.8);
	}
	.bot-paging .link-info:hover .tit-box {
	    transform: translatex(0);
	}


	.bot-paging .link-info:hover {
	  width: 145px;
	}
	.bot-paging .link-info:hover .link-ico {
	  background-color: rgba(0, 0, 0, 0.8);
	}
	.bot-paging .link-info:hover .tit-box {
	    transform: translatex(0);
	}
	.bot-paging .retun-list:hover {
	  width: 190px;
	  margin-left: -95px;
	}
	.bot-paging .retun-list:hover .round-tit {
	    transform: translatex(0);
	}
	


	.website-info-ban .up-cont h4,.website-info-ban .up-cont .line,.website-info-ban .up-cont .font,.website-info-ban .link-ico{
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translatey(30px);
	}
	.website-info-ban.active .up-cont h4,.website-info-ban.active .up-cont .line,.website-info-ban.active .up-cont .font,.website-info-ban.active .link-ico{
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translatey(0);
	}
	
	.wechat-info-ban.active .up-cont h4{
		transition: all 0.3s ease 0s;
	}
	.wechat-info-ban.active .up-cont .line{
		transition: all 0.3s ease 0.2s;
	}
	.wechat-info-ban.active .up-cont .font{
		transition: all 0.3s ease 0.4s;
	}
	.wechat-info-ban.active .up-cont .link-ico{
		transition: transform 0.3s ease 0.6s, opacity 0.3s ease 0.6s, background 0.3s ease 0s, border 0.3s ease 0s;
	}
	.website-info-ban.active .up-cont h4{
		transition: all 0.3s ease 0s;
	}
}


.case_con_dyip{margin-top: 20px;min-width: 1200px;}
.case_con_dyip .box{padding:100px 150px 50px 50px;}
.case_con_dyip .con_dyip_l{float: left;width: 50%;background: #f5f5f5;}
.case_con_dyip .con_dyip_l .box{height: 420px;}
.case_con_dyip .con_dyip_l h2{font-size: 24px;margin-bottom: 20px;}
.case_con_dyip .con_dyip_l .border{width: 10px;height: 2px; background: #999;}
.case_con_dyip .con_dyip_l h3{font-size: 16px;margin-bottom: 20px;margin-top: 30px;}
.case_con_dyip .con_dyip_l .txt{margin-top: 20px;line-height: 24px;}
.case_con_dyip .con_dyip_l .more{width: 120px;height: 33px;line-height: 33px;border-radius: 30px;text-align: center;border: 1px solid #ddd;margin-top: 50px;}
.case_con_dyip .con_dyip_l .more a{display: block;}
.case_con_dyip .con_dyip_l .more a:hover{display: block;text-decoration: none;}
.case_con_dyip .con_dyip_r{float: right;width: 50%;}
.case_con_dyip .con_dyip_r .box{border: 1px solid #eee;border-left: 0px;height: 418px;}
.case_con_dyip .con_dyip_r h2{font-size: 30px;margin-bottom: 20px;font-weight: bold;}
.case_con_dyip .con_dyip_r .border{width: 10px;height: 2px; background: #999;}
.case_con_dyip .con_dyip_r .txt{margin-top: 30px;}
.case_con_dyip .con_dyip_r p{line-height: 30px;background: url(/uploads/image/hpimages/pic59.png) no-repeat left center;padding-left: 18px;}

.case_con_derp{margin-top: 20px;}


/********************关于我们********************/
.about_dyip{margin-top: 80px;min-width: 1200px;}
.about_dyip .title{text-align: center;font-size: 36px;}
.about_dyip .txt{line-height: 30px;margin-top: 50px;}
.about_dyip p{padding-bottom: 20px;}


.about_derp{background: #f5f5f5 url(/uploads/image/hpimages/pic61.jpg) no-repeat center;padding:80px 0;margin-top: 100px;min-width: 1200px;}
.about_derp .title{text-align: center;font-size: 36px;color: #fff;}
.about_derp .about_derp_box{margin-top: 80px;}
.about_derp ul{margin-left: -2%;}
.about_derp li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 20px;position: relative;height: 260px;overflow: hidden;}
.about_derp li .box{position: absolute;left: 50px; top: 50px;right: 50px;bottom: 50px;}
.about_derp li .box h2{font-size: 24px;font-weight: bold;padding-bottom: 12px;}
.about_derp li i{font-size: 60px;float: right;text-align: center;color: #2e80e2;position: absolute;right: 20px; bottom: 20px;}
.about_derp li p{line-height: 24px;}
.about_derp li .box .border{width: 20px;height: 2px;background: #999;margin-top: 30px;}
.about_derp li:nth-of-type(1){background: #fff;}
.about_derp li:nth-of-type(2){background: #fff;}
.about_derp li:nth-of-type(3){background: #fff;height: 550px;}
.about_derp li:nth-of-type(3) i{font-size: 130px;}
.about_derp li:nth-of-type(4){background: #fff;margin-top: -280px;}
.about_derp li:nth-of-type(5){background: #fff;margin-top: -280px;margin-left: 35.333%;}


.about_dsanp{padding:70px 0;min-width: 1200px;background: #f5f5f5;}
.about_dsanp .title{text-align: center;font-size: 36px;}
.about_dsanp ul{}
.about_dsanp li{width: 20%;float: left;text-align: center;transition: all 0.3s;}
.about_dsanp li .box{padding:20% 0;}
.about_dsanp li i{font-size: 50px;display: block;transition: all 0.3s;}
.about_dsanp li h2{font-size: 24px;margin-top: 20px;}
.about_dsanp li p{color: #999;margin-top: 10px;line-height: 24px;}


.about_dsip{padding:100px 0;}
.about_dsip .title{text-align: center;font-size: 36px;}
.about_dsip ul{margin-top: 50px;}
.about_dsip li{margin-bottom: 2%;position: relative;height: 230px;background: #fff;border: 1px solid #ddd;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.about_dsip li .box{position: absolute;left: 50px; top: 50px;right: 50px;bottom: 50px;}
.about_dsip li .box h2{font-size: 24px;font-weight: bold;padding-bottom: 12px;}
.about_dsip li i{float: right;width:200px; height: 100px;text-align: center;color: #999;}
.about_dsip li p{line-height: 24px;}


/********************新闻资讯********************/
.news{padding:100px 0;min-width: 1200px;}
.news .subnav{}
.news .subnav ul{}
.news .subnav li{float: left;font-size: 18px;padding-right: 30px;font-weight: bold;}
.news .subnav li a:hover{text-decoration: none;}
.news .subnav li a.current{color: #df0615;}
.news .list{margin-top: 50px;}
.news .list ul{margin-left: -2%;margin-top:30px;}
.news .list li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 2%;}
.news .list li .pic{overflow: hidden;}
.news .list li img{width: 100%;transition: all 0.3s;}
.news .list li .pic:hover img{transform: scale(1.2);}
.news .list li .box{border: 1px solid #eee;padding:30px 20px 0 20px;border-top: 0 none;}
.news .list li .box .txt{}
.news .list li .box .txt h2{font-size: 18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news .list li .box .txt p{line-height: 24px;margin-top: 10px;color: #999;height: 48px;overflow: hidden;}
.news .list li .box .more{margin-top: 40px;border-top: 1px solid #ddd;line-height: 70px;}
.news .list li .box .more i{float: right;font-size: 20px;}
.news .list li .box a:hover{text-decoration: none;}


.news_con{padding:50px 0;min-width: 1200px;}
.news_con .title{border-bottom: 1px solid #ddd;padding:20px 0;}
.news_con .title h2{font-size: 24px;}
.news_con .title p{margin-top: 10px;}
.news_con .con_box{line-height: 30px;margin-top: 40px;}
.news_con .con_box p{padding-bottom: 10px;}

.sxy{line-height: 40px;border-top: 1px solid #ddd;margin-top: 50px;padding-top: 20px;}


.contact{min-width: 1200px;}
.contact_dyip{padding-top:100px;}
.contact_dyip .title{text-align: center;font-size: 36px;}
.contact_dyip ul{}
.contact_dyip li{margin-bottom: 2%;position: relative;height: 230px;background: #fff;border: 1px solid #ddd;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.contact_dyip li .box{position: absolute;left: 50px; top: 50px;right: 50px;bottom: 50px;}
.contact_dyip li .box h2{font-size: 24px;font-weight: bold;padding-bottom: 12px;}
.contact_dyip li i{font-size: 80px;float: right;width:200px; height: 230px;text-align: center;line-height: 230px;color: #999;opacity: 0.1;}
.contact_dyip li p{line-height: 24px;}

.contact_derp{padding:50px 0;}
.contact_derp .box{}
.contact_derp .title{}
.contact_derp .title h2{ font-size:24px; color:#444;}
.contact_derp .title p{ color:#666;}
.contact_derp .liuyan{ padding-top:30px;}
.contact_derp .liuyan_t{ padding-bottom:30px;}
.contact_derp .liuyan_t .input{ width:31.333%; float:left; margin-right:2%;}
.contact_derp .liuyan_t .input p{ border:2px solid #666;}
.contact_derp .liuyan_t .input_txt{ width:96%; height:40px; border:0 none; padding:0 2%; outline:medium; font-family:"黑体";}
.contact_derp .liuyan_c .textarea{ width:100%;}
.contact_derp .liuyan_c .textarea p{ border:2px solid #666;}
.contact_derp .liuyan_c textarea{ width:98%; height:90px; border:0 none; line-height:24px; padding:1%; outline:medium; font-family:"黑体";}
.contact_derp .liuyan_b{ padding-top:30px;}
.contact_derp .liuyan_b .input_btn{ width:150px; height:40px; text-align:center; border:0 none; background:#e30000; color:#fff; font-family:"黑体";}


.zxly_er{margin-top: 30px;}
.zxly_er ul{}
.zxly_er li{ width:49%; margin-bottom:1%;}
.zxly_er li.left{ float:left;}
.zxly_er li.right{ float:right;}
.zxly_er li .input_txt{ width:96%; height:40px; border:1px solid #ddd; outline:medium; padding:0 2%; font-family:"微软雅黑";}
.zxly_er li.textarea{ width:100%; margin:0;}
.zxly_er li.textarea textarea{ width:98%; height:100px; border:1px solid #ddd; outline:medium; padding:1%; font-family:"微软雅黑";}
.zxly_er .more{margin-top:20px;}
.zxly_er .input_btn{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-right:5px; color:#fff; background:#df0615;}
.zxly_er .input_btn2{ width:100px; height:40px; font-family:"微软雅黑"; border:0 none; margin-left:5px; color:#fff; background:#333;}


/********************营销型网站********************/
.yingxiao_dsanp{padding-top: 100px;text-align: center;}
.yingxiao_dsanp .title{padding-bottom: 50px;}
.yingxiao_dsanp .title h2{ font-size:36px; color:#444;}
.yingxiao_dsanp .title p{font-size: 16px;padding-top: 10px;}
.yingxiao_dsanp .title p strong{color: #df0615;}
.yingxiao_dsanp .box{width: 1020px;margin:0 auto;position: relative;}
.yingxiao_dsanp .box .list_l{width: 220px;position: absolute;left: 0px;top: 80px;}
.yingxiao_dsanp .box .list_r{width: 220px;position: absolute;right: 0px;top: 80px;}
.yingxiao_dsanp .box ul{border: 1px solid #ccc;}
.yingxiao_dsanp .box li{border-bottom: 1px solid #ccc;padding:20px 0;}
.yingxiao_dsanp .box li .txt{font-size: 60px;font-family: 'conv_big_noodle_titling';}
.yingxiao_dsanp .box li p{font-size: 18px;}


.yingxiao_dsip{text-align: center;background: #f2f2f2;padding:150px 0;}
.yingxiao_dsip .title{padding-bottom: 50px;}
.yingxiao_dsip .title h2{ font-size:36px; color:#444;}
.yingxiao_dsip .title p{font-size: 16px;padding-top: 10px;}
.yingxiao_dsip .title p strong{color: #df0615;}
.yingxiao_dsip ul{}
.yingxiao_dsip li{width:20%;padding: 50px 0;float: left;}
.yingxiao_dsip li .box{border-left: 1px solid #ccc;}
.yingxiao_dsip li:nth-of-type(1) .box{border-left: 0 none;}
.yingxiao_dsip li h2{font-size: 18px;font-weight: bold;}
.yingxiao_dsip li .txt{padding:10px 0;}
.yingxiao_dsip li p{font-size: 18px;}


.yingxiao_dwup{padding:150px 0;}
.yingxiao_dwup .title{padding-bottom: 50px;text-align: center;}
.yingxiao_dwup .title h2{ font-size:36px; color:#444;}
.yingxiao_dwup .title p{font-size: 16px;padding-top: 10px;}
.yingxiao_dwup .title p strong{color: #df0615;}
.yingxiao_dwup ul{font-size: 0px;text-align: center;}
.yingxiao_dwup li{width: 350px;display: inline-block;position: relative;text-align: left;background: #fff;margin:0 25px;box-shadow: 0 10px 60px rgba(0,0,0,0.1)}
.yingxiao_dwup li .txt{position: absolute;left: 30px;top: 70px;font-size: 24px;color: #fff;}
.yingxiao_dwup li .box{padding:40px;}
.yingxiao_dwup li .box h2{font-size: 30px;border-bottom: 1px solid #999;padding-bottom: 25px;}
.yingxiao_dwup li .box p{font-size: 18px;padding-top: 20px;}


.yingxiao_dliup{}
.yingxiao_dliup .title{padding-bottom: 50px;text-align: center;}
.yingxiao_dliup .title h2{ font-size:36px; color:#444;}
.yingxiao_dliup .title p{font-size: 16px;padding-top: 10px;}
.yingxiao_dliup .title p strong{color: #df0615;}
.yingxiao_dliup ul{padding:0 5%;margin-left: -2%;}
.yingxiao_dliup li{float: left;width: 30.333%;margin:4% 1.5%;position: relative;text-align: center;}
.yingxiao_dliup li i{width: 160px;height: 160px;line-height:160px;display: block;background: url(/uploads/image/hpimages/pic69.jpg) no-repeat;margin:0 auto;font-size: 50px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);border-radius: 100px;}
.yingxiao_dliup li p{font-size: 24px;margin-top: 30px;}


/********************上市公司********************/
.ssgs_dyip{padding-top: 100px;text-align: center;}
.ssgs_dyip .title{padding-bottom: 50px; font-size:36px; color:#444;}
.ssgs_dyip ul{margin-top: 100px;padding:0 5%;}
.ssgs_dyip li{width: 25%;float: left;text-align: center;transition: all 0.3s;}
.ssgs_dyip li .box{padding:20%;}
.ssgs_dyip li i{font-size: 50px;display: block;transition: all 0.3s;}
.ssgs_dyip li:hover i{margin-top: -20px;padding-bottom: 20px;}
.ssgs_dyip li h2{font-size: 24px;margin-top: 20px;}
.ssgs_dyip li p{color: #999;margin-top: 20px;line-height: 24px;}
.ssgs_dyip li:hover{box-shadow:0 20px 50px rgba(0,0,0,0.1);}


.ssgs_derp{text-align: center;padding:150px 0; color:#fff;margin-top: 50px;}
.ssgs_derp .title{padding-bottom: 50px; font-size:36px;}
.ssgs_derp .box{width: 1000px;margin:0 auto;line-height: 30px;}


.ssgs_dsanp{background: #f2f2f2;padding:80px 0;min-width: 1200px;}
.ssgs_dsanp .title{padding-bottom: 50px; font-size:36px;text-align: center;}
.ssgs_dsanp ul{padding:0 5%;margin-left: -2%;}
.ssgs_dsanp li{float: left;width: 48%;background: #fff;margin-left: 2%;margin-bottom: 2%;position: relative;height: 220px;}
.ssgs_dsanp li .box{position: absolute;left: 50px; top: 70px;right: 50px;bottom: 50px;}
.ssgs_dsanp li .box h2{font-size: 16px;font-weight: bold;padding-bottom: 12px;}
.ssgs_dsanp li i{font-size: 80px;float: right;width:220px; height: 220px;text-align: center;line-height: 220px;color: #f8f8f8;}


/********************中文网址********************/
.zwym{}
.zwym_dyip{margin-top: 70px;min-width: 1200px;}
.zwym_dyip .title{text-align: center;font-size: 36px;}
.zwym_dyip ul{margin-top: 100px;padding:0 5%;}
.zwym_dyip li{float: left;width: 30.333%;position: relative;text-align: center;margin:0 1.5%;}
.zwym_dyip li i{width: 160px;height: 160px;line-height: 160px;text-align: center;font-size: 90px;display: block;color: #fff;border-radius: 100px;margin:0 auto;}
.zwym_dyip li h2{font-size: 24px;padding-top:30px;}
.zwym_dyip li p{margin-top: 20px;color: #999;}
.zwym_dyip li:nth-of-type(1) i{background: #2e80e2;}
.zwym_dyip li:nth-of-type(2) i{background: #e84d4f;}
.zwym_dyip li:nth-of-type(3) i{background: #2fc27e;}


.zwym_dsanp{text-align: center;padding: 100px 0;}
.zwym_dsanp .title{text-align: center;font-size: 36px;}
.zwym_dsanp video{margin-top: 50px;}


.zwym_dsip{}
.zwym_dsip .title{padding-bottom: 50px;text-align: center;}
.zwym_dsip .title h2{ font-size:36px; color:#444;}
.zwym_dsip .title p{font-size: 16px;padding-top: 10px;}
.zwym_dsip .title p strong{color: #df0615;}
.zwym_dsip ul{font-size: 0px;text-align: center;}
.zwym_dsip li{width: 350px;display: inline-block;position: relative;text-align: left;background: #fff;margin:0 25px;box-shadow: 0 10px 60px rgba(0,0,0,0.1)}
.zwym_dsip li .txt{position: absolute;left: 30px;top: 70px;font-size: 24px;color: #fff;}
.zwym_dsip li .box{padding:40px;}
.zwym_dsip li .box h2{font-size: 30px;border-bottom: 1px solid #999;padding-bottom: 25px;}
.zwym_dsip li .box p{font-size: 18px;padding-top: 20px;}


/********************seo优化********************/
.seo_dyip{margin-top: 70px;min-width: 1200px;}
.seo_dyip .title{text-align: center;font-size: 36px;}
.seo_dyip ul{margin-top: 50px;}
.seo_dyip li{float: left;width: 28.333%;position: relative;text-align: center;margin:2% 2.5%;height: 300px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.seo_dyip li .box{padding: 10%;}
.seo_dyip li i{width: 120px;height: 120px;line-height: 120px;text-align: center;font-size: 60px;display: block;color: #fff;border-radius: 100px;margin:0 auto;}
.seo_dyip li h2{font-size: 24px;padding-top:30px;}
.seo_dyip li p{margin-top: 20px;color: #999;}
.seo_dyip li:nth-of-type(1) i{background: #b16ce5;}
.seo_dyip li:nth-of-type(2) i{background: #6c8be5;}
.seo_dyip li:nth-of-type(3) i{background: #b75e56;}
.seo_dyip li:nth-of-type(4) i{background: #b75e56;}
.seo_dyip li:nth-of-type(5) i{background: #4ccdcb;}
.seo_dyip li:nth-of-type(6) i{background: #a88d36;}


.seo_derp{height: 700px;margin-top: 100px;}
.seo_derp .title{ font-size:36px; color:#444;text-align: center;padding-top: 70px;}
.seo_derp .box{width: 1450px;margin:0 auto;padding-top: 90px;}
.seo_derp .box .list_l{text-align: right;float: left;}
.seo_derp .box .list_l ul{}
.seo_derp .box .list_l li{padding-bottom: 40px;}
.seo_derp .box .list_l li .bt{font-size: 30px;font-weight: bold;padding-bottom: 10px;}
.seo_derp .box .list_l li p{font-size: 16px;line-height: 24px;}
.seo_derp .box .list_r{float: right;}
.seo_derp .box .list_r ul{}
.seo_derp .box .list_r li{padding-bottom: 40px;}
.seo_derp .box .list_r li .bt{font-size: 30px;font-weight: bold;padding-bottom: 10px;}
.seo_derp .box .list_r li p{font-size: 16px;line-height: 24px;}


.seo_dsanp{padding-top: 100px;}
.seo_dsanp .title{ font-size:36px; color:#444;text-align: center;}
.seo_dsanp ul{margin-top: 50px;}
.seo_dsanp li{float: left;width: 220px;height: 100px;text-align: center;font-size: 16px;color: #fff;margin:10px;}
.seo_dsanp li p{padding-top: 20px;}
.seo_dsanp li i{display: block;width: 40px;height: 40px;line-height:40px;font-size: 24px;margin:0 auto;background: #fff;border-radius: 30px;}
.seo_dsanp li:nth-of-type(1){background: #4dc3e2;}
.seo_dsanp li:nth-of-type(2){background: #ff9987;}
.seo_dsanp li:nth-of-type(3){background: #7bc8c9;}
.seo_dsanp li:nth-of-type(4){background: #78a3ca;}
.seo_dsanp li:nth-of-type(5){background: #fece75;}
.seo_dsanp li:nth-of-type(6){background: #c1a0bc;}
.seo_dsanp li:nth-of-type(7){background: #f28e8d;}
.seo_dsanp li:nth-of-type(8){background: #95d976;}
.seo_dsanp li:nth-of-type(9){background: #53c7bc;}
.seo_dsanp li:nth-of-type(10){background: #ff9976;}
.seo_dsanp li:nth-of-type(1) i{color: #4dc3e2;}
.seo_dsanp li:nth-of-type(2) i{color: #ff9987;}
.seo_dsanp li:nth-of-type(3) i{color: #7bc8c9;}
.seo_dsanp li:nth-of-type(4) i{color: #78a3ca;}
.seo_dsanp li:nth-of-type(5) i{color: #fece75;}
.seo_dsanp li:nth-of-type(6) i{color: #c1a0bc;}
.seo_dsanp li:nth-of-type(7) i{color: #f28e8d;}
.seo_dsanp li:nth-of-type(8) i{color: #95d976;}
.seo_dsanp li:nth-of-type(9) i{color: #53c7bc;}
.seo_dsanp li:nth-of-type(10) i{color: #ff9976;}


.seo_dsip{padding:70px 0 140px 0;margin-top: 100px;}
.seo_dsip .title{ font-size:36px; color:#fff;text-align: center;}
.seo_dsip .box{width: 266px;margin:70px auto 0 auto;position: relative;}
.seo_dsip .box ul{ color: #fff; }
.seo_dsip .box li{position: absolute;width: 300px;}
.seo_dsip .box li .bt{font-size: 30px;}
.seo_dsip .box li p{line-height: 24px;margin-top: 10px;}
.seo_dsip .box li:nth-of-type(1){left: -350px; top: -50px;}
.seo_dsip .box li:nth-of-type(2){right: -350px; top: -50px;}
.seo_dsip .box li:nth-of-type(3){left: -350px; bottom: -50px;}
.seo_dsip .box li:nth-of-type(4){right: -350px; bottom: -50px;}


.seo_dwup{padding: 100px 0;text-align: center;}
.seo_dwup .title{ font-size:36px; color:#444;}
.seo_dwup .box{margin-top: 50px;line-height: 30px;}


/********************响应式网站********************/
.xys_dyip{padding: 100px 0;text-align: center;}
.xys_dyip .title .bt{ font-size:36px; color:#444;text-align: center;padding-bottom: 40px;}
.xys_dyip .title p{line-height: 24px;}
.xys_dyip .pic{padding-top: 50px;}


.xys_derp{padding: 100px 0;background: #191919;color: #fff;}
.xys_derp .box{padding:0 5%;}
.xys_derp .box .pic{width: 50%;float: left;}
.xys_derp .box .pic img{width: 100%;}
.xys_derp .box .txt{float: right;width: 45%;}
.xys_derp .box .txt .txt_box{padding:10%;}
.xys_derp .box .txt h2{font-size: 36px;padding-bottom: 20px;}
.xys_derp .box .txt p{line-height: 24px;}


.xys_dsanp{padding: 100px 0;background: #f5f5f5;}
.xys_dsanp .box{padding:0 5%;}
.xys_dsanp .box .pic{width: 50%;float: right;}
.xys_dsanp .box .pic img{width: 100%;}
.xys_dsanp .box .txt{float: left;width: 45%;}
.xys_dsanp .box .txt .txt_box{padding:10%;}
.xys_dsanp .box .txt h2{font-size: 36px;padding-bottom: 20px;}
.xys_dsanp .box .txt p{line-height: 24px;}


.xys_dsip{margin-top: 70px;min-width: 1200px;}
.xys_dsip .title{text-align: center;font-size: 36px;}
.xys_dsip ul{margin-top: 100px;padding:0 5%;}
.xys_dsip li{float: left;width: 30.333%;position: relative;text-align: center;margin:1.5%;}
.xys_dsip li i{width: 160px;height: 160px;line-height: 160px;text-align: center;font-size: 90px;display: block;color: #fff;border-radius: 100px;margin:0 auto;}
.xys_dsip li h2{font-size: 24px;padding-top:30px;}
.xys_dsip li p{margin-top: 20px;color: #999;}
.xys_dsip li:nth-of-type(1) i{background: #b16ce5;}
.xys_dsip li:nth-of-type(2) i{background: #6c8be5;}
.xys_dsip li:nth-of-type(3) i{background: #b75e56;}
.xys_dsip li:nth-of-type(4) i{background: #b75e56;}
.xys_dsip li:nth-of-type(5) i{background: #4ccdcb;}
.xys_dsip li:nth-of-type(6) i{background: #a88d36;}


/********************微官网********************/
.wgw_dyip{padding:100px 0;}
.wgw_dyip .title{text-align: center;font-size: 36px;}
.wgw_dyip ul{padding:50px 10%;}
.wgw_dyip li{float: left;width: 20%;text-align: center;}
.wgw_dyip li .pic{width: 150px;height: 150px;margin:0 auto;}
.wgw_dyip li p{line-height: 40px;font-size: 18px;}


.wgw_derp{padding:100px 0;}
.wgw_derp .title{text-align: center;font-size: 36px;}
.wgw_derp ul{padding:50px 10%;}
.wgw_derp li{float: left;width: 20%;text-align: center;}
.wgw_derp li .pic{width: 150px;height: 150px;margin:0 auto;}
.wgw_derp li p{line-height: 40px;font-size: 18px;}


.wgw_dsanp{padding:100px 0;}
.wgw_dsanp .title{text-align: center;font-size: 36px;}
.wgw_dsanp ul{padding:50px 10%;}
.wgw_dsanp li{float: left;width: 20%;text-align: center;}
.wgw_dsanp li .pic{width: 150px;height: 150px;margin:0 auto;}
.wgw_dsanp li p{line-height: 40px;font-size: 18px;}


.wgw_dsip{padding:100px 0;}
.wgw_dsip .title{text-align: center;font-size: 36px;}
.wgw_dsip ul{padding:50px 10%;}
.wgw_dsip li{float: left;width: 20%;text-align: center;}
.wgw_dsip li .pic{width: 150px;height: 150px;margin:0 auto;}
.wgw_dsip li p{line-height: 40px;font-size: 18px;}


.wgw_dwup{padding:100px 0 0 0;}
.wgw_dwup .title{text-align: center;font-size: 36px;}
.wgw_dwup ul{padding:50px 10%;}
.wgw_dwup li{float: left;width: 20%;text-align: center;margin-bottom: 30px;}
.wgw_dwup li .pic{width: 150px;height: 150px;margin:0 auto;}
.wgw_dwup li p{line-height: 40px;font-size: 18px;}


/********************微营销********************/
.wyx{padding-top: 100px;}
.wyx h2{text-align: center;font-size: 36px;}
.wyx_dyip{padding:100px 0 0 0;}
.wyx_dyip .title{text-align: center;}
.wyx_dyip .title .bt{font-size: 36px;margin-bottom: 10px;}
.wyx_dyip .title p{font-size: 18px;}
.wyx_dyip ul{padding-top:50px;}
.wyx_dyip li{float: left;width: 270px;margin:0 15px 15px 15px;}
.wyx_dyip li img{width: 100%;}

/********************视频展示********************/
.video{padding-top: 100px;}
.video h2{text-align: center;font-size: 36px;}
.video .list{margin-top: 50px;}
.video .list ul{margin-left: -2%;margin-top:30px;}
.video .list li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 2%;}
.video .list li .pic{overflow: hidden;}
.video .list li img{width: 100%;transition: all 0.3s;}
.video .list li .pic:hover img{transform: scale(1.2);}
.video .list li .title{text-align: center;line-height: 50px;}