.hr{ height:1px;border:none;border-top:1px dashed #eee;}
.pt50{padding-top: 50px;}

/* pageview */
.page-view ul{padding: 10px 0 }
.page-view ul li{padding: 5px 0;}
/* .page-view ul li:last-child{text-align: right;} */
.page-view ul li a{ color: #777;}
.page-view ul li a:hover{color:#0E73FC;}
@media (max-width:768px) {
	.page-view ul{padding:5px 15px;}
	.page-view ul li{width: 100%;}
	.page-view ul li:last-child{text-align: left; padding-top: 8px;}
}
/* page-code */
.page-code{padding: 30px; text-align: center; font-size: 0;}
.page-code ul {display: flex;justify-content: center;align-items: center;}
.page-code ul li span,.page-code ul li a {display: inline-block;border: 1px solid #bebebe;}
.page-code-go{font-family: simsun!important;}
.page-code span,
.page-code a{display: inline-block; margin: 15px 5px; padding: 0 15px; line-height: 40px; border: 1px solid #eee; border-radius: 4px; font-size: 16px; color: #999; font-family: arial; cursor: pointer;background-color: #fff;}
.page-code .page-code-on,
.page-code ul li.active a,.page-code ul li.active span{background-color: #0E73FC; border-color: #0E73FC; color: #fff;}
.page-code span:hover,
.page-code a:hover{background-color: #0E73FC; border-color: #0E73FC; color: #fff;}
/* path */
.category-path{height: 50px;line-height: 50px; overflow: hidden;}
.category-path a{color: #777;}
.category-path img{ vertical-align: middle; }
.category-path i{font-size: 24px; }
.category-path b{font-weight: normal; font-family: simsun; color: #aaa;}
.category-path span{color:#0E73FC;}
/* 栏目封面 */
.page-banner{overflow: hidden;}
.page-banner img{width: 100%;}
/* category */
.category-title{ padding-bottom: 40px; text-align: center; font-family: arial;}
.category-title h3{padding-bottom: 10px; font-size: 26px;}
.category-title h3 b{color: #0f74fb; font-weight: normal;}
.category-title span{position: relative; margin: 0 auto; display: block; width:5px; height: 5px; background-color: #242424; border-radius: 50%;}
.category-title span:before,
.category-title span:after{position: absolute; top: 50%; content: ''; margin-top: -1px; width: 80px; height: 1px; background-color: #999;}
.category-title span:before{left: 8px;} 
.category-title span:after{right: 8px;}
.category-title p{padding-top: 10px; font-size: 16px; color: #777;text-transform: uppercase;}
@media (max-width:768px) {
	.category-title h3{padding-bottom: 10px; font-size: 22px;}
}
/* 更多产品 */
.page-morepro{margin-top: 25px;}
.page-morepro-title{ padding: 15px 0; border-bottom: 1px solid #eee;}
.page-morepro-title h3{font-size: 32px;}
.page-morepro-list{margin-bottom: 30px;}
.page-morepro-list>h3{ margin: 45px 0 15px; padding-left: 10px; font-size: 20px; border-left: 2px solid #068CD5;}
.page-morepro-list li{position: relative; float: left; width: 33.33%; padding: 15px 15px 15px 45px; font-family: arial;}
.page-morepro-list li img{position: absolute; top: 18px; left: 0; z-index: 1; font-size: 65px; font-family: arial; font-weight: bold; color: #1196DB;}
.page-morepro-list li h3{padding-bottom: 5px; font-size: 18px; }
.page-morepro-list li p{font-size: 14px; line-height: 26px; color: #777;}

@media (max-width:860px) {
	.page-morepro-list li{ width: 50%; }
}
@media (max-width:768px) {
	.page-morepro-title h3{font-size: 24px;}
	.page-morepro-list>h3{ margin: 25px 0 15px;font-size: 18px; }
	.page-morepro-list li{ width: 100%; }
}

/* 最新活动 */
.page-active-title{position: relative; padding: 15px 0 15px 80px;}
.page-active-title span{position: absolute; top: 9px; left: 0; z-index: 1; font-size: 65px; font-family: arial; font-weight: bold; color: #1196DB;}
.page-active-title h3{padding-bottom: 5px; font-size: 24px; color: #068CD5;}
.page-active-title p{font-size: 16px; color: #777;}

.page-active-say{margin-top: 15px;}
.page-active-say li{position: relative; padding: 15px 15px 15px 80px; border: 1px solid #eee; background-color: #F2F9FD; font-family: arial;}
.page-active-say li img{position: absolute; top: 18px; left: 15px; z-index: 1; font-size: 65px; font-family: arial; font-weight: bold; color: #1196DB;}
.page-active-say li h3{padding-bottom: 5px; font-size: 20px; color: #068CD5;}
.page-active-say li p{font-size: 16px; line-height: 26px; color: #777;}
.page-active-say li a{word-break: break-all;}


.page-active-type{padding: 15px; margin-top: 25px; background-color: #f5f5f5;}
.page-active-type-as {padding-left: 20px; border-left: 3px solid #068CD5;}
.page-active-type-as h3{padding-bottom: 10px; font-size: 20px;}
.page-active-type-as p{color: #777;}

.page-active-price-all{overflow: hidden;}
.page-active-price-all ul{margin-right: -15px;}
.page-active-price-all ul li{float: left; width: 25%;padding-right: 15px; margin-top: 15px;}

@media (max-width:960px) {
	.page-active-price-all ul li{width: 33.33%;}
}
@media (max-width:840px) {
	.page-active-price-all ul li{width: 50%;}
}
@media (max-width:640px) {
	.page-active-price-all ul li{width: 100%;}
}
.page-active-price-box{border: 1px solid #eee; font-family: arial;}
.page-active-price-boxtitle{ padding: 12px 0; text-align: center; background-color: #E6F3FB;}
.page-active-price-boxtitle h3{color: #1196DB; font-size: 20px;}
.page-active-price-boxtitle p{ padding-top: 2px; color: #777; font-size: 12px;}
.page-active-price-boxcontent{padding:15px 25px 5px;}
.page-active-price-boxcontent h3{font-size: 20px; color: #1196DB; padding-bottom: 10px;}
.page-active-price-boxcontent p{padding-bottom: 5px; color: #777; font-size: 16px;}
.page-active-price-boxbuy{padding: 0 25px 15px;}
.page-active-price-boxbuy h3 strong{font-size: 24px; color: #1196DB;}
.page-active-price-boxbuy p{padding: 5px 0; color: #666;}
.page-active-price-boxbuy h3 del,
.page-active-price-boxbuy p del{color: #999; font-size: 14px;}
.page-active-price-boxbuy a{display: block; width: 100%; line-height: 36px; font-size: 16px; background-color: #1196DB; text-align: center; color: #fff;}
.page-active-price-box:hover .page-active-price-boxtitle{background-color: #CDE9F7;}
.page-active-price-box:hover{background-color: #E6F3FB;}

/* ./ */
.page-active-youhui{margin: 25px 0; overflow: hidden;}
.page-active-youhui ul{margin-right: -25px;}
.page-active-youhui ul li{float: left; width: 50%; padding-right: 25px;}
.page-active-youhui ul li a{position: relative;display: block;padding: 25px 25px 25px 120px; background-color: #f5f5f5;}
.page-active-youhui li img{position: absolute; top: 28px; left: 20px; z-index: 1; font-size: 65px; font-family: arial; font-weight: bold; color: #1196DB;}
.page-active-youhui li h3{padding-bottom: 5px; font-size: 20px; color: #068CD5;}
.page-active-youhui li p{font-size: 16px; height: 90px; line-height: 26px; color: #777;}
@media (max-width:1050px) {
	.page-active-youhui ul li{width: 100%;}
	.page-active-youhui li p{ height: auto; }
}

.page-active-freego{width: 49%; border: 1px solid #eee; padding: 15px; font-family: arial;}
.page-active-freego>h3{ position: relative; padding-bottom: 15px; text-align: center; font-size: 22px; color: #1196DB;}
.page-active-freego>h3:before{position: absolute; bottom: 0; left: 50%; margin-left: -30px; content: ""; width: 40px; height: 4px; background-color: #1196DB;}
.page-active-freego>h4{padding: 15px 0; font-size: 16px;}
.page-active-freego>p{font-size: 14px; color: #666;}
.page-active-freego ul{padding: 15px 0 0;}
.page-active-freego ul li{float: left; width: 33.33%; margin-left: -1px; padding: 15px 0; text-align: center;border: 1px solid #eee;}
.page-active-freego ul li h3{padding-bottom: 10px; font-size: 20px;}
.page-active-freego ul li b{font-size: 48px; color: #1196DB;}
@media (max-width:768px) {
	.page-active-freego{width: 100%; }
}

.page-active-buymos{overflow: hidden;}
.page-active-buymos ul{margin-right: -25px;}
.page-active-buymos li{float: left; width: 33.33%; padding-right: 25px;}
.page-active-buymos li h3{padding: 15px 0; background-color: #f5f5f5; text-align: center;color: #1196DB; font-size: 18px;}
.page-active-buymos li .page-active-price-boxcontent{padding: 25px;}
@media (max-width:768px) {
	.page-active-buymos li{width: 100%;}
}
/* 详情 */
.show-title{ padding-top: 50px; text-align: center;}
.show-title h1{margin-bottom: 15px; padding-bottom: 15px; font-size: 24px;}
.show-title span{position: relative; display: inline-block; padding:0 15px; margin-bottom: 10px; font-family: arial;  color: #777;}
/* .show-title span:before{position: absolute; top: 0; left: 0; content: ''; width: 1px; height: 15px; background-color: #ccc;}
.show-title span:first-child::before{display: none;} */

.show-content{padding: 40px 0;}
.show-content p{line-height: 24px; padding-bottom: 15px;}

.show-share{padding: 15px 0; text-align: right; color: #777;}
@media (max-width:768px) {
	.show-title{ padding-top: 20px;}
	.show-title h1{ padding-bottom:0; font-size: 22px;}
	.show-title span{display: block; margin-bottom: 5px;}
	.show-content{padding: 20px 0;}
}

/*  */
.articlelink-title{ border-bottom: 2px solid #eee; }
.articlelink-title span{display: inline-block; position: relative;line-height: 40px;color: #068CD5;}
.articlelink-title span:before{position: absolute;bottom: -2px; left: 0; content: ''; width: 100%; height: 2px; background-color: #068CD5;}
.articlelink{padding: 25px 0;}
.articlelink ul li{float: left; width: 50%; line-height: 30px;}
.articlelink ul li i{font-family: simsun; font-style: normal; color: #333;}
.articlelink ul li a{color: #888;}
.articlelink ul li a:hover{color: #068CD5;}
@media (max-width:768px) {
	.articlelink ul li{ width: 100%; }
}

/*  */
.page-gszz .container-width{ position: relative; padding: 0 80px;}
.page-gszz .swiper-slide{padding: 15px;}
.page-gszz .swiper-slide a{display: block; box-shadow: 0 0 15px rgba(0,0,0,.1);}
.page-gszz-pic{overflow: hidden;}
.page-gszz-pic img{width: 100%;}
.page-gszz .swiper-slide a h3{padding: 12px 0; font-size: 18px; line-height: 35px; text-align: center; border-bottom: 1px solid #0E73FC;}

.page-gszz .swiper-button-prev,
.page-gszz .swiper-button-next{ width: 58px ;height: 58px ;margin-top: -58px; background:none; box-shadow: 0 5px 15px rgba(0,0,0,.2);border-radius: 50%;background-color: #fff; outline: none;}
.page-gszz .swiper-button-prev{left: 10px;}
.page-gszz .swiper-button-next{right:10px;}
.page-gszz .swiper-button-prev span,
.page-gszz .swiper-button-next span{position: absolute; top: 18px; display: block; width: 20px; height: 20px; border: 1px solid #999; transform: rotate(45deg);}
.page-gszz .swiper-button-prev span{border-top:none ; border-right: none; left: 23px;}
.page-gszz .swiper-button-next span{border-bottom:none ; border-left: none; right: 23px;}
.page-gszz .swiper-button-prev:hover,
.page-gszz .swiper-button-next:hover{background-color:#1196DB;}
.page-gszz .swiper-button-prev:hover span,
.page-gszz .swiper-button-next:hover span{ border-color: #fff;}


@media (max-width:768px) {
	.page-gszz .container-width{ position: relative; padding: 0 50px;}
	.page-gszz .swiper-button-prev,
	.page-gszz .swiper-button-next{ width: 35px ;height: 35px ;margin-top: -55px;}
	.page-gszz .swiper-button-prev{left: 10px;}
	.page-gszz .swiper-button-next{right:10px;}
	.page-gszz .swiper-button-prev span,
	.page-gszz .swiper-button-next span{ top: 12px; width: 10px; height: 10px; }
	.page-gszz .swiper-button-prev span{ left: 15px;}
	.page-gszz .swiper-button-next span{ right: 15px;}
}


.page-contact li{float: left; width: 20%; padding:8px; text-align: center;}
.page-contact-box{position: relative;  background-color: #fff; border-bottom: 3px solid #1196DB; padding: 15px; border: 1px solid #eee; transition: all .3s; font-family: arial;}
.page-contact-box span{ margin: 0 auto; display: block; width: 80px; height: 80px; line-height: 80px;text-align: center;}
.page-contact-box h3{color: #777; font-size: 20px; padding-bottom: 8px; }
.page-contact-box p{height: 80px; font-size: 16px; color:#777;}
.page-contact li:hover .page-contact-box{box-shadow: 0 0 15px rgba(0,0,0,.1);background-color: #fff;}

@media (max-width:940px) {
	.page-contact li{width: 50%;}
}
@media (max-width:768px) {
	.page-contact li{width: 100%;}
}

/*  */
.page-contact-content{background-color: #f5f5f5;}
.page-about-what-left{float: left; width: 60%; padding-right: 60px;}
.page-about-what-left h3{ position: relative; padding-bottom: 15px; margin-bottom: 15px; font-size: 24px; font-family: arial;}
.page-about-what-left h3 span{font-size: 16px; color: #777;}
.page-about-what-left h3:before{position: absolute; bottom: 0; left: 0; content: ''; width: 40px; height: 2px; background-color: #068CD5;}
.page-about-what-left p{font-size: 16px; line-height: 24px; margin-top: 45px; color: #777;}
.page-about-what-left a{margin-top: 35px; display: inline-block; padding: 0 40px; line-height: 40px; background-color: #068CD5; color: #fff; box-shadow: 0 5px 10px rgba(6, 140, 213,.33);}
.page-about-what-right{float: left; width: 40%; text-align: center;}
.page-about-what-right img{max-width: 100%;}

@media (max-width:1000px) {
	.page-about-what-right{padding-top: 45px;}
}
@media (max-width:768px) {
	.page-about-what-left{width: 100%; padding-right:0;}
	.page-about-what-right{display: none;}
}

.page-contact-master{background-image: url(../images/contact/form-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}

.page-contact-form{max-width: 900px; margin: 0 auto 0;}
.page-contact-form>h3{padding-bottom: 25px; color: #fff; text-align: center; transform: translateY(-10px);}

.page-contact-master-left{width: 60%;text-align: center;}
.page-contact-master-left img{max-width: 100%;}
.page-contact-master-right{width: 40%; color: #fff;}
.page-contact-master-right h3{margin-bottom:25px;}

.form-group{ line-height: 35px;color: #fff; margin-bottom: 15px;}
.form-group label{width: 23%;display: inline-block;}
.form-group input{width: 77%;display: inline-block; padding: 0 10px; line-height: 35px;}

.page-contact-master button{text-align: center; display: block; width: 140px; margin: 45px auto 0; line-height: 40px; background-color: #068CD5; color: #fff; font-size: 16px; cursor: pointer;}

@media (max-width:840px) {
	.page-contact-master-right h3{display: none;}
	.page-contact-master-left{display: none;}
	.form-group{ margin-bottom: 5px;}
	.page-contact-master-right,
	.form-group label,
	.form-group input{width: 100%;}
	.page-contact-master button{margin: 15px auto 0; }
}

.page-coop ul li{display: flex; align-items: center; background-color: #f5f5f5;}
.page-coop-box{float: left; width: 50%; }
.page-coop-box img{width: 100%;}
.page-coop-box-txt{padding: 0 40px;}
.page-coop-box-txt h3{margin-bottom: 25px; font-size: 22px; color: #068CD5;}
.page-coop-box-txt h3 span{display: block; margin-top: 8px; font-size: 14px; color: #777;}
.page-coop-box-txt p{margin-bottom: 10px;}

@media (max-width:1000px) {
	.page-coop ul li{display: inherit; }
	.page-coop-box{width: 100%;}
	.page-coop-box img{display: none;}
	.page-coop-box-txt{padding: 15px;}
}

.page-coop-process li{float: left; width: 25%; padding: 15px; text-align: center; font-family: arial; border-right: 1px solid #eee;}
.page-coop-process li img{max-width: 100%;}
.page-coop-process li:last-child{border-right: 1px solid transparent;}
.page-coop-process li span{margin: 15px auto; display: block; width: 22px; height: 22px; border-radius: 50%; line-height: 22px; background-color: #068CD5; color: #fff;}
.page-coop-process li h3{padding: 0 50px; color: #777;}
@media (max-width:768px) {
	.page-coop-process li{ width: 50%; border-right: none;}
	.page-coop-process li h3{padding: 0 10px;}
}

/* team */
.team .swiper-slide a{display: block; background-color: #f5f5f5; text-align: center;}
.team-bg{background-image: url(../images/service/service-bg.jpg); background-repeat: no-repeat;  background-position: top center;}

.team-pic{overflow: hidden;}
.team-pic img{width: 100%;}
.team-txt {padding: 15px; background-color: #068CD5; color: #fff;}
.team-txt h3{font-size: 18px;}

.page-serivce-process ul{max-width: 900px; margin: 0 auto;}
.page-serivce-process li{float: left;  width: 50%; padding: 15px; text-align: center; }
.page-serivce-process li div{box-shadow: 0 0 15px rgba(0,0,0,.2); padding-bottom: 25px;}
.page-serivce-process li h3{ padding: 15px 0; font-size: 24px; color: #fff; background-color: #068CD5;}
.page-serivce-process li:last-child h3{ background-color: #06BFD5;}
.page-serivce-process li h4{ padding: 35px 0; font-size: 24px;}
.page-serivce-process li p{text-align: left; padding: 0 25px; font-size: 16px; color: #777; height: 80px; overflow: hidden; line-height: 26px; }
.page-serivce-process li a{word-break: break-all; color:#068CD5 ;}
@media (max-width:768px) {
	.page-serivce-process li p{ height: auto;}
	.page-serivce-process li{width: 100%; }
}


/*  */
.page-ddos-desc{background-color: #f5f5f5;}
.page-ddos-desc-left{float: left; width: 70%; padding-top: 25px;}
.page-ddos-desc-left h3{font-size: 18px;}
.page-ddos-desc-left p{margin-top: 25px; line-height: 24px; color: #777;}
.page-ddos-desc-right{float: left; width: 30%; text-align: center;}
.page-ddos-desc-right img{max-width: 100%; }
@media (max-width:768px) {
	.page-ddos-desc-left{float: left; width: 100%; padding-top: 0;}
	.page-ddos-desc-right{display: none;}
}


.page-ddos-advantage ul li{float: left; width: 33.33%; padding: 15px; text-align: center;}
.page-ddos-advantage ul li h3{padding: 15px 0;}
.page-ddos-advantage ul li p{height: 40px; overflow: hidden; padding:0 15px; color: #777;}
@media (max-width:768px) {
	.page-ddos-advantage ul li{ width: 100%;}	
}

.page-ddos-play{background-image: url(../images/ddos/pro-ng.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.page-ddos-play ul li{float: left; width: 33.33%; padding: 15px; text-align: center;}
.page-ddos-play ul li a{display: block; padding: 25px; background-color: #fff;}
.page-ddos-play ul li h3{ margin-top: 25px; font-size: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.page-ddos-play ul li p{height: 110px;margin-top: 15px; line-height: 22px; color: #777; text-align: left; overflow: hidden;}
.page-ddos-play ul li a:hover{box-shadow: 0 0 15px rgba(0,0,0,.1);}

@media (max-width:768px) {
	.page-ddos-play ul li{ width: 100%;}	
	.page-ddos-play ul li p{height: auto;}
}

.page-ddos-pro{overflow: hidden;}
.page-ddos-pro ul{margin-right: -25px;}
.page-ddos-pro li{float: left; width: 33.33%; padding-right: 25px;}
.page-ddos-pro li .tacan-box{border: 1px solid transparent; background-color: #f5f5f5;}
.page-ddos-pro li:hover .tacan-box{border-color:#068CD5;}

@media (max-width:768px) {
.page-ddos-pro li{ width: 100%; margin-bottom: 25px;}	
}

.page-ddos-place{text-align: center; background-color: #f5f5f5;}
.page-ddos-place-content h3{text-align: left; padding: 15px 0; font-size: 18px;}
.page-ddos-place-content ul li,
.page-ddos-place-content p{text-align: left; line-height: 30px; font-size: 16px; color: #777;}

.page-ddos-place-content img{margin: 25px 0; max-width: 100%;}

.page-ddos-case{text-align: center;}
.page-ddos-case img{margin: 25px 0; max-width: 100%;}

.page-ddos-contact{background-image: url(../images/ddos/contact-bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; text-align: center;}

.page-ddos-contact h3{ padding-bottom: 15px; font-size: 24px;}
.page-ddos-contact p{ max-width: 500px; margin: 0 auto; padding-bottom: 15px; line-height: 26px; font-size: 16px; color: #777;}
.page-ddos-contact a{display: inline-block; padding: 0 50px; line-height: 40px; font-size: 16px; border: 1px solid #068CD5; color: #068CD5;}



/*  */
.page-buysay-know{overflow: hidden;}
.page-buysay-know ul{margin-right: -25px;}
.page-buysay-know ul li{float: left; width: 20%; padding-right: 25px;}
.page-buysay-know ul li h3{padding: 15px 0; font-size: 18px;}
.page-buysay-know ul li p{ height: 130px; overflow: hidden; color: #777; }

@media (max-width:960px) {
	.page-buysay-know ul li{ width: 33.33%;}
}

@media (max-width:840px) {
	.page-buysay-know ul li{ width: 50%;}
}

@media (max-width:640px) {
	.page-buysay-know ul li{ width: 100%; margin-bottom: 15px;}
	.page-buysay-know ul li p{ height: auto; }
}


/*  */
.page-buysay-cvm ul{margin-right: -25px;}
.page-buysay-cvm ul li{float: left; width: 25%; text-align: center; padding-right: 25px; margin-bottom: 25px; }
.page-buysay-cvm-box{position: relative;display: block; padding: 25px; background-color: #F9F9F9;}
.page-buysay-cvm-box h3{padding: 15px 0; font-size: 18px;}
.page-buysay-cvm-box p{height: 40px; overflow: hidden; color: #777;}
.page-buysay-cvm-mask{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; background-color: #F9F9F9;display: flex; align-items: center; justify-content: center;transform: scale(0);}
.page-buysay-cvm-mask span{ margin-top: 15px; display: inline-block; padding: 0 30px; line-height: 35px; border: 1px solid #1196DB; color: #1196DB; }
@media (min-width:1200px) {
	.page-buysay-cvm ul li:hover .page-buysay-cvm-mask{transform: scale(1);}
}

@media (max-width:960px) {
	.page-buysay-cvm ul li{width: 33.33%;}
}

@media (max-width:840px) {
	.page-buysay-cvm ul li{width: 50%;}
}

@media (max-width:640px) {
	.page-buysay-cvm ul li{width: 100%;}
}


/* page-soluion-move */
.page-soluion-move ul{padding-top:20px;}
.page-soluion-move ul li{float: left; width: 25%; padding: 15px; text-align: center;}
.page-soluion-move ul li h3{padding: 25px 0 15px; font-size: 18px;}
.page-soluion-move ul li p{height: 130px; line-height: 22px; overflow: hidden; color: #777;}
@media (max-width:960px) {
	.page-soluion-move ul li{width: 50%; }
}
@media (max-width:768px) {
	.page-soluion-move ul li{width: 100%;}
	
}


.page-soluion-moveplance{padding-bottom: 50px;}
.page-soluion-moveplance ul{padding-top:20px;}
.page-soluion-moveplance ul li{float: left; width: 33.33%; padding: 15px; text-align: center;}
.page-soluion-moveplance ul li a{display: block; padding: 25px; border: 1px solid #eee;}
.page-soluion-moveplance ul li h3{padding: 10px 0 15px; font-size: 18px;}
.page-soluion-moveplance ul li span{display: block; margin: 15px auto; width: 60px; height:60px; line-height: 60px; font-size: 40px; text-align: center; font-family: arial; border-radius: 50%; border: 1px solid #068CD5; color: #068CD5; overflow: hidden; }
@media (max-width:960px) {
	.page-soluion-moveplance ul li{width: 50%; }
}
@media (max-width:768px) {
	.page-soluion-moveplance ul li{width: 100%;}
	
}

.page-soluion-moveprocess{background-color: #F7F8FA;}
.page-soluion-moveprocess ul li{position: relative; float: left; width: 20%; padding-left: 35px;}
.page-soluion-moveprocess ul li span{position: absolute; top: 0; left: 5px; isplay: block;  width: 25px; height:25px; line-height: 22px; font-weight: bold; font-size: 15px; text-align: center; font-family: arial; border-radius: 50%; border: 2px solid #068CD5; color: #068CD5; overflow: hidden; }
.page-soluion-moveprocess ul li h3{position: relative; z-index: 2; margin-bottom: 15px; overflow: hidden;}
.page-soluion-moveprocess ul li h3 strong{background-color: #F7F8FA; padding-right: 8px;}
.page-soluion-moveprocess ul li h3:before{position: absolute; top: 12px; left: 5px; z-index: -1; content: ''; width: 100%; height:1px; background-color: #ccc;}
.page-soluion-moveprocess ul li p{height: 80px; overflow: hidden; color: #777;}
@media (max-width:960px) {
	.page-soluion-moveprocess ul li{width: 50%; }
}
@media (max-width:768px) {
	.page-soluion-moveprocess ul li{width: 100%;}
	
}

.page-soluion-movepaly-tab-box{max-width: 600px;}
.page-soluion-movepaly-tab {overflow:hidden;border-bottom:1px solid #eee;}
.page-soluion-movepaly-tab li {float:left; padding:0 20px;text-align:center;border-bottom:2px solid transparent;line-height:40px;font-size: 16px; color: #777; }
.page-soluion-movepaly-tab li.cur {background-color: #fff; color:#00A4FF;border-bottom-color: #00A4FF;}
.page-soluion-movepaly-tab-show.on {display:block;}
.page-soluion-movepaly-tab-show{padding:10px 0; display:none;}

.page-soluion-movepaly-left {float: left;width: 65%; padding-right: 20px;}
.page-soluion-movepaly-left img {width: 100%;}
.page-soluion-movepaly-right{float: left;width: 35%;padding-top: 15px}
.page-soluion-movepaly-right h3 {padding: 0 0 15px; font-size: 18px;}
.page-soluion-movepaly-right p {padding: 0 0 25px;color: #666;font-size: 14px; line-height: 24px;}
.page-soluion-movetools {background-color: #F7F8FA;}
.page-soluion-movetools li{position: relative; float: left; width: 33.33%; padding: 15px 80px 15px 50px; font-family: arial;}
.page-soluion-movetools li img{position: absolute; top: 10px; left: 0; z-index: 1; font-size: 65px; font-family: arial; font-weight: bold; color: #1196DB;}
.page-soluion-movetools li h3{padding-bottom: 5px; font-size: 18px; }
.page-soluion-movetools li p{font-size: 14px; line-height: 26px; color: #777;}
@media (max-width:960px) {
	.page-soluion-movepaly-left {width:100%; padding-right: 0;}
	.page-soluion-movepaly-right{width: 100%;padding-top: 15px}
}
@media (max-width:768px) {
	.page-soluion-movetools li{ width: 100%; padding: 15px 15px 15px 50px;}
	
}

.page-soluion-net{text-align: center;}
.page-soluion-net>img{max-width: 100%;}

.page-soluion-net li{position: relative;  padding: 15px 0 15px 120px; font-family: arial; text-align: left;}
.page-soluion-net li img{position: absolute; top: 10px; left: 0; z-index: 1;}
.page-soluion-net li h3{padding-bottom: 5px; font-size: 18px; }
.page-soluion-net li p{font-size: 14px; display: flex; align-items: center; height: 90px; line-height: 22px; overflow: hidden; color: #777;}

@media (max-width:768px) {
	.page-soluion-net>img{display: none;}
	.page-soluion-net li{position: relative;  padding: 15px 0 15px 80px; }
	.page-soluion-net li p{ height: auto; }
	.page-soluion-net li img{width: 60px;}
}

.page-soluion-all{background-color: #F7F8FA;}

.page-soluion-game-title ul{border-bottom: 3px solid #eee;}
.page-soluion-game-title ul li{float: left; padding-right: 25px; font-size: 18px;}
.page-soluion-game-title ul li span{position: relative; display: inline-block; padding: 10px 0;}
.page-soluion-game-title ul li.cur span{color: #068CD5;}
.page-soluion-game-title ul li.cur span:before{position: absolute; bottom: -3px; left: 0; content: ''; width: 100%; height: 3px; background-color: #068CD5;}

.page-soluion-game-subtitle ul li{float: left; padding-right: 25px; cursor: pointer;}
.page-soluion-game-subtitle ul li span{position: relative; display: inline-block; padding: 10px 0; color: #777;}
.page-soluion-game-subtitle ul li.cur span{color: #068CD5;}

.page-soluion-game-box,
.page-soluion-game-subox{display: none;}



.pg-solution-osplay ul li{float: left; width: 16.66%; text-align: center;overflow: hidden;}
.pg-solution-osplay ul li span{position: relative;/* z-index: 1; */ display: inline-block; width: 50px; height: 50px; line-height: 32px; font-family: arial; color: #fff; font-size: 16px; border-radius: 50%; background: linear-gradient(to left, #97D5F8, #1C97DA); border: 10px solid #BEE7FD;}
.pg-solution-osplay ul li span:before{position: absolute; top: 50%; left: 50%; z-index: -1; margin-left: -200px; content: ''; width: 400px; height: 1px; background-color: #ccc;}
.pg-solution-osplay ul li h3{padding: 15px 0;}
.pg-solution-osplay ul li p{padding: 0 15px; height: 60px; overflow: hidden; color: #777;}
@media (max-width:768px) {
	.pg-solution-osplay ul li span:before{display: none;}
	.pg-solution-osplay ul li{ width: 50%;}
}
@media (max-width:640px) {
	.pg-solution-osplay ul li{width: 100%; }
}

/*  */

.pg-solution-taocan{background-color: #f5f5f5;}
.pg-solution-taocan-title{background-color: #fff;}
.pg-solution-taocan-title ul{background-color: #EEF5FF;}
.pg-solution-taocan-title ul li{float: left;width: 33.33%; text-align: center; cursor: pointer;}
.pg-solution-taocan-title ul li span{position: relative; display: block; line-height: 45px;}
.pg-solution-taocan-title ul li.cur span{color: #fff; background: linear-gradient(to left,#068CD5,#2D6FEB);}
.pg-solution-taocan-title ul li.cur span:before{position: absolute; bottom: -3px; left: 0; content: ''; width: 100%; height: 3px; background-color: #068CD5;}

.pg-solution-taocan-box {text-align: center; display: none;}
.pg-solution-taocan-box img{max-width: 100%;}

.pg-solution-taocan-more{ padding-top: 30px; text-align: center;}
.pg-solution-taocan-more a{display: inline-block; padding: 0 50px; line-height: 45px; font-size: 16px; color: #fff; background: linear-gradient(to left,#068CD5,#2D6FEB);}
@media (max-width:768px) {
	.pg-solution-taocan{display: none;}
}
.pg-solution-video .container-width{overflow: hidden;}
.pg-solution-video ul{margin-right: -15px;}
.pg-solution-video ul li{float: left;width: 33.33%; padding-right: 15px; margin-bottom: 25px; text-align: center;}
.pg-solution-video ul li img{width: 100%;}
.pg-solution-video ul li h3{padding: 15px 0;}
.pg-solution-video ul li p{padding: 0 15px; height: 60px; color: #777; overflow: hidden;}

@media (max-width:1200px) {
	.pg-solution-video ul li{width: 50%; }
}
@media (max-width:768px) {
	.pg-solution-video ul li{width: 100%;}
}

.pg-solution-caseVideo{background-color: #EDF7FF;overflow: hidden;}
.pg-solution-caseVideo-left{float: left; width: 70%; padding:50px 60px 0 0;}
.pg-solution-caseVideo-right {position: relative;z-index: 1; float: left; width: 30%;padding:180px 25px 50px;}

.Video-bg{position: absolute; z-index: -1; top: 0; left: 0;  width: 1000px;height: 10000px; background-image: url(../images/solution/video-bg.jpg); background-size: cover; background-position: center; }
.pg-solution-caseVideo-right h3{ padding-bottom: 15px; font-size: 24px;}
.pg-solution-caseVideo-right h4{font-size: 18px; margin-bottom: 10px;}
.pg-solution-caseVideo-right p{ padding-bottom: 15px; font-size: 16px; line-height: 26px; color: #777;}

.Video-tab ul{background-color: #fff; line-height: 45px;}
.Video-tab ul li{float: left;width: 20%; text-align: center; cursor: pointer;}
.Video-tab ul li span{position: relative; display: block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.Video-tab ul li.cur span{color: #fff; background: linear-gradient(to left,#068CD5,#2D6FEB);}
.Video-tab ul li.cur span:before{position: absolute; bottom: -3px; left: 0; content: ''; width: 100%; height: 3px; background-color: #068CD5;}

.Video-tab-box{display: none;}
.Video-tab-box img{max-width: 100%;}

@media (max-width:1200px) {
	.pg-solution-caseVideo-left,
	.pg-solution-caseVideo-right { width: 100%;padding:15px 0;}
	.Video-bg{ left: -15px;  }
}

.page-notice-main {
	background-color: #f7f7f7;
	padding-bottom: 83px;
  }
  .page-banner {
	overflow: hidden;
  }
  .page-banner img {
	width: 100%;
  }
  @font-face {
	font-family: 'iconfont';
	/* project id 1457447 */
	src: url('//at.alicdn.com/t/font_1457447_81vqywycfd9.eot');
	src: url('//at.alicdn.com/t/font_1457447_81vqywycfd9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1457447_81vqywycfd9.woff2') format('woff2'), url('//at.alicdn.com/t/font_1457447_81vqywycfd9.woff') format('woff'), url('//at.alicdn.com/t/font_1457447_81vqywycfd9.ttf') format('truetype'), url('//at.alicdn.com/t/font_1457447_81vqywycfd9.svg#iconfont') format('svg');
  }
  .page-notice-crumbs {
	height: 50px;
	line-height: 50px;
  }
  .page-notice-crumbs img {
	margin-top: -2px;
  }
  .page-notice-crumbs span {
	color: #068cd5;
  }
  .page-notice-nav {
	margin-bottom: 43px;
  }
  .page-notice-nav li {
	float: left;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
  }
  .page-notice-nav li a {
	display: block;
	width: 100%;
	padding: 0 52px;
	position: relative;
  }
  .page-notice-nav li.current-cat a {
	color: #FFFFFF;
	background-color: #068CD5;
  }
  .page-notice-nav li.current-cat a:before {
	position: absolute;
	bottom: -8px;
	left: 50%;
	content: '';
	margin-left: -4px;
	border-top: 8px solid #068CD5;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
  }
  .page-notice-con {
	background-color: #fff;
	padding: 0 36px;
  }
  .page-notice-list li {
	height: 186px;
	border-bottom: 2px solid #f3f3f3;
	box-sizing: border-box;
	padding: 36px 0;
  }
  .page-notice-list li a {
	display: flex;
  }
  .notice-list-pic {
	width: 200px;
	height: 110px;
	overflow: hidden;
  }
  .notice-list-pic img {
	width: 100%;
  }
  .notice-list-con {
	flex: 1;
	margin-left: 40px;
	position: relative;
  }
  .notice-list-con h3 {
	font-size: 18px;
	margin-bottom: 10px;
  }
  .notice-list-con p {
	font-size: 14px;
	line-height: 24px;
  }
  .notice-list-con .notice-list-time {
	color: #969696;
	font-size: 14px;
	position: absolute;
	bottom: 0;
  }
  .notice-list-con i {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #d5d5d5;
	color: #fff;
	padding: 7px;
  }
  .page-notice-list li:hover h3 {
	color: #068CD5;
  }
  .page-notice-list li:hover i {
	background-color: #068CD5;
  }
  /* page-code */
  .page-code {
	padding: 50px 0;
	text-align: center;
	font-size: 0;
  }
  .page-code span,
  .page-code a {
	display: inline-block;
	margin: 15px 5px;
	padding: 0 15px;
	line-height: 38px;
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 16px;
	color: #999;
	font-family: arial;
	cursor: pointer;
	background-color: #fff;
  }
  .page-code .page-code-on {
	background-color: #068cd5;
	border-color: #068cd5;
	color: #fff;
  }
  .page-code span b {
	font-family: simsun;
  }
  .page-code span:hover,
  .page-code a:hover {
	background-color: #068cd5;
	border-color: #068cd5;
	color: #fff;
  }
  .page-adBar a {
	display: block;
  }
  .page-adBar a img {
	width: 100%;
  }