﻿@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-family:"微软雅黑";}
html{}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
/*b{font-weight: normal;}*/
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix:after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.cen{text-align: center;}


/* 公用样式 */
.box{ width:1440px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
@media screen and (max-width: 1440px) and (min-width:1025px) {/* 小屏幕的尺寸 */
  .box{ width:1200px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* pad */
  .box{ width:95%; margin:0 auto;}
}
@media screen and (max-width: 767px) and (min-width:0px) {/* 移动端的尺寸 */
  .box{ width:95%; margin:0 auto;}
}

.header{width: 90%; margin:0 auto; position: relative;}
.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width: 100%;}
.c-nav .navFlex{display:flex;display:-webkit-flex;align-items:center; -webkit-align-content:center;color:#fff;
/*justify-content:space-between;-webkit-justify-content:space-between;*/}
.c-nav .logo{width: 4.35rem; padding: 0.2rem 0;}
.c-nav .logo img{display: inline-block; vertical-align: middle; max-width: 100%;}
.c-nav .menu>ul{ margin-top: 0.44rem; margin-right: 1.6rem; position: relative;}
.c-nav .menu>ul>li{display:inline-block; line-height:0.72rem; font-size:0.18rem; margin-right: 0.4rem; border-bottom: 0.04rem solid #fff; 	position: relative;}
.c-nav .menu>ul>li>a{color:#333333; font-weight: bold; text-decoration:none;width:100%}
.c-nav .menu>ul>li.active{ border-bottom: 4px solid #496b86;}
.c-nav .menu>ul>li.active a{color:#496b86; font-weight: bold;}
.c-nav .menu>ul>li:hover{ border-bottom: 4px solid #496b86;}
.c-nav .menu>ul>li:hover>a{color:#496b86; font-weight: bold;}
.menu>ul>li>ul{display:none;width:100%;background:#f0f0f0;position:absolute;z-index:9999;left:0;margin:0;list-style:none;box-sizing:border-box;}
.menu>ul>li>ul>li{font-size: 0.16rem; color: #666; line-height: 0.5rem;}
.menu>ul>li>ul>li>a{}
.menu>ul>li>ul.normal-sub{width:2.2rem;left:auto;padding:0 0.2rem}
.menu>ul>li>ul.normal-sub>li{width:100%}
.menu-dropdown-icon:before {position: absolute; right: -0.2rem; top: 50%; content: ""; width: 0.1rem; height: 0.06rem; cursor: pointer;background:url(../images/menu-dropdown-icon.png)no-repeat center; color: #333;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px;}
.c-nav .header-inp{width: 2.2rem; height: 0.4rem; background: #f9f9f9; border: 1px solid #dedede; box-sizing: border-box; border-radius: 1vw; 
  margin-right: 0.3rem; margin-top: 0.4rem;}
.c-nav .header-inp input[type="text"]{width: 1.7rem; float: left; padding-left: 1vw; font-size: 0.14rem; color: #999; height: 0.4rem; line-height: 0.4rem; box-sizing: border-box; 
  border-radius: 1vw 0 0 1vw; outline: none; border: none; background: none;}
.c-nav .header-inp input[type="button"]{width: 0.4rem; float: left; height: 2.08333vw; background: url(../images/search.png) no-repeat center; box-sizing: border-box;
  border-radius: 0 1vw 1vw 0; outline: none; border: none; }
.c-nav .header-information{margin-top: 0.4rem;}
.c-nav .header-information .header-information-tel{float: left; width: 2.08333vw; margin-top: 0rem;}
.c-nav .header-information .header-information-tel img{}
.c-nav .header-information .header-information-number{font-size: 14px; color: #666666; float: left; margin-left: 20px;}
.c-nav .header-information .header-information-number span{font-size: 18px; color: #496b86; font-weight: bold;}

#wechat-pic{width: 0; height: 100px; position: absolute; right: 0%; bottom: -114px; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#wechat-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}


@media screen and (max-width: 1420px) and (min-width:1200px){
  .c-nav>ul{margin-right: 1rem;}
  .c-nav>ul>li{font-size:0.2rem;}
  .c-nav .header-inp{margin-right: 0.5rem;}
}
@media screen and (max-width: 1238px) and (min-width:1200px){
  .c-nav .logo{width:2.5rem; margin-right: 0.3rem;}
  .c-nav>ul{margin-right: 0.5rem;}
  .c-nav>ul>li{font-size:0.2rem;}
  .c-nav .header-inp{margin-right: 0.5rem;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:992px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:1199px){

.header{margin: 0 auto; width: 100%;}
.c-nav{padding:10px 0 10px 0;opacity:.9; margin: 0; height: auto;}
.c-nav .navFlex{font-size:20px;justify-content:space-between;flex-wrap:wrap;}
.c-nav .logo{width: 45%; padding: 0; margin-left: 0.2rem;}
.c-nav .menu>ul{width: 100%;}
.c-nav .menu>ul li{padding-top:0;margin-left:0;display:block;line-height:1rem;background:#000; border-bottom: none; margin-right: 0; font-size: 0.3rem;
  border-bottom: 0.02rem solid #496b86;}
.c-nav .menu>ul>li>a{color:#fff;width:100%;display:block;}

.c-nav .menu>ul>li.active{ border-bottom: 0.03rem solid #496b86;}
.c-nav .menu>ul>li.active a{color:#496b86; font-weight: bold;}
.c-nav .menu>ul>li:hover{ border-bottom: 0.03rem solid #496b86;}
.c-nav .menu>ul>li:hover>a{color:#496b86; font-weight: bold;}
.menu>ul>li>ul{display:none;width:100%;background:#000;position:relative;z-index:9999;left:0;margin:0;list-style:none;box-sizing:border-box;}
.menu>ul>li>ul>li{font-size: 0.3rem; color: #fff; line-height: 1rem;}
.menu>ul>li>ul>li>a{color: #fff;}
.menu>ul>li>ul.normal-sub{width:100%;left:auto;padding:0 0.2rem}
.menu>ul>li>ul.normal-sub>li{width:100%}
.menu-dropdown-icon:before {position: absolute; right: 0.2rem; top: 0.5rem; content: ""; width: 0.2rem; height: 0.1rem; cursor: pointer;background:url(../images/menu-dropdown-icon.png)no-repeat center; color: #333;}


.c-nav .hiden{display:block; position: absolute; right: 0.2rem; top: 0.05rem;}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav .header-information,.c-nav .header-inp{display: none;}

}



#banner{display: none;}
/*PC端- banner*/
#flash{width:100%;overflow:hidden;margin:0 auto;clear:both;position:relative;padding:0 0;background-color:#eff3f4}
#flash a{width:100%;display:none}
#flash img{width:100%}
.flash_bar{overflow:hidden;position:absolute;bottom:158px;left:12.5%;}
.flash_bar .dq{display:inline-block;width:0.4rem;height:0.03rem;margin:2px 4px;cursor:pointer;background:#fff;}
.flash_bar .no{display:inline-block;width:0.4rem;height:0.03rem;margin:2px 4px;cursor:pointer;background:#fff; opacity: 0.5;}
#flashBg{overflow:hidden;width:100%;clear:both;margin:0;padding:0}
#flashLine{background:url(../images/touming.png) repeat-x center bottom;width:100%;clear:both}

#flashBg .swiper-container {
    width: 1260px;
    margin: 50px auto;
    overflow: hidden;
    position: relative;
  }
  #flashBg .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #f8f8f8;
    margin-bottom: 80px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
/*PC端- banner*/

@media screen and (max-width:576px){
#flash{display: none;}
/*移动端-banner*/
#banner{ width:100%; height:200px; display: block;}
.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{height:200px;overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap img{ width:100%;}
.addWrap .swipe-wrap > div {float: left;width: 100%;position:relative;}

#position{ position:absolute;padding:0; margin:0; bottom:0px; right:38%;text-align:center; z-index:10;}
#position li{width:10px;height:10px;margin:0 3px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#00a0e9;}
#position li a{ position:absolute; left:0px;}
#addtitle{ position:absolute; bottom:0px;width:100%; height:20px;overflow:hidden; line-height:30px; font-size:14px; background:rgba(0,0,0,0.5); cursor:pointer; }
#addtitle li{width:100%;height:30px; color:#fff; text-indent:1em; display:none;}
#addtitle a{ text-decoration:none;color:#fff;}
#addtitle .cur{ display:block;}
/*移动端-banner*/
}

.swiper-banner{z-index: 1; max-height: 7.7rem; overflow: hidden;}
.swiper-banner .swiper { 
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.swiper-banner .swiper-slide {
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
/*
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  */
}

.swiper-banner .ds-banner-video-bg {
  display: block;
  width: 100%;
}
.swiper-banner img{height: 100%;}
.swiper-banner-info{position: absolute; left: 12.5%; top: 15%;}
.swiper-banner-info-tit{font-size: 0.42rem; line-height: 0.6rem; color: #fff; margin-bottom: 0.2rem;}
.swiper-banner-info-txt{font-size: 0.3rem; line-height: 0.5rem; color: #fff;}
.swiper-banner .swiper-button-next, 
.swiper-banner .swiper-button-prev{top: 40%;}

@media screen and (max-width:576px){

  .swiper-banner{z-index: 1; max-height: 3.5rem; overflow: hidden;}
  .swiper-banner .swiper { 
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .swiper-banner img{height: 100%;}
  .swiper-banner-info{position: absolute; left: 12.5%; top: 15%;}
  .swiper-banner-info-tit{font-size: 0.3rem; line-height: 0.45rem; color: #fff; margin-bottom: 0.2rem;}
  .swiper-banner-info-txt{font-size: 0.25rem; line-height: 0.4rem; color: #fff;}
  .swiper-banner .swiper-button-next, 
  .swiper-banner .swiper-button-prev{top: 40%; transform: scale(0.8);}
  

}

.index-about-list{position: relative;}
.index-about-list ul{position: absolute; z-index: 9999; left: 0; top: -1.2rem; width: 100%; background: #fff;}
.index-about-list ul li{width: 25%; text-align: center; float: left; padding: 0.2rem 0 0.15rem 0; }
.index-about-list ul li h3{font-size: 0.42rem; color: #333; font-weight: bold; color: #333;}
.index-about-list ul li p{font-size: 0.16rem; color: #666; line-height: 0.3rem; }
@media screen and (max-width:576px){

  .index-about-list{position: relative;}
  .index-about-list ul{position: static; left: 0; top: 0; width: 95%;  overflow: hidden; background: #fff;}
  .index-about-list ul li{width: 50%; text-align: center; float: left; padding: 0.2rem 0 0.1rem 0; }
  .index-about-list ul li h3{font-size: 0.42rem; color: #333; font-weight: bold; color: #333;}
  .index-about-list ul li p{font-size: 0.25rem; color: #666; line-height: 0.45rem; }
}

.index-pro{background:#f5f5f5;padding:.6rem 0;}
.index-tit{font-size:.36rem;color:#496b86;font-weight:700;text-align:center}
.index-dis{font-size:.16rem;color:#666;margin:.2rem 0;line-height:.3rem;text-align:center}
.index-pro .list-zoom{margin:0 auto}
.index-pro .list-zoom ul{width:100%;margin:0 auto;padding:0; overflow: hidden;}
.index-pro .list-zoom ul>li{list-style-type:none;display:block;position:relative;float:left;width:23.5%;height:3.2rem;box-sizing:border-box;
  transition:none;margin-right:2%;margin-bottom:.3rem}
.index-pro .list-zoom ul li:nth-child(4n){margin-right:0;}
.index-pro .list-zoom ul>li .element{cursor:pointer;width:100%;height:3.2rem;background:#fff;transition:none;position:absolute;top:0;left:0;z-index:10}
.index-pro .list-zoom ul>li .element:hover{top:0;height:3.2rem;transform:none;border:0;box-shadow:none}
.index-pro .list-zoom ul>li .element:hover span.image .tagline{color:#fff}
.index-pro .list-zoom ul>li .element:hover p{color:#2e5467}
.index-pro .list-zoom ul>li .element.on-nocss3{top:0;left:0;z-index:10;background:#fcfcfc;width:245px}
.index-pro .list-zoom ul>li .element h2{text-align:center;color:#2e5467;font-family:'3dslight',Helvetica,Arial,sans-serif;height:55px;padding:0;width:205px;margin:21px auto 14px;position:absolute;left:-5000px;top:0}
.index-pro .list-zoom ul>li .element span.image{display:block;width:100%;height:53px;padding:15px 0 0 0;background-size:cover;background-position:center center;text-align:center}
.index-pro .list-zoom ul>li .element span.image img{visibility:hidden}
.index-pro .list-zoom ul>li .element span.image .tagline{font-size:12px;color:#2e5467;text-transform:uppercase;font-family:'3dsweb',Helvetica,Arial,sans-serif;font-weight:700}
.index-pro .list-zoom ul>li .element p{font-size:.14rem;line-height:.28rem;color:#7499af;width:auto;padding:0 20px;margin:17px auto 0;text-align:left;color:#2e5467}
.index-pro .list-zoom ul>li .element a.more{display:block;position:absolute;bottom:0.2rem;left:0.2rem;padding:0 0 0 25px;color:#7499af;background:url(../images/arrow-grey-dark.png) left center no-repeat;padding:0 0 0 15px;text-decoration:underline;text-decoration:none;background-position:left 5px}
.index-pro .list-zoom ul>li .element a.more:hover{text-decoration:none;color:#2e5467}
.index-pro .list-zoom ul>li .element .logo{display:block;width:100%;height:37px;background-position:top center;background-repeat:no-repeat;margin:0 auto 10px auto}
.index-pro .list-zoom ul>li .element.industry .image{background:url(../images/product/industry.jpg) no-repeat #618fc0;background-size:cover;display:table;height:107px;padding:0}
.index-pro .list-zoom ul>li .element.industry .image .tagline{color:#fff;display:table-cell;vertical-align:middle;font-size:16px;padding:0 20px}
.index-pro .list-zoom ul>li .element.industry .logo{display:none}
.index-pro .list-zoom ul>li .element.aerospace .image{background-image:url(../images/industry/aerospace-defense-270x108.jpg)}
.index-pro .list-zoom ul>li .element.architecture .image{background-image:url(../images/industry/architecture-engineering-construction-270x108.jpg)}
.index-pro .list-zoom ul>li .element.cgr .image{background-image:url(../images/industry/consumer-goods-retail-270x108.jpg)}
.index-pro .list-zoom ul>li .element.cpg .image{background-image:url(../images/industry/consumer-packaged-goods-retail-270x108.jpg)}
.index-pro .list-zoom ul>li .element.energy .image{background-image:url(../images/industry/energy-process-utilities-270x108.jpg)}
.index-pro .list-zoom ul>li .element.financial .image{background-image:url(../images/industry/financial-business-services-270x108.jpg)}
.index-pro .list-zoom ul>li .element.hightech .image{background-image:url(../images/industry/high-tech-270x108.jpg)}
.index-pro .list-zoom ul>li .element.industrialequip .image{background-image:url(../images/industry/industrial-equipment-270x108.jpg)}
.index-pro .list-zoom ul>li .element.lifesciences .image{background-image:url(../images/industry/life-sciences-270x108.jpg)}
.index-pro .list-zoom ul>li .element.marine .image{background-image:url(../images/industry/marine-offshore-270x108.jpg)}
.index-pro .list-zoom ul>li .element.natural .image{background-image:url(../images/industry/natural-resources-270x108.jpg)}
.index-pro .list-zoom ul>li .element.transportation .image{background-image:url(../images/industry/transportation-mobility-270x108.jpg)}
.index-pro .list-zoom ul>li .element.brand:hover .logo{background-position:0 -37px}
.index-pro .list-zoom ul>li .element.catia .logo{width:141px;background-image:url(../images/catia.png)}
.index-pro .list-zoom ul>li .element.catia:hover .image{background-color:#001871}
.index-pro .list-zoom ul>li .element.geovia .logo{width:161px;background-image:url(../images/product/geovia.png)}
.index-pro .list-zoom ul>li .element.geovia.on .image{background-color:#001871}
.index-pro .list-zoom ul>li .element.simulia .logo{width:188px;background-image:url(../images/product/simulia.png)}
.index-pro .list-zoom ul>li .element.simulia.on .image{background-color:#001871}
.index-pro .list-zoom ul>li .element.delmia .logo{width:166px;background-image:url(../images/product/delmia.png)}
.index-pro .list-zoom ul>li .element.delmia.on .image{background-color:#ffcd00}
.index-pro .list-zoom ul>li .element.solidworks .logo{width:199px;background-image:url(../images/product/solidworks.png)}
.index-pro .list-zoom ul>li .element.solidworks.on .image{background-color:#d9291c}
.index-pro .list-zoom ul>li .element.biovia .logo{width:138px;background-image:url(../images/biovia.png)}
.index-pro .list-zoom ul>li .element.biovia:hover .image{background-color:#c8d300}
.index-pro .list-zoom ul>li .element.medidata .logo{width:211px;background-image:url(../images/product/medidata.png)}
.index-pro .list-zoom ul>li .element.medidata.on .image{background-color:#c8d300}
.index-pro .list-zoom ul>li .element.enovia .logo{width:173px;background-image:url(../images/product/enovia.png)}
.index-pro .list-zoom ul>li .element.enovia.on .image{background-color:#e87722}
.index-pro .list-zoom ul>li .element.exalead .logo{width:189px;background-image:url(../images/product/exalead.png)}
.index-pro .list-zoom ul>li .element.exalead.on .image{background-color:#e87722}
.index-pro .list-zoom ul>li .element.netvibes .logo{width:184px;background-image:url(../images/product/netvibes.png)}
.index-pro .list-zoom ul>li .element.netvibes.on .image{background-color:#e87722}
.index-pro .list-zoom ul>li .element.xcite .logo{width:175px;background-image:url(../images/product/3dexcite.png)}
.index-pro .list-zoom ul>li .element.xcite.on .image{background-color:#000}
.index-pro .list-zoom ul>li .element.threedvia .logo{width:120px;background-image:url(../images/product/3dvia.png)}
.index-pro .list-zoom ul>li .element.threedvia.on .image{background-color:#000}
.index-pro .list-zoom ul>li .element.centricplm .logo{width:239px;background-image:url(../images/product/centricplm.png)}
.index-pro .list-zoom ul>li .element.centricplm.on .image{background-color:#000}
.index-pro .list-zoom ul.regular{background:0 0}
.index-pro .list-zoom ul.regular>li{float:left;width:152px;height:200px;background:#fff;padding:30px 20px 0 20px;margin:0 0 20px 0}
.index-pro .list-zoom ul.regular>li:nth-child(n){margin:0}
.index-pro .list-zoom ul.regular>li h3{margin:0 0 10px 0;color:#2e5467;font-size:12px;text-transform:uppercase;font-family:'3dsweb',Helvetica,Arial,sans-serif}
.index-pro .list-zoom ul.regular>li p{text-align:left;color:#7499af;font-family:'3dsweb',Helvetica,Arial,sans-serif;font-size:12px;width:100%;height:120px;overflow:hidden;line-height:15px}
.index-pro .list-zoom ul.regular>li a.more{display:block;position:absolute;bottom:20px;left:20px;padding:0 0 0 25px;color:#7499af;background:url(../images/links/arrow-grey-dark.png) left center no-repeat;padding:0 0 0 15px;text-decoration:underline;background-position:left 4px;text-decoration:none;font-size:12px}
.index-pro .list-zoom ul.regular>li a.more:hover{text-decoration:none;color:#2e5467}
.index-pro-more{width: 1.8rem; height: 0.45rem; line-height: 0.45rem; text-align: center; margin: 0 auto; background: #496b86; color: #fff; font-size: 0.16rem;}


@media screen and (max-width:576px){

  .index-pro{background:#f5f5f5;padding:.4rem 0;}
  .index-tit{font-size:.4rem;color:#496b86;font-weight:700;text-align:center}
  .index-dis{font-size:.3rem;color:#666;margin:.2rem;line-height:.5rem;text-align:center;}

  .index-pro .list-zoom ul>li{list-style-type:none;display:block;position:relative;float:none;width:80%; height:5rem;box-sizing:border-box; 
    transition:none; margin: 0.2rem auto;}
  .index-pro .list-zoom ul li:nth-child(4n){margin-right:auto;}
  .index-pro .list-zoom ul>li .element{cursor:pointer;width:100%;height:5rem;background:#fff;transition:none;position:absolute;top:0;left:0;z-index:10}
  .index-pro .list-zoom ul>li .element:hover{top:0;height:5rem;transform:none;border:0;box-shadow:none}
  .index-pro .list-zoom ul>li .element p{font-size:.25rem;line-height:.5rem;}
  
.index-pro-more{width: 76%; height: 1rem; line-height: 1rem; font-size: 0.3rem; margin: 0.3rem auto;}
  }


.index-advantage{padding:0.7rem 0;background-image:url(../images/index-bg1_02.png);background-repeat:no-repeat;background-position:bottom;background-size:100% auto}
.index-advantage .content{position:relative}
.index-advantage .content .img-box{width:44%;padding-top:40.66667%;position:relative;overflow:hidden;}
.index-advantage .content .img-box img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.index-advantage .content .index-ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;
  flex-wrap:wrap;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);
  transform:translateY(-50%);right: 0;width:68.53333%;background-color:#f5f5f5;-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}
.index-advantage .content .index-ul li{width:50%}
.index-advantage .content .index-ul a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 65px 70px 55px;border-top:1px solid #e5e5e5}
.index-advantage .content .index-ul a:hover .icon{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.index-advantage .content .index-ul .icon{width:27.91878%;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;padding-top:27.91878%;position:relative;overflow:hidden}
.index-advantage .content .index-ul .icon img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.index-advantage .content .index-ul .li-info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding-left:27px}
.index-advantage .content .index-ul .li-info h3{margin-bottom:.075rem;font-size:20px;font-weight:700;color:#333;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.index-advantage .content .index-ul .li-info p{font-size:14px;line-height:26px;color:#888;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.index-advantage .content .index-ul li:nth-child(-n+2) a{border-top:0}
.index-advantage .content .index-ul li:nth-child(odd) a{border-right:1px solid #e5e5e5}
.index-advantage .content .more{left:auto;right:0;bottom:20px;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);color:#fff}
@media (max-width:1580px){.index-advantage .content .index-ul a{padding:50px 55px 60px 45px}
}
@media (max-width:1380px){.index-advantage .content .index-ul a{padding:40px 45px 50px 35px}
}
@media (max-width:1260px){
  .index-advantage{padding:.25rem 0 .64rem;background-image:url(../images/indexm-bg1_03.jpg)}
.index-advantage .content .img-box{display:none}
.index-advantage .content .index-ul{position:relative;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%;margin-top:.2rem}
.index-advantage .content .index-ul a{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.2rem .2rem .25rem}
.index-advantage .content .index-ul .icon{margin:0 auto .14rem;width:.55rem;padding-top:.55rem}
.index-advantage .content .index-ul .li-info{width:100%;-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;padding-left:0}
.index-advantage .content .index-ul .li-info h3{text-align:center;font-size:.13rem}
.index-advantage .content .index-ul .li-info p{font-size:.12rem;line-height:.16rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-advantage .content .more{left:50%;right:auto;bottom:-.25rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}
@media (max-width:576px){
  .index-advantage{padding:0.4rem 0;background-image:url(../images/indexm-bg1_03.jpg)}
  .index-advantage-tit{font-size:.36rem;color:#496b86;font-weight:700;text-align:center}
  .index-advantage-dis{font-size:.25rem;color:#666;margin:.2rem;line-height:.5rem;text-align:center;}
.index-advantage .content .img-box{display:none}
.index-advantage .content .index-ul{position:relative;top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);width:100%;margin-top:.2rem}
.index-advantage .content .index-ul a{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.2rem .2rem .25rem}
.index-advantage .content .index-ul .icon{margin:0 auto .14rem;width:.8rem;padding-top:.8rem}
.index-advantage .content .index-ul .li-info{width:100%;-webkit-box-flex:1;-webkit-flex:auto;-moz-box-flex:1;-ms-flex:auto;flex:auto;padding-left:0}
.index-advantage .content .index-ul .li-info h3{text-align:center;font-size:.32rem}
.index-advantage .content .index-ul .li-info p{font-size:.28rem;line-height:.5rem;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.index-advantage .content .more{left:50%;right:auto;bottom:-.25rem;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
}

.container{width:100%;height:auto}
.container .cont-plate1{position:relative;width:100%;height:auto}
.container .cont-plate1 .plate1-bg{width:100%;height:auto}
.container .cont-plate1 .plate1-bg img{width:100%}
.container .cont-plate1 .plate1-bottom{position: absolute; left: 0; right: 0; width:1.8rem;height:.45rem;line-height:.45rem;text-align:center;margin:0 auto; top: 8.5rem; background:#496b86;color:#fff;font-size:.16rem}
.container .cont-plate1 .plate1-top{position:absolute;top:.5rem;left:0;width:100%;z-index:9}
.container .cont-plate1 .plate1-top .top-title{font-size:.4rem;font-weight:700;text-align:center;color:#333}
.container .cont-plate1 .plate1-top .top-English{margin-top:.18rem;font-family:MontserratBold;font-size:.24rem;text-align:center;color:#cbcbcb}
.container .cont-plate1 .plate1-top .top-heng{width:34px;height:5px;margin:.22rem auto 0;border-radius:.5rem;background:#0072bc}
.container .cont-plate1 .plate1-cent{position:relative;display:flex;justify-content:flex-start;position:absolute;top:1.7rem;right:0;width:90%}
.container .cont-plate1 .plate1-cent .cent-menu{width:3.2rem;height:auto;background:linear-gradient(120deg,#0d85cf,#0f54a1)}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list{position:relative;width:100%;height:1.6rem;border-bottom:solid 1px rgba(255,255,255,.2);cursor:pointer;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box{display:block;width:100%;height:100%;padding:.26rem 0 0 .55rem}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon{position:relative;width:.5rem}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon img{position:absolute;top:0;left:0;width:100%;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon .img2{opacity:0}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-title{margin-top:.6rem;font-size:22px;color:#fff}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-English{margin-top:.1rem;font-family:Arial;font-size:12px;color:#fff;opacity:.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-arrow{position:absolute;top:50%;right:.3rem;width:.4rem;opacity:0;transform:translatey(-50%);-o-transform:translatey(-50%);-moz-transform:translatey(-50%);-webkit-transform:translatey(-50%);transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-arrow img{width:100%}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active{background:linear-gradient(-90deg,#00c0ff,#104bb9)}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active .list-icon .img2{opacity:1!important}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active .list-icon .img1{opacity:0}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active .list-arrow{opacity:1!important}
.container .cont-plate1 .plate1-cent .cnet-box{position:absolute;top:0;right:0;display:flex;justify-content:space-between;width:calc(100% - 3.2rem);height:6.4rem;opacity:0;visibility:hidden}
.container .cont-plate1 .plate1-cent .cnet-box .box-left{width:4.48rem;height:auto;padding:.9rem 0 0 .6rem;background:#fff}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-English{font-family:MontserratBold;font-size:.3rem;background-image:linear-gradient(-90deg,#00c0ff,#104bb9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-title{margin:.42rem 0;font-size:.24rem;font-weight:700;color:#333;opacity:0}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-text{padding-right:.7rem;font-size:16px;line-height:30px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;opacity:0}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-button{display:block;width:1.4rem;height:.45rem;margin-top:.7rem;font-size:0.16rem;line-height:.45rem;
  text-align:center;color:#0072bc;border-radius:.1rem;border:solid 0.01rem #0a51a1;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-button:hover{color:#fff;background:#0a51a1}
.container .cont-plate1 .plate1-cent .cnet-box .box-right{width:calc(100% - 4.28rem);height:100%;background:#fff;overflow:hidden}
.container .cont-plate1 .plate1-cent .cnet-box .box-right img{width:100%;height:100%;opacity:0;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cnet-box:hover img{transform:scale(1.1,1.1) translateZ(0);-o-transform:scale(1.1,1.1) translateZ(0);-moz-transform:scale(1.1,1.1) translateZ(0);-webkit-transform:scale(1.1,1.1 translateZ(0))}
.container .cont-plate1 .plate1-cent .cnet-box-active{opacity:1;visibility:visible}
.container .cont-plate1 .plate1-cent .cnet-box-active .left-English,.container .cont-plate1 .plate1-cent .cnet-box-active .left-text,.container .cont-plate1 .plate1-cent .cnet-box-active .left-title,.container .cont-plate1 .plate1-cent .cnet-box-active img{opacity:1!important;transition:all .6s!important;-o-transition:all .6s!important;-moz-transition:all .6s!important;-webkit-transition:all .6s!important}
.container .cont-plate1 .plate1-web-cent{display:none}

@media (max-width:576px){
.container .cont-plate1{position:relative;width:100%;height:auto; box-sizing: border-box; overflow-x: hidden;}
.container .cont-plate1 .plate1-bg{width:100%;height:16rem;overflow:hidden}
.container .cont-plate1 .plate1-bg img{width:auto;height:100%}
.container .cont-plate1 .plate1-bottom{position: absolute; left: 0; right: 0; width:2.2rem;height:.6rem;line-height:.6rem;text-align:center;
  margin:0 auto; top: 15.2rem; background:#496b86;color:#fff;font-size:.25rem}
.container .cont-plate1 .plate1-top{position:absolute;top:.65rem;left:0;width:100%;z-index:9}
.container .cont-plate1 .plate1-top .top-title{font-size:.5rem}
.container .cont-plate1 .plate1-top .top-English{margin-top:.18rem;font-family:MontserratBold;font-size:.34rem}
.container .cont-plate1 .plate1-top .top-heng{width:34px;height:5px;margin:.22rem auto 0;border-radius:.5rem;background:#0072bc}
.container .cont-plate1 .plate1-cent{display:flex;justify-content:flex-start;flex-wrap:wrap;position:absolute;top:2.25rem;right:0;width:100%;}
.container .cont-plate1 .plate1-cent .cent-menu{display:flex;justify-content:space-between;width:100%;height:auto;margin-top:.3rem;background:linear-gradient(120deg,#0d85cf,#0f54a1)}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list{position:relative;width:25%;height:1.6rem;border-bottom:solid 1px rgba(255,255,255,.2);cursor:pointer;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box{display:block;width:100%;height:100%;padding:.26rem 0 0 .1rem}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon{position:relative;width:.8rem;margin:0 auto}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon img{position:absolute;top:0;left:0;width:100%;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-icon .img2{opacity:0}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-title{margin-top:.8rem;font-size:.22rem;text-align:center;color:#fff}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-English{display:none;margin-top:.1rem;font-family:Arial;font-size:12px;color:#fff;opacity:.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-arrow{display:none;position:absolute;top:50%;right:.3rem;width:.4rem;opacity:0;transform:translatey(-50%);-o-transform:translatey(-50%);-moz-transform:translatey(-50%);-webkit-transform:translatey(-50%);transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list .list-box .list-arrow img{width:100%}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active{background:linear-gradient(-90deg,#00c0ff,#104bb9)}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active .list-icon .img2{opacity:1!important}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active .list-icon .img1{opacity:0}
.container .cont-plate1 .plate1-cent .cent-menu .menu-list-active .list-arrow{opacity:1!important}
.container .cont-plate1 .plate1-cent .cnet-box{position:absolute;top:2rem;right:0;display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;height:auto;
  margin-top:0;opacity:0;visibility:hidden}
.container .cont-plate1 .plate1-cent .cnet-box .box-left{width:100%;height:100%;padding:.3rem 0 .3rem .3rem;background:#fff}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-English{font-family:MontserratBold;font-size:.4rem;background-image:linear-gradient(-90deg,#00c0ff,#104bb9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-title{margin:.42rem 0;font-size:.34rem;font-weight:700;color:#333;opacity:0}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-text{padding-right:.7rem;font-size:.28rem;line-height:.44rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;opacity:0}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-button{display:block;width:2.4rem;height:.7rem;font-size:.26rem;line-height:.7rem; margin-top: .5rem;
  text-align:center;color:#496b86;border-radius:.1rem;border:solid 0.01rem #496b86;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cnet-box .box-left .left-button:hover{color:#fff;background:#0a51a1}
.container .cont-plate1 .plate1-cent .cnet-box .box-right{width:100%;height:auto;background:#fff;overflow:hidden}
.container .cont-plate1 .plate1-cent .cnet-box .box-right img{width:100%;height:auto;opacity:0;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-cent .cnet-box:hover img{transform:scale(1.1,1.1) translateZ(0);-o-transform:scale(1.1,1.1) translateZ(0);-moz-transform:scale(1.1,1.1) translateZ(0);-webkit-transform:scale(1.1,1.1 translateZ(0))}
.container .cont-plate1 .plate1-cent .cnet-box-active{opacity:1;visibility:visible}
.container .cont-plate1 .plate1-cent .cnet-box-active .left-English,.container .cont-plate1 .plate1-cent .cnet-box-active .left-text,.container .cont-plate1 .plate1-cent .cnet-box-active .left-title,.container .cont-plate1 .plate1-cent .cnet-box-active img{opacity:1!important;transition:all .6s!important;-o-transition:all .6s!important;-moz-transition:all .6s!important;-webkit-transition:all .6s!important}
.container .cont-plate1 .plate1-web-cent{position:relative;display:none!important;justify-content:flex-start;flex-wrap:wrap;position:absolute;top:2.25rem;right:0;width:100%;height:auto;margin-top:.5rem;overflow:hidden;z-index:29}
.container .cont-plate1 .plate1-web-cent .swiper-slide{width:100%}
.container .cont-plate1 .plate1-web-cent .cnet-box{display:flex;justify-content:space-between;flex-wrap:wrap;width:100%;height:auto}
.container .cont-plate1 .plate1-web-cent .cnet-box .box-left{width:100%;height:100%;padding:.9rem 0 .6rem .6rem;background:#fff}
.container .cont-plate1 .plate1-web-cent .cnet-box .box-left .left-English{font-family:MontserratBold;font-size:.4rem;background-image:linear-gradient(-90deg,#00c0ff,#104bb9);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.container .cont-plate1 .plate1-web-cent .cnet-box .box-left .left-title{margin:.42rem 0;font-size:.34rem;font-weight:700;color:#333}
.container .cont-plate1 .plate1-web-cent .cnet-box .box-left .left-text{padding-right:.7rem;font-size:.28rem;line-height:.44rem;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.container .cont-plate1 .plate1-web-cent .cnet-box .box-left .left-button{display:block;width:2.4rem;height:.7rem;margin-top:.7rem;font-size:.26rem;line-height:.65rem;text-align:center;color:#0072bc;border-radius:.45rem;border:solid 2px #0a51a1;transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.container .cont-plate1 .plate1-web-cent .cnet-box .box-right{width:100%;height:100%;overflow:hidden}
.container .cont-plate1 .plate1-web-cent .cnet-box .box-right img{width:100%;height:auto}
.container .cont-plate2{position:relative;width:100%;height:auto}
}

.index-case{padding: 0.3rem 0;}
.slider .index-case-information{ margin: 0.01rem;}
/*.slider .index-case-information:hover{-webkit-box-shadow:0 0 20px rgba(0,0,0,.1);box-shadow:0 0 20px rgba(0,0,0,.1)}*/
.slider .index-case-information .index-case-pic{overflow:hidden; transition: 0.5s}
.slider .index-case-information:hover .index-case-pic img{transform: scale(1.1);transition: 0.5s}
.slider .index-case-info{background: #f1f9fe; padding: 0.3rem ;}
.slider .index-case-information:hover .index-case-info{padding-left:0.4rem;transition: 0.5s}
.slider .index-case-info-tit{font-size: 0.24rem; color: #333; margin-bottom: 0.2rem;}
.slider .index-case-info-dis{font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #666; display: -webkit-box !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
  word-break: break-all;
  
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}

.slick-next,.slick-prev{z-index:1;position:absolute;display:block;height:40px;width:40px;line-height:0;font-size:0;cursor:pointer;background:transparent;
  color:transparent;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0;border:0;background-color:#fff;}
.slick-next:focus,.slick-prev:focus{background-color:#e4e4e4}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{opacity:1;color:transparent}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}
.slick-next.slick-disabled,.slick-prev.slick-disabled{background-color:transparent}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:0}
.slick-next:before,.slick-prev:before{font-family:tiffany-icons;font-size:16px;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale}
.slick-prev{left:10px}
[dir=rtl] .slick-prev{left:auto;right:0}
.slick-next{right:10px}
[dir=rtl] .slick-next{left:0;right:auto}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{opacity:1;color:transparent}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}

.index-case-more{width: 1.8rem; height: 0.45rem; line-height: 0.45rem; text-align: center; margin: 0.3rem auto; background: #496b86; color: #fff; font-size: 0.16rem;}



@media screen and (max-width:576px){

  .index-case{padding: 0.5rem 0;}
  .slider .index-case-information{ margin: 8px; background: #f1f9fe;}
  .slider .index-case-info{background: #f1f9fe; padding: 0.3rem ;}
  .slider .index-case-info-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.2rem;}
  .slider .index-case-info-dis{font-size: 0.25rem; line-height: 0.4rem; height: 0.8rem; color: #666; display: -webkit-box !important;
    overflow: hidden;
    
    text-overflow: ellipsis;
    word-break: break-all;
    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
  

.index-case-more{width: 76%; height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; margin: 0.3rem auto;}
  
}


.index-news-box{background: #f8f8f8;}
.index-news{padding: 0.8rem 0;}
.index-news-tit{font-size: 36px; color: #333333; text-align: center; margin-bottom: 40px;}
.index-news-container{margin-top: 0.5rem;}
.index-news-list{width: 50%; float: left;}
.index-news-list ul li{margin-bottom: 0.4rem; overflow: hidden;}
.index-news-list-date{width: 16%; float: left;}
.index-news-list-date .date1{font-size: 0.3rem; display: block; color: #666; margin-bottom: 0.1rem;}
.index-news-list-date .date2{font-size: 0.18rem; display: block; color: #666;}
.index-news-list-text{width: 77%; float: right; position: relative; box-sizing: border-box; padding-right: 3%;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index-news-list-text::before{content: ""; width: 30px; height: 1px; background: #333333; position: absolute; left: -0.5rem; top: 0.1rem;}
.index-news-list-text .index-news-list-tit{font-size: 0.18rem; color: #333; margin-bottom: 0.1rem; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.35s ease-in 0s;}
.index-news-list-text .index-news-list-dis{font-size: 0.14rem; color: #777; line-height: 0.3rem;
  margin-bottom: 20px;
  transform: translateY(10px);
  transition: all 0.33s ease-in 0s;}

.index-news-list ul li:hover .index-news-list-text {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.index-news-information{padding-left: 0.4rem; box-sizing: border-box;}
.index-news-pic{text-align: center;}

  
@media screen and (max-width:576px){
  
.index-news-box{background: #f8f8f8;}
.index-news{padding: 0.4rem 0.2rem; box-sizing: border-box;}
.index-news-tit{font-size: 36px; color: #333333; text-align: center; margin-bottom: 40px;}
.index-news-container{margin-top: 0.5rem;}
.index-news-list{width: 100%; float: none;}
.index-news-list ul li{margin-bottom: 0.4rem; overflow: hidden; border-bottom: 0.05rem solid #fff; padding-bottom: 0.4rem;}
.index-news-list-date{width: 100%; float: none; margin-bottom: 0.2rem;}
.index-news-list-date .date1{font-size: 0.35rem; font-weight: bold; display: block; color: #666; margin-bottom: 0.1rem;}
.index-news-list-date .date2{font-size: 0.28rem; display: block; color: #666;}
.index-news-list-text{width: 100%; float: none; position: relative; box-sizing: border-box; padding-right: 0;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index-news-list-text::before{content: ""; width: 30px; height: 1px; background: #333333; position: absolute; left: -1rem; top: 0.25rem;}
.index-news-list-text .index-news-list-tit{font-size: 0.35rem; color: #333; margin-bottom: 0.1rem; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.35s ease-in 0s;}
.index-news-list-text .index-news-list-dis{font-size: 0.28rem; color: #777; line-height: 0.45rem;
  margin-bottom: 0.2rem;
  transform: translateY(10px);
  transition: all 0.33s ease-in 0s;}

.index-news-list ul li:hover .index-news-list-text {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
}

.index-news-information{padding-left: 0; box-sizing: border-box;}
.index-news-pic{text-align: center;}
.index-news-pic img{max-width: 100%;}
  
}


.index-cooperation{padding: 0.8rem 0;}
.index-cooperation-list{}
.index-cooperation-list ul{display: flex; flex-direction:row;  flex-wrap:wrap;}
.index-cooperation-list ul li{flex: 0 0 17.8%; margin: 0 1%; border: 1px solid #ccc; height: 80px; float: left; margin-bottom: 0.3rem;}
.index-cooperation-list ul li img{max-width: 100%;}
 

@media screen and (max-width:576px){

  .index-cooperation{padding: 0.4rem 0;}
  .index-cooperation-list{}
  .index-cooperation-list ul{display: flex; flex-direction:row;  flex-wrap:wrap;}
  .index-cooperation-list ul li{flex: 0 0 45%; margin: 0 2%; border: 1px solid #ccc; height: 80px; float: left; margin-bottom: 0.3rem;}
  .index-cooperation-list ul li img{max-width: 100%;}
   
 
}


#footer-box{background: #333; overflow: hidden;}
#link{ display: flex; line-height: 0.7rem; border-bottom: 1px solid #444; }
#link span{font-size: 0.14rem; color: #fff; width:1.5rem;}
#link ul li{ float: left; margin: 0 0.1rem;}
#link ul li a{font-size: 0.14rem; color: #ccc;}
#footer{padding: 0.35rem 0; display: flex; justify-content:space-between;}
#footer-information{width: 3.1rem;}
#footer-tel{font-size: 0.18rem; color: #fff; padding-left: 0.45rem; background: url(../images/footer-icon1.png) no-repeat left top; margin-bottom: 0.3rem;}
#footer-tel span{font-size: 0.24rem; margin-top: 0.1rem; display: block;}
#footer-address{font-size: 0.14rem; color: #ccc; line-height: 0.3rem; padding-left: 0.45rem; background: url(../images/footer-icon2.png) no-repeat left top;}
#footer-address span{ display: block; color: #fff;}
#footer-list{}
#footer-list-tit{font-size: 16px; font-weight: bold; margin-bottom: 30px; color: #fff;}
#footer-list ul li{font-size: 14px; color: #ccc; margin-bottom: 20px;}
#footer-list ul li a{color: #ccc;}
#footer-ewm{ text-align: center;}
#footer-ewm p{color: #fff; margin-top: 10px;}
#footer-btn{background: #496b86; color: #fff; font-size: 0.16rem; padding: 0 0.15rem; line-height: 0.3rem; border-radius: 0.2rem; margin: 0.1rem 0;}
#footer-btn a{color: #fff;}
#copy{text-align: center; border-top: 1px solid #444; line-height: 0.52rem; font-size: 14px; color: #999;}

@media screen and (max-width:576px){
  #link,#footer{display: none;}
  #copy{margin: 0.2rem 0.3rem; border-top: none;}
}

/*资讯*/

.responsive-ban{position: relative; margin-top:1rem}
.pc-ban{display: block;}
.mobile-ban{display: none;}
.responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 25%;}
.responsive-banner-tit{font-size: 0.4rem; color: #f5f5f5; margin-bottom: 0.4rem; font-weight: bold; line-height: 0.6rem;}
.responsive-banner-dis{font-size: 0.3rem; color: #fff; line-height: 0.5rem;}

@media screen and (max-width:576px){
  .pc-ban{display: none;}
  .mobile-ban{display: block;}
  .responsive-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 20%;}
  .responsive-banner-tit{font-size: 0.35rem; color: #fff; margin-bottom: 0.3rem; font-weight: bold; }
  .responsive-banner-dis{font-size: 0.25rem; color: #fff; line-height: 0.4rem;}
  }

.news-tab-box{ background: #fff; width:100%;}
.news-tab-fixed{position: fixed;
	top: 1rem;
	z-index: 999;}
.news-tab{}
.news-tab ul li{font-size: 0.16rem; color: #333; line-height: 0.6rem; margin-right: 0.54rem; display: inline-block; transition: 0.5s;}
.news-tab ul li a{display: inline-block;}
.news-tab ul li.active,.news-tab ul li:hover{border-bottom: 0.04rem solid #496b86;}
.news-tab ul li.active a,.news-tab ul li:hover a{font-weight: bold; color: #496b86;}

.news-box{background: #f5f5f5;}
.news{padding: 0.4rem 0; display: flex;}
.news-list{width: 71%; padding-right: 3%;}
.news-list ul li{display: flex; background: #fff; margin-bottom: 0.2rem;}
.news-list ul li .news-list-pic{}
.news-list ul li .news-list-information{padding: 0.2rem 0.3rem;  overflow: hidden;}
.news-list ul li .news-list-information-tit{font-size: 0.2rem; color: #202020; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list ul li .news-list-information-dis{font-size: 0.14rem; color: #666; line-height: 0.28rem; margin: 0.3rem 0; height: 0.56rem;}
.news-list ul li .news-list-information-time{font-size: 0.14rem; color: #999999; line-height: 0.28rem;}

.news-recommend{width: 26%;}
.news-recommend-tit{font-size: 0.24rem; color: #496b86; font-weight: bold; margin-bottom: 0.2rem;}
.news-recommend ul li{background: #fff; margin-bottom: 0.2rem;}
.news-recommend ul li .news-recommend-list-info{padding: 0.2rem;}
.news-recommend ul li .news-recommend-list-tit{font-size: 0.2rem; color: #333; margin-bottom: 0.1rem;}
.news-recommend ul li .news-recommend-list-dis{font-size: 0.14rem; color: #666; line-height: 0.28rem;}

.news-inp-box{
  /*background-image:linear-gradient(#f5f5f5 50%, #333 31%);*/
  margin:0.3rem auto;
  height:1.5rem}
.news-inp{
  display: flex;
  box-sizing: border-box;
  padding: 0.5rem 0.4rem;
  height: 1.5rem; background: url(../images/news-inp-bg.jpg) no-repeat center;
}
.news-inp span{
  font-size: 0.36rem; color: #fff; margin-right: 0.2rem;
}
.news-inp input{
  margin: 0 .1rem;
  outline: none;
  border: none;
}
.news-inp input[type="text"]{padding-left: 0.1rem;}
.news-inp input[type="button"]{padding: 0 0.25rem; background: #f37d19; font-size: 0.18rem; color: #fff; cursor: pointer;}

@media screen and (max-width:576px){

  .news-tab ul li{width: 100%; text-align: center; font-size: 0.28rem; color: #333; line-height: 0.8rem; margin-right: 0; display: inline-block; transition: 0.5s;}

  .news{flex-flow:wrap}
  .news-list{width: 100%; padding-right: 0%;}
  .news-list ul li {flex-flow:wrap; margin-bottom: 0.4rem;}
  .news-list ul li .news-list-pic{width: 100%;}
  .news-list ul li .news-list-pic img{width: 100%;}
  .news-list ul li .news-list-information{padding: 0.3rem 0.4rem;  overflow: hidden;}
  .news-list ul li .news-list-information-tit{font-size: 0.32rem; color: #202020; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  .news-list ul li .news-list-information-dis{font-size: 0.28rem; color: #666; line-height: 0.45rem; margin: 0.2rem 0; height: auto;}
  .news-list ul li .news-list-information-time{font-size: 0.25rem; color: #999999; line-height: 0.28rem;}
  .news-recommend{width: 100%;}
  .news-recommend-tit{font-size: 0.35rem; color: #496b86; font-weight: bold; margin-bottom: 0.2rem;}
  .news-recommend ul li{background: #fff; margin-bottom: 0.4rem;}
  .news-recommend ul li .news-recommend-list-info{padding: 0.3rem 0.4rem;}
  .news-recommend ul li .news-recommend-list-tit{font-size: 0.32rem; color: #333; margin-bottom: 0.1rem;}
  .news-recommend ul li .news-recommend-list-dis{font-size: 0.28rem; color: #666; line-height: 0.45rem;}

  
.news-inp-box{
  background-image:linear-gradient(#f5f5f5 50%, #333 31%);
  height:auto}
.news-inp{
  display: flex;
  flex-wrap:wrap;
  flex-direction:column;
  align-items:center;
  box-sizing: border-box;
  padding: 0.5rem 0.4rem;
  height: auto; background: url(../images/news-inp-bg.jpg) 0 0;
}
.news-inp span{
  font-size: 0.36rem; color: #fff; margin-right: 0; margin-bottom: 0.2rem;
}
.news-inp input{
  margin: 0.2rem auto;
  font-size: 0.25rem;
  box-sizing: border-box;
  width: 80%;
  height: 0.8rem;
  line-height: 0.8rem;
  outline: none;
  border: none;
}
.news-inp input[type="text"]{padding-left: 0.3rem;}
.news-inp input[type="button"]{padding: 0 0.25rem; background: #f37d19; font-size: 0.25rem; color: #fff; cursor: pointer;}

}
/*资讯*/



/*资讯详细*/

.newsview-route{font-size: 0.16rem; color: #666; line-height: 0.8rem;}
.newsview-route span{color: #496b86;}
.newsview{display: flex;}
.newsview-l{width: 65%; box-sizing: border-box; padding-right: 10%;}
.newsview-ltit{font-size: 0.3rem; color: #022020;}
.newsview-ltime{font-size: 0.14rem; color: #999; margin: 0.2rem 0 0.4rem;}
.newsview-ltime span{margin-right: 0.5rem;}
.newsview-ltime img{margin: 0 0.1rem;}
.newsview-linfo{font-size: 0.16rem; color: #444; line-height: 0.3rem;}
.newsview-linfo b{font-weight: bold;}
.newsview-pan{margin: 0.5rem 0; }
.newsview-pan ul{display: flex; justify-content:space-between;}
.newsview-pan ul li{flex: 1; ; height: 0.6rem; line-height: 0.6rem; text-align: center; border: 1px solid #dddddd; font-size: 0.16rem; color: #666;}
.newsview-pan ul li:nth-child(2){margin: 0 0.2rem;}
.newsview-pan ul li a{display: inline-block; width: 100%;}
.newsview-pan ul li:hover{color: #fff; border-color: #496b86; background: #496b86;}
.newsview-pan ul li:hover a{color: #fff;}
.newsview-pan ul li.prev{background: url(../images/newsview-pan-l1.png) no-repeat 30% 50%;}
.newsview-pan ul li.prev:hover{background: #496b86 url(../images/newsview-pan-l2.png) no-repeat 30% 50%;}
.newsview-pan ul li.list{background: url(../images/newsview-pan-m1.png) no-repeat 30% 50%;}
.newsview-pan ul li.list:hover{background: #496b86 url(../images/newsview-pan-m2.png) no-repeat 30% 50%;}
.newsview-pan ul li.next{background: url(../images/newsview-pan-r1.png) no-repeat 70% 50%;}
.newsview-pan ul li.next:hover{background: #496b86 url(../images/newsview-pan-r2.png) no-repeat 70% 50%;}

.newsview-r{background: #fff;  width: 25%; box-sizing: border-box; }
.newsview-rtit{font-size: 0.3rem; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 0.2rem; margin-bottom: 0.3rem;}
.newsview-rtit::before{width: 0.02rem; height: 0.3rem; background: #496b86; content: ""; position: absolute; left: -0.31rem; top: 0.08rem;} 

.newsview-rlist ul li{ border-bottom: 1px solid #e2ebf0; padding-bottom: 0.25rem; margin-bottom: 0.25rem;}
.newsview-rlist-time{font-size: 0.3rem; color: #999;}
.newsview-rlist-tit{font-size: 0.24rem; color: #333; margin: 0.2rem 0; }
.newsview-rlist-dis{font-size: 0.16rem; color: #666; line-height: 0.28rem;}


@media screen and (max-width:576px){

  .newsview-route{font-size: 0.28rem; color: #666; line-height: 1rem;}
  .newsview-route span{color: #496b86;}
  .newsview{display: flex; flex-wrap: wrap;}
  .newsview-l{width: 100%; box-sizing: border-box; padding-right: 0%;}
  .newsview-ltit{font-size: 0.35rem; color: #022020;}
  .newsview-ltime{font-size: 0.25rem; color: #999; margin: 0.2rem 0 0.4rem;}
  .newsview-ltime span{margin-right: 0.5rem;}
  .newsview-ltime img{margin: 0 0.1rem;}
  .newsview-linfo{font-size: 0.28rem; color: #444; line-height: 0.45rem;}
  .newsview-linfo img{width:100%}
  .newsview-linfo b{font-weight: bold;}
  .newsview-pan{margin: 0.5rem 0; }
  .newsview-pan ul{display: flex; flex-wrap: wrap; justify-content:space-between;}
  .newsview-pan ul li{flex: auto; margin: 0.3rem 0; width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; border: 1px solid #dddddd; font-size: 0.3rem; color: #666;}
  .newsview-pan ul li:nth-child(2){margin: 0 ;}
  .newsview-pan ul li a{display: inline-block; width: 100%;}
  .newsview-pan ul li:hover{color: #fff; border-color: #496b86; background: #496b86;}
  .newsview-pan ul li:hover a{color: #fff;}
  .newsview-pan ul li.prev{background: url(../images/newsview-pan-l1.png) no-repeat 30% 50%;}
  .newsview-pan ul li.prev:hover{background: #496b86 url(../images/newsview-pan-l2.png) no-repeat 30% 50%;}
  .newsview-pan ul li.list{background: url(../images/newsview-pan-m1.png) no-repeat 30% 50%;}
  .newsview-pan ul li.list:hover{background: #496b86 url(../images/newsview-pan-m2.png) no-repeat 30% 50%;}
  .newsview-pan ul li.next{background: url(../images/newsview-pan-r1.png) no-repeat 70% 50%;}
  .newsview-pan ul li.next:hover{background: #496b86 url(../images/newsview-pan-r2.png) no-repeat 70% 50%;}
  
  .newsview-r{background: #fff;  width: 100%; box-sizing: border-box; }
  .newsview-rtit{font-size: 0.4rem; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 0.2rem; margin-bottom: 0.3rem;}
  .newsview-rtit::before{width: 0.02rem; height: 0.3rem; background: #496b86; content: ""; position: absolute; left: -0.31rem; top: 0.08rem;} 
  
  .newsview-rlist ul li{ border-bottom: 1px solid #e2ebf0; padding-bottom: 0.3rem; margin-bottom: 0.3rem;}
  .newsview-rlist-time{font-size: 0.35rem; color: #999;}
  .newsview-rlist-tit{font-size: 0.3rem; color: #333; margin: 0.2rem 0; }
  .newsview-rlist-dis{font-size: 0.25rem; color: #666; line-height: 0.45rem;}
  
  
}
/*资讯详细*/

/*客户案例*/
.case-tab{ padding: 0.3rem 0 0.1rem;}
.case-tab ul{display: flex; flex-wrap: wrap;}
.case-tab ul li{line-height: 0.44rem; margin-right: .2rem; background: #eee; margin-bottom: 0.2rem; font-size: 0.16rem; color: #333;}
.case-tab ul li a{width: 100%; display: inline-block; padding: 0 0.2rem;}
.case-tab ul li.active,.case-tab ul li:hover{background: #496b86;}
.case-tab ul li.active a,.case-tab ul li:hover a{color: #fff;}


.case-box{background: #f5f5f5;}
.case{padding: 0.6rem 0 0.15rem; }
.case-tit{font-size: 0.36rem; font-weight: bold; color: #496b86; text-align: center; margin-bottom: 0.6rem;}
.case ul{display: flex; flex-wrap: wrap;}
.case ul li{ background: #fff; flex:  0 0 32%; margin-right: 2%; margin-bottom: 0.45rem;}
.case ul li:nth-child(3n){margin-right: 0;}
.case ul li .case-pic{}
.case ul li .case-pic img{width: 100%;}
.case ul li .case-info{padding: 0.35rem 0.4rem;}
.case ul li .case-info-tit{font-size: 0.24rem; color: #333333;}
.case ul li .case-info-dis{font-size: 0.16rem; color: #666; line-height: 0.24rem; margin: 0.2rem 0;}
.case ul li .case-info-bottom{display: flex; justify-content: space-between; align-items:center;}
.case ul li .case-info-bottom-wz{font-size: 0.14rem; color: #666; background: #eee; line-height: 0.32rem; padding: 0 0.2rem;}

.rcase{/*padding: 0.6rem 0 0.15rem;*/ }
.rcase-tit{font-size: 0.36rem; font-weight: bold; color: #496b86; text-align: center; margin-bottom: 0.6rem;}
.rcase ul{display: flex; flex-wrap: wrap;}
.rcase ul li{ background: #fff;  margin-bottom: 0.45rem;}

.rcase ul li .rcase-pic{}
.rcase ul li .rcase-pic img{width: 100%;}
.rcase ul li .rcase-info{padding: 0.35rem 0;}
.rcase ul li .rcase-info-tit{font-size: 0.24rem; color: #333333;}
.rcase ul li .rcase-info-dis{font-size: 0.16rem; color: #666; line-height: 0.24rem; margin: 0.2rem 0;}
.rcase ul li .rcase-info-bottom{display: flex; justify-content: space-between; align-items:center;}
.rcase ul li .rcase-info-bottom-wz{font-size: 0.14rem; color: #666; background: #eee; line-height: 0.32rem; padding: 0 0.2rem;}

@media screen and (max-width:576px){


  .case{padding: 0.3rem 0;}
  .case-tab ul li{font-size: 0.28rem; line-height: 0.6rem; margin-right: 0.4rem; }
  
.case-tit{font-size: 0.36rem; font-weight: bold; color: #496b86; text-align: center; margin-bottom: 0.3rem;}
.case ul{flex-direction:column;}
.case ul li{width: 100%;}
.case ul li .case-info{padding: 0.35rem 0.4rem;}
.case ul li .case-info-tit{font-size: 0.35rem; color: #333333;}
.case ul li .case-info-dis{font-size: 0.25rem; color: #666; line-height: 0.42rem; margin: 0.2rem 0;}
.case ul li .case-info-bottom{display: flex; justify-content: space-between; align-items:center;}
.case ul li .case-info-bottom-wz{font-size: 0.3rem; color: #666; background: #eee; line-height: 0.6rem; padding: 0 0.3rem;}

 .rcase{padding: 0.3rem 0;}
  .rcase-tab ul li{font-size: 0.28rem; line-height: 0.6rem; margin-right: 0.4rem; }
  
.rcase-tit{font-size: 0.36rem; font-weight: bold; color: #496b86; text-align: center; margin-bottom: 0.3rem;}
.rcase ul{flex-direction:column;}
.rcase ul li{width: 100%;}
.rcase ul li .rcase-info{padding: 0.35rem 0.4rem;}
.rcase ul li .rcase-info-tit{font-size: 0.35rem; color: #333333;}
.rcase ul li .rcase-info-dis{font-size: 0.25rem; color: #666; line-height: 0.42rem; margin: 0.2rem 0;}
.rcase ul li .rcase-info-bottom{display: flex; justify-content: space-between; align-items:center;}
.rcase ul li .rcase-info-bottom-wz{font-size: 0.3rem; color: #666; background: #eee; line-height: 0.6rem; padding: 0 0.3rem;}

}
/*客户案例*/

/*案例详情*/
.customer-introduce-box{background: #f5f5f5;}
.customer-introduce{display: flex; padding: 0.8rem 0;}
.customer-introduce-information{ padding-right: 3%;}
.customer-introduce-information-tit{font-size: 0.42rem; font-weight: bold; color: #496b86; margin-bottom: 0.35rem;}
.customer-introduce-information-dis{font-size: 0.18rem; color: #333; line-height: .35rem;}
.customer-introduce-pic{}


.customer-pro{padding: 0.8rem 0 0.2rem;}
.customer-pro-tit{font-size: 0.36rem; font-weight: bold; color: #496b86; text-align: center; margin-bottom: 0.4rem;}
.slider .customer-pro-information{ margin: 0.1rem;}
.slider .customer-pro-info{background: #fff; padding: 0.3rem ;}
.slider .customer-pro-info-tit{font-size: 0.24rem; color: #333; margin-bottom: 0.2rem;}
.slider .customer-pro-info-dis{font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #666; display: -webkit-box !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
  word-break: break-all;
  
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}

.customer-select{width: 3.6rem; height: 0.6rem; line-height: 0.6rem; font-size: 0.16rem; color: #444; border: 0.01rem solid #dedede; box-sizing: border-box; padding-left: 0.25rem; margin-bottom: 0.4rem;}

@media screen and (max-width:576px){

  .customer-introduce-box{background: #f5f5f5;}
  .customer-introduce{display: flex; padding: 0.5rem 0; flex-wrap: wrap;}
  .customer-introduce-information{ padding-right: 0%; margin-bottom: 0.35rem;}
  .customer-introduce-information-tit{font-size: 0.42rem; font-weight: bold; color: #496b86; margin-bottom: 0.35rem;}
  .customer-introduce-information-dis{font-size: 0.28rem; color: #333; line-height: .45rem;}
  .customer-introduce-pic{width: 100%;}
  .customer-introduce-pic img{width: 100%;}


  .customer-pro{padding: 0.5rem 0;}
  .customer-pro-tit{font-size: 0.36rem; font-weight: bold; color: #496b86; text-align: center; margin-bottom: 0.3rem;}
  .slider .customer-pro-information{ margin: 0.1rem 0.2rem;}
  .slider .customer-pro-info{background: #fff; padding: 0.3rem ;}
  .slider .customer-pro-info-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.2rem;}
  .slider .customer-pro-info-dis{font-size: 0.25rem; line-height: 0.4rem; height: 0.8rem; color: #666; display: -webkit-box !important;
    overflow: hidden;
    
    text-overflow: ellipsis;
    word-break: break-all;
    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
  
  
.customer-select{width: 90%; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; color: #444; border: 0.01rem solid #dedede; box-sizing: border-box; padding-left: 0.25rem; margin-bottom: 0.4rem;}

}

/*案例详情*/

/*解决方案*/
.solution-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 10%;}
.solution-banner-tit{font-size: 0.42rem; color: #f5f5f5; margin-bottom: 0.4rem; font-weight: bold; }
.solution-banner-dis{font-size: 0.18rem; color: #e8e8e8; width: 50%; line-height: .35rem;}

.solution-box{background: #f5f5f5;}
.solution{display: flex; padding: 0.6rem 0; justify-content:space-between}
.solution-pic{width: 45%; }
.solution-box .solution-info{background: #fff;}
.solution-info{width: 50%; padding: 0.4rem; background: #f5f5f5; overflow-y: scroll; max-height: 6.8rem; box-sizing: border-box;}
.solution-info-tit{font-size: 0.3rem; color: #496b86; font-weight: bold; margin-bottom: 0.2rem;}
.solution-info-dis{font-size: 0.16rem; color: #666; line-height: 0.35rem;}
.solution-info-dis b{font-size: 0.18rem; font-weight: bold;}

.solution-trend{padding: 0.6rem 0;}
.solution-trend-tit{font-size: 0.36rem; color: #496b86; margin-bottom: 0.4rem; text-align: center; font-weight: bold;}
.solution-trend-list ul{display: flex;}
.solution-trend-list ul li{flex: 0 0 23.5%; margin-right: 2%; border: 0.01rem solid #dedede; box-sizing: border-box;}
.solution-trend-list ul li:nth-child(4n){margin-right: 0;}
.solution-trend-list ul li .solution-trend-list-pic img{width: 100%;}
.solution-trend-list ul li .solution-trend-list-info{padding: 0.2rem;}
.solution-trend-list ul li .solution-trend-list-tit{font-size: 0.2rem; color: #333; line-height: 0.35rem; height: 0.7rem; display: -webkit-box !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
  word-break: break-all;
  
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}
.solution-trend-list ul li .solution-trend-list-dis{font-size: 0.14rem; color: #666; margin: 0.1rem 0; line-height: 0.28rem; height: 0.56rem; display: -webkit-box !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
  word-break: break-all;
  
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}
.solution-trend-list ul li .solution-trend-list-more{font-size: 0.14rem; color: #496b86;}

@media screen and (max-width:576px){
  .solution-banner-info{position: absolute; left: 0; right: 0; margin: 0 auto; top: 8%;}
  .solution-banner-tit{font-size: 0.35rem; color: #fff; margin-bottom: 0.3rem; font-weight: bold; }
  .solution-banner-dis{font-size: 0.25rem; color: #fff; width: 100%; line-height: .4rem;}

  
.solution{display: flex; padding: 0.3rem 0; justify-content:space-between; flex-wrap: wrap;}
.solution-pic{width: 100%; margin-bottom: 0.3rem;}
.solution-pic img{width: 100%;}
.solution-box .solution-info{background: #fff;}
.solution-info{width: 100%; padding: 0.4rem; background: #f5f5f5; overflow-y: scroll; max-height:none; box-sizing: border-box; margin-bottom: 0.3rem;}
.solution-info-tit{font-size: 0.4rem; color: #496b86; font-weight: bold; margin-bottom: 0.2rem;}
.solution-info-dis{font-size: 0.25rem; color: #666; line-height: 0.45rem;}
.solution-info-dis b{font-size: 0.28rem; font-weight: bold;}


.solution-trend{padding: 0.5rem 0 0.2rem;}
.solution-trend-tit{font-size: 0.36rem; color: #496b86; margin-bottom: 0.4rem; text-align: center; font-weight: bold;}
.solution-trend-list ul{display: flex; flex-wrap: wrap;}
.solution-trend-list ul li{flex: 100%; margin-right: 0%; border: 0.01rem solid #dedede; box-sizing: border-box; margin-bottom: 0.4rem;}
.solution-trend-list ul li:nth-child(4n){margin-right: 0;}
.solution-trend-list ul li .solution-trend-list-pic img{width: 100%;}
.solution-trend-list ul li .solution-trend-list-info{padding: 0.2rem;}
.solution-trend-list ul li .solution-trend-list-tit{font-size: 0.3rem; color: #333; line-height: 0.45rem; height: auto; display: -webkit-box !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
  word-break: break-all;
  
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;}
.solution-trend-list ul li .solution-trend-list-dis{font-size: 0.25rem; color: #666; margin: 0.2rem 0; line-height: 0.4rem; height: auto;}
.solution-trend-list ul li .solution-trend-list-more{font-size: 0.25rem; color: #496b86;}

  }

/*解决方案*/

/*关于杰索*/

.about-company-box{background: #f5f5f5;}
.about-company{padding: 0.6rem 0;}
.about-company-tit{font-size: 0.36rem; color: #496b86; text-align: center; font-weight: bold; margin-bottom: 0.45rem;}
.about-company-information{display: flex; justify-content: space-between;}
.about-company-info{width: 50%;}
.about-company-info-dis{font-size: 0.16rem; color: #666; line-height: 0.28rem;}
.about-company-info-list{margin: 0.2rem 0;}
.about-company-info-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-company-info-list ul li{flex: 0 50%; box-sizing: border-box; padding: 0.3rem 0;}
.about-company-info-list ul li:nth-child(1),
.about-company-info-list ul li:nth-child(3){border-right: 0.01rem solid #dedede; padding-right: 10%;}
.about-company-info-list ul li:nth-child(1),
.about-company-info-list ul li:nth-child(2){border-bottom: 0.01rem solid #dedede;}
.about-company-info-list ul li:nth-child(2n){padding-left: 10%;}
.about-company-info-list-region{display: flex; justify-content: space-between; align-items:center;}
.about-company-info-list-region-num{font-size: 0.16rem; color: #333;}
.about-company-info-list-region-num span,.about-company-info-list-region-num b{font-size: 0.42rem; color: #496b86; font-weight: bold;}
.about-company-info-list-region-num i{font-size: 0.42rem; color: #333; font-weight: bold; font-style: normal; vertical-align:super;}
.about-company-pic{width: 45%;}

.about-culture{padding: 0.8rem 0;}
.about-culture-tit{font-size: 0.36rem; color: #496b86; font-weight: bold; text-align: center;}
.about-culture-list{margin-top: 0.4rem;}
.about-culture-list ul{ display: flex; justify-content: space-between;}
.about-culture-list ul li{ width: 31.5%; background: #f5f5f5;}
.about-culture-list ul li .about-culture-list-info{padding: 0.4rem; text-align: center;}
.about-culture-list ul li .about-culture-list-tit{font-size: 0.24rem; color: #496b86; font-weight: bold;}
.about-culture-list ul li .about-culture-list-line{width: 0.49rem; height: 0.03rem; background: #ccc; margin: 0.26rem auto;}
.about-culture-list ul li .about-culture-list-dis{font-size: 0.16rem; color: #333; line-height: 0.3rem;display: -webkit-box !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
  word-break: break-all;
  
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}


  .honor{ display: -webkit-flex; display: flex; padding-top: 0.6rem;}
  .honor {  flex-wrap: wrap;}
  .honor .item { flex: 0 0 25%; margin-bottom: 20px; text-align: center;  overflow: hidden;}
  .honor .item .img { position: relative; height: 250px;}
  .honor .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
  .honor .item h3 { height: 0.7rem;line-height: 0.7rem;  background: url('../images/txbg0.jpg') repeat-x; font-size: 0.16rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .honor .item:nth-of-type(4n) h3{  background: url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  .honor .item:first-of-type h3,
  .honor .item:nth-of-type(4n+1) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg0.jpg') repeat-x;}
  .honor .item:last-child h3{  background: url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  
  /*联系我们*/
.about-contact{}
.about-contact-container{display: flex; margin: 0.35rem 0 0.2rem;}
.about-contact-information{width: 37.5%; background: #496b86; box-sizing: border-box; padding: 0.5rem 0.45rem;}
.about-contact-information-li{display: flex; margin-bottom: 0.5rem;}
.about-contact-information-li-icon{margin-right: 0.25rem;}
.about-contact-information-li-info{font-size: 0.18rem; color: #fff; line-height: 0.4rem;}
.about-contact-map{width: 62.5%;}
.about-consulting{background: #f2f2f2; padding: 0.5rem 0.7rem;}
.about-consulting-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.35rem;}
.about-consulting-input{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-consulting-input input{width: 32%; height: 0.5rem; line-height: 0.5rem; padding: 0 0.1rem; border: 1px solid #d0d0d0;
font-size: 0.14rem; color: #999; background: #fff; outline: none; box-sizing: border-box; margin-bottom: 0.2rem;}
.about-consulting-input input.name{background: #fff url(../images/about-consulting-icon1.png) no-repeat 97% center;}
.about-consulting-input input.company{background: #fff url(../images/about-consulting-icon2.png) no-repeat 97% center;}
.about-consulting-input input.phone{background: #fff url(../images/about-consulting-icon3.png) no-repeat 97% center;}
.about-consulting-input input.industry{background: #fff url(../images/about-consulting-icon4.png) no-repeat 97% center;}
.about-consulting-input input.mailbox{background: #fff url(../images/about-consulting-icon5.png) no-repeat 97% center;}
.about-consulting-input input.work{background: #fff url(../images/about-consulting-icon6.png) no-repeat 95% center;}
.about-consulting-textarea{width: 100%; box-sizing: border-box; border: 1px solid #d5d5d5; padding: 0.1rem; height: 240px; font-size: 0.14rem; line-height: 1.5; 
	 background: #fff url("../images/about-consulting-icon7.png") no-repeat 99% 0.1rem; outline: none; margin-bottom: 0.3rem;}
.about-consulting-btn input{width: 20%; font-size: 0.18rem; color: #fff; line-height: 0.55rem; height: 0.5rem; background: #999; outline: none; border: none; cursor: pointer; margin-right: 0.2rem;}
.about-consulting-btn input:hover{background: #496b86; transition: 0.5s;}
  
  
  @media screen and (max-width:576px){

    
.about-company-box{background: #f5f5f5;}
.about-company{padding: 0.5rem 0;}
.about-company-tit{font-size: 0.36rem; color: #496b86; text-align: center; font-weight: bold; margin-bottom: 0.45rem;}
.about-company-information{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-company-info{width: 100%;}
.about-company-info-dis{font-size: 0.28rem; color: #666; line-height: 0.45rem;}
.about-company-info-list{margin: 0.2rem;}
.about-company-info-list ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-company-info-list ul li{flex: 0 50%; box-sizing: border-box; padding: 0.3rem 0;}
.about-company-info-list ul li:nth-child(1),
.about-company-info-list ul li:nth-child(3){border-right: 0.01rem solid #dedede; padding-right: 10%;}
.about-company-info-list ul li:nth-child(1),
.about-company-info-list ul li:nth-child(2){border-bottom: 0.01rem solid #dedede;}
.about-company-info-list ul li:nth-child(2n){padding-left: 10%;}
.about-company-info-list-region{display: flex; justify-content: space-between; align-items:center;}
.about-company-info-list-region-num{font-size: 0.16rem; color: #333;}
.about-company-info-list-region-num span,.about-company-info-list-region-num b{font-size: 0.42rem; color: #496b86; font-weight: bold;}
.about-company-info-list-region-num i{font-size: 0.42rem; color: #333; font-weight: bold; font-style: normal; vertical-align:super;}
.about-company-pic{width: 100%;}
.about-company-pic img{width: 100%;}

.about-culture{padding: 0.5rem 0;}
.about-culture-tit{font-size: 0.36rem; color: #496b86; font-weight: bold; text-align: center;}
.about-culture-list{margin-top: 0.4rem;}
.about-culture-list ul{ display: flex; justify-content: space-between; flex-wrap: wrap;} 
.about-culture-list ul li{ width: 100%; background: #f5f5f5; margin-bottom: 0.4rem;} 
.about-culture-list ul li:last-child{margin-bottom: 0;}
.about-culture-list ul li .about-culture-list-info{padding: 0.4rem; text-align: center;}
.about-culture-list ul li .about-culture-list-tit{font-size: 0.35rem; color: #496b86; font-weight: bold;}
.about-culture-list ul li .about-culture-list-line{width: 0.49rem; height: 0.03rem; background: #ccc; margin: 0.26rem auto;}
.about-culture-list ul li .about-culture-list-dis{font-size: 0.28rem; color: #333; line-height: 0.45rem;display: -webkit-box !important;
  overflow: hidden;
  
  text-overflow: ellipsis;
  word-break: break-all;
  
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;}

  
    .honor{ display: -webkit-flex; display: flex; padding:  0;}
    .honor {  flex-wrap: wrap;}
    .honor .item { flex: 0 0 100%; margin-bottom: 1rem; text-align: center;  overflow: hidden;}
    .honor .item .img { position: relative; height: 200px;}
    .honor .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
    .honor .item h3 { height: 70px;line-height: 60px;   background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    .honor .item:nth-of-type(4n) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
    .honor .item:first-of-type h3,
    .honor .item:nth-of-type(4n+1) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
    .honor .item:last-child h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
    
	.about-contact{}
.about-contact-container{display: flex; margin: 0.35rem 0 0.2rem; flex-wrap: wrap; margin-bottom: 0.5rem;}
.about-contact-information{width: 100%; background: #496b86; box-sizing: border-box; padding: 0.5rem 0.45rem;}
.about-contact-information-li{display: flex; margin-bottom: 0.3rem;}
.about-contact-information-li-icon{margin-right: 0.25rem; transform: scale(0.8);}
.about-contact-information-li-info{font-size: 0.3rem; color: #fff; line-height: 0.6rem;}
.about-contact-map{width: 100%; min-height: 8rem;}

.about-consulting{background: #f2f2f2; padding: 0.5rem;}
.about-consulting-tit{font-size: 0.3rem; color: #333; margin-bottom: 0.35rem;}
.about-consulting-input{display: flex; justify-content: space-between; flex-wrap: wrap;}
.about-consulting-input input{width: 100%; height: 1rem; line-height: 1rem; padding: 0 0.2rem; border: 1px solid #d0d0d0;
font-size: 0.25rem; color: #999; background: #fff; outline: none; box-sizing: border-box; margin-bottom: 0.2rem;}
.about-consulting-input input.name{background: #fff url(../images/about-consulting-icon1.png) no-repeat 97% center;}
.about-consulting-input input.company{background: #fff url(../images/about-consulting-icon2.png) no-repeat 97% center;}
.about-consulting-input input.phone{background: #fff url(../images/about-consulting-icon3.png) no-repeat 97% center;}
.about-consulting-input input.industry{background: #fff url(../images/about-consulting-icon4.png) no-repeat 97% center;}
.about-consulting-input input.mailbox{background: #fff url(../images/about-consulting-icon5.png) no-repeat 97% center;}
.about-consulting-input input.work{background: #fff url(../images/about-consulting-icon6.png) no-repeat 95% center;}
.about-consulting-textarea{width: 100%; box-sizing: border-box; border: 1px solid #d5d5d5; padding: 0.2rem; height: 240px; font-size: 0.25rem; line-height: 1.5; 
	 background: #fff url("../images/about-consulting-icon7.png") no-repeat 97% 0.1rem; outline: none; margin-bottom: 0.3rem;}
.about-consulting-btn input{width: 40%; font-size: 0.25rem; color: #fff; line-height: 0.8rem; height: 0.8rem; background: #999; outline: none; border: none; cursor: pointer; margin-right: 0.2rem;}
.about-consulting-btn input:hover{background: #496b86; transition: 0.5s;}
	
  
  }

/*关于杰索*/


/*人才招聘*/

  .recruit{ padding: 0.4rem 0; box-sizing: border-box;}
  .recruit-tit{height: 0.5rem; line-height: 0.5rem; background: #888; display: flex; padding: 0 1rem 0 .5rem;}
  .recruit-tit span{flex: 0 0 20%; color: #fff; font-size: 0.16rem;  box-sizing: border-box;}
  .recruit-more{width: 1.3rem; height: 0.38rem; line-height: 0.38rem; text-align: center; margin: 0.2rem 0; background: #496b86; color: #fff;}
  .recruit-more a{color: #fff;}
  .sideMenu{}
  .sideMenu h3.active{ background:#f5f5f5 url(../images/recruit1.png) no-repeat 96% 50%;}
  .sideMenu h3{ height:0.6rem; line-height:0.6rem; display: flex;  padding: 0 1rem 0 .5rem; border-bottom:1px solid #e3e3e3;
     background:#f5f5f5 url(../images/recruit2.png) no-repeat 96% 50%; cursor:pointer;}
  .sideMenu h3 span{flex: 0 0 20%; box-sizing: border-box; color: #333; font-size: 0.16rem;}
  .sideMenu ul{  background: #f9f9f9; padding: 0.2rem 0.3rem; color:#999; display:none; /* 默认都隐藏 */ }
  .sideMenu ul li{font-size:0.16rem; line-height: 0.28rem; color:#666; background: #f9f9f9; overflow:hidden;}
  
      
  .theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
  .theme-popover{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:-2.5rem 0 0 -4rem;width:8rem;height:5rem; box-sizing: border-box; 
    padding: 0.4rem 1.2rem; border-radius:0.05rem; background-color:#fff; box-shadow:0 0 0.1rem #666}
  .theme-poptit{position:absolute; right:0.4rem; top:0.3rem; transform:scale(3); color: #999;}
  .Reservations-tit{font-size:0.24rem; color:#202020; text-align:center; margin:0.2rem 0 0.1rem;}
  .Reservations-p{font-size:0.18rem; color:#666; text-align:center; margin-bottom: 0.2rem;}
  .Reservations-inp{margin-bottom: 0.2rem;}
  .Reservations-text{width:4.45rem; height:0.4rem; outline: none; border: none; border-bottom:1px solid #cfcfcf; margin-left: 0.2rem; padding-left:0.2rem;
     font-size:0.14rem; color:#585858;}
  .Reservations-button{width: 1.75rem; height: 0.48rem; margin: 0 0.1rem; color: #fff; box-sizing: border-box; background: #f37d19; border: 1px dashed #dedede;}
  .Reservations-span{margin: 0 0.4rem; color: #999;}
  .Reservations-submit{width:3.2rem; height: 0.5rem; line-height: 0.5rem; text-align: center; margin: 0 auto; display: block; background: #496b86; 
    border-radius: 0.05rem; outline: none; color: #fff; border: none; cursor: pointer; font-size: 0.16rem;}


  @media screen and (max-width:576px){
  

    .recruit{ padding: 0.4rem 0; box-sizing: border-box;}
    .recruit-tit{height: 0.8rem; line-height: 0.8rem; background: #888; display: flex; padding: 0 0.5rem 0 .3rem;}
    .recruit-tit span{flex: 0 0 20%; color: #fff; font-size: 0.23rem;  box-sizing: border-box;}
    .recruit-more{width: 3rem; height: 0.7rem; line-height: 0.7rem; font-size: 0.25rem; text-align: center; margin: 0.2rem 0; background: #496b86; color: #fff;}
    .recruit-more a{color: #fff;}
    .sideMenu{}
    .sideMenu h3.on{ background:#f5f5f5 url(../images/recruit1.png) no-repeat 96% 50%;}
    .sideMenu h3{ height:0.8rem; line-height:0.8rem; display: flex;  padding: 0 0.5rem 0 .3rem; border-bottom:1px solid #e3e3e3;
       background:#f5f5f5 url(../images/recruit2.png) no-repeat 96% 50%; cursor:pointer;}
    .sideMenu h3 span{flex: 0 0 20%; box-sizing: border-box; color: #333; font-size: 0.23rem;}
    .sideMenu ul{  background: #f9f9f9; padding: 0.2rem 0.3rem; color:#999; display:none; /* 默认都隐藏 */ }
    .sideMenu ul li{font-size:0.25rem; line-height: 0.45rem; color:#666; background: #f9f9f9; overflow:hidden;}
    
        
    .theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
    .theme-popover{position:fixed;top:10%;left:0%; right: 0; z-index:9999;display:none;margin:0 auto;width:90%;height:auto; box-sizing: border-box; 
      padding: 0.4rem; border-radius:0.05rem; background-color:#fff; box-shadow:0 0 0.1rem #666}
    .theme-poptit{position:absolute; right:0.4rem; top:0.3rem; transform:scale(3); color: #999;}
    .Reservations-tit{font-size:0.35rem; color:#202020; text-align:center; margin:0.2rem 0 0.1rem;}
    .Reservations-p{font-size:0.25rem; color:#666; text-align:center; margin-bottom: 0.2rem;}
    .Reservations-inp{margin-bottom: 0.2rem;}
    .Reservations-text{width:75%; height:0.8rem; outline: none; border: none; border-bottom:1px solid #cfcfcf; margin-left: 0.2rem; padding-left:0.2rem;
       font-size:0.25rem; color:#585858;}
    .Reservations-button{width: 1.75rem; height: 0.6rem; margin: 0 0.1rem; color: #fff; box-sizing: border-box; background: #f37d19;
       border: 1px dashed #dedede;}
    .Reservations-span{margin: 0 0.4rem; color: #999;}
    .Reservations-submit{width:90%; height: 0.8rem; line-height: 0.8rem; text-align: center; margin: 0.3rem auto; display: block; background: #496b86; 
      border-radius: 0.05rem; outline: none; color: #fff; border: none; cursor: pointer; font-size: 0.25rem;}
  

}
/*人才招聘*/

/*CAE仿真分析产品组合包*/
.cae-tit{font-size: 0.42rem; color: #496b86; font-weight: bold;}
.cae-dis{font-size: 0.18rem; color: #333; line-height: 0.35rem; margin: 0.35rem 0;}
.cae{padding: 0.7rem 0;}

.cae-solution-box{background: #496b86;}
.cae-solution{padding: 0.8rem 0;}
.cae-solution-tit{font-size: 0.36rem; font-weight: bold; color: #fff; text-align: center; margin-bottom: 0.3rem;}

.price{}
.price .category{overflow:hidden;position:relative;overflow:hidden;margin-bottom:0.2rem;margin-left:0.1rem;}
.price .category a:after{content:"";display:inline-block;width:0;height:100%;vertical-align:middle}
.price .category .prev{display:none;position:absolute;top:0;width:59px;height:100%;box-shadow:0 0 3px #c6c6c7;background:#fff;text-align:center;font-size:0;
  left:0;border-right:1px solid #e1e3e6}
.price .category .prev span{display:inline-block;vertical-align:middle;width:9px;height:14px;background-repeat:no-repeat;background-image:url(../images/arrow.svg);
  background-position:96.77% 25%;background-size:initial}
.price .category .next span{display:inline-block;vertical-align:middle;width:9px;height:14px;background-repeat:no-repeat;background-image:url(../images/arrow.svg);
  background-position:61.29% 25%;background-size:initial}
.price .category .next{position:absolute;top:0;width:59px;height:100%;box-shadow:0 0 3px #c6c6c7;background:#fff;text-align:center;font-size:0;right:0;
  border-left:1px solid #e1e3e6}
.price .category ul li{display:table-cell; color: #fff; white-space:nowrap;font-size:0.16rem;text-align:center;border-bottom:3px solid transparent;cursor:pointer;
  position:relative;padding:18px 25px}
.price .category ul li.active{border-bottom-color:#f37d19;color:#f37d19}
.price .cont{display:none}
.price .cont.active{display:block}
.price .cont ul li{}
.wrapper03{display: none;}

.cae-solution-list{padding: 0.4rem; background: #fff; margin: 0.1rem; border-top: 0.08rem solid #f37d19;}
.cae-solution-list-tit{font-size: 0.24rem; color: #496b86; font-weight: bold; margin-bottom: 0.2rem;}
.cae-solution-list-information{display: flex; justify-content: space-between;}
.cae-solution-list-information-pic{width: 40%;}
.cae-solution-list-information-info{width: 55%; position: relative;}
.cae-solution-list-information-info-dis{font-size: 0.16rem; color: #444; line-height: 0.28rem;}
.cae-solution-list-information-info-more{font-size:0.14rem; color: #496b86; position: absolute; bottom: 0.03rem; left: 0;}

.cae-responsive{display: flex; flex-wrap: wrap; justify-content: space-between;}
.cae-solution-list{width: 48%; box-sizing: border-box; padding: 0.4rem; background: #fff; margin: 0.1rem; border-top: 0.08rem solid #f37d19;}
.cae-solution-list-tit{font-size: 0.24rem; color: #496b86; font-weight: bold; margin-bottom: 0.2rem;}
.cae-solution-list-information{display: flex; justify-content: space-between;}
.cae-solution-list-information-pic{width: 40%;}
.cae-solution-list-information-info{width: 55%; position: relative;}
.cae-solution-list-information-info-dis{font-size: 0.16rem; color: #444; line-height: 0.28rem;}
.cae-solution-list-information-info-more{font-size:0.14rem; color: #496b86; position: absolute; bottom: 0.03rem; left: 0;}

.cae-responsive .slick-next,
.cae-responsive .slick-prev{z-index:1;position:absolute;display:block;height:40px;width:40px;line-height:0;font-size:0;cursor:pointer;background:transparent;
  color:transparent;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:0;border:0;}

@media screen and (max-width:576px){

  .cae-tit{font-size: 0.35rem; color: #496b86; font-weight: bold;}
  .cae-dis{font-size: 0.25rem; color: #333; line-height: 0.45rem; margin: 0.3rem 0;}

  .cae-solution-box{background: #496b86;}
  .cae-solution{padding: 0.5rem 0;}
  .cae-solution-tit{font-size: 0.36rem; font-weight: bold; color: #fff; text-align: center; margin-bottom: 0.3rem;}
  
  .price .category{display: none;}

  
	.wrapper03 {display: block; position:relative;height: 1rem;width: 100%;overflow: hidden;margin:0 auto;border-bottom:1px solid #fff; margin-bottom: 0.3rem;}
	.wrapper03 .scroller {position:absolute}
	.wrapper03 .scroller li {height: 1rem; color:#fff; float: left; line-height: 1rem; font-size: .25rem; padding:0 .3rem;}
	.wrapper03 .scroller li.cur{color:#1cbb9b;height:0.97rem;border-bottom:.03rem solid #1cbb9b; font-weight: bold;}

  .cae-solution-list{padding: 0.4rem; background: #fff; margin: 0.2rem; border-top: 0.08rem solid #f37d19;}
  .cae-solution-list-tit{font-size: 0.24rem; color: #496b86; font-weight: bold; margin-bottom: 0.2rem;}
  .cae-solution-list-information{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .cae-solution-list-information-pic{width: 100%;}
  .cae-solution-list-information-pic img{width: 100%;}
  .cae-solution-list-information-info{width: 100%; position: relative;}
  .cae-solution-list-information-info-dis{font-size: 0.25rem; color: #444; line-height: 0.45rem; height: 1.8rem; margin: 0.2rem 0;
    display: -webkit-box !important;
    overflow: hidden;
    
    text-overflow: ellipsis;
    word-break: break-all;
    
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;}
  .cae-solution-list-information-info-more{font-size:0.25rem; color: #496b86; position: relative; bottom: 0.03rem; left: 0;}
  
  

}

/*CAE仿真分析产品组合包*/

/*汉堡式菜单*/
.pro-cae{display: flex; padding: 0.2rem 0.5rem;}
.pro-cae-tit{font-size: 0.14rem; color: #496b86; font-weight: bold; margin-bottom: 0.3rem;}
.pro-list{width: 30%; padding-right: 5%; color: #666;}
.pro-list ul li{font-size: 0.18rem; line-height: 0.6rem;}
.pro-list ul li.active a,.pro-list ul li:hover a{color: #496b86;}
.pro-activity{width: 280px;}
.pro-activity ul li{margin-bottom: 0.2rem;}
.pro-activity ul li .pro-activity-tit{font-size: 0.16rem; color: #444; line-height: .28rem;}

@media screen and (max-width:576px){

  .pro-cae{display: flex; padding: 0.2rem; flex-wrap: wrap;}
  .pro-cae-tit{font-size: 0.3rem; color: #496b86; font-weight: bold; margin-bottom: 0.3rem;}
  .pro-list{width: 100%; padding-right: 0%; margin-bottom: 0.3rem; color: #666;}
  .pro-list ul{display: flex; flex-wrap: wrap;}
  .pro-list ul li{width: 50%; font-size: 0.25rem; line-height: 0.8rem;}
  .pro-list ul li.active a,.pro-list ul li:hover a{color: #496b86;}
  .pro-activity{width: 100%;}
  .pro-activity ul li{margin-bottom: 0.2rem;}
  .pro-activity ul li img{max-width: 100%;}
  .pro-activity ul li .pro-activity-tit{font-size: 0.25rem; color: #444; line-height: .45rem; margin: 0.1rem 0;}
  

}

/*汉堡式菜单*/


/*产品落地页*/
.product-introduce-box{background: #f5f5f5;}
.product-introduce{padding: 0.55rem 0 0.8rem;}
.product-introduce-tit{font-size: 0.36rem; color: #496b86; text-align: center; font-weight: bold;}
.product-introduce-dis{font-size: 0.24rem; color: #496b86; text-align: center; line-height: 0.4rem; margin: 0.25rem 0.2rem 0.55rem;}
.product-introduce-information{display: flex; justify-content: space-between;}
.product-introduce-information-copywriting{font-size: 0.16rem; line-height: 0.35rem; color: #444; padding-right: 5%;}

.product-operate-box{}
.product-operate{padding: 0.8rem 0; display: flex; justify-content: space-between;}
.product-operate-pic img{/*height: 100%;*/}
.product-operate-info{ width: 56%; box-sizing: border-box; padding: 0.5rem;}
.product-operate-info-tit{font-size: 0.3rem; line-height: 0.45rem; color: #f37d19; font-weight: bold;}
.product-operate-info-tit span{ font-size: 0.2rem; color: #496b86; font-weight: normal; margin-left: 0.1rem;}
.product-operate-info-dis{margin: 0.2rem 0; font-size: 0.16rem; color: #444; line-height: 0.35rem; }
.product-operate-info-blue{background: #496b86; padding: 0 0.3rem; display: inline-block; line-height: 0.42rem; border-radius: 0.3rem; font-size: 0.18rem; color: #fff;
   font-weight: bold; margin: 0.25rem 0;}
.white{background: #fff;}
.gray{background: #f5f5f5;}
.blue{background: #7599b6;}
.yellow{background: #f0c636;}
@media screen and (max-width:576px){

  .product-introduce-box{background: #f5f5f5;}
  .product-introduce{padding: 0.5rem 0 ;}
  .product-introduce-tit{font-size: 0.36rem; color: #496b86; text-align: center; font-weight: bold;}
  .product-introduce-dis{font-size: 0.28rem; color: #496b86; text-align: center; line-height: 0.45rem; margin: 0.3rem;}
  .product-introduce-information{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .product-introduce-information-copywriting{font-size: 0.25rem; line-height: 0.45rem; color: #444; padding-right: 0%;margin-bottom: 0.3rem;}
  .product-introduce-information-pic img{width: 100%;}
  
  .product-operate-box{}
  .product-operate{padding: 0.8rem 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
  .product-operate-pic img{width: 100%; height: auto;}
  .product-operate-info{ width: 100%; box-sizing: border-box; padding: 0.3rem 0.5rem;}
  .product-operate-info-tit{font-size: 0.35rem; line-height: 0.45rem; color: #f37d19; font-weight: bold;}
  .product-operate-info-tit span{ font-size: 0.25rem; color: #496b86; font-weight: normal; margin-left: 0.1rem;}
  .product-operate-info-dis{margin: 0.2rem 0; font-size: 0.25rem; color: #444; line-height: 0.45rem; }
  .product-operate-info-blue{background: #496b86; padding: 0 0.3rem; display: inline-block; line-height: 0.6rem; border-radius: 0.3rem; font-size: 0.3rem; color: #fff;
     font-weight: bold; margin: 0.25rem 0;}

  }

/*产品落地页*/



/*淘宝风格*/
.pages{width:100%; margin:0 auto; text-align:center;margin-top:0px; margin-bottom:0px}
.paginator { font: 12px "微软雅黑"; margin:0 auto; }
.paginator a {border:solid 1px #cbc6c2;color:#000000;cursor:pointer;text-decoration:none;}
.paginator a:visited {/*padding: 1px 6px;*/ border: solid 1px #E2E0E0; background: #fff; text-decoration: none; color:#000000}
.paginator .cpb {border:1px solid #036AB9;color:#FFF;background-color:#036AB9; font-family:"微软雅黑"}
.paginator a:hover {border:solid 1px #036AB9;color:#fff;text-decoration:none; background:#036AB9; display:block}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover  
{/*height:20px;line-height:20px;min-width:20px;_width:10px;*/margin-right:5px;text-align:center;
 white-space:nowrap;font-size:14px;font-family:微软雅黑;padding:5px 10px; display:inline-block}
 
 
 /*搜索结果*/
.search-box{background: #496b86;}
.search{padding: 1.5rem 0 0.3rem;}
.search-tit{font-size: 0.36rem; color: #fff; text-align: center;}
.search-line{width: 0.45rem; height: 0.03rem; background: #fff; margin: 0.3rem auto;}
.search-keyword{font-size: 0.16rem; color: #fff;}
.search-keyword span{background: #3a566b; line-height: 0.45rem; padding: 0 0.5rem; display: inline-block; border-radius: 1rem; margin-left: 0.2rem;}

.search-list-box{background: #f5f5f5;}
.search-list{width: 62.5vw; margin: 0 auto; padding: 0.5rem 0;}
.search-list ul li{background: #fff; padding: 0.3rem 0.4rem; margin-bottom: 0.2rem;}
.search-list ul li .search-list-tit{font-size: 0.2rem; color: #202020;}
.search-list ul li .search-list-dis{font-size: 0.14rem; color: #666; margin: 0.25rem 0; line-height: 0.28rem;}
.search-list ul li .search-list-more{font-size: 0.16rem; color: #fff; background: #496b86; width: 1.2rem; height: 0.4rem; line-height: 0.4rem; text-align: center; border-radius: 1rem;}
@media screen and (max-width:576px){

  .search-box{background: #496b86; overflow: hidden;}
  .search{padding: 0.5rem 0 0.3rem;}
  .search-tit{font-size: 0.36rem; color: #fff; text-align: center;}
  .search-line{width: 0.45rem; height: 0.03rem; background: #fff; margin: 0.3rem auto;}
  .search-keyword{font-size: 0.25rem; color: #fff;}
  .search-keyword span{background: #3a566b; line-height: 0.6rem; padding: 0 0.5rem; display: inline-block; border-radius: 1rem; margin-left: 0.2rem;}
  
  .search-list-box{background: #f5f5f5;}
  .search-list{width: 95%; margin: 0 auto; padding: 0.5rem 0;}
  .search-list ul li{background: #fff; padding: 0.3rem 0.4rem; margin-bottom: 0.2rem;}
  .search-list ul li .search-list-tit{font-size: 0.3rem; color: #202020;}
  .search-list ul li .search-list-dis{font-size: 0.25rem; color: #666; margin: 0.25rem 0; line-height: 0.45rem;}
  .search-list ul li .search-list-more{font-size: 0.25rem; color: #fff; background: #496b86; width: 2rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border-radius: 1rem;}

}
/*搜索结果*/

.home-link {
  color: #333;
  font-size: 0.18rem;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  position: relative;
  text-decoration: none;
}

.home-link:hover 
{
  height: 97%;
  border-bottom: 0.04rem solid #496b86;
  color: #496b86;
}

.tag{width:100%; margin-bottom:30px; overflow:hidden}
.tag li{float:left; width:auto; margin-right:10px; line-height:28px;border: 1px solid #dddddd; padding:0 5px; font-size:14px}



/*客服*/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(/images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(/images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(/images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(/images/keifu.png); background-position:0 -149px; }























































































