@font-face {
font-family: 'msyh';
src:url('../fonts/msyh.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:'fonthotnet';
src:url('../fonts/fonthotnet.ttf?v=4.0.0') format('truetype'),
url('../fonts/fonthotnet-webfont.eot') format('embedded-opentype');
font-weight:normal;
font-style:normal;
}

/*使用选择器指定字体*/
[class^="icon-"], [class*=" icon-"] {
font-family: 'fonthotnet'!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
html, .demo > .test {
font-family: 'msyh';
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}

html,body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;

}

body {
text-align: center;
}

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hgroup,p,blockquote,figure,form,fieldset,input,legend,pre,abbr,button {
margin: 0;
padding: 0
}

pre,code,address,caption,th,figcaption {
font-size: 1em;
font-weight: normal;
font-style: normal
}

fieldset,iframe,img {
border: 0
}

caption,th {
text-align: left
}

table {
border-collapse: collapse;
border-spacing: 0
}

article,aside,footer,header,nav,main,section,summary,details,hgroup,figure,figcaption {
display: block
}

audio,canvas,video,progress {
display: inline-block;
vertical-align: baseline
}

button {
background: none;
border: 0;
box-sizing: content-box;
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
overflow: visible;
vertical-align: inherit
}

button:disabled {
cursor: default
}

:focus {
outline: 3px solid #c1e0fe;
outline: 3px solid rgba(131,192,253,0.5);
outline-offset: 1px
}

:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
outline: none
}

::-moz-focus-inner {
border: 0;
padding: 0
}


html.ac-gn-noscroll {
margin-top: 0 !important;
}
html.ac-gn-noscroll, html.ac-gn-noscroll body {
overflow: hidden !important;
height: 100% !important;
}
html.ac-gn-noscroll-long {
overflow-y: scroll !important;
}
ul, li{
list-style: none;
list-style-type: none;
}
a {
cursor: pointer;
background: transparent;
color: #5d9cec;
text-decoration: none;
}

