@CHARSET "UTF-8";

/*通用样式*/
input[type="button"]{
    cursor: pointer;
}
    .spanbgcblue {
        background: #008bff;
    }
    
    .spanbgcorange {
        background: #ff6600;
    }
    
    .spanbgcgray {
        background: #8e98aa;
    }
    
    input[type="button"] {
        cursor: pointer;
    }
    
    .btnbggray {
        background: #8e98aa;
    }
    
    .btnbggray:hover {
        background: #7988a2;
    }
    
    .textcorg {
        color: #ff6600;
    }
    
    .textred {
        color: #ff5555;
    }
    
    .textgreen {
        color: #00b319;
    }
    
.allprotitlebox {
        width: 100%;
        height: 60px;
    }
    
    .allprotitle {
        width: 1200px;
        margin: 0 auto;
        font-size: 20px;
        color: #1a1a1a;
        line-height: 60px;
    }

.bgblue {
        background: #48a1ff;
    }
    
    .bgblue:hover {
        background: #008bff;
    }



/*导航右侧*/
   .toppic{
	    float: right;
	    position: relative;
	    width: 60px;
	    height: 70px;
	    margin-top: -4px;
   }
    
    .topimg img {
        width: 36px;
        height: 36px;
        background: none;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        margin-top: 20px;
        float: left;
    }
    
    .topimg1 {
        width: 36px;
        height: 36px;
        background: #b2b2b2;
        -moz-border-radius: 18px;
        -webkit-border-radius: 18px;
        border-radius: 18px;
        float: left;
    }
    
    .topfont{
	    font-family: 微软雅黑;
	    font-size: 14px;
	    color: #ffffff;
	    float:left;
	    margin-top:0;
	    margin-left: 5px;
	}
    @media \0screen\,screen\9{
	.topfont{
		margin-left:8px;
	}
}
    
    .personInformation{
	  height:235px;
	  width:170px;
	  border-radius:3px;
	  background:#23262a;
	  display:none;
	  color:#ffffff;
	  position: absolute;
	  top: 70px;
	  left: -110px;
	  z-index:10000;
	}
    
    .pinfo {
        font-family: 微软雅黑;
        font-size: 12px;
        color: #bfbfbf;
        padding-right: 3px;
        line-height: 26px;
        padding-top: 13px;
        padding-left: 18px;
    }
    
    .pinfo1 {
        font-family: 微软雅黑;
        font-size: 12px;
        padding-right: 3px;
        line-height: 26px;
        padding-top: 10px;
        padding-left: 20px;
        color: #fff;
    }
    .pinfo1 a{ color: #fff; cursor:pointer; }
    .pinfo1 a em{ color:#ca1d18 }
    .pinfo1 a:hover{ color:#bfbfbf}





    .pline {
    	height:1px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 10px;
        width: 140px;
        border-top: 1px solid #414141;
    }
    
    .perInfoButbox{
		width:140px;
		height:40px;
		margin-left:15px;
	}
    .pbt {
        font-family: 微软雅黑;
        font-size: 12px;
        color: #ffffff;
        background: #23262a;
        height: 15px;
        width: 30px;
        border-radius: 3px;
		margin-top: 10px;
        /* margin-left: 63px; */
        cursor:pointer;
    }
    .pbt-left{float:left}
	.pbt-right{float:right}
	
    .ipt1 {
	    float: left;
	    width: 80px;
	    height: 18px;
	    font-size: 14px;
	    color: #fff;
	    font-family: 微软雅黑;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    background: none;
	    margin-right: 6px;
	    border: none;
	    text-align:left;
	    margin-left:18px;
	    margin-top: 10px;
	}
    
    .topnavbox {
        width: 100%;
        height: 70px;
        background: #23262a;
    }
    
    .topnav {
        width: 1200px;
        margin: 0 auto
    }
    
    .topnav .floatleft {
        line-height: 68px;
    }
    
    .topnav .floatleft a {
        font-size: 16px;
        color: #fff;
        padding-bottom: 21px;
        margin-right: 58px;
    }
    .topnav .floatleft .current{
        border-bottom: 4px solid #008bff;
    }
    
    .topnav .floatleft a img {
        float: left;
        margin-top: 12px;
    }
    
    .topnav .floatleft a:hover {
        color: #008bff;
        border-bottom: 4px solid #008bff;
    }
    
    .topnav .floatright .nologin a {
        line-height: 68px;
        padding: 0px 32px;
        display: inline-block;
        height: 68px;
        color: #fff;
        font-size: 16px;
    }
    


.banner {
	width: 100%;
	height: 470px;
	min-width: 1200px;
	position: relative;
	overflow: hidden;
}

.banner .tcebanner {
	width: 100%;
	height: 470px;
	overflow: hidden;
}

.banner .tcebanner .wrap {
	width: 18000px;
	height: 470px;
	overflow: hidden;
	position: relative;
}

.banner .tcebanner .wrap ul {
	height: 470px;
	position: absolute;
}

.banner .tcebanner .wrap ul li {
	float: left;
	height: 470px;
}

.banner .tcebanner .wrap ul li.first {
	background: url(../images/banner/alltestingMR.png) no-repeat center;
}

.banner .tcebanner .wrap ul li.second {
	background: url(../images/banner/alltestingZSZJ.png) no-repeat center;
}

.banner .tcebanner .wrap ul li.last {
	background: url(../images/banner/alltestingZhengjiIOS.png) no-repeat center;
}

.banner .tcebanner .wrap ul li.last2 {
	background: url(../images/banner/alltestingRenZhen.png) no-repeat center;
}

.banner .tcebanner .wrap ul li.last3 {
	background: url(../images/banner/webPRbanner.png) no-repeat center;
	/* background: url(../images/banner/tcebanner.png) no-repeat center; */
}

.banner .tcebanner .wrap ul li.last4 {
 	background: url(../images/banner/webPRbanner.png) no-repeat center;
}

.banner .tcebanner .wrap ul li a {
	display: block;
	width: 100%;
	height: 100%;
}

.banner .tcebanner .control {
	position: absolute;
	left: 40%;
	/** margin-left: 50px; */
	bottom: 30px;
}

.banner .tcebanner .control ul li {
	cursor: pointer;
	float: left;
	margin: 0 5px;
	width: 50px;
	height: 15px;
	background: #FFFFFF;
	border-radius: 7px;
}

.banner .tcebanner .control ul li.now {
	background: #48a1ff;
}

.banner .leftNav {
	width: 220px;
	height: 470px;
	color: #FFFFFF;
	position: relative;
	top: -470px;
}

.banner .leftNav .bg {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	z-index: 1;
}

.banner .leftNav .bt {
	width: 100%;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: #232229\9;
	background: rgba(0, 0, 0, .3);
}

.banner .leftNav .bt p {
	font-size: 14px;
	color: #FFFFFF;
	margin-left: 20px;
}

.banner .leftNav ul {
	position: relative;
	padding-top: 50px;
	z-index: 10;
}

.banner .leftNav ul li {
	font-size: 16px;
	color: #FFFFFF;
	width: 100%;
	height: 70px;
	line-height: 70px;
	cursor: pointer;
}

.banner .leftNav ul li .leftPic {
	float: left;
	margin: 22px 15px 22px 20px;
}

.banner .leftNav ul li .more {
	float: right;
	margin: 26px 20px;
}

.banner .leftNav ul li .moreDetails {
	position: absolute;
	right: -420px;
	width: 420px;
	background: #FFFFFF;
	line-height: 25px;
	box-shadow: 0 0 2px #ccc;
	display: none;
	padding: 22px 0;
}

.banner .leftNav ul li .moreDetails a {
	font-size: 14px;
	color: #313131;
	margin-left: 15px;
	display: inline-block;
}

.banner .leftNav ul li .moreDetails a:hover {
	color: #48a1ff;
}

.banner .leftNav ul li .moreDetails p {
	font-size: 14px;
	color: #313131;
	margin-left: 15px;
}

.banner .leftNav ul li .more1 {
	top: 50px;
}

.banner .leftNav ul li .more2 {
	top: 120px;
}

.banner .leftNav ul li .more3 {
	top: 190px;
}

.banner .leftNav ul li .more4 {
	top: 260px;
}

.banner .leftNav ul li .more5 {
	top: 330px;
}

.banner .leftNav ul li .more6 {
	bottom: 0;
}

.section2 .step2 {
	margin-top: 60px;
}

.section2 .step2 ul li {
	width: 48%;
}

.section2 .step2 ul .step2_item{
	position: relative;
	box-sizing: border-box;
	background: #fff;
    margin: 9px 9px;
    padding: 24px 29px 30px;
    box-shadow: 0 0 10px 2px rgba(40, 138, 204, 0.16);
    -webkit-box-shadow: 0 0 10px 2px rgba(40, 138, 204, 0.16);
    text-align: center;
}
.section2 .step2 ul .step2_item .cover{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: rgba(0,0,0,0.7);
	border-radius: 5px;
	padding-top: 60px;
	opacity: 0;
	transition: all 0.4s;
	filter:alpha(opacity=0);
	-moz-transition: all 0.4s;
	/* Firefox 4 */
	-webkit-transition: all 0.4s;
	/* Safari 和 Chrome */	
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg); 	/* IE 9 */
	-moz-transform:rotateY(180deg); 	/* Firefox */
	-webkit-transform:rotateY(180deg); /* Safari 和 Chrome */
	-o-transform:rotateY(180deg);
}
.section2 .step2 ul .step2_item:hover .cover{
	filter:alpha(opacity=100);
	opacity: 1;
	-o-transition: all 0.4s;
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg); 	/* IE 9 */
	-moz-transform:rotateY(360deg); 	/* Firefox */
	-webkit-transform:rotateY(360deg); /* Safari 和 Chrome */
	-o-transform:rotateY(360deg);
}
.section2 .step2 ul .step2_item .cover h1{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 90px;
}
.section2 .step2 ul .step2_item .cover .line{
	width: 60%;
	height: 1px;
	background: #fff;
	text-align: center;
	margin: 0 auto;
}
.section2 .step2 ul .step2_item .cover h2{
	font-size: 18px;
	color: rgba(255,255,255,0.9);
	line-height: 80px;
	font-weight: lighter;
}
.section2 .step2 ul .step2_item img{
	width: 150px;
}
.section2 .step2 ul .step2_item h3{
	font-size: 21px;
    line-height: 39px;
    padding-bottom: 12px;
    color: #233b6f;
}
.section2 .step2 ul .step2_item p{
	font-size: 15px;
    color: #748598;
    line-height: 29px;
}

.section2 .step2_left {
	width: 200px;
	margin-right: 20px;
	float: left;
}

.section2 .step2_right {
	width: 330px;
	float: left;
}

.section2 .step2_right h4 {
	font-size: 24px;
	color: #292929;
	margin-top: 20px;
}

.section2 .step2_right p {
	font-size: 14px;
	color: #535353;
	line-height: 30px;
	margin-top: 15px;
}

.section2 .step3 {
	margin-top: 40px;
	background: url(../images/bj.png) no-repeat center center;
}

.five-man {
	padding-top: 80px;
	padding-bottom: 80px;
}

.five-man .fmheader {
	margin-top: 0;
	margin-bottom: 100px
}

.five-man .fmxscontent {
	display: none
}

.five-man .fmframe {
	height: 150px;
}

.five-man .one {
	width: 20%;
	float: left;
}

.text-center {
	text-align: center;
}

.five-man .fmcontent {
	background: url(../images/dhk.png) top no-repeat;
	width: 244px;
	height: 120px;
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	padding-top: 14px
}

.five-man .fmcontent p {
	color: #212121;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	display: block;
	margin: 0 10px
}

.five-man img {
	cursor: pointer;
	height: 95px;
	display: block;
	margin: auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%)
}

