/****** 字体 ******/ /* project id 524489 */
/*@font-face {
    font-family: 'iconfont'; 
    src: url('//at.alicdn.com/t/font_524489_h8ilc7wcpnak0529.eot');
    src: url('//at.alicdn.com/t/font_524489_h8ilc7wcpnak0529.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_524489_h8ilc7wcpnak0529.woff') format('woff'),
    url('//at.alicdn.com/t/font_524489_h8ilc7wcpnak0529.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_524489_h8ilc7wcpnak0529.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}*/

/* *  common  **/
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html,body{
    min-height:100%;
}
body{
	font-family: 'Helvetica Neue',Helvetica,/*'PingFang SC',*/'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
}
.ContentCenter{
    text-align: center;
}
.PaddingSpacing{
    /*padding:60px 0 74px 0;*/
    padding: 60px 0 0 0;
}
.MarginTopSpacing{
    margin-top:40px;
}
.container{
    width:1200px;
    height:100%;
    margin:0 auto;
    position: relative;
    overflow: hidden;
    padding:0;
}
img.WidthAuto{
    width: 100%;
    display: block;
}
.imgFather{
    position: relative;
    overflow: hidden;
}
.imgself{
    margin:0 auto;
    position: absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.img_auto{
    display: block;
    max-width: 100%;
    height: auto;
}
.clearFloat:after{
    content: " ";
    height:0;
    display: table;
    clear:both;
    visibility: hidden;
}
.clearfix:before, .clearfix:after,.container:before, .container:after,.nav:before, .nav:after, .navbar:before, .navbar:after,.navbar-header:after,.navbar-header:before{
    display: table;
    content: " ";
}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}


/******  title  *******/
.titleContent{
    margin-bottom:35px;
}
.titleContent h3{
    /*font-weight:bold;*/
    font-size:27px;
    color:#111;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.2em;
}
.titleContent p{
    font-size:14px;
    color:#111;
    text-align: center;
}
.Subtitle{
    font-size:16px;
    font-weight:bold;
    color:#111;
    margin-bottom:20px;
}
.BasicsFont{
    font-size:14px;
    color:#111;
    line-height:32px;
}
.MiddleTitle{
    font-size:20px;
    font-weight:bold;
    color:#111;
}
h3.MiddleTitle.MiddleTitleSpace{
    margin:10px 0 36px 0;
}
h3.MiddleTitle.MiddleTitleSpace2{
    margin:0px 0 20px 0;
}

/******  按钮  *******/
.MoreLink{
    text-align: center;
}
a.LinkOther {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    height: 40px;
    line-height: 40px;
    color: #fff !important;
    background: #5e5ee8!important;
    font-size: 14px;
    text-align: center;
    margin: 10px auto;
    border: 1px solid #3385ff;
    transition: all ease 0.3s;
}
    a.LinkOther:hover {
        background: #5e5ee8 !important;
        text-decoration: none !important;
        color: #3385ff !important;
    }

/*****  header  *****/
.header{
    position: absolute;
    width: 100%;
    z-index: 1000000000;
}
a.navbar-toggle{
    background-color: #ddd;
    border-color: #ddd;
}
.navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-nav {
    float: right;
}





/*****  support  *****/
.support{
    width:100%;
    background: url(../../images/support.png) no-repeat center 0;
    
}
.supportContainer{
    position: relative;
}
.supportContent{
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 16px 0 20px;
    z-index: 4;
}
.supportContent>li{
    display: inline-block;
    vertical-align: top;
    width:23%;
}
.supportContent .supportContentModular li:first-child{
    margin-bottom:10px;
}
.supportContent>li:first-of-type{
	width: 18%;
}
.supportContent>li:nth-of-type(2){
	width: 27%;
}
.supportContent>li:nth-of-type(3) {
	width: 15%;
}
.supportContent>li:nth-of-type(4) {
	width: 30%;
}
.supportContent>li:nth-of-type(3) .supportContentModular{
   padding-left:15%;
}
.supportContent>li:last-child .supportContentModular{
    text-align: left;
    /*padding-left:50%;*/
}
.supportContent>li h3{
    color:#fff;
    font-size:20px;
    font-weight:bold;
    line-height:34px;
    margin-top: 0;
}
.supportContent>li a{
    color:#fff;
    font-size:14px;
    line-height:30px;
}
.supportContent>li span{
    color:#fff;
    font-size:14px;
    line-height:30px;
}
.supportContent>li .LeavingMessage{
    border:1px solid #fff;
}
/*****  footer  *****/
.footer{
    width:100%;
    /*height:112px;*/
    background:#111;
}
.footerTextContent{
    padding:26px 0;
}
.footerFont{
    font-size: 12px;
    color:#fff;
    line-height:34px;
    margin-bottom: 0;
}
.footerTextContent p:last-child{
    margin-bottom:0;
}


