@charset "utf-8";
/* CSS Document */
/*reset*/
*{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body{font:14px/1.5 microsoft yahei,tahoma,arial,simsun; min-width: 1000px; color:#777;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
ul,ol{list-style:none outside none;}
a{text-decoration:none; color:#777;
-webkit-transition:color .2s ease-in-out;
-moz-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
transition:color .2s ease-in-out}.login-box
a:hover{text-decoration:underline; color:#1c8de7;}
fieldset,img{border:0 none;}
img{vertical-align:middle}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display: block; clear:both;  height:0; overflow:hidden;}
.clear{content:""; display: block; clear:both;  height:0; overflow:hidden;}
.fl{float:left;}
.fr{float: right;}
i,em{font-style: normal;}
.elli{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.g-mt20{margin-top: 20px;}
.g-ml20{margin-left: 20px;}
.g-pb40{padding-bottom: 40px;}
.g-por{position: relative;}
.g-hide{display: none;}
.g-container{width:1000px; margin:0 auto;}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1468916940_6059585.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1468916940_6059585.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1468916940_6059585.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1468916940_6059585.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1468916940_6059585.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*reset end*/
.header{height: 100px;}
.header .logo{float: left; width:164px; height: 38px; margin-top: 30px;}
.header .logo a{display: block; height: 100%;}
.header .nav{float: right; margin-top: 30px;}
.header .nav li{float: left; margin-left: 60px; font-size: 18px; color:#010101;}
.header .nav li a{display: block; line-height: 40px; border-bottom: 3px solid #fff; color:#010101;}
.header .nav li a:hover,.header .nav li a.cur{border-bottom: 3px solid #1c8de7; text-decoration: none;}
.banner{height: 400px; background: #1c8de7;}
.g-container{width:1000px; margin:0 auto;}
.banner02{height: 300px; background: #1c8de7;}
.banner02 .g-container{height: 100%; background: url(./images/banner-bg3.jpg) no-repeat;}
.banner03 .g-container{height: 100%; background: url(./images/banner-bg2.jpg) no-repeat;}
.banner04 .g-container{height: 100%; background: url(./images/banner-bg04.jpg) no-repeat;}
.banner05 .g-container{height: 100%; background: url(./images/contact1.jpg) no-repeat;}
.banner06 .g-container{height: 100%; background: url(./images/article1.jpg) no-repeat;}
.banner07 .g-container{height: 100%; background: url(./images/help1.jpg) no-repeat;}
.banner08 .g-container{height: 100%; background: url(./images/banner-bg05.jpg) no-repeat;}
.banner .g-container{position: relative;}
.banner-slide{}
.banner-slide{position: relative; width:1000px; height: 400px;}
.banner-slide .bd{position: relative;}
.banner-slide .bd-box{position: relative; width:1000px; height: 400px; overflow: hidden;}
.banner-slide .bd li{width:1000px; height: 400px; float: left; position: relative;}
.banner-slide .bd li .img-text{width:300px; padding-right: 350px; height:284px; margin-top: 55px; color:#fff;}
.banner-slide .bd li .img-text1{background: url(./images/banner01.jpg) no-repeat right 0;}
.banner-slide .bd li .img-text2{background: url(./images/banner02.jpg) no-repeat right 0;}
.banner-slide .bd li .img-text3{background: url(./images/banner03.jpg) no-repeat right 0;}
.banner-slide .bd li .img-text h2{font-size: 36px; padding-top: 30px;}
.banner-slide .bd li .img-text p{line-height: 32px; margin-top: 12px;}
.banner-slide .hd{position: absolute; right:14px; bottom:21px;}
.banner-slide .hd li{width:11px; height: 11px; border-radius: 50%; margin-left:9px; background: #fff; float: left; overflow: hidden; text-indent: -9999px;filter:alpha(opacity=50);opacity: .50; cursor: pointer;}
.banner-slide .hd li.on{filter:alpha(opacity=100);opacity: 1;}
/* 数字 */
.banner-slide .hd2 li{width:20px; height: 20px; line-height: 20px; text-align: center; color:#fff; }
/* 居中 */
.banner-slide .hd3{left:50%; right:auto;}
.banner-slide .hd3 ul{position: relative; right:50%; float: left;}
/* 带按钮 */
.banner-slide .btn a{position: absolute; top:200px; width:10px; height: 10px; background: #f00;}
.banner-slide .btn .prev{left:0;}
.banner-slide .btn .next{right:0;}
.btn-apply{width:220px; height: 59px; background: url(./images/banner-btn1.jpg) no-repeat; position: absolute; top:242px; left: 22px;}
.btn-apply a{display: block; height: 100%;}
.btn-apply1{width:220px; height: 59px; background: url(./images/banner-btn1.jpg) no-repeat; position: absolute; top:242px; left: 22px;}
.btn-apply1 a{display: block; height: 100%;}
.btn-apply2{width:220px; height: 59px; background: url(./images/banner-btn2.jpg) no-repeat; position: absolute; top:242px; left: 22px;}
.btn-apply2 a{display: block; height: 100%;}
.login-box{position: absolute; top:50px; right: 0px; width:278px; height: 312px; border: 1px solid #e1e1e1; background: #fff; border-radius: 3px;}
.login-box .tit{height: 40px; line-height: 40px; padding-left: 22px; font-size: 18px; color: #1c8de7; background: #f9f9f9;}
.login-box .container{padding-left: 22px;}
.login-box fieldset{}
.login-box fieldset input{width:232px; height: 36px; line-height: 36px; border: 1px solid #c9c9c9; margin-top: 18px; text-indent: 30px; color:#9a9a9a;} 
.login-box fieldset input.user{background: url(./images/icon-login.png) no-repeat 0 0;}
.login-box fieldset input.password{background: url(./images/icon-login.png) no-repeat 0 -55px;}
.login-box fieldset input.code{background: url(./images/icon-login.png) no-repeat 0 -110px;}
.login-box fieldset .code-box{width:234px; position: relative;}
.login-box fieldset .code-box .code-img{position: absolute; top:19px; right: 30px; width:65px; height: 36px; border-left: 1px solid #c9c9c9;}
.login-box .btn{border:1px;width:234px; height: 44px; line-height: 44px; font-size: 20px; color:#fff; background: #1c8de7; margin-top: 18px; text-align: center; border-radius: 1px;}
.login-box .btn a{display: block; height: 100%; color:#fff;}
.login-box .btn a:hover{text-decoration: none;}
.login-box .bottom-info{color: #9a9a9a; font-size: 12px; margin-top: 16px;}
.login-box .bottom-info .register{color:#1c8de7;}
.login-box .bottom-info .forget{color:#9a9a9a; margin-left: 70px;}
.title-bar{border-bottom: 1px solid #ccc; padding-bottom: 4px; position: relative;}
.title-bar em{display: inline-block; width:2px; height: 14px; background: #1c8de7; vertical-align: middle;}
.title-bar .word{padding-left: 10px; font-size: 16px; color:#1c8de7; vertical-align: middle;}
.title-bar .more{position: absolute; top:0px; right: 0px; color:#777; line-height: 26px;}
.title-bar .more a{color:#777;}
.title-bar .more a:hover{text-decoration: none; color:#1c8de7;}
.title-bar .more i{padding-left: 5px; font-size: 14px; vertical-align: top;}

.ggs,.host{margin-top: 55px;}
.ggs .intro,.host .intro{margin-top: 20px;}
.ggs{}
.list-pic-intro{}
.list-pic-intro li{float: left;width:500px;margin-top: 60px;}
.list-pic-intro dl{ width:380px; padding-left: 120px;}
.list-host li dl{height: 130px;}
.list-host li dl dt{padding-top: 15px;}
.list-ggs dl.item1{background: url(./images/ggs-img01.gif) no-repeat}
.list-ggs dl.item2{background: url(./images/ggs-img02.gif) no-repeat}
.list-ggs dl.item3{background: url(./images/ggs-img03.gif) no-repeat}
.list-ggs dl.item4{background: url(./images/ggs-img04.gif) no-repeat}
.list-host dl.item1{background: url(./images/host-img01.gif) no-repeat}
.list-host dl.item2{background: url(./images/host-img02.gif) no-repeat}
.list-host dl.item3{background: url(./images/host-img03.gif) no-repeat}
.list-host dl.item4{background: url(./images/host-img04.gif) no-repeat}
.list-pic-intro dl dt{font-size: 16px; width:340px;}
.list-pic-intro dl dd{font-size: 12px; width:340px; padding-left: 15px; line-height: 28px; margin-top: 8px;}
.ggs-step{margin-top: 80px;}
.ggs-step .cont{position: relative; width:1000px; height: 115px; background: url(./images/ggs-step.jpg) no-repeat center center; border: 1px solid #c9c9c9; border-top:1px solid #1c8de7; margin-top:-1px;}
.about{margin-top: 55px;}
.about .cont{line-height: 28px; margin-top: 20px;}
.host-qq{margin-top: 50px;}
.host-qq .item{width:470px;}
.host-qq .item .qq{padding-left: 30px; background: url(./images/icon-qq.jpg) no-repeat;margin-top: 28px;}
.list-notice{}
.list-notice li{}
.list-notice li h3{color:#bfbfbf; line-height: 36px;}
.list-notice li .cont{margin-top: 25px; line-height: 28px;}


.footer{background: #313131; height: 200px; margin-top: 35px;}
.footer .g-container{overflow: hidden;}
.footer dl{float: left; width:210px; color:#989898; background: url(./images/footer-line.png) no-repeat 150px 20px; margin-top: 20px;}
.footer dl.item4{width:240px; background-position: 180px 20px;}
.footer dl.item5{width:130px;}
.footer dl dt{font-size: 16px;}
.footer dl dd.word{margin-top: 5px;}
.footer dl dd.word li{line-height: 36px;}
.footer dl dd.word a{color:#989898; padding-left: 3px;}
.footer dl dd.qq{margin-top: 15px;}
.footer dl dd.qq li{width:122px; height: 28px; line-height: 28px; border: 1px solid #989998; border-radius: 1px; margin-bottom: 10px;}
.footer dl dd.qq a{color:#989898; padding-left: 50px; background: url(./images/icon-qq.png) no-repeat 10px 0;}