
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
    font-family: '微软雅黑';
    font-size: 12px;
    color: #333;
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    background-position: left top;
	position: relative;
}
p{
    line-height: 22px;
    margin: 0px;
    padding: 0px;
}
a{
    color: #444444;
    text-decoration: none;
}
a:hover{text-decoration: none;}
ul,li,dl,dt{
    margin: 0px;
    padding: 0px;
    list-style-image: none;
    list-style-type: none;
}
img{
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url("../fonts/iconfont.woff2") format('woff2'),
    url("../fonts/iconfont.woff") format('woff'),
    url("../fonts/iconfont.ttf") format('truetype'),
    url("../fonts/iconfont.svg#iconfont") format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 .allNav a,.indexServer .list, .navx li a, .navx li,.index_two_list .remask,.index_one_all .hit a,.index_one_all .hit,.index_one_all_two1,.index_nav_right a,.indexRightOne img,.indexRightOne{
	transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
}
.widthAll{width: 1400px;height: auto;margin: 0 auto;}
.index_top{height: 40px;background: #FAFAFA;border-bottom: 1px solid #EEEEEE;}
.index_top_all{padding:10px 0px;}
.index1{color: #F06F3D}
.index_top_all_left{float: left;}
.index_top_all_right{float:right;display: flex;justify-content:space-between}
.indexRightOne{background: url(../img/ico1.gif) right center no-repeat;padding-right: 15px;cursor: pointer;position: relative;margin-right: 1rem;}
.indexRightOne:hover{background-image: url(../img/ico2.gif);}
.indexRightOne img{position: absolute;left: -22px;z-index: 999;border: 1px solid #EEEEEE;top: 33px;display: none;}
.indexRightOne:hover img{display: block;}
.indexOne{height: 20px;line-height: 20px;}
.indexRightTwo{background: url(../img/ico3.gif) no-repeat left center;padding-left: 20px;margin-right: 1rem;}
.indexRightThree,.indexRightThree a{color: #FE702D;font-weight: bold;}




.index_onex{background: #F6F6F7 ;height:40px;border-bottom: 1px solid #E7E7E7;width: 100%;}
.index_one{background: #F6F6F7 url(../img/bg1.png) no-repeat center top;}
.index_one_all{height: auto;overflow: hidden;}
.index_one_all_one{text-align: center;line-height:9rem;font-size:3rem;}
.index_one_all_two{width: 100%;height: auto;overflow: hidden;display: flex;justify-content: space-between;padding:10px}

.indexServer .list{margin-top: 1rem;}
.indexServer .list:hover{margin-top: 0px;}
.indexServer .list .title{height: 5rem;background: #FE652A;text-align: center;line-height: 5rem;font-size: 2.5rem;color: #fff;}
.indexServer .list:nth-child(2) .title,.indexServer .list:nth-child(4) .title{background: #FEBD46;color:#000}
.indexServer .list .content{height:20rem;background: #fff;padding:2rem;font-size:1.5em;line-height: 3rem;-moz-box-shadow:0px 1px 6px 0px #DBDBDB;
 -webkit-box-shadow:0px 1px 6px 0px #DBDBDB;
 box-shadow:0px 1px 6px 0px #DBDBDB;margin-bottom: 1rem;}





.bg2{background: url(../img/bg2.png);}
.blod{font-weight: bold;}
.index_two_one{height: auto;overflow: hidden;display: flex;justify-content: space-between;flex-wrap:wrap;flex-direction:row-reverse;margin-bottom: 30px;}
.index_two_list{max-height: 250px;position: relative;overflow: hidden;margin-bottom: 35px;}
.index_two_list .remask{background: url(../img/bg3.png);padding:20px;padding-top: 5px;position: absolute;width: 100%;height: 100%;top: 188px;}
.index_two_list h2{color: #fff;text-align: center;font-size: 3rem;margin-top: 10px;}
.index_two_list p{color: #EEEEEE;font-size: 1.6rem;line-height: 25px;}
.index_two_list:hover .remask{top: 0px;}

.mesList{height: 450px;-moz-box-shadow:2px 1px 15px 2px #F0F0F0;
 -webkit-box-shadow:2px 1px 15px 2px #F0F0F0;
 box-shadow:2px 1px 15px 2px #F0F0F0;
 padding:20px;
 box-sizing: border-box;

 }
 .swiperTwo{padding:15px 0px;margin-bottom:70px;}
 .index_three:before{
	 content: "";
	     position: absolute;
	     background:url(../img/11.png);
	     background-size: 20px 18px;
	     background-repeat: no-repeat;
	     width: 20px;
	     height: 18px;
	     left: 15px;
 }
 .index_three::after{
 	 content: "";
 	     content: "";
 	         position: absolute;
 	         background:url(../img/22.png);
 	         background-size: 20px 18px;
 	         background-repeat: no-repeat;
 	         width: 20px;
 	         height: 18px;
 	         right: 20px;
 }

 .mesList h2{margin: 0px auto;font-weight: normal;font-size: 18px;width: 80%;}
 .mesList p{line-height: 35px;width: 80%;margin: 0 auto;}
 .mesList img{text-align: center;max-width: 100%;display: block;margin: 0 auto;}
 .index_three{width: 80%;margin: 15px auto;line-height: 25px;color: rgb(124, 124, 124);height: auto;}


 .bgColor{background: #F6F6F7;}
 .youlink{margin-bottom: 60px;}
 .youlink a{display: block;margin: 5px auto;}

 .indexNews{margin-top:110px;margin-bottom: 70px;}
 .indexNews .newsList{height: auto;overflow: hidden;padding-right:40px;border-right: 1px solid #E2E1E1;}
 .newsListOne{line-height: 40px;font-size: 20px;font-weight: bold;height: 40px;}
 .newsListOne span{display: block;float: left;}
 .newsListOne span:nth-child(2){font-size: 14px;font-weight: normal;float: right;}
 .newsTxt{height: auto;overflow: hidden;margin-top: 10px;}
 .newsTxt li{display: block;height: 35px;line-height: 35px;font-size: 14px;overflow: hidden;padding-left: 0.3rem;}
 .newsTxt li::before{
	 content: "";
	     position: absolute;
	     background:url(../img/dian.png);
	     background-size: 20px 18px;
	     background-repeat: no-repeat;
	     width: 20px;
	     height: 18px;
	     left: 0px;
 }
 .newsTxt li span{display: block;float: right;font-size: 12px;color: #CDCDD3;;}
 .newsTxt a:hover{color: #F06F3D;}

 .xfooter{background:url(../img/bg4.png) no-repeat left bottom #272C33;padding:20px;margin-top:8rem;}
 .footerOne{border-bottom: 1px solid #3A414A;display: flex;justify-content: space-between;}
 .footerLeft{color: #FFC044;position: relative;}
 .footerCenter{color: #FFC044;position: relative; margin-top: 15px;	font-size: 14px;}
 .footerCenter span{font-weight: bold;font-size: 20px;}
 .footerCenter:before{
	 content: "";
	     position: absolute;
	     background:url(../img/ftel.png);
	     background-size: 72px 56px;
	     background-repeat: no-repeat;
	     width: 72px;
	     height: 56px;
		 left: -85px;
 }
 .footerRight{display: flex;color: #FFFFFF;}
 .footerRight img{display: block;width: 93px;height: 93px;}
 .footerRight span{margin-left:20px;margin-top: 25px;}
 .footerOne div{padding-right: 115px;border-right: 1px solid #3A414A;}
 .footerOne div:last-child{border-right: 0px;}
 .footerTwo{height: auto;margin: 10px auto;color: #CDCDD3;text-align: center;font-size: 14px;line-height: 30px;}

 .navbar-default{background-color:#fff;border-color:#FFFFFF}
 .navbar-brand{height:7rem;}
 .navx{margin-top: 2rem;font-size: 1.6rem;}
 .navbar-brand .img-responsive{max-width: 80%;}
 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background: #F2703B;color: #fff;}
 .navx li:hover{background: #F2703B;}
 .navx li:hover a:hover{color: #fff;}
 .logoBtn{margin-top: 2rem;}


 @media (min-width: 992px){
	.indexServer .col-md-3 {
	    width: 20%;
	}
 }

 .allBannger{height: auto;overflow: hidden;text-align: center;}
 .allBannger img{width: 100%;}
 .allNav{height: auto;overflow: hidden;text-align: center;background:#F5F5F5;display: flex;justify-content: center;}
 .allNav a{padding:2rem;font-size:1.4rem;}
 .allNav a:hover{background: #FE652A;color: #fff;}
 .hit{background: #FE652A;color: #fff;}
 .contentA{margin: 3rem auto;}
 .contentB{margin: 3rem auto;line-height: 3rem;font-size: 1.7rem;}
 .contentB p{margin:.4rem auto;line-height: 3rem;font-size: 1.7rem;text-indent:3rem;}
 .contentB img{display: block;margin: 1rem auto;max-width: 100%;}
 .contentTitle{line-height:8rem;text-align: center;font-size:3rem;}


 .aboutOne div{margin-bottom: 1rem;}

 .xTel{margin-top:4rem;}
.xTel h3{border-left:.5rem solid #FF6932;text-indent: 1rem;}
 .xTelOne{font-size: 1.6rem;margin-bottom: 2rem;}

  .serverNine,.serverFour .list img,.xform .form__button,.setbton,.shiwFuTwo1 img,.caseCss span,.caseCss img,.aNews h3 a,.aNewsOne img{
	 transition: all 0.5s;
	 	-moz-transition: all 0.5s;
	 	-webkit-transition: all 0.5s;
	 	-o-transition: all 0.5s;
 }
  .caseCss img:hover{
	     -webkit-transform: scale(1.5) rotate(2deg);
	     -moz-transform: scale(1.5) rotate(2deg);
	     -o-transform: scale(1.5) rotate(2deg);
	     -ms-transform: scale(1.5) rotate(2deg);
	     transform: scale(1.5) rotate(2deg);
		 opacity:0.5;filter:alpha(opacity=50);
 }
 .shiwFuTwo1:hover img{
	 -webkit-transform:  rotate(10deg);
	 -moz-transform:  rotate(10deg);
	 -o-transform: rotate(10deg);
	 -ms-transform:  rotate(10deg);
	 transform:  rotate(10deg);
	 opacity:0.5;filter:alpha(opacity=50);
 }
 .aNews{margin-top:5rem;}
 .aNews img{display: block;width: 100%;}
 .aNews h3 a{line-height:3rem;}
 .aNews h3 a:hover,.aNews h3 a:focus{font-weight: bold;color: #FF6932;text-decoration: none;}
 .aNews p a{font-size: 1.6rem;color: #929292;}
 .aNews p a:hover{color: #FF6932;}
 .aNewsOne{border-bottom:1px dotted #D5D5D5;padding-bottom:4rem;margin-bottom: 4rem;}
 .aNewsOne:hover img{opacity:0.5;filter:alpha(opacity=50);}
 .pageCss{text-align: center;}
 .pagination>li>a, .pagination>li>span{color: #FF6932;}
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{color: #FF6932;font-weight: bold;}
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #FFC054;border: 1px solid #CBCBCB;}
 .contentTitleTwo{text-align: center;font-size:2rem;line-height: 3rem;font-weight: bold;}

 .caseCss{margin-top: 4rem;}
 .caseCss div{margin-bottom: 1rem;overflow: hidden;text-align: center;}
 .caseCss a{display: block;position: relative;}
 .caseCss img{margin: 0 auto;}
 .caseCss a span{position: absolute;display: block;line-height: 3rem;font-size: 2rem;background: url(../img/bg3.png);width:100%;color: #fff;bottom:-3rem;text-align: center;font-size: 1.6rem;}
 .caseCss a:hover span{bottom:0}


.shiFuOne{text-align: center;font-size: 2.4rem;line-height: 6rem;margin-top: 2rem;}
.shiFuTwo{margin-top: 3rem;}
.shiwFuTwo1{text-align: center;margin-bottom:2rem;}
.shiwFuTwo1 img{width: 70%;margin: 0 auto;border: 1px dotted #FF6932;padding:.5rem;display: block;}
.shiwFuTwo1 span{color: #FF6932;}
.start{font-size: 2rem;}
.shiFuThree{text-align: center;margin: 5rem 5rem 1rem 5rem;font-size: 2rem;}
.setline{height: 1px;
    width: 280px;
    background-color: #cdcdcd;
    position: relative;
    margin: 0 auto;
}
.shiFuThree p{font-size: 1.5rem;text-align: center;margin: 2rem auto;line-height:2.5rem;}
.setbton{display: block;
    width: 260px;
    height: 54px;
    background-color: #f17f79;
    border-bottom: 3px solid #a94f4a;
    border-radius: 5px;
    text-align: center;
    line-height: 54px;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    margin: 40px auto 50px auto;}

	.setbton:hover{color: #fff;background: #F46B63;}


	.ruzhuOne{background: url(../img/bgx2.gif) no-repeat center top;height: auto;overflow: hidden;}
	.ruzhuTwo{text-align: center;margin-top: 9rem;margin-bottom: 4rem;}
	.ruzhuTwo h1{font-size:7rem;font-weight: bold;color: #fff;}
	.ruzhuTwo h2{font-size: 4rem;color: #fff;}
	.ruzhuThree h1{font-size: 3.5rem;}
	.ruzhuThree h2{font-size: 2.5rem;}

	.xform{background: #000; padding:2rem;border-radius: 1rem;width:50rem;margin: 0 auto;margin-bottom: 5rem;}
	.xform label{color: #fff;font-size: 1.5rem;}
	.xform .form-control{background-color: transparent!important;border-radius: 0px;background: #05050A;}
	.xform .form__button{

		    display: inline-block;
		    overflow: hidden;
		    width: 70%;
		    height: 60px;
		    margin: 20px auto;
		    cursor: pointer !important;
		    color: #fff !important;
		    border-radius: 60px;
		    background-color: #FF6932;
		    font-size: 20px;
		    line-height: 60px;
			text-align: center;
			margin-bottom: 4rem;
	}
	.xform .form__button:hover{background: #FFC054;}
	.ruzhuFour{height: auto;overflow: hidden;}

	.ruzhuFive{text-align: center;margin-top: 4rem;}
	.ruzhuFive h1{font-size:4rem;font-weight: bold;}
	.ruzhuFive h2{font-size: 2rem;}

.serverAll{background: #F5F5F5;height: auto;overflow: hidden;margin-top: 3rem;}
.serverOne{padding:2rem 0px;}
.serverTwo { position: relative; z-index: 5; float: left; width: 322px; height: 518px; background-color: #fff; }
.serverTwo::-webkit-scrollbar { width: 5px; height: 5px; }
.serverTwo ul { padding: 20px 0; width: 100%; height: 100%; overflow: hidden; overflow-y: auto; }
.serverTwo ul li { margin-bottom: 16px; padding: 0 20px; display: block; }
.serverTwo ul li:last-child { margin-bottom: 0; }
.serverTwo ul li:last-child .item { border: 0; }
.serverTwo ul li .title { color: #222; font-size: 16px; font-weight: 700; }
.serverTwo ul li .item { padding: 10px 0 0; border-bottom: 1px solid #ccc; }
.serverTwo ul li .item a { margin: 0 22px 10px 0; display: inline-block; font-size: 14px; color: #666; }
.serverTwo ul li .item a:hover, .serverTwo ul li .list-item a:hover { color: #00a7eb; }
.serverTwo ul li .list { opacity: 0; transition: all .3s; visibility: hidden; position: absolute; left: 100%; top: 0; z-index: 1; width: 300px; height: 100%; background-color: #fff; transform: translate(10px, 0); }
.serverTwo ul li .list-title { color: #222; font-size: 16px; font-weight: 700; }
.serverTwo ul li .list-item { margin-right: -20px; padding: 10px 0; width: 100%; border-bottom: 1px solid #ccc; }
.serverTwo ul li .list-item a { margin: 0 20px 10px 0; display: inline-block; color: #666; font-size: 14px; }
.serverTwo ul li:hover .list { opacity: 1; transform: translate(0, 0) rotate(0) scale(1); visibility: visible; }
.tongdongtao::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .tongdongtao::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #FFC054;
  }
  .tongdongtao::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }

  .serverAd{text-align: center;background: #fff;padding:1rem 0px;margin: 0px;margin-top: 1rem;}
  .serverAd img{margin-bottom: 1rem;}

  .serverThree{background: #fff;padding:1rem;margin-bottom: 3rem;}
  .serverThree .title{font-size: 1.6rem;border-left: 2px solid #FF6932;text-indent: 1rem;}
  .serverFour .list{text-align: center;}
  .serverFour .list p{font-size: 1.8rem;line-height: 3rem;}
  .serverFour .list img{width: 80%;margin: 0 auto;}
  .serverFour .list:hover img{opacity:0.5;filter:alpha(opacity=50);}
  .bgcssone{background: #fff;margin-bottom: 3rem;padding:1rem}

  .allBg{background: #F5F5F5;padding-bottom: 2rem;}

  .breadcrumb{padding:2rem 0px;margin-bottom: 0px;}
  .breadcrumb a{font-size: 1.5rem;}
  .breadcrumb .active{font-size: 1.5rem;}

  .bgBlank{background: #fff;padding:1.5rem;margin-bottom: 2rem;}
  .serverFive p{font-size: 1.5rem;}
  .serverFive1{line-height:5rem;font-size:2.5rem;color: #FB575A;}
  .serverFive1 span{font-size: 3.3rem;font-weight: bold;}

  .serverSix{line-height: 3.3rem;border-top:1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;font-size: 1.4rem;}
  .serverSix b{color: #FB575A;}

.serverSeven{line-height:4rem;margin-top:.4rem;}
.serverSeven div{font-size: 1.5rem;}
.serverNine{
	    width:15rem;
	    height:4rem;
	    color: #fff;
	    font-size: 2rem;
	    line-height: 4rem;
	    background-color: #FE652A;
	    text-align: center;
	    cursor: pointer;
		margin-top: 2rem;
}
.serverNine a{color: #fff;}
.serverNine:hover{background: #FEBD46;}

{
	transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
		-o-transition: all 0.5s;
}
.serverTen{padding:0rem}
.serverEl{background: #fff;padding:1rem;}
.serverEl h4{border-bottom: 1px solid #EEEEEE;margin: 0px;padding: 1rem 0px;}
.serveEa{width: 95%;margin: 0 auto;}
.serveEa div{margin: 1rem auto;}


.serverEb{background: #fff;padding:1rem;}
.serverEb h4{border-bottom: 1px solid #EEEEEE;margin: 0px;padding: 1rem 0px;}
.cateX{font-size: 1.6rem;line-height:3rem;font-weight: bold;margin-top: 1rem}
.cateList{font-size: 1.5rem;height: auto;overflow: hidden;border-bottom: 1px solid #EEEEEE;padding-bottom: .5rem}
.cateList a{padding:.5rem 1rem .5rem 0px;display: block;float: left;}
.cateList a:hover{color: #FB575A;}

.xMore a{display: block;margin-bottom: 1rem;width:70%;}
.detailAll{background: #fff;padding:1rem;}
.detailTitle{text-align: center;}
.detailTitle h3{line-height: 4rem;}
.detailTitle p{font-size: 1.6rem;}
.detailC{margin-top: 3rem;text-align: center;}
.detailC img{max-width: 90%;display: block;margin: 0 auto;}
.ldesc{line-height: 3rem;text-align: left;font-size: 1.7rem;width: 80%;margin:0 auto;;}