.icon-angle-down:before {
content: "\F0B1";
}
.body{
max-width: 1400px;
text-align: center;
margin: 0 auto;
}
header {
width: 100%;
height: 110px;
background: #fff;
}
header nav {
height: 110px;
margin: 0 70px;
position: relative;
}
.logo{
background-image: url('../img/logo_pc.png');
background-clip: border-box;
background-repeat: no-repeat;
background-size: cover;
width: 140px;
height: 110px;
}
.menu{
height: 110px;
margin: 0 auto;
text-align: right;
}
.back{
color:#93d3f0;
font-size:4rem;

float: right;
margin-right: 50px;
margin-top: 100px;
}
.icon-server1:before{
content: "\F0AC";
}
.icon-server2:before{
content: "\F0AD";
}
.icon-server3:before{
content: "\F0AE";
}
.icon-contact:before{
content: "\F0AB";
}
.icon-server-row:before{
content: "\f0da";
}
.icon-back:before{
content: "\F0AF";
}
header nav .menu>ul.menu-list-content {
    height: 110px;
    margin: 20px 100px auto;
    display: inline-block;
}
header nav .menu>ul.menu-list-content li {
    float: left;
    cursor: pointer;
    height: 110px;
    line-height: 110px;
    text-align: start;
    text-align: left;
}
header nav .menu>ul.menu-list-content li a.menu-list-box {
    display: inline-block;
    padding: 0 24px;
    font-weight: 600;
    color: #c3c3c3;
}
header nav .menu>ul.menu-list-content li.current a.menu-list-box, header nav .center>ul.contact li.current a{
    color: #93d3f0;
}
header nav .center {
    width: 100px;
    height: 110px;
    position: absolute;
    top: 0;
    right: 0;
}
header nav .center .contact{
    float: left;
    margin: 23px auto;
}
header nav .center ul li {
	color: #c3c3c3;
    float: left;
    cursor: pointer;
}
header nav .center .contact li {
    line-height: 110px;
}
header nav .center .contact a {
    padding: 0;
}
header nav .center ul li a {
	color: #c3c3c3;
    padding: 18px 20px 0px 0px;
    display: inline-block;
}
header nav .center .contact i{
	font-weight: 200;
}
header nav .center .contact .icon-contact{
	font-size:1.2rem;
	margin-left: 20px;
}
header nav .center .contact .icon-line {
    display: inline-block;
    padding-top: -10px;
    width: 1px;
    height: 16px;
    background: #c3c3c3;
}
header nav .menu .menu-list{
    box-shadow: 0 1px 12px 0 rgba(0,0,0,.2);
    border-radius: 0 0 4px 4px;
    color: #444;
    z-index: 14;
}
header nav .menu .menu-list {
    width: 162px;
    padding: 6px 0;
    position: absolute;
    background: #fff;
    top: 110px;
}
header nav .menu .joinus{
    width: 290px;
}
header nav .menu .menu-list ul{
    display: block;
}
header nav .menu .menu-list ul>li {
    float: left;
    cursor: pointer;
    height: 45px;
    width: 100%;
    line-height: 45px;
    text-align: start;
    text-align: center;
}
header nav .menu .menu-list ul>li a{
    color: #c3c3c3;
    font-weight: 400;
    font-size: 1.1rem;
}
header nav .menu .menu-list ul>li a:hover{
    color: #93d3f0;
    font-weight: 600;
}
.fl{
float: left!important;
}
.fr{
float: right!important;
}
.top_bar{
width:100%; 
height:580px;
}
.aboutus_bar{
width:100%; 
height:290px;
}
.friend_logos{
margin: 0px 230px 0px 230px;
}
.friend_logos li{
margin:0 auto; 
display: list-item;
float: left; 
text-align: center;
}
.nextrow{
width: 100%;
height: 80px;
text-align: center;
}
.nextrow img{
width: 31px;
height: 19px;
margin:25px auto;
}
.aside{
background-color: #fff;
margin:0 auto;
text-align:  left;
width: 900px;
}
.scrollwrapper {
overflow-y: auto;
overflow-x: hidden;
}
.aside-nav .link-item {
display: block;
color: #6a6a6a;
text-decoration: none;
position: relative;
font-size: 1.4rem;
font-weight: 600;
padding: 0px 10px 0px 25px;
line-height: 100px;
}
.aside-nav>li{
}
.aside-nav>li>.link-item {
padding: 0px 10px 0px 25px;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 20px;
}
.aside-nav>li>.link-item>.icon-angle-down{
font-size: 3.4rem; 
margin-top:30px;
color: #6a6a6a;
}
.aside-nav .link-item>.icon-angle-down {
-webkit-transition: all .15s ease;
-ms-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease
}
.aside-nav .link-item.on>.icon-angle-down {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg)
}
.jionus-info, .about-info{
color: #6a6a6a;
font-size:1.2rem;
font-family: 'msyh';
margin:10px 0px 15px 0px;
}
.jionus-title,.about-title{
color: #6a6a6a;
font-weight: bolder;
font-size: 1.4rem;
font-family: 'msyh';
}
.jionus-title{
color: #a6a6a6;
margin:15px 10px 20px 10px;
}
.about-href{
color: #bababa;
font-size: 1.2rem;
text-decoration: underline;
}
.jionus-text{
list-style-type: circle;
width: 100%;
color: #a6a6a6;
list-style-position: inside;
font-family: 'msyh';
padding-left: 30px;
}
.jionus-text li{
font-size:1.2rem;
list-style-position: outside;
list-style-type: square;
margin-bottom: 0.3rem;
}
.servergroup li{
height: 285px;
border-bottom: 1px solid #dbdbdb;
margin-bottom: 20px;
}
.server-icon{
position: absolute;
font-size: 10rem;
color: #93d3f0;
width: 184px;
height: 184px;
margin-left: 0px;
line-height: 184px;
}
.icon-server1,.icon-server2,.icon-server3{
    position: absolute;
    padding: 25px;
margin:5px auto;
}
.icon-broder{
width: 100%;
height: 100%;
border-radius: 50%;
border: 0.2rem solid #93d3f0;
}
.server-view{
color: #6a6a6a;
width: 75%;
margin-left: 240px;
text-align: left;
padding-top: 12.9px;
}
.servergroup ul li{
margin-bottom: 0.7rem;

}
.server-title{
font-size: 1.5rem;
font-weight: bolder;
}
.server-info{
font-size: 1.2rem;
margin-top: 0.5rem;
}
.server-info span{
font-weight: bold;
}
.server-flag{
margin-top: 0.5rem;
}
.server-flag i{
font-size: 1.1rem;
margin-right: 0.5rem;
}
.server-flag span{
font-weight: normal;
font-size: 1.2rem;
}
.project-info{
background-clip: border-box;
background-size: cover;
margin:0 auto;
}
.project-title{
margin-top: -100px;
}
.project-title>span{
font-size: 2.5rem;
font-weight: bolder;
color: #6a6a6a;
}
.project-context{
margin-top: 2.2rem;
}
.project-context >h1{
font-size: 1.3rem;
font-weight: bold;
color: #6a6a6a;
margin-bottom: 1.1rem;
}
.project-context>p{
font-size: 1rem;
color: #a6a6a6;
line-height: 2rem;
}
.project-context>img{
margin-bottom: 1.2rem;
margin-left: 0px;
}
.porject-view-info{
overflow-x: hidden;
overflow-y:auto;
background-clip: border-box;
margin:0 auto; 
color: #fff;
}
.porject-view-bg1{
background-image: url('../img/project_info_1_bg_pc.png');
}
.porject-view-bg2{
background-image: url('../img/project_info_2_bg_pc.png');
}
.porject-view-bg3{
background-image: url('../img/project_info_3_bg_pc.png');
}
.porject-view-bg4{
background-image: url('../img/project_info_4_bg_pc.png');
}
.porject-view-bg5{
background-image: url('../img/project_info_5_bg_pc.png');
}
.porject-view-bg6{
background-image: url('../img/project_info_6_bg_pc.png');
}
.porject-view-bg7{
background-image: url('../img/project_info_7_bg_pc.png');
}
.porject-view-bg8{
background-image: url('../img/project_info_8_bg_pc.png');
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
height: 100%;
z-index: 1;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 2;
display: -webkit-box;
display: -moz-inline-box;
display: -ms-inline-box;
display: -webkit-inline-box;
display: inline-box;
float: left;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-horizontal > .swiper-wrapper {
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}

.swiper-pagination{
margin-bottom: -50px;
text-align: center;
}
.swiper-container-horizontal > .swiper-pagination-bullets{
bottom: 80px;
left: 0;
}
.swiper-pagination-bullet{
background-color:transparent;
border: 3px solid #93d3f0;
opacity: 1;
}
.swiper-pagination-bullet-active{
background:#93d3f0;
opacity:1;
}
.swiper-slide img{
width: 100%; 
height: 560px;
}

.hide{
display: none;
}