@charset "utf-8";
/*++----------------------------------------------
/*++  内容开始
/*++----------------------------------------------*/
.style-a{ width: 100%; }
.hg20-color{ height: 20px;clear: both;background:#f1f1f1; }
.back-color{ width: 100%;background:#f1f1f1; }
.nbanner .container{ position: relative;min-height: 568px; }
.nbanner .banner-img{ position: relative; display: block;width: 100%;min-height: 568px; }
.nbanner .text{ width: 725px; position: absolute;top: 45%;left: 0;-webkit-transform: translate(0,-50%);transform: translate(0,-50%) }
.nbanner .text h5{ font-size: 42px;font-weight: bold;color: #fff;}
.nbanner .text p{ width: 530px;font-size: 14px;color: rgba(255,255,255,.8); }
.nbanner .nopen{ display: block;width: 123px;height: 34px;line-height: 34px;text-align: center; border: 1px solid #fff;border-radius: 65px;
    color: #fff;margin-top: 45px;cursor: pointer;
}
/** old-banner **/
.public-banner{width:100%;height:580px;color:#fff;text-align:center;position:relative;background-repeat:no-repeat;background-size:cover}
.public-banner .container{width:100%;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.public-banner .container h4{font-size:48px;margin-bottom:10px}
.public-banner .container h5{font-size:30px;margin-bottom:10px}
.public-banner .container p{font-size:12px;margin-bottom:34px}
.public-banner .container .btn-consult{display:inline-block;font-size:16px;height:50px;line-height:50px;color:#fff;padding:0 56px;border:2px solid #fff;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.public-banner .container .btn-consult:hover{background-color:#fff;color:#2166c1}
.public-banner.b-solution .container h5,
.public-banner.b-solution .container p{font-size:16px}
/** old-ads **/
.consult{width:100%;height:200px;background-color:#009f3b;position:relative}
.consult .ctn-wrap{width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;padding-top:40px;color:#fff}
.consult .ctn-wrap h4{font-size:36px;margin-bottom:10px}
.consult .ctn-wrap p{font-size:12px;margin-bottom:13px}
.consult .ctn-wrap .btn-consult{ display:inline-block;width:140px;height:38px;line-height:38px;color: #fff;border:1px solid #fff;-webkit-border-radius:19px;-moz-border-radius:19px;border-radius:19px;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
.consult .ctn-wrap .btn-consult:hover{background-color:#fff;color:#00b450}
.box-content:after{ display: block;content: "";clear: both; }
.box-content{ padding: 20px 0 35px; }
/** 当前位置 **/
.currs{ height: 75px;line-height: 75px; }
.current-in .currs{ height: 69px;line-height: 69px; border-bottom: 1px solid #dcdcdc; }
.current-in.nbor .currs{ border: 0; }
.curr-a i{ padding: 0 5px; }
.curr-a a:last-child{ color: #333; }
/** 栏目 **/
.cate-nav.nleft{ text-align: left;padding-top: 20px; }
.cate-nav.nleft a{ margin-right: 10px; }
/** 结构 **/
.detail-con:after{ display: block;content: "";clear: both; }
.con-left .article-list,.con-right{ background: #fff;border-radius: 5px; }
.con-left{ width: 867px;float: left; }
.con-right{ width: 313px;float: right; }

/*+---------------
/*+  Content
/*+---------------*/
.detail{ padding:25px 0; }
.detail p{ color: #666;line-height: 24px; }
.detail img{max-width: 100%;vertical-align:middle;}
/*+---------------
/*+  Case
/*+---------------*/
.case-sub ul li{ display:flex;padding:20px;background:#fff;border-radius:5px;font-size:16px; }
.case-sub ul li:last-child{ margin-top:20px; }
.case-sub ul li span{ display:block;width:60px;color:#999; }
.case-sub ul li .cost{ width:calc(100% - 60px); }
.case-sub ul li .cost a{ float: left; display:block;width:calc(100% / 7);height: 35px;line-height: 35px; color:#333;text-align: center; }
.case-sub ul li .cost a.on{ background: #3874f4;color: #fff; }


/** list **/
.case-lists-con ul li{ float: left; width: 380px;height: 370px;background: #fff; margin:30px 30px 0 0;border-radius: 5px;overflow: hidden; }
.case-lists-con ul li:nth-of-type(3n){ margin-right: 0; }
.case-lists-con ul li .posi-img{ width: 100%;height: 250px;overflow: hidden; }
.case-lists-con ul li img{ display: block; width: 100%; }
.case-lists-con ul li .remark{ padding: 20px 25px 0; }
.case-lists-con ul li .remark h5{ font-size: 16px;color: #333;padding-bottom: 6px;font-weight: bold; }
.case-lists-con ul li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.3) }
.case-lists-con ul li:hover .show-img{ display: none; }
/*+---------------
/*+  Article
/*+---------------*/
.article-list ul li a{ display: block;padding: 30px 0;margin:0 30px;border-bottom: 1px solid #dcdcdc; }
.article-list ul li:last-child a{ border-bottom: 0; }
.article-list ul li a:after{display: block;clear: both;content: "";}
.article-list ul li img{ max-height: 162px;margin-right:15px; }
.article-list ul li h5{font-size:16px;padding-top:28px;color: #333;font-weight: bold; }
.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: #f6f6f6; }
/** R **/
.rec-article{ padding: 0 20px; }
.rec-article .tits{ position: relative; height: 70px;line-height: 70px;font-size: 20px;font-weight: bold;color: #333; }
.rec-article .tits em{ position: absolute;top: 27px;left: -20px; display: block;width: 4px;height: 18px;background: #3874f4; }
.rec-article ul li{ position: relative; padding: 23px 0;border-top: 1px solid #dcdcdc; }
.rec-article ul li .bimg{ display: block;width: 100%;height:224px;border-radius: 5px; overflow: hidden; }
.rec-article ul li img{ display: block; width: 100%; }
.rec-article ul li:first-child{ padding: 0; border-radius: 5px;border-top: 0; overflow: hidden; }
.rec-article ul li:first-child h5{ width: calc(100% - 30px); padding: 0 15px; position: absolute;bottom: 0;left: 0; height: 47px;line-height: 47px;background: rgba(0,0,0,.8);
    color: #fff;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; }
.rec-article ul li h5 em{ float: left; display: block;width: 6px;height: 6px;background: #999;border-radius: 65px;margin: 8px 5px 0 0; }
.rec-article ul li .time{ color: #999;font-size: 12px;padding-left: 13px; }
.rec-article ul li:hover h5 em{ background: #3874f4; }
.rec-article ul li:hover img{ -webkit-transform: scale(1.2);transform: scale(1.2); }
/** Pics **/
.rec-article.recoms ul li{ border-top: 0;padding: 0;line-height: 40px; }
.rec-article.recoms ul li h5 em{ margin: 18px 5px 0 0; }
.rec-article.recoms ul li:nth-of-type(2){ margin-top: 20px; }
.rec-article.recoms ul li:last-child{ margin-bottom: 20px; }
/** Detail **/
.content-show{ padding: 0 30px; border-radius: 5px; }
.content-title{ padding:55px 0 20px;border-bottom:1px solid #dcdcdc;}
.content-title h1{ font-size:24px;padding-bottom:8px;color:#333;font-weight: bold; }
.content-title .sub-title{min-height:19px;}
.content-title .sub-title span{ padding-right:10px;color: #999; }
.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; }
/*+---------------
/*+  Pages
/*+---------------*/
.ntitles{ text-align: center;padding: 65px 0 20px; }
.ntitles h5{ font-size: 30px;color: #333;font-weight: bold; }
.ntitles p{ color: #666; }
.company .cons:after{ display: block;content: "";clear: both; }
.company .cons{ border: 1px solid #dcdcdc;border-radius: 5px;overflow: hidden; }
.company .left,.company .cons .right{ position: relative; width: 50%;float: left;height: 513px; }
.company .left img{ display: block;width: 100%;height: 100%; }
.company .right .remark{ position: absolute;top: 50%;left: 50%; width: 508px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.company .right .remark h5{ font-size: 22px;color: #333;font-weight: bold;padding-bottom: 5px; }
.company .right .remark .subtitle{ color: #666; }
.company .right .remark .remark-con{ margin-top: 30px; }
.company .right .remark .remark-con,
.company .right .remark .remark-con p{ color: #666; }
/** Business **/
.business .cons:after{ display: block;content: "";clear: both; }
.business ul li{ float: left; width: 380px;height: 429px; margin-right: 30px;background: #fff;border-radius:5px;overflow: hidden; }
.business ul li:last-child{ margin-right: 0; }
.business ul li img{ display: block;width: 100%; }
.business ul li .remark{ padding: 27px 20px; }
.business ul li .remark h5{ font-size: 16px;color: #333;font-weight: bold;padding-bottom: 6px; }
.business ul li .remark p{ color: #666; }
.business ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
/** Core **/
.cores ul li{ float: left;margin-right: 30px; width: 378px;height: 280px;border: 1px solid #dcdcdc;border-radius: 5px;overflow: hidden;  }
.cores ul li:last-child{ margin-right: 0; }
.cores ul li img{ display: block;width: 90px;height: 90px;margin: 35px auto 15px; }
.cores ul li .remark{ width: 315px;text-align: center;margin: 0 auto; }
.cores ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.cores ul li .remark p{ color: #666; }
.cores ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
/*** Team ***/
.team-archite .container{ overflow: hidden; }
.team-archite .team-slide{ position: relative; }
.team-archite .swiper-slide{ width: 280px;min-width: auto;background: #fff; }
.team-archite .swiper-slide .imgs{ display: block;width: 100%;height: 250px;border-top-left-radius: 8px;border-top-right-radius: 8px; overflow: hidden; }
.team-archite .swiper-slide .remark{ padding: 20px;text-align: left; border: 1px solid #dcdcdc;border-width: 0 1px 1px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px; }
.team-archite .swiper-slide .remark h5{ font-size: 16px;color: #333;font-weight: bold;padding-bottom: 3px; }
.team-archite .swiper-slide .remark p{ font-size: 14px;color: #666; }
.team-archite .swiper-button-next,
.team-archite .swiper-button-prev { position: absolute;top: 50%;width: 23px;height: 40px;margin-top: -35px;z-index: 200;
    cursor: pointer;background: url("../images/slide-ico-1.png") no-repeat 0 0; }
.team-archite .swiper-button-next{ right:5px; }
.team-archite .swiper-button-prev{ left:5px;background-position:-27px 0; }
.team-archite .swiper-button-prev.swiper-button-disabled{ background-position:-27px -50px; }
.team-archite .swiper-button-next.swiper-button-disabled{ background-position:0 -50px; }
/** self-growth **/
.self-growth{ width: 100%;background: #f1f1f1; }
.self-growth ul li{ float: left; width: 584px;background: #fff;border-radius: 8px;overflow: hidden; }
.self-growth ul li:nth-of-type(even){ float: right; }
.self-growth ul li .remark{ padding: 25px; }
.self-growth ul li .remark h5{ font-size: 16px;color: #333;font-weight: bold;padding-bottom: 3px; }
.self-growth ul li .remark p{ font-size: 14px;color: #666; }
/** photos **/
.photos.pbb60{ padding-bottom: 40px; }
.photos .container{ overflow: hidden; }
.photos .photos-slide{ position: relative;padding: 0 0 40px 0; }
.photos .swiper-slide{ width: 380px;height: 282px; min-width: auto;border-radius: 8px; overflow: hidden; }
.photos .swiper-slide h5{ opacity: 0; width: 100%; position: absolute;bottom: 0;left: 0; height: 50px;line-height: 50px;background: rgba(0,0,0,.5);text-align: center;
    color: #fff; font-size: 14px; }
.photos .swiper-slide:hover h5{ opacity: 1; }
.photos .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 0; }
/** Contact us **/
.contact-us{ height: 201px; }
.contact-us ul:after{ display: block;content: "";clear: both; }
.contact-us ul li{ position: relative; float: left; }
.contact-us ul li.logo-b img{ width: 308px;padding-right: 60px;margin-top: 50px; }
.contact-us ul li.logo-b em{ position: absolute;top: 64px;right: 0; width: 1px;height: 70px;background: #dcdcdc; }
.contact-us ul li.code-b{ float: right;width: 205px;box-shadow: 0 0 15px rgba(0,0,0,.2);border-radius: 8px;overflow: hidden; }
.contact-us ul li.intro{ max-width: 515px;margin: 15px 0 0 60px; }
.contact-us ul li.intro h5{ font-size: 24px;color: #333;font-weight: bold; }
.contact-us ul li.intro p{ height: 28px;line-height: 28px; color: #666;margin-top: 15px;overflow: hidden; }
.contact-us ul li.intro p:nth-of-type(n+2){ width: 50%;float: right; }
.contact-us ul li.intro p i{ float: left; display: block;width: 28px;height: 28px;margin: 0 6px 0 0; background: url("../images/contact-ico.png") no-repeat 0 0; }
.contact-us ul li.intro p:nth-of-type(2) i{ background-position: -91px 0; }
.contact-us ul li.intro p:nth-of-type(3) i{ background-position: -30px 0; }
.contact-us ul li.intro p:nth-of-type(4) i{ background-position: -122px 0; }
.contact-us ul li.intro p:nth-of-type(5) i{ background-position: -60px 0; }
/** Map **/
.maps-con,#maps{ width: 100%;height: 555px; }
.feedback-list ul li{float: left;width: 274px;height: 38px;line-height: 38px;border:1px solid #ededed;color:#666;margin-right:32px;border-radius: 8px;overflow: hidden}
.feedback-list ul li:nth-of-type(4) {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(100% - 5px);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: 45px;border:none;}
.feedback-list ul li.submit input[type=submit]{display:block;width: 280px;height: 45px;color:#fff;
    background:#3874f4;cursor: pointer;font-size: 14px;margin:0 auto; border: 0;border-radius: 8px;}
.feedback-list ul li.submit span.error-hide{position: absolute;top: 13px;left: 0;}
/*+---------------
/*+  Capital
/*+---------------*/
.technolog .cons{ border-radius: 5px;overflow: hidden; }
.technolog .cons ul li{ float: left; width: 400px;height: 160px;overflow: hidden; }
.technolog .cons ul li:nth-of-type(2){ width: 398px; border: 1px solid #dcdcdc;border-width: 0 1px; }
.technolog .cons ul li .pd-remark{ padding: 50px 0 0 50px; }
.technolog .cons ul li h5{ font-weight: bold;font-size: 20px;padding-bottom: 5px; }
.technolog .cons ul li p{ color: #666; }
.technolog .cons ul li:last-child{ display: flex; width:calc(100% - 58px);height: auto; border-top: 1px solid #dcdcdc;padding: 29px;align-items: center; }
.technolog .cons ul li:last-child img{ display: block;width: 540px;height: 266px;margin-right: 55px; }
.technolog .cons ul li:last-child .remark .subtit{ display: block; padding: 0 0 15px; }
.technolog .cons ul li:last-child .remark p{ color: #666;font-size: 13px; }
/** Process **/
.process .cons{ position: relative; width: 100%; height: 445px;background: url("../images/process.png") no-repeat center center; }
.process .cons ul li{ position: absolute; width: 318px;height: 158px;border: 1px solid #dcdcdc;border-radius: 5px; }
.process .cons ul li em{ position: absolute; display: block;width: 42px;height: 21px;background: url("../images/top-bom-ico.png") no-repeat 0 0;z-index: 6 }
.process .cons ul li .remark{ text-align: center;width: 170px;margin: 25px auto 0; }
.process .cons ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.process .cons ul li .remark p{ color: #666; }
.process .cons ul li:nth-of-type(1), .process .cons ul li:nth-of-type(2), .process .cons ul li:nth-of-type(3){ top: 0; }
.process .cons ul li:nth-of-type(1){ left: 197px; }  .process .cons ul li:nth-of-type(2){ left: 538px; }  .process .cons ul li:nth-of-type(3){ left: 879px; }
.process .cons ul li:nth-of-type(4), .process .cons ul li:nth-of-type(5), .process .cons ul li:nth-of-type(6){ bottom: 0; }
.process .cons ul li:nth-of-type(4){ left: 0; }  .process .cons ul li:nth-of-type(5){ left: 342px; }  .process .cons ul li:nth-of-type(6){ left: 684px; }
.process .cons ul li:nth-of-type(1) em, .process .cons ul li:nth-of-type(2) em,.process .cons ul li:nth-of-type(3) em{ bottom: -21px; }
.process .cons ul li:nth-of-type(1) em{ left: 89px; }  .process .cons ul li:nth-of-type(2) em{ left: 140px; }  .process .cons ul li:nth-of-type(3) em{ left: 189px; }
.process .cons ul li:nth-of-type(n+4) em{ width: 43px; top: -21px;background-position: 0 -29px; }
.process .cons ul li:nth-of-type(4) em{ left: 91px; }  .process .cons ul li:nth-of-type(5) em{ left: 138px; }  .process .cons ul li:nth-of-type(6) em{ left: 187px; }
/** venture **/
.venture .cons{ border-radius: 5px;overflow: hidden; }
.venture .cons ul li{ width: 600px;float: left;padding: 85px 0;border-right: 1px solid #dcdcdc; }
.venture .cons ul li:last-child{ border-right: 0;width: 599px; }
.venture .cons ul li .imgs{ display: block;width: 224px;height: 208px; margin: 0 auto; }
.venture .cons ul li .imgs img{ display: block;max-width: 100%; }
.venture .cons ul li .remark{ width: 345px;margin:0 auto;text-align: center; }
.venture .cons ul li .remark h5{ font-size: 22px;font-weight: bold;padding: 25px 0 13px; }
.venture .cons ul li .remark p{ color: #666; }
/** winwin **/
.winwin{ position: relative; width: 100%;height: 800px; }
.winwin .intro{ position: absolute;top: 50%;left: 50%; width: 820px; color: #fff; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
    text-align:center;z-index: 66 }
.winwin .intro h5{ font-size: 46px;font-weight: bold; }
.winwin .intro p{ color: rgba(255,255,255,.8);padding: 15px 0 8px; }
.winwin .intro strong{ display: block;font-size: 20px; }
/*+---------------
/*+  O2O
/*+---------------*/
.otolist .cons{ width: 100%;height: 427px;border-radius: 5px;overflow: hidden; }
.otolist .cons .left{ width: 50%;float: left;  }
.otolist .cons .left img{ display: block;width: 100%; }
.otolist .cons ul{ float: right;width:calc(50% - 1px);height: 425px; border: 1px solid #e5e5e5;border-width: 1px 1px 1px 0;
    border-top-right-radius: 5px;border-bottom-right-radius: 5px;
}
.otolist .cons ul li{ width: 530px;height: 99px;margin: 0 auto;border-bottom: 1px solid #e5e5e5; }
.otolist .cons ul li:first-child{ margin-top: 10px; }
.otolist .cons ul li:last-child{ border-bottom: 0; }
.otolist .cons ul li h5{ font-size: 18px;color: #333;padding:29px 0 3px; }
.otolist .cons ul li p{ font-size: 13px; }
/** framework **/
.framework img{ display: block;max-width: 100%; }
/** Five Core **/
.five-core .cons{ position: relative; width: 100%;min-height: 425px;background: url("../images/o2o.jpg") no-repeat center center; }
.five-core .cons ul li h5{ position: absolute; font-weight: bold;cursor: pointer; }
.five-core .cons ul li .dask-con{ opacity: 0; position: absolute; width: 300px;min-height: 245px;border-radius: 5px;background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.5); }
.five-core .cons ul li .dask-con .title{ padding: 10px 25px 0; height: 73px;background: #3776f1;color:#fff;
    border-top-left-radius: 5px;border-top-right-radius: 5px; }
.five-core .cons ul li .dask-con .title h6{ font-size: 20px; }
.five-core .cons ul li .dask-con .desc { padding: 15px 20px;color: #666;font-size: 13px; }
.five-core .cons ul li .dask-con em{ display: block; position: absolute; width: 0;height: 0; }
.five-core .cons ul li:nth-of-type(1) .dask-con em,
.five-core .cons ul li:nth-of-type(2) .dask-con em,
.five-core .cons ul li:nth-of-type(3) .dask-con em{
    left: -15px;
    bottom: 20px;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-right:15px solid #fff;
}
.five-core .cons ul li:nth-of-type(n+4) .dask-con em{
    right: -15px;
    bottom: 20px;
    border-top:15px solid transparent;
    border-bottom:15px solid transparent;
    border-left:15px solid #fff;
}
.five-core .cons ul li:nth-of-type(1) h5{ left: 710px;top: 69px; }
.five-core .cons ul li:nth-of-type(2) h5{ left: 802px;top: 167px; }
.five-core .cons ul li:nth-of-type(3) h5{ left: 715px;top: 286px; }
.five-core .cons ul li:nth-of-type(4) h5{ left: 290px;top: 377px; }
.five-core .cons ul li:nth-of-type(5) h5{ left: 332px;top: 210px; }
.five-core .cons ul li:hover .dask-con{ opacity: 1; }
.five-core .cons ul li:nth-of-type(1) .dask-con{ top: -131px;right: 0; }
.five-core .cons ul li:nth-of-type(2) .dask-con{ top: -33px;right: 18px; }
.five-core .cons ul li:nth-of-type(3) .dask-con{ top: 82px;right: 45px; }
.five-core .cons ul li:nth-of-type(4) .dask-con{ top: 177px;left: -35px; }
.five-core .cons ul li:nth-of-type(5) .dask-con{ top: 10px;left: 0; }
/** Three **/
.three-core{ background: #3874f4; }
.three-core .ntitles h5,.three-core .ntitles p{ color: #fff; }
.three-core ul li{ float: left; width: 380px;margin-right: 30px;border-radius: 9px;background: #fff; overflow: hidden; }
.three-core ul li:last-child{ margin-right: 0; }
.three-core ul li .imgs{ display: block;width: 100%;height: 210px;overflow: hidden; }
.three-core ul li .remark{ padding: 15px 30px; }
.three-core ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.three-core ul li .remark p{ color: #666; }
/*+---------------
/*+  B2B2C
/*+---------------*/
.multiple .cons{ border: 1px solid #dcdcdc;border-radius: 5px;overflow: hidden; }
.multiple .cons ul li{ float: left;display: flex; width: 544px;height: 238px;padding: 0 35px 0 20px; align-items: center; }
.multiple .cons ul li:nth-of-type(1),
.multiple .cons ul li:nth-of-type(3){ border-right: 1px solid #dcdcdc;width: 543px; }
.multiple .cons ul li:nth-of-type(n+3){ border-top: 1px solid #dcdcdc; }
.multiple .cons ul li img{ display: block;min-width:163px; width: 163px;height: 198px;margin-right: 22px; }
.multiple .cons ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.multiple .cons ul li .remark p{ color: #666; }
/** b2cbc-framework **/
.b2cbc-framework img{ display: block; }
/** six-core **/
.six-core.pbb60{ padding-bottom: 38px; }
.six-core .cons ul li{ float: left; width: 383px;height: 218px;margin:0 22px 22px 0; border-radius: 5px;border: 1px solid #e2e2e2; overflow: hidden; }
.six-core .cons ul li:nth-of-type(3n){ margin-right: 0; }
.six-core .cons ul li .imgs{ position: relative; display: block;width: 69px;height: 69px;margin: 50px auto 15px; }
.six-core .cons ul li .imgs img{ position: absolute;bottom: 0;left: 50%; display: block;max-width: 100%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0); }
.six-core .cons ul li .remark{ text-align: center; }
.six-core .cons ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.six-core .cons ul li .remark p{ color: #666;opacity: 0; }
.six-core .cons ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.six-core .cons ul li:hover .imgs{ margin-top: 25px; }
.six-core .cons ul li:hover .remark p{ opacity: 1; }
/** diverse **/
.diverse{ background: #3874f4; }
.diverse .ntitles h5,.diverse .ntitles p{ color: #fff; }
.diverse .cons ul li{ width: 220px;height: 320px; float: left;margin-right: 25px;background: #fff;border-radius: 5px;overflow: hidden; }
.diverse .cons ul li:last-child{ margin-right: 0; }
.diverse .cons ul li .imgs{ position: relative; display: block;width: 90px;height: 90px;margin: 50px auto 15px; background: #3874f4;border-radius: 65px;overflow: hidden; }
.diverse .cons ul li .imgs img{ display: block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.diverse .cons ul li .remark{ width: 175px;margin: 0 auto;text-align: center; }
.diverse .cons ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.diverse .cons ul li .remark p{ color: #666; }
.diverse .cons ul li .remark a{ opacity: 0; display: block;width: 100px;height: 37px;line-height: 37px;text-align: center;color: #fff; background: #0ac864;border-radius: 65px;
    box-shadow: 0 0 12px rgba(10,200,100,.5);margin: 15px auto 0; }
.diverse .cons ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.diverse .cons ul li:hover .imgs{ background: #0ac864; margin-top: 30px; }
.diverse .cons ul li:hover .remark a{ opacity: 1; }
/*+---------------
/*+  LS-NEWS
/*+---------------*/
.character ul li{ float: left; width: 285px;margin-right: 20px;border-radius: 5px;overflow: hidden; }
.character ul li:last-child{ margin-right: 0; }
.character ul li .imgs{ display: block;width: 285px;height: 200px; }
.character ul li .imgs img{ display: block;max-width: 100%; }
.character ul li .remark{ padding: 20px 20px 40px; border: 1px solid #dcdcdc;border-width: 0 1px 1px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; }
.character ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.character ul li .remark p{ color: #666;font-size: 13px; }
/** new-framework **/
.new-framework img{ display: block;max-width: 100%; }
/** reforms **/
.reforms .cons{ border: 1px solid #dcdcdc; }
.reforms .cons ul li{ float: left;padding: 0 35px; width: 329px;height: 276px; }
.reforms .cons ul li:nth-of-type(n+4){ border-top: 1px solid #dcdcdc; }
.reforms .cons ul li:nth-of-type(2){ width: 327px; border: 1px solid #dcdcdc;border-width: 0 1px; }
.reforms .cons ul li:nth-of-type(5){ width: 327px; border: 1px solid #dcdcdc;border-width: 1px 1px 0; }
.reforms .cons ul li .imgs{ position: relative; display: block; width: 128px;height: 118px;margin: 10px auto 0; }
.reforms .cons ul li .imgs img{ display: block;max-width: 100%;position: absolute;bottom: 0; }
.reforms .cons ul li .remark h5{ font-size: 16px;font-weight: bold;text-align: center;padding-bottom: 8px; }
.reforms .cons ul li .remark p{ color: #666;font-size: 13px; }
/** Adapt **/
.adapt.pbb60{ background: #3874f4;padding-bottom: 40px; }
.adapt .ntitles h5,.adapt .ntitles p{ color: #fff; }
.adapt ul li{ display: flex;align-items: center; float: left; width: 593px;height: 180px;background: #fff;margin-bottom: 20px;border-radius: 5px;overflow: hidden; }
.adapt ul li:nth-of-type(even){ float: right; }
.adapt ul li .imgs{ display: block;width: 270px;height: 180px; }
.adapt ul li .remark{ padding: 0 30px; }
.adapt ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 3px; }
.adapt ul li .remark p{ color: #666; }
/*+---------------
/*+  JK-医疗
/*+---------------*/
.medicals.pbb60{ padding-bottom: 38px }
.medicals ul li{ display: flex;align-items: center; float: left; width: 383px;height: 148px;border: 1px solid #dcdcdc;border-radius: 5px;margin: 0 22px 22px 0; overflow: hidden; }
.medicals ul li:nth-of-type(3n){ margin-right: 0; }
.medicals ul li .imgs{ display: block;width: 59px;height: 59px;margin: 0 18px 0 40px; }
.medicals ul li .imgs img{ display: block;max-width: 100%; }
.medicals ul li .remark h5{ font-size: 16px;font-weight: bold; }
.medicals ul li .remark .sub-tit{ color: #666;font-size: 12px; }
.medicals ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
/** scenario **/
.scenario.pbb60{ padding-bottom: 42px }
.scenario ul li{ float: left; width: 185px;margin:0 18px 18px 0;border-radius: 5px;background: #fff; overflow: hidden; }
.scenario ul li:nth-of-type(6n){ margin-right: 0; }
.scenario ul li h5{ height: 45px;line-height: 45px;text-align: center; }
/** three-medical **/
.three-medical .subcats{ text-align: center;margin-bottom: 35px; }
.three-medical .subcats a{ padding: 8px 23px;cursor: pointer;border-radius: 65px; }
.three-medical .subcats a.on{ background: #0ac864;box-shadow: 0 0 12px rgba(10,200,100,.5);color: #fff; }
.three-medical .cons{ box-shadow: 0 0 20px rgba(0,0,0,.3); border-radius: 5px;height: 400px;background: #fff; overflow: hidden; }
.three-medical .cons .left{ float: left; width: 600px;height: 100%; }
.three-medical .cons .left img{ display: block;width: 100%; }
.three-medical .cons .right{ float: left; width:537px; padding: 55px 30px 0 33px; }
.three-medical .cons .right h6{ font-size: 20px;padding-bottom: 30px; }
.three-medical .cons .right ul li{ display: flex;align-items: center; float: left; width: 238px;height: 48px;padding: 30px 10px; margin-bottom: 17px; border-radius: 5px;border: 1px solid #ddd; overflow: hidden; }
.three-medical .cons .right ul li img{ display: block;width: 50px;height: 50px;margin-right: 10px; }
.three-medical .cons .right ul li:nth-of-type(even){ float: right; }
.three-medical .cons .right ul li h4{ font-size: 16px; }
/*+---------------
/*+  JK-养老
/*+---------------*/
.pension ul li{ float: left; width: 378px;height: 358px;border: 1px solid #dcdcdc;margin-right: 30px; border-radius: 5px;overflow: hidden; }
.pension ul li:last-child{ margin-right: 0; }
.pension ul li img{  display: block;width: 96px;height: 96px; margin: 58px auto 18px; }
.pension ul li .remark{ padding: 0 30px;text-align: center; }
.pension ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 5px; }
.pension ul li .remark p{ color: #666; }
.pension ul li .remark a{ display: block;width: 123px;height: 33px;line-height: 33px;text-align: center;border-radius: 65px;border: 1px solid #dcdcdc;
    margin: 20px auto 0; overflow: hidden; }
.pension ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.pension ul li:hover .remark a{ color: #fff; background: #0ac864; box-shadow: 0 0 12px rgba(10,200,100,.5);border-color: #0ac864; }
/** Servicems **/
.servicems{ width: 100%;height: 743px;overflow: hidden; }
.servicems .ntitles h5,.servicems .ntitles p{ color: #fff; }
.servicems img{ display: block;margin: 0 auto; }
/** Features **/
.features ul li{ float: left; width: 283px;height: 228px;margin-right: 20px;border: 1px solid #dcdcdc;border-radius: 5px;overflow: hidden; }
.features ul li:last-child{ margin-right: 0; }
.features ul li .imgs{ display: block;width: 76px;height: 76px;margin: 45px auto 12px; }
.features ul li h5{ width: 185px;margin: 0 auto;color: #666;text-align: center; }
.features ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
/** Keymodule **/
.keymodule{ background: #3874f4; }
.keymodule .ntitles h5,.keymodule .ntitles p{ color: #fff; }
.keymodule .cons{ position: relative; border-radius: 5px;overflow: hidden; }
.keymodule ul li{ float: left; width: 399px;height: 85px;border: 1px solid #dcdcdc;border-width: 0 1px 1px 0;cursor: pointer; }
.keymodule ul li:nth-of-type(3n-1){ width: 400px; }
.keymodule ul li:nth-of-type(3n){ border-right: 0 }
.keymodule ul li:nth-of-type(n+13){ border-bottom: 0 }
.keymodule ul li h5{ font-weight: bold;font-size: 16px;text-align: center;line-height: 85px; }
.keymodule ul li .dask-con{  display: none;width: 370px;padding: 0 30px;position: absolute;top: 50%;left: 50%; height: 171px;background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.5);border-radius: 5px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 65; overflow: hidden; }
.keymodule ul li .dask-con img{ display: block;width: 85px;height: 85px;margin-right: 15px; }
.keymodule ul li .dask-con h6{ font-size: 16px;font-weight: bold; }
.keymodule ul li .dask-con p{ color: #666; }
.keymodule ul li.on .dask-con{ display: flex;align-items: center; }
.keymodule .dssk-back{ display: none; width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.3);z-index: 55; }
.keymodule .close-c{ position: absolute;top: 10px;right: 10px; display: block;width: 20px;height: 19px;background-position: -51px 0; }
.keymodule .close-c:hover{ -webkit-transform: rotate(90deg);transform: rotate(90deg); }
/*+---------------
/*+  JK-农产品
/*+---------------*/
.problems ul li{ position: relative; float: left;padding: 55px 25px 0; width: 233px;height: 208px;border: 1px solid #dcdcdc;border-radius: 5px;margin-right: 20px;overflow: hidden; }
.problems ul li:last-child{ margin-right: 0; }
.problems ul li h5{ font-size: 24px;padding-bottom: 3px; }
.problems ul li p{ line-height: 30px;color: #666; }
.problems ul li em{ position: absolute;bottom: 0;left:0; display: block;width: 0;height: 6px;background:transparent; }
.problems ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
.problems ul li:hover em{ width: 100%; background: #0ac864; }
/** traceability **/
.traceability .cons{ border-radius: 5px;overflow: hidden; }
.traceability ul li{ float: left;width: 170px;height: 320px;border-right: 1px solid #dcdcdc;text-align: center; }
.traceability ul li:last-child{ border-right: 0; }
.traceability ul li .num{ display: block;width: 40px;height: 40px;line-height: 40px; font-size: 18px;color: #fff;text-align: center;margin: 37px auto 10px;
    background: #3874f4;border-radius: 65px;overflow: hidden;
}
.traceability ul li h5{ font-size: 16px;font-weight: bold; }
.traceability ul li em{ display: block;width: 62px;height: 1px;background: #dcdcdc;margin: 10px auto; }
.traceability ul li p{ line-height: 30px;color: #666; }
/** efficient **/
.efficient{ background: #3874f4; }
.efficient .ntitles h5,.efficient .ntitles p{ color: #fff; }
.efficient .cons{ border-radius: 5px;overflow: hidden; }
.efficient ul li{ float: left; width: 360px;height: 259px;text-align: center;padding: 0 20px; }
.efficient ul li:nth-of-type(3n-1){ width: 358px; border: 1px solid #dcdcdc;border-width: 0 1px; }
.efficient ul li:nth-of-type(n+4){ border-top: 1px solid #dcdcdc; }
.efficient ul li .imgs{ display: block;width: 60px;height: 60px;margin: 40px auto 18px;}
.efficient ul li img{ display: block;max-width: 100%; }
.efficient ul li h5{ font-weight: bold;font-size: 16px;padding-bottom: 3px; }
.efficient ul li p{ color: #666; }
/*+---------------
/*+  ZH-园区
/*+---------------*/
.problem ul li{ float: left; width: 278px;height: 275px;margin-right: 26px; border: 1px solid #dcdcdc;border-radius: 5px;overflow: hidden; }
.problem ul li:last-child{ margin-right: 0; }
.problem ul li .imgs{ display: block;width: 66px;height: 60px;margin: 58px auto 15px; }
.problem ul li .remark{ text-align: center;padding: 0 20px; }
.problem ul li .remark h5{ font-size: 16px;font-weight: bold;padding-bottom: 10px; }
.problem ul li .remark p{ color: #666; }
.problem ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,.3); }
/** medical - wisn **/
.three-medical.wisn .ntitles{ padding-bottom: 30px; }
.three-medical.wisn .cons{ height: 606px; }
.three-medical.wisn .cons .right h6{ font-size: 14px; }
.three-medical.wisn .cons .right ul li{ display: block; float: left; width: 165px;height: 133px;margin: 0 18px 18px 0; background: #f1f1f1;padding: 0; }
.three-medical.wisn .cons .right ul li:nth-of-type(even){ float: left; }
.three-medical.wisn .cons .right ul li:nth-of-type(3n){ margin-right: 0; }
.three-medical.wisn .cons .right ul li img{ display: block; width:45px;height: 40px;margin: 30px auto 5px;  }
.three-medical.wisn .cons .right ul li h4{ text-align: center; }
/** Tool **/
.tool.pbb60{ padding-bottom: 40px; }
.tool ul li{ float: left; width: 152px;height: 153px;border: 1px solid #dcdcdc;margin: 0 20px 20px 0; border-radius: 5px;overflow: hidden; }
.tool ul li:nth-of-type(7n){ margin-right: 0; }
.tool ul li .imgs{ display: block;width: 60px;height: 50px;margin: 40px auto 8px; }
.tool ul li h5{ font-weight: bold;text-align: center; }
/*+---------------
/*+  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:40px 0 0; }
.pages a{ display:inline-block;padding:6px 12px;margin-right:5px;border-radius:7px;background: #fff; }
.pages a:last-child{ margin-right:0; }
.pages a.curr{ color:#fff;background:#000;border-color:#000; }
/*+------------------
/*+  Prev-Next
/*+------------------*/
.Pre-Next{ position: relative;margin: 35px 0; height: 65px;border: 1px 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; }
/** LR **/
.bott-lr:after{ display: block;content: "";clear: both; }
.bott-lr{ border-top: 1px solid #dcdcdc;padding: 45px 0; }
.bott-lr .Pre-Next{ width: 70%;float: left;border: 0;height: auto;margin: 0; }
.bott-lr .Pre-Next p{ float: none;line-height: 30px; }
.bott-lr .bdsharebuttonbox{ width: auto;float: right;margin-top: 10px; }
.bott-lr .bdsharebuttonbox span{ display: block;float: left; color: #666;line-height: 29px;margin-right: 5px; }
.bott-lr .bdsharebuttonbox a{ display: block;width: 29px;height: 29px;padding-left: 0; background: url("../images/icon-share.png") no-repeat 0 0;
    margin: 0 6px 0 0;
}
.bott-lr .bdsharebuttonbox a:nth-of-type(2){ background-position: -37px 0; }
.bott-lr .bdsharebuttonbox a:nth-of-type(3){ background-position: -75px 0; }
.bott-lr .bdsharebuttonbox a:nth-of-type(4){ background-position: -114px 0; }
.bott-lr .bdsharebuttonbox a:nth-of-type(5){ background-position: -152px 0; }
.bott-lr .bdsharebuttonbox a:hover{ background-position: 0 -42px; }
.bott-lr .bdsharebuttonbox a:nth-of-type(2):hover{ background-position: -37px -42px; }
.bott-lr .bdsharebuttonbox a:nth-of-type(3):hover{ background-position: -75px -41px; }
.bott-lr .bdsharebuttonbox a:nth-of-type(4):hover{ background-position: -114px -42px; }
.bott-lr .bdsharebuttonbox a:nth-of-type(5):hover{ background-position: -152px -42px; }