/*swiper common*/
.sms .useSmsMain .swiper-container-sms, .tele .CorporateMain .swiper-container-tele{
	width: 100%;
	/* height: 750px; */
	position: relative;
	overflow:hidden;
}
.sms .useSmsMain .swiper-pagination-bullets, .tele .CorporateMain .swiper-pagination-bullets{
	top: -60px !important;
	width: 100%;
	text-align:center;
	position: relative;
}
.sms .useSmsMain .swiper-pagination-bullet, .tele .CorporateMain .swiper-pagination-bullet{
	width: 160px;
	height: 50px;
	background-color: #f3f3f3;
	border-radius: 0px;
	opacity: 1;
	margin:0px 3%;
	text-align:center;
}
.sms .useSmsMain .swiper-pagination-bullet a, .tele .CorporateMain .swiper-pagination-bullet a{
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	color: #333;
}
.sms .useSmsMain .swiper-pagination-bullet-active, .tele .CorporateMain .swiper-pagination-bullet-active{
	background-color: #f3f3f3;
	border-bottom: 4px solid #2a7592;
}
.sms .sms-minH{
	position: relative;
	min-height: 193px;
}
.sms .sms-serve-li:nth-child(2) img{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -90px;
}
.sms .sms-serve-li:nth-child(3) img{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -87.5px;
}
.sms .sms-serve-li:nth-child(4) img{
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -81px;
}
/*swiper common*/
/* .sms .title-special, .tele .title-special{
	padding-top: 122px;
} */
.useSmsMain, .CorporateMain{
    width: 80%;
    /* height: 750px; */
    margin: 0 auto;
}
.sms .useSmsMain .slide-left, .tele .CorporateMain .slide-left{
	width: 30%;
	float: left;
}
.sms .useSmsMain .slide-left img, .tele .CorporateMain .slide-left img{
	width: 100%;
	height: auto;
}
.sms .useSmsMain .slide-right, .tele .CorporateMain .slide-right{
	width: 70%;
	float: left;
}
.sms .useSmsMain .slide-right ul, .tele .CorporateMain .slide-right ul{
	width: 80%;
	float: right;
	margin-top: 20%;
}
.sms .useSmsMain .slide-right ul li, .tele .CorporateMain .slide-right ul li{
	width:50%;
	float: left;
	font-size: 16px;
	margin-bottom: 10%;
}
.sms .useSmsMain .slide-right ul li span{
	margin-left: 30px;
	color: #333;
	display: inline-block;
	line-height: 42px;
	float: left;
}
 .tele .CorporateMain .slide-right ul li span{
	margin-left: 30px;
	color: #333;
	line-height: 44px;
	float: left;
}
.sms .useSmsMain .slide-right p, .tele .CorporateMain .slide-right p{
	width: 80%;
	float: right;
	margin-top: 5%;
	font-size: 15px;
	line-height: 32px;
	text-indent: 2em;
}
.sms .useSmsMain .slide-right .dot, .tele .CorporateMain .slide-right .dot{
	font-size: 34px;
	line-height: 38px;
	margin-left: 0px;
}
.sms .useSmsMain .slide-right ul li span:nth-child(1), .tele .CorporateMain .slide-right ul li span:nth-child(1){
	color: #1e68a6 !important;
}
.sms .Gra_l li .logopart2-span{
    width: 100px;
    text-align: center;
}
@media screen and (max-width: 1110px){
	.sms .useSmsMain .swiper-pagination-bullet, .tele .CorporateMain .swiper-pagination-bullet{
		width: 135px;
	}
} 
.tele .CorporateMain .slide-right ul{
	margin-top: 13%;
}
/**/
.tele .PaasMain{
	width: 100%;
	height: 550px;
}
.tele .PaasMain .Lbtn{
    width: 12%;
    height: 100%;
    float: left;
}
.tele .PaasMain .Lbtn li{
	font-size: 16px;
	color: #333;
	text-align: center;
	height: 100px;
	line-height:100px;
	font-weight: bold;
	border-radius: 10px 0px 0px 10px;
	cursor: pointer;
}
.tele .PaasMain .LbtnActive{
	background-color: #fff;
	color: #1d5e93 !important;
}
.tele .PaasMain .Rmain{
    width: 88%;
    height: 100%;
    float: left;
    background-color: #fff;
}
.tele .PaasMain .Rmain .Rmain_m{
	width: 90%;
    margin: 0px 6% 0px 6%;
}
.tele .PaasMain .Rmain .Rmain_l{
    width: 70%;
    height: 100%;
    float: left;
}
.tele .PaasMain .Rmain .Rmain_l p{
	padding-top: 100px;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 35px;
    text-indent: 2em;
}
.tele .PaasMain .Rmain .Rmain_l li{
	width: 90%;
	float: left;
	padding-left: 10%;
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	color: #1d5e93;
	margin-bottom: 20px;
}
.tele .PaasMain .Rmain .Rmain_r{
    width: 30%;
    height: 100%;
    float: left;
}
.tele .PaasMain .Rmain .Rmain_r img{
	margin: 0 auto;
	margin-top: 125px;
	width: 90%;
	float: right;
}
.tele .PaasMain .Rmain_m{
	display: none;
}
.tele .PaasMain .Rmain .listActive{
	display: block;
}
.tele .tele-point-part li span{
	float: left;
    text-align: left;
}
.tele-point-detail{
    max-width: 62%;
}
.tele-point-part1 .tele-point-detail, .tele-point-part3 .tele-point-detail{
	max-width: 75%;
}
.tele-point-part2 .tele-point-detail{
	max-width: 60%;
}
.tele-point-part4 .tele-point-detail{
	max-width: 70%;
}
.tele-point-part li span:nth-child(1){
	margin-right: 20px;
	font-size: 22px;
}
@media screen and (max-width: 1260px){
	.tele-point-part1 .tele-point-detail{
		max-width: 75%;
	}
	.tele-point-part2 .tele-point-detail{
		max-width: 57%;
	}
	.tele-point-part3 .tele-point-detail{
		max-width: 72%;
	}
	.tele-point-part4 .tele-point-detail{
		max-width: 65%;
	}
} 
/*media*/
.media .bannerFooter-main ul li{
	height: 240px;
	width: 30%;
	margin-top: 40px;
	float: left;
	list-style: none;
}
.media-bannerFooter-main{
	max-width: 1400px;
}
.media-limitMain{
	max-width: 1300px;
}
.media .bannerFooter-main ul .mediaBFlist .BFlist_L{
	width: 32%;
	height: 100%;
	float: left;
}
.media .bannerFooter-main ul .mediaBFlist img{
	width: 50%;
	height: auto;
	max-height: 50px;
	max-width: 50px;
	margin-left: 25%;
	margin-top: 15px;
}
.media .bannerFooter-main ul .mediaBFlist .BFlist_R{
	width: 68%;
	height: 100%;
	float: left;
	text-align: left;
	color: #333;
}
.media .bannerFooter-main ul .mediaBFlist .BFlist_R h3{
	font-size: 19px;
}
.media .bannerFooter-main ul .mediaBFlist .BFlist_R p{
	line-height: 28px;
	font-size: 15px;
	color: #666;
	margin-bottom: 0px;
}
.media .service_modeMain .swiper-container-service_mode{
	width: 100%;
	height: 400px;
	position: relative;
	overflow:hidden;
}
.media .service_modeMain .swiper-pagination-bullets{
	top: -30px !important;
	width: 100%;
	text-align:center;
	position: relative;
}
.media .service_modeMain .swiper-pagination-bullet{
	width: 160px;
	height: 50px;
	background-color: #fff;
	border-radius: 0px;
	opacity: 1;
	margin:0px 6%;
	text-align:center;
}
.media .service_modeMain .swiper-pagination-bullet a{
	font-size: 19px;
	line-height: 50px;
	font-weight: bold;
	color: #333;
}
.media .service_modeMain .swiper-pagination-bullet-active{
	background-color: #fff;
	border-bottom: 4px solid #2a7592;
}
.media .service_modeMain ul{
	width: 100%;
	height: 750px;
}
.media .service_modeMain ul li{
	float: left;
}
.media .service_modeMain .professional ul,.media .service_modeMain .flowPattren ul{
	width: 80%;
	margin: 0 auto;
}
.media .service_modeMain .professional ul li{
	width: 25%;
	height: 100%;
	text-align: center;
}
.media .service_modeMain .flowPattren ul li{
	width: 25%;
	height: 100%;
	text-align: center;
}
.media .service_modeMain .professional ul li p,.media .service_modeMain .flowPattren ul li p,.media .service_modeMain .accurateOri ul li p{
	font-size: 16px;
	margin-bottom: 0px;
	line-height: 30px;
	color: #666;
}
.media .service_modeMain .professional .special_P,.media .service_modeMain .flowPattren .special_P,.media .service_modeMain .accurateOri .special_P{
	width: 150px;
	height:150px;
	background-color: #1d5e93;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 150px;
	border-radius: 50%; 
	margin: 0 auto;
	margin-top: 150px;
	margin-bottom: 45px;
}
.media .service_modeMain .accurateOri ul li{
	width: 20%;
	height: 100%;
	text-align: center;
}
.mediaBFlist-null{
	width: 5%!important;
}
/*idc*/
.idc .port-four{
    width: 100%;
    height: 300px;
}
.idc .port-four ul{
    width: 100%;
    height: 100%;
    position: relative;
}
.idc .port-four ul li{
	width: 25%;
	height:auto;
	float: left;
}
.idc .port-four ul li:nth-child(1){
    position: absolute;
    left: 0px;
}
.idc .port-four ul li:nth-child(2){
    position: absolute;
    left: 25%;
}
.idc .port-four ul li:nth-child(3){
    position: absolute;
    left: 50%;
}
.idc .port-four ul li:nth-child(4){
    position: absolute;
    left: 75%;
}
.idc .port-four ul li img{
	width: 92%;
	height: 100%;
	margin-left: 4%;
	transition:.1s transform;
	transform:translateZ(0);
}
.idc .port-four ul li:hover{z-index:1; }
 .idc .port-four ul li:hover img{
	
	transform:scale(1.16,1.16);
	transition:1s transform;
} 
.idc .port-four ul li .shadow{
	position: absolute;
	top: 0;
	left: 0;
	width: 92%;
	height: 190px;
	margin-left: 4%;
	z-index: 1000;
    text-align: center;
    color: #fff;
}
.idc .port-four ul li .shadow h3{
	margin-top: 75px;
}
.idc .port-four ul li .shadowDetail{
	position: absolute;
	top: 0;
	left: 0;
	/* width: 92%; */
	/* height: 220px; */
	 margin-left: -0.5%;
	display: none;
}
.idc .port-four ul li .shadowDetail p{
	margin-top: 0px;
    padding: 24px;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    text-indent: 2em;
}
.idc .map {
    background: url(../images/idcmap.gif) no-repeat 37% -116%;
    background-size: 100%;
}
.idc .port-four ul li:nth-child(1) .shadowDetail p{margin-top:0!important;}
.idc .port-four ul li:nth-child(2) .shadowDetail p{margin-top:16px!important;}
.idc .port-four ul li:nth-child(3) .shadowDetail p{margin-top:0!important;}
.idc .port-four ul li:nth-child(4) .shadowDetail p{padding: 18px 30px!important;}

