.wrap{ width: 1180px; margin: 0px auto;}

.icon{ background: url(../images/t-icon.png) no-repeat;}

.ellipsis{ text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}

.ellipsis-2{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.radius{border-radius: 100%;  -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%;}

.red{ color: #D92428;}

.mt20{ margin-top: 20px;}







.topbar{ min-width:1200px;background: #2b303b; height: 39px; border: #3c404a 1px solid; font-size: 13px; line-height: 39px; color: #fff;}

.topbar .tel span.tel-icon{ width: 12px; height: 12px; display: inline-block; background-position:0 0px; margin-right: 5px; vertical-align: middle; float: left; margin-top: 15px;}

.topbar .tel a{ color: #ff8556; margin-left: 20px;}

.topbar .tel a span{ background-position:-22px 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle;  margin-right: 5px; }

.header{ background: #2b303b; height: 70px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;}
.header.header-info{
	background: none;
	position: absolute;
	left:0;
	right:0;
	top:40px;
	z-index: 999;
}
.header .logo{ float: left; margin-top: 24px;}
.header.header-info .logo{float: left; margin-top: 24px; background: url(../images/logo.png) no-repeat; width: 268px; height: 36px;}
.header .menu{ float: right;}

.header .menu li { float: left;margin:0 6px;}
.yh a{
	background: #00a4ff;
	color:#fff;
	line-height: 40px!important;
	margin-top:15px;
	border-radius: 5px;
}

.header .menu li a{ display: block; padding:0 25px; font-size: 16px; line-height: 70px; color: #fff;}

.header .menu li a:hover,.header .menu li a.active{ background: #383e4d; color: #00a4ff;}
.header.header-info .menu li a:hover,.header.header-info .menu li a.active{
	color: #00a4ff;
	background: none;
}
.fixedTop.header.header-info {  
	position: fixed;  
	background:#fff; 
	z-index: 100033; 
	box-shadow: rgba(0,0,0,.1) 0px 0px 10px;  
	-webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
	-moz-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
	-ms-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; 
	-webkit-transform: translateY(-45px);  
	-moz-transform: translateY(-45px);  
	-ms-transform: translateY(-45px); 
	transform: translateY(-45px);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;

}
.fixedTop.header.header-info .logo { margin-top: 20px; margin-bottom: 25px; background: url(../images/infologo.png) no-repeat; width: 268px; height: 36px;}
.fixedTop.header.header-info .menu li a{
color: #333;	
}
.fixedTop.header.header-info .menu li a:hover,.fixedTop.header.header-info .menu li a.active{
	color: #00a4ff;
	background: none;
}
.fixedTop.header.header-info .yh a{
	color:#fff!important;
	background: #00a4ff!important;
}
.swiper-container{ min-width:1200px;}
.swiper-slide img{  display: block; margin: 0px auto;width:100%;}
.swiper-slide a{
	display: block;
	width: 100%;
	height:100%;
}
.swiper-pagination-bullet{ width: 10px; height: 10px; background: #fff; opacity: .8; border-radius: 100%;}

.swiper-pagination-bullet-active{ width: 10px; height: 10px; background: #00A4FF; opacity: 1;}

.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 20px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{opacity: 0}
.icon-right,.icon-left{
	z-index: 1000;
	opacity: 0!important;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.swiper-container:hover .icon-right{
	opacity:.7!important;;right:20px;
}
.swiper-container:hover .icon-left{
opacity:.7!important;d;left:20px
}


.more-btn{ width: 120px; height: 34px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; border-radius:2px; text-align: center; font-size: 14px; display: block; border: #00A4FF 1px solid; text-align: center; line-height: 34px; color: #00A4FF; }

.more-btn em{ width: 5px; height: 5px; border-left: 1px solid #00A4FF; display: inline-block; border-top: 1px solid #00A4FF; -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg); vertical-align: middle;}

.more-btn:hover{ color: #fff; background: #00A4FF;}

.more-btn:hover em{border-left: 1px solid #fff; display: inline-block; border-top: 1px solid #fff;}



.section-tit{font-size: 30px; text-align: center; color: #000; width: 1180px;  margin: 0px auto;  position: relative }

.section-tit .more-btn{position: absolute; right: 52px; top: 5px;}





.activity-section{ background: #fff; padding: 50px 0 0 0;}

.activity-section .content-box{ width: 1180px; margin: 50px auto 0px auto; overflow: hidden;}

.activity-section .content-box ul{ width: 1220px;}

.activity-section .content-box ul li{ width: 370px; float: left; text-align: center; background: url(../images/hb-bg.png) no-repeat; height: 265px; margin-right: 35px;}

.activity-section .content-box ul li img{display: block; margin: 55px auto 20px auto;}

.activity-section .content-box ul li span{ font-size: 18px; color: #cb8c31;}

.activity-section .content-box ul li .btn{ background: url(../images/hb-btn.png) no-repeat; width: 301px; height: 44px; display: block; margin: 60px auto 0px auto; font-size: 20px; color: #ff3f0a; line-height: 44px;}

.activity-section .content-box ul li .btn:hover{ transform: translateY(-5px);}

.legend-section{ background: #fff; width: 1180px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; border-radius:2px; height: 125px; box-shadow: 0 2px 4px 0 rgba(3,27,78,.06); -moz-box-shadow: rgba(0,0,0,.1) 0 0 5px; -webkit-box-shadow: rgba(0,0,0,.1) 0 0 5px; -ms-box-shadow: rgba(0,0,0,.1) 0 0 5px;  box-shadow: rgba(0,0,0,.1) 0 0 5px; margin: 50px auto 0px auto;}

.legend-section ul li{ width: 25%; float: left; position: relative; box-sizing: border-box; padding:40px 25px; font-size: 18px; box-sizing: border-box; height: 125px;}

.legend-section ul li:after{top: 0; content: ''; position: absolute; right: 0px; width: 1px; height: 100%; background: #e5e8ed;}

.legend-section ul li:last-child:after{ display: none;}

.legend-section ul li span{ width: 55px; height: 47px; display: block; float: left; margin-right: 15px;}

.legend-section ul li span.icon-1{ background-position: 0px -46px;}

.legend-section ul li span.icon-2{ background-position: -55px -46px;}

.legend-section ul li span.icon-3{ background-position: -110px -46px;}

.legend-section ul li span.icon-4{ background-position: -165px -46px;}

.legend-section ul li p{ font-size: 14px; color: #666; margin-top: 6px;}

.legend-section ul li:hover{ -moz-box-shadow: rgba(0,0,0,.1) 0 0 10px; -webkit-box-shadow: rgba(0,0,0,.1) 0 0 10px; -ms-box-shadow: rgba(0,0,0,.1) 0 0 10px; box-shadow: rgba(0,0,0,.1) 0 0 10px;}

.guide-seciton{  padding: 50px 0px;}



.guide-tab{position:relative;margin-top:60px;  font-size: 0px;}

.guide-tab .steps{border-bottom:1px solid #e5e8ed; box-sizing: border-box; }

.guide-tab .steps .item{display:inline-block;width:25%;height:110px;text-align:center;cursor:pointer; box-sizing: border-box; margin: 0px; }

.guide-tab .steps .item .icon{display:block;margin:10px auto;width:46px;height:47px;background-repeat:no-repeat;}

.guide-tab .steps .item .icon-step1{background-position:-56px -103px;}

.guide-tab .steps .item .icon-step2{background-position:-168px -103px;}

.guide-tab .steps .item .icon-step3{background-position:-276px -103px;}

.guide-tab .steps .item .icon-step4{background-position:-384px -103px;}

.guide-tab .steps .item.selected .icon-step1{background-position:0px -103px;}

.guide-tab .steps .item.selected .icon-step2{background-position:-112px -103px;}

.guide-tab .steps .item.selected .icon-step3{background-position:-224px -103px;}

.guide-tab .steps .item.selected .icon-step4{background-position:-328px -103px;}

.guide-tab .steps .item span{font-size:18px;color:#000}

.guide-tab .steps .item.selected span{ color: #00A4FF;}



.guide-tab .steps .item .step-arrow{float:right;display:inline-block;margin:-40px -30px 0 0;width:41px;height:14px;background:url(../images/t-icon.png) no-repeat -297px -46px; }

.guide-tab .steps .item .step-arrow.learned{background:url(../images/t-icon.png) no-repeat -236px -46px; }

.guide-tab .steps .item.selected,.guide-tab .steps .item:hover{border-bottom:3px solid #008fff;margin-bottom:-3px}



.guide-tab .pre-step{background: url(../images/t-icon.png) no-repeat -110px 0; position:absolute;left:50%; margin-left:-40px; bottom:30px;width:30px;height:30px; cursor: pointer; border: #ccd2db 1px solid; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}

.guide-tab .pre-step:hover{ border: #00A4FF 1px solid; background: url(../images/t-icon.png) no-repeat -140px 0;}

.guide-tab .next-step{background: url(../images/t-icon.png) no-repeat -200px 0; cursor: pointer;	position:absolute;right:50%; margin-right:-40px; bottom:30px;display:block;width:30px;height:30px; border: #ccd2db 1px solid; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}

.guide-tab .next-step:hover{ border: #00A4FF 1px solid; background: url(../images/t-icon.png) no-repeat -170px 0;}

.guide-tab .learn-contain{font-size: 15px; color: #666; line-height: 26px; padding:30px 40px;background:#fff; border: #e5e8ed 1px solid; border-top: none;    -moz-box-shadow: 0 2px 4px  rgba(0,0,0,.12);  -webkit-box-shadow: 0 2px 4px  rgba(0,0,0,.12);  -ms-box-shadow: 0 2px 4px  rgba(0,0,0,.12); box-shadow: 0 2px 4px  rgba(0,0,0,.12); height: 190px; box-sizing: border-box;}

.guide-tab .learn-contain a{ color: #00A4FF;}



.about-section{ background: #f5f7fa url(../images/about-bg.png) no-repeat bottom; padding: 50px 0;}

.about-section .introduction{line-height: 26px; font-size: 15px; width: 1180px; position: relative; margin: 50px auto 0px auto; padding-right: 395px; box-sizing: border-box;}

.about-section .introduction .picture{ width: 320px; height: 350px; position: absolute; right: 0; top: 0;}

.about-section .introduction p{ margin-top: 35px; text-indent: 2em;}

.about-section .introduction .more-btn{ margin-top: 45px;}

.case-section{ width: 1180px; margin: 80px auto 0px auto; overflow: hidden;}

.case-section .title{display: block; clear: both;}

.case-section .title .bt{ font-size: 20px; position: relative; padding: 0px 30px; width: 140px; float: left;}

.case-section .title .bt:before{ content: ''; width: 20px; height: 1px; background: #333; position: absolute; left: 0; top: 50%; display: inline-block;}

.case-section .title .bt:after{ content: ''; width: 20px; height: 1px; background: #333; position: absolute; right: 0; top: 50%; display: inline-block;}

.case-section .title .more-btn{ float: right; border: none;}

.case-section .title .more-btn:hover{ background: transparent; color: #00A4FF;}

.case-section .title .more-btn:hover em{border-left:#00A4FF 1px solid; border-top:#00A4FF 1px solid;}

.case-section ul { width:1220px }

.case-section ul li{ float: left; width: 216px; height: 56px; margin-right: 25px; margin-top: 20px;}





.news-section{ padding: 50px 0px; width: 1180px; margin: 0px auto;}

.news-item{float: left; width: 280px; background:#fff; border: #e5e8ed 1px solid;  -moz-box-shadow: 0 2px 4px  rgba(0,0,0,.12);  -webkit-box-shadow: 0 2px 4px  rgba(0,0,0,.12);  -ms-box-shadow: 0 2px 4px  rgba(0,0,0,.12); box-shadow: 0 2px 4px  rgba(0,0,0,.12); margin-top: 50px; margin-right: 20px; box-sizing: border-box;}

.news-item:last-child{ margin-right: 0;}

.news-item .title{ padding: 20px; box-sizing: border-box; height: 90px; font-size: 18px; position: relative;}

.news-item .title a{ display: block; font-size: 14px; color: #999; margin-top: 10px;}

.news-item .title span{ position: absolute; width: 6px; height: 9px; display: inline-block; background-position: -212px -10px; right: 20px; top: 50%; margin-top: -4px;}

.news-item .title a:hover{ color: #00A4FF;}

.news-item .title a:hover span{background-position: -182px -10px; }

.news-item .item-ul{padding: 20px; background:#f5f7fa url(../images/news-line.png) repeat-x top; }

.item-ul{ }

.item-ul li{font-size: 14px; line-height: 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; position: relative; padding-left: 10px;}

.item-ul li a{ color: #333;}

.item-ul li a:before{ content: ''; width: 4px; height: 4px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; background: #666; top: 50%; margin-top: -2px;}

.item-ul li a:hover{ color: #00A4FF;}

.item-ul li a:hover:before{ background: #00A4FF;}



.fast-reg{ background: url(../images/foot-bg.png) no-repeat top center; height: 240px; width: 100%; min-width: 1180px; padding: 50px 0px; box-sizing: border-box; text-align: center; color: #fff; font-size: 30px;}

.fast-reg p{ font-size: 16px; margin-top: 15px;}

.fast-reg .btn{ width: 162px; height: 36px; border: #fff 1px solid; text-align: center; font-size: 16px; line-height: 36px; margin: 30px auto 0px auto; display: block; color: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;}

.fast-reg .btn:hover{ color: #00A4FF; background: #fff;}

.fast-reg .wechat{position: absolute; right: 0; top: 0px; width: 110px; text-align: center; font-size: 13px; line-height: 26px; color: #fff; float: left;}

.fast-reg .wechat img{ border: #fff 5px solid; box-sizing: border-box; width: 110px; height: 110px;}



.footer{ background: #2e3033;}

.footer .foot{ width: 1180px; margin: 0px auto; position: relative;  padding-top: 50px; padding-bottom: 50px; box-sizing: border-box;}

.footer .foot .link{ float: left;}

.footer .foot .link dl{ float:left; padding-right: 150px; display: block; }

.footer .foot .link dl dt{ color: #fff; font-size: 16px; margin-bottom: 15px;}

.footer .foot .link dl dd{ line-height: 26px;  font-size: 13px;}

.footer .foot .link dl dd a{ display: block; color: #ccc;}

.footer .foot .link dl dd a:hover{ color: #00A4FF;}

.footer .foot .contact{ width: 190px; float: left; font-size: 13px; color: #ccc; line-height: 20px; }

.footer .foot .contact .tel{ height: 36px; text-align: center; line-height: 36px; background: #00A4FF; color: #fff; display: block; margin-bottom: 15px; float: left;  width: 100%;}

.footer .foot  .wechat{ /*margin-left: 20px;*/ width: 110px; text-align: center; font-size: 13px; line-height: 26px; color: #ccc; float: left;}

.footer .foot  .wechat img{ border: #fff 5px solid; box-sizing: border-box; width: 110px; height: 110px;}

.footer .copyright{ width: 1180px; margin: 0px auto; text-align: center; line-height: 25px; color:#ccc; font-size: 14px; border-top: #45484c 1px solid;padding:10px 0;}



.online {   position: fixed;   z-index: 98;   bottom: 200px;   right: 20px;}

.online li{  background-color: white;   text-align: center;    line-height: 48px;    width: 48px;    height: 48px;    font-size: 0;    /*border: 1px solid #d4d5d7;*/   transition: background-color .3s ease-out;}

.online li.tel{    height: auto;    margin-bottom: 10px;    background-color: #00A4FF;    line-height: 0;    cursor: default;}

.online li.tel > .icon{ display: block;   margin: 12px auto; width: 24px;   height: 24px;   display: inline-block;   vertical-align: middle;   background-position:-85px 0;}

.online li.tel > p {  position: relative;   padding: 10px 16px;   background-color: white;   font-size: 14px;   color: #666;   line-height: 16px;    text-align: center;   border-bottom-left-radius: 2px;    border-bottom-right-radius: 2px;}

.online li.tel > p:before {    content: "";    position: absolute;    top: 50%;    left: 50%;    width: 3px;    height: 3px;    margin-top: -1px;    margin-left: -1px;    border-radius: 50%;    background-color: #333;}

/*

.online .item.to-top-btn:hover .to-top{    background-position: -120px 0;}

.online .item.to-top-btn {   visibility: hidden;    opacity: 0;    transition: opacity .3s ease-out;}

.show-totop .float-bar-nav >.item.to-top-btn {    visibility: visible;    opacity: 1;}*/

.online li {    position: relative;    border-radius: 2px;    box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.2);}



.online .sub-pop-layer {   position: absolute;    top: -60px;    right: 100%;    padding-right: 5px;    font-size: 14px;    opacity: 0;    visibility: hidden;   transform: scale(.95);    transform-origin: right;    transition: opacity .4s, transform .3s ease-out;}

.online li:hover .sub-pop-layer{    opacity: 1;    transform: scale(1);    visibility: visible;}

.online .box {    width: 260px;   white-space: nowrap;   background-color: #fff;   line-height: 40px;   display: block;   padding: 10px 0px 0px 0px;   border-radius: 2px;    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2);}

.online .box dl{ margin: 0px;   position: relative;}

.online .box dl dt{line-height: 44px;   height: 44px;   text-align: left; }

.online .box dl dt .icon{float: left;   margin: 10px 10px 0 20px;  width: 24px;   height: 24px;   display: inline-block;   vertical-align: middle;}

.online .box dl dt .tel-icon{   background-position: -268px 0;}

.online .box dl dt .QQ-icon{  background-position: -302px 0;}
.online .box dl dt .wei-icon{  background-position: -358px 0;}

.online .box dl dd{ text-align: left; padding-left: 50px;}

.online .box dl dd a{ border-radius:2px; padding: 0px 5px; font-size: 13px; color: #666; border: #e5e8ed 1px solid; display: inline-block; height: 30px; line-height: 30px; margin-right: 10px; float: left; margin-bottom: 10px;}

.online .box dl dd a img{ width: 18px; height: 18px; display: inline-block;}

.online .box dl dd a:hover{ border: #00A4FF 1px solid; color: #00A4FF;} 

.online .box dl.wechat{ }

.online .box dl.wechat{background: #f5f7fa; padding:15px 20px; width: 100%; box-sizing: border-box; text-align: center; font-size: 13px; line-height: 26px; color: #666;}
.online .box dl.wechat.wechat1{padding:15px 20px 0px 20px;}

.online .box dl.wechat img{ margin: 0px auto; border: #fff 5px solid; box-sizing: border-box; width: 110px; height: 110px; display: block;}





.process-banner{ width: 100%; height: 260px; padding-top: 40px; background:url(../images/process-banner.jpg) no-repeat center top;  text-align: center; font-size: 30px; color: #fff; box-sizing: border-box;}

.process-banner p{ font-size: 16px; color: #ccc; margin-top: 10px;}

.process-banner .btn{height: 40px;   min-width: 140px;   padding: 0 20px;   background-color: #00a4ff;   color: #fff;   font-size: 16px;   line-height: 40px; -moz-border-radius: 2px;  -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;    text-align: center;    display: inline-block;    cursor: pointer;     box-sizing: border-box; margin-top: 30px;}

.process-banner .btn:hover{ background: #0092ee; -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}

.process-banner img{ display: none; margin: 0px auto 20px auto; width: 120px;}



.left-box{ width: 820px; padding: 50px 0px; float: left;}

.right-box{ width: 320px; padding: 50px 0px; float: right;}

.sub-title{ height: 36px; position: relative;}

.sub-title span{ line-height: 36px; padding: 0px 10px;color: #00A4FF; background: #fff; display: inline-block; font-size: 20px; font-weight: bold; position: relative;}

.sub-title span:before{ content: ''; width: 3px; height: 20px; background: #00A4FF; display: inline-block; position: absolute; left: 0; top: 50%; margin-top: -10px; }

.sub-title:after{ display: inline-block; width: 100%; height: 1px; background: #e5e8ed; content: ''; position: absolute; left: 0; right: 0; top: 50%; z-index: -1;}



.process-content{}

.process-content h3{ font-size: 18px; margin-top: 30px; margin-bottom: 20px; font-weight: bold; }

.process-content h3 font{ font-size: 14px;}

.process-content .item-show{ background: #f5f7fa; padding: 20px;}

.process-content .item-show ul li{border-left: 1px solid #e1e3e9;    padding: 0 20px 15px 22px;    position: relative;}

.process-content .item-show ul li .dot{    background-color: #efefef;    border: 1px solid #999;   moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;   box-sizing: border-box;  height: 18px;   left: -9px; text-align: center; font-size: 13px; text-align: center; color: #666;    position: absolute;    top: 5px;    width: 18px;}

.process-content .item-show ul li h4{ color: #000;    font-size: 16px;      line-height: 26px;    margin-top: 4px; margin-bottom: 10px;}



.process-content .item-show ul li p{    color: #666;    font-size: 0;    font-size: 15px;    line-height: 24px;}

.process-content .item-show ul li a{ color: #00A4FF;}

.process-content .item-show ul li:hover .dot{border: #00A4FF 1px solid;}

.process-content .item-show ul li:hover .dot:before{ content: ''; width: 8px; height: 8px; background: #00A4FF; display: inline-block; position: absolute; left: 50%; top: 50%; margin-top: -4px; margin-left: -4px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;}

.process-content .item-show ul li:hover h4{ color: #00A4FF;}

.process-content .item-show .tip{ font-size: 15px; margin-top: 20px; color: #FF7200; line-height: 24px;}



.activity-tit{ padding: 50px 0px 30px 0px; text-align: center; font-size: 30px;}

.activity-tit small{ display: block; font-size: 16px; color: #666; margin-top: 15px;}

.activity-step{  box-sizing: border-box; margin: 0px auto; border: #e5e8ed 1px solid;}

.activity-step .title{ text-align: center; font-size: 20px; background: #F5F7FA; height:50px; line-height: 50px;}

.activity-step ul{text-align: justify;  position: relative;   font-size: 0; margin: 20px;}

.activity-step ul:before{content: "";  position: absolute;   top: 50%;   left: 0;   background-color: #979797;   height: 1px;   width: 100%;   margin-top: -.5px;}

.activity-step ul:after{content: "";   display: inline-block;   width: 100%;   height: 0;    overflow: hidden;}

.activity-step ul li{     font-size: 16px; line-height: 24px; color: #333;   display: inline-block; background-color: #fff;  position: relative;  padding-left: 15px;  padding-right: 15px;}

.activity-step ul li:first-child{ padding-left: 0;}

.activity-step ul li span{display: inline-block;    width: 24px;    line-height: 22px;   text-align: center;    font-size: 18px;    color: #333;    margin-right: 10px;    vertical-align: top;    border: 1px solid #656565;    box-sizing: border-box;    border-radius: 50%;}

.activity-step ul li a{ color: #00A4FF;}

.activity-stage{}

.activity-stage li{ width: 380px; float:left; margin: 0 20px 20px 0;   box-sizing: border-box;   display: inline-block;   vertical-align: top;   font-size: 14px;}

.activity-stage li:last-child{ margin-right: 0px;}

.activity-stage li .coupon-top{ background: #2B303B;  padding-left: 30px;}

.activity-stage li .coupon-top .title{font-size: 18px;   padding-top: 28px;    padding-bottom: 20px;  color: #fff; position: relative;}

.activity-stage li .coupon-top .title p{ font-size: 14px; margin-top: 10px;}

.activity-stage li .coupon-top .title:after{content: "";  position: absolute;   left: 0px;   bottom: 0;   height: 1px;   right: 0;   background-color: rgba(255,255,255,.4); display: inline-block;}

.activity-stage li .coupon-top .price{ padding: 20px 0; color: #fff; font-size: 30px;  line-height: 40px;}

.activity-stage li .coupon-top .price em{font-style: normal; display: inline;    font-size: 14px;    line-height: 26px;    color: #fff;    margin-left: 10px;}

.activity-stage li .coupon-top .price small{ font-size: 14px;}

.activity-stage li .coupon-decs{ min-height: 180px; box-sizing: border-box; background: #F7F8FA; padding: 15px 30px; border: #e5e8ed 1px solid;}

.activity-stage li .coupon-decs p{ margin-bottom: 10px; color: #666; font-size: 14px;}

.activity-wechat-box{ margin-top: 20px;}

.activity-wechat-box .btn{height: 45px;   width: 320px;   padding: 0 20px;    background-color: #00a4ff;    color: #fff;    font-size: 16px;   line-height: 45px;    text-align: center; margin: 0px auto;    display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;    cursor: pointer;    outline: 0;    box-sizing: border-box;}

.activity-wechat-box .wechat{ margin: 30px auto 0px auto; text-align: center; font-size: 15px; color: #666;}

.activity-wechat-box .wechat img{ border: #F7F8FA 10px solid; display: block; margin: 0px auto;}

.activity-wechat-box .wechat p{ line-height: 24px; margin-top: 10px;}



.activity-package{ background: #f5f7fa; margin-top: 50px; padding-bottom: 50px;}

.package-box{  -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; width: 460px; background: #fff; border: #e5e8ed 1px solid; min-height: 220px; box-sizing: border-box;}

.package-box .title{ height: 46px; line-height: 46px; padding: 0px 20px; border-bottom: #e5e8ed 1px solid; color: #00A4FF; width: 100%; font-size: 18px; box-sizing: border-box;}

.package-box ul{ height: auto; overflow: hidden; margin-top: 35px;}

.package-box ul li{ width: 33.3%; font-size: 16px;  line-height: 1; display: inline-block;   box-sizing: border-box;   color: #333;   white-space: nowrap;   position: relative;   text-align: center; float: left; box-sizing: border-box;  padding: 20px 20px 15px; position: relative;}

.package-box ul li:after{ height: 100%; background: #e5e8ed; width: 1px; position: absolute; right: 0px; top: 0; content: ''; display: inline-block;}

.package-box ul li:last-child:after{ display: none;}

.package-box ul li .name{line-height: 1;   display: block;   color: #333;   font-size: 16px;   margin-bottom: 15px;}

.package-box ul li span{font-size: 40px;   color: #00a4ff;   vertical-align: -2px;   margin-right: 10px;}

.package-product{padding: 20px 20px 15px; width: 340px; float: left; margin-left: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background: #fff; border: #e5e8ed 1px solid; min-height: 220px; box-sizing: border-box;}

.package-product .name{ font-size: 18px;}

.package-product .name p{ font-size: 14px; color: #999; margin-top: 10px;}

.package-product .name .tag-hot{    border: 1px solid #fd7822; font-size: 12px; display: inline-block;vertical-align: 3px; color: #fd7822;line-height: 1; padding: 2px; margin-left: 5px;}

.package-product  ul{ margin-top: 20px;}

.package-product  ul li{font-size: 14px;  line-height: 24px; position: relative;   color: #333; padding-left: 10px;}

.package-product  ul li:before{ content: ''; width: 4px; height: 4px; display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; background: #666; top: 50%; margin-top: -2px;}

.package-product .btn{height: 36px;   width: 100%;   padding: 0 20px;    background-color: #00a4ff;    color: #fff;    font-size: 14px;   line-height:36px;    text-align: center; margin: 0px auto;    display: block; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;    cursor: pointer;    outline: 0;    box-sizing: border-box; margin-top: 20px;}

.coupon-btn{ width: 1180px; margin: 50px auto 0px auto; display: block;}





.side-news{}

.side-news .title{ height: 36px; border-bottom: #e5e8ed 1px solid;}

.side-news .title .bt{ font-size: 18px; line-height: 36px; display: inline-block; position: relative;}

.side-news .title .bt:after{ content: ''; height: 2px; position: absolute; left: 0; bottom: -1px; width: 100%; background: #00A4FF; display: inline-block;}

.side-news .title .more{ float: right; color: #00A4FF; font-size: 14px; line-height: 36px;}

.side-news .title .more em{ width: 5px; height: 5px; border-left: 1px solid #00A4FF; display: inline-block; border-top: 1px solid #00A4FF; -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg); vertical-align: middle;}

.side-news .item-ul{ padding: 10px 0px;  /*border: #e5e8ed 1px solid; border-top: none;*/}



.side-wechat{ background: #f5f7fa; padding: 20px;}

.side-wechat img{margin: 0px auto; border: #fff 5px solid; box-sizing: border-box; width: 110px; height: 110px; float: left;}

.side-wechat .text{ float: right; font-size: 18px; display: block; width:160px; padding-top: 20px;}

.side-wechat .text p{ font-size: 14px; color: #666; margin-top: 10px;}



.course-list{}

.course-list li{position: relative;    padding: 20px 15px;   border-bottom: 1px solid #e5e8ed;}

.course-list li a{display: table;   table-layout: fixed;   width: 100%;}

.course-list li .text{display: table-cell; vertical-align: top;}

.course-list li .text .name{font-size: 20px;   line-height: 20px;    color: #000; white-space: nowrap;   overflow: hidden;    text-overflow: ellipsis;}

.course-list li .text .desc{    margin-top: 15px;    font-size: 14px;   line-height: 24px;   color: #666;   word-wrap: break-word;    display: block;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;    -webkit-line-clamp: 2;    max-height: 48px;}

.course-list li .text .time{text-align: right;    display:block;  vertical-align: middle;    margin-top: 10px;    margin-right: 15px;    font-size: 13px;    line-height: 18px;    color: #999;}

.course-list li .text .time span{ width: 13px; height: 13px; vertical-align: middle; margin-right: 5px; display: inline-block; background-position: -336px 0px;}

.course-list li .picture{display: table-cell;  vertical-align: top;    padding-left: 30px;    width: 150px;}

.course-list li .picture img{width: 150px; height: 112px; display: block;}

.course-list li:hover{ background: #f5f7fa;}

.course-list li:hover .name a{ color: #00A4FF; }



.course-detail{  margin: 0px auto 0px auto;}

.course-detail .headline{padding: 50px 0;  text-align: center;}

.course-detail .headline h1{ font-size: 26px; text-align: center;}

.course-detail .headline .time{text-align: center;    display:block;  vertical-align: middle;    margin-top: 10px;    margin-right: 15px;    font-size: 13px;    line-height: 18px;    color: #999;}

.course-detail .headline .time span{ width: 13px; height: 13px; vertical-align: middle; margin-right: 5px; display: inline-block; background-position: -336px 0px;}

.course-detail .content{ font-size: 16px; color: #666; line-height: 26px;}

.course-detail .content p{ margin-bottom: 20px;}

.related-article{ border-top: #e5e8ed 1px solid; padding: 20px 0px; font-size: 16px; line-height: 30px;}

.related-article a{ display: block; color: #00A4FF;}

.related-article a span{ margin-right: 5px;}



.page{height:32px; text-align:center; margin-top:30px; font-size:0px;}

.page a{height:32px; line-height:32px; padding:0 5px; min-width:22px; color:#333; font-size:14px; display:inline-block;  white-space:nowrap; background:#f5f7fa; margin:0 5px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px;}

.page .prv,.page .next{padding:0 15px;}

.page .active,.page a:hover{ background-color:#00A4FF; color:#fff;}





.support-list{ margin-top: 50px; margin-bottom: 50px; overflow: hidden;}

.support-list ul{ width: 1220px;}

.support-list li{ border: #e1e3e9 1px solid; width: 380px; box-sizing: border-box; padding: 25px; float: left; border-top: 3px solid #E1E3E9; background: #fff; margin-right: 20px; min-height: 295px; margin-bottom: 20px;}

.support-list li:nth-child(3n){ margin-right: 0px;}

.support-list li .s-icon{ width: 64px; height: 64px;  margin-bottom: 25px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position:relative;  -moz-box-shadow: inset 0 0 0 1px #00A4FF; -webkit-box-shadow: inset 0 0 0 1px #00A4FF; -ms-box-shadow: inset 0 0 0 1px #00A4FF; box-shadow: inset 0 0 0 1px #00A4FF;  -moz-transition: 1s; -webkit-transition: 1s; -ms-transition: 1s; transition: 1s;}

 .support-list li .s-icon:before {  z-index: 1;  position: relative;}

.support-list li .s-icon:after {  position: absolute;  content: '';  width: 100%;  height: 100%;  background: #00A4FF;  left: 0;  top: 0;  border-radius: 50%; transition: 1s;  opacity: 1;}

.support-list li:hover .s-icon:after {  transform: scale(1.3);  opacity: 0;}



.support-list li .s-icon span{background: url(../images/support-icon.png) no-repeat; display: block; width: 64px; height: 64px; position: relative; z-index: 2;}

.support-list li span.icon1{ background-position: 0px 0px;}

.support-list li:hover .icon1{ background-position: -64px 0px;}

.support-list li span.icon2{ background-position: 0px -64px;}

.support-list li:hover .icon2{ background-position: -64px -64px;}

.support-list li span.icon3{ background-position: 0px -128px;}

.support-list li:hover .icon3{ background-position: -64px -128px;}

.support-list li span.icon4{ background-position: 0px -192px;}

.support-list li:hover .icon4{ background-position: -64px -192px;}

.support-list li span.icon5{ background-position: 0px -256px;}

.support-list li:hover .icon5{ background-position: -64px -256px;}

.support-list li span.icon6{ background-position: 0px -320px;}

.support-list li:hover .icon6{ background-position: -64px -320px;}

.support-list li span.icon7{ background-position: 0px -384px;}

.support-list li:hover .icon7{ background-position: -64px -384px;}

.support-list li span.icon8{ background-position: 0px -448px;}

.support-list li:hover .icon8{ background-position: -64px -448px;}

  

.support-list li:hover{border: #00A4FF 1px solid; border-top: #00A4FF 3px solid;    -moz-box-shadow: 0 2px 4px  rgba(0,0,0,.12);  -webkit-box-shadow: 0 2px 4px  rgba(0,0,0,.12);  -ms-box-shadow: 0 2px 4px  rgba(0,0,0,.12); box-shadow: 0 2px 4px  rgba(0,0,0,.12); }

.support-list li h4{ font-size: 18px;}

.support-list li .list{ line-height: 26px; font-size: 15px; color: #666; margin-top: 25px;}

.support-list li .list p{ position: relative; vertical-align: middle; padding-left: 15px;}

.support-list li .list p:before{ width: 4px; height: 10px; border-bottom: #999 1px solid; border-right: #999 1px solid; content: ''; display: inline-block; transform: rotate(45deg); position: absolute; left: 0; top: 50%; margin-top: -7px;}





.about-introduce{ background: #f5f7fa; padding: 50px 0px;}

.about-introduce h2{font-size: 30px; font-weight: bold; text-align: center;}

.about-introduce .content{ width: 1180px; margin: 0px auto; font-size: 15px; line-height: 26px; box-sizing: border-box; padding-right: 500px; position: relative; padding-top: 50px;}



.about-introduce .content p{ margin-bottom: 30px;}

.about-introduce .content .picture{position: absolute; right: 0; top: 50px; width: 400px;}

.about-introduce .content .picture img{ width: 100%; display: block;}

.about-introduce .content .num-ul{ width: 100%; position: relative;}

.about-introduce .content .num-ul li{min-height:110px; position: relative; float: left; width: 50%; text-align: center; font-size: 16px; color: #333; padding-top: 50px;}

.about-introduce .content .num-ul li:after{ content: ""; width: 100%; height: 1px; background: #e5e8ed; position: absolute; left: 0px; bottom: 0;}

.about-introduce .content .num-ul li:nth-child(3):after,.about-introduce .content .num-ul li:nth-child(4):after{ display: none;}

.about-introduce .content .num-ul li:before{ content: ""; width: 1px; height: 100%; background: #e5e8ed; position: absolute; right: 0px; top: 0;}

.about-introduce .content .num-ul li:nth-child(2):before,.about-introduce .content .num-ul li:nth-child(4):before{ display: none;}

.about-introduce .content .num-ul li span{ font-size: 50px; color: #00A4FF; display: block; margin-bottom: 20px;}

.about-introduce .content .num-ul li span sup{ font-size: 30px; margin-left: 5px;}



.about-case h2{font-size: 30px; font-weight: bold; text-align: center;}

.about-case ul{ padding: 50px 0 30px 0;}



.about-case .btn{ margin: 0px auto 50px auto; height: 40px;   width: 180px;   padding: 0 20px;   background-color: #00a4ff;   color: #fff;   font-size: 16px;   line-height: 40px; -moz-border-radius: 2px;  -webkit-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px;    text-align: center;    display: block;    cursor: pointer;     box-sizing: border-box; margin-top: 30px;}

.about-case .btn:hover{ background: #0092ee; -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}



.help-index-list .help-index-cell-content {
    margin-top: 20px;
	margin-bottom:20px;
}
.help-index-list .help-index-cell-content ul.help-common-nav-list {
    padding: 14px 23px;
    border: 1px solid hsla(210,3%,85%,.8);
    height: auto;
    transition: all .3s;
}
.help-index-list .help-index-cell-content ul.help-common-nav-list li {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 22%;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-size: 14px;
    margin-right: 3%;
}
em.icon1,em.icon2,em.icon3,em.icon4,em.icon5{display:inline-block;background:url("../images/icon.png") no-repeat}
em.icon1{width:20px;height:19px}em.icon2{width:20px;height:19px;background-position:-23px 0}
em.icon3{width:14px;height:10px;background-position:-4px -31px}
em.icon4{width:14px;height:10px;background-position:-50px -31px;cursor:pointer}
em.icon5{width:14px;height:10px;background-position:-60px -31px;cursor:pointer}
dl.product{width:100%;border-bottom: 1px solid #e5e8ed;}
dl.product .on{display:block}
dl.product dt{cursor:pointer;width:300px;padding:0 10px;height:35px;line-height:35px;background-color:#f5f7fa;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
dl.product dt .icon4_p{position:absolute;right:5px;top:11px}
dl.product dt:hover{background-color:#00A4FF;color:#fff}
dl.product dd{display:none;padding-left:20px}
dl.product dd h3{cursor:pointer;width: 179px;overflow: hidden;background:url("../images/plus.png") no-repeat left center;padding-left:20px;font-weight:600;font-size:13px;height:30px;line-height:30px}
dl.product dd ul{display:none;padding-left:20px;font-size:12px}
dl.product dd ul li{background:url("../images/point.jpg") no-repeat left center;padding-left:5px;height:25px;line-height:25px}
/*---2019-12-13----*/
/* 优惠券开始 */

.yhq-gb {
    height: auto;
    position: relative;
    /*background-color: rgb(255, 255, 255)*/
}

.content-header {
    font-size: 1.5rem;
    padding: 48px;
    line-height: 150%;
}

.yhq-gb ul li {
    float: left;
    width: 25%;
    height: 452px;
    text-align: center;
    transition: border 0.1s;
    position: relative;
   }

.door {
    z-index: 1;
    background: url(../images/content-hover.png) no-repeat;
    width: 336px;
    height: 0;
    position: absolute;
    top: -17px;
    left: -22px;
    overflow: hidden;
    /*display: none;*/
    
}

.door em{
    font-style: normal;
}

/* 滑动门关键 */

.yhq-gb ul li:hover .door {
	-webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s;
    height:466px;
   /* display: block;*/

}

.door .contents {
    width: calc(100% - 80px);
    text-align: left;
    margin: 0px 40px;
    color: #909399;
    font-size: 13px
}

.content-hr {
    border-top: 2px #00A4FF solid;
    margin-top:60px;
}

.yhq-gb ul li i {
    display: inline-block;
    margin: 50px auto 15px auto;
    width: 68px;
    height: 68px;
    cursor: pointer;

}

.icon-syzx {
    background: url(../images/icon-syzx.png) no-repeat
}

.icon-syfw {
    background: url(../images/icon-syfw.png) no-repeat
}

.icon-yglpt {
    background: url(../images/icon-yglpt.png) no-repeat
}

.icon-yyykf {
    background: url(../images/icon-yyykf.png) no-repeat
}

.yhq-gb ul li b {
    display: block;
    font-size: 16px;
    color: #303133;
    margin: 10px auto 35px auto;
}

.items {
    background-color: rgba(245, 250, 255, .5);
    border-top: 1px rgb(235, 235, 235) solid;
    border-bottom: 1px rgb(235, 235, 235) solid;
    border-radius: 3px;
    padding: 30px 10px 30px 35px
}

.content-bl {
    border-right: 1px rgb(235, 235, 235) solid;
}

.content-bl-fb {
    border-left: 1px rgb(235, 235, 235) solid;
}

.yhq-gb ul .items span {
    display: block;
    font-size: 14px;
    text-shadow: 1px 1px 1px rgb(204, 208, 212);
    padding: 6px;
}

.items1 {
    margin-top: 40px;
}

.items1 span {
    margin: 0px 14px 0px 13px;
    display: block;
    text-align: left;
    font-size: 13px;
    line-height: 33px;
    /*cursor: pointer;*/
}

.items1 span .em1 {
   text-align: center;
   display: block;
}

.items1 span .em1 a {
    color:#000;
}

.items1 span .em2 a {
    color:#000;
}

.items1 span .em2 {
    border: 1px rgb(102, 177, 255) solid;
    color: rgb(102, 177, 255);
    border-radius: 3px;
    line-height: 20px;
    font-size: 10px;
    padding: 0px 10px;
    float: right;
    margin: 5px 15px;
    display: none;
}

.items1 span:hover .em2 {
    display: block
}

.items1 span:hover {
    background-color: rgb(229, 246, 255);
    color: #00A4FF
}

.items1 span:hover a{
    color: #00A4FF
}

.items1 span em :hover {
    background-color: rgb(229, 246, 255);
    color: #00A4FF
}

/* 优惠券结束 */
/* 服务与支持产品 */
.content1-header {
    font-size: 1.4rem;
    padding: 55px 0px 0px 0px;
    line-height: 150%;
}
.ac{
    text-align: center;
}
.content1 {
    height: 605px;
    position: relative;
    background-color: rgb(245, 250, 255);
    margin-top: 46px;
    padding-bottom: 60px;
}

.content1-header {
    font-size: 30px;
    padding: 55px 0px 0px 0px;
    line-height: 150%;
}

.content1-header-1 {
    text-align: center;
    font-size: 1rem;
    color: #909399;
    line-height: 40px;
    letter-spacing: 1.5px
}

.content1-header-1 span {
    font-size:1rem;
    padding: 10px
}

.content1-main {
    margin-top: 28px;
}

.content1-main ul li {
    width: calc(25% - 48px);
    height: 156px;
    float: left;
    cursor: pointer;
    padding: 40px 19px;
    position: relative;
}

.icon2-1 {
    background: url(../images/icon-2-1.png) no-repeat center;
}

.icon2-2 {
    background: url(../images/icon-2-2.png) no-repeat center;
}

.icon2-3 {
    background: url(../images/icon-2-3.png) no-repeat center;
}

.icon2-4 {
    background: url(../images/icon-2-4.png) no-repeat center;
}

.icon2-5 {
    background: url(../images/icon-2-5.png) no-repeat center;
}

.icon2-6 {
    background: url(../images/icon-2-6.png) no-repeat center;
}

.icon2-7 {
    background: url(../images/icon-2-7.png) no-repeat center;
}

.icon2-8 {
    background: url(../images/icon-2-8.png) no-repeat center;
}

.icon2-9 {
    background: url(../images/icon-2-9.png) no-repeat center;
}

.icon2-10 {
    background: url(../images/icon-2-10.png) no-repeat center;
}

.content1-main ul li:hover {
    background-image: url(../images/icon-2-h.png);
    transform: translateY(-5px); 
	-webkit-transform: translateY(-5px); 
	-moz-transform: translateY(-5px); 
	-ms-transform: translateY(-5px);
	-webkit-transition: 0.2s ease-in-out; 
	-moz-transition: 0.2s ease-in-out; 
	-o-transition: 0.2s ease-in-out; 
	transition: 0.2s ease-in-out;
}

.content1-main-top {
    margin-top: 106px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.content1-main-bottom {
    font-size: 14px;
    text-align: center;
    font-weight: 500;
    color: #fff;
    height: 136px;
    display: none;
}

.content1-main ul li:hover .content1-main-bottom {
    display: block;
}

.content1-main ul li:hover .content1-main-top {
    display: none;
}

.content1-main-bottom div:first-child {
    position: absolute;
    top: 40px;
    width: 154px;
    left: 50px;
}

.content1-main-bottom:last-child {
    margin-top: 50px;
}

.content1-main-bottom:last-child span{
    display: block;
    margin-top: 4px;
    font-size: 10px;
}

.content1-main-bottom:last-child span>a{
    font-size:14px;
    color:#fff
}
.w1080{
	width:1080px;
	margin:auto;
}
/* 服务与支持结束 */
/*底部重写开始*/
.five-superiority {
	width: 100%;
	height: 120px;
	border-bottom: 1px solid #414b51
}

.five-superiority-list li {
	float: left;
	width: 33.33%;
	height: 120px
}

.five-superiority-list li a {
	white-space: nowrap;
	display: block;
	line-height: 120px;
	padding-left: 110px;
	background-repeat: no-repeat;
	background-position: 50px center;
	font-size: 18px;
	color: #fff
}

.compensate_ico a {
	background-image: url(../images/bottom_03.png)
}

.retreat_ico a {
	background-image: url(../images/bottom_05.png)
}

.technology_ico a {
	background-image: url(../images/bottom_07.png)
}

.prepare_ico a {
	background-image: url(../images/bottom_09.png)
}
.foot-right-box{
	width:100%;
	display: block;
	height:auto;
}
.foot-right-box p{
	font-size: 13px;
	line-height: 26px;
	color: #ccc;
	margin-top:10px;
}
.b-logo-img{
	float:left;
	margin-left:20px;
}
.b-logo-img .b-l-logo{
	display: block;
}
.b-logo-img .b-l-logo-txt{
	display: block;
	margin:15px 0 0 85px;
}
/*底部重写结束*/
#scroll {  text-align: center;  width: 50px; height: 50px;  background:#f94348; box-shadow:rgba(0,0,0,.1) 0px 0px 10px;  -webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,.1) 0px 0px 10px;    margin: 0 auto;  margin-top: -55px;  margin-right: -21px;  color: #f56f69;  padding-top: 0px;  font-size: 26px;  line-height: 26px;  cursor: pointer;  position: fixed;  /*right: 50%;  bottom: 16%;*/  z-index: 10005;  -webkit-transition: -webkit-transform 0.6s ease;  -moz-transition: -moz-transform 0.6s ease;  transition: transform 0.6s ease; right: 3%; top: 90%;}

#scroll i{ font-style: normal; width: 22px; height: 22px; background: url(../images/top.png) no-repeat; display: inline-block; background-size:100%； }

#scroll.clicked {  background: #fff;  border-radius: 100%;  color: #f56f69;  box-shadow:rgba(0,0,0,.1) 0px 0px 10px;  -webkit-box-shadow:rgba(0,0,0,.1) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,.1) 0px 0px 10px; -ms-box-shadow:rgba(0,0,0,.1) 0px 0px 10px;}

#scroll.clicked i{background: url(../images/top.png) no-repeat; background-size:100%;}

#scroll.rotate {  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);  -ms-transform: rotate(180deg);}

#scroll span {  position: relative;  bottom: -10px;}

#scroll.rotate i{font-style: normal; width: 22px; height: 30px; background: url(../images/top.png) no-repeat; display: inline-block;}

/*新用户板块*/
.new-user{
	width:100%;
	min-height:auto;
	/*background: linear-gradient(top, #1c30af , #0e0858); 
	background: -webkit-linear-gradient(top, #1c30af , #0e0858);  
	background: -moz-linear-gradient(top, #1c30af , #0e0858);  
	background: -ms-linear-gradient(top, #1c30af , #0e0858);*/
	background: linear-gradient(120deg, #02196d , #00a4ff); 
	background: -webkit-linear-gradient(120deg, #02196d , #00a4ff);  
	background: -moz-linear-gradient(120deg, #02196d , #00a4ff);  
	background: -ms-linear-gradient(120deg, #02196d , #00a4ff);
	margin-top:30px;
}
.w1180{
	width:1180px;
	margin:auto;
}
.new-user .bt{
	font-size: 32px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    text-align: center;
}

/*优惠产品列表*/
.lst-p-box{
	margin:50px 0 40px -20px;
}
.lst-p-box li{
	width:280px;
	height:420px;
	float:left;
	margin:0 0 20px 20px;
	/*overflow: hidden;*/
	position: relative;
	cursor: pointer;
}
.lst-p-box li:hover{
	
	transform: translateY(-5px); 
	-webkit-transform: translateY(-5px); 
	-moz-transform: translateY(-5px); 
	-ms-transform: translateY(-5px);
}
.lst-p-box li .lst-p-sider{
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	background-image: url(../images/miaoshaka.png);
    /*background-position: 50%;*/
    background-repeat: no-repeat;
    background-size: contain;
}
.lst-p-box li:hover .lst-p-sider{
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	background-image: url(../images/miaoshaka.png);
    /*background-position: 50%;*/
    background-repeat: no-repeat;
    background-size: contain;
}
.lst-p-box li .title{
	line-height: 30px;
    font-size: 18px;
    font-weight:600;
    margin:20px 20px 10px 20px;
    color:#fff;
}
.lst-p-box li .description-wrap{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #a7c5ff;
    font-size:14px;
    margin:0 20px;
    line-height: 24px;
    height:72px;
}
.lst-p-box li .spec-selector-current-title{
	position: relative;
    z-index: 9;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    
    display: inline-block;
}
.lst-p-box li .spec-selector-current-text{
position: relative;
    z-index: 9;
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    cursor: pointer;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    vertical-align: middle;
    padding:10px 20px;
    margin:10px 0;
    display: block;	
}
.lst-p-box li .accessory-wrap{
    display: inline-block;
    width: 25%;
    padding-left: 15px;
}
.lst-p-box li .accessory-value{
    font-size: 16px;
    color:#fff;
}
.lst-p-box li .accessory-name{
    margin-top: 8px;
    font-size: 12px;
    color:#a7c5ff;
}
.lst-p-box li .price-integer{
    font-size: 30px;
    letter-spacing: 1.2px;
    color:#ff9f00;
}
.lst-p-box li .price-decimal{
    color:#ff9f00;
}
.lst-p-box li .discount-icon{
    display: inline-block;
    height: 14px;
    vertical-align: bottom;
}
.lst-p-box li .discount-text{
    display: inline-block;
    margin-left: 4px;
    font-size: 12px;
    color: inherit;
    letter-spacing: .7px;
    color:#eee;
}
.zh .price-unit{
	color:#eee;
}
.lst-p-box li .promotion .price-unit{
    font-size: 14px;
    letter-spacing: .81px;
    color:#a7c5ff;
}
.lst-p-box li .price-symbol{
    font-size: 16px;
    letter-spacing: .81px;
    color: #ff9f00;
}
.lst-p-box li .price .zh{
	margin:25px 20px 0 20px;
}
.lst-p-box li .price{
	border-top: 1px solid rgba(72,131,255,.5);
	margin:20px;
}
.lst-p-box li .discount-item{
	margin:0 20px 20px 20px;
}
.lst-p-box li .p-btn{
	color: #fff;
    /*background-color: #bf9040;*/
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#d0ab4f),to(#ae7530));
    background-image: -webkit-linear-gradient(left,#d0ab4f 1%,#ae7530);
    background-image: linear-gradient(90deg,#d0ab4f 1%,#ae7530);
    text-decoration: none;
    display: block;
    text-align: center;
    position: absolute;
    bottom:0px;
    left:0px;
    right:0px;
}
.lst-p-box li .p-btn a{
	display: block;
    width: 100%;
    border: none;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    background-color: inherit;
}
.lst-p-box li .p-btn:hover{
	filter: brightness(1.1);
}
.lst-p-box li .spec-selector-current-subtitle{
    display: inline-block;
    font-size: 12px;
    color: #a7c5ff;
    vertical-align: middle;
    margin-left:10px;
}
 .lst-p-box li .feature-wrap .feature {
    color: #fff;
    line-height: 25px;
    position: relative;
    margin:0 20px;
}
 .lst-p-box li .feature-wrap .feature i{
 	width: 4px;
    height: 10px;
    border-bottom: rgb(255, 106, 0) 1px solid;
    border-right: rgb(255, 106, 0) 1px solid;
    content: '';
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
 }
 .lst-p-box li .feature-wrap .feature span{
 	margin-left:15px;
 }
  .lst-p-box li .feature-wrap{
  	height:43px;
  	overflow: hidden;
  }
  .new-user .bt{
  	margin-top:30px;
  }

  .lst-p-box .act-card1-tit-pc{
  	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#fff;
    font-size: 20px;
    line-height: 28px;
  }
  .lst-p-box .act-card1-sub-tit-pc{
  	font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
  }
  .lst-p-box .act-card1-area-pc{
  	display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #49b1ec;
    color: #eee;
  }
  .lst-p-box .act-card1-feature{
  	display: block;
  	color: #a7c5ff;
  	font-size:14px;
    padding: 15px 0;
  }
  .lst-p-box .act-card1-features-pc .act-card1-feature-label-span{
  	display: block;
    height: 22px;
    line-height: 22px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
    float: left;
    margin-right:15px;
  }
  .lst-p-box .act-card1-features-pc .act-card1-feature-text-span{
  	display: inline-block;
    height: 22px;
    line-height: 22px;
    max-width: 150px;
    vertical-align: top;
    color: #fff;
  }
  .act-card1-feature-text-span .act-card1-feature-text-em{
  	font-style: normal;
  	border-bottom: 1px dashed #00a4ff;
    cursor: pointer;
    display: inline-block;
    line-height: 21px;
    margin-left: 5px;
    position: relative;
    vertical-align: middle;
  }
  .lst-p-box .act-card1-prices{
   	font-size:14px;
   	border-top: 1px solid rgba(196, 213, 249, 0.5);
   	padding-top: 14px;
   }
  .lst-p-box .act-card1-prices .act-card1-price{
  	color: #ff9f00;
    font-size: 28px;
    line-height: 30px;
    display:inline-block;
  }
   .lst-p-box .act-card1-prices .act-card1-price-unit{
   	color: #ff9f00;
    line-height: 20px;
    margin-left: 2px;
    display:inline-block;
   }
   .lst-p-box .act-card1-price-detail{
    color: #fff;
    font-size: 14px;
}
.lst-p-box .act-card1-price-detail .act-card1-original-price {
    color: #f2f4f9;
    opacity: .5;
    line-height: 20px;
    margin-left: 20px;
    display:inline-block;
}
.lst-p-box .act-card1-btn-wrap{
	margin-top:25px;
}
.lst-p-box .b-p-btn{
    background-color: #bf9040;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#d0ab4f),to(#ae7530));
    background-image: -webkit-linear-gradient(left,#d0ab4f 1%,#ae7530);
    background-image: linear-gradient(90deg,#d0ab4f 1%,#ae7530);
    border: none;
    color: #fff;
    display: block;
    font-size: 16px;
    margin-top: 10px;
    min-width: 0;
    width: 100%;
    box-sizing: border-box;
    height: 36px;
    line-height: 34px;
    outline: 0;
    padding: 0 16px;
    text-align: center;
}
.lst-p-box .b-p-btn:hover{
	filter: brightness(1.1);
}
.lst-p-box .act-progress1-text{
    color: #a7c5ff;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-top: 5px;
}
.lst-p-box .act-progress1-bar-bg {
    background: #115b98;
    height: 4px;
    width:100%;
    margin-top:10px;
}
.lst-p-box .act-progress1-bar {
    background: #00a4ff;
    height: 100%;
}
.lst-p-sider15{
	margin:20px 18px;
}
.lst-p-box .act-bubble{
	background: rgba(0,81,190,.9);
	-webkit-transition: all 1s;
    /*background-color: rgba(20,36,127,.9);*/
    color: #fff;
    display: none;
    position: absolute;
    text-align: left;
    /*width: 700px;*/
    z-index: 100;
}
.act-card1-bubble {
    -ms-transform: translate(calc(-50% - 6px));
    -webkit-transform: translate(calc(-50% - 6px));
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translate(calc(-50% - 6px));
    width: 300px;
}
.act-card1-feature-text-span i:hover .act-bubble{
	display: block;
}
.act-bubble-inner {
    color: #fff;
    font-size: 14px;
    left: 242px;
    line-height: 20px;
    padding: 8px 20px;
    position: static;
    top: 50%;
}
.arrow-down{
	position: absolute;
	content: '';
	display: block;
	left:50%;
	margin-left:-4px;
	border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid rgba(0,81,190,.9);
    transform:rotate(90deg);
    margin-top:-4px;
}
  /*产品卡片*/
 .bg-lsp{
 	width:100%;
 	background: url(../images/home-developer-bg.png);
 	background-size: cover;
 	padding:20px 0 60px 0;
 }
 .lstp{
 	/*margin-top:30px;*/
 	position: relative;
 } 
 .lstp-line{
 	background-color: #4883ff;
    width: 102px;
    height:1px;
    position: absolute;
    top:155px;
 }
 .lstp-line.active{
 	background-color: #9d6e2e;
 }
 .lstp-line.lstp-line1{
 	 position: absolute;
    left:138px;
 }
 .lstp-line.lstp-line2{
 	 position: absolute;
    left:254px;
 }
 .lstp-line.lstp-line3{
 	 position: absolute;
    left:370px;
 }
 .lstp-line.lstp-line6{
 	 position: absolute;
    right:138px;
 }
 .lstp-line.lstp-line5{
 	 position: absolute;
    right:254px;
 }
 .lstp-line.lstp-line4{
 	 position: absolute;
    right:370px;
 }
 .bt-box{
 	width:1014px;
 	margin:auto;
 } 
.lstp .bt-box ul li{
	width:96px;
	display: block;
	position: relative;
	float:left;
	color:#fff;
	height:auto;
	cursor: pointer;
	margin-right:20px;
	text-align: center;
}
.lstp .bt-box ul li:last-child{
	margin-right:0px;
}
.lstp .bt-box ul li:nth-child(4){
	margin-right:126px;
}
.lstp .bt-box ul li .text{
	display: block;
	width:100%;
	height:50px;
	background: #00a4ff;
}
.lstp .bt-box ul li .text-value{
	font-size:16px;
	line-height: 20px;
	display: block;
	padding-top:5px;
}
.lstp .bt-box ul li .text-name{
	font-size:14px;
	line-height: 20px;
	display: block;
	padding-bottom:5px;
}
.lstp .bt-box ul li .text-r{
	width:10px;
	height:10px;
	border-color: #00a4ff;
    margin-top: 4px;
    background: #fff;
    display: inline-block;
    border: 1px solid rgba(72,131,255,.5);
    border-radius: 50%;
}
.lstp .bt-box ul li .text-arrow{
	content: '';
    position: absolute;
    left:50%;
    margin-left:-2px;
    top: 48px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #00a4ff;
    transform:rotate(90deg)
}
.lstp .bt-box ul li:hover .text,.lstp .bt-box ul li.active .text{
	background: linear-gradient(-120deg, #c49844 , #9d6e2e);
    background: -webkit-linear-gradient(-120deg, #c49844 , #9d6e2e);
    background: -moz-linear-gradient(-120deg, #c49844 , #9d6e2e);
    background: -ms-linear-gradient(-120deg, #c49844 , #9d6e2e);
    -webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
}
.lstp .bt-box ul li:hover .text-r,.lstp .bt-box ul li.active .text-r{
	width:10px;
	height:10px;
	border-color: #9d6e2e;
	margin-top: 4px;
	display: inline-block;
	border: 2px solid #b99057;
	border-radius: 50%;
	-webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
	background: #fff;
}
.lstp .bt-box ul li:hover .text-arrow,.lstp .bt-box ul li.active .text-arrow{
	content: '';
    position: absolute;
    left:50%;
    margin-left:-2px;
    top: 48px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #9d6e2e;
    transform:rotate(90deg);
    -webkit-transition: color 0.5s;
	-moz-transition: color 0.5s;
	-ms-transition: color 0.5s;
	transition: color 0.5s;
}
.title-lst{
	width:100%;
	display: block;
	height:45px;
	padding-top:50px;
}
.title-lst .title-lst-tap{
	display: block;
	float:left;
	width:50%;
	
}
.title-lst .title-lst-tap span{
	color:#fff;
	font-size:14px;
	padding:6px 12px;
	border-radius: 20px;
}
.title-lst .title-lst-tap:first-child span{
	background: linear-gradient(-120deg, #c49844 , #9d6e2e);
    background: -webkit-linear-gradient(-120deg, #c49844 , #9d6e2e);
    background: -moz-linear-gradient(-120deg, #c49844 , #9d6e2e);
    background: -ms-linear-gradient(-120deg, #c49844 , #9d6e2e);
}
.title-lst .title-lst-tap:last-child span{
	margin-left:63px;
	background: #00a4ff;
}
.lstp-content{
	width:100%;
	height:auto;
	margin-top:50px;
}
.lstp-content .lstp-content-box{
	display: none;
}
.lstp-content .lstp-content-box ul li{
	float:left;
	height:360px;
	width:280px;
	display: block;
	background: #eee;
	margin-left:20px;
}
.lstp-content .lstp-content-box ul{
	margin-left:-20px;
}
/*老用户*/
.old-user-bg{
	width:100%;
 	background: url(../images/home-developer-bg.png);
 	background-size: cover;
 	padding:20px 0 60px 0;
 	height:auto;
}
.old-user-l{
	width:210px;
	min-height:390px;
	background: #fff;
}
.old-user-r{
	width:950px;
	background: #02196d;
	float:right;
	min-height:130px;
	background: linear-gradient(120deg, #02196d , #00a4ff); 
	background: -webkit-linear-gradient(120deg, #02196d , #00a4ff);  
	background: -moz-linear-gradient(120deg, #02196d , #00a4ff);  
	background: -ms-linear-gradient(120deg, #02196d , #00a4ff);
}
.old-user-ls{
	width:140px;
	float:left;
	background: rgba(0,164,255,.55);
	padding-left:15px;
	min-height: 130px;
	margin-right:15px;
	/*background: linear-gradient(120deg, #00a4ff , #072173); 
	background: -webkit-linear-gradient(120deg, #00a4ff , #072173);  
	background: -moz-linear-gradient(120deg, #00a4ff , #072173);  
	background: -ms-linear-gradient(120deg, #00a4ff , #072173);*/
}
.old-user-r ul li.item:hover .old-user-ls{
	background: rgba(23,58,153,.55);
	-webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s;

}
.old-user-ls .title{
	color:#fff;
	font-size:20px;
	margin-top:40px;
}
.old-user-ls .sub-title{
	color: #a7c5ff;
	font-size: 12px;
    line-height: 20px;
    margin-top: 5px;
}
.old-user-m{
	float:left;
}
.old-user-m-b1 .bt,.old-user-m-b2 .bt,.old-user-m-b3 .bt{	
	color:#fff;
	font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top:30px;
}
.old-user-m .old-user-m-b1{
	float:left;
	width:130px;

}
.old-user-m .old-user-m-b2{
	float:left;
	width:90px;
	margin:0 10px;
}
.old-user-m .old-user-m-b3{
	float:left;
	width:190px;

}
.old-user-rs{
	float:right;
	width:319px;
	height:50px;
	border-left:1px solid #244fb6;
	margin-top:40px;

}
.old-user-rs-vaule{
	display: inline-block;
	margin-left:15px;
}
.old-user-rs-vaule .act-product-bar-base1-price{
	font-size: 28px;
    line-height: 40px;
    margin-top: -8px;
    color: #ff9f00;
}
.old-user-rs-vaule .act-product-bar-base1-price .act-product-bar-base1-priceUnit{
	font-size: 14px;
    line-height: 16px;
    margin-left: 4px;
}
.old-user-rs-vaule .act-product-bar-base1-price-detail{
	font-size: 14px;
    line-height: 16px;
    color:#fff;
}
.old-user-rs-vaule .act-product-bar-base1-price-detail .act-product-bar-base1-price-original{
	margin-left: 10px;
	font-size: 14px;
    line-height: 16px;
    display: inline-block;
    text-decoration: line-through;
    color:#638bd7;
}
.old-user-rs-btn{
	float:right;
	width:124px;
}
.old-user-rs-btn a{
	background-color: #bf9040;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(1%,#d0ab4f),to(#ae7530));
    background-image: -webkit-linear-gradient(left,#d0ab4f 1%,#ae7530);
    background-image: linear-gradient(90deg,#d0ab4f 1%,#ae7530);
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 36px;
    line-height: 34px;
    min-width: 88px;
    outline: 0;
    padding: 0 16px;
    text-align: center;
    text-decoration: none;
}
.old-user-r ul li.item{
	border-bottom:1px solid rgba(255,255,255,.15);
	min-height: 130px;
	cursor: pointer;
}
.old-user-r ul li.item:hover{
	background: #173a99;
	-webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s;
	background: rgba(23,58,153,.55);
}
.old-user-r ul li.item:hover .title{
	color:#37eafc;
}
.old-user-r ul li.item .old-user-sider{
	margin:0 15px 0 0;
}
.act-segment-wrap .act-segment-btn{
	background-color: rgba(72,131,255,.3);
	border-color: transparent;
    color: #fff;
    padding: 0 5px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    margin-left: -1px;
    min-width: 24px;
    outline: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 61px;
    border: 1px solid #ddd;
    border-color: transparent;
}
.act-segment-wrap .act-segment-btn:hover{
	background: linear-gradient(120deg, #00a4ff , #072173); 
	background: -webkit-linear-gradient(120deg, #00a4ff , #072173);  
	background: -moz-linear-gradient(120deg, #00a4ff , #072173);  
	background: -ms-linear-gradient(120deg, #00a4ff , #072173);
    border: 1px solid #1f6ce9 !important;
    color: #fff;
}
.act-segment-wrap .act-segment-btn.act-segment-btn-active{
	background: linear-gradient(120deg, #00a4ff , #072173); 
	background: -webkit-linear-gradient(120deg, #00a4ff , #072173);  
	background: -moz-linear-gradient(120deg, #00a4ff , #072173);  
	background: -ms-linear-gradient(120deg, #00a4ff , #072173);
    border: 1px solid #1f6ce9 !important;
    color: #fff;
}
.act-segment-discount {
    background-image: -webkit-linear-gradient(307deg,#00c1ff,#0060ff);
    background-image: linear-gradient(143deg,#00c1ff,#0060ff);
    color: #fff;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    padding-left: 1px;
    padding-right: 1px;
    position: absolute;
    right: 0;
    top: -6px;
    width: 31px;
}
.act-segment-btn-active .act-segment-discount {
    background-image: -webkit-linear-gradient(307deg,#ffa776,#d85543 98%);
    background-image: linear-gradient(143deg,#ffa776,#d85543 98%);
}
.home_cvm_box>ul>li {
    float: left;
    width: 33.33%;
    height: 390px;
    padding: 20px;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px #ebebeb solid;
    border-radius: 0px;
    box-sizing: border-box;
    transition: all .5s;
    -webkit-transition: all .5s;
    /* Safari */
}
.home_cvm_box>ul>li:nth-child(2){
	border-right:none;
	border-left:none;
}
.home_cvm_box>ul>li:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    box-shadow: 1px 1px 25px rgba(0, 0, 0, .2);
}

.home_cvm_box>ul>li span {
    margin: 10px 0;
    font-size: 18px;
}
.home_cvm_box>ul>li .title{
	font-size:20px;
	display: block;
	text-transform: uppercase;
	color:#333;
	margin-top:30px;
}
.home_cvm_box>ul>li .sub-titles{
	font-size:16px;
	display: block;
	margin-top:10px;
	color:#666;
	border-bottom: 1px #ebebeb dashed;
	padding-bottom:10px;
	margin-bottom:10px;
}
.home_cvm_box>ul>li p {
    color: #717171;
    margin: 10px 0;
    font-size: 14px;
}
.home_cvm_box>ul>li p.dsp{
	color:#999;
	padding:0 0 10px 0;
}
.buy_btn{
    margin: 10px auto;
    width: 120px;
    height: 32px;
    color: #00a4ff;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    border: 1px #00a4ff solid;
    margin-top:20px;
    display: block;
}

.buy_btn:hover {
    background-color: #00a4ff;
    color: #fff;
    -webkit-transition:all 0.5s; 
	-moz-transition:all 0.5s; 
	-ms-transition:all 0.5s; 
	transition:all 0.5s;
}
.price{
	color:#ff9f00;
}
.home_cvm_box>ul>li p.btj{
	color:#333;
	font-weight:600;
	font-size:16px;
}
/*404页面*/
.search-box{
	width:100%;
	height:400px;
	background: #f4f4f6 url(../images/scbg.jpg) no-repeat top center;
    background-size: 1440px 400px;
}
.search-box-r{
	width: 650px;
    float: right;
    margin-top: 100px;
}
.search-box-r h2{
	font-size: 24px;
    color: #373d41;
    letter-spacing: .8px;
    line-height: 36px;
    margin-bottom: 16px;
}
.search-box-r .dse{
	width: 410px;
    height: 48px;
    font-size: 14px;
    color: #373d41;
    letter-spacing: .47px;
    line-height: 24px;
    margin-bottom: 20px;
}
.search-box-r ul li{
	float: left;
    margin-right: 50px;
    line-height: 24px;
}
.search-box-r ul li a {
    font-size: 14px;
    color: #00a4ff;
    letter-spacing: .47px;
}
.lst404{
	width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding-top: 61px;
    padding-bottom: 80px;
}
.lst404 h2{
	font-size: 24px;
    color: #373d41;
    letter-spacing: .8px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 38px;
    text-align: center;
}
.lst404 ul{
	width: 100%;
    height: 178px;
}
.lst404 ul li{
    width: 300px;
    height: 151px;
    border: 1px solid #d7d8d9;
    margin-right: 20px;
    float: left;
    position: relative;
    padding-top: 25px;
    padding-left: 78px;
}
.lst404  ul li i {
    position: absolute;
    top: 25px;
    left: 24px;
    color: #00c1de;
    font-size: 26px;
}
.lst404  ul li i  img{
	width:30px;
	height:auto;
}
.lst404  ul li h3 {
    width: 100%;
    font-size: 18px;
    color: #373d41;
    line-height: 18px;
    font-weight: 400;
}
.lst404  ul li .pay {
    width: 100%;
    font-size: 14px;
    color: #ff8a00;
    line-height: 24px;
    margin-top: 4px;
    margin-bottom: 12px;
}
.lst404  ul li .des {
	margin-top: 10px;
    width: 258px;
   /* height: 36px;*/
    font-size: 14px;
    color: #9b9ea0;
    line-height: 22px;
    margin-bottom: 12px;
}
.lst404  ul li a {
    font-size: 14px;
    color: #00a4ff;
    line-height: 24px;
}
/*单页云服务器*/
.home_cvm_boxs>ul>li {
    float: left;
    width: 33.33%;
    height: 320px;
    padding: 20px;
    cursor: pointer;
    background-color: #ffffff;
    border: 1px #ebebeb solid;
    border-radius: 0px;
    box-sizing: border-box;
    transition: all .5s;
    -webkit-transition: all .5s;
    /* Safari */
}
.home_cvm_boxs>ul>li:nth-child(2),.home_cvm_boxs>ul>li:nth-child(5),.home_cvm_boxs>ul>li:nth-child(8){
	border-right:none;
	border-left:none;
}
.home_cvm_boxs>ul>li:nth-child(4),.home_cvm_boxs>ul>li:nth-child(5),.home_cvm_boxs>ul>li:nth-child(6){
	border-top:none;
	border-bottom:none;
}
.home_cvm_boxs>ul>li:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    box-shadow: 1px 1px 25px rgba(0, 0, 0, .2);
}

.home_cvm_boxs>ul>li span {
    margin: 10px 0;
    font-size: 18px;
}
.home_cvm_boxs>ul>li .title{
	font-size:20px;
	display: block;
	text-transform: uppercase;
	color:#333;
	margin-top:15px;
}
.home_cvm_boxs>ul>li .sub-titles{
	font-size:16px;
	display: block;
	margin-top:10px;
	color:#666;
	border-bottom: 1px #ebebeb dashed;
	padding-bottom:10px;
	margin-bottom:10px;
}
.home_cvm_boxs>ul>li p {
    color: #717171;
    margin: 10px 0;
    font-size: 14px;
}
.home_cvm_boxs>ul>li p.dsp{
	color:#999;
	padding:0 0 10px 0;
}

.home_cvm_boxs>ul>li p.btj{
	color:#333;
	font-weight:600;
	font-size:16px;
}
/*其他产品*/
.old-user-bgs{
	background: none;
	padding: 20px 0 60px 0;
    height: auto;
}
.old-user-bgs .old-user-r{
	float:none;
	width:100%;
}
.old-user-bgs .old-user-m .old-user-m-b1{
	width:238px;
	margin-right:10px;
}
.old-user-bgs  .old-user-ls{
	width:220px;
}
.old-user-bgs .act-segment-wrap .act-segment-btn{
	width:45px;
}
.old-user-bgs .old-user-m .old-user-m-b3{
	width:332px;
}
.old-user-bgss{
	width:100%;
	background: #f7f8f9;
}
.old-user-bgs.old-user-bgss .old-user-m .old-user-m-b1{
	width:120px;
}
.old-user-bgs.old-user-bgss .act-segment-wrap .act-segment-btn{
	width:72px;
}
.old-user-bgs.old-user-bgss .old-user-m .old-user-m-b3{
	width:296px;
}
.old-user-bgs.old-user-bgss .old-user-m .old-user-m-b3.old-user-m-b4{
	width:150px;
	margin-left:10px;
}

.old-user-bgs .old-user-m .old-user-m-b1.old-user-m-b1-sms{
	width:570px;
}
.old-user-bgs .old-user-m .old-user-m-b1.old-user-m-b1-sms .act-product-bar4-block-txt{
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    margin-top: 2px;
}
.old-user-bgs .old-user-m .old-user-m-b1.old-user-m-b1-sms .act-product-bar4-block-txt{
    font-size: 14px;
    line-height: 20px;
    color:#a7c5ff;
}
.old-user-bgs .act-segment-wrap .act-segment-btn.act-segment-btn-active .act-product-bar4-block-tit{
	color:#fff;
}
.old-user-bgs .old-user-m-b1-sms .act-segment-wrap .act-segment-btn{
	padding: 10px;
    text-align: left;
    height:auto;
    width: 105px;
    line-height: 20px;
}
.old-user-r ul li.item.item-sms{
	height:150px;
}
.item-sms .old-user-ls .title{
	margin-top:65px;
}
.item-sms .act-product-bar4-tag{
	background: rgba(72,131,255,.5);
    color: #a7c5ff;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 4px;
    margin-bottom:5px;
}
.item-sms .old-user-rs{
	height:125px;
	margin-top:15px;
}
.item-sms .act-product-bar4-btn-info {
    color: #a7c5ff;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top:30px;
}
.item-sms .old-user-rs-vaule .act-product-bar-base1-price-detail .act-product-bar-base1-price-original{
	margin-left:0px;
}
.item-sms .act-input-number{
	margin-bottom:5px;
}
.item-sms .act-input-number-input {
    background-color: rgba(72,131,255,.2);
    border: 1px solid transparent;
    color: #fff;
    font-size: 14px;
    height: 36px;
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    vertical-align: top;
    -webkit-appearance: none;
    border-radius: 0;
    width: 50px;
    line-height: 36px;
}
.item-sms .act-input-number-minus, .item-sms .act-input-number-plus {
    height: 28px;
    padding-top: 8px;
    width: 36px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    background-color: rgba(72,131,255,.5);
    border: 1px solid transparent;
}

.item-sms .act-input-number-unit {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    margin-left: 5px;
    vertical-align: bottom;
}
.item-sms #right{
	background:rgba(72,131,255,.5) url(../images/add.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
.item-sms #left{
	background:rgba(72,131,255,.5) url(../images/cut.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
.item-sms #right:hover{
	background:rgba(72,131,255,.75) url(../images/add.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
.item-sms #left:hover{
	background:rgba(72,131,255,.75) url(../images/cut.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
.item-sms #rights{
	background:rgba(72,131,255,.5) url(../images/add.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
.item-sms #lefts{
	background:rgba(72,131,255,.5) url(../images/cut.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
.item-sms #rights:hover{
	background:rgba(72,131,255,.75) url(../images/add.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
.item-sms #lefts:hover{
	background:rgba(72,131,255,.75) url(../images/cut.png) 8px 8px no-repeat;
	background-size:20px 20px;
}
/*CDN*/
.old-user-r ul li.item.item-sms .old-user-ls{
	min-height: 150px;
}
.old-user-bgs-s .old-user-r {
    float: none;
    width: 100%;
}
.old-user-bgs-s .old-user-m .old-user-m-b1.old-user-m-b1-sms {
    width: 570px;
}
.old-user-bgs-s .old-user-ls{
	width:220px;
}

.old-user-bgs-s .act-segment-wrap .act-segment-btn{
	width:78px;
	height:auto;
	padding:8px;
}
.old-user-bgs-s{
	padding-bottom:50px;
}
/*banner*/
.web-banner{ width:100%;margin-top:-165px;position:relative; overflow:hidden;}
.web-banner .item{height:558px;width:100%;overflow:hidden; position:relative;}


.web-banner-gs .item{height:210px;width:100%;overflow:hidden; position:relative;cursor: pointer;}
.coms1{height:210px;width:100%;background: url(/images/index/coms1.png) top center no-repeat;}
.coms2{height:210px;width:100%;background: url(/images/index/coms2.png) top center no-repeat;}

.web-banner .owl-pagination{ margin:0; position:absolute;z-index:100;width:100%; top:88%;text-align:center;}
.web-banner .owl-prev{ position:fixed;left:5%; background:url(../images/nav-jt0.png) 0px 0px no-repeat;z-index:100;}
.web-banner .owl-next{ position:fixed;right:5%; background:url(../images/nav-jt0.png) -30px 0px no-repeat;z-index:100;}
.web-banner .owl-prev:hover{ position:fixed;left:5%; background:url(../images/nav-jt0.png) 0px -60px no-repeat;}
.web-banner .owl-next:hover{ position:fixed;right:5%; background:url(../images/nav-jt0.png) -30px -60px no-repeat;}

.web-banner-gs .owl-pagination{ margin:0; position:absolute;z-index:100;width:100%; top:98%;text-align:center;}
.web-banner-gs .owl-prev{ position:fixed;left:5%; background:url(../images/nav-jt0.png) 0px 0px no-repeat;z-index:100;}
.web-banner-gs .owl-next{ position:fixed;right:5%; background:url(../images/nav-jt0.png) -30px 0px no-repeat;z-index:100;}
.web-banner-gs .owl-prev:hover{ position:fixed;left:5%; background:url(../images/nav-jt0.png) 0px -60px no-repeat;}
.web-banner-gs .owl-next:hover{ position:fixed;right:5%; background:url(../images/nav-jt0.png) -30px -60px no-repeat;}
/* .web-banner:hover .owl-prev{-webkit-animation: fadeInRight 1s 0s ease infinite;}
.web-banner:hover .owl-next{-webkit-animation: fadeInLeft 1s 0s ease infinite;} */


.web-banner .owl-theme .owl-controls .owl-page span{filter: alpha(opacity=100);opacity:1; -moz-opacity:1;-khtml-opacity:1;/*padding:0 5px;*/border-radius:100%;height:10px;width:10px;background: rgba(255,255,255,0.2);}
.web-banner .owl-theme .owl-controls .owl-page.active span,
.web-banner .owl-theme .owl-controls.clickable .owl-page:hover span{filter: alpha(opacity=100);opacity:1; -moz-opacity:1;-khtml-opacity:1;background: #fff;border-radius:100%;}

@media screen and (max-width: 1240px) 
{
/*banner*/
.web-banner{ width:100%;margin-top:60px;position:relative; overflow:hidden;}
.web-banner .owl-carousel{width:100%;}
.web-banner .owl-carousel .item{height:200px;width:100%;overflow:hidden; position:relative;}


.web-banner .owl-pagination{ margin:0; position:absolute;z-index:100;width:100%; top:80%;text-align:center;}
.web-banner .owl-theme .owl-controls .owl-page span{filter: alpha(opacity=100);opacity:1; -moz-opacity:1;-khtml-opacity:1;padding:0 5px;border-radius:0;height:3px;width:10px;background: rgba(255,255,255,0.2);border-radius:0px;}
.web-banner .owl-theme .owl-controls .owl-page.active span,
.web-banner .owl-theme .owl-controls.clickable .owl-page:hover span{filter: alpha(opacity=100);opacity:1; -moz-opacity:1;-khtml-opacity:1;background: #fff;}
}