@import "pub.css";
html,body{font-family:"Microsoft Yahei","SimHei"}
[class*=icon-]:before {
    display: inline-block;
    font-family: "qxico";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
@font-face {
  font-family: 'qxico';
    src: url('../fonts/qxico.eot');
    src: url('../fonts/qxico.eot?#iefix') format('embedded-opentype'),
         url('../fonts/qxico.woff2') format('woff2'),
         url('../fonts/qxico.woff') format('woff'),
         url('../fonts/qxico.ttf') format('truetype'),
         url('../fonts/qxico.svg#qxico') format('svg');
	font-weight: normal;
  font-style: normal;
}
.icon-ok:before{content:"\100";}
.icon-reg:before{content:"\101";}
.icon-tel:before{content:"\102";}
.icon-user:before{content:"\103";}
.icon-hk:before{content:"\104";}
.icon-asp:before{content:"\105";}
.icon-php:before{content:"\106";}
.icon-jsp:before{content:"\107";}
.icon-net:before{content:"\108";}
.icon-down:before{content:"\10A";}
.icon-up:before{content:"\10B";}

.icon-system:before{content:"\122";}
.icon-storage:before{content:"\120";}
.icon-traffic:before{content:"\121";}
.icon-bing:before{content:"\11e";}
.icon-lang:before{content:"\124";}
.icon-data:before{content:"\11f";}
.icon-plug:before{content:"\125";}
.icon-dollar:before{content:"\123";}


.icon-adv1:before{content:"\129"}
.icon-adv2:before{content:"\12A";}
.icon-adv3:before{content:"\127";}
.icon-adv4:before{content:"\128";}
.icon-adv5:before{content:"\11B";}
.icon-adv6:before{content:"\11D";}

.icon-630:before{content:"\130";}
.icon-631:before{content:"\131";}
.icon-632:before{content:"\132";}
.icon-633:before{content:"\133";}
.icon-634:before{content:"\134";}
.icon-635:before{content:"\135";}

.icon-help:before{content:"\136";}
.icon-problem:before{content:"\137";}
.icon-right:before{content:"\138";}

.icon-u:before{content:"\139";}
.icon-pass:before{content:"\13A";}
.icon-qq:before{content:"\13B";}
.icon-alipay:before{content:"\13C";}

.icon-left:before{content:"\13D";}

.icon-search:before{content:"\118";}
.icon-choose:before{content:"\11A";}
.icon-Fill:before{content:"\126";}
.icon-pay:before{content:"\117";}
.icon-success:before{content:"\116";}

.icon-j:before{content:"J";}
.icon-p:before{content:"P";}
.icon-n:before{content:".N";}
.icon-a:before{content:"A";}
.icon-x:before{content:"X";}


::selection
{
background:rgba(255,100,0,0.5);
color:#fff;
}

::-moz-selection
{
background:rgba(255,100,0,0.8);
color:#fff;
}

/*header & footer*/
.layout{width:1120px;margin:0 auto;}
header{height:110px;}
.logo{display:block;width:211px;height:58px;background:url(../i/logo.png) no-repeat; overflow:hidden;color:transparent;margin-top:35px;float:left;}
.logo:hover{color:transparent;}

.topad{display:block;width:180px;height:69px;background:url(../i/top.png) no-repeat; overflow:hidden;color:transparent;margin-top:30px;margin-left:55px;float:left;}

.toptel{font-size:14px;float:left;margin-top:35px;margin-left:95px;}
.toptel:before{float:left;color:#ff7200;font-size:34px;}
.toptel li{float:left;text-align:center;margin:0 0 0 10px ;}
.toptel li span{color:#777;}
.toptel li span:before,.toptel li span:after{content:"-";color:#a9a9a9;}
.toptel li a{color:#ff7200;display:block;}

.loginbar{float:right;margin-top:35px;width:180px;font-size:14px;line-height:20px;}
.loginbar li{float: left;margin-right: 10px;}
.loginbar a{color:#777;    width: 80px;
    display: block;}
.loginbar a:before{margin-right:10px;color:#ff7200;}
.loginbar a:hover{color:#ff7200;}

nav{background:#ff7200;min-width:1120px;}
nav a{color:#fff;display:block;float:left;padding:0 38px;line-height:42px;  }
nav a.on,nav a:hover{background:#ffa740;color:#fff;}


.fullSlide{ min-width:1120px; position:relative;  height:500px; overflow:hidden;   }
.fullSlide .bd{ position:relative; z-index:0;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:500px; }
.fullSlide .bd li .siteWidth{ width:1120px; position:relative;  margin:0 auto;  height:500px;  }
.fullSlide .bd li a{ position:absolute; width:100%; height:500px; display:block; z-index:1;;   }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:8px; margin:4px; background:#c0c0c0; overflow:hidden;line-height:9999px;
	-moz-border-radius: 15px;      /* Gecko browsers */
	-webkit-border-radius: 15px;   /* Webkit browsers */
	border-radius:15px;            /* W3C syntax */
	behavior: url(/assets/js/PIE.htc);
}
.fullSlide .hd ul .on{background:#fff;border:1px solid #ff7200;    }


footer{background:url(../i/foot-bg.jpg)}
footer .footnav{background:rgba(0,0,0,.6);line-height:35px;text-align:center;}
footer .footnav a{color:#d2d2d2;font-size:14px;}
footer .footnav a:hover{color:#fff;}
footer .footnav a:before{content:"| "}
footer .footnav a:first-child:before{content:""}
.copyright{width:650px;margin:0 auto;padding:40px 0;}
.copyright img{margin-top:5px;}
.copyright ul{float:right;width:440px;font-size:12px;line-height:25px;color:#d2d2d2;padding:7px 20px;border-left:3px Dotted #d2d2d2;}
.copyright ul li{border-bottom:1px Dotted #d2d2d2;}
.copyright ul li:hover{font-weight:bold;border-bottom:1px solid #d2d2d2;}

.position{font-size:14px;color:#333;line-height:50px;}
.position a{color:#333}

.problems{width:300px;float:right;height:145px;overflow:hidden;border-bottom:1px solid #e5e5e5}
.problems h3{position:relative;height:45px;line-height:45px;font-size:14px;font-weight:bold;background:url(../i/tit_bg.png) no-repeat left center #e5e5e5;text-align:center;}
.problems h3 a{font-weight:normal;float:right;line-height:20px;margin-top:20px;margin-right:10px;}
.problems ul{border:solid #e5e5e5; border-width:0px 1px; }
.problems ul li{border-bottom:1px dashed #e2a4e8;line-height:33px;height:33px;overflow:hidden; text-indent:5px;}
.problems ul li:before{content:"+";margin-right:1em;}

.page {background:#f1f3f5;clear:both;line-height:35px;padding:10px; margin:10px 0;}
.page span,.page a,.page select{display:inline-block;float:left;padding:0px 10px;height:35px;text-align:center;border:1px solid #ccd5db;background:#fff;margin:0 5px;}
.page select{float:none;}

.page span:first-child{display:none;}

#gotop {
    display: none;
    height: 60px;
    width: 60px;
    background: url(/Assets/i/gotop.png);
    position: fixed;
    bottom: 50px;
    right: 20px;
    cursor: pointer;
    z-index: 1002;}