@charset "utf-8";
/* 初始化 */
* {box-sizing: border-box;outline: none;}
*:before, *:after {box-sizing: border-box;}
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {margin: 0;	padding: 0;}

img, fieldset {border: 0;}

/* set image max width to 100% */
img {max-width: 100%;height: auto;width: auto\9;} /* \9 在IE6/IE7/IE8/IE9/IE10下生效 */

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* disable webkit text size adjust (for iPhone) */
html {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 62.5%;
     font-family: 'Microsoft YaHei', '微软雅黑',arial,"Hiragino Sans GB",sans-serif;
}

input[type=search] {-webkit-appearance: none;outline: none;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {display: none;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {-webkit-appearance: none;}

body{
    background:#fff;width:100%;min-width:1170px;margin:0 auto;padding:0;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    color:#333;
    font-size: .16rem;
}

ul,ol,li{list-style:none;}

/* 默认链接颜色 */
a{ font-family: 'Microsoft YaHei', '微软雅黑',arial,"Hiragino Sans GB",sans-serif;}
a:link {color:#333; text-decoration:none;}      /* unvisited link */
a:visited {color:#333;text-decoration:none;}  /* visited link */
a:hover {color:#333;text-decoration:none;}  /* mouse over link */
a:active {color:#333;text-decoration:none;}  /* selected link */

.fl {float: left;}
.fr {float: right;}

.red{ color:#c80721; font-weight:bold;}

/* 通用属性 */
.cl{clear:both;}
.hidden {display: none;}
em {font-style: normal;}
textarea {outline: none;border: 1px solid #b7babf;border-radius: 3px;resize: none;}
.part {position: relative; }
.huibg{background:#dcdcdc;}



/*头部*/
.header {
  height: 40px;
    background-color: #fff; border-bottom:2px solid #f1f1f1;
}

.header-top_left {
    height: 40px; line-height:40px; font-size:.14rem;  color:#333;
    width: 50%;
}
.header-top_line {
    background: rgba(255,255,255,.16) right 50px;
    width: 100%;
    height: 28px;
    position: absolute;
    right:50px;
}
.header-top_radiu {
    position: absolute;
    top:0;right:0;
    width: 50px;height: 28px;
    background: url(../img/i.png) no-repeat top right;
    background-size: auto 100%;
}
.header-top_slogan { width:50%;font-size: .28rem;color:#3e3a39;height:40px; line-height:40px;}
.header-nav {width: 100%;height:100px; background:#fff;}
.header.cur{/*position: fixed;*/top:0px;left:0px;right:0px;z-index:9;border-bottom:1px solid #eee; height:50px;}
.header.cur .top{height: 0px;min-height: 0px;overflow: hidden;border:none;}
.header.cur .header-top_left,.header.cur .header-top_slogan{height: 50px; line-height:50px;}
.header.cur .header-nav{height:70px; background:#f4f4f4;}


.banner-right {}
.banner-right .item{float:right; padding-left:25px;}
.banner-right .item .img{width:22px;height:18px;margin-right:6px;margin-top: .07rem;}
.banner-right .item strong{ color:#e94723;}
.banner-right .item a{ color:#333;}
.banner-right .item a:hover{ text-decoration:underline;}

.banner-right .item p:nth-child(1){color:#919191; font-size: .14rem;}
.banner-right .item:nth-child(1){width: 15%; background:url(../img/8.png) no-repeat left;}
.banner-right .item:nth-child(2){width: 35%; background:url(../img/9.png) no-repeat left;}
.banner-right .item:nth-child(3){width: 40%;}

.btn {border: none;}
.banner-right .item .search  {height: 32px;width: 100%;overflow: hidden;}
.banner-right .item .search input {border: none;width: 83%;height: 32px;padding: 0 10px;font-size: 14px;background-color:#FFF; border-radius: 20px;}
.banner-right .item .search .btn-search {width: 13%;height: 32px;background-color:#282828;float: right;cursor: pointer}
.banner-right .item .search .btn-search img {height: 26px;}


.header-nav_homeLink {float: left;margin-top: 15px; margin-right:30px;}
.header.cur .header-nav_homeLink img{ height:42px;}
.header-nav_right {
    float: right;
    width: 350px;
    text-align: right;
}
.header-nav_search-box {
    position: relative;
   border-radius:0;
  height: 42px;
    display: inline-block;
}
.header-nav_search-box input { 
    border: none;border-radius:5px; margin-right:10px;
    float: left;height: 42px;
    line-height: 42px;
    padding: 0 .1rem;
    font-size: .25rem;
}
.header-nav .search-box {
    position: relative;
    background-color: #fafafa;border-radius:22.5px;
    width: 200px;height: 45px;line-height: 45px;
    padding: 0 25px;
    margin-top: 23px;
    -webkit-transition: width .25s;
    -moz-transition: width .25s;
    -ms-transition: width .25s;
    -o-transition: width .25s;
    transition: width .25s;
    border: 1px solid transparent;color:#9c9c9c;
}
.header-nav .search-box input, .header .search-box button {font-size: 14px;border: none;background: transparent;}
.header-nav .search-box button {
    position: absolute;
    top:0;right:0;
    width: 45px;height: 45px;float: right; margin-right:10px;
    background: url(../img/icon-search.png) no-repeat center;
}
.header-nav .search-box.on {
    width: 250px; background-color:#FFF;
    border: 1px solid #f4f4f4;
}
.header-nav .search-box.on button{
    background-image: url(../img/icon-search-red.png);
}
.fixedSubNav{ height:70px; padding-top:0px;}
.main {}
#banner {height:500px;   width: 100%;}
#banner .swiper-slide { background-repeat: no-repeat;background-size: cover;background-position: center;}

#banner .title {font-size: .85rem; font-weight:bold;color:#fff;margin-bottom: .11rem;padding: .05rem .1rem;display: inline-block;}
#banner .title2 { font-size:.58rem; font-weight:bold; color:#44d6fe;letter-spacing: 10px;}
#banner .title3 { font-size:.48rem; font-weight:bold; color:#fff;letter-spacing: 10px;}
#banner .content p {margin-bottom: .11rem;}
#banner .content {width: 95%;margin-top:3.17rem;}
#banner .subtitle {font-size: .27rem;color:#fff;padding: .05rem .1rem;display: inline-block;text-shadow: 0 2px 4px rgba(28,31,33,.6);}
#banner .content .link-likeBtn {margin-top: .3rem; font-size:.25rem;background-color: rgba(68,214,254);color:#fff;width: 2.8rem;line-height: .68rem;border-radius:38px;text-align: center;display: inline-block;-webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -ms-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;}
#banner .content .link-likeBtn:hover{background-color: rgba(31,166,203);}

#banner .swiper-pagination-bullet {width: 16px;height: 16px;border-radius:8px;}
#banner .swiper-pagination-bullets {bottom:60px;}
#banner .swiper-button-prev {left: calc(33% - 580px);opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40); -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
#banner .swiper-button-next {right: calc(33% - 580px);opacity:0.4;-moz-opacity:0.4;filter:alpha(opacity=40); -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
#banner .swiper-button-prev:hover , #banner .swiper-button-next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.arrowDown{position: absolute;left:0;bottom:50px;width: 100%;text-align: center;z-index: 51;}
.arrowDown i{display: inline-block;width: 34px;height: 40px;background: url(../img/arrow-down.png) no-repeat center top;-webkit-animation: arrowDown 1s infinite linear;cursor: pointer;}

.Case_tit{ padding-top:40px;}
.Case_tit .part-title {text-align: center;font-size: 34px; font-weight:bold;line-height: 3;color: #202020;}
.Case_tit .sub-title {text-align: center;font-size: 14px;color: #666666;line-height:1.5;letter-spacing:5px; margin-bottom:20px;}


.part_video{ height:350px;}
.background_video {
    position: fixed; 
    right: 0; 
    bottom: 0;
    min-width: 100%;
    width: auto;
    height: auto;
    z-index: -100;
}
.video_tit{ text-align:center; color:#fff; padding-top:80px;}
.video_tit h1{font-size: .4rem; line-height:.4rem; }
.video_tit h3{line-height:.4rem; margin-bottom:20px;}
.video_tit p a span{ background:#ef0000;padding:10px; display: inline-block; margin-bottom:10px;color:#fff; line-height:.3rem; -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all; }
.video_tit p a span:hover{  background:#960000;color:#fff;}

.search-box_inp{background:#dbdbdb; width:640px;}
.header-nav_search-box input::-webkit-input-placeholder {
   color:#777;
}
.search-box_btn {
 color:#fff;border-radius:0;
    width: 130px;height: 42px; background:#eb6400;
    float: right;
    cursor: pointer;-webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.search-box_btn:hover{background:#e7210f;}
.header-nav_weiboCode {
    position: relative;
    width: 22px;height: 22px;
    background: url(../img/icon-weibo.png) no-repeat center;
    float: right;
    margin-left: 15px;
    margin-top: 2px;
    cursor: pointer;
}
.header-nav_weiboCode:hover {
    background: url(../img/icon-weibo-l.png) no-repeat center;
}
.header-nav_weiboCode:hover .weiboCode_drop{height: 250px;}
.weiboCode_drop {
    position: absolute;
    top:22px;
    right:0;
    height: 0;
    z-index: 5;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;
    overflow: hidden;
}
.weiboCode_drop-body {
    color:#333;
    background-color: #221e1f;
    padding: 0 7px;
    width: 140px;height: 230px;
    text-align: center;
    font-size: .12rem;
    line-height: 1.5;
    margin-top: 20px;
}
.drop-body_company-name {
    font-size: .13rem;
    text-transform: uppercase;
    line-height: 3;
}
.weiboCode_img {
    vertical-align: middle;
    margin-bottom: .15rem;
}
.contact-way {color:#fff;font-size: .14rem;margin-top: 10px; font-family:Arial;}
.icon-telephone {
    display: inline-block;vertical-align: middle;
    margin-right: 5px;
    width: 15px;height: 15px;
    background: url(../img/icon-telephone.png) no-repeat center;
}
.icon-letter {
    display: inline-block;vertical-align: middle;
    width: 18px;height: 15px;margin-right: 5px;
    margin-left: 15px;
    background: url(../img/icon-letter.png) no-repeat center;
}
.header_nav-list { float:right;}
.nav-list_item {
    float: left; height:110px;
    line-height: 110px; display:block;
    font-size: .16rem;
    text-align: center;
}

.header-nav_nav { border-top:#FFF 1px solid;    background-color: #cd001d;    height: 44px;}
.nav-list_item>a {font-size: .16rem; color: #333; -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;display: block;padding: 0 0.15rem;position: relative;}
.nav-list_item>a:hover {color:#0b87ce;}
.nav-list_item.has-subNav>a:before {
    content: '';
    position: absolute;
    width: 11px;height: 7px;
    margin-top: 50px;
    margin-right: 0px;
    right:0;
    background: url(../img/icon-arrow-down.png) no-repeat center;
}
.subNav-drop {
    position: absolute;background-color: #f1f1f1; border-top:2px solid #C85B5F;
    width: 100%;
    left:0;
    z-index: 5;
    display: none;
}
.nav-list_item.has-subNav:hover .subNav-drop {display: block;}



.subNav-drop_wrap {
    width: 1200px;
    margin-top: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-right: 30px;
    padding-left:0px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    font-size: .15rem;
}

.subNav_left {min-width:470px;text-align: left;line-height: .3rem;float: left; padding-right:50px;}
.subNav_left H3{background: url(../img/icon_nav_0.png) no-repeat 390px;  border-bottom:1px solid #999999;-ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -moz-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
  -o-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
  -webkit-transition: all 0.4s, width 0.2s linear, text-indent 0.3s linear;
  -webkit-transition-delay: 0s, 0.4s, 0.4s;
  -webkit-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
          transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;}
.subNav_left H3:hover{background: url(../img/icon_nav_0.png) no-repeat 400px;}
.subNav_left H3{color:#999999; font-size:.16rem; font-weight:bold;text-indent: 0;}
.subNav_left H3:hover{color:#cb333b;}
.subNav_left H3 a{color:#C85B5F;text-indent: 0; font-size:.16rem;line-height:46px;}
.subNav_left H3 a:hover{color:#3787b0;}
.subNav_left m{ font-size:.12rem; color:#989898; letter-spacing:4px; display:block; margin-bottom:10px;}
.subNav_left p{background: url(../img/icon_nav_1.png) no-repeat 390px;-ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -moz-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
  -o-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
  -webkit-transition: all 0.4s, width 0.2s linear, text-indent 0.3s linear;
  -webkit-transition-delay: 0s, 0.4s, 0.4s;
  -webkit-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
          transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;}
.subNav_left p:hover{background: url(../img/icon_nav_1.png) no-repeat 400px;}
.subNav_left a{color:#333;text-indent: 0; font-size:.16rem;-webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
.subNav_left a:hover{color:#44d6fe;}
.subNav_left2{width:400px;color:#848484; font-size:.16rem;text-align: left;line-height: .26rem;float: left; margin-left:50px;}
.subNav_left2 H3{color:#999999; font-size:.16rem; font-weight:bold;margin-bottom:10px;}
.subNav_left2 a{color:#fff;text-indent: 0; font-size:.16rem;-webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
.subNav_left2 a:hover{color:#cb333b;}
.subNav_left3{width:224px;text-align: left;line-height: .3rem;float:right; }
.subNav_left3 H3{color:#999999; font-size:.16rem; font-weight:bold;margin-bottom:10px; }
.subNav_left3 .tuijian{width:240px;padding-left:15px; height:75px;color:#fff; padding-top:100px;}
.subNav_left3 .tu1{background: url(../img/nav1_tj.png) no-repeat; }
.subNav_left3 .tu2{background: url(../img/nav1_tj2.png) no-repeat; }
.subNav_left3 .tuijian a{ color:#fff; font-weight:bold; }
.subNav_left3 .tuijian a:hover{ text-decoration:underline;}


.subNav_left4 { width:15%;text-align: left;line-height: .3rem;float: left; padding-right:2%;}
.subNav_left4 ul li{ width:100%;}
.subNav_left4 ul li p{ width:100%; float:left;}
.subNav_left4 H3{background: url(../img/icon_nav_0.png) no-repeat 475px;  border-bottom:1px solid #999999;-ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  -moz-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
  -o-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
  -webkit-transition: all 0.4s, width 0.2s linear, text-indent 0.3s linear;
  -webkit-transition-delay: 0s, 0.4s, 0.4s;
  -webkit-transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;
          transition: all 0.4s, width 0.2s linear 0.4s, text-indent 0.3s linear 0.4s;}
.subNav_left4 H3:hover{background: url(../img/icon_nav_0.png) no-repeat 485px;}
.subNav_left4 H3{color:#999999; font-size:.16rem; font-weight:bold;text-indent: 0;}
.subNav_left4 H3:hover{color:#cb333b;}
.subNav_left4 H3 a{color:#C85B5F;text-indent: 0; font-size:.16rem;line-height:46px;}
.subNav_left4 H3 a:hover{color:#44d6fe;}

.subNav_left4 a{color:#565656;text-indent: 0; font-size:.16rem;-webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
.subNav_left4 a:hover{color:#44d6fe;}

@media screen and (min-width:1025px){
.nav{float: right;}
.nav>li{float:left;margin:0px 45px;position:relative;}
.nav>li>a{line-height:85px;font-size: 16px;color:#000000;position:relative;display: block; font-weight:bold;}
.nav>li>a i{display:none;}
.nav>li ul{position:absolute;left:0px;top:100%;width: 226px;background:#f7f7f7;z-index: 2;border-top:2px solid #4d8d1f;display: none;}
.nav>li ul li{display: block;position: relative;}
.nav>li ul li>a,.nav>li ul li>p>a{display: block;padding:12px 22px;color:#444343;border-bottom: 1px solid #ececec;}
.nav>li ul li>p>a{font-size: 14px;}
.nav>li ul li.list_pe>a:after{content:url(../img/ico1.png);float: right;transition-duration: .5s;}
.nav>li ul li>p{position: absolute;width: 226px;left: 90%;border-top:2px solid #e94723;background:#fff;top:0px;opacity: 0;visibility: hidden;transition-duration: .5s;max-height: 300px; overflow-y: auto;}
.nav>li:first-child>a:after{display:none;}
}

@media screen and (min-width:1140px){
   .nav>li:hover>a:before,.nav>li.cur>a:before{content: '';left: 0px;right:0px;top:-2px;height: 2px;background: #4d8d1f;position: absolute;}
   .nav>li:hover>a,.nav>li.cur>a,.nav>li ul li:hover>a,.nav>li ul li>p>a:hover{color:#4d8d1f;}
   .nav>li:hover ul{display: block;}
   .nav>li:hover ul li:hover>p{opacity: 1;visibility: visible;left: 100%;transition-duration: 0s;}
   .nav>li ul li.list_pe>a:hover:after{margin-right: -8px;}
   .header.cur>.w1300>a,.header.cur .nav>li>a{line-height: 70px;}
   .header.cur>.w1300>a img{height: 40px;transition-duration: .5s;}
}
@media screen and (max-width:1460px){
  .nav>li>a{font-size:16px;}
  .nav>li{margin:0 10px;}
   .w1300{width:1200px}
   .right{width:248px;}
   .con_r{width:564px;}
   .con_r dl dd div p{margin-right:52px;}
}




.swiper-banner .swiper-slide { background-repeat:no-repeat; background-position:center; background-size: cover;
    height: 6.5rem;
}
.swiper-pagination-trangle .swiper-pagination-bullet {
    width: .35rem;height: .08rem;
    border-radius: 0;
    background-color: #fff;
    opacity: .5;
}
.swiper-pagination-trangle .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;}
.swiper-banner .title {font-size: .3rem;background-color: rgba(0,0,0,.64);color:#eeeeee;margin-bottom: .11rem;padding: .05rem .1rem;display: inline-block; display:none;}
.swiper-banner .content{ }
.swiper-banner .content p {margin-bottom: .11rem;}
.swiper-banner .content {margin-top: 3.17rem; text-align:center;}
.swiper-banner .subtitle {font-size: .16rem;background-color: rgba(0,0,0,.64);color:#eeeeee;padding: .05rem .1rem;display: inline-block;}
.swiper-banner .content .link-likeBtn {margin-top: .3rem;background-color: rgba(255,255,255,.5);color:#cd001d;width: 1.3rem;line-height: .4rem;text-align: center;display: inline-block;}
.swiper-banner .content .link-likeBtn:hover {background-color: rgba(255,255,255,1); text-decoration:underline;}
.swiper-banner.swiper-container-horizontal>.swiper-pagination-bullets {bottom: .4rem;}
.server-list .item {width: 20%;float: left;padding: 18px 23px;}
.server-list .item img {float: left;}
.server-list .item p {margin-left: .71rem;line-height: .62rem;}
.server-list .item a:hover p {text-decoration: underline;font-size: .14rem;}

.part_INNOVATIONS {background: #fff; padding-top:.3rem;}

.BRAND_text{ }
.BRAND_text p{ font-size:.14rem; line-height:.28rem;margin-top:10px; }
.BRAND_text h1{ font-size:.43rem;  margin-bottom:.2rem; color:#4d8d1f; }
.BRAND_text h3{ font-size:.33rem;  margin-bottom:.2rem; color:#333;}
.BRAND_text a{ color:#fff;}
.mores{border-radius: 10px;color:#fff;font-size: .14rem;background-color: #36bb3b;width: 210px;line-height:52px; margin:20px 0;display: inline-block; padding-left:50px;
    -webkit-transition: background-color .35s;
    -moz-transition: background-color .35s;
    -ms-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
    margin-top: 35px;
}
.mores:hover { background:#4d8d1f;}

.yz_sz{ margin-top: 55px;}
.yz_sz li{ width:33%; float:left;box-sizing: border-box;position: relative;display: inline-block;transition:all 0.5s;}
.yz_sz li:last-child{ border-left: 0;padding-right: 0; }
.yz_sz li em{display:block;text-align: center;}
.yz_sz li b{display:inline-block;font-size:.54rem;font-weight:700;color:#0b87ce;line-height:1;transition: all 0.5s;}
.yz_sz li sup{display:inline-block;font-size:26px;color:#333333;line-height:100%;vertical-align:1px;font-weight: normal;transition: all 0.5s;}
.yz_sz li span{display:block;font-size:20px;color:#666666;line-height:100%;text-align:center;margin-top:12px;opacity: 0.73;}
.yz_sz li:hover{ transform:translateY(-5px);}


/* news */
.jpkc__item {width: 1.74rem;height: 2.5rem;overflow: hidden;position: relative;float: left; margin:0 10px;margin-bottom: 12px;}

.jpkc__item img{ border-radius: 20px;}
.jpkc__list:nth-child(3):hover .jpkc__item .jpkc__txt, .jpkc__list:nth-child(4):hover .jpkc__item .jpkc__txt {padding-top: .5rem;}
.jpkc__item .jpkc__txt{
    width: 100%;
    position: absolute; bottom:10px;left:0;color:#fff;line-height: 1.8;text-align: center;font-size: 15px;
}


.jpkc__name{ height:86px;}
.jpkc__city .flag{color:#00a3d9;border: 1px solid #00a3d9;font-size: 14px;width: 50px; hieght:26px;display: inline-block;margin: 18px 3px 10px;}

.jpkc__item .jpkc__link {border-radius: 20px;color:#fff;font-size:.14rem;background-color: #df0011;width:85%;line-height:.16rem; padding:.1rem;display: inline-block; text-align:center;
    -webkit-transition: background-color .35s;
    -moz-transition: background-color .35s;
    -ms-transition: background-color .35s;
    -o-transition: background-color .35s;
    transition: background-color .35s;
}
.jpkc__item:hover .jpkc__link {background-color: #960000;}

.part-server {background: #fff; padding-top:.3rem;}

.jpkc__title {font-size: .25rem;text-align: center;position: relative; text-transform: uppercase; line-height:0.4rem; margin-bottom:.2rem;}

.jpkc {padding: .6rem 0;}
.jpkc_subtitle {text-align: center;font-size: .14rem;line-height: 2.2;color:#666;}
.jpkc__tab-box {text-align: center;margin: 40px auto;}
.jpkc__tab-list {text-align: center;border: 1px solid #00a3d9;display: inline-block;width: auto;}
.jpkc__tab-list li {display: table-cell;}
.jpkc__tab-list li + li {border-left: 1px solid #00a3d9;}
.jpkc__tab-list li a{
    color:#00a3d9;font-size: .14rem;display: block;padding: 10px 32px;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    cursor: pointer;
}
.jpkc .btn-wrap {text-align: center;margin: 80px 0;}
.jpkc__list {overflow: hidden;}
.jpkc__tab-list li.active a, .jpkc__tab-list li:hover a{background-color: #00a3d9;color:#fff;}
.jpkc__btn-more {color: #333;border-color:#333;}
.jpkc-tite {text-align: left;}
/* news */


.part-us{padding:1rem 0;}

.part-us .itemL {width: 52%;float: left;}
.part-us .itemR {width: 48%;float: right;cursor:pointer; text-align:right; }

.part-us .item2L {width: 37%;float: left;cursor:pointer; text-align:left; }
.part-us .item2R {width: 63%;float: right;  }

.part-us_title {
    font-size: .2rem;
}
.part-us_title_en{
    font-size: .20rem;
    color:#000;
    margin: .08rem 0;
}
.part-us_con {
    font-size: .14rem;
    line-height: 2;
    overflow: hidden;
}
.part-us_con.on {height: auto;}
.part-us .link-likeBtns a{
    border:2px solid #4472c4; padding:.1rem .3rem;
    margin-top: .2rem;
    display: inline-block;webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;color:#4472c4;
}
.part-us .link-likeBtns a{color:#4472c4; }
.part-us .link-likeBtns a:hover{border:2px solid #00c0ff; color:#00c0ff;
}

.part-build {
    text-align: center; background:#656565; color:#FFF;
}
.part-build .page-width {padding: .3rem .78rem;line-height: 1.8;}
.part-build_title {font-size: .25rem;line-height: 1.8;}
.part-build_info {font-size: .14rem;line-height: 1.8;margin-top: .2rem;}

.part-build_con .item {width: 27%;height:3.25rem;  margin:3.16%;float: left; padding:20px; background:#a6a6a6;border-radius: 10%; border:2px solid #fff;-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}
	
.part-build_con .item img{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.part-build_con .item:hover{background:#e4e4e4; }

.part-build_con .item .info {color:#005aa9; 
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.part-build_con .item:hover .info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.part-build_con .item_img {border-radius: 50%;}
.part-build_con .item_title {font-size: .22rem;margin: .3rem 0 .1rem}
.part-build_con .item_info {font-size: .14rem; color:#000; margin-bottom:20px; }

.part-server .link_likeBtns{ text-align:center;}
.part-server .link_likeBtns a{
    border:2px solid #4472c4; padding:.1rem .3rem;
    margin-top: .2rem;
    display: inline-block;webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;color:#4472c4;
}
.part-server .link_likeBtns a{color:#4472c4; }
.part-server .link_likeBtns a:hover{border:2px solid #00c0ff; color:#00c0ff;}


.part-friendLink {text-align: center;background-color: #f0f1f3;}
.icon-mouse {
    display: inline-block;
    width: 84px;height: 84px;
    background: url(../img/icon-mouse.png) no-repeat center;
    margin-top: -44px;
}
.part-friendLink .row {overflow: hidden;}
.part-friendLink_item {position: relative;display:inline-block;width: 100px;height: 100px;}
.part-friendLink_item:not(:last-child) {margin-right: 130px;}
.part-friendLink_item img {position: absolute;top:0;right:0;left:0;bottom:0;margin: auto;}
.part-friendLink .page-width {padding: 30px 0;}

.F_right {margin-top: 30px; }
.F_right .items{float: left;}
.F_right .items .img{float: left;width: 33px;height: 33px;margin-right: 15px;margin-bottom:40px;}
.F_right .items p:nth-child(1){ font-size:.2rem; }
.F_right .items p:nth-child(2){font-size:.16rem;}
.F_right .items:nth-child(1){width: 48%;}
.F_right .items:nth-child(2){width: 48%; }


.footer {
    width: 100%; padding-bottom:60px;
    background-color: #363c40;
    color:#9b9ea0;
    font-size: .14rem;
   
}
.footer a {
    color:#9b9ea0; 
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;
}
.footer-nav a{font-weight:bold;}
.footer a:hover {color:#6fb571}
.friend-link {
    border-bottom: 1px solid #54595c;
    line-height: 75px;
}
.friend-link a {margin-left: 10px; font-weight:normal;}
.footer-nav {border-bottom: 1px solid #54595c;line-height: 45px;text-align: center;}
.footer-nav .item {margin: 0 35px;font-size: .16rem;}

.footer_first { margin-left:20px;
    line-height: 24px;
}
.footer_first, .footer_second, .footer_third, .footer_fourth {
    float: left;
    color: #8d8d8e;
    width: 425px;
    margin-right: 57px;
    line-height: 24px;
}
.footer_second{ width: 525px;}
.footer_third {margin-right: 0px;width:150px;margin: 27px 0px; text-align:left;}
.footer_third .wx{ line-height:26px; text-align:center; float:left; width:97%; margin-left:3%;}
.footer h1 {
    font-size: 16px;
    color: #cac9c9;
    line-height: 32px;
    border-bottom: 1px solid #3f4143;
    margin: 10px 0px;
    padding: 10px 0px;
}
.footerall .footer_first .ljxq_btn {
    font-family: "宋体"; font-size:12px; padding:3px 5px;
    
    color: #8D8D8E;
    height: 20px;
    line-height: 20px;
    width: 90px;
    margin: 12px 0px;
    text-align: center;
    border: 1px solid #8D8D8E;
    border-radius: 12px;
    -moz-radius: 12px;
    -webkit-radius: 12px;
    -ms-radius: 12px;
}
.footerall .footer_first .ljxq_btn:hover {color: #e94723;border: 1px solid #e94723;}
.footerall .a_first {font-size: 16px; font-weight:bold;color: #CAC9C9;line-height: 32px;}
.footerall .title{ margin-bottom:5px;}
.footerall .footer_second ul{ width:100%; float:left;}
.footerall .footer_second ul li.title {display: block;width: 100%;}
.footerall .footer_second ul li {float: left;width: 50%;overflow: hidden;}
.footerall .footer_second ul li a {display: block;text-align: left;line-height: 26px; }
.footerall a:hover{ text-decoration:underline; color:#6fb571;}


.copyright {text-align: center;border-top: 1px solid #54595c;line-height:23px; padding:20px 0}


.mobile {display: none;}
.part-banner {height: 4.26rem;background-size: cover;background-repeat: no-repeat;background-position: center;}
.part-banner .bread-line {color:#fff;padding: 20px 0;}
.part-banner .bread-line a {color:#fff;}
.part-banner .content p {color:#fff;background-color: rgba(0,0,0,.5);width: 40%;margin-bottom: 20px;padding: 5px 10px;}
.part-banner .content p.title {font-size: 30px;}
.part-banner .content p.subtitle {font-size: 19px;}
.part-banner .content {margin-top: 50px;}
.part-map {padding: 30px 0;text-align: center;}
.part-agency {overflow: hidden;padding: 20px 0 30px;}
.wpb_wrapper { width: 33.333333%;float: left; color:#636466;margin-bottom: 20px; }
.part-about {padding: 30px 0;}
.part-project-banner .content{margin-top: 0;padding-top: 1.1rem;}
.part-project-banner .content p{width: 60%;background-color: transparent;color:#eeeeee;}
.part-project-banner .content .title{font-size: 30px;background-color: rgba(0,0,0,.5);padding: 8px 10px;display: inline-block}
.part-project-banner .content .subtitle{font-size: 16px;background-color: rgba(0,0,0,.5);padding: 8px 10px;display: inline-block}
.part-project-content{ background:#d9d9d9;}
.part-project-content .bread-line {color:#636363;padding: 20px 0;}
.part-project-content .bread-line a{font-size: 16px;color:#636363;}
.part-project-content .page-title{font-size: .3rem;color:#333;text-align:center;}
.part-project-content .page-info{font-size: 14px;color:#777777;border-bottom: 1px solid #333;line-height: 3;}
.part-project-content .html-content{font-size: 14px;color:#000;line-height: 2.6;padding: 20px 0;}
.place-list {overflow: hidden;padding-bottom: 1.5rem;}
.place-list li{float: left;width: 33.33%;height: 320px; padding:5px;margin-bottom: 10px;}
.place-list li .img-box{width:100%;height: 245px;position: relative;overflow: hidden}
.place-list li .img-box img{vertical-align: middle;width: 100%; height:100%;}
.place-list li .place-bottom,.place-bottom2{font-size:14px;overflow: hidden;padding: 0 15px;width:100%;line-height: .5rem;position: relative;background: #eeeeee;color:#000;}
.place-list li:hover .place-bottom,.place-bottom2{background: #333333;color:#fff;}
.place-list li .place-bottom .place-bottom2 .fr{font-size: 18px;}
.place-content-list {overflow: hidden;}
.place-content-list li{
    width: 24.4%;
    margin-right: .8%;
}
.place-content-list li:nth-child(4n) {margin-right: 0;}
.place-content-list li {float: left;}
.part-place-content .page-title {line-height: 3;border-bottom: 1px solid #000;}
.place-content-list {margin: 30px 0;}
.place-content-list li {position: relative;overflow: hidden;margin-bottom: 30px;}
.place-content-list .img-box { height: 209px;}
.place-content-list .img-box img{ vertical-align: middle;width: 100%;height: 100%;}
.place-content-list .place-bottom {
    background-color: rgba(0,0,0,.4);display: block;color:#fff;text-align: center;
    position: absolute;
    left:0;
    width: 100%;height: 100%;
    z-index: 5;
    bottom:0;
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;
    -webkit-transform: translate(0, 70%);
    -moz-transform: translate(0, 70%);
    -ms-transform: translate(0, 70%);
    -o-transform: translate(0, 70%);
    transform: translate(0, 70%);
    font-size: 16px;
}
.place-content-list .place-bottom p:nth-child(1) {
    line-height: 60px;
}
.place-content-list li:hover .place-bottom{
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.place-content-list li:hover .place-bottom p {
    -webkit-transform: translate(0, 70%);
    -moz-transform: translate(0, 70%);
    -ms-transform: translate(0, 70%);
    -o-transform: translate(0, 70%);
    transform: translate(0, 70%);
}


.place-content-list .place-bottom p:nth-child(2) {
   margin-top: 25px;
}
.place-content-list .place-bottom p:nth-child(3) {position: relative;}
.place-content-list .place-bottom p:nth-child(3) span {
    position: absolute;
    margin-top: 30px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.place-content-list  a.place-bottom:hover {text-decoration: none;}
.lanbg{ background:#f7f7f7;}


#blog_sel{ margin: 20px 0;height:40px; line-height:40px; padding-bottom:28px; text-align:center;}
.blog_sel a{ color:#333; font-size:16px; font-family:"微软雅黑"; width:auto; padding:0 5px 5px;margin: 0 20px;}
.blog_sel a.blog_on{ color:#ff0000; border-bottom: 2px solid red;}
#blog_sel {text-align: center;}

.device-list {overflow: hidden; }

.device-list .item {float: left;width:18.2%;margin-right: 1.8%;margin-bottom: 50px; background:#FFF; padding:20px;}
.device-list .item:nth-child(5n){margin-right: 0;}
.device-list .item .img-box {width: 100%;}
.device-list .item .tuh{ height:200px;overflow: hidden; text-align:center; }
.device-list .item .img-box img{height: 100%;vertical-align: middle; padding-bottom:10px;}

.device-list .item .img-box{overflow: hidden; border-bottom:2px #b5e294 solid;
}
.device-list .item .img-box img {
    vertical-align: middle;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}
.device-list .item:hover .img-box img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}

.device-list .item .name{line-height: .52rem;color:#202020;font-size: .18rem; font-weight:bold;}
.device-list .item .name1{line-height: .24rem;color:#333;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.device-list .item .name2{line-height: .26rem;color:#e94723;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; font-weight:bold; }
.device-list .item a{line-height: .48rem;color:#333;font-size: 14px; padding:20px 0; text-decoration:underline;}
.device-list .item a:hover{color:#E25050;}
.part-device-show .html-content.fl{width: 5.8rem;}

.part-device-show .btn-wrap .btn-red {width: 1.4rem;height:.35rem;font-size: 13px;text-align: center;background-color: #d20000;color:#fff;border: none;margin-right: 20px;margin-top: 20px; margin-bottom:20px;display:block; float:left; -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    cursor: pointer;}
.part-device-show .btn-wrap .btn-red:hover {background-color: #7b011d}
.deviceSwiper {width: 555px;height: 5.55rem;margin-left: .35rem;padding-top: .2rem;}
.part-device-show  .swiper-container {
    width: 100%;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
}
.part-device-show  .swiper-slide {
    background-size: cover;
    background-position: center;
}
.part-device-show  .gallery-top {
    height: 83%;
    width: 100%;
}
.part-device-show  .gallery-thumbs {
    height: 17%;
    box-sizing: border-box;
    padding: 10px 0;
}
.part-device-show  .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.part-device-show  .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}
.part-device-show .swiper-button-next.swiper-button-white {
    background-image: url(../img/4.png);
    width: 30px;height: 30px;
    background-size: 100%;
}
.part-device-show .swiper-button-prev.swiper-button-white {
    background-image: url(../img/5.png);
    width: 30px;height: 30px;
    background-size: 100%;
}
.part-video .video {width: 584px;height: 322px; }
.device-info {width: 550px;margin-top: 20px;margin-left: .35rem;}
.device-info p{line-height: 30px;border-top: 1px dashed #eee;padding: 5px 3px;color:#999;font-size: 14px;}
.device-info p:hover{ background-color:#f4f4f4;}
.device-info p img{vertical-align: middle;margin-right: 20px;}
.device-info p:last-child {border-bottom: 1px dashed #eee;}
.device-info table{ width:100%;}
.device-info tbody td,th{ border:none; padding:0; margin:0; border-bottom:1px dotted #ddd; height:30px; line-height:30px; font-size:14px; } 
.device-info table tr:hover{ background-color:#f4f4f4;}

.part-pj .part-content {overflow: hidden;padding: 20px 0;}
.pj-item {float: left;margin-right: 30px;margin-bottom: 30px;}
.pj-item:nth-child(6n) {margin-right: 0;}
.pj-item img{display: block;width: 170px;height: 170px;}
.pj-item a .name{text-align: center;color: #c80721;font-size: 16px;}
.pj-item a:hover{ text-decoration:underline;}
.pj-item .type{text-align: center;color: #939393;font-size: 14px;}



.pub-1201 {width:100%;margin:0 auto;}
.pub-1201 h1 {text-align: center;font-family: "微软雅黑";font-size: 28px; color:#333333;}
.pub-1201 > p {text-align: center;line-height: 24px;margin:0 auto;margin-top: 22px;margin-bottom: 28px;font-size: 16px;font-family: "微软雅黑";color: #767676;}
.pub-1201 ul {overflow: hidden;}
.pub-1201 ul li {transition: all 0.2s;position: relative;float: left;width: 19.8%;margin-right:0.2%;font-family: "微软雅黑";overflow:hidden;height:663px;color: #fff;}
.pub-1201 ul li a{ color:#FFF;}
.pub-1201 ul li .box-5 {transition: all 0.2s;background: rgba(11, 135, 206, 0.77);height: 663px;}
.pub-1201 ul li .box-6 {transition: all 0.2s;background: rgba(11, 135, 206, 0.3)!important;height: 663px;}
.pub-1201 ul li .box-5 div {transition: all 0.2s;position: relative;z-index: 2;text-align: center;height: 360px;padding-top: 235px;}
.pub-1201 ul li .box-5 h2 {transition: all 0.2s;position: relative;z-index: 2;text-align: center;font-size: 24px;font-weight: normal;}
.pub-1201 ul li .box-5 p {transition: all 0.5s;cursor:pointer;position: absolute;z-index: 1;top: 0px;padding: 215px 5%;width:100%;text-align:center;height:100%;font-size: 14px;line-height: 24px;}
.pub-1201 ul li .box-5 div.bg {transition: all 0.5s;cursor:pointer;position: absolute;z-index: 1;top: 480px;padding: 215px 5%;width:91%;text-align:center;height:100%;font-size: 14px;line-height: 24px;}
.pub-1201 ul li:hover .box-5 div.bg {transition: all 0.2s;z-index:99999;cursor:pointer;position: absolute;top: 30px;padding: 215px 5%;width:100%;text-align:center;height:100%;font-size: 14px;line-height: 24px;}
.pub-1201 ul li:hover{cursor:pointer;}
.pub-1201 ul li:hover .box-5 p {transition: all 0.2s;cursor:pointer;position: absolute;z-index: 1;top: 0px;padding: 215px 5%;width:100%;text-align:center;height:100%;font-size: 14px;background: rgba(11, 135, 206, 0.9);line-height: 24px;}
.pub-1201 ul li:hover .box-5 {background: none;}
.pub-1201 ul li:hover .box-5 div {padding-top: 50%;}
.pub-1201 ul li:hover .box-5 h2 {margin-top: -30px;}
.pub-1201 ul li:hover .box-5 p {top: 0px;}
.pub-1201 ul li:nth-of-type(1) {background-image: url("../img/index.jpg");background-size:100% auto;}
.pub-1201 ul li:nth-of-type(2) {background: url("../img/index3.jpg") center;background-size:100% auto;}
.pub-1201 ul li:nth-of-type(3) {background: url("../img/index1.jpg") center;background-size:100% auto;}
.pub-1201 ul li:nth-of-type(4) {background: url("../img/index2.jpg") center;background-size:100% auto;}
.pub-1201 ul li:nth-of-type(5) {background: url("../img/index4.jpg") center;background-size:100% auto;}
.pub-1201 ul li:nth-of-type(6) {background: url("../img/index4.jpg") center;background-size:100% auto;}


.part-lm {overflow: hidden;}

.part-lm .item .new-list {font-size: 14px;line-height: 2.25;padding: .7em 0;}
.part-lm .item .new-list .text:hover{ text-decoration:underline;}
.part-lm .item .new-list span{ font-size:14px; color:#c0c0c0;}
.part-lm .new-list li {overflow: hidden;padding: 0 .5em;}

.part-lm .item-s {width:32.333%;float: left; margin-right: 1%;margin-bottom:100px; }
.part-lm .item-s .item-title { background:#073763;color:#fff; text-align:center; height:85px; line-height:85px;border-radius: 10px;}
.part-lm .item-s:nth-child(2n) .item-title{ background:#296aa1;}
.part-lm .item-s:nth-child(3n) .item-title{ background:#7fc4ee;}
.part-lm .item-s li p.text{overflow: hidden;float: left;width: 90%;text-overflow: ellipsis;white-space: nowrap;}


/* 客户案例 */
.part-case { background: url(../img/albg.jpg) no-repeat center; height:457px;}
.case_title {text-align: center;font-size: .32rem;color:#333333;margin-bottom: .15rem; padding-top:0.3rem; }
.part-friendLink {text-align: center;background-color: #f0f1f3;margin-top: 44px;}

/* 合作伙伴 */
.cooperation {background: #f6f6f6;text-align: center;margin-top: 50px;padding: 50px 0;}
.cooperation .title{font-size: 19px;color:#333;margin-bottom: 20px;}
.cooperation .sub-title{font-size: 12px;color:#7d7d7d;}
.cooperation .content {overflow: hidden;}
.cooperation .content.mHeight {height: 120px;}
.cooperation .content li{
    position: relative;
    float: left;
    width: 20%;
    margin-top: 23px;
    height: 70px;
}
.cooperation .content li a {
    display: inline-block;
}
.cooperation .content li a img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter:alpha(opacity=30);opacity:.3; 
    position: absolute;
    top:0;left:0;right:0;bottom:0;margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.cooperation .content li a img:hover{ }
.btn-formore {
    width: 145px;
    height: 36px; color:#656565;
    font-size: 12px;
    background: transparent;
    border: none;
    border: 1px solid #989898;
    margin-top: 50px;
    outline: none;
    cursor: pointer; -webkit-transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    cursor: pointer;
}
.btn-formore:hover{ color:#666;border: 1px solid #989898;}

/*********************************************************************************/
/* footer                                                                        */
/*********************************************************************************/
.footer .actions li a:hover {color: #bbb;}
.footer .actions li {font-size: 1.25em; margin:10px 0;}
.footer .actions li a {padding: 0.5em;color: #fff;}
ul.actions {cursor: default;}

ul.actions li:first-child {margin-left: 0;}
.fa {text-decoration: none;	}
.fa.solo span { padding-left:5px; line-height:24px; width:100px; float:none;}
.fa:before { float:left;
	display:inline-block;
	font-family: FontAwesome;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}


.fa-facebook:before{content: '';width: 24px;height:24px;background: url(../img/fa_1.png) no-repeat left;}
.fa-instagram:before{content: '';width: 24px;height:24px;background: url(../img/fa_2.png) no-repeat left;}
.fa-linkedin:before {content: '';width: 24px;height:24px;background: url(../img/fa_3.png) no-repeat left;}
.fa-youtube:before {content: '';width: 24px;height:24px;background: url(../img/fa_4.png) no-repeat left;}

.bot_ml_L{ float:left; margin-bottom:10px;}
.bot_ml_R{ float:right; padding-top:165px;}
.bot_ml_L ul{ float:left; width:410px;}
.bot_ml_L ul li:nth-child(1) a { font-size:.2rem;line-height:.44rem; }
.bot_ml_L ul li{ float:left; width:30%;}
.bot_ml_L ul li a{ color:#FFF; line-height:.24rem; font-size:.12rem;-webkit-transition: .25s all;
    -moz-transition: .25s all;
    -ms-transition: .25s all;
    -o-transition: .25s all;
    transition: .25s all;}
.bot_ml_L ul li a:hover {color:#44d6fe;}
.bot_logo{ text-align:center; border-top:2px solid #FFF; padding:20px 0;}

.part-content {position: relative; width:100%; margin:0 auto;}
#videoBanner {width:90%; padding:50px 0;color:#666; }
#videoBanner h3 {font-weight: normal;font-size: .16rem;line-height: 1.8;padding: 1px 5px; color:#333;}
#videoBanner p{font-size: .14rem;line-height: 2.2;padding: 1px 5px; color:#878787;}
.part-content .swiper-button-next, .part-content .swiper-button-prev {background-size: 30px;width: 40px;height: 64px; background-color:#36bb3b; }


/*********************************************************************************/
/* footer                                                                        */
/*********************************************************************************/
#online_qq_layer{z-index:99999999;position:fixed;right:60px;bottom:30px; }
#floatShow{display:block;}
#floatHide{display:none;}
#online_qq_tab{position:relative;z-index:9;}
#online_qq_tab #floatShow{height:60px; width:60px;float:right;position:relative;border-radius:50%;box-shadow:0 5px 20px 0 rgba(40,40,40,0.3);-webkit-box-shadow:0 5px 20px 0 rgba(40,40,40,0.3);background:#000;display: inline-flex;align-items: center;justify-content: center;transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1);}

#online_qq_tab .animated { opacity: 1; }
#online_qq_tab #floatShow i{height:30px;width:30px;background:url(../images/online.png) no-repeat center;display:inline-block;transform: translate(-50%, -50%);position: absolute;left: 50%;top:50%;z-index: 999;}
#online_qq_tab #floatShow:hover{margin-right:0;}
#online_qq_tab #floatShow p{position: absolute;right:0;top:-60px;border-radius:10px;background:#0c5799;width: 165px;padding:10px 20px;font-size: 14px;color:#fff;margin: 0;text-transform: capitalize;line-height: 20px;box-shadow: 0 2px 15px 1px rgba(40,40,40,0.2);transition:all .5s;opacity: 0;filter: alpha(opacity=0);}
#online_qq_tab #floatShow p:before{content:'';width: 0;   height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #0c5799;position: absolute;right: 20px;bottom:-10px;}
#online_qq_tab #floatShow:hover p{top: -80px;opacity: 1;filter: alpha(opacity=100);}
#online_qq_tab .circle { background: rgba(40,40,40,.25); width: 100%; height: 100%; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1);left:50%;top:50%;margin-left: -30px;margin-top: -30px;}
#online_qq_tab .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
#online_qq_tab .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
#online_qq_tab .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
#online_qq_tab.animation-stopped .circle { opacity: 0!important }
#online_qq_tab.animation-stopped .circle { opacity: 0!important }

#online_qq_tab #floatHide{overflow:hidden;width:30px; height:30px;font-size:13px;float:right; color:#808080; line-height:50px;text-align:left;position:absolute;right:10px;top:10px;}
#online_qq_tab #floatHide i{width:20px;height:20px;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;}
#online_qq_tab #floatHide i:before,
#online_qq_tab #floatHide i:after{
content:'';display:inline-block;background:#fff;width:20px;height:2px;margin:2px 0;
}
#online_qq_tab #floatHide i:before{transform:rotate(45deg) translate(4px,0px);-webkit-transform:rotate(45deg) translate(4px,0px);}
#online_qq_tab #floatHide i:after{transform:rotate(-45deg) translate(4px,0px);-webkit-transform:rotate(-45deg) translate(4px,0px);}

#online_qq_tab #floatShow:hover,#online_qq_tab #floatHide:hover{text-decoration:none;}
@keyframes scaleToggleOne { 
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
20% {
transform:scale(1);
-webkit-transform:scale(1)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 
0% {
transform:scale(1);
-webkit-transform:scale(1)
}
33% {
transform:scale(1);
-webkit-transform:scale(1)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}

#onlineService{display:inline;width:300px; overflow: hidden;display:none;background: #fff; font-size:12px;box-shadow:0 0 13px 0 rgba(151,151,151,0.5);-webkit-box-shadow:0 0 13px 0 rgba(151,151,151,0.5);border-top:none;}
#online_qq_layer .inquiry .main_more{ margin-top:5px}
#online_qq_layer .inquiry .main_more input{ line-height:38px; height: 38px; padding:0 20px;width:100%;border:none; background:#eb6400; color:#fff;} 
 

#onlineService .title{  display:block;font-size:14px;font-weight: 700;text-transform: uppercase; padding:10px 20px;line-height:24px;margin-bottom:0; color:#fff; background: #282828;  }
#onlineService .title b{color:#fff; font-weight:normal;}
#onlineService .text{ margin-bottom:10px;line-height:20px; font-size:.12rem;}
#onlineService .text h3{font-size:.16rem;}
.i_message_inquiry .inquiry { padding:20px;}
.i_message_inquiry .inquiry .form-control{ border:1px solid #e5e5e5; background:none; line-height:38px;height:40px; color:#808080; font-size:12px;width:100%;box-shadow:none;padding-right:45px;border-radius:0; padding-left:10px}
.i_message_inquiry .inquiry .form-control:focus{color:#333; border-color:#0c5799;}
.i_message_inquiry .inquiry .input-group{  background:#fff;  margin-bottom:10px;width:100%;border:none; display:block}
.i_message_inquiry .inquiry .input-group span{display:block;position:relative;}
.i_message_inquiry .inquiry .input-group span:before{content:'';position:absolute;width:40px;height:40px;right:0;top:0;display:inline-block;background-position:center center;background-repeat:no-repeat;}

.i_message_inquiry .inquiry .input-group span.ms_m .form-control{height: 100px;
    max-height: 100px;
    max-width: 100%;
    min-width: 100%;
    min-height: 100px;
    padding-top: 10px;
    line-height: 20px; } 


.i_message_inquiry .inquiry .input-code span{    display: inline-flex;  align-items: center;}
.i_message_inquiry .inquiry .input-code .form-control{max-width: 80px; padding: 0px 5px 0 10px;}
.i_message_inquiry .inquiry .input-code span{    display: inline-flex;  align-items: center;}
.i_message_inquiry .inquiry .input-code img{ margin-top: 0 !important}


.page-width {width:1300px;margin: 0 auto; }

@media only screen and (max-width:1440px) { 
.page-width {width:1220px;margin: 0 auto; }
.nav-list_item>a {padding: 0 0.2rem;}
#banner .title {font-size: .75rem; }
#banner .title2 { font-size:.48rem;}
#banner .subtitle {font-size: .24rem;}
.pub-1201 ul li {height:470px;}
.pub-1201 ul li .box-5 {height: 470px;}
.pub-1201 ul li .box-6 {height: 470px;}
.pub-1201 ul li .box-5 div {height: 260px;padding-top: 135px;}
.pub-1201 ul li:hover .box-5 div {padding-top: 40%;}
.pub-1201 ul li:hover .box-5 h2 {margin-top: -30px;}
.footer_first, .footer_second, .footer_third, .footer_fourth {    width: 325px;}
.footer_second{ width: 436px;}
.footerall .footer_second ul {    width:90%;}
}

@media only screen and (max-width: 1320px) { 
.header{ display:none;}
#online_qq_layer{ right:20px}
}


/*fixed-contact*/
.fixed-contact-wrap {
    z-index:99999;
    position:fixed;
    right:0px;
    top:20%;
    width:50px; 
    overflow:hidden;
    border-radius:0px;
    opacity:0;
    transition:all .4s;
    transform: translateX(95px);
    -webkit-transform: translateX(95px);
    -moz-transform: translateX(95px);
}
.fixed-contact-wrap.show{  transform:none; opacity:1; filter:alpha(opacity=100);}

.fixed-contact-wrap.active {width:200px;}
.fixed-contact-wrap li {position:relative;height:50px;background:#282828;overflow:hidden;transition:all .4s;list-style:none}
.fixed-contact-wrap.active li {  list-style:none}
.fixed-contact-wrap li>div {position:relative;z-index:1000;display:block;}
.fixed-contact-wrap li i {
    z-index:1000;
    position:absolute;
    right:0;
    display:block;
    width:50px;
    height:50px;
    transition:all .4s;
	background-color:#282828;
	background-repeat: no-repeat;
	background-position: center center;
}
.fixed-contact-wrap.active li:after {
    z-index:1001;
    content:'';
    position:absolute;
    bottom:0;
    left:10px;
	right:10px;
    display:block;
    height:1px;
    background:rgba(40,40,40,.2);
}
.fixed-contact-wrap.active li:last-child:after {display:none;}
.fixed-contact-wrap li:hover i,.fixed-contact-wrap li:hover a{opacity:.8;}
.fixed-contact-wrap .online_p i {
    background-image:url(../images/right_p.png);
    border-top-left-radius:30px;
    -moz-border-top-left-radius:30px;
    -webkit-border-top-left-radius:30px;
    border-top-right-radius:30px;
    -moz-border-top-right-radius:30px;
    -webkit-border-top-right-radius:30px;
}
.fixed-contact-wrap .online_e i {background-image: url(../images/right_e.png);}
.fixed-contact-wrap .online_w i {background-image: url(../images/right_s.png);}
.fixed-contact-wrap .online_s i {background-image: url(../images/right_s.png);}
.fixed-contact-wrap .online_code i {background-image: url(../images/right_w.png);}

.fixed-contact-wrap li a {
    position:absolute;
    top:0;
    right:-135px;
    display:block;
    width:230px;
	line-height:110%;
    padding:20px 0 0 10px;
    color:#fff;
    background:#282828;
    white-space:nowrap;
    transition:all .4s; 
	font-size:14px; font-weight:normal; 
	text-align: right;
}
.fixed-contact-wrap.active li a {right:60px;}
.fixed-contact-wrap .online_code a img{max-width:120px;}
.fixed-contact-wrap.active .online_code{height:160px;}
.fixed-contact-wrap.active .online_code a p{margin:0;margin-bottom:5px;}
.fixed-contact-wrap li.online_code:hover a{opacity:1;}

@media (max-width: 1030px) {
    body {min-width: 0;background-color: #fff;font-size: .3rem;}
    .pc, .pc-line {display: none;}
    .mobile {display: block;}
    .page-width {width:96vw;}
    .home-page .swiper-banner {width:100vw;margin-top: -2.9rem !important;}
    .swiper-banner {width: 92vw;border-radius: 3px;}
    .header-top_left {display: none;}
    .header-top {height: 40px;}
    .header-top_slogan {
        float: none;
        text-align: center;
        width: 100%;
        font-size: .18rem;
        line-height: 40px;
    }
	.part_INNOVATIONS{ text-align:center;}
	.part-us .item2L,.part-us .item2R { float:none; width:100%; padding-top: .3rem;}
    .header-nav {height: 170px;}
	.part_video {height: 5.6rem;}
	.banner-right {width:72vw; margin:0 auto;margin-top: 30px; float:none;}
    .banner-right .item{float:none;font-size: 0.2rem; text-align:left; margin-top:20px;}
	.banner-right .item .img{margin-right: 15px;}
	.banner-right .item p:nth-child(1) {font-size: .28rem; text-align:center;}
	.banner-right .item:nth-child(1){ width:100%;}
	.banner-right .item:nth-child(2){width:100%;}
	.banner-right .item:nth-child(3){width:100%;}
	
	.pub-1201 ul li {width:100%;margin-right:0%;height:auto;}
	
	.blog_sel a{ color:#333; font-size:16px; font-family:"微软雅黑"; width:auto; padding:0 0 5px;margin: 0 4px;}
	
	 .cooperation {
        margin: 0;
        padding: 10px 0;
    }
    .cooperation .sub-title {
        margin: 0 10px;
    }
    .cooperation .content li {
        width: 50%;
        margin-top: 20px;
    }
    .cooperation .content.mHeight {
        height: 90px;
    }
    .btn-formore {margin-top: 10px;width: 100px;margin-bottom: 20px;color:#666;}
	
    .home-page .header-nav {height:0.8rem;background-size: auto 100%;}
    .header-nav_homeLink {width:80%;display: inline-block;float: none;margin-top: .2rem; padding-left:.1rem;margin-right: 10px; float:left;}
	.header-nav span{ font-size:0.2rem; line-height:1rem; color:#4d8d1f; font-weight:bold;}
    .open-menu {
        width: 25px;
        color: #333; text-align:left;
        position: absolute;
        top: 22px;
        right: 20px;
        z-index: 5;
    }
    .open-menu .navicon-bar {
        width: 25px;
        height: 3px;
        background-color: #333;
        display: block;
        margin: 0 0 4px 0;
    }
	.header-nav {width: 100%;background: #e7e7e7;}
	

    .header-nav_right {
        width: 100%;float: none;
        text-align: center;
      
    }
   
    .header-nav_weiboCode {
        float: none;
        display: inline-block;
    }
	.header_nav-list {display: none;}
    .mobile-nav {
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        background-color: #fff;
        border: 0;
        position: fixed;
        top: 0;
        bottom: 0;
         left: 100%;
        right: 0;
        z-index: 10;
        width: 85%;
    }
    .mobile-nav.active {
        -webkit-transform: translate(-100%,0);
        -moz-transform: translate(-100%,0);
        -ms-transform: translate(-100%,0);
        -o-transform: translate(-100%,0);
        transform: translate(-100%,0);
    }
	.mobile-nav .Mlogo{ font-size:.24rem; color:#e94723; float:left; line-height:1rem; font-weight:bold; padding-left:10px;}
    .close-menu {
        position: absolute;
        z-index: 5;
        display: block;
        text-align: right;
        padding: 20px 20px 0 20px;
        padding-right: 20px;
        right:0;
        height: 50px;
    }
    .close-menu .navicon-bar {
        width: 25px;
        height: 3px;
        background-color: #333;
        display: inline-block;
        margin: 0 0 4px 0;
    }
    .close-menu .navicon-bar:first-of-type {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        left: 33px;
    }
    .close-menu .navicon-bar:last-of-type {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .mobile-nav_list a{ background:#000;
        display: block;
        color: #fff;
        padding-left: 14px;
        color: #fff;
        font-size: .22rem;text-transform:uppercase; 
        line-height: .42rem;
        position: relative;
        z-index: 2;
        margin-top: 14px;
    }
	.mobile-nav_list .nav2{ margin-bottom:10px;}
	.mobile-nav_list .nav2 a{ margin-top:0px; line-height:.42rem; font-size:.2rem; background-color: #005aa9;}
    .mobile-nav_list {
        margin-top: 50px;
    	overflow: auto;
    	height: calc(100vh - 50px);
    	padding-bottom: 30px;
    }
	
.nav{position:absolute;top:9.2%;width:100%;background-color:rgba(255,255,255,1);overflow-y:scroll;max-height: 70vh;}
 .nav>li ul li.list_pe.cur>a:after{transform: rotate(90deg);}
  .nav>li ul li:last-child>a{border:none;}
   .nav > li > a:after,.nav>li ul li.list_pe>a:after { content: ''; width: 30px; height: 36px; background: url(../img/ico00.png) no-repeat center; float: right; display: block; }
    .nav>li>a{line-height:36px;padding:0px 30px;color: #3787b0;position:relative;z-index:2;}
  .nav>li{width:100%;margin:0px;border-bottom: 1px solid #e8e8e8;}
  .nav>li.cur>a{background: #333;color:#fff; display:block;}
  .nav>li.cur>a:after{background:none; }
  .nav>li>a{line-height:36px;padding:0px 30px;color: #333;position:relative;z-index:2;}
  .nav>li ul{position: static;display:block;overflow:hidden;padding:0px 30px;width: auto;border-top:none;display:none;}
  .nav>li ul li>p{position: static;width: 100%;opacity: 1;visibility: visible;background:none;border-top:none;display:none;}
  .nav>li ul li>a{padding:0px 30px;line-height: 36px;font-size: 16px;border-bottom: 1px solid #e8e8e8; display:block;}
  .nav>li ul li>p>a{padding:0px 30px 0 50px;line-height:36px;font-size: 16px;border-bottom: 1px solid #e8e8e8; display:block;}
  
  
#banner_ny {height: 43vw;}
#banner_ny .swiper-pagination-bullet{width:10px; height:10px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
#banner_ny .swiper-pagination {bottom: 10px; }
#banner_ny .swiper-slide {background-repeat: no-repeat;background-size: cover;background-position: center;}
    .swiper-banner .title {font-size: .2rem;padding: .1rem .15rem;}
    .swiper-banner .subtitle {font-size: .15rem;padding: .1rem .15rem;}
    .swiper-banner .content {
        width: 100%;
        padding: 0 20px;
    }
    .swiper-banner .content .link-likeBtn {
        width: 2rem;
        line-height: 2.8;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 14px;
    }
    .swiper-banner .swiper-slide  {height: 2.6rem;background-size: auto 100%;background-position: center;}
    .swiper-pagination-trangle .swiper-pagination-bullet {width: .42rem;
        height: .09rem;}
	.swiper-banner.swiper-container-horizontal>.swiper-pagination-bullets {bottom: .2rem;}
	
	.jpkc__item{ width:48%; height:3.33rem; margin:10px 1%;}
	
	.jpkc__item img{ width:100%;}
    .server-list .item {
        width: 50%; padding:0 23px;
        text-align: center;
    }
	
    .server-list .item img {width: 60%;display: block;float: none;position: relative;z-index: 1;margin: 0 auto;vertical-align: middle;}
    .server-list .item p {display: block;line-height: 3;margin: 7px auto 0;position: relative;z-index: 2; font-size: 17px;    }
    .server-list .item a {display: block;}
    .part-server .page-width, .part-us .page-width, .part-build .page-width { 
        background-size: cover;
      
        overflow: hidden;
    }
	.part-us { padding-top:0px;}
    .part-us .page-width {
        text-align: center;
        padding-top: .3rem;
    }
	.mores {padding-left:0; text-align:center;}
	.BRAND_text h1{margin-top:0rem;}
	.part-us{ padding:0px; padding-bottom:0.5rem;}
	.part-us .itemL {width: 100%;padding-right:0; padding-left:0; padding-top: .3rem; float:none;}
	
	.part-us .page-width{ height:auto;}
	.part-us .itemR { display:none;}
    .part-us_title, .part-build_title, .part-build_con .item_title {font-size: .25rem;}
    .part-us_title_en {font-size: 20px;}
    .part-us_con, .part-build_info, .part-build_con .item_info  {font-size: .2rem}
	.part-us_con {}
    .part-us .link-likeBtns {color:#cd001d;}
    .part-build_con .item {width: 100%;float: none;margin-top: 20px; height:auto;margin:15% 0;}
	.part-build .page-width{ padding:.3rem 0.6rem;}
	.part-build_con .item .info{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 100;}
#videoBanner {width:90%;text-align: center;color:#666;  padding:20px 0;}
    .icon-mouse {display: none;}
	.header-nav_search-box input { font-size:.2rem; float:none; margin-right:0px; margin-bottom:10px;}
	.header-nav_search-box{ width:100%}
	.search-box_inp{ width:70%}
	.search-box_btn{ width:30%}
	.part-friendLink_item:not(:last-child) {margin-right: 10px;}
    .part-friendLink {margin-top: 0;}
    .part-friendLink_item {height: 112px;}
    .footer_top .page-width {text-align: center;width:100vw;}
    .footer_top .item {float: none;font-size:.24rem;width:100%; margin-bottom:20px; }
    .footer_top .item:not(:last-child) {margin-right: 0;}
	.footer_top .item-info .tit2{font-size:.2rem;}
	.footer_top .item-info .tit3{font-size:.2rem; width:100%;}
    .footer_top {padding-top: 30px;}
    .footer_top .item-logo a {margin-bottom: 10px;}
    .footer_top .item-info {float:none;width:100%;}
    .footer_top .item-info span {width: 18px;}
    .footer_top .item-info:nth-child(3),.footer_top .item-info:nth-child(4) {width:38%;margin-left: 0; margin:0 31%;}
	.bot_ml{ margin-top:20px;}
	.bot_ml_L{ float:none;}
	.bot_ml_L ul{ width:100%; margin:10px 0;}
	.bot_ml_L ul li:nth-child(1) a { font-size:.4rem;}
	.bot_ml_L ul li a { font-size:.26rem;}
	.bot_ml_R{ float:none; margin-top:20px;}
	.bot_ml_R img{ width:91%;}
    .footer_nav {padding: 10px .12rem !important;}

.bot_ml_L ul li{ float:left; width:50%;}
    .footer_nav li {
        padding: .05rem .1rem;
    }
	.friend-link .label{display: block;}
    .friend-link a, .footer-nav .item {position: relative;margin: 0 5px;white-space: nowrap; font-size: .20rem;}
    .footer-nav .item:after {
        content: '|';
        position: absolute;
        right:-10px;
    }
	.footerall .footer_second ul { width:100%;}
    .footer_nav li:not(:last-child):after {display: none;}
	.footer_first, .footer_second, .footer_third, .footer_fourth{ width:100%; margin-right: 0;margin-left: 0; text-align:center;}
.footerall .footer_second ul li a{ text-align:center;}
    .part-banner .content {text-align: center;}
    .part-banner .content p {width: auto;display: inline-block;text-align:center}
    .part-banner .content p.title {font-size: 14px;margin-bottom: 10px;}
    .part-banner .content p.subtitle {font-size: 12px;}
    .part-banner .content {margin-top: 10px;}
    .part-banner .bread-line {padding: 10px 0;}
    .wpb_wrapper {
        float: none;
        width: 100%;
        font-size: 14px;
    }
	.yz_sz li{ width:50%; margin-bottom:50px;}
	.yz_sz li b {font-size: .44rem;}
	.footer_top .item-logo .down_Cataloge{ margin:0 auto;}
    .part-project-banner .content {margin-top: 0;padding-top: 10px;}
    .part-project-banner .content .title {font-size: 16px;}
    .part-project-banner .content .subtitle {font-size: 14px;}
    .part-project-banner .content p {margin-bottom: 6px;}
    .place-list li {width: 100%;height: 60vw;margin-bottom: 10px; padding:0px;}
    .place-list li .img-box {height: 50vw;}
    .place-list li .place-bottom {height: 10vw;line-height: 10vw;}
    .place-content-list li {width: 100%;float: none;}
    .device-list .item {width: 100%;float: none; margin-bottom: 0;}
    .part-device-show .html-content.fl {height: auto;width: 100%;float: none;}
    .part-device-show .btn-wrap .btn-red {
        width: 120px;
        height: 30px;
        margin-right: 10px;
    }
	.F_right .items .img { float:none;margin-bottom: 3px;}
	.F_right .items:nth-child(1){width:100%;}
	.F_right .items:nth-child(2){width:100%;}
    .deviceSwiper {height: 380px;width: 92vw;float: none;margin-left: 0;}
    .part-video .video {width: 100%;height: 48vw;margin-top: 20px;}
    .device-info {width: 100%; margin-left:0px;}
    .part-project-content .page-info {line-height: 1.5;padding: 10px 0;}
   
    .pj-item {display: block;float: none; margin-right:0px; width:50%; float:left;}
	.F_right .items p:nth-child(1){ font-size:0.24rem; }
	.F_right .items p:nth-child(2){font-size:0.24rem;}
    .pj-item img {margin: 0 auto;}
	.footer_top .item-logo .down_Cataloge{font-size: .18rem; margin-bottom:.2rem;}
    .footer_top .item-info p {margin-left: 0; line-height:.35rem;}

    .place-list {padding-bottom: 20px;}
	
}