@charset "utf-8";
/*++----------------------------------------------
/*++  内容开始
/*++----------------------------------------------*/
.style-a{ width: 100%; }
.back-color{ width: 100%;background:#f7f7f7; }
.back-white{ background: #fff; }
.nbanner .container{ position: relative;height: 100%; }
.nbanner a{ position: relative; display: block;width: 100%;height: 500px; }
.nbanner .text{ position: absolute;top: 45%;left: 0; }
.nbanner .text h5{ font-size: 46px;font-weight: bold;color: #fff; }
.nbanner .text p{ font-size: 16px;color: rgba(255,255,255,.8); }
.box-content:after{ display: block;content: "";clear: both; }
.box-content{ padding: 25px 0 40px; }
/*+-------------------
/*+  搜索
/*+-------------------*/
.empty{text-align: center;padding:80px 0;}
.empty strong{font-size: 25px;color:#157da0}
/*+---------------
/*+  Left Cate
/*+---------------*/
.con-left{ float:left;width:265px; }
.con-left .subcat{ padding-bottom: 20px; background: #fff; box-shadow: 0 0 12px rgba(0,0,0,.2); border-radius: 10px;overflow: hidden; }
.con-left .subcat .sub-tit{ height: 75px;line-height: 75px; padding-left:35px;color:#fff;background: #157da0; }
.con-left .subcat .sub-tit h3{ font-size: 22px; }
.con-left .subcat .sub-tit span{ text-transform:capitalize; }
.con-left .subcat ul{ margin: 0 20px; }
.con-left .subcat ul li{ position:relative;text-indent: 15px;height: 55px;line-height: 55px;margin-top: 2px;
    border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.con-left .subcat ul li:last-child{ border-bottom: 0; }
.con-left .subcat ul li.cursor{cursor:pointer;}
.con-left .subcat ul li a{display: block;font-size: 16px;color:#333;}
.con-left .subtac{ margin-top: 25px; }
.con-left .subtac img{ display: block;width: 100%; }
.con-left .subtac .con-intro{ padding: 25px;background: #157da0;color: #fff; }
.con-left .subtac p{font-size: 16px;font-weight: bold; margin-bottom: 5px;}
.con-left .subtac strong{display: block; font-size: 24px;}
.con-left .subcat ul li:hover,
.con-left .subcat ul li.on{ border-bottom-color: #157da0; }
.con-left .subcat ul li:hover a,
.con-left .subcat ul li.on a{ color: #157da0; }
/** 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; }
/*+---------------
/*+  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: 915px; float: right; }
.con-right .right-top-con:after{ display: block;content: "";clear: both; }
/*+---------------
/*+  Search
/*+---------------*/
.search-top{ width: 100%;height: 78px;background: #f5f5f5; }
.left-keys{ max-width: 635px; line-height: 78px; }
.left-keys a{ margin-right: 10px; }
.search-form { position: relative; width: 215px;height: 35px;background: #fff;border-radius: 65px;margin-top: 22px;overflow: hidden; }
.search-form .keywords{ width: calc(100% - 65px);line-height: 35px; padding: 0 10px;border: 0;outline: none;font-size: 12px; }
.search-form .click-search{ display: flex;align-items: center; position: absolute;top: 0;right: 0; width: 45px;height: 35px;background: transparent;
    border: 0;cursor: pointer; z-index: 6 }
.search-form .click-search img{ margin-left: 10px; }
/*+---------------
/*+  Current a
/*+---------------*/
.con-right .current{height: 52px;line-height: 52px;border-bottom: 1px solid #ebebeb;}
.con-right .current .curr-left h3{font-size:20px;color:#333;border-bottom: 1px solid #157da0;}
.curr-right .curr-a{ line-height: 69px; border-bottom: 1px solid #ebebeb; }
.curr-right .curr-a .txt{ display: block;float: left; }
.curr-right .curr-a a{ display: block;float: left; }
.curr-right .curr-a a:last-child{ color: #000; }
.curr-right .curr-a i{ width: 5px;height: 9px; display: block;float: left;margin: 30px 8px 0;background: url("../images/gt.png") no-repeat; }
/*+---------------
/*+  Content
/*+---------------*/
.detail{ padding:25px 0; }
.detail p{ color: #666;line-height: 24px; }
.detail img{max-width: 100%;vertical-align:middle;}
/*+---------------
/*+  About
/*+---------------*/
.ab-title{ text-align: center;padding:20px 0 35px; }
.ab-title h5{ font-size: 30px;font-weight: bold;color: #000; }
.ab-title p{ color: #666; }
.page-about .intro{
    display: flex;
    align-items: center;
    background: #fafafa;
}
.page-about .intro .txt{
    padding: 0 40px;
    width: calc(100% - 535px);
}
.page-about .intro .txt h6{ font-weight: bold;font-size: 22px;color: #000; }
.page-about .intro .txt p{ color: #000;padding: 20px 0;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 9;-webkit-box-orient: vertical; }
.page-about .intro .txt a{ display: block;width: 135px;height: 40px;line-height: 40px; background: #157da0;color: #fff;text-align: center;
    font-size: 16px;border-radius: 5px; }
.page-about .video,
.page-about .video .video-js{
    width: 455px;
    height: 390px;
}
.page-about .video .video-js{ object-fit: cover; }
.page-about .video .video-js .vjs-big-play-button{line-height:65px;height:65px;width:65px;border-radius:65px;margin-left:-35px}
.page-about .video .vjs-slider-horizontal .vjs-volume-level:before{ top: -5px; }
/** remm-product **/
.remm-product .ab-title{ padding: 70px 0 35px; }
.remm-product .cons{ border: 1px solid #dadada; }
.remm-product .cons ul li:nth-of-type(1){ width: 457px; }
.remm-product .cons ul li:nth-of-type(2){ width: 455px;border-right: 0; }
.remm-product .cons ul li{
    position: relative;
    float: left;
    width: 303px;
    height: 370px;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    text-align: center;
    overflow: hidden;
}
.remm-product .cons ul li:last-child{ width: 305px;border-right: 0; }
.remm-product .cons ul li:nth-of-type(n+3){ border-bottom: 0; }
.remm-product .cons ul li .imgs{ display: flex;align-items: center;justify-content: center; height: 320px; }
.remm-product .cons ul li .imgs img{ display: block;max-width: 100%; }
.remm-product .cons ul li h5{ padding: 0 10px; font-size: 16px;font-weight: bold;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.remm-product .cons ul li:hover .imgs img{ transform: scale(1.1) }
.remm-product .cons ul li:hover h5{ color: #157da0; }
/** brand-sl **/
.brand-sl .ab-title{ padding: 70px 0 35px; }
.brand-sl .intro{ display: flex;align-items: center; background: #fafafa;height: 375px; }
.brand-sl .intro .cover{ display: block;width: 435px;height: 375px; }
.brand-sl .intro .remark{ width: calc(100% - 545px);padding:0 55px;color: #000; }
.brand-sl .intro .remark img{ margin-top: 25px; }
.articlerom.page{ padding-top: 0; }
/** fengcai-list **/
.fengcai-list{ padding: 35px 0; }
.fengcai-list ul li{ float: left; width: 285px;margin:0 30px 30px 0;text-align: center; }
.fengcai-list ul li:nth-of-type(3n){ margin-right: 0; }
.fengcai-list ul li img{ display: block;width: 100%; }
.fengcai-list ul li p{ padding-top: 10px;font-weight: bold;color: #000; }
/** cert-list **/
.cert-list{ padding: 35px 0; }
.cert-list ul li{ float: left; width: 285px;margin:0 30px 30px 0;text-align: center; }
.cert-list ul li:nth-of-type(3n){ margin-right: 0; }
.cert-list ul li .imgs{ width: 100%; border: 1px solid #ebebeb; }
.cert-list ul li img{ display: block;width: 100%; }
.cert-list ul li p{ padding-top: 10px;font-weight: bold;color: #000; }
/*+---------------
/*+  Server
/*+---------------*/
.cs-service ul li{ float: left; width: 283px;height: 288px; border: 1px solid #ebebeb;margin:0 30px 30px 0;text-align: center; }
.cs-service ul li:nth-of-type(3n){ margin-right: 0; }
.cs-service ul li .imgs{ display: flex;align-items: center;justify-content: center; width: 108px;height: 108px;border: 1px solid #ebebeb;
    border-radius: 65px;margin: 25px auto; }
.cs-service ul li .imgs img{ max-width: 100%; }
.cs-service ul li .remark{ padding: 0 25px; }
.cs-service ul li h5{ font-weight: bold;font-size: 16px;color: #000;padding-bottom: 10px; }
.cs-service ul li p{ font-size: 12px; color: #666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
/** cs-brand **/
.cs-brand{padding: 0 25px; margin-top: 20px; background: #fafafa; }
.cs-brand .ab-title{ padding-top: 45px; }
.cs-brand ul li{ margin-bottom: 30px;background: #fff;height: 325px; }
.cs-brand ul li .imgs{ float: left; width: 435px;height: 325px; }
.cs-brand ul li .imgs img{ display: block;width: 100%;height: 100%; }
.cs-brand ul li .remark{ display: flex;flex-direction: column; justify-content: center; float: right; width: calc(100% - 495px); padding: 0 30px;height: 100%; }
.cs-brand ul li .remark h5{ font-size: 22px;color: #000;font-weight: bold;padding-bottom: 10px; }
.cs-brand ul li .remark p{ color: #000; }
.cs-brand ul li:nth-of-type(even) .imgs{ float: right; }
.cs-brand ul li:nth-of-type(even) .remark{ float: left; }
/*+---------------
/*+  Products
/*+---------------*/
.pro-lists-con{ padding: 35px 0; }
.pro-lists-con ul li{
    float: left;
    width: 285px;
    margin: 0 29px 29px 0;
    text-align: center;
}
.pro-lists-con ul li:nth-of-type(3n){ margin-right: 0; }
.pro-lists-con ul li .imgs{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    border: 1px solid #dcdcdc;
    height: 280px;
    overflow: hidden;
}
.pro-lists-con ul li .imgs img{ display: block;max-width: 100%; }
.pro-lists-con ul li h5{ padding-top: 10px;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.pro-lists-con ul li:hover .imgs img{ transform: scale(1.1); }
/** 详情页 **/
.pro-content .intro{
    margin: 35px 0 60px;
    height: 378px;
    border: 1px solid #dcdcdc;
    overflow: hidden;
}
.pro-content .intro .left-img,
.pro-content .intro .right-desc{ width: 50%;height: 100%; }
.pro-content .intro .left-img{ display: flex;align-items: center;justify-content: center; }
.pro-content .intro .left-img img{ display: block;max-width: 80%; }
.pro-content .intro .right-desc{ display: flex;flex-direction: column;justify-content: center;width: calc(50% - 71px); padding: 0 35px;
    border-left: 1px solid #dcdcdc; }
.pro-content .intro .right-desc h1{ font-size: 26px;font-weight: bold;color: #157da0; }
.pro-content .intro .right-desc p{ color: #666;padding: 12px 0 50px; }
.pro-content .intro .bth a{ float: left; display: block;width: 131px;height: 43px;line-height: 43px; text-align: center; border: 1px solid #dcdcdc;
    border-radius: 5px;font-size: 15px;margin-right: 18px; }
.pro-content .intro .bth a.on{ background: #157da0;border-color: #157da0;color: #fff; }
/** description **/
.description .title{ text-align: center;padding-bottom: 50px; }
.description .title h5{ font-size: 34px;color: #000;font-weight: bold; }
.description .title p{ text-transform: uppercase; }
.description ul li{ height: 305px; border: 1px solid #dcdcdc;margin-bottom: 70px; }
.description ul li:last-child{ margin-bottom: 30px; }
.description ul li .imgs{ display: flex;align-items: center; float: left; width: 438px;height: 305px; }
.description ul li img{ display: block;width: 100%;max-height: 100%; }
.description ul li .remark{ position: relative; display: flex;align-items: center; float: right; width: calc(100% - 519px);height: 100%; padding: 0 40px; }
.description ul li .remark h6{ position: absolute;left: 50%; top: -22px;width: 120px;height: 45px;line-height: 45px; text-align: center; font-size: 20px;font-weight: bold;color:#fff;
    border-radius: 5px;background: #157da0;margin: 0 0 0 -60px;box-shadow: 5px 5px 5px rgba(0,0,0,.2) }
.description ul li .remark p{ font-size: 15px; }
.description ul li:nth-of-type(even) .imgs{ float: right; }
.description ul li:nth-of-type(even) .remark{ float: left; }
/**editem**/
.pro-block .stitle {
    text-align: center;
    font-size: 36px;
    color: #157da0;
    font-weight: bold;
    padding-bottom: 30px;
}
.pro-block td, .pro-block th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}
/** remme-pro **/
.remme-pro{ width: 100%;padding: 70px 0;background: #fafafa;  }
.container-width{ float: right; width: 915px; }
.rtitle{ height: 50px;border-bottom: 2px solid #ebebeb; }
.rtitle .catcn{ position: relative; font-size: 24px; font-weight: bold; }
.rtitle .catcn::after{ position: absolute;left: 0; bottom: -16px; width: 100%;height: 2px;background: #157da0; content: "";z-index: 6 }
.rtitle em{ padding: 0 10px 0 15px;color: #a8a8a8; }
.rtitle .caten{ text-transform: uppercase;color: #a8a8a8;font-size: 16px; }
/** remme-pro **/
.remme-pro .cons-slide{ position: relative;padding: 40px 0;overflow: hidden; }
.remme-pro .cons-slide .bd li{
    float: left;
    width: 285px;
    margin: 0 29px 29px 0;
    text-align: center;
}
.remme-pro .cons-slide .bd li .imgs{
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 2px);
    border: 1px solid #dcdcdc;
    height: 280px;
    background: #fff;
    overflow: hidden;
}
.remme-pro .cons-slide .bd li .imgs img{ display: block;max-width: 100%; }
.remme-pro .cons-slide .bd li h5{ padding-top: 10px;font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.remme-pro .cons-slide .hd{ width: 100%; position: absolute;bottom: 0;left: 0;text-align: center; }
.remme-pro .cons-slide .hd ul li{ display: inline-block; width: 10px;height: 10px;background: #d3d3d3;border-radius: 65px;margin-right: 6px;
    text-indent: 9999px;cursor: pointer; }
.remme-pro .cons-slide .hd ul li:last-child{ margin-right: 0; }
.remme-pro .cons-slide .hd ul li.on{ background: #157da0; }
.remme-pro .cons-slide .bd li:hover .imgs img{ transform: scale(1.1); }
/** articlerom **/
.articlerom{ padding: 70px 0; }
.article-show .articlerom{ padding: 30px 0 70px; }
.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%; }
.article-rcom .cons ul li a{ color: #333; }
.article-rcom .cons ul li:hover a{ color: #157da0; }
/*+---------------
/*+  Case
/*+---------------*/
.case-lists{ padding: 35px 0; }
.case-lists ul li{ float: left; width: 285px;margin: 0 30px 30px 0;background: #fafafa; }
.case-lists ul li:nth-of-type(3n){ margin-right: 0; }
.case-lists ul li .imgs{ width: 100%;height: 180px;overflow: hidden; }
.case-lists ul li .remark{ padding: 15px 15px 30px; }
.case-lists ul li .remark h5{ font-size: 18px;color: #000;font-weight: bold;padding-bottom: 3px; }
.case-lists ul li .remark p{ color: #666; }
.case-lists ul li:hover .imgs img{ transform: scale(1.1); }
/*+---------------
/*+  Article
/*+---------------*/
.article-list-con ul li{ background: #fafafa;margin-bottom: 25px; }
.article-list-con ul li a{ display: flex;align-items: center; }
.article-list-con ul li img{ display: block; width: 320px; }
.article-list-con ul li .remark{ padding: 0 25px;width: calc(100% - 370px); }
.article-list-con ul li .remark h5{ font-size: 18px;font-weight: bold;color: #000; }
.article-list-con ul li .remark p{ color: #666;padding: 8px 0 20px; }
.article-list-con ul li .remark span{ color: #999;font-size: 13px; }
.article-list-con ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2) }
.article-list-con ul li:hover .remark h5,
.article-list-con ul li:hover .remark span{ color: #157da0; }
/** Detail **/
.news-content{ background: #fafafa;padding: 0 35px; }
.content-title{padding:60px 0 20px;text-align: center;border-bottom:1px solid #e6e6e6;}
.content-title h1{ font-size:32px;color: #000;font-weight: bold;padding-bottom: 10px; }
.content-title .sub-title{min-height:19px;}
.content-title .sub-title span{padding-right:10px; color: #666; }
.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;}
/*+---------------
/*+  Contactus
/*+---------------*/
.page-contactus{ padding: 25px; background: #fafafa; }
.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 solid #e1e1e1;}
.contact-us .us-right ul li{height: 60px;border-bottom: 1px solid #e1e1e1;}
.contact-us .us-right ul li:first-child{background:url(../images/contact-icon-tel.png) no-repeat center left;}
.contact-us .us-right ul li:nth-of-type(2){background:url(../images/contact-icon-moblie.png) no-repeat center left;}
.contact-us .us-right ul li:nth-of-type(3){background:url(../images/contact-icon-email.png) no-repeat center left;}
.contact-us .us-right ul li:last-child{background:url(../images/contact-icon-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:29px;}
.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: 160px;height: 45px;color:#fff;
    background:#157da0;cursor: pointer;font-size: 14px;margin:0 auto;border: 0;}
.feedback-list ul li.submit span.error-hide{position: absolute;top: 13px;left: 0;}
/*+---------------
/*+  Pages
/*+---------------*/
.pages{ text-align:center;padding:35px 0 0; }
.pages a{ display:inline-block;padding:5px 10px;margin-right:10px;border:1px solid #dbdbdb; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:#157da0;border-color:#157da0; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;margin: 35px 0 20px; height: 65px;border-top: 1px solid #eee; }
.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; }