@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;list-style:none;text-decoration:none}
h1,
h2,
h3,
h4,
h5,
h6{font-weight:100}
img{border:none}
.floatL{float:left}
.floatR{float:right}
.clearit, .clearb{clear:both}
a{text-decoration:none;cursor: pointer;}
a:hover,
a:active,
a:visited,
a:focus{text-decoration:none;outline:none}
body{font-family:"微软雅黑",Helvetica,sans-serif;color:#333;height: 100%}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}
.field-validation-valid{color: red;text-indent:1em;display:block;font-size:13px}

/*头部导航*/
div.wrap{margin:0 auto;}
.main{background: #cceff8;padding:30px 0;}
.header{height:66px;width:1280px;line-height:66px;margin:0 auto;}
.content{width:1280px;margin:0 auto;}
ul.Aids_Home_ul li h2{font-size: 36px;}

.navigation{float: left;width:200px;text-align: center;padding-left:35px;}
.navigation h2{background: url(../images/pc/nav.png) no-repeat 0 center;font-size: 36px;color:#939393 ;}
.nav{float: left;}
.nav ul li{float: left;}
.nav ul li a{padding:0 20px;font-size: 21px;color: #939393;}
.nav ul li a:hover{color: #09BFFF}
.searchBox{float: left;background:#e6e5e5;width:250px;height:50px;border-radius: 50px;margin-top:8px;padding:0 15px;}
.searchtext{width:215px;background:none;height:50px;line-height:14px;font-weight:normal;border:none;float:left;color:#333;font-size:13px;box-sizing: border-box;-wekit-box-sizing:border-box;}
.searchbtn{background:url(../images/pc/search_btn.png) no-repeat center center;height:50px;cursor:pointer;display:block;border:none;float:right;width:35px;}

a.close{float: right;font-size: 30px;color:#939393;background: url(../images/pc/close.png) no-repeat 0 center;display: block;padding:0 50px;cursor: pointer;}
a.close .demo-class{cursor: pointer;}
/*主题内容*/
.logo{position: absolute;left:250px;top:0;z-index:1000 }
div.slider{float: left;width:780px;position: relative;}
ul.Aids_Home_ul li{position: relative;}
ul.Aids_Home_ul li a{display: block;position: absolute;top:0;left:0;text-align: center;color: #fff;}
div.visitBtn{float: right;width:500px;}
/*模块样式一*/
ul.Aids_Home_ul li.menu_li1{width:500px;background:#09bfff;}
ul.Aids_Home_ul li.menu_li1_1{width:500px;background:#fddf38;}
ul.Aids_Home_ul li a{width:500px;}
ul.Aids_Home_ul li span{
	display: block;position: absolute;filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);
    border-color: #fff;border-style:solid;border-left:none;border-bottom:none;
    border-right-color: transparent;}
ul.Aids_Home_ul li.menu_li1 span{border-right-width:500px;}
/*模块样式二*/
ul.Aids_Home_ul li.menu_li2{width:500px;background:#fe7011;float: left;}
ul.Aids_Home_ul li.menu_li2 a{width:500px;}
ul.Aids_Home_ul li.menu_li2 span{border-right-width:500px;}

/*模块样式三*/
ul.Aids_Home_ul li.menu_li3{width:500px;background:#f13680;float: left;}
ul.Aids_Home_ul li.menu_li3 a{width:500px;}
ul.Aids_Home_ul li.menu_li3 span{border-right-width:500px;}

i.icon{font-size: 120px;color: #fff;position: absolute;top:20%;width:100%;margin:0 auto;text-align: center;}

/* Generated by grunt-webfont */

@font-face {font-family:"icons";src:url("icons.eot");font-weight:normal;font-style:normal;}
@font-face {font-family:"icons";src:url("icons.eot");src:url("icons.eot?#iefix") format("embedded-opentype"),url("icons.woff") format("woff"),url("icons.ttf") format("truetype"),url("icons.svg?#icons") format("svg");font-weight:normal;font-style:normal;}
.icons{ width:730px; margin:0px auto}
.icons span{ margin:0 30px 0 0px; line-height:50px; display:block;}
.icon {font-family:"icons";display:inline-block;vertical-align:middle;line-height:1;font-weight:normal;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/* Icons */
.icon_q1:before {content:"\e015";}
.icon_q2:before {content:"\e016";}
.icon_q3:before {content:"\e01c";}
.icon_q4:before {content:"\e031";}
.icon_q5:before {content:"\e041";}
.icon_q6:before {content:"\e04d";}
.icon_q7:before {content:"\e015";}
.icon_q8:before {content:"\e016";}
.icon_q9:before {content:"\e01c";}
.icon_q10:before {content:"\e031";}
.icon_q11:before {content:"\e041";}
.icon_q12:before {content:"\e04d";}
.icon_q13:before {content:"\e06e";}
.icon_q14:before {content:"\e071";}
.icon_q15:before {content:"\e07e";}
.icon_q16:before {content:"\e083";}
.icon_q17:before {content:"\e08c";}
.icon_q18:before {content:"\e094";}
.icon_q19:before {content:"\e099";}
.icon_q20:before {content:"\e0ab";}
.icon_q21:before {content:"\e0ac";}
.icon_q22:before {content:"\e0b5";}
.icon_q23:before {content:"\e0c6";}
.icon_q24:before {content:"\e0d5";}
.icon_q25:before {content:"\e29e";}
.icon_q26:before {content:"\e29f";}
.icon_q27:before {content:"\e2a0";}
.icon_q28:before {content:"\e2a2";}
.icon_q29:before {content:"\e2a3";}
.icon_q30:before {content:"\e2a4";}

/*数字说明*/
ul.Aids_Home_ul{float: left}
div.Instruction{width:280px;background:#0abfff; float: right}
div.Instruction ul li{font-size: 24px;color: #fff;text-align: center;}
div.Instruction ul li.color_bg1{background:#09bfff}
div.Instruction ul li.color_bg2{background:#fddf38}
div.Instruction ul li.color_bg3{background:#fe7011}
div.Instruction ul li.color_bg4{background:#f13680}


@media only screen and (max-height:900px){
	i.icon{font-size: 110px!important;top:18%;}
}
@media only screen and (max-height:800px){
	i.icon{font-size: 100px!important;top:15%;}
}

@media only screen and (max-width:1290px){
	.header{width:980px;}
	.navigation{width:135px;text-align: right;padding-left:5px;}
	.nav ul li a{padding:0 10px;}
	.searchBox{width:165px;}
	.searchtext{width:130px;}
	a.close{padding:0 30px;}
	.content{width:980px;}
	div.slider{width:630px;}
	div.visitBtn{width:350px;}
	ul.Aids_Home_ul li.menu_li1,ul.Aids_Home_ul li a{width:350px;}
	ul.Aids_Home_ul li.menu_li1 span{border-right-width: 350px;}
	ul.Aids_Home_ul li.menu_li2,ul.Aids_Home_ul li.menu_li3,ul.Aids_Home_ul li.menu_li2 a,ul.Aids_Home_ul li.menu_li3 a{width:350px;}
	ul.Aids_Home_ul li.menu_li2 span,ul.Aids_Home_ul li.menu_li3 span{border-right-width: 350px;}
	ul.Aids_Home_ul li h2{font-size: 26px;}
} 
@media only screen and (max-height:800px){
	.header{width:980px;}
	.navigation{width:135px;text-align: right;padding-left:5px;}
	.nav ul li a{padding:0 10px;}
	.searchBox{width:165px;}
	.searchtext{width:130px;}
	a.close{padding:0 30px;}
	.content{width:980px;}
	div.slider{width:630px;}
	div.visitBtn{width:350px;}
	ul.Aids_Home_ul li.menu_li1,ul.Aids_Home_ul li a{width:350px;}
	ul.Aids_Home_ul li.menu_li1 span{border-right-width: 350px;}
	ul.Aids_Home_ul li.menu_li2,ul.Aids_Home_ul li.menu_li3,ul.Aids_Home_ul li.menu_li2 a,ul.Aids_Home_ul li.menu_li3 a{width:350px;}
	ul.Aids_Home_ul li.menu_li2 span,ul.Aids_Home_ul li.menu_li3 span{border-right-width: 350px;}
	ul.Aids_Home_ul li h2{font-size: 26px}
} 

@media only screen and (max-width:1000px){
	.header{width:100%;}
	.navigation{display: none}
	.nav ul li a{font-size: 18px;}
	.searchBox{width:165px;}
	.searchtext{width:130px;}
	a.close{padding:0;background: none}
	.content{width:100%;}
	div.slider{width:65%;}
	div.slider div.slider{width:100%;}
	div.visitBtn{width:35%;}
	ul.Aids_Home_ul{width:68%;}
	ul.Aids_Home_ul:last-child{width:100%;}
	ul.Aids_Home_ul li.menu_li1,ul.Aids_Home_ul li a{width:100%;}
	ul.Aids_Home_ul li.menu_li1 span{border-right-width:257px;}
	ul.Aids_Home_ul li.menu_li2,ul.Aids_Home_ul li.menu_li3{width:50%;}
	ul.Aids_Home_ul li.menu_li2 a,ul.Aids_Home_ul li.menu_li3 a{width:100%;}
	ul.Aids_Home_ul li.menu_li2 span,ul.Aids_Home_ul li.menu_li3 span{border-right-width: 257px;}
	ul.Aids_Home_ul li h2{font-size: 26px;}
	div.Instruction{width:32%;}
	
} 

@media only screen and (max-width:768px){
	.main{padding:115px 0;}
	i.icon{font-size: 90px!important}
	div.Instruction ul li{font-size: 20px;}
}

@media only screen and (max-height:700px){
	ul.Aids_Home_ul li h2{font-size: 24px;}
	i.icon{font-size: 75px!important;}
	div.Instruction ul li{font-size: 20px;}
	
}









