/****新移动官网样式****/
body{bakcground:#EFEFEF;font-size:80%;font-family:arial;}
.header_top{width:100%;height:60px;background:#FFFFFF;position:fixed;z-index:99;}
.header_top .logo{float:left;}
.header_top .logo img{width:auto;height:24px;margin-top:14px;padding-left:20px;} 
.header_top .slogan{float:right;}
.header_top .slogan img{width:130px;heihgt:auto;margin-top:24px;padding-right:20px;}
.header_top .btn_down{width:60px;height:30px;line-height:30px;-moz-border-radius: 3px; /* Gecko browsers */-webkit-border-radius: 3px; /* Webkit browsers */border-radius:3px;float:right;margin-top:15px;margin-right:20px;background:#4C7CFF;color:#FFFFFF;text-align:center;}

.alp40{position:fixed;z-index:9999;top:60px;width:100%;height:30px;border-top:0.5px solid #cecece;display:none;}

.space8{width:100%;height:8px;background:#EFEFEF;}
.space{
	width:100%;
	height:12px;
	top:60px;
	position:relative;
	background:#EFEFEF;
	}
.shadow{
	width:100%;
	height:3px;
	background:url(../res/shadow.png) repeat;
	background-size:3px 3px;
	}
	
.page1{
	width:100%;
	position:relative;
	top:60px;
	background:url(../res/background_big.png) no-repeat;
	background-size:100% auto;
	}
.page1 .page1_bottom{
	width:100%;
	height:17.8%;
	position:relative;
	top:81%;
	}
.page1 .page1_bottom .page1_btn{
	width:53.7%;
	float:left;
	height:100%;
	}
.page1 .page1_bottom .page1_btn img{
	width:72%;
	height:auto;
	position:relative;
	left:12.2%;
	top:24.6%;
	}
.page1 .page1_bottom .page1_show{
	width:46%;
	float:right;
	height:100%;
	}
.page1 .page1_bottom .page1_show ul{
	width:100%;
	height:100%;
	}
.page1 .page1_bottom .page1_show  li{
	width:50%;
	float:left;
	height:53%;	
	text-align:center;
	}
.page1 .page1_bottom .page1_show  .b_line{
	}
.page1 .page1_bottom .page1_show  li img{
    width:80%;
	height:auto;
	margin-top:8%;
	}

/***内容部分***/
.control{
	width:100%;
	height:104px;
	margin-top:60px;
	background:#FFFFFF;
	}
.control .tips{
	width:13.3%;
	height:104px;
	float:left;
	background:#FFFFFF;
	}
.control .tips img{
	width:100%;
	height:auto;
	}
.control .content{
	width:86.5%;
	height:104px;
	float:left;
	background:#FFFFFF;
	}
.control .content .pic{
	width:20%;
	height:104px;
	float:left;
	}
.control .content .pic img{
	width:50px;
	height:auto;
    margin-top:27px;
	}
.control .content .desc{
	width:60%;
	height:104px;
	float:left;
	line-height:24px;
	}

.control .content .desc p{
	color:#777575;
	padding-left:10px;
	font-size:90%;
	}
.control .content .desc   .title{
	color:#231815;
	font-size:120%;
	padding-top:32px;
	
	}
.control .content .arrow{
	width:20%;
	height:100px;
	float:left;
	}
.control .content .arrow img{
	width:14px;
	height:auto;
	margin-top:45px;
	margin-left:35%;
	}

.communicate{
	width:100%;
	height:104px;
	background:#FFFFFF;
	}
.communicate .tips{
	width:13.3%;
	height:104px;
	float:left;
	background:#FFFFFF;
	}
.communicate .tips img{
	width:100%;
	height:auto;
	}
.communicate .content{
	width:86.5%;
	height:104px;
	float:left;
	background:#FFFFFF;
	}
.communicate .content .pic{
	width:20%;
	height:104px;
	float:left;
	}
.communicate .content .pic img{
	width:50px;
	height:auto;
    margin-top:27px;
	}
.communicate .content .desc{
	width:60%;
	height:104px;
	float:left;
	line-height:24px;
	}

.communicate .content .desc p{
	color:#777575;
	padding-left:10px;
	font-size:90%;
	}
.communicate .content .desc   .title{
	color:#231815;
	font-size:120%;
	padding-top:32px;
	
	}
.communicate .content .arrow{
	width:20%;
	height:104px;
	float:left;
	}
.communicate .content .arrow img{
	width:14px;
	height:auto;
	margin-top:45px;
	margin-left:35%;
	}

/***协作***/
.cooperation{width:100%;height:104px;background:#FFFFFF;}
.cooperation .tips{width:13.3%;height:104px;float:left;background:#FFFFFF;}
.cooperation .tips img{width:100%;height:auto;}
.cooperation .content{width:86.5%;height:104px;float:left;background:#FFFFFF;border-bottom:1px solid #f4f4f4}
.cooperation .content .pic{width:20%;height:104px;float:left;}
.cooperation .content .pic img{width:50px;height:auto;margin-top:27px;}
.cooperation .content .desc{	width:60%;height:104px;float:left;line-height:24px;}
.cooperation .content .desc p{color:#777575;padding-left:10px;font-size:90%}
.cooperation .content .desc   .title{color:#231815;font-size:120%;padding-top:32px;}
.cooperation .content .arrow{width:20%;height:104px;	float:left;}
.cooperation .content .arrow img{width:14px;height:auto;margin-top:45px;margin-left:35%;}

.cooperation2{width:100%;height:104px;background:#FFFFFF;}
.cooperation2 .tips{width:13.3%;height:104px;float:left;background:#FFFFFF;}
.cooperation2 .tips img{width:100%;height:auto;}
.cooperation2 .content{width:86.5%;height:104px;float:left;background:#FFFFFF;}
.cooperation2 .content .pic{width:20%;height:104px;float:left;}
.cooperation2 .content .pic img{width:50px;height:auto;margin-top:27px;}
.cooperation2 .content .desc{	width:60%;height:104px;float:left;line-height:24px;}
.cooperation2 .content .desc p{color:#777575;padding-left:10px;font-size:90%}
.cooperation2 .content .desc   .title{color:#231815;font-size:120%;padding-top:32px;}
.cooperation2 .content .arrow{width:20%;height:104px;float:left;}
.cooperation2 .content .arrow img{width:14px;height:auto;margin-top:45px;margin-left:35%;}

/***管理***/
.manage{width:100%;height:104px;background:#FFFFFF;}
.manage .tips{width:13.3%;height:104px;float:left;background:#FFFFFF;}
.manage .tips img{width:100%;height:auto;}
.manage .content{width:86.5%;height:104px;float:left;background:#FFFFFF;border-bottom:1px solid #f4f4f4}
.manage .content .pic{width:20%;height:104px;float:left;}
.manage .content .pic img{width:50px;height:auto;margin-top:27px;}
.manage .content .desc{	width:60%;height:104px;float:left;line-height:24px;}
.manage .content .desc p{color:#777575;padding-left:10px;font-size:90%}
.manage .content .desc   .title{color:#231815;font-size:120%;padding-top:32px;}
.manage .content .arrow{width:20%;height:104px;	float:left;}
.manage .content .arrow img{width:14px;height:auto;margin-top:45px;margin-left:35%;}

.manage2{width:100%;height:104px;background:#FFFFFF;}
.manage2 .tips{width:13.3%;height:104px;float:left;background:#FFFFFF;}
.manage2 .tips img{width:100%;height:auto;}
.manage2 .content{width:86.5%;height:104px;float:left;background:#FFFFFF;border-bottom:1px solid #f4f4f4}
.manage2 .content .pic{width:20%;height:104px;float:left;}
.manage2 .content .pic img{width:50px;height:auto;margin-top:27px;}
.manage2 .content .desc{	width:60%;height:104px;float:left;line-height:24px;}
.manage2 .content .desc p{color:#777575;padding-left:10px;font-size:90%}
.manage2 .content .desc   .title{color:#231815;font-size:120%;padding-top:32px;}
.manage2 .content .arrow{width:20%;height:104px;	float:left;}
.manage2 .content .arrow img{width:14px;height:auto;margin-top:45px;margin-left:35%;}

.manage3{width:100%;height:104px;background:#FFFFFF;}
.manage3 .tips{width:13.3%;height:104px;float:left;background:#FFFFFF;}
.manage3 .tips img{width:100%;height:auto;}
.manage3 .content{width:86.5%;height:104px;float:left;background:#FFFFFF;}
.manage3 .content .pic{width:20%;height:104px;float:left;}
.manage3 .content .pic img{width:50px;height:auto;margin-top:27px;}
.manage3 .content .desc{	width:60%;height:104px;float:left;line-height:24px;}
.manage3 .content .desc p{color:#777575;padding-left:10px;font-size:90%}
.manage3 .content .desc   .title{color:#231815;font-size:120%;padding-top:32px;}
.manage3 .content .arrow{width:20%;height:104px;	float:left;}
.manage3 .content .arrow img{width:14px;height:auto;margin-top:45px;margin-left:35%;}

/**只有班聊能做到**/
.only{width:100%;height:auto;}
.only .introduce{width:100%;height:100px;line-height:100px;text-align:center;font-size:150%;font-color:#231815;}
.only .case{width:80%;height:180px;margin-left:10%;}
.only .case .left{width:48%;height:100%;float:left;text-align:center;}
.only .case .left img{width:90%;height:auto;}
.only .case .right{width:48%;height:100%;float:right;text-align:center;}
.only .case .right img{width:90%;height:auto;}
.only .case p{padding-top:8px;color:#6d6c6c;font-size:100%;}

/**不止是他们在用**/
.user{width:100%;height:auto;}
.user .introduce{width:100%;height:100px;line-height:100px;text-align:center;font-size:150%;font-color:#231815;}
.user .case{width:88%;height:70px;margin-left:6%;}
.user .case .left{width:33.3%;height:100%;float:left;text-align:center;}
.user .case .left img{width:90%;height:auto;}

/**页面底部**/
.bottom{width:100%;height:45px;background:#FF5B23;margin-top:24px;}
.bottom .contact{width:100%;height:25px;}
.bottom .contact .t{color:rgba(255,255,255,.4);font-size:100%;}
.bottom .contact .num{color:rgba(255,255,255,1);font-size:100%;padding-left:10px;}
.bottom .contact .tel{width:49%;height:19px;margin-top:13px;line-height:19px;text-align:center;float:left; border-right:1px solid rgba(255,255,255,.4)}
.bottom .contact .qq{width:50%;height:19px;margin-top:13px;line-height:19px;text-align:center;float:left;}


/**轮播图片样式**/
*{margin:0;padding:0;list-style:none;border:0;}
.main_visual .close img{margin-top:12px;}
.windows{
	width:100%;height:100%;position:fixed;z-index:999;top:0;background:#000;
	overflow-y:hidden;
	/* older safari/Chrome browsers */  
	-webkit-opacity: 0.8;  
	/* Netscape and Older than Firefox 0.9 */  
	-moz-opacity: 0.8;  
	/* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
	-khtml-opacity: 0.8;  
	/* IE9 + etc...modern browsers */  
	opacity: .8;  
	/* IE 4-9 */  
	filter:alpha(opacity=80);  
	/*This works in IE 8 & 9 too*/  
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
	/*IE4-IE9*/  
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
/* 兼容iphone5 */
/**main_image**/
.main_visual{overflow:hidden;position:fixed;z-index:9999;width:80%;height:100%;margin-left:10%;top:80px;background:#FFFFFF;-moz-border-radius: 5px; /* Gecko browsers */-webkit-border-radius: 5px; /* Webkit browsers */border-radius:5px;}
.main_visual .close{height:36px;width:36px;position:absolute;text-align:center;z-index:9999999;right:2px;}
.main_image{height:120%;;overflow:hidden;position:relative;z-index:9999}
.main_image .slider_show{margin-top:8%;text-align:center;}
.main_image .slider_show  .ttt{font-size:150%;color:#322825;padding-bottom:6px;}
.main_image .slider_show  .ttt_small{color:#6B6B6B;font-size:80%;line-height:16px;}
.main_image .slider_show img{height:auto;width:80%;margin-top:8px;}

.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%;}
.main_image li .img_1{}
.main_image li .img_2{}
.main_image li .img_3{}
.main_image li .img_4{}
.main_image li .img_5{}


div.flicking_con{position:absolute;top:94%;left:50%;z-index:999999;width:250px;height:12px;margin:0 0 0 -40px;}
div.flicking_con a{float:left;width:12px;height:12px;margin:0;padding:0;background:url('../res/point_normal.png') 0 0 no-repeat;background-size:5px 5px;display:block;text-indent:-1000px}
div.flicking_con a.on{background:url('../res/point_hover.png') 0 0 no-repeat;background-size:5px 5px;}
.btn_prev,.btn_next{z-index:11111;position:absolute;display:block;width:24px!important;height:24px!important;top:45%;margin-top:-10px;}
.btn_prev{background:url(../res/page_arrow_left_normal.png) no-repeat left top;left:3%;background-size:24px 24px;}
.btn_prev:hover{background:url(../res/page_arrow_left_down.png) no-repeat left top;left:3%;background-size:24px 24px;}
.btn_next{background:url(../res/page_arrow_right_normal.png) no-repeat right top;right:3%;background-size:24px 24px;}
.btn_next:hover{background:url(../res/page_arrow_right_down.png) no-repeat right top;right:3%;background-size:24px 24px;}

}

@media only screen and (min-device-width :481px){ 
/**main_image**/
.main_visual{overflow:hidden;position:fixed;z-index:9999;width:80%;height:100%;margin-left:10%;top:80px;background:#FFFFFF;-moz-border-radius: 5px; /* Gecko browsers */-webkit-border-radius: 5px; /* Webkit browsers */border-radius:5px;}
.main_visual .close{height:36px;width:36px;position:absolute;text-align:center;z-index:9999999;right:2px;}
.main_image{height:120%;;overflow:hidden;position:relative;z-index:9999}
.main_image .slider_show{margin-top:8%;text-align:center;}
.main_image .slider_show  .ttt{font-size:150%;color:#322825;padding-bottom:6px;}
.main_image .slider_show  .ttt_small{color:#6B6B6B;font-size:80%;line-height:16px;}
.main_image .slider_show img{height:auto;width:80%;margin-top:8px;}

.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%;}
.main_image li .img_1{}
.main_image li .img_2{}
.main_image li .img_3{}
.main_image li .img_4{}
.main_image li .img_5{}


div.flicking_con{position:absolute;top:94%;left:50%;z-index:999999;width:250px;height:12px;margin:0 0 0 -40px;}
div.flicking_con a{float:left;width:12px;height:12px;margin:0;padding:0;background:url('../res/point_normal.png') center center no-repeat;background-size:5px 5px;display:block;text-indent:-1000px}
div.flicking_con a.on{background:url('../res/point_hover.png') center center no-repeat;background-size:5px 5px;}
.btn_prev,.btn_next{z-index:11111;position:absolute;display:block;width:24px!important;height:24px!important;top:45%;margin-top:-10px;}
.btn_prev{background:url(../res/page_arrow_left_normal.png) no-repeat left top;left:3%;background-size:24px 24px;}
/*.btn_prev:hover{background:url(../res/page_arrow_left_down.png) no-repeat left top;left:3%;background-size:24px 24px;}*/
.btn_next{background:url(../res/page_arrow_right_normal.png) no-repeat right top;right:3%;background-size:24px 24px;}
/*.btn_next:hover{background:url(../res/page_arrow_right_down.png) no-repeat right top;right:3%;background-size:24px 24px;}*/
}

@media only screen and (max-device-width :480px){
/**main_image**/
.main_visual{overflow:hidden;position:fixed;z-index:9999;width:80%;height:100%;margin-left:10%;top:80px;background:#FFFFFF;-moz-border-radius: 5px; /* Gecko browsers */-webkit-border-radius: 5px; /* Webkit browsers */border-radius:5px;}
.main_visual .close{height:36px;width:36px;position:absolute;text-align:center;z-index:9999999;right:2px;}
.main_image{height:120%;;overflow:hidden;position:relative;z-index:9999}
.main_image .slider_show{margin-top:8%;text-align:center;}
.main_image .slider_show  .ttt{font-size:150%;color:#322825;padding-bottom:6px;}
.main_image .slider_show  .ttt_small{color:#6B6B6B;font-size:80%;line-height:16px;}
.main_image .slider_show img{height:auto;width:80%;margin-top:8px;}

.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%;}
.main_image li .img_1{}
.main_image li .img_2{}
.main_image li .img_3{}
.main_image li .img_4{}
.main_image li .img_5{}


div.flicking_con{position:absolute;top:94%;left:50%;z-index:999999;width:250px;height:12px;margin:0 0 0 -40px;}
div.flicking_con a{float:left;width:12px;height:12px;margin:0;padding:0;background:url('../res/point_normal.png') center center no-repeat;background-size:5px 5px;display:block;text-indent:-1000px}
div.flicking_con a.on{background:url('../res/point_hover.png') center center no-repeat;background-size:5px 5px;}
.btn_prev,.btn_next{z-index:11111;position:absolute;display:block;width:24px!important;height:24px!important;top:45%;margin-top:-10px;}
.btn_prev{background:url(../res/page_arrow_left_normal.png) no-repeat left top;left:3%;background-size:24px 24px;}
/*.btn_prev:hover{background:url(../res/page_arrow_left_down.png) no-repeat left top;left:3%;background-size:24px 24px;}*/
.btn_next{background:url(../res/page_arrow_right_normal.png) no-repeat right top;right:3%;background-size:24px 24px;}
/*.btn_next:hover{background:url(../res/page_arrow_right_down.png) no-repeat right top;right:3%;background-size:24px 24px;}*/
}

/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ 
.main_image .slider_show img{height:auto;width:80%;margin-top:8px;}
}

/*6+*/
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ 
.main_image .slider_show img{height:auto;width:80%;margin-top:8px;}
}

/*魅族*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ }

/*mate7*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){ }

/*4 4s*/
@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ 
/**main_image**/
.header_top{width:100%;height:50px;background:#FFFFFF;position:fixed;z-index:99;}
.header_top .logo img{width:auto;height:24px;margin-top:10px;padding-left:20px;} 
.header_top .slogan img{width:130px;heihgt:auto;margin-top:20px;padding-right:20px;}
.alp40{position:fixed;z-index:9999;top:50px;width:100%;height:30px;border-top:1px solid #cecece;display:none;}
.page1{top:50px;}

.main_visual{overflow:hidden;position:fixed;z-index:9999;width:80%;height:100%;margin-left:10%;top:80px;background:#FFFFFF;-moz-border-radius: 5px; /* Gecko browsers */-webkit-border-radius: 5px; /* Webkit browsers */border-radius:5px;}
.main_visual .close{height:36px;width:36px;position:absolute;text-align:center;z-index:9999999;right:2px;}
.main_image{height:120%;;overflow:hidden;position:relative;z-index:9999}
.main_image .slider_show{margin-top:5%;text-align:center;}
.main_image .slider_show  .ttt{font-size:150%;color:#322825;padding-bottom:4px;}
.main_image .slider_show  .ttt_small{color:#6B6B6B;font-size:80%;line-height:14px;}
.main_image .slider_show img{height:auto;width:65%;margin-top:-12px;}

.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%;}
.main_image li a{display:block;width:100%;height:100%;}
.main_image li .img_1{}
.main_image li .img_2{}
.main_image li .img_3{}
.main_image li .img_4{}
.main_image li .img_5{}


div.flicking_con{position:absolute;top:94%;left:50%;z-index:999999;width:250px;height:12px;margin:0 0 0 -40px;}
div.flicking_con a{float:left;width:12px;height:12px;margin:0;padding:0;background:url('../res/point_normal.png') center center no-repeat;background-size:5px 5px;display:block;text-indent:-1000px}
div.flicking_con a.on{background:url('../res/point_hover.png') center center no-repeat;background-size:4px 4px;}

#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:20px!important;height:20px!important;top:45%;margin-top:-10px;}
#btn_prev{background:url(../res/page_arrow_left_normal.png) no-repeat left top;left:3%;background-size:20px 20px;}
#btn_prev:active{background:url(../res/page_arrow_left_down.png) no-repeat left top;left:3%;background-size:20px 20px;}
#btn_next{background:url(../res/page_arrow_right_normal.png) no-repeat right top;right:3%;background-size:20px 20px;}
#btn_next:active{background:url(../res/page_arrow_right_down.png) no-repeat right top;right:3%;background-size:20px 20px;}
}