@media only screen and (min-width: 1025px) and (max-width: 1366px) {
    .PaddingSpacing {
        padding: 48px 0 54px 0;
    }
    /******  title  *******/
    .titleContent h3 {
        font-size: 30px;
    }



    /*****  support  *****/
    .support .supportContainer>img{
        min-height: 300px;
    }


    /*.support ul.supportContent>li{
        width:23%;
    }
    .support ul.supportContent>li:nth-child(2){
        width:31%;
    }*/
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container{
        width:750px;
    }

    /************* header  ***************/
    .navbar-collapse{
        padding:0;
    }
    /*.nav > li > a {
        padding: 10px 12px;
    }*/
    .navbar-brand {
        /*height: 40px;*/
        font-size: 16px;
    }
}
@media only screen and (max-width:1200px ) {
	.support{
		background-size:auto 100%;
	}
}
@media (max-width:860px) {

}
@media (max-width:820px) {
	.supportContent>li:nth-of-type(2n){
		width: 58%;
		margin-bottom: 20px;
	}
	.supportContent>li:nth-of-type(2n-1){
		width: 40%;
		margin-bottom: 20px;
	}
	.supportContent>li:nth-of-type(3) .supportContentModular{
		padding-left: 0;
	}
}
@media (max-width: 767px) {

    h3.MiddleTitle.MiddleTitleSpace {
        margin: 10px 0 14px 0;
    }
	.navbar > .container .navbar-brand{
		margin-left: 0;
		font-size: 16px;
	}
    /******* title *******/
    .titleContent h3 {
        font-size: 18px;
    }
    .MiddleTitle {
        font-size: 16px;
    }
    .titleContent {
        margin-bottom:0;
    }
    .PaddingSpacing {
        /*padding: 20px 0 16px 0;*/
        /*padding: 20px 0 24px 0;*/
    }
    .BasicsFont {
        font-size: 12px;
        line-height: 22px;
    }


    .container{
        width:100%;
        padding:0 10px;
    }


    /* navBar*/
    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background: none;
    }
    .navbar{
        background: #333;
        color: #fff;
    }
    a.navbar-toggle {
        background-color: #fff;
    }
    .navbar-nav {
        width:100%;
        text-align: center;
    }
     .navbar-brand {
     	padding: 15px 15px;
     	font-size: 16px;
     }
    .navbar-collapse{
        background:#333;
    }
    .navbar-nav {
        text-align: left;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
        color:#fff;
    }



    /********** 大赛支持 **********/
    .supportContent>li h3 {
        font-size: 14px;
        line-height: 6px;
    }
    .supportContent>li a {
        font-size: 12px;
        line-height: 22px;
    }
    .supportContent>li {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        /*padding-left: 8%;*/
    }
    .supportContent>li:nth-child(3) .supportContentModular {
        padding-left:0;
    }
    .supportContent>li:last-child .supportContentModular {
        text-align: left;
        padding-left: 0;
    }
    .support .supportContainer>img {
        min-height: 494px;
    }
    .supportContent li.LeavingMessage{
        width: 60px;
        text-align: center;
    }

    /***********  footer  **************/
    .footer {
        height: auto;
    }
    .footerTextContent {
        padding: 20px 0;
    }
    .footerFont {
        font-size: 12px;
        color: #fff;
        line-height: 22px;
    }
}
@media only screen and (max-width:560px ) {
	.supportContent>li{
		width: 100%!important;
		
	}
	.supportContent>li:last-of-type{
		margin-bottom: 0;
	}
	.supportContent{
		padding-bottom: 10px;
		margin-bottom: 0;
	}
}
@media only screen and (max-width:420px ) {
	 .supportContent>li {
	 	padding-left: 0;
	 }
}