@charset "utf-8";
/*++----------------------------------------------
/*++  内容开始
/*++----------------------------------------------*/
.style-a{ width: 100%; }
.hg20-color{ height: 20px;clear: both;background:#f7f7f7; }
.back-color{ width: 100%;background:#f7f7f7; }
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;min-height: 250px; }
.nbanner .text{ position: absolute;bottom: 60px;left: 0; }
.nbanner .text h5{ font-size: 48px;font-weight: bold;color: #fff;padding-top: 8px; }
.nbanner .text p{ font-size: 18px;color: rgba(255,255,255,.8); }
.box-content:after{ display: block;content: "";clear: both; }
.box-content{ padding: 20px 0 35px; }
/*+---------------
/*+  Left Cate
/*+---------------*/
.con-left{ float:left;width:250px;overflow:hidden; }
.con-left .subcat,.con-left .subtac{ background:#fff; }
.con-left .subcat .sub-tit{ padding:15px 0 15px 25px;width:89%;height:auto;color:#fff; }
.con-left .subcat .sub-tit h3{ font-size: 20px; }
.con-left .subcat .sub-tit span{ text-transform:capitalize; }
.con-left .subcat ul{ border: solid #ededed;border-width: 0 1px 1px; }
.con-left .subcat ul li{ position:relative;text-indent: 25px;height: 44px;line-height: 44px;border-bottom: 1px solid #ededed;overflow: hidden; }
.con-left .subcat ul li.cursor{cursor:pointer;}
.con-left .subcat ul li:last-child{border-bottom: none;}
.con-left .subcat ul li a{display: block;font-size: 14px;color:#666;}
.con-left .subcat ul li i{ opacity: 0;position: absolute;top: 17px;left: 22px;display: block;width: 2px;height: 12px; }
.con-left .subcat ul li a,
.con-left .subcat ul li i{
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.con-left .subcat ul li:hover i,
.con-left .subcat ul li.on i{opacity: 1;}
.con-left .subcat ul li:hover,
.con-left .subcat ul li.on{text-indent: 30px;}
.con-left .subtac{ padding:15px 20px;margin-top: 15px;border: 1px solid #ededed; }
.con-left .subtac p{ font-size: 14px;padding-left: 20px;margin-bottom: 5px;background: url(../images/tel.png) no-repeat center left;}
.con-left .subtac strong{font-size: 24px;}
/** Recommrom **/
.left-recomm,.left-lately{ background: #fff;padding-bottom: 20px; }
.left-recomm h5,.left-lately h5{ font-size: 16px; padding: 0 15px; height: 49px;line-height: 49px;border-bottom: 1px solid #eee; }
.left-recomm ul li{ padding: 0 15px;margin: 15px 0 0;text-align: center; }
.left-recomm ul li img{ display: block;width: 100%; }
.left-recomm ul li p{ font-size: 16px;padding-top: 10px;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.left-lately ul li{ line-height: 30px;padding: 0 15px; }
.left-lately ul li:first-child{ margin-top: 10px; }
/** left-label **/
.left-label{ background: #fff; }
.left-label h5{ font-size: 16px; padding: 0 15px; height: 49px;line-height: 49px;border-bottom: 1px solid #eee; }
.left-label h5 a{ font-size: 12px;color: #333; }
.left-label ul{ padding: 15px; }
.left-label ul li{ float: left; width: calc((100% / 2) - 6px);height: 35px;line-height: 35px;text-align: center; background: #f5f5f5;border-radius: 5px;
    margin-bottom: 12px; overflow: hidden; }
.left-label ul li:nth-of-type(odd){ margin-right: 12px; }
/*+---------------
/*+  Tree cate
/*+---------------*/
.con-left .subcat ul.subTree li em{
    top: 17px;
    right: 15px;
    position: absolute;
    width:12px;
    height:12px;
    background:url(../images/jj.png)no-repeat;
    cursor: pointer;
    overflow: hidden
}
.con-left .subcat ul.subTree li .Treetwo{
    height: 0;
    padding:12px 0;
    overflow: hidden;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.con-left .subcat ul.subTree li.on .Treetwo{height: auto;}
.con-left .subcat ul.subTree li .Treetwo li{
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    border-bottom:none;
}
.con-left .subcat ul.subTree li.on .Treetwo li a{color:#666}
.con-left .subcat ul.subTree li.on .Treetwo li a:before{
    display:inline-block;
    width: 5px;
    height: 9px;
    background:url(../images/tree.png) no-repeat 0 -26px;
    content: "";
    clear: both;
    padding-right:5px;
}
.con-left .subcat ul.subTree li.on .Treetwo li.onn a:hover:before,
.con-left .subcat ul.subTree li.on .Treetwo li a:hover:before{background-position: 0 0;}

.con-left .subcat ul.subTree li.on{
    height:auto;
    border-bottom: none;
}
.con-left .subcat ul.subTree li.on .bor-b{
    display:block;
    height: 44px;
    border-bottom: 1px solid #ededed;
}
.con-left .subcat ul.subTree li.on em{background-position:0 -12px;}
.con-right{ width: 930px; float: right; }
.con-right .right-top-con:after{ display: block;content: "";clear: both; }
.con-right .right-top-con{ width: 880px;padding:0 25px;background: #fff; }
/*+---------------
/*+  Current a
/*+---------------*/
.con-right .current{height: 65px;line-height: 65px;border-bottom: 1px solid #dbdbdb;}
.con-right .current .curr-left{max-width: 300px;}
.con-right .current .curr-left h3{font-size:20px;color:#333;border-bottom: 1px solid #333;}
.con-right .current .curr-right .curr-a{ float: right; line-height: 65px;}
.con-right .current .curr-right .curr-a .txt{ display: block;float: left; }
.con-right .current .curr-right .curr-a a{ display: block;float: left; }
.con-right .current .curr-right .curr-a i{ display: block;float: left;padding: 0 5px;margin-top: 1px; }
/*+---------------
/*+  Content
/*+---------------*/
.detail{ padding:25px 0; }
.detail p{ color: #666;line-height: 24px; }
.detail img{max-width: 100%;vertical-align:middle;}
/*+---------------
/*+  Partner
/*+---------------*/
.partner-list ul li{width: 278px;float: left;border: 1px solid #ededed;text-align: center;margin:19px 19px 0 0;}
.partner-list ul li:nth-of-type(3n){ margin-right: 0; }
.partner-list ul li img{max-width:278px;}
.partner-list ul li p{height: 40px;line-height: 40px;border-top: 1px solid #dbdbdb;}
/*+---------------
/*+  Elegant Demeanor
/*+---------------*/
.fengcai-list ul li{width: 278px;float: left;text-align: center;margin:18px 22px 0 0;}
.fengcai-list ul li:nth-of-type(3n){ margin-right: 0; }
.fengcai-list ul li img{width: 100%; max-width:278px;height:auto;}
.fengcai-list ul li p{height: 40px;line-height: 40px;}
/*+---------------
/*+  Servers
/*+---------------*/
.service-con-lists ul li{ float:left;width:276px;padding: 20px 0 40px; margin:15px 22px 0 0;text-align: center;border: 1px solid #eee; overflow:hidden;-webkit-transition: all .4s ease-out;transition: all .4s ease-out; }
.service-con-lists ul li:nth-of-type(3n){ margin-right: 0; }
.service-con-lists ul li .remark span.server-img{ position: relative; display:block;width:100px;height:100px;margin:0 auto;overflow:hidden;}
.service-con-lists ul li .remark img{ position: absolute;top: 50%;left: 50%; display: block;width: 100%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.service-con-lists ul li h5{ font-size:20px; color:#333;padding: 8px 0 5px; }
.service-con-lists ul li p{ padding:0 20px;color: #666; }
.service-con-lists ul li:hover{box-shadow: 0 0 20px rgba(0,0,0,.3);}
/*+---------------
/*+  Team
/*+---------------*/
.teams-lists{ position: relative; }
.teams-lists .bd ul{ padding: 15px 0 !important; }
.teams-lists ul li{ width:278px;float:left;margin:0 22px 22px 0;background:#fff;-webkit-transition: all .4s ease-out;transition: all .4s ease-out; }
.teams-lists ul li:nth-of-type(3n){ margin-right: 0; }
.teams-lists ul li img{ cursor: pointer;display:block;width:100%; }
.teams-lists ul li .remark{ padding:10px 20px 24px;border:1px solid #eee; }
.teams-lists ul li .remark h5{ font-size:18px;color:#333;padding-bottom:10px;border-bottom:1px solid #eee; }
.teams-lists ul li .remark h5 em{ font-size:14px;color:#666;padding-top:6px; }
.teams-lists ul li .remark .desc{ padding:20px 0 25px; }
.teams-lists ul li .remark a{ cursor: pointer; font-size:12px; }
.teams-lists .hd a{ position:absolute;top:-55px;width:33px;height:33px;text-align:center;line-height:35px;border:1px solid #eee;background:#fff;cursor:pointer;font-size:25px; }
.teams-lists .hd .prev{ right: 0; }
.teams-lists .hd .next{ right: 45px; }
.teams-lists .hd .prev.prevStop,
.teams-lists .hd .next.nextStop{ opacity: .3; }
.dask-team:after,.dask-team .dask-remark:after{ display: block;content: "";clear: both; }
.dask-team { position:fixed;top:30%;left:50%;width:675px;height:auto;background:#fff;margin:0 0 0 -337.5px;z-index:555; }
.dask-team .tit{ height:60px;line-height:60px; padding:0 25px;border-bottom:1px solid #eee; }
.dask-team .tit h5{ font-size: 18px;color: #333; }
.dask-team .tit span{ color: #666;font-size: 14px;padding-left: 10px; }
.dask-team .dask-remark{ padding: 20px 25px; }
.dask-team .dask-remark .t-left{ width: 280px;height: auto; }
.dask-team .dask-remark .t-left img{ width: 100%; }
.dask-team .dask-remark .t-right{ position: relative; width:325px; }
.dask-team .dask-remark .t-right h6{ font-size: 14px;color: #333;padding:20px 0 10px; }
.dask-team .dask-remark .t-right p{ font-size: 12px;color: #333; }
.dask-team .team-colse{ font-size:28px;position: absolute;top:15px;right:25px; width: 28px;height: 28px;z-index: 10;cursor: pointer; }
.teams-lists ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.team-a.back-black .teams-lists ul li:hover{ box-shadow: 0 0 15px rgba(255,255,255,.4); }
.team-a.back-black .teams-lists ul li .remark{ border:1px solid transparent; }
.dask-team-ceng { position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 100;overflow: hidden; }
/** 详情 **/
.team-intro-top{ padding: 20px 0 30px;border-bottom: 1px solid #eee; }
.team-intro-top .left{ width: 650px; }
.team-intro-top .left h1{ font-size: 26px;font-weight: bold;color: #333; }
.team-intro-top .left .posi-tion{ display: block; color: #333;padding: 15px 0; }
.team-intro-top .left .desc{ color: #666; }
.team-intro-top .right{ width: 200px; }
.team-intro-top .right img{ max-width: 100%; }
/*+---------------
/*+  Products
/*+---------------*/
.pro-lists-con{ padding: 15px 0 30px; }
.pro-lists-con ul li{ width: 278px;float: left;margin: 0 22px 22px 0;overflow: hidden;-webkit-transition: all .4s ease-out;transition: all .4s ease-out; }
.pro-lists-con ul li:nth-of-type(3n){ margin-right: 0; }
.pro-lists-con ul li .posi-img{ position: relative; }
.pro-lists-con ul li .posi-img img{ width: 100%;display: block; }
.pro-lists-con ul li .remark{ padding:10px;text-align: center; }
.pro-lists-con ul li .remark h5{ font-size:16px;font-weight:bold;color:#000;
    text-overflow:ellipsis;white-space:nowrap;overflow:hidden;  }
.pro-lists-con ul li .remark p{ color:#666; }
.pro-lists-con .pages{ padding:10px 0 0; }
.pro-lists-con ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.4); }
/** 详情页 **/
.pro-detail{ position:relative; width: 100%; padding: 15px 0 30px;border-bottom:1px solid #eee; }
.pro-detail .detail-right h1{ font-size: 20px;color: #333; }
.pro-detail .detail-right .type,
.pro-detail .detail-right .keys{ color: #888; }
.pro-detail .detail-right{ width:385px; }
.pro-detail .detail-right .remark{ max-height: 170px;padding: 10px 0 15px;border: dashed #dbdbdb;border-width: 1px 0;
    line-height: 22px;margin: 15px 0 25px;overflow-x: hidden;overflow-y:auto;}
.pro-detail .detail-right .links a.l-url { display: inline-block;width: 80px;height: 35px;margin-right: 10px;line-height: 35px;
    text-align: center;border-radius: 5px;color: #fff;padding-right: 0; }
.bdsharebuttonbox{ display:inline-block;vertical-align: middle; }
.pro-detail .bdshare-button-style0-16 a,
.pro-detail .bdshare-button-style0-16 .bds_more{ margin:0 3px 2px 0; }
.pro-detail-detail .bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{ padding-left: 2px; }
/** Pics **/
.preview{ float:left;width:470px;position:relative; }
.preview .thumb{ display:block;width:100%; }
.smallImg{ position:relative; height:52px;margin-top: 15px; overflow:hidden; }
.scrollbutton{position: absolute;top:0;width:14px;height:50px;line-height:50px;overflow:hidden;cursor:pointer;color:#fff; }
.scrollbutton.smallImgUp,
.scrollbutton.smallImgUp.disabled{ left: 0; }
.scrollbutton.smallImgDown,
.scrollbutton.smallImgDown.disabled{ right: 0;}
#imageMenu { height:50px;width:calc(100% - 35px);margin: 0 auto;overflow:hidden;}
#imageMenu li{ position:relative;height:44px;width:56px;float:left;border:3px solid transparent;overflow:hidden; }
#imageMenu li img{ width:100%;height:50px;cursor:pointer; }
#imageMenu li#onlickImg,
#imageMenu li:hover{ border-color: rgba(0,0,0,.2); }
.bigImg #winSelector{ width:200px;height:200px; }
#winSelector{ position:absolute;cursor:crosshair;background:rgba(0,0,0,.3); }
#bigView{ display:none;position:absolute;border:1px solid #eee;overflow:hidden;z-index:999; }
#bigView img{ position:absolute; }
/*+---------------
/*+  Article
/*+---------------*/
.article-list ul li{
    padding:15px 0;
    border-bottom: 1px solid #f0f0f0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.article-list ul li:after{display: block;clear: both;content: "";}
.article-list ul li img{ max-height: 120px;margin-right:15px; }
.article-list ul li h5{font-size:16px;padding-top:10px;}
.article-list ul li p{color:#888;}
.article-list ul li p.time-sour{padding:5px 0 8px;}
.article-list ul li p.reamk{line-height:22px;}
.article-list ul li:hover{ background: #f9f9f9; }
/** Detail **/
.content-title{padding:25px 0 15px;text-align: center;border-bottom:1px solid #f0f0f0;}
.content-title h1{font-size:20px;padding-bottom:8px;color:#333;}
.content-title .sub-title{min-height:19px;}
.content-title .sub-title span{padding-right:10px;}
.content-title .show-keyword{ color: #999; }
.content-title .sub-title .bdsharebuttonbox{display:inline-block;vertical-align: middle;}
.content-title .bdshare-button-style0-16 a,
.content-title .bdshare-button-style0-16 .bds_more{margin:0 6px 2px 0;}
.keywords{ padding-bottom: 30px; }
.keywords.bor-top{ border-top: 1px solid #eee;padding: 20px 0 30px 0; }
.keywords span{ display: block;width: 58px;float: left; }
.keywords p{ float: left; width: calc(100% - 58px); color: #666; }
/*+---------------
/*+  Recru
/*+---------------*/
.recru-list{ margin:20px 0; }
.recru-list .recru-con{  border:1px solid #eee; }
.recru-list .head{width: 100%;border-bottom: 1px solid #ededed;background: #f9f9f9; }
.recru-list .head ul li{ font-size: 14px;color:#333;border-right:1px solid #ededed;font-weight: bold;}
.recru-list .head ul li,
.recru-list .table-list ul li{width: 18%;height: 48px;line-height: 48px;text-align: center;float: left;}
.recru-list .table-list ul:last-child li{ border-bottom: 0;}
.recru-list .head ul li:last-child,
.recru-list .table-list ul li:nth-of-type(5){width:27.5%; border-right:none;}
.recru-list .table-list ul li{border-right:1px dashed #dbdbdb;border-bottom: 1px dashed #dbdbdb;}
.recru-list .table-list ul li a.a-recru{display: block;width: 88px;height: 28px;line-height: 28px;border:1px solid #ededed;
    margin:7px auto 0;border-radius: 5px;font-size: 12px;}
/**  Detail  **/
.page-recru h1{font-size:16px;color:#037ad6;}
.page-recru p.yaoqiu{height: 45px;line-height: 45px;color:#888;border-bottom:1px dashed #dbdbdb;}
.page-recru p.yaoqiu span{padding:0 10px;background:url(../images/span-li.png) no-repeat center right;}
.page-recru p.yaoqiu span:first-child{padding-left:0;}
.page-recru p.yaoqiu span:nth-last-of-type(1){background:none;}
.page-recru p.yaoqiu a.go-eamil{color:#037ad6}
.page-recru h5.subtitle{font-weight: bold;font-size: 14px;padding:20px 0 10px;color:#333;}
.page-recru {line-height: 24px;color:#666}
.page-recru .recru-mod{border-bottom:1px dashed #dbdbdb}
.file-inp{ position: relative; display: block; width: 200px;height: 50px;line-height: 50px;text-align: center; background: #f38400;color: #fff;font-size: 14px;
    margin: 0 auto 25px;cursor: pointer;border-radius: 65px;
}
.file-inp input[type=file]{ width: 100%;height: 100%; position: absolute;top: 0;left: 0;opacity: 0; }
.file-inp:hover{ color: #fff; }
/** Show-recomme **/
.article-rcom{ padding: 0 25px 20px; background: #fff; }
.article-rcom .rtitle {height: 60px;line-height: 60px;border-bottom: 1px solid #ebebeb;margin-bottom:15px;}
.article-rcom .rtitle h6 {position: relative;float: left;font-size: 16px;color: #333;}
.article-rcom .rtitle a {float: right;font-size: 12px;color: #999;}
.article-rcom  .cons ul li {float: left;width: 32%;height: 35px;line-height: 35px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article-rcom  .cons ul li:nth-of-type(3n-1){ margin: 0 2%; }
/** service-city **/
.service-city{ padding: 0 25px 10px; background: #fff; }
.service-city .rtitle {height: 60px;line-height: 60px;border-bottom: 1px solid #ebebeb;margin-bottom:15px;}
.service-city .rtitle h6 {position: relative;float: left;font-size: 16px;color: #333;}
.service-city ul{ padding-top: 10px; }
.service-city li{ float: left; width: calc((100% / 8) - 8px);margin-bottom: 20px; }
.service-city li:not(:nth-of-type(8n)){ margin-right: 8px; }
/** label-list **/
.label-list{ padding: 15px 0; }
.label-list ul li{ float: left; width: calc(100% / 5);height: 35px;line-height: 35px;margin-bottom: 5px; }
/*+---------------
/*+  Contactus
/*+---------------*/
.contactus-order:nth-of-type(2){margin:25px 0;}
.contact-us .us-right{width: 410px;}
.contact-us .us-right h5{font-size: 16px;padding-bottom: 15px;border-bottom: 1px dashed #dbdbdb;}
.contact-us .us-right .desc{padding: 10px 0;border-bottom: 1px dashed #dbdbdb;}
.contact-us .us-right ul li{height: 60px;border-bottom: 1px dashed #dbdbdb;}
.contact-us .us-right ul li:first-child{background:url(../images/con-tel.png) no-repeat center left;}
.contact-us .us-right ul li:nth-of-type(2){background:url(../images/email.png) no-repeat center left;}
.contact-us .us-right ul li:last-child{background:url(../images/address.png) no-repeat center left;border-bottom:none;}
.contact-us .us-right ul li span,
.contact-us .us-right ul li p{padding-left:43px;}
.contact-us .us-right ul li span{display:block;padding-top:10px;color:#333;font-size:14px;}
/** Map **/
.head-tit{margin:0 0 20px;padding-bottom:15px;border-bottom: 1px solid #f0f0f0;font-size:16px;color:#333;}
#allmap{height: 450px;overflow: hidden;}
.Map{height: 450px;}
#maps{width: 100%;height: 450px;}
#maps .info-title{color: white;font-size: 14px;background-color: rgba(0,155,255,0.8);line-height: 26px;padding: 0px 0 0 6px;font-weight: lighter;letter-spacing: 1px}
#maps .info-content{padding: 4px;color: #666666;line-height: 23px;}
#maps .info-content img{float: left;margin: 3px;}
#maps .amap-adcombo-close{ background:#000 url(../images/mapclose.png) center center no-repeat !important; }
/** Feedback **/
.feedback-list ul li{float: left;width: 267px;height: 38px;line-height: 38px;border:1px solid #ededed;color:#666;margin-right:36px;}
.feedback-list ul li:nth-of-type(3) {margin-right:0;}
.feedback-list ul li label{display: block;float:left;width: 68px;text-align:center;border-right: 1px solid #ededed;}
.feedback-list ul li input[type=text]{width:calc(269px - 76px);height:38px;line-height: 38px;padding-left: 5px;border:none;}
.feedback-list ul li.textarea{width: 100%;height: 120px;margin:18px 0 25px;overflow: hidden;}
.feedback-list ul li.textarea textarea{width: 100%;height: 120px;padding:5px;border:none;resize:none;}
.feedback-list ul li.submit{position: relative;width: 100%;height: 42px;border:none;}
.feedback-list ul li.submit input[type=submit]{display:block;width: 158px;height: 43px;border:1px solid #eee;color:#000;
    background:#fff;cursor: pointer;font-size: 14px;margin:0 auto;}
.feedback-list ul li.submit span.error-hide{position: absolute;top: 13px;left: 0;}
/** note **/
.note{ border-top: 1px solid #f0f0f0;padding: 20px 0;margin-top: 20px; }
/** statement-cons **/
.statement-cons{ background: #ebeaea;padding: 20px; }
/*+---------------
/*+  Pages
/*+---------------*/
#loading{ width:195px;height:32px;line-height:32px;font-size:14px;text-align:center;padding-left:0;opacity:.7;background:url(../images/login.gif) no-repeat center center;margin:20px auto;color:#000; display: none;}
#loading.back-hide{background:none;}
.pages{ text-align:center;padding:35px 0 0; }
.pages a{ display:inline-block;padding:5px 10px;margin-right:5px;border:1px solid #dbdbdb; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:#000;border-color:#000; }
/** pages-render **/
.pages.render ul li{ padding:5px 10px;display:inline-block;border: 1px solid #dbdbdb;margin-right: 5px; }
.pages.render ul li a{ padding: 0;border: 0; }
.pages.render ul li.active{ background:#000;border-color:#000; }
.pages.render ul li.active span{ color: #fff; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;margin: 0 0 20px; height: 65px;border: solid #eee;border-width: 1px 0; }
.Pre-Next p{ max-width:50%;min-height:25px;line-height:65px;float: left; overflow:hidden;}
.Pre-Next .page-next{ float: right; }
.Pre-Next p a{ font-size: 14px; }