@media screen and (min-width: 1070px){
	.idc .port-four ul li .shadowDetail p{
		padding: 30px;
	}
	.idc .port-four ul li:nth-child(1) .shadowDetail p{
		margin-top: 10px;
	}
	.idc .port-four ul li:nth-child(2) .shadowDetail p,.idc .port-four ul li:nth-child(3) .shadowDetail p{
		margin-top: 10px;
	}
}
@media screen and (max-width: 1100px){
	.tele .PaasMain .Lbtn li{
		font-size: 17px;
	}
	.tele .PaasMain .Rmain .Rmain_l p{
		padding-top: 95px;
	}
	.tele .PaasMain .Rmain .Rmain_r img{
		margin-top: 85px;
	}
}
.idc .port-four ul .imgActive{
	top: -15px;
    width: 26%; 
}
.idc .port-four ul .idc-imgH{
	 height: 190px;
}
.idc .port-four ul .imgActive .idc-imgH{
	 height: 220px;
}
.idc .port-four ul .imgActive img{
	width: 98%;
    margin-left: -0.5%;
}
.idc .port-four ul .imgActive .shadowDetail{
	display: block;
}
.idc .port-four ul .imgActive .shadow{
	display: none;
}
.idc .port-four ul li .slidePart{
    text-align: center;
    margin-top: 20px;
}
.idc .port-four ul li .slidePart h3{
	font-size: 18px;
	color: #1d5e93;
	padding-top: 5px;
}
.idc .port-four ul li .slidePart p{
	font-size: 15px;
	color: #666;
	/* display: none; */
	line-height: 30px;
}
.idc .port-four ul .imgActive .slidePart p{
	display: block;
}
.idc .port-four ul .imgActive .slidePart h3{
	padding-top: 0px;
}
.idc .map{
	width: 100%;
	height: 750px;
}
.idc .map img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}


