
@import "zycp1.css";

@font-face {
font-family: 'unmn';
src: url('font/unmn.eot?90518967');
src: url('font/unmn.eot?90518967#iefix') format('embedded-opentype'),
	 url('font/unmn.woff?90518967') format('woff'),
	 url('font/unmn.ttf?90518967') format('truetype'),
	 url('font/unmn.svg?90518967#edit') format('svg');
font-weight: normal;
font-style: normal;
}
.font-unmn{ font-family:'unmn'; font-weight:normal; font-style:normal; padding-right:5px}
.catitme{ background:#fff; overflow:hidden; padding:10px 0 0; box-shadow:0 0 3px #aaa}
.catitme li{ float: left;  display:inline; margin:10px 0 0px;} 
.catitme li a{ display:block;height:35px; line-height:35px; font-size:18px;  padding:0 10px 0 20px; overflow:hidden; margin:0 0 0 20px; border-bottom:4px solid #fff; }

.catitme li.on a{ background:#0F69FF; color:#fff; text-decoration:none; border-color:#041A40}

.desjf{ background:#fff; box-shadow:0 0 3px #aaa; overflow:hidden}
.tab_tit{ background:#0F69FF; color:#fff;  height:65px; line-height:65px}
.tab_tit a{ height:100%; padding:0 20px; font-size:18px; color:#fff; display:block; float:left;}
.tab_tit a b{}
.tab_tit a:hover{ background:#07347F}
.tab_tit a:hover b,.tab_tit a.on b{ color:#FF0}
.tab_tit a.on{ background:#041A40}
.desjf .con{ overflow:hidden; clear:both}
.desjf .con dl{}
.desjf .con dl{ float:left; width:525px; display:inline; margin:0 0 0 50px; padding:25px 0}
.desjf .con dl dt{ font-size:18px; background:url(../images/td_dtb.jpg) no-repeat 0 12px; height:30px; line-height:30px; font-weight:bold; padding:0 0 10px 20px }
.desjf .con dl dd{ font-size:14px; line-height:25px; padding-left:20px; color:#606060}

.ctitle{ font-size:24px; height:45px; line-height:45px; color:#202020}
.goodsbox{ background:#fff; overflow:hidden;box-shadow:0 0 3px #aaa}
.goodsbox .tit{ background:#0F69FF; height:55px; line-height:55px; color:#fff; width:1200px}
.goodsbox li,.tab_con li,.goodsbox li.g1 b{ float:left; height:55px; line-height:55px; display: inline; width:124px; padding:0 0 0 20px; overflow:hidden}
.goodsbox .tit li{ font-size:16px; font-weight:bold}
.goodsbox li.g0,.goodsbox li.buy{ width:140px}
.goodsbox li.price{ width:136px}
.goodsbox li.g1{ width:724px; padding:0; overflow:hidden}
.goodsbox li.g1 b{ font-weight:normal; display:block; height:65px; line-height:65px;  }
 
.goodsbox .con li.g0,.tab_con ul li.g0{ border-left:5px solid #fff; width:135px}
.goodsbox .con{ background:#fff}
.goodsbox .con ul,.tab_con ul{ width:1200px; border-top:1px dotted #dededf; height:65px; clear:both}
.goodsbox .con li,.tab_con ul li{ height:65px; line-height:65px; color:#525252}

.goodsbox .con ul:hover,.tab_con ul:hover{border-top:none; height:66px}
.goodsbox .con ul:hover li,.tab_con ul:hover li{ background:#FFF8CC; color:#f40;}
.goodsbox .con ul:hover li.g0,.tab_con ul:hover li.g0{ border-left-color:#FDC803; }

.goodsbox .con li.price,.goodsbox .con ul:hover li.price{ font-size:14px; color:#DA1B21;}
.goodsbox .con li.price span{font-family: HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:24px; padding:0 5px}

 



.goodsbox .con li.buy input{color:#fff; border-radius:3px; background:#F0A303; padding:5px 20px; font-size:16px; border:1px solid #D69203; display:block; margin:12px 0 0}
.goodsbox .con li.buy input:hover{ background:#FDAC03}
.tab_con{ display:none}
.tab_con ul li{ width:580px;}
.tab_con ul li.g0{ width:575px; text-align:center}

.x1a_t{ padding:0 25px; clear:both}
.x1a_t .exo{ float:left; height:30px; line-height:30px; color:#666; width:120px; text-align:right}
.x1a_t .emo{ float:left; padding:0 0 0 5px; height:30px; line-height:30px}




.bannermsg .titleinfo {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 5px;
}





/*×âÓÃ*/
.zuyong_banner{width:100%; margin:0 auto; height:320px; background:url("../images/server/zuyong_banner.jpg") top center no-repeat;min-width:1180px;}
.zuyong_banner .bannermsg{width: 528px !important;}
.zuyong_banner .bannermsg a{ margin:70px auto 10px; !important;}
.zuyong_banner .zixun{ left:150px !important;}

.sec_zuyong{ height:1160px; background:#fafafa; min-width:1180px; padding-bottom:30px;}
.sec_zuyong .tiptext{ background:#fff; overflow:hidden;}
.sec_zuyong .tiptext p{ text-align:center;line-height:35px; font-size:16px; color:#808080;}
.sec_zuyong .tiptext .zuyong_ad{ height:165px; width:755px; display:block; margin:50px auto 80px;background:url("../images/main_site/main_img1.png") no-repeat -385px -144px;}

.sec_zuyong .stypechose{ width:158px; margin:20px auto 30px; overflow:hidden;}
.sec_zuyong .stypechose li{ width:100%; float:left; color:#333; text-align:center; cursor:pointer;}
.sec_zuyong .stypechose h3{ font-size:20px;}
.sec_zuyong .stypechose p{line-height:30px; font-size:12px; margin:0; color:#333!important;}
.sec_zuyong .stypechose .active{ color:#0095db; border-bottom:1px solid #0095db;}

.sec_zuyong .pright {margin: 0px;float: left;width: 718px;}

.sec_zuyong .sellist{ width:460px !important;}
.sec_zuyong .sellist select{ height:50px; border:1px solid #0072ff; line-height:50px;}
.sec_zuyong .sellist .iplist{ width:205px !important; float:right;position:relative;}
.sec_zuyong .sellist .iplist i{width: 30px;height: 30px; display:block; position:absolute;top:12px;cursor: pointer;}
.sec_zuyong .sellist .iplist .min {background:url("../images/server/min.png") no-repeat;left: 0px;}
.sec_zuyong .sellist .iplist .pul {background:url("../images/server/pul.png") no-repeat;left: 112px;}
.sec_zuyong .sellist .iplist span{ position:absolute; right:40px; top:15px;}
.sec_zuyong .sellist .iplist .puttext{ width:50px; margin-left:40px; height:45px;border:none; text-align:center; color:#0072ff;}


.sec_zuyong .shich{position:relative; top:6px;}
.sec_zuyong .shich .choose{border-radius: 4px 0 0 4px;width:65px;background: #66abff;border: 1px solid #0072ff;border-right: none;color: #434343;float: left;height: 35px;line-height: 35px;text-align: right;position: absolute;left: 0px;top: 0px;}
.sec_zuyong .shich .choose span {border-right: 1px solid #338eff;display: block; text-align:center; color:#fff;}
.sec_zuyong .shich .group {position: relative;width:505px;float: left;left:66px;top: 0px;cursor: pointer;}
.sec_zuyong .shich .group ul{ width:520px; overflow:hidden; border-right:1PX solid #e6e6e6; border-radius:0 3px 3px 0;}
.sec_zuyong .shich .group ul li {float: left;height: 35px;line-height: 35px;background: #fff;width:260px;font-size: 12px;color: #434343;position: relative;border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.sec_zuyong .shich .group ul li span {position: absolute;right: 0px;top: 0px;z-index: 20;text-align:right; padding-right:10px;left:0px;}
.sec_zuyong .shich .group .split {position: absolute;background:url("../images/server/bar.png") no-repeat;width:20px; height:52px; left: -8px;top: -7px;cursor: pointer; display: block; z-index: 30;}
.sec_zuyong .shich input{position: absolute;right: -80px;top: 0px;width: 40px; height:25px;border-color: #0072ff;text-align:center;color:#0072ff;}
.sec_zuyong .shich s { position: absolute;right: -110px;top: 8px;font-style: normal; text-decoration: none;}

.sec_zuyong .pricelist{ width:1210px; margin:0 auto; overflow:hidden;}
.sec_zuyong .statype{ padding:0 182px;overflow:hidden;}
.sec_zuyong .statype li{ display:inline-block;width:138px;height:38px; margin-left:20px; margin-bottom:20px; text-align:center;border-radius:2px;background:#fff; border:1px solid #e1e3e6;line-height: 38px;color: #666666; cursor:pointer;}
.sec_zuyong .statype li:hover{ background:#0095db;border:1px solid #007fbb;color:#fff;}
.sec_zuyong .statype .active{ background:#0095db;border:1px solid #007fbb;color:#fff;}

.sec_zuyong .prolist{overflow:hidden; position:relative;}
.sec_zuyong .prolist li{float:left; width:278px;position:relative;background:#fff;margin:20px 10px; border-style:solid; border-color:#ebebeb; border-width:1px 1px 1px 1px;}
.sec_zuyong .prolist a.prev{width:30px;height:62px;position:absolute; top:175px; left:10px; text-indent:-999em; display:block; z-index:999; cursor:pointer;}
.sec_zuyong .prolist a.next{width:30px;height:62px;left:1160px;position: absolute;top:175px; text-indent:-999em;display:block;z-index:999; cursor:pointer;}
.sec_zuyong .prolist .hd{ overflow:hidden;  height:1px; }
.sec_zuyong .prolist h2{ margin:0;font-size:16px; color:#333; text-align:center;height: 50px; line-height:50px; border-bottom:1px solid #ebebeb;overflow: hidden;}
.sec_zuyong .prolist .detaillist p{ height:40px; line-height:40px;margin:0 15px;color:#999; font-size:12px;}
.sec_zuyong .prolist .detaillist p span{color:#333; font-size:14px; margin-left:5px;}
.sec_zuyong .prolist select{border: 1px solid #e9e9e9;margin-left:5px; width:205px; font-size:12px; color:#666; border-radius:0px;outline:none !important; line-height:18px;-webkit-appearance:none;-moz-appearance: none; appearance: none;background: url("../images/server/select-bg.png") right 10px center #fafafa  no-repeat;}
.sec_zuyong .prolist select::-ms-expand{display:none;}

.sec_zuyong .prolist .detailtip{ padding:12px 0 20px;}
.sec_zuyong .prolist .detailtip p{ margin:0 10px; color:#666;}
.sec_zuyong .prolist .detailtip span{ color:#0095db; font-size:12px; display:inline; border-bottom:none;}
.sec_zuyong .prolist .detailtip a{ display:inline-block; margin:10px 16px 0; width:100px; height:25px; line-height:25px; text-align:center;border:1px solid #ff8a00; color:#ff8a00;}
.sec_zuyong .prolist .tiphover{ cursor:pointer; margin-bottom:15px;height: 20px; position:relative;}
.sec_zuyong .prolist .tiphover p{ height:20px; overflow:hidden;}
.sec_zuyong .prolist .detailtiphover{ position:absolute; bottom:25px; left:10px;padding:30px 20px; font-size:12px; line-height:20px; background:rgba(0,0,0,.8); color:#fff !important;cursor:pointer; margin:0px !important;width:218px; border-radius:4px; height:auto !important; overflow:inherit !important; display:none;}
.sec_zuyong .prolist .detailtiphover i{display: inline-block;width: 0;height: 0;line-height: 0;vertical-align: middle;border:8px dashed transparent;border-top-style: solid;border-top-color:rgba(0,0,0,.8);border-bottom-width: 0; position:absolute; bottom:-5px; left:100px;}

.sec_zuyong .prolist li:hover{ border:1px solid #009bdb; z-index:99;-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);}
.sec_zuyong .prolist:hover a.prev{background: url("../images/server/arr-ico-new.png") 0 0 no-repeat;}
.sec_zuyong .prolist:hover a.next{background: url("../images/server/arr-ico-new.png") no-repeat; background-position:-35px 0;}
.sec_zuyong .prolist li:hover h2{ background:#0095db; border-bottom:1px solid #0095db;color:#fff;}
.sec_zuyong .prolist li:hover .detailtip a{ color:#fff; background:#ff8a00;}
.sec_zuyong .prolist .tiphover:hover .detailtiphover{ display:block;}

.sec_zuyong .jfabout{ clear:both; margin:22px 0 30px; overflow:hidden;}
.sec_zuyong .jfabout s{ display:block; width:325px; height:210px; background:#fff; border:1px solid #0072ff; padding:10px; border-radius:3px; float:right;}
.sec_zuyong .jfabout s img{width:325px; height:210px; }
.sec_zuyong .jfabout .jfintro{ width:660px; float:left;}
.sec_zuyong .jfabout h1{ font-size:28px; color:#0085f0; margin-bottom:10px;}
.sec_zuyong .jfabout p{ color:#333; line-height:25px;}
.sec_zuyong .jfabout a{ width:150px; height:45px; margin-top:20px; text-decoration:none; line-height:45px; text-align:center; display:block; border-radius:3px;background:#fff;color:#0085f0; font-size:12px;border:1px solid #0085f0;}


/*ÆµµÀÊ×Ò³ÍÐ¹Ü*/
.server_main2{padding:40px 0; min-width:1180px}
.server_name a:hover , .server_name .active , .tg .active , .tg span:hover{background:#8fc41f; color:#FFF}
.server .img2{width:610px; height:433px; margin:20px auto; display:block;background:url("../images/main_site/main_img1.png") no-repeat -1157px 0;}
.server h1{text-align:center; font-weight:normal}
.server h3{text-align:center; font-weight:normal; margin-top:20px}
.server_name a , .tg span{display:block; width:218px; float:left; border:1px solid #8fc320; margin-left:20px; height:38px; line-height:38px; text-align:center; margin-bottom:20px; cursor:pointer}
.tg{width:480px; margin:20px auto}
.parameter{padding-top:20px; clear:both; padding-bottom:20px; height:125px}
.parameter ul{margin-left:-60px}
.parameter ul li{width:250px; float:left; margin-left:60px; position:relative}
.parameter ul li i{position:absolute; width:110px; height:125px; display:block; background:url("../images/main_site/main_img1.png") no-repeat 0 -416px;}
.parameter ul li .ico2{background-position:-110px -416px}
.parameter ul li .ico3{background-position:-220px -416px}
.parameter ul li .ico4{background-position:-330px -416px}
.parameter .info{margin-left:120px;}
.parameter .title{font-size:18px; color:#333333; font-weight:700}
.parameter .desc{color:#666666}
.parameter .price{font-size:16px}
.parameter .price span{font-size:24px; color:#ff5f1e}
.pub-page{position:relative; width:100%}
.pub-page{height:auto}
.visit{width:98px; height:28px; border:1px solid #8fc41f; margin:20px auto; clear:both; text-align:center; line-height:28px;background:#8fc41f}
.visit a{display:block; color:#FFF}