body{font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; color: #555;}
ul,ol,dl,dt,dd{margin: 0;padding: 0}
 @font-face {

font-family: 'YiFont';

src: url('../wefont/SiYuan-ExtraLight.eot');

src: url('../wefont/SiYuan-ExtraLight.eot?#iefix') format('embedded-opentype'),

     url('../wefont/SiYuan-ExtraLight.woff') format('woff'),

     url('../wefont/SiYuan-ExtraLight.ttf') format('truetype'),

     url('../wefont/SiYuan-ExtraLight.svg#SiYuan-ExtraLight') format('svg');

    font-weight: normal;

    font-style: normal;

   }
ul{list-style: none;}
table{font-size: 12px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{vertical-align: middle;padding: 10px;border-top-color: #eee;}
a{color: #666;}
a:hover{color: #45B6F7;text-decoration: none;}
a:active{outline: 0}
em,i{font-style:normal}
.fl{float: left;}
.fr{float: right;}

/*Header-Banner*/
.main-banner{top: 0;left: 0;width: 100%;height:685px;z-index: 2;position:relative;background-color: #f3f7f8;background-image: url(../img/main-banner-1.jpg);background-position:center 20%;color: #1e1e1e;}
.main-col{position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  opacity: 0.9;

  z-index: 5;

  background:url(../images/promo-bg.jpg);
  background-size:cover;

  /* background: #000; */
}
.banner-wrap-col{position: absolute;width: 100%;height: 571px;background-size: 100% 100%;background-position:50% 50%;background-repeat: repeat-x;left: 0;top: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);-moz-opacity: 0.3;opacity:0.3;background: #1586c8;}
.container{min-width: 1190px !important;width: 1190px !important;}
.br2{border: 2px solid #e1e1e1;}
.mt30{margin-top: 30px;}
.mt130{margin-top: 130px;}
.pt30{padding-top: 30px;}
.mt-8{margin-top: -85px;}
.main{margin-top:96px;}
.warp{background: #fff;border-radius: 3px;padding: 40px;}

/*首页导航部分*/
.navbar .logo {background: url(../images/home-logo.png) 0px 0px;width:367px;height:64px;float: left;}
.navbar .logo a {position: relative;text-indent: -9999px;display: block;width:367px;height:64px;}
.navbar .navlist{margin-top:10px; position: relative;}
.navbar .navlist li{display: inline-table;padding: 0 0 0 40px;}
.navbar .navlist li a{font-size: 16px;color: #fff;font-weight: normal;}
.navbar .navlist li.cur,.navbar .navlist li:hover{border-radius: 3px;padding: 5px 0 5px 40px;cursor: pointer;}
.navbar .navlist span{width: 170px;height: 40px;line-height: 40px;border: 1px solid #fff;display: inline-block;text-align: center;border-radius: 3px;margin-left: 24px;}
.navbar .navlist span a{color: #fff;font-size: 14px;}
.nav-wrapper-fixed{ position:fixed; top:0; width:100%;background: #fff;border-bottom: 2px solid #efefef;overflow:hidden;box-shadow: 1px 1px 5px #efefef;z-index: 99999;height: 96px;}
.nav-wrapper{margin-top: 96px;width: 100%; position:absolute}
.nav-wrapper-fixed .nav,.nav-wrapper .nav{margin:0 auto; padding:0 30px;}


/*导航部分*/
#hd{background: #fff;height:96px;border-bottom: 2px solid #efefef;overflow:hidden;}
.navbars .logo {background: url(../images/logo.png) 0px 0px;width:367px;height:64px; margin-top:20px;float: left;}
.navbars .logo a {position: relative;text-indent: -9999px;display: block;width:367px;height:64px;}
.navbars .logo-help {background: url(../images/logo.png) 0px 0px;width:367px;height:64px; margin-top:20px; float: left;}
.navbars .logo-help a {position: relative;text-indent: -9999px;display: block;width:367px;height:64px;}
.navbars .navlist{margin-top:30px; position: relative;}
.navbars .navlist li{display: inline-table;padding: 0 20px 0 20px; margin-left:5px;}
.navbars .navlist li a{font-size: 14px;color: #404b55;font-weight: normal;}
.navbars .navlist li.cur,.navbars .navlist li:hover{background: #e5e5e5;border-radius: 3px;padding: 5px 20px 5px 20px;cursor: pointer;}
.navbars .navlist span{width: 170px;height: 40px;line-height: 40px;display: inline-block;text-align: center;border-radius: 3px;margin-left: 24px;background: #48b885;}
.navbars .navlist span:hover{background: #3a936b;cursor:pointer}
.navbars .navlist span a{color: #fff;font-size: 14px;}

/*内页*/
.banner-wrap{background: #c5c4c0 url("../images/banner-bg.jpg")no-repeat;}
.index-banner-wrap {width:1190px;height:475px;margin: 0 auto;position: relative;color: #fff;text-align: center;}
.index-banner-wrap .index-banner-inner{padding-top: 106px;}
.index-banner-wrap h1{font-size: 36px;font-weight: 600;margin-bottom:30px; font-family:YiFont;}
.index-banner-wrap p{font-size: 22px;line-height:50px; font-family:YiFont;}

.product-itme .fsr{min-height:600px;border-bottom: 1px solid #dedede;}
.product-itme .fsr{padding: 60px 0;}
.product-itme .fsr .hd-fst{width: 100%;height: 90px;background: url(../images/pro-foor-1-s.png) no-repeat;}
.product-itme .fsr .ptxt{width: 580px;height: 310px;margin-top: 120px;}
.product-itme .fsr .ptxt h2{font-size: 22px;line-height: 48px;font-weight: normal; font-family:YiFont; font-weight:600;}
.product-itme .fsr .ptxt li{font-size: 14px;line-height:38px;list-style-type:square; margin-left:14px;}
.product-itme .fsr .ptxt .btn-view{width: 245px;height: 42px;line-height: 40px;border: 2px solid #b6b5b3;border-radius: 3px;display: block;text-align: center;color: #a3a3a3;font-size: 14px;margin-top: 24px;}

.link-kehu{background: #439fe0;position: relative;height: auto;padding:0px 0 50px 0;text-align: center;margin-bottom: 50px;}
.link-kehu .kehu-text{margin-top: 35px;color: #fff;font-size: 14px;width: 100%;overflow: hidden; }
.link-kehu .kehu-text h2{font-size:36px;font-weight: normal;margin-bottom:22px;font-family:YiFont;}
.link-kehu .kehu-text h3{font-size: 14px;margin-bottom: 15px;}
.link-kehu .kehu-text h4{font-size: 14px;height:38px;}
.link-kehu .kehu-text .btn-demo{border: 2px solid #fff;border-radius: 3px;display:block;width: 130px;color: #fff;  height: 50px;line-height:45px;margin: 0 auto;position: relative;left: 1%;right: 1%;text-align: center;}
.link-kehu .kehu-text .btn-demo a{color: #fff;text-align: center;display: block;}
.link-kehu .khimg{width: 530px;margin: auto;padding-top:60px;}

/*帮助文档*/
.help-top-title{line-height: 96px;padding-left: 20px;}
.side-menu{width: 260px;overflow: hidden;}
.side-menu dl{margin-bottom:25px;}
.side-menu dl dt{font-weight: 700;}
.side-menu dl dd{border-bottom: 1px solid #eaeaea;height:36px;line-height:36px;}
.side-menu dl dd a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.side-menu dd a:hover{background:  #439fe0;color: #fff;border-radius: 3px;padding-left: 10px;}
.help {position:relative;margin-top:10px;}
.help .help-box{background: #fff;width:890px;border: 1px solid #dedede;border-radius:2px;padding: 40px;margin-top:15px;line-height:30px;min-height: 500px;font-size: 14px;}
.help h1{font-size: 14px;}
.help .help-box .hd-desc{font-size: 14px;line-height:36px;height: 72px;}
.help .help-box .diy{font-size: 14px;line-height: 80px;}
.help .help-box .box-txt{margin-top: 25px;overflow: hidden;}
.help .help-box .box-txt li{border: 1px solid #dedede; width: 380px;padding: 20px;border-radius: 3px;margin-right:22px;float: left;margin-bottom: 22px;}
.help .help-box .box-txt li .title{color: #439fe0;font-weight: 700;font-size:14px;}
.help .help-box .box-txt li .txt{line-height: 30px;}
.help .help-box .bt{font-weight:700;}
.help .help-box .follow{border-top:1px solid #dedede;margin-top: 30px;padding-top:30px;}
.help .help-box .follow .for li{line-height:40px;background: url(../img/style-ico.png) no-repeat; padding-left: 35px;}
.help .help-box .follow .for li a{color: #439fe0;}
.help .help-box .follow .for li.twitter{background-position: -474px -367px;}
.help .help-box .follow .for li.github{background-position: -473px -418px;}
.help .help-box .follow .for li.request{background-position:-472px -469px;}
.help .help-box .tt-opi{margin-top: 25px;}
.help .help-box .tt-opi a{color: #439fe0;}
.help .help-box .tt-opi dd{line-height: 32px;}
.side-menu .made{color:#eb4d5c;}
.list-help {overflow: hidden;margin-bottom: 15px;}
.list-help li{line-height: 32px;}
.list-help li a{color: #b1b7bd;}

/*价格*/
.price-title{text-align: center;padding: 40px;}
.price-title h1{font-size: 36px;font-weight: normal; font-family:YiFont;}
.calculate{overflow: hidden;width: 100%;display: inline-table;}
.calculate .title-num{font-size:14px;color: #333;height:36px;display: block;}
.calculate .input-price{position: relative;overflow: hidden;}
.calculate .input-price .price-addon input{width: 310px;height:40px;line-height:40px;border: 1px solid #c5c5c5;padding: 10px;border-radius: 3px;font-size:14px;}
.calculate .input-price .btn-ipr{width: 245px;height: 40px;line-height: 40px;background: #33b27d;text-align: center;margin-left:25px;border-radius: 3px;}
.calculate .input-price .btn-ipr a{color: #fff;font-size: 14px;}
.calculate .input-price .need-pay{height: 40px;line-height: 40px;margin-left:25px;}
.calculate .input-price .need-pay em{color: #fa8800;font-weight:bold;}
.calculate .instru{margin-top: 15px;color: #9e9ea6;}
.calculate .instru a{color: #449edd;}

.t-data table{width: 100%;text-align: center;margin-top:60px;margin-bottom: 50px;}
.t-data table td{border: 1px solid #fff;height: 50px;line-height: 40px;}
.t-data .desc-txt{border-bottom: 1px solid #dedede;padding-bottom: 15px;color: #adadb3;}
.t-data .desc-txt em,.model .txt em,.help .help-box em{color: #449edd;}

.model{position: relative;overflow: hidden;margin-top: 50px;}
.model h2{font-size: 22px;margin-bottom:55px;}
.model .txt{margin-bottom: 70px;}
.model .free-btn{width: 320px;height: 40px;line-height: 40px;background: #48a0de;border-radius: 3px;display: block;text-align: center;color: #fff;font-size: 14px;}
.model .free-mo{width: 50%;padding-right: 40px;}
.model .senior-mo{width: 50%;padding:0 40px;border-left:1px dashed #dedede;}

/*动态*/
.banner-blog{background: #f1f5f8 url("../images/yihostbanner.jpg") center no-repeat;}
.blog-banner-wrap {width:1190px;height:260px;margin: 0 auto;position: relative;color: #fff;text-align: center;}
.lm-nav{background: #f9f9f9;height: 60px;line-height: 60px; margin-bottom:20px;}
.lm-nav ul li{float: left;width:160px;text-align: left;}
.lm-nav ul li a{font-size:14px;}
.lm-nav ul li a.cur,.lm-nav ul li a:hover{border-bottom:5px solid #439fe0;padding-bottom: 17px;}
.news .ztit{font-size:14px;font-weight: bold;border-left: 3px solid #f4a000;padding-left: 15px;margin: 50px 0 50px 0;}
.news .date{width: 170px;}
.news .date .date-con{border-left: 4px solid #e6e6e6;height: 85px;padding-left: 18px;}
.news .date .date-con h3{font-size: 14px;font-weight: 600;}
.news .date .date-con h4{margin-top:30px;color: #999999;}
.news .news-box{width: 990px;border-bottom: 2px solid #eee;}
.news .news-box .n-img{width:990px; display: block; overflow:hidden;}
.news .news-box img{max-width:990px;}
.news .news-box .n-title h3{font-size:22px;height:50px;line-height: 50px; font-weight:600;}
.news .news-box .n-sourec{font-size: 14px;color: #666; line-height: 2; color:#aaa;}
.news .news-box .n-desc{font-size: 14px;  line-height: 36px;}
.news .news-box .n-more{height:80px;line-height: 60px;}
.news .news-box .n-more a{color: #999;font-size: 14px;}

/*banner*/
.wab{position: absolute;margin:96px auto;left: 1%;right: 1%;}
.banner{position: relative;top: -625px;z-index: 10;}
.fz-banner{position: relative;min-width: 1190px;height:560px;overflow: hidden;border-top: 2px solid #0085c5;margin-top: -2px;}
.banner-box{ width:100%; height:380px;position:relative;top: 0;left: 0;}
.banner-box .hd{width:52px;height:12px; overflow:hidden; position:absolute;left:1%;right:1%; bottom:298px; z-index:1;margin:0 auto;}
.banner-box .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner-box .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px; line-height:14px; text-align:center;cursor:pointer;border-radius: 1000px;border: 2px solid #c7ccd1;}
.banner-box .hd ul li.on{ background:#cae1ee; color:#fff;border: none;}
.banner-box .bd{ position:relative; height:100%; z-index:0;}
.banner-box .bd li{position: absolute;top: -61px;left: 0;width: 100%;height:560px;}
.banner-box .bd li a {position: absolute;top: 0;left: 50%;width: 1920px;height:560px;margin-left: -960px;}
.banner-box .bd img{display: block; height:590px; margin:auto; }


/*主体*/
.free-reg{position: relative;border-bottom: 1px solid #ededed;}
.free-reg .reg-box{width: 870px;margin: auto;background: #eff1f4;border-radius: 3px;padding:38px 40px 100px 10px;}
.free-reg .reg-box .rb-txt{width:68%;text-align: center;}
.free-reg .reg-box .rb-btn{width:30%;background: #56b68b;height: 60px;line-height: 60px;border-radius: 3px;margin-top: -8px;}
.free-reg .reg-box .rb-btn:hover{background: #3a936b;}
.free-reg .reg-box .rb-btn a{color: #fff;display: block;text-align: center;font-size: 14px;}
.free-reg .txt-xq{text-align: center;padding:50px 0 80px 0px;}
.free-reg .txt-xq a{color: #4da3df;}

.function{padding:68px 0 68px 0;text-align: center;}
.function h2{font-size:36px; font-family:YiFont;}
.function .fun-list{margin-top: 80px;}
.function .fun-list dl{display: inline-table;width: 350px;text-align: left;margin: 0px 21px 75px 21px;}
.function .fun-list dl dt{text-align: left;color: #4a4a4a;font-size: 16px;margin-bottom: 5px; font-weight:400;}
.function .fun-list dl dd{color: #7c7c7c;line-height: 32px;}
.function .fun-list dl .icon{padding-left: 38px;height: 26px;line-height: 23px;position: relative;background: url(../img/style-ico.png) no-repeat;display: inline-table;}
.function .fun-list dl .xskj-ico{background-position: 0 0;}
.function .fun-list dl .kfgl-ico{background-position: 0 -36px;}
.function .fun-list dl .xhgl-ico{background-position: 0 -70px;}
.function .fun-list dl .jhgl-ico{background-position: 0 -105px;}
.function .fun-list dl .ccgl-ico{background-position: 0 -140px;}
.function .fun-list dl .zzyw-ico{background-position: 0 -175px;}

.product{background: #f7f5f3;position: relative;}
.product .title{width: 100%;height: 125px;line-height: 125px;background: #56b68b;color: #fff;}
.product .title .ht-box{width: 626px;margin: auto;}
.product .title .ht-box .title-txt{font-size: 22px;margin-right: 50px; font-family:YiFont;}
.product .title .ht-box .tit-btn{width: 230px;height: 40px;line-height: 40px;border: 2px solid #fff;border-radius: 3px;text-align: center;margin-top: 40px;}
.product .title .ht-box .tit-btn a{font-size: 14px;color: #fff;}
.product .fsr{height: 600px;border-bottom: 1px solid #dedede;}
.product .fsr{padding: 60px 0;}
.product .fsr .hd-fst{width: 100%;height: 90px;background: url(../img/pro-foor-1-s.png) no-repeat;}
.product .fsr .ptxt{width: 570px;height: 310px;  padding-top: 52px;}
.product .fsr .ptxt h2{font-size: 22px;width:85%;line-height: 48px;font-weight: 600; font-family:YiFont;}
.product .fsr .ptxt p{line-height:32px;margin-top:40px;}
.case img{width: 100%;height: 100%;display: block;}
.sale-mang{background: #439fe0;position: relative;height: 260px;  margin-bottom: 60px;}
.sale-mang .video{margin-top: 30px;padding-left: 150px;width: 540px;height: 206px;}
.sale-mang .vtext{margin-top:60px;  width: 620px;color: #fff;font-size: 14px;text-align: left;}
.sale-mang .vtext h2{font-size: 14px;font-weight: 700;}
.sale-mang .vtext p{line-height: 32px;}

/*登录&注册*/
.login-index{width:850px;margin:130px auto;}
.login-index .login-yumin{background: #fff;box-shadow: 0px 0px 5px 0px #009ACD;border-radius: 3px;padding:20px 50px;text-align: center;}
.login-index .login-yumin .title h2,.login-index .login-yumin .titles h2{font-size: 22px; font-weight:400; color:#33AED7; line-height: 45px;height: 45px;}
.login-index .login-yumin .titles h2{padding-left: 96px;text-align: left;}
.login-index .login-yumin .name{line-height: 45px;height: 45px;}
.login-index .login-yumin .names{line-height: 45px;height: 45px;padding-left: 143px;text-align: left;}
.login-index .login-yumin .oks{line-height: 45px;height: 45px;color: #ff9900;padding-left: 96px;text-align: left;}
.login-index .login-yumin .input-txt{font-size: 14px;}
.login-index .login-yumin .input-txt input{height: 40px;line-height: 40px;font-size: 14px;border: 1px solid #DEDEDE;border-radius: 3px;padding:0 10px;color: #aaaaaa;}
.login-index .login-yumin .input-txt .yicub{width: 240px;text-align: right;}
.login-index .login-yumin .pdl90{padding-left: 94px;}
.login-index .login-yumin .inp-btn .btns{width: 378px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;background: #2ab27b;display: block;color: #fff;margin:20px auto;border-radius: 3px;font-weight: 600;}
.login-index .cahec-ym{height: 100px;line-height: 100px;display: block;text-align: center;font-size: 14px;}
.login-index .cahec-ym .cxy{color: #439fe0;font-weight: 600;}
.login-index .il{background: url(../img/login-hd-i1.png);width: 850px;height: 72px;line-height:68px;margin-top: 20px;padding-left:72px;font-size: 14px;}
.login-index .il em{color: #439fe0;}
.login-index .login-yumin .mobile,.login-index .login-yumin .pass{width: 560px;margin-bottom: 10px;}
.login-index .login-yumin .lg-btn .btns{width: 560px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;background: #2ab27b;display: block;color: #fff;margin:20px auto;border-radius: 3px;font-weight: 600;}
.login-index .login-yumin .tips{margin-top: 30px;}
.login-index .login-yumin .tips .no-pass{font-weight: 600;color: #48a1e0;font-size: 14px;line-height: 55px;}
.login-index .login-yumin .tips .ty{font-size: 14px;font-weight: normal;}
.login-index .login-yumin .tips .ty a{color: #2d8eed;}
.login-index .login-yumin .tips input{width: 14px;height: 14px;vertical-align: middle;}
.login-index .login-yumin .v-code{padding-left: 16px;margin-top: -20px;}
.login-index .login-yumin .v-code a{width: 230px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;background: #439fe0;display: block;color: #fff;margin:20px auto;border-radius: 3px;}
.login-index .warnningDiv{padding: 7px 17px;line-height: 20px;margin-bottom: 10px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-clip: padding-box;background: #ffd0d0;color: #ce4040;width: 560px;margin-left: auto;margin-right: auto;}
.login-index .stepBoderRight{border-right: 1px solid #ccc;}
.login-index .stepTitle{cursor: pointer;}
.login-index .stepTitleChecked {color: #33AED7;}


/*底部*/
.foot{width: 100%;min-height: 300px;background: #f9f9f7;}
.ft-help{width: 100%;padding:50px 0px 0 20px;}
.ft-help dl{display: inline-table;width: 190px;}
.ft-help dl dt{font-size:14px;font-weight: normal;margin-bottom:10px;}
.ft-help dl dd{line-height: 2; text-align:center;}
.foot .contact{width: 700px; margin:0 auto; padding-top: 50px;}
.foot .contact dl{width:254px;height: auto;overflow: hidden;margin-top: 30px; float:left;}
.foot .contact dt{width: 72px;height: 72px;text-indent: -9999px;background:url(../img/style-ico.png);}
.foot .contact dt.weibo{background-position: 0 -233px;}
.foot .contact dt.weixin{background-position: 0 -315px;}
.foot .contact dd{line-height:16px;padding-left: 10px;}
.foot .contact .title{font-size: 14px;font-weight: 600;margin-top:16px;}
.foot .contact .tlmai{margin-top:30px;overflow: hidden;display: block;padding-left: 15px; float:left;}
.foot .contact .icons{background:url(../img/style-ico.png);padding-left: 38px;font-size: 14px;color: #333;margin-top:15px;}
.foot .contact .tel{background-position: 0 -406px;}
.foot .contact .mail{background-position: 0 -446px;}
.foot .copy-info{padding:50px;color: #ccc;text-align: center;font-size: 14px;}
.ft-copy-ico{background:url(../img/style-ico.png) 2px -474px no-repeat;width:38px;height: 26px;display: -webkit-inline-box;}


.containernews{width:80%; margin:auto;}

/***************************pagination 分页样式**************************************************/
.pages {font-size: 12px;width: 1190px !important;padding-top:25px;height:30px;text-align:right;padding-bottom:25px;padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;}
.pages li {float: left;}
.pages a {text-decoration: none;border: solid 1px #dedcdd;color: #8e8e8e;}

.pages a, .pages span {font-size:12px;color:#8e8e8e;padding: 2px 8px;margin-right: 7px;margin-bottom: 5px;}
.pages a{padding: 2px 7px;}
.pages .current {padding: 2px 7px;background: none;color: #046acc;font-weight:bold;border: solid 1px #fff;}

.pages .current.prev, .pages .current.next{font-weight:normal;color:#999;border-color:#999;background:#fff;*padding-bottom:1px;}
.pages .current.prev{background:#e4e4e4;border:1px solid #dedcdd;color:#8e8e8e;font-weight:normal;}
input.current{height:22px !important;;line-height:19px !important;padding:0 !important;}
#tiaozhuan{border:1px solid #dddbdc;text-align:center;height:20px !important;line-height:20px !important;padding:0;}