@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ margin:0; padding:0; overflow-x:hidden;}
body{margin:0; padding:0; font-size:12px;font-family:"微软雅黑", arial; width:100%; }
a:link{ color:#1d1d1d; text-decoration:none;} 
a:active:{color:#1d1d1d; text-decoration:none; }
a:visited {color:#1d1d1d; text-decoration:none;}  
a:hover {color:#1d1d1d; text-decoration:none;}
div,form,img,ul,ol,li,dl,dt,dd,input{margin:0; padding:0; border:0; }
li,dl{list-style-type:none;}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;}
.clear{ clear:both;}
.applex_topbg{ border-bottom:1px #e5e5e5 solid; height:53px; line-height:53px; min-width:1200px;}
.applex_top{ width:1200px; margin:0 auto; font-size:16px; color:#595959;}
.applex_top a{ font-size:14px; color:#888888; padding:0 5px;}
.applex_top_left{ float:left; width:700px;}
.applex_top_right{ float:right; width:500px; text-align:right; font-size:14px;}
.applex_top_right a{ padding:0 20px;}
.applex_top_right a.applex_top_right_btn{ background:#f2681d; padding:3px 10px; color:#fff;}

.applex_banner{ background:#f2f2f2; position:relative; height:950px; min-width:1200px;}
.applex_banner h1{ font-size:76px; color:#0967c7; text-align:center; font-weight:normal; padding-top:100px;}
.applex_banner p{ font-size:49px; color:#494949; text-align:center; padding-top:10px;}
.applex_banner_list{ background:url(../images/config_bg.jpg) no-repeat center 0; width:845px; height:93px; margin:50px auto 80px auto; z-index:3;position:relative;}
.applex_banner_list li{ float:left; width:180px; text-align:center; font-size:20px; color:#595959; padding-top:13px; margin-right:40px;}
.applex_banner_list li:nth-child(2){padding-top:22px;}
.applex_banner_list li:nth-child(3){margin-right:45px;padding-top:22px;}
.applex_banner_list li:nth-child(4){margin-right:0px;padding-top:22px;}
.applex_banner_list li span{ font-size:14px; display:block;}
.applex_price{ background:url(../images/hot.png) no-repeat 0 0; line-height:112px; font-size:28px; color:#595959; width:300px; margin:0 auto; padding-left:90px; padding-top:20px; z-index:10; position:relative;} 
.applex_activity{ background:url(../images/banner_topadv.jpg) no-repeat 0 0; width:403px; height:80px; position:relative; z-index:13; margin:0 auto; padding-top:20px; line-height:30px}
.applex_activity_left{ float:left; width:186px; text-align:center; font-size:18px; color:#595959;}
.applex_activity_right{ float:right; width:145px; font-size:18px; color:#595959;}
.applex_activity_right span.red{ color:#dc3c3c;}
.applex_activity_right a{ color:#dc3c3c; font-size:14px; display:block;}
.applex_activity_guize{ position:absolute; top:-200px; left:-150px; width:600px; height:300px; padding:30px 20px; background:#fff;  border:1px #cecece solid;  border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;box-shadow: 5px 5px 20px #888888;}
.applex_activity_guize p{ font-size:16px; color:#595959; line-height:36px;text-align:left;}
.apple_close{ position:absolute; top:10px; right:10px; cursor:pointer;}
.applex_price span{ font-size:56px; color:#ff6600;}
.applex_btn{ width:520px; margin:0 auto; padding-top:60px; z-index:11; position:relative;}
.applex_btn a{ display:inline-block; width:210px; height:60px; line-height:60px; text-align:center; background:#0a6ccf; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:18px; color:#fff; margin:0 25px;}
.applex_btn a.applex_org{ background:#ff6600;}
.applex_img{ position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:2;}
@media screen and (max-width: 1200px) { 
.applex_img{ position:absolute; bottom:0; left:50%;margin-left:-600px; z-index:2;}
.applex_img img{width:1200px;}
} 

.applex_one{  width:1200px; margin:0 auto;text-align:center; padding:60px 0;}
.applex_title{ font-size:36px; color:#393939; line-height:60px;}
.applex_oneimg{ padding:50px 0;}
.applex_one p{ font-size:16px; color:#595959; line-height:30px;}
.applex_cpubg{ background:url(../images/cpu_bg.jpg) no-repeat center 0; height:835px; min-width:1200px;}
.applex_cpu{ width:1200px; margin:0 auto; padding:60px 0;}
.applex_cpu_left{ float:left; width:420px; padding-top:120px}
.applex_cpu_right{ float:right; width:700px;padding-top:120px}
.applex_title1{ font-size:36px; color:#fff; line-height:60px;}
.applex_cpu_right p{ color:#fff; line-height:30px; font-size:16px; padding-top:50px;}
.applex_cpu_rightbtn{ padding-top:40px;}
.applex_cpu_rightbtn a{ display:block; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:18px; color:#fff; background:#ff6600; width:430px; height:60px; text-align:center; line-height:60px;}
.applex_roombg{ background:url(../images/contrastbg.jpg) no-repeat center 0; height:1082px; min-width:1200px;}
.applex_room{ width:1200px; margin:0 auto; color:#fff; text-align:center; padding:80px 0 60px 0;}
.applex_title2{ color:#fff;}
.applex_room p{ color:#fff; line-height:30px; font-size:16px; padding-top:30px;}
.applex_roomtable{ padding-top:50px}
.applex_tablename{ font-size:30px; color:#ffd800; margin-bottom:50px;}
.applex_roomtable table{ width:100%; border-collapse:collapse;}
.applex_roomtable table td{ border:1px #fff solid; padding:20px 10px; font-size:16px;} 
.applex_tablebtn{ padding-top:40px;}
.applex_tablebtn a{ display:block; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:18px; color:#fff; background:#0a6ccf; width:430px; height:60px; text-align:center; line-height:60px; margin:0 auto}
.applex_server{ text-align:center; padding:60px 0; min-width:1200px;}
.applex_server p{ padding-top:30px; font-size:16px; color:#595959; line-height:30px;}
.applex_serverimg{ padding-top:50px}
.applex_casebg{ background:#f2f2f2; padding:60px 0; min-width:1200px;}
.applex_case{ width:1200px; margin:0 auto; text-align:center;}
.applex_case_img{ padding-top:50px}
.applex_footerbg{ background:#2f3439 url(../images/footerbg.jpg) no-repeat center bottom; min-width:1200px;}
.applex_footer{ width:1200px; margin:0 auto; text-align: center; padding:60px 0;}
.applex_titlef{ font-size:48px; color:#fff;}
.applex_titlef span{ font-size:36px; padding-top:10px; display:block;}
.applex_footer_topimg{ padding-bottom:30px}
.applex_footer p{ font-size:26px; color:#fff; padding-top:30px;}
.applex_footer p span{ font-size:40px; color:#ff6600; padding-top:30px;}
.applex_footer_img{ padding:50px 0;}
.applex_footer_btn{ padding-top:0px;}
.applex_footer_btn a{ display:block; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:18px; color:#fff; background:#ff6600; width:260px; height:60px; text-align:center; line-height:60px; margin:0 auto}
.applex_footer_bbcs{ text-align:center; font-size:16px; padding-top:10px;}
.applex_footer_bbcs a{ color:#fff; text-decoration:underline;}





/*参数页面样式*/
.mi4-content-specs .main{position:relative;width:1200px;margin:0 auto;}
.mi4-content-specs .box-left{position:relative;float:left;*display:inline;width:178px;}
.mi4-content-specs .box-left .side-bar{position:fixed;top:480px;left:50%;height:300px;margin-left:-620px;margin-top:-150px;-webkit-transition:top .5s linear;transition:top .5s linear}
.mi4-content-specs .box-left .side-fixed-center{position:fixed;top:50%;left:50%;margin-left:-620px;margin-top:-130px}
.mi4-content-specs .box-left .side-fixed-bottom{position:absolute;top:auto;bottom:0;left:0;margin-left:0;margin-top:0}
.mi4-content-specs .box-left .side-ie{position:absolute;top:150px;left:0;margin-left:0;margin-top:0}
.mi4-content-specs .box-left ul{margin:0;padding:0;list-style-type:none}
.mi4-content-specs .box-left ul li{height:34px;line-height:34px}
.mi4-content-specs .box-left ul li span{display:inline-block;*display:inline;*zoom:1;width:11px;height:11px;margin-right:20px;background:#fff url('../images/space-left-point.png') 0 -14px no-repeat}
.mi4-content-specs .box-left ul li a{cursor:pointer;font-size:14px}
.mi4-content-specs .box-left ul .show-item span{background-position:0 0}
.mi4-content-specs .box-left ul .show-item a{font-size:24px;color:#333}
.mi4-content-specs .box-right{float:right;*display:inline;width:1010px; padding-top:50px; }
.jbxx{ padding-bottom:30px;}
.cu_title{ font-size:18px; color:#0a6ccf; padding-bottom:20px;}
.cu_jbxx li{ float:left; width:130px; height:110px; border:1px #0a6ccf solid;-moz-border-radius: 15px;  -webkit-border-radius: 15px;  border-radius:15px; margin:0 15px 30px 15px; font-weight:bold; font-size:16px; text-align:center; padding:20px 0 0 0; color:#444444;  }
.cu_jbxx li span{ display:block; font-weight:normal; padding-top:20px; color:#595959; font-size:14px;}
.cu_xjjs{ border-bottom:1px #eee solid; padding-bottom:50px;}
.cu_xjjs li{ border-bottom:1px #c4c4c4 dashed; font-size:16px; color:#555555; height:50px; padding-right:20px; line-height:50px; padding-left:10px;}
.nunb{ float:right; padding-top:15px;}
.cu_xjjs li .ytq{ line-height:10px;}
.cu_huanjing{ font-size:16px;color:#444444; padding-bottom:50px;  }
.cu_huanjing a{color:#0a6ccf; text-decoration:underline; }
.cu_huanjing1{ font-size:16px;color:#444444;padding-bottom:15px;  }
.cu_huanjing span,.cu_huanjing1 span{ padding-left:300px; }
.cu_arm li{ float:left; width:200px; text-align:center; padding-top:30px; }
.cu_arm li span.img1{ display:block; height:100px;}
.cu_arm li p{ font-weight:bold; font-size:16px; color:#444444; padding-bottom:5px;}
.cu_arm li span{font-size:16px; color:#444444;}







@media screen and (max-width: 768px){
.applex_topbg{min-width:360px; height:auto; padding-top:50px;}
.applex_top{ height:90px; width:95%; margin:0px auto 10px;line-height:25px;}
.applex_top_left{ width:100%}
.applex_top_left,.applex_top_right{width:100%; float:none; text-align: left;}
.applex_top_right{ margin-top:10px;}
.applex_top a{ padding:0;}
.applex_top_right a{ padding-right:5px; padding-left:0;}

.applex_banner{min-width:360px;height: 750px;}
.applex_banner h1{ font-size:50px;padding-top: 50px;}
.applex_banner p{ width:95%; margin:0 auto; font-size:32px;}
.applex_banner_list{ width:95%; height:auto; background:none;margin: 30px auto;}
.applex_banner_list li{ width:22.4%; margin-right:3%; border:1px solid #ccc;height: 120px; border-radius:5px;}
.applex_banner_list li:nth-child(2),.applex_banner_list li:nth-child(4){padding-top: 33px; height: 100px;}
.applex_banner_list li:nth-child(3){ margin-right:2%;padding-top: 33px; height: 100px;}
.applex_price{width:70%; padding-left:25%;}
.applex_activity{ width:95%;background-size: contain;}
.applex_activity_left{ width:45%; font-size:16px; padding-left:2%; text-align:left;}
.applex_activity_right{ width:35%;}

@media screen and (min-width:460px){
.applex_activity_left{ width:35%;}
.applex_activity_right{ width:45%;}	
	
	}
	
.applex_btn{ width:300px;}	
.applex_btn a{ width:120px;height:40px; line-height:40px; margin:0 15px}	

.applex_img{ position:absolute; bottom:0; left:0; margin-left:0; z-index:2;}
.applex_img img{ width:100%;}

	
.applex_one{ width:95%;}
.applex_title{ font-size:24px; line-height:35px;}
.applex_oneimg img{ width:100%;}
.applex_tablebtn a{ width:300px;}

.applex_cpubg{ min-width:360px;}
.applex_cpu{ width:100%;padding: 40px 0;}
.applex_cpu_left{ width:100%;text-align: center; padding-top:0; float:none;}
.applex_cpu_left img{ width:80%;}
.applex_cpu_right{ width:95%; float:none; margin:0 auto;padding-top: 20px;}
.applex_title1{ font-size:20px; line-height:30px;}
.applex_cpu_right p{padding-top: 20px; font-size:14px;}
.applex_cpu_rightbtn a{ width:340px;margin: 0 auto;}

.applex_roombg{min-width:360px; height:auto;}
.applex_room{ width:95%;padding: 40px 0;}
.applex_roomtable{padding-top:30px;}
.applex_tablename{ font-size:20px;margin-bottom: 20px;}
.applex_roomtable table td{ padding:5px; font-size:14px;}

.applex_server{ width:95%; margin:0 auto; min-width:360px;}
.applex_serverimg img{ width:100%;}

.applex_casebg{ min-width:360px;}
.applex_case{ width:95%;}
.applex_case_img{padding-top:30px;}
.applex_case_img img{ width:100%;}

.applex_footerbg{ min-width:360px;}
.applex_footer{ width:95%;}
.applex_footer_topimg img{ width:100%;}
.applex_titlef{ font-size:36px;}
.applex_titlef span{ font-size:30px;}
.applex_footer_img img{ width:100%;}


.main_top .menu{ width:100% !important;}


.mi4-content-specs .box-left{ display:none;}
.mi4-content-specs .box-right{ float:none; width:100%;}
.mi4-content-specs .main{ width:95%;}
.cu_jbxx li{ width:29%;margin: 0 2% 30px; box-sizing:border-box; padding: 10px 0 0 0; font-size:14px;}
.cu_arm li{ width:33%;}	
.cu_arm li span.img1{ height:80px;}
.cu_huanjing{ padding-bottom:0;}
	}