body {background-repeat:repeat-x; margin:0; padding:0; font-size:12px; font-family:"微软雅黑";}
li,ul{ margin:0;padding:0; list-style-type:none; }
.bodyclass{
    width:auto;
    height:100%;
    max-width:2560px;
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}
.headMenu{
    max-width:1380px;
    width:auto;
    height:72px;
    margin-left:auto;
    margin-right:auto;
}
.headlogo_white{
    width:140px;
    height:34px;
    margin-top:18px;
    margin-left:calc((100vw - 1398px) / 2 );
    float:left;
}

.headWelcome .headMenus{
    width:auto;
    height:72px;
    float:right;
    text-align:right;
    margin-right: calc((100vw - 1398px) / 2 );
}
.headMenus ul{
    float: left;
}
.headMenus .subHeadMenu{
    float: left;
    width:auto;
    height:72px;
    line-height: 72px;
    margin-left:19px;
    margin-right:19px;
    list-style-type:none;
    font-size:14px;
}
.subHeadMenu .new{
     margin-right:1px;
}
.headMenus .subHeadMenu a{
     color:#FFFFFF;
     font-size:14px;
     text-decoration:none;
}
.headMenus .subHeadMenu a:hover{
     color:#EB5A64;
}
/**
.btn-default{
    border-color:#FFF;
}
.btn-default:hover{
    border-color:#FFF;
    background-color:#FFF;
}
**/
.btnSample.active,.btnSample:active{
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btnSample{
    padding: 0px;
    border: none;
    height: 72px;
    line-height: 72px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
    background-color:#FFF;
    border-color:#FFF;
}
.headMenus .dropdown-menu> li > a {
    text-align:left;
    padding:3px 13px;
    color: #333333;
}
.dropdown-menu{
    min-width: 100px;
    margin-left: -15px;
    margin-top: -20px;
    background-color:#FFFFFF;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    color: #EB5A64;
    background-color:#F2F2F2;
    border-color:#EB5A64;
}
.btn-group{
    float: left;
    height: 72px;
}

.headWelcome{
    width:100%;
    height:calc(100vw * (584 / 1920));
    background:url(images/menu/newpage/banner.png);
    background-size : cover;
    float:left;
}
.headWelcomeTitle{
    width:auto;
    height:250px;
    margin-left:calc((100vw - 1398px) / 2 );
    margin-top:184px;
    margin-right:auto;
    font-family:"Adobe黑体";
    font-size:26px;
    text-align: left;
    color:#FFFFFF;
    overflow:hidden;

}
.headWelcomeTitle h2{
     font-family:"微软雅黑";
    font-size:20px;
 }
.headWelcomeTitle h3{
    font-family:"Arial";
    font-size:48px;
    margin-bottom:30px;
}
.headWelcomeTitle .headWelcomeTitleli{
    margin-top:10px;
    font-size:32px;
    font-family:"Arial";
    margin-bottom:10px;
}

.headWelcomeTitle .headWelcomeTitlebutton{
    margin-top:30px;
    font-size:14px;
    font-family:"微软雅黑";
    color: #FFFFFF;
    width: 171px;
    height: 38px;
    border: 1px solid rgba(255,255,255,1);
    opacity: 0.5;
    border-radius: 4px;
    background: rgba(255,255,255,0);
}

.headWelcomeTitleli a{
    font-weight:initial;
    text-decoration:none;
}


.headWelcomePic{
    width:1043px;
    height:286px;
    background:url(../iserver/images/1920earth.png);
    margin-left:auto;
    margin-right:auto;
    cursor:pointer;
}
.conShow{
    width:100%;
    height:356px;
    float:left;
    background-color:#f2f2f2;

}
.conList{
    max-width:1380px;
    width:100%;
    height:356px;
    margin-left:auto;
    margin-right:auto;
}

.subConList{
    height:252px;
    float:left;
}
.subConListfirst{
    width:32%;
}
.subConListSecond{
    width:32%;
    margin-left:24px;
}
.subConListLast{
    width:28%;
    margin-left:24px;
}

.subConListBorder{
    height:100%;
    border-right:0px #ddd solid;
}
.subConListBorderEnd{
    height:100%;
}
.subConBack{
    width:100%;
    height:100%;
}

.subConPic{
    width:46px;
    height:46px;
    margin-top:36px;
    float:left;
    margin-left:40px;
}
.serverPic{
    background:url(images/menu/newpage/ServerListPic1920.svg);
}

.ServerListText{
    width:auto;
    float:left;
    margin-top:80px;
    line-height:25px;
    background-color:#FFFFFF;
}
.ServerListTextFirst{
    width:448px;
    height:276px;
}
.ServerListTextSecond{
    width:448px;
    height:276px;
}
.ServerListTextLast{
    width:448px;
    height:276px;
}

.ServerListText .ServerListTitle{
    font-size:16px;
    color:#242424;
    text-align:left;
    margin-bottom:0px;
    margin-top:122px;
    margin-left:40px;
    font-weight:normal;
    font-family:"微软雅黑";
}
.ServerListTitleDemo{
    font-size:16px;
    color:#242424;
    text-align:left;
    margin-bottom:6px;
    margin-left:40px;
    margin-top:122px;
    font-weight:normal;
    font-family:"微软雅黑";
}

.ServerListText .ServerListCon{
    width:70%;
    font-size:14px;
    color:#7c7c7c;
    float:left;
    text-align:left;
    margin-left:40px;
    margin-top:19px;
    font-family:"微软雅黑";
    line-height:20px;
}

.ServerListTextLast ul{
    width:300px;
    margin-left: 40px;
}
.ServerListTextLast ul > li{
    float: left;
    width: 50%!important;
    color:#242424;
    margin-top: 10px;
}

.ServerListTextLast ul > li > a{
    color:#666666;
}
.ServerListTextLast ul > li > a:hover{
    color: #EB5A64;
}

.ServerManagePic{
    width:46px;
    height:46px;
    background:url(images/menu/newpage/ServerManagePic1920.svg);
}
.DemoMaPic{
    width:46px;
    height:46px;
    background:url(images/menu/newpage/DemoMaPic1920.svg);
}
.NewAndHelp{
    width:100%;
    height:auto;
    float:left;
    background:#F2F2F2;
}
.conNewAndHelp{
    width:100%;
    max-width:1380px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 94px;
}
.conHelp{
    float: left;
    width: 45%;
    padding-left: 25px;
}

.conHelp>ul{
    float: left;
    margin-left:-25px;
}

.conHelp>ul>li{
    width: 50%;
    border-bottom: 1px solid #EEEEEE;
}

.conNew{
    float: left;
    width: 45%;
    margin-left: 122px;
}
.conLinkFunction{
    width:46%;
    margin-left:4%;
    float:left;
}

.newAndHelpTitle{
    font-size: 20px;
    margin-bottom: 18px;
    margin-left: 17px;
}
.newAndHelpTitle img{
    margin-right: 8px;
}
.LinkFuncDescrip{
    height:auto;
    margin-bottom: 39px;
    margin-left: 17px;
}
.LinkFuncDescrip span{
    font-size: 14px;
    color: #a3a3a3;
    line-height: 25px;
}
.newAndHelpList li{
    line-height: 80px;
    width: 100%;
}
.newList div{
    line-height: 35px;
    width: 100%;
}
.newList div img{
	margin-top: 15px;
  	float: left;
  }
.newList div p{
    margin-left: 46px;
    color:#191919;
    font-size:14px;
    text-decoration:none;
}
.newAndHelpList li a{
    color:#191919;
    font-size:14px;
    text-decoration:none;
    margin-left: 25px;
}

.HelpList li{
    background: #ffffff;
}

.HelpList li{
    width: 180px;
    float: left;
}
.HelpList li a:hover{
    color: #EB5A64;
    cursor: pointer;
    text-decoration: underline;
}

.ServerListText .btEnter,.conNewAndHelp .btEnter{
    float: left;
    width: 100%;
    height:auto;
    margin-left: 40px;
    margin-top: 25px;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
}
.ServerListText .btEnter:hover, .conNewAndHelp .btEnter:hover{
    color: #EB5A64;
    text-decoration: underline;
}
.conNewAndHelp .listBtEnter{
    margin-left: 46px;
}
.btEnter img{
    margin-left: 2px;
    vertical-align: baseline;
}
.foot{
    width:100%;
    height:auto;
    line-height:auto;
    float:left;
    background-color:#f2f2f2;
}
.horizontal-line{
    margin-top: -20px;
    border-top: 1px solid #dbdbdb;
    margin-bottom: 40px;
    margin-left: 17px;
}
.backcicle{
    margin-top: 16px;
    margin-left: 20px;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #999999;
    border-radius: 50%;
    border: 1px solid #999999;
}