.five-man .active {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%)
}

.five-man .fmname {
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: #7a7a7a
}

.five-man .fmbutton {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 100px
}

.five-man .fmbutton h4 {
	line-height: 24px
}

.five-man a {
	display: inline-block;
	margin-top: 50px;
	color: #006ec3;
	border: 1px solid #006ec3;
	font-weight: 400;
	font-size: 16px
}

.five-man a:hover {
	background-color: #006ec3;
	color: #fff;
	opacity: 1
}

.section3 {
	width: 100%;
	min-width: 1200px;
	height: 875px;
	background-color: #f7f7f7;
}

.section3_solution {
	margin-top: 70px;
}

.section3_solution ul {
	width: 1200px;
	margin: 0 auto;
}

.section3_solution>ul>li {
	float: left;
}

.section3_solution ul .left {
	width: 252px;
	text-align: right;
}

.section3_solution ul .left ul {
	width: 252px;
}

.section3_solution ul .left ul li {
	margin-bottom: 40px;
	margin-top: 20px;
}

.section3_solution ul .left ul li h5 {
	font-size: 20px;
	color: #303d58;
	margin-bottom: 15px;
}

.section3_solution ul .left ul li p {
	font-size: 16px;
	color: #879ab0;
}

.section3_solution ul .mid {
	width: 670px;
	position: relative;
}