@media screen and (max-height:1100px){
	.sms .useSmsMain .slide-left img, .tele .CorporateMain .slide-left img{
		width:90%;
	}
	.sms .useSmsMain .swiper-container-sms, .tele .CorporateMain .swiper-container-tele{
		height:800px!important;
	}
	.idc .map {
	    background: url(../images/idcmap.gif) no-repeat 37% -40%;
	    background-size: 110%;
	}
}
 @media screen and (max-height:900px){
	.sms .useSmsMain .slide-right p, .tele .CorporateMain .slide-right p{font-size:14px;!important}
	.sms .useSmsMain .slide-left img, .tele .CorporateMain .slide-left img{width:75%;}
	.sms .useSmsMain .slide-right ul, .tele .CorporateMain .slide-right ul{margin-top:16%;}
	.sms .useSmsMain .swiper-container-sms, .tele .CorporateMain .swiper-container-tele{height:425px;}
	.sms-bf .BFsms_h4,.tele-bf .BFdx_h4{font-size:15px;}
	.tele-ul img{max-width: 50px;
    max-height: 50px;}
    .tele .PaasMain .Lbtn li{height:80px; line-height:80px;}
	.tele .PaasMain{height:460px;}
	.saasuse-ul .BFdx_h4 {
		    font-size: 16px;
		}
		.saasuse-ul .tele-port span {
		    font-size: 13px;
		}
		img.tele-footer-img {
		    max-width: 40px;
		    max-height: 40px;
		}
		.media .bannerFooter-main ul .mediaBFlist .BFlist_R p {
		    line-height: 26px;
		    font-size: 15px;
		    color: #666;
		    margin-bottom: 0px;
		}
		.media .bannerFooter-main ul li{
			 margin-top: 20px;
		}
		.media .service_modeMain .professional ul li p, .media .service_modeMain .flowPattren ul li p, .media .service_modeMain .accurateOri ul li p {
		    font-size: 14px;
		    margin-bottom: 0px;
		    line-height: 30px;
		    color: #666;
		}
		.media-part3-li{height:320px;}
		.media-part3-li img{width:38%;}
		.media-sp1-img{margin-top:40px;}
		.media-final-p{margin-top:10px; font-size:12px;}
		.media-solute-p{font-size:12px;}
		.media .service_modeMain .professional .special_P, .media .service_modeMain .flowPattren .special_P, .media .service_modeMain .accurateOri .special_P{
			margin-top:80px;
			width:120px;
			height:120px;
			line-height:120px;
			font-size:12px;
		}
		.idc .map {
	    background: url(../images/idcmap.gif) no-repeat 37% -80%;
	    background-size: 100%;
	}
  }
  @media screen and (max-height: 700px){
	.sms .sms-minH{min-height:136px;}
	.sms .useSmsMain .slide-right ul, .tele .CorporateMain .slide-right ul{margin-top:10%;}
	.sms .useSmsMain .slide-right ul li, .tele .CorporateMain .slide-right ul li{margin-bottom:6%;}
	.line1,.line2{padding:40px;}
	.logopart2{padding:30px 0;}
	.logopart{padding:110px 0;}
	.line3{padding:50px 0;}
	.line4{padding:70px 0;}
	.sms-li-3 ul li{margin-bottom:0;}
	.sms-bgGra, .dx-gray, .tele-gary{height:348px;}
	.logopart2-span {
    font-size: 14px !important;
	}
    .sms-bf .BFsms_h4,.tele-bf .BFdx_h4{font-size:15px;}
    .tele-ul img{max-width: 50px; max-height: 50px;}
    .sms .useSmsMain .slide-left img, .tele .CorporateMain .slide-left img {
    width: 60%!important;
	}
	.sms .useSmsMain .slide-right ul li, .tele .CorporateMain .slide-right ul li{font-size:15px;}
	.sms .useSmsMain .slide-right p, .tele .CorporateMain .slide-right p{font-size:12px;}
	.sms .useSmsMain .slide-right ul, .tele .CorporateMain .slide-right ul{margin-top:1%;}
	.telephony-title{padding: 80px 0px 60px 0px;}
	.tele .PaasMain .Rmain .Rmain_l p{font-size:12px; line-height:28px;}
	.tele .PaasMain .Lbtn li{height:70px; line-height:70px; font-size:16px;}
	.tele .PaasMain{height:400px;}
	.tele-point-detail{font-size:14px;}
	.title {
		    padding: 80px 0px 80px 0px;
		}
		.tele .PaasMain .Rmain .Rmain_l p{padding-top:70px;}
		.sassuse-r p{font-size:12px;}
		.sassuse-r ul li span{font-size:15px;}
		.saasuse-ul{margin-top:36px;}
		.saasuse-ul .BFdx_h4 {
		    font-size: 16px;
		}
		.saasuse-ul .tele-port span {
		    font-size: 12px;
		}
		img.tele-footer-img {
		    max-width: 50px;
		    max-height: 50px;
		}
		.idc .port-four ul li .slidePart p{
			font-size: 12px;
			line-height: 20px;
		}
		.idc .port-four ul li .slidePart h3 {
		    font-size: 16px;
		}
		.media .bannerFooter-main ul li{
			 margin-top: 0px;
		}
		.media .bannerFooter-main ul .mediaBFlist .BFlist_R p {
		    line-height: 26px;
		    font-size: 12px;
		    color: #666;
		    margin-bottom: 0px;
		}
		.media .service_modeMain .professional ul li p, .media .service_modeMain .flowPattren ul li p, .media .service_modeMain .accurateOri ul li p {
		    font-size: 12px;
		    margin-bottom: 0px;
		    line-height: 30px;
		    color: #666;
		}
		.media-part3-li{height:300px;}
		.media-part3-li img{width:36%;}
		.media-final-p{margin-top:10px; font-size:12px;}
		.media-solute-p{font-size:14px;}
		.media .service_modeMain .professional .special_P, .media .service_modeMain .flowPattren .special_P, .media .service_modeMain .accurateOri .special_P{
			margin-top:80px;
			width:120px;
			height:120px;
			line-height:120px;
			font-size:12px;
		}
		.title-media{padding:60px 0px 40px 0px!important;}
		.media .bannerFooter-main ul .mediaBFlist .BFlist_R h3 {
		    font-size: 16px;
		}
		
  }
  
  @media screen and (max-height: 800px){
.sms .useSmsMain .slide-right ul, .tele .CorporateMain .slide-right ul {
    margin-top: 10%;}
    .sms .useSmsMain .slide-right ul li, .tele .CorporateMain .slide-right ul li{margin-bottom:6%;}
    .saasuse-ul {
    margin-top: 35px;
	}
	.idc .map {
	    background: url(../images/idcmap.gif) no-repeat 37% -120%;
	    background-size: 100%;
	}
	
}