﻿ /* wmx80_css  */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, table, th, td, blockquote, fieldset, div, strong, label, em{margin:0; padding:0; border:0; }
ul, ol, li{list-style:none; }
input, button,textarea{margin:0; font-size:12px; vertical-align:middle; font-family:microsoft yahei, arial, helvetica, sans-serif  arial, helvetica, sans-serif;}
body{font:1rem microsoft yahei, arial, helvetica, sans-serif  arial, helvetica, sans-serif; margin:0; color:#515567; background-color:#f0f0ee }
table{border-collapse:collapse; border-spacing:0; }
a{text-decoration:none; outline:none; color:#515567; -webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
img{-webkit-transition:all 400ms ease-out; -mozilla-transition:all 400ms ease-out; -ms-transition:all 400ms ease-out; -o-transition:all 400ms ease-out; transition:all 400ms ease-out; }
a:hover{text-decoration:none; -moz-transition:color .4s linear; -webkit-transition:color .4s linear; transition:color .35s linear; }
.cl{height:0; font-size:1px; clear:both; line-height:0; }
.none{display:none}
*:focus{outline:none}
i,em,ins,u{font-style:normal; text-decoration:none }	
nav,footer,section,header,article{display:block;}
.wrap{width:1180px;margin:0 auto; }
.wrap li {  
    padding:0;   
    margin:0 2px 0 0;   
    width:20%;
	margin:0 auto; float:left;
	text-align:center;
    cursor:pointer;
	color:#282828;
	font-family:microsoft yahei;
}
.wrap .navLst
{
width:100%;
height:460px;
background:url(../images/mbg.png) repeat;text-decoration:none;
display:none;
}

.wrap .pshownavLst
{
width:100%;
height:350px;
background:url(../images/mbg.png) repeat;text-decoration:none;
display:none;
}

.wrap .pshownavLst dl {
    margin-left:0px;
	padding-left:0px;  
    text-align:center;
	float:left;
	width:20%;
}
.wrap .pshownavLst dl dt{
    text-align:left;
	line-height:35px;
	padding-left:72px;
	font-size:16px; font-family:microsoft yahei;
}
.wrap .pshownavLst dl dd{
    text-align:left;
	width:100%;
	float:left;
	line-height:25px;
	padding-left:72px;
}
.wrap .pshownavLst dl dd a{ font-size:15px; font-family:microsoft yahei;
}


.wrap .pshownavLst dl {
    margin-left:0px;
	padding-left:0px;  
    text-align:center;
	float:left;
	width:20%;
}
.wrap .pshownavLst dl dt{
    text-align:left;
	line-height:35px;
	padding-left:72px;
	font-size:16px; font-family:microsoft yahei;
}
.wrap .pshownavLst dl dd{
    text-align:left;
	width:100%;
	float:left;
	line-height:25px;
	padding-left:72px;
}
.wrap .pshownavLst dl dd a{ font-size:15px; font-family:microsoft yahei;
}

.wrap  .xm{font-size:20px; cursor:pointer; text-decoration:none; }
.wrap  .ha{background:url(../images/bgmenu.png) no-repeat center center;text-decoration:none;}
.wrap  .no{text-decoration:none; background-image:none;}

.wrap .navLst dl {
    margin-left:0px;
	padding-left:0px;  
    text-align:center;
	float:left;
	width:20%;
}
.wrap .navLst dl dt{
    text-align:left;
	line-height:35px;
	padding-left:72px;
	font-size:16px; font-family:microsoft yahei;
}
.wrap .navLst dl dd{
    text-align:left;
	width:100%;
	float:left;
	line-height:25px;
	padding-left:72px;
}
.wrap .navLst dl dd a{ font-size:15px; font-family:microsoft yahei;
}




.bgfff{ background:#fff}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden}
.bornone{ border:none !important}
.clearfix{*zoom:1; }
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0; }
.clearfix:after{clear:both; }
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:none;}
/*******公共样式结束*********/


/******首页******/
.header{ height:130px; background:#fff;}
.header .logo{ width:300px; padding-top:20px; padding-left:40px}
.header .logo img{ display:block; width:300px;}
.header .headm{ width:370px; padding-top:30px;}
.header .headm p{ text-align:right; display:block; font-size:12px; line-height:22px; color:#000; padding-top:12px}
.header .headm p i{ font-size:16px; padding-left:3px}
.header .search{ height:28px; font-size:12px; color:#000}
.header .search span{ display:block; float:left;line-height:28px}
.header .search span a{ color:#000; margin:0 10px;}
.header .searchm{ width:156px; height:26px; border:1px solid #797979; }
.header .searchm .webtxt{ height:20px; line-height:20px; width:126px; padding-left:5px; border:none; background:none}
.header .searchm .webtn{ width:20px; height:20px; background:url(../images/searchico.png) no-repeat center; border:none; cursor:pointer }



.banner{ height:63px; position:relative; background:#f0f0f0}
.banner .nav{  width:1002px; margin:0 auto;  height:58px;  line-height:58px; font-size:20px; text-align:left; z-index:99999}
.banner .nav a{ display:inline-block; color:#000; display:block;   float:left; padding-right:80px;}
.banner .jiao{background:url(../images/all_jiao.gif) no-repeat center; width:150px;}
.banner .nav a:hover{color:#FF0000}
.banner .nav .gwc{ position:relative;  width:55px;   height:54px; background:url(../images/pt1.png) no-repeat center; float:right; margin-top:4px; }
.banner .nav .gwc a{ width:50px; position:absolute; left:-7px;color:#ffffff; top:-10px; display:inline-block; font-size:14px; text-align:center}
.banner .blank{height:5px; background-color:#FFFFFF; width:100%;} 

/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{width:100%; height:10px; display:none; background:url(../images/timer.png);position:absolute; z-index:200;top:0px;}
.tp-bannertimer.tp-bottom					{	bottom:0px;height:5px; top:auto;}



.focus{ position:relative; height:701px;}  
.focus img{ width:1180px; height: 701px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none;  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;} 

.nebtn{ padding:28px 0 45px}
.news{ width:730px;}
.news b{ font-size:16px; color:#000; padding-right:30px}
.news .webtxt{ width:610px; height:36px; border:1px solid #bbb}
.nbtns{ width:400px; text-align:right;}
.nbtns a{ display:inline-block; margin-left:30px; width:160px; height:40px; line-height:40px; background:#ff0000; text-align:center; color:#fff; font-size:18px}

.graybg{ background:#c7c5c5}
.graybg .wrap{ background:#fff}
.graybg img{ display:block;}

.foot{ margin-top:60px; border-top:1px solid #000; padding:12px 0}
.foot dl{ width:25%; text-align:center; line-height:28px; font-size:14px; float:left}
.foot dt{ font-size:16px; color:#ff0000; font-weight:bolder}
.footer{ background:#ff0000; height:70px; color:#fff}
.footer .fl{ width:500px; padding-top:10px; font-size:13px}
.footer .fl span{ display:block; padding:6px 0;}
.footer .fl span a{ margin-right:18px; color:#fff}
.footer .fl p{ display:block}

.footer .fr{ padding-top:18px}
.footer .fr a{ margin-left:18px}
  




/*  */
.wraptype{width:1180px; height:270px; margin:0 auto; margin-top:45px;margin-bottom:25px;  }
.wraptype ul{width:100%}
.wraptype li {  
    padding:0;   
    margin:0 2px 0 0;   
    width:32%;
	height:270px;
	margin:0 auto; float:left;
	text-align:center;
    cursor:pointer;
	color:#fff;
	font-family:microsoft yahei;
	margin-left:23px;
	margin-bottom:10px;
	position:relative;
}
.wraptype .tit{ padding-top:85px ; padding-bottom:30px; font-size:45px;}
.wraptype .tit p{ line-height:30px;}
.wraptype .bg{ position:absolute; height:20px; width:100%; background-color:#FFFFFF; bottom:0px;}
.wraptype .c1{ background-color:#d8d8d8;margin-left:0px;}
.wraptype .c2{ background-color:#ebce92;}
.wraptype .c3{ background-color:#ec877b;}
 

.wraptype2{width:1180px; height:210px; margin:0 auto; margin-top:45px;margin-bottom:25px;  }
.wraptype2 ul{width:100%}
.wraptype2 li {  
    padding:0;   
    margin:0 2px 0 0;   
    width:277px;
	height:170px;
	margin:0 auto; float:left;
	text-align:center;
    cursor:pointer;
	color:#fff;
	font-family:microsoft yahei;
	margin-left:23px;
	margin-bottom:10px;
	position:relative;
}
.wraptype2 .tit{ padding-top:55px ; padding-bottom:10px; font-size:22px;}
.wraptype2  p{ line-height:30px; font-size:16px;  }
.wraptype2 .bg{ position:absolute; height:20px; width:100%; background-color:#FFFFFF; bottom:0px;}
.wraptype2 .c1{ background-color:#d8d8d8;margin-left:0px;}
.wraptype2 .c2{ background-color:#93d6c5;}
.wraptype2 .c3{ background-color:#ebcd8f;}
.wraptype2 .c4{ background-color:#ee8477;}



 
#wrapxptj{width:1180px; height:1120px; display:block; margin:0 auto; }
#wrapxptj .xp_tit{ font-size:30px; height:50px; margin-bottom:10px; font-weight:bold; color:#8c8c8c; font-family:microsoft yahei;}
#wrapxptj ul{}
#wrapxptj li{margin:0 auto; height:490px; width:275px; background-color:#FFFFFF; float:left; margin-left:25px; margin-top:25px;}
#wrapxptj li .bg{ background-color:#f7f7f7; margin:0 auto; margin-top:8px;  width:95%; height:300px;}
#wrapxptj li .tit{ width:100%; text-align:center; line-height:45px; color:#a2a2a2; font-weight:bold;  font-size:21px; }
#wrapxptj li .price{ width:100%; text-align:center; line-height:25px; font-size:28px; color:#000; font-weight:bold; margin-bottom:15px;}
#wrapxptj li .btn{ width:100%; text-align:center; background: url(../images/bugbtn.jpg) no-repeat; width:150px; height:72px; margin:0 auto;}
#wrapxptj .clear{ margin-left:0px;}
 
#Nas{height:500px;}
.wrapprolst{width:100%;  height:500px;}
.bg1{background-color:#cdcdcd; width:100%; height:500px;}
.bg2{background-color:#ee8477;width:100%; height:500px;}
.bg3{background-color:#81cede;width:100%; height:500px;}
.bg4{background-color:#bae562;width:100%; height:500px;}
.wrapprolst ul{ width:1180px;margin:0 auto; }
.wrapprolst li {  
    padding:0;   
    margin:0 2px 0 0;   
    width:100%;
	height:500px;
	margin:0 auto; float:left;
	text-align:center;
    cursor:pointer;
	color:#fff;
	font-family:microsoft yahei;
	position:relative;
}
.wrapprolst li .proimg{width:50%; float:left; padding-top:70px;}
.wrapprolst li img{width:100%; }
.wrapprolst li .content{width:50%; float:left;   text-align:left; margin-top:95px;  color:#000;}
.wrapprolst li .content .tit{ font-size:40px; line-height:80px;  padding-left:95px; font-weight:bold;}
.wrapprolst li .content .stit{ font-size:22px; padding-left:95px;line-height:30px;  }
.wrapprolst li .content .detail{ font-size:16px; padding-left:95px;line-height:30px; padding-top:15px;}
.wrapprolst li .content .mybtn{ padding-left:95px;line-height:30px; padding-top:45px;}
.wrapprolst li .content .mybtn a{font-size:16px; background-color:#FF0000; color:#fff; display:block; width:90px; text-align:center}


 
 
 
.server{width:100%; height:500px;}
.serverbg1{background-image:url(../images/ser-bg1.jpg);background-position:center; background-repeat:no-repeat; width:100%; height:500px;}
.serverbg2{background-image:url(../images/ser-bg2.jpg);background-position:center;  background-repeat:no-repeat;width:100%; height:550px;}
.serverbg3{background-image:url(../images/ser-bg3.jpg);background-position:center; width:100%; height:500px;}
.serverbg4{background-image:url(../images/ser-bg4.jpg);background-position:center; width:100%; height:500px;}
.serverbg5{background-image:url(../images/ser-bg5.jpg);background-position:center; width:100%; height:500px;}
.serverbg6{background-image:url(../images/ser-bg6.jpg);background-position:center; width:100%; height:500px;}
.serverbg7{background-image:url(../images/ser-bg7.jpg);background-position:center; width:100%; height:500px;}
.serverbg8{background-image:url(../images/ser-bg8.jpg);background-position:center; width:100%; height:500px;}
.serverbg9{background-image:url(../images/ser-bg9.jpg);background-position:center; width:100%; height:500px;}
.serverbg10{background-image:url(../images/ser-bg10.jpg);background-position:center; width:100%; height:550px;}
.serverbg11{background-image:url(../images/ser-bg11.jpg);background-position:center; width:100%; height:550px;}
.serverbg12{background-image:url(../images/ser-bg12.jpg);background-position:center; width:100%; height:600px;}
.serverbg13{background-image:url(../images/ser-bg13.jpg);background-position:center; width:100%; height:600px;}
.serverbg14{background-image:url(../images/ser-bg14.jpg);background-position:center; width:100%; height:650px;}
.serverbg15{background-image:url(../images/ser-bg15.jpg);background-position:center; width:100%; height:650px;}
.serverbg16{background-image:url(../images/ser-bg16.jpg);background-position:center; width:100%; height:650px;}
.server ul{ width:1180px;margin:0 auto; }
.server li {  
    padding:0;   
    margin:0 2px 0 0;   
    width:100%;
	height:500px;
	margin:0 auto; float:left;
	text-align:center;
    cursor:pointer;
	color:#fff;
	font-family:microsoft yahei;
	position:relative;
}
.server li .proimg{width:50%; float:left;}
.server li img{width:90%; }
.server li .content{ float:left;    text-align:left; margin-top:95px;  color:#000; }
.server li .content .tit{ font-size:40px; line-height:80px;  padding-left:25px; font-weight:bold;overflow:hidden;}
.server li .content .stit{ font-size:22px; padding-left:25px;line-height:30px;overflow:hidden;  }
.server li .content .detail{ font-size:16px; padding-left:25px;line-height:30px; padding-top:15px; word-wrap:break-word;}
.server li .content .price{ font-size:20px; padding-left:25px;line-height:30px; padding-top:35px; color:#ff0000;}
.server li .content .mybtn{ padding-left:25px;line-height:30px; padding-top:25px; }
.server li .content .mybtn a{font-size:16px; background-color:#FF0000; color:#fff; display:block; width:90px; text-align:center} 