.section3_solution .mid {
	animation: 6s ease-in-out 0.25s;
}

.section3_solution ul .mid .mid_left .l1 {
	position: absolute;
	top: 50px;
	left: 20px;
}

.section3_solution ul .mid .mid_left .l2 {
	position: absolute;
	top: 170px;
	left: 20px;
}

.section3_solution ul .mid .mid_left .l3 {
	position: absolute;
	top: 300px;
	left: 20px;
}

.section3_solution ul .mid_right .r1 {
	position: absolute;
	top: 50px;
	right: 0px;
}

.section3_solution ul .mid_right .r2 {
	position: absolute;
	top: 170px;
	right: 0px;
}

.section3_solution ul .mid_right .r3 {
	position: absolute;
	top: 300px;
	right: 0px;
}

.section3_solution ul .mid .mid_mid {
	width: 500px;
	margin: 0 auto;
}

.section3_solution ul .right {
	width: 252px;
	text-align: left;
	float: right;
}

.section3_solution ul .right ul {
	width: 252px;
}

.section3_solution ul .right ul li {
	margin-bottom: 40px;
	margin-top: 20px;
}

.section3_solution ul .right ul li h5 {
	font-size: 20px;
	color: #303d58;
	margin-bottom: 15px;
}

.section3_solution ul .right ul li p {
	font-size: 16px;
	color: #879ab0;
}

.section4 {
	width: 100%;
	height: 660px;
}

.section4_servers {
	width: 1200px;
	margin: 0 auto;
}

.section4_servers ul li {
	text-align: center;
	float: left;
	width: 220px;
	padding: 0 40px;
	margin-top: 60px;
}

.section4_servers ul li h5 {
	font-size: 20px;
	font-weight: bold;
	color: #303d58;
	margin-top: 25px;
}

.section4_servers ul li p {
	font-size: 16px;
	color: #879ab0;
	margin-top: 20px;
	line-height: 30px;
}

.section5 {
	width: 100%;
	min-width: 1200px;
	height: 709px;
	background: url(../images/bg.png) no-repeat center center;
}

.section6 {
	width: 100%;
   	padding: 60px 0px;
   	box-sizing: border-box;
   	text-align: center;
   	background: url(../images/userBoxBg.jpg) no-repeat center center;
}

.section6 h1{
    font-size: 24px;
    color: #fff;
    text-align: center;
}

.section6 .user-img{
    margin: 60px 0px;
}

.section6 .user-link{
    display: block;
    height: 35px;
    width: 180px;
    margin: 0 auto;
    border-radius: 2px;
    background-color: #00a4ff;
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    outline: 0;
    box-sizing: border-box;
}

.show03box {
	width: 100%;
}

.show03-topimg {
	margin-bottom: 40px;
}

.show03 {
	width: 1200px;
	margin: 0 auto;
	padding-top: 60px;
	padding-bottom: 60px;
}

.show03-title h1 {
	width: 106px;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	padding-bottom: 33px;
	border-bottom: 3px solid #666666;
}

.show03-title span {
	width: 1200px;
	display: block;
	height: 1px;
	background: #eeeeee;
}

.show03-content-a {
	width: 257px;
	height: 170px;
	border: 1px solid #d9d9d9;
	margin: 36px 20px 0px 20px;
}

.show03-content-a:hover {
	border-color: #008bff;
	box-shadow: 0px 0px 5px #008bff;
}

.show03-content-a-a {
	width: 218px;
	margin: 15px auto 0px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d9d9d9;
}

.show03-content-a-a h1 {
	font-size: 18px;
	color: #008bff;
	line-height: 35px;
	margin-left: 10px;
}

.show03-content-a-a span {
	display: block;
	width: 26px;
	height: 26px;
	background: #f6f7fb;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	color: #008bff;
	margin-top: 4px;
	line-height: 26px;
	text-align: center;
}

.show03-content-a p {
	margin-left: 25px;
	margin-top: 20px;
	width: 215px;
	word-wrap: normal;
	line-height: 25px;
	font-size: 14px;
	color: #878787;
}

.show03-title1 h1 {
	float: right;
	width: 106px;
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	padding-top: 33px;
	border-top: 3px solid #666666;
}

.show03-title1 span {
	width: 1200px;
	margin-top: 36px;
	display: block;
	height: 1px;
	background: #eeeeee;
}


.footerbox{ width: 100%; background: #333333;position: relative;z-index: 1000; }
.footer{ width: 1200px; margin: 0 auto; padding:50px 0px; }
.footer-a{ margin-left: 70px; }
.footer-a h1{ font-size: 14px; color: #ffffff; margin-bottom: 10px; }
.footer-a a{ font-size: 12px; color: #767575;line-height: 26px; display: block }
.footer-a img{ margin-top: 10px; }
.footer-line{ width: 1px; height: 138px; background: #504f4f; margin-left: 70px; }
.footer-a h2{ font-size: 32px; font-family: "方正姚体";color: #fff; }
.footer-a h3{ font-size: 14px; color: #7e7e7e; margin-top: 10px; }
.footer-a h4{ padding: 12px; font-size: 14px; color: #008bff; border: 1px solid #008bff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  margin-top: 20px;}
.footer-a h4 img{ margin-top: 3px; margin-right: 10px; }
.footerinfo{ width: 100%; height: 50px; background: #2c2c2c; line-height: 50px; color: #898989; text-align: center; }

a{ text-decoration:none; }
.footer-divide{
	width: 1200px;
	margin: 0 auto;
	border-bottom: 1px solid #474747;
}
.footer-link-con{
	width:1200px;
	margin: 0 auto;
	padding: 15px 0 40px 20px;
}
.footer-link-con >a{
	font-size:12px;
	display:inline-block;
	padding-left: 35px;
	line-height: 26px;
	color: #767575;
}
.footer-link-con >ul>li:nth-of-type(odd){
	background-color:pink;
}

 
 /*第三方服务*/
 .serviceboxHr{
   width: 100%;
  border-top:1px solid #5e5e5e;
 }
.servicebox{
  width: 100%;
  background: url(../images/dsf.png) no-repeat scroll center center;
} 
.servicebox .serviceboxleft
	{
	 width: 1200px;
     margin: 0 auto;
     margin-top:106px; 
	}
.servicebox .serviceboxleft span{
	  color:#fff;
	  font-size:30px;
	  font-family:微软雅黑;		 
}
.servicebox .serviceboxleft .s1{
	  color:#e1e1e1;
	  font-size:17px;
	  font-family:微软雅黑;
	  margin-top:12px;		
}
.servicebox .serviceboxleft input{
padding: 0px 20px;
border: 1px solid #e1e1e1;
color:#e1e1e1;
font-size: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 40px;
height: 40px;
background: none;
cursor: pointer;
margin-bottom:58px;
}
.servicebox .serviceboxleft input:hover{
	 background: #76bcff;
     color: #fff;
	}
.serviceboxcheckbox{  
     background:#3d3d3d;
     height:51px;
     opacity:0.8;
}
.serviceboxcheckbox span{    
      color:#fff;
	  font-size:17px;
	  font-family:微软雅黑; 
	  line-height:50px; 
	  padding:14px 66px; 		
}	
.bgc{
  background:#929292;
}
.serviceboxmidbox{
   width: 100%;
   background:#fff;
}
.serviceboxmid{
  width:1200px;
  margin: 0 auto;
  margin-top:43px;
}
.midbox{
  height:260px;
  width:342px;
  border:1px solid #ccc;
  padding:28px 20px;
  float:left;
}
.serviceboxmidbox .serviceboxmid .midbox span{
	  color:#1a1a1a;
	  font-size:24px;
	  font-family:微软雅黑; 
}
	
.serviceboxmidbox .serviceboxmid .midbox .s2{
  margin-top:15px;
  color:#535353;
  font-size:12px;
  font-family:微软雅黑;
  line-height:24px;
  height:80px;  
}
.serviceboxmidbox .serviceboxmid .midbox .s3{
	height:150px;
	margin-top:10px;
	float:left;
}
.s3 img{
	float:right;
}
 .midbox input{
padding: 0px 20px;
border: 1px solid #008bff;
color:#008bff;;
font-size: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 40px;
height: 40px;
background:#fff; 
cursor: pointer;
margin-bottom:58px;
float:left;
}
 .midbox input:hover{
	 background: #008bff;
     color: #fff;
	}
.serviceboxmid1box{
   width: 100%;
   background:#f5f5f5;
   padding-bottom:67px;
}	
.serviceboxmid1{
  width:1200px;
  margin: 0 auto;
  overflow:hidden;
}
.serviceboxmid1 span{
 line-height:67px;
 color:#1a1a1a;
 font-size:30px;
 font-family:微软雅黑;
}
.serviceboxmid1 .s3{
 color:#b9b9b9;
 font-size:17px;
 font-family:微软雅黑;
 margin-bottom:48px;
}
.boximg{
 overflow:hidden;
 float:left

}
.imgfont{
 width:378px;
 height:335px;
 border:1px solid #ccc;
}
.boximg p{
 letter-spacing: 2px;
 word-spacing:25px;
 white-space: normal;
 padding:30px 97px;
 color:#535353;
 font-size:16px;
 font-family:微软雅黑;
 line-height:30px;
}
    .serviceboxcheckbox span {
        cursor: pointer;
    }
    .midbox:hover{ border-color:#008bff; box-shadow: 0px 0px 5px #008bff; -webkit-box-shadow: 0px 0px 5px #008bff ;-moz-box-shadow: 0px 0px 5px #008bff;  }
    .serviceboxmidbox-b{ width: 114px; margin:30px auto; overflow: hidden;  }
    .serviceboxmidbox-b span{width: 26px; height: 4px;display: block; background: #bce1ff; margin:0px 6px; float: left; }
    .serviceboxmidbox-b .current{ background: #008bff; }
    .backtop{ width: 38px; height: 38px;background:url(../images/backtop.png) no-repeat scroll center center; position: fixed; right: 0px; bottom: 15%; background-color: #48a1ff; cursor: pointer; display: none; }
    .backtop:hover{ background-color: #008bff; }
    .show04-content-a-a-1box{ width: 2880px; margin-left:-960px; }
        .show04-content-a-a-1{ float: left; width: 960px; }
        .show04-content-a-a{ overflow: hidden; }
         .serviceboxmid-a {
        width: 1200px;
        height: 510px;
        margin: 43px auto 0px;
    }
    
    .serviceboxmid-a-a {
        width: 388px;
        height: 250px;
        border: 1px solid #eee;
        float: left;
        margin-top: 40px;
    }
    
    .serviceboxmid-a-a:hover {
        border-color: #008bff;
        box-shadow: 0px 0px 5px #008bff;
    }
    
    .serviceboxmid-a-a .content {
        float: left;
        margin: 25px 0px 0px 20px;
    }
    
    .serviceboxmid-a-a img {
        margin: 40px 10px 0px 30px;
    }
    
    .serviceboxmid-a-a .content h1 {
        font-size: 16px;
        color: #1a1a1a;
        margin-bottom: 15px;
    }
    
    .serviceboxmid-a-a .content p {
        font-size: 14px;
        color: #545454;
        width: 208px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    
    .serviceboxmid-a-a .content input {
        width: 100px;
        height: 28px;
        background: #fc6720;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
    }
    
    .serviceboxmid-a-a .content input:hover {
        background: #ff5808;
    }
    
    .serviceboxmidbox-a .content-p {
        clear: both;
        font-size: 24px;
        width: 1200px;
        margin: 0 auto;
        text-align: center;
        line-height: 44px;
        color: #535353;
        padding-top: 80px;
    }

.serviceboxmid-b{ width: 1200px; height: 510px; margin: 43px auto 0px;}
.serviceboxmid-b-a{ width: 260px; padding: 60px 20px 0px; float: left; }
.serviceboxmid-b-a img{ width: 48px; margin: 0 auto; text-align: center; margin-left: 106px; margin-bottom: 20px; }
.serviceboxmid-b-a h1{ font-size: 18px; color: #008bff; text-align: center; margin-bottom: 10px; }
.serviceboxmid-b-a p{ width: 260px; line-height: 24px; font-size: 14px; text-align: center; color: #535353; }

/* 测试工具*/
.toolbox{
 width:100%;
 background:#f8fcff;
}
.toolboxmid{
  width:1200px;
  margin: 0px auto;
  margin-top:58px;
  overflow:hidden;
  margin-bottom:81px;
}
.text{
  margin-left:178px;
 margin-top:53px;
  color:#19191a;
 font-size:28px;
 font-family:微软雅黑;
 padding-left:0px;
 float:left;
}
.text p{
 line-height:30px;
 color:#535353;
 font-size:15px;
 font-family:微软雅黑;
 padding-top:25px;
}
.text input{
padding: 0px 26px;
border: 1px solid #008bff;
color:#008bff;
font-size: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 40px;
height: 32px;
background: none;
cursor: pointer;
margin-bottom:58px;
float:left;
}
.text input:hover{
	 background: #008bff;
     color: #fff;
	}
.toolline{
  width:1200px;
  margin:0px auto;
  border-top:1px solid #bfd4e4;
}	
.text1{
 
  color:#19191a;
 font-size:28px;
 font-family:微软雅黑;
 padding-left:0px;
 float:left;
}
.text1 p{
 line-height:30px;
 color:#535353;
 font-size:15px;
 font-family:微软雅黑;
 padding-top:25px;
}
.text1 input{
padding: 0px 26px;
border: 1px solid #008bff;
color:#008bff;
font-size: 18px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 40px;
height: 32px;
background: none;
cursor: pointer;
margin-bottom:58px;
float:left;
}
.text1 input:hover{
	 background: #008bff;
     color: #fff;
	}
.toolmid1{
  width:1200px;
  margin: 0px auto;
  margin-top:78px;
  overflow:hidden;
}	
.toolmid1 span{
 color:#lalala;
 font-size:30px;
 font-family:微软雅黑;
}
.toolmid1 .md{
 color: #b9b9b9;
font-size: 17px;
font-family: 微软雅黑;
margin-bottom: 83px;
margin-top:14px;
}
.tooltab{
  width:1200px;
  margin: 0px auto;
  overflow:hidden;
  position:relative;
   
}
.tooldiv{
 height:433px;
 width:282px;
 background:#fff;
 border:1px solid #e4ecf3;
  float:left;
}
.tooldiv span
{
 color: #1a1a1a;
 font-size: 20px;
 font-family: 微软雅黑;
 font-weight:bold;
 padding-left:32px;
	}
.tooldiv .op{
 color: #1a1a1a;
 font-size: 17px;
 font-family: 微软雅黑;
 padding-left:32px;
 line-height:40px;
}
.tooldiv p{
 white-space: normal;
 padding:0px 25px 0px 20px;
 color:#535353;
 font-size:12px;
 font-family:微软雅黑;
 line-height:27px;
}
.tooldiv input{
	padding: 0px 70px;
	border: 1px solid #008bff;
	color:#008bff;
	font-size: 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 59px;
	margin-left:32px;
	height: 32px;
	background: none;
	cursor: pointer;
	margin-bottom:58px;
	float:left;
}
.tooldiv input:hover{
 	background: #008bff;
    color: #fff;
}
.toolcirlce{
  width:1200px;
  margin: 0px auto;
  margin-top:72px;
  margin-bottom:88px;
}	
.toolyq{
	width: 8px;
	height: 8px;
	background:#008bff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-left:582px;
	float:left;
}
.toolyq1{
 	width: 8px;
	height: 8px;
	background:#bce1ff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-left:18px;
	float:left;
}
.toolmid1 {
    margin-bottom: 40px;
}

.tooltab {
    position: relative;
}

.tooldiv {
    margin-right: 21px;
}

.toolbuttonL {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -35px;
    cursor: pointer;
}

.toolbuttonR {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -35px;
    cursor: pointer;
}

.tooldivbox {
    width: 1830px;
    margin-left: -305px;
}
    
/*公告*/
 .noticebox {
    width: 100%;
}

.notice {
    width: 1200px;
    margin: 0 auto 30px;
    min-height: 800px;
}

.notice .table thead {
    background: #f4f4fa;
}

.notice .table thead th {
    line-height: 40px;
    font-size: 16px;
    color: #707070;
    font-weight: bold;
    padding-left: 40px;
    border-bottom: none
}

.notice .table tbody tr td {
    line-height: 50px;
    padding-left: 40px;
    border-bottom: 1px solid #f5f5f5;
    border-top: none;
    white-space: nowrap;
}
.notice .table tbody tr td .txtblue{ color: #008bff; }

.notice-type {
    font-size: 16px;
    color: #707070;
}

.noticea {
    font-size: 16px;
    color: #707070;
    width:95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:inline-block;
    
}


 .dataTables_wrapper .dataTables_paginate {
    text-align: left;
}


/*新增排行榜样式*/
.ranking {
	height: 420px;
	padding-top: 70px;
}

.rankingLeft {
	width: 680px;
	height: 420px;
	float: left;
	border: 1px solid #dcdcdc;
}

.rankingLeft .rLtop {
	width: 100%;
	height: 200px;
	background: url(../images/rankingL.png) no-repeat;
}

.rankingLeft .rLtop .explain {
	float: right;
	margin-top: 20px;
	margin-right: 40px;
	font-size: 14px;
	color: #f5c21d;
}

.rankingLeft .rLtop ul {
	width: 100%;
	padding-top: 40px;
}

.rankingLeft .rLtop ul li {
	height: 30px;
	line-height: 25px;
	margin: 8px 0;
	font-size: 14px;
	color: #FFFFFF;
}

.rankingLeft .rLtop ul li.listTop {
	color: #ffca20;
}

.rankingLeft .rLtop ul li span,
.rankingLeft .rBottom ul li span {
	display: inline-block;
	width: 60px;
	font-size: 14px;
	margin: 0 22px;
	text-align: center;
}

.rankingLeft .rLtop ul li.listTop span.userName {
	display: inline-block;
	width: 130px;
	margin-left: 70px;
}

.rankingLeft .rLtop ul li .userName,
.rankingLeft .rBottom ul li .userName {
	display: inline-block;
	width: 130px;
	margin-left: 0;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rankingLeft ul li .sign {
	width: 36px;
	height: 30px;
	float: left;
	margin-left: 27px;
	margin-right: 7px;
}

.rankingLeft ul li .sign img {
	margin-left: 6px;
}

.rankingLeft .rLtop ul li .gold {
	background: url(../images/gold.png) no-repeat 0px 0px;
}

.rankingLeft .rLtop ul li .silver {
	background: url(../images/silver.png) no-repeat 0px 0px;
}

.rankingLeft .rLtop ul li .copper {
	background: url(../images/copper.png) no-repeat 0px 0px;
}

.rankingLeft .rBottom {
	height: 220px;
	overflow-x: hidden;
	overflow-y: auto;
}

.rankingLeft .rBottom ul li {
	height: 30px;
	line-height: 25px;
	margin: 8px 0;
	font-size: 14px;
	color: #313131;
}


/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
.rBottom::-webkit-scrollbar {
	width: 7px;
	height: 10px;
	background-color: #f5f5f5;
}


/*定义滚动条的轨道，内阴影及圆角*/
.rBottom::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	border-radius: 10px;
	background-color: #e6eaed;
}


/*定义滑块，内阴影及圆角*/
.rBottom::-webkit-scrollbar-thumb {
	/*width: 10px;*/
	height: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #23262a;
}
.rankingRight {
	width: 480px;
	height: 420px;
	float: right;
	border: 1px solid #dcdcdc;
	overflow: hidden;
}

.rankingRight .news ul {
	margin-top: 7px;
}

.rankingRight .news li {
	width: 440px;
	margin: 0 20px;
	height: 42px;
	line-height: 40px;
}

.rankingRight .news li span {
	font-size: 14px;
	color: #a0a0a0;
	float: left;
}

.rankingRight .news li a {
	line-height: 40px;
	float: left;
	display: inline-block;
	width: 290px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	color: #000000;
	margin-right: 10px;
}

.rankingRight .news li a:hover {
	text-decoration: underline;
}


/*公告详情*/
.noticedetail{ background: #fff; }
.noticeheader_titlebox{ width: 100%; height: 60px; background: #f5f5f5;}
.noticeheader_title{ width: 1200px; height: 60px; margin: 0 auto }
.noticeheader_title h1{ font-size: 20px; color: #1a1a1a; line-height: 60px; }
.noticedetail_contentbox{ width: 100%; }
.noticedetail_content{ width: 1200px; margin: 0 auto; min-height: 1080px; margin-top: 40px; }
.noticedetail_content_left{ width: 830px; }
.noticedetail_content_left .noticetitle-h1{margin-top: 8px; font-size: 28px; color: #1a1a1a; }
.noticedetail_content_left .noticettbox{ margin-top: 14px; }
.noticedetail_content_left .noticettbox span{ height:24px; line-height: 24px;float: left; border: 1px solid #008bff; padding:0px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #008bff; display: block; margin-right: 20px;  }
.noticedetail_content_left .noticettbox h2{ font-size: 14px; color: #707070; line-height: 24px;}
.noticedetail_content_left .noticettbox{margin-bottom: 50px;}
.noticedetail_content_left p{ word-break:break-word; font-size: 16px; color: #313131; line-height: 24px; }
.noticedetail_content_left p a{color: #378bf7;}
.noticedetail_content_right{ width: 280px; background: #f9f9f9; padding-bottom: 20px; }
.noticedetail_content_right h1{margin: 20px 0px 10px 20px; font-size: 16px; color: #313131;  }
.noticedetail_content_right .line{display: block; width: 100%; height: 1px; background: #e5e5e5; }
.noticedetail_content_right ul{ padding: 20px; }
.noticedetail_content_right li span{display:block;width: 2px; height: 2px; background:#313131; float: left; margin-top: 11px; margin-right: 15px;}
.noticedetail_content_right li a{ float: left; width: 223px; line-height: 24px;word-break:break-word;  font-size: 14px; color: #545454; }
.noticedetail_content_right li a:hover{ color: #008bff;}
.noticedetail_content_right li{ margin-bottom:10px; overflow: hidden; }

.personInformation1{ height: 44px;line-height: 44px !important; text-align: center; }
.personInformation1 .pbt1{ background: none; color: #fff; line-height: 44px !important; }

  	/*活动*/
	.activity {
		width: 100%;
		height: 180px;
		background-color: #f2f2f2;
	}

	.activity .act_nr {
		width: 1300px;
		margin: 0 auto;
	}

	.activity ul li {
		display: inline-block;
		white-space: nowrap;
		width: 321px;
		vertical-align: top;
		box-sizing: border-box;
		padding-left: 15px;
		position: relative;
		line-height: 22px;
	}

	.activity ul li strong {
		color: #FF9102
	}

	.activity ul li img {
		float: left;
		width: 120px;
		margin-top: 6px;
		margin-right: 6px;
	}

	.activity ul li h4 {
		font-size: 16px;
		color: #212121;
		margin: 30px 0 0 10px;
	}

	.activity ul li h4:hover {
		color: #108CEE;
	}

	.activity ul li h4:hover strong {
		color: #108CEE;
	}

	.activity ul li p {
		font-size: 12px;
		color: #666;
		margin-top: 5px;
	}

	.show04 {
		width: 1250px;
		padding: 0px 0px 20px;
		margin: 0 auto;
	}

	.show04-title {
		width: 100%;
		height: 50px;
		line-height: 50px;
		margin-top: 20px;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 20px;
	}

	.show04-left {
		width: 620px;
		border: #FF0000 0px solid;
	}

	.show04-left img {
		margin: 0px 20px 20px 0px;
		float: left;
		width: 250px;
		height: 200px;
	}


	.show04-right .news-box {
		width: 559px;
		height: 420px;
		padding-left: 20px;
		border-left: 1px solid #ddd;
	}

	.content-box ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.content-box ul li {
		width: 550px;
		margin: 13px 10px 13px 0;
		font-size: 14px;
	}

	.content-box ul li span{
		width: 446px;
		display:inline-block;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		line-height: 14px;
	}




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

	.content-box ul li a:hover {
		color: #FF0000;
		text-decoration: none;
	}

	.show04-right .news-list-box {
		width: 100%;
		padding: 0 10px;
		margin-bottom: 5px;
		height: 20px;
		overflow: hidden;
	}

	.show04-right .news-list-box-hover {
		height: 70px;
		overflow: hidden;
	}

	.show04-right .news-list-box .news-title {
		font-size: 16px;
		color: #323232;
		transition: .2s ease all;
	}

	.show04-right .news-list-box-hover .news-title {
		font-weight: 700;
		color: #323232;
		font-size: 18px;
	}

	.show04-right .news-list-box:hover .news-title {
		color: #0097ff;
	}

	.show04-right .news-list-box .news-content {
		font-size: 14px;
		color: #a5a5a5;
		line-height: 22px;
		padding-top: 6px;
	}

	.show04-title h1 {
		font-size: 20px;
		font-weight: 500;
		float: left;
		margin-right: 20px;
		cursor: pointer;
		color: #444;
	}

	.show04-title h1.current {
		color: #48a1ff;
	}

	.show04-title .tabbox {
		margin-top: 13px;
		margin-left: 25px;
	}

	.show04-title .tabbox ul li {
		font-size: 18px;
		color: #333;
		padding-bottom: 5px;
		float: left;
		margin-right: 25px;
		cursor: pointer;
	}

	.show04-title .tabbox ul .current {
		color: #1597fd;
		border-bottom: 2px solid #1597fd;
	}

	.show04-lcontent {
		display: none;
	}

	.show04-news-list {
		margin-top: 20px;
		width: 400px;
	}

	.show04-news-list li a {
		line-height: 50px;
		font-size: 14px;
		color: #333;
	}

	.show04-news-list li a:hover span {
		color: #1597fd
	}

	.show04-news-list .date {
		color: #999;
	}

	.show04-news-list .line {
		font-size: 12px;
		color: #999;
		margin: -4px 10px;
	}

	.show04-news-list .text {
		display: inline-block;
		max-width: 240px;
		vertical-align: middle;
		white-space: nowrap;
		word-wrap: normal;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.show04-rcontent img {
		margin-top: 30px;
	}

	.swiper2 .swiper-slide {
		width: 280px;
		height: 200px;
		text-align: center;
		font-size: 18px;
		background: #fff;
		margin: 0 20px 20px 0;
		max-width: 280px;
	}

	.swiper2 .swiper-slide a {
		display: block;
	}

	.swiper2 .swiper-slide img {
		width: 280px;
		height: 200px;
		cursor: pointer;
	}

	.swiper2 .swiper-slide p {
		color: #fff;
		font-size: 14px;
		padding: 15px;
		box-sizing: border-box;
		text-align: justify;
		position: absolute;
		top: 0;
		width: 280px;
		height: 200px;
		background: rgba(0, 0, 0, .5);
		display: none;
		z-index: 1000;
	}

	.swiper2 .swiper-slide h6 {
		width: 280px;
		height: 25px;
		line-height: 25px;
		font-size: 14px;
		color: #333;
		background: #ededed;
		position: absolute;
		bottom: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	
	

/** 首页真机列表**/
.popular-mobile-recommendation{
	margin-bottom: 50px;
}

.popular-mobile-recommendation h1{
	font-size: 28px;
	color: #333;
	text-align: center;
	margin-top: 55px;
	margin-bottom: 35px;
}

.popular-mobile-recommendation ul{
	width: 100%;
	height: 280px;
	border:1px solid #E1E4E5;
	box-sizing: border-box;
	float: left;
	border-right: none;
}

.popular-mobile-recommendation ul>li{
	width: 20%;
	height: 100%;
	border-right: 1px solid #E1E4E5;
	box-sizing: border-box;
	float: left;
	position: relative;
	text-align: center;
	overflow: hidden;
}

.popular-mobile-recommendation ul>li:hover{
	border-right:none;
} 


.popular-mobile-recommendation ul>li:hover img{
	opacity: 0.2;
	filter:alpha(opacity=20); /* 针对 IE8 以及更早的版本 */
}

.popular-mobile-recommendation ul>li>img{
	width: 100px;
	height: 126px;
	margin-top: 45px;
}

.popular-mobile-recommendation ul>li>p{
	font-size: 18px;
	color: #333;
	margin-top: 38px;
}

.phoneInfo{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-color: rgba(0, 5, 26,.7);
	position: absolute;
	left: -100%;
	top: -100%;
	z-index: 2;
}

.phoneInfo.trans { 
	-webkit-transition: all .2s; 
	-moz-transition: all .2s; 
	-ms-transition: all .2s; 
	-o-transition: all .2s; 
	transition: all .2s; 
	backface-visibility: hidden; 
}

.phoneInfo-text{
	text-align: left;
	margin-top: 35px;
	margin-left: 40px;
}

.phoneInfo-text>h1{
	font-size: 18px;
	color: #fff;
	text-align: left;
	margin-bottom: 15px;
}

.phoneInfo-text>p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 7px;
}

.phoneInfo>a{
	display: block;
	width:180px;
	height: 40px;
	border-radius: 20px;
	background-image: linear-gradient(to right, #fff779 , #ffc601);
	font-size: 14px;
	color: #af0909;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	margin-top: 40px;
}
.footer_zsy{
	width:100%;
	padding:22px 0 75px;
	background:#252628;
	display:none;
	color:#676768;
	text-align:center;
	font-size:12px;
}
@media screen and (max-width: 1024px){
	.footerbox,.footerinfo{
		display:none;
	}
	.footer_zsy{
		display:block;
	}
	.noticedetail_content,.noticeheader_title{
		width:90%;
	}
	.noticedetail_content_left,.noticedetail_content_right,.notice{
		width:100%;
	}
	
	
	/*  文章列表-消息*/
	.allprotitle{
		width:90%;
	}
	.notice .table thead th{
		width:100%!important;
	}
	.notice .table tbody tr td{
		padding-left:5px;
	}
	.notice{
		overflow-x:auto;
	}
}