@charset "utf-8";

/* 头部 */
.header {height: 109px;background-color: #fff;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);-moz-box-shadow:0 4px 12px rgba(0,0,0,0.1); }
.header-logo {padding: 13px 0;}
.header-icon {margin-top: 41.5px;}
.nav-ul .nav-first h3 a {color: #666;}
.header-icon .header-search-icon input {border: 1px solid #dfdfdf;color: #666;}

/* banner */
.inside-banner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 350px;
    transition: all 1s;
    -webkit-transition: all 1s;
    overflow: hidden;
}
/* 关于强达  */
/* 质量保证 */
.inside {width: 100%;margin: 0 auto;position: relative;z-index: 2;margin-top: -90px;background: #fff;}
.about-list {width: 100%;margin: 0 auto;background: #0064c1;margin-bottom: 50px;}
.about-list li {float: left;width: 33.33%;padding: 10px;background: #0064c1;}
.about-list li a {float: left;width: 100%;}

.about-list li:hover{ background: #004c92;}
.about-list li a:hover .icon {transform: rotateY(-180deg);transition: all 0.6s;-webkit-transition: all 0.6s;background: #0257a6;}
.about-list li a:hover .txt h4 em {width: 20px;transition: all 0.6s;-webkit-transition: all 0.6s;}

.about-list li a .icon {width: 100%;height: 80px;padding: 15px 0;transition: all 0.6s;-webkit-transition: all 0.6s;background: #006dd3;}
.about-list li a .icon img {display: block;width: auto;height: 100%;margin: 0 auto;}
.about-list li a .txt {width: 100%;padding: 0 12%;}
.about-list li a .txt h4 {width: 100%;font-size: 16px;color: #fff;line-height: 60px;text-align: center;position: relative;}
.about-list li a .txt h4 i {display: block;width: 20px;height: 1px;background: #7eb0d3;position: absolute;left: 50%;margin-left: -10px;bottom: 0;z-index: 2;}
.about-list li a .txt h4 em {display: block;width: 0;height: 1px;background: #fff;position: absolute;left: 50%;margin-left: -10px;bottom: 0;z-index: 3;transition: all 0.6s;-webkit-transition: all 0.6s;}
.about-list li a .txt p {width: 100%;margin: 20px auto;font-size: 12px;color: #fff;line-height: 18px;font-family: "微软雅黑";height: 36px;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/* 深圳强达 */
.home-column {width: 100%;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;margin-bottom: 30px;}
.home-col-txt {width: 48%;background: #fafafa;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;align-items: center;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-col-txt:hover{background: #004c92;}
.home-col-txt:hover .txt-box h3 {color: #fff;}
.home-col-txt:hover .txt-box p {color: #fff;}
.home-col-txt:hover .txt-box a {background: #fff;color: #666;}

.home-col-txt .txt-box {width: 100%;margin-left: 8%;max-width: 350px;}
.home-col-txt .txt-box.txt-box2 {width: 100%;margin: 0 auto;}
.home-col-txt .txt-box h3 {width: 100%;font-size: 28px;color: #333;line-height: 60px;margin-bottom: 8px;height: 60px;font-family: "Microsoft YaHei","微软雅黑";overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;transition: all 0.3s;-webkit-transition: all 0.3s;font-weight: 600;}
.home-col-txt .txt-box p {width: 100%;font-size: 20px;color: #333;line-height: 28px;max-height: 84px;font-family: "Microsoft YaHei","微软雅黑";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-col-txt .txt-box a {display: block;width: 128px;font-size: 16px;color: #fff;line-height: 40px;font-family: "Microsoft YaHei","微软雅黑";text-align: center;margin-top: 25px;background: #004d93;transition: all 0.3s;-webkit-transition: all 0.3s;}

.home-col-img {width: 52%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.home-col-img img {display: block;width: 100%;}
.home-column2 {flex-direction: row-reverse;}

/* 企业文化 */
.about-service {width: 100%;margin: 50px auto;}
.about-pub-title {width: 100%;margin: 0 auto;}
.about-pub-title h3 {width: 100%;font-size: 24px;color: #555;line-height: 60px;font-family: "微软雅黑";text-align: center;position: relative;font-weight: 600;}
.about-pub-title h3 i {display: block;width: 96px;height: 3px;background: #004c92;position: absolute;left: 50%;margin-left: -48px;bottom: 0;}
.task-list{width: 100%;margin-top: 30px;}
.task-list li{width: 32%;float: left;margin-left: 2%;padding-top: 40px;}
.task-list li:first-child{margin-left: 0;}
.task-list li a{width: 100%;position: relative;display: block;}
.about-service li a .icon {position: absolute;width: 70px;height: 70px;top: -35px;left: 50%;margin-left: -35px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
.about-service li a .icon img {display: block;width: 100%;}
.about-service li a .txt {width: 100%;border: #004c92 solid 1px;background: #fff;padding: 65px 7% 0;height: 180px;transition: all 0.6s;-webkit-transition: all 0.6s;}

.about-service li a .txt h2{font-size: 18px;color: #666;text-align: center;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.about-service li a .txt h6 {width: 100%;font-size: 14px;color: #888;line-height: 22px;text-align: center;font-family: "微软雅黑";height: 44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;}
.about-service li a:hover .icon{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.about-service li a:hover .txt {
    background: #fff;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
}

/* 公司证书 */
.certify_bg{background-color: #f8f8f8;}
.about-certify {width: 100%;margin: 30px auto;}
.certify-list {width: 100%;margin: 0 auto;margin-top: 26px;padding-bottom: 20px}
.certify-list li a {float: left;display: block;width: 100%;}
.certify-list li a .pic-box {float: left;width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;}

.certify-list .swiper-pagination {bottom: 0px;display: block;}
.certify-list li a .pic {position: absolute;width: 100%;padding: 2% 12%;height: 100%;vertical-align: middle;display: -webkit-flex;-webkit-align-items: center;display: flex;align-items: center;text-align: center;}
.certify-list li a .pic img {vertical-align: middle;max-width: 100%;max-height: 100%!important;display: block;margin: 0 auto;}

.certify-list li a h6 {float: left;width: 90%;margin-left: 5%;font-size: 16px;color: rgb(102, 102, 102);line-height: 24px;text-align: center;height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.certify-list .swiper-pagination-bullet {width: 6px;height: 6px;background: #dcdcdc;opacity: 1;border-radius: 4px;}
.certify-list .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #004c92;opacity: 1;width: 8px;height: 8px;}
.certify-list li a .pic-box .honor-bg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9;background: rgba(35, 109, 180, 0.6);opacity: 0;transition: all 0.6s;-webkit-transition: all 0.6s;}
.certify-list li a .pic-box .honor-bg img {display: block;width: 34px;height: 34px;position: absolute;left: 50%;top: 100%;z-index: 10;margin-left: -17px;margin-top: -17px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.certify-list li:hover a .pic-box .honor-bg {opacity: 1;transition: all 0.6s;-webkit-transition: all 0.6s;}
.certify-list li:hover a .pic-box .honor-bg img {top: 50%;transition: all 0.6s;-webkit-transition: all 0.6s;}

.about-more {width: 100%;padding: 30px 0 10px;}
.about-more a {display: block;margin: 0 auto;width: 130px;height: 40px;font-size: 16px;color: #fff;line-height: 38px;border: 1px solid #004c92; text-align: center;background-color: #004c92;text-transform: uppercase;transition: all 0.6s;-webkit-transition: all 0.6s;}
.about-more a:hover{color: #004c92;background-color: #fff;}

/* 合作伙伴 */
.about-partner {width: 100%;margin: 80px auto 70px; }
.partner-list ul{margin-top: 60px;}
.partner-list li:nth-child(5n+1) {margin-left: 0;}
.partner-list li {float: left;width: 18%;margin-left: 2%;margin-bottom: 60px; position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;}
.partner-list li a {display: block;width: 100%;text-align: center;border: 1px solid #ccc;padding: 10px;height: 76px;}
.partner-list li .img {width: 100%;height: 100%;margin: 0 auto;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center;}
.partner-list li .img img {display: block;max-width: 100%;max-height: 100%;}
.partner-list li .img:hover {opacity: 1;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(100);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}
.partner-list li:hover {box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);-o-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);transition: all 0.6s;-webkit-transform: all 0.6s;}

/* 公司简介 */
.about-top{margin-top: 70px;}
.subnav {width: 150px;float: left;min-height: 480px;}
.subnavCur {width: 100%;margin: 0 auto;display: none;cursor: pointer;}
.subnavCur h6 {float: left;font-size: 16px;color: #333;line-height: 48px;font-family: "微软雅黑";}
.btn_nv {float: right;width: 24px;height: 24px;z-index: 99;margin-top: 12px;background: url(../images/icon-down01.png) no-repeat center;transition: all 0.8s;-webkit-transition: all 0.8s;}
.subnav ul {width: 100%;}
.subnav li.cur {background: url(../images/icon-line.jpg) no-repeat left center;}
.subnav li {float: left;width: 100%;border-bottom: #eee solid 1px;}
.subnav li.cur a {color: #333;}
.subnav li a {display: block;width: 100%;font-size: 16px;color: #888;line-height: 50px;text-align: center;}
.subnav li:hover {background: url(../images/icon-line.jpg) no-repeat left center;}
.subnav li:hover a {color: #333;}

.content {float: right;width: calc(100% - 210px);min-height: 480px;padding-bottom: 90px;}
.content .sz-btn{display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;justify-content: center;align-items: center;}
.content .sz-btn li:first-child{margin-right: 20px;}
.content .sz-btn li a{display: block;width: 120px;line-height: 40px;color: #666;background-color: #fff;text-align: center;font-size: 16px; transition: all 0.8s;-webkit-transition: all 0.8s;}
.content .sz-btn li.cur a{color: #fff;background-color: #004c92;}
.content .sz-btn li a:hover{color: #fff;background-color: #004c92;}
.content .editor-pd{padding: 50px 0 350px;}
.content .editor-pd .mt{margin-top: 50px;}

/* 企业文化 */
.content .tips{margin-bottom: 52px;}
.content .tips:first-child{margin-top: 9px;}
.content .tips h3{width: 100%;font-size: 18px;color: #666;line-height: 36px;position: relative;transition: all 0.6s;-webkit-transition: all 0.6s;}
.content .tips h3:hover{color: #004c92;}
.content .tips h3 i {display: block;width: 72px;height: 2px;background: #004c92;position: absolute;left: 0;bottom: 0;}
.content .tips p{width: 100%;font-size: 14px;color: #888;line-height: 24px;margin-top: 12px;}
.content.culture-pd{min-height: 350px;}

/* 发展历程 */
.course-list {width: 100%;margin: 0 auto;}
.course-title {width: 100%;height: 112px;padding: 0 40px;position: relative;margin-bottom: 30px;}
.gallery-button {width: 100%;height: 112px;position: absolute;top: 0;left: 0;z-index: 2;}
.gallery-button .swiper-button-next, .gallery-button .swiper-button-prev {width: 36px;height: 36px;border-radius: 50%;background: #004c92 url(../images/icon-left.png) no-repeat center;top: 50%;left: 0;margin-left: 0;margin-top: -18px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.gallery-button .swiper-button-next {background: #004c92 url(../images/icon-right.png) no-repeat center;left: auto;right: 0;}
.gallery-button .swiper-button-prev.swiper-button-disabled {opacity: 1;background: #d2d2d2 url(../images/icon-left.png) no-repeat center;}
.gallery-button .swiper-button-next.swiper-button-disabled {opacity: 1;background: #d2d2d2 url(../images/icon-right.png) no-repeat center;}
.course-title .course-line {width: 100%;height: 1px;background: #ddd;position: absolute;top: 50%;left: 0;z-index: 1;}
.course-title .swiper-container {z-index: 3;}
.course-year {width: 100%;height: 112px;position: relative;cursor: pointer;overflow: hidden;}
.course-year .icon {width: 28px;height: 35px;position: absolute;top: -40px;left: 50%;margin-left: -14px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.course-title .active-nav .course-year .icon {top: 0;transition: all 0.6s;-webkit-transition: all 0.6s;}
.course-year .icon img {display: block;width: 100%;}
.course-year .point {width: 16px;height: 16px;border-radius: 50%;border: #9a9a9a solid 1px;background: #fff;position: absolute;top: 50%;left: 50%;margin-top: -8px;margin-left: -8px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.course-title .active-nav .course-year .point {border: #004c92 solid 1px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.course-year .txt {width: 100%;font-size: 20px;color: #999;line-height: 36px;font-family: "Arial";text-align: center;text-transform: uppercase;position: absolute;left: 0;top: 10px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.course-title .active-nav .course-year .txt {color: #004c92;top: 66px;transition: all 0.6s;-webkit-transition: all 0.6s;}

.course-cont {width: 100%;margin: 0 auto;}

/* 关于强达-公司证书 */
.certificate-box{padding-top: 30px;}
.certificate-box .left-box{float: left;width: 100px;height: 380px;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;justify-content: center;align-items: center;background: #004c92;}
.certificate-box .left-box p{color: #fff;font-size: 24px;line-height: 32px;width: 40px;font-weight: bold;text-align: center;}
.certificate-box .right-box{float: right;width: calc( 100% - 100px);background-color: #fafafa;height: 380px;padding-left:20px;padding-right: 50px;padding-top: 50px;}
.certificate-box .right-box ul{}
.certificate-box .right-box ul li{margin-bottom: 25px;}
.certificate-box .right-box ul li:nth-child(3){margin-bottom: 20px;}
.right-box ul li a{display: block;height: 64px; background-color: #fff;border: 1px solid #ddd;padding: 0 2.5%;}
.right-box ul li a p{float: left;font-size: 20px;height: 64px; line-height: 64px;color: #333;width: 85%;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;}
.right-box ul li a:hover p{color: #004c92;}
.right-box ul li a .pdf{float: right;height: 50px;margin-top: 7px;}
.right-box ul li a .pdf img{display: block;height: 100%;}

.page02{padding: 10px 15px;background-color: #fff;}
.page02 a{display: block;float: left;color: #999;font-size: 18px;margin-left: 20px;height: 20px;line-height: 20px;}
.page02 a.current{color: #004c92;}
.page02 a:first-child{margin-left: 0;}
.page02 a img{display: block;height: 100%;}
.page02 a:hover{color: #004c92;}

/* 质量保证 */
.editor .quality-bg{margin-bottom: 60px;}
.editor .quality-bg img{display: block;margin: 0 auto;}

/* 环境信息 */
.env-box{width: 100%;display: flex;justify-content: center;margin-bottom: 35px;}
.env-box .msg-btn{}
.env-box .msg-btn li{float: left;margin-right: 40px;transition: all .3s;}
.env-box .msg-btn li:last-child{margin-right:0;}
.env-box .msg-btn li a{display: block;color: #333;font-size: 20px;line-height: 40px;position: relative;}
.env-box .msg-btn li.cur a{color: #004c92;transition: all .3s;}
.env-box .msg-btn li.cur a::after{content: "";display: block;position: absolute;bottom: 0;left: 0;height: 4px;width: 100%;background-color: #004c92;}
.env-box .msg-btn li:hover a{color: #004c92;}
.env-box .msg-btn li:hover a::after{content: "";display: block;position: absolute;bottom: 0;left: 0;height: 4px;width: 100%;background-color: #004c92;transition: all .3s;}

/* 合作伙伴 */
.team-list{margin-top: 30px;}
.team-list li {float: left;width: 23.5%;margin-left: 2%;margin-bottom: 3%;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;}
.team-list li:nth-child(4n+1) {margin-left: 0;}
.team-list li a {display: block;width: 100%;text-align: center;border: 1px solid #ccc;}
/*.team-list li .img {width: 100%;margin: 0 auto;overflow: hidden;position: relative;opacity: 0.55;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}*/
.team-list li .img {width: 100%;margin: 0 auto;overflow: hidden;position: relative;}
.team-list li .img img {display: block;max-width: 100%;}
.team-list li:hover {
  box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.6s;
  -webkit-transform: all 0.6s;
}
.team-list li .img:hover {
  opacity: 1;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(100);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
}

/* 公司动态新闻 */
.news-list {width: 100%;margin: 0 auto;transition: all 1s;-webkit-transition: all 1s;}
.news-list li {float: left;width: 100%;padding: 18px 0;margin-bottom: 15px;border-bottom: #eee solid 1px;transition: all 0.6s;-webkit-transform: all 0.6s;}
.news-list li a {float: left;width: 100%;}
.news-list li a .pic {float: left;width: 235px;}
.news-list li a .pic img {display: block;width: 100%;transition: all 0.6s;-webkit-transform: all 0.6s;}
.news-list li a .txt {float: left;width: calc(90% - 395px);margin-left: 40px;}
.news-list li a .txt h5 {float: left;width: 100%;font-size: 16px;color: #333;line-height: 40px;height: 40px;margin-bottom: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list li a .txt p {float: left;width: 100%;font-size: 12px;color: #888;line-height: 22px;height: 44px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.news-list li a .date {float: right;width: 100px;margin-right: 20px;}
.news-list li a .date .date-num{width: 68px;float: right;border: 1px solid #eee;}
.news-list li a .date .date-num h2{color: #888;font-size: 20px;text-align: center;}
.news-list li a .date .date-num h4{color: #b2b1b1;font-size: 16px;text-align: center;}
.news-list li a .date .more{width: 100%;float: right; display: block;color: #004c92;font-size: 14px;background-color: #fff;text-align: center;line-height: 32px;border: 1px solid #004c92;margin-top: 28px;}
.news-list li:hover a .pic img {
  transform: translateX(20px);
  transform: -webkit-translateX(20px);
  transition: all 0.6s;
  -webkit-transform: all 0.6s;
}
.news-list li:hover .txt h5 {color: #004c92;transition: all 0.6s;-webkit-transform: all 0.6s;}
.news-list li:hover a .date .more{color: #fff;background-color: #004c92;transition: all 0.6s;-webkit-transform: all 0.6s;}
.news-list li:hover {
  box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.6s;
  -webkit-transform: all 0.6s;
}
.page01 {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 30px;
}
.page01 .current {color: #fff;background: #004c92;}
.page01 a {
  display: inline-block;
  zoom: 1;
  padding: 0 16px;
  height: 40px;
  line-height: 40px;
  margin-left: 4px;
  margin-right: 4px;
  color: #999;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
}
.page01 input {
    display: inline-block;
    zoom: 1;
    width: 60px;
    padding: 0 8px;
    height: 40px;
    border: none;
    background: #f3f3f3;
}
.page01 input.go {border: #004c92 solid 2px;color: #004c92;}
.page01 a:hover {color: #fff;background: #004c92;transition: all 0.6s;-webkit-transition: all 0.6s;}
.news-list .load-more {display: none;}
.load-more {width: 180px;margin: 0 auto;margin-top: 40px;}
.load-more a {display: block;width: 100%;height: 40px;border: #ddd solid 2px;font-size: 12px;color: #aaa;line-height: 36px;text-align: center;}

/* 公司动态 新闻详情 */
.left-con{width: 70%;float: left;}
.left-con h1{color: #383838;font-size: 32px;}
.left-con h6{color: #999;font-size: 14px;margin: 25px 0;}

.right-con{width: 26%;float: right;}
.right-con h2{color: #1f1a17;font-size: 20px;margin-bottom: 15px;}
.right-con .editor2{padding: 15px 0;border-top: 1px solid #eee;display: block;}
.right-con .editor2 h3{color: #424242;font-size: 16px;line-height: 26px;height: 52px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.right-con .editor2 h3:hover{color: #004c92;}
.right-con .editor2 p{color: #999;font-size: 14px;line-height: 24px;height: 48px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;margin: 5px 0;}
.right-con .editor2 h4{color: #ccc;font-size: 14px;line-height: 24px;}

.return {width: 100%;margin-bottom: 50px;border-top: #ddd solid 1px;padding-top: 30px;}
.return .return-list {float: right;}
.return .return-list a {float: left;width: 180px;font-size: 16px;color: #004c92;line-height: 36px;text-align: center;border: #004c92 solid 2px;transition: all 0.3s;-webkit-transform: all 0.3s;}
.return .return-list a:hover{color: #fff;background-color: #004c92;}
.return .return-left {float: left;width: 60%;}
.return-left h5 {float: left;width: 100%;}
.return-left h5 a {float: left;width: 100%;font-size: 14px;line-height: 32px;color: #999;height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s;-webkit-transform: all 0.3s;}
.return-left h5 a:hover{color:#004c92}

/* 产品与服务 */
.serve-con{padding: 40px;}
.serve-con .serve-box{position: relative;width: 100%;}
.serve-con .serve-box .serve-item{width: 100%;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;margin-bottom: 30px;}
.serve-item .serve-txt{width: 47%;background: #f7f7f7;position: relative; display: -webkit-flex;display: flex;display: -o-flex;display: -ms-flex;align-items: center;justify-content: space-evenly;}
.serve-item .serve-txt .swiper-container{width: 36%;padding-bottom: 40px;}
.serve-txt h1{font-size: 36px;color: #004c92;font-weight: bold;line-height: 42px;}
.serve-txt .green{height: 3px;width: 70px;background-color: #13a72f;margin-top: 10px;margin-bottom: 20px;}
.serve-txt p{color: #004c92;font-size: 16px;line-height: 32px;}
.serve-txt .p1{height: 64px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.serve-txt .p2{height: 96px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.serve-txt .look{color: #fff;font-size: 15px;line-height: 38px;border: 1px solid #004c92; width: 120px;text-align: center;background-color: #004c92;display: block;margin-top: 40px;transition: all 0.3s;-webkit-transform: all 0.3s;}
.serve-txt .look:hover{color: #004c92;background-color: #fff;}

.serve-item .serve-img{width: 53%;}
.serve-item .serve-img img{width: 100%;display: block;}
.serve-txt .swiper-container .swiper-pagination {bottom: 0;text-align: left;}
.serve-txt .swiper-pagination-bullet {width: 6px;height: 6px;}
.serve-txt .swiper-pagination-bullet-active {opacity: 1;background: #004c92;}

.serve-box .icon-list{width: 930px;height: 390px;position: absolute;top: 50%;left:40%;z-index: 50; transform: translateY(-50%);background-color: rgba(255, 255, 255, 0.8);
display: flex;justify-content: center;align-items: center;display: -webkit-flex;display: -o-flex;display: -ms-flex;}
.icon-list .serve-icon {width: 800px;}
.icon-list .serve-icon li {width: 24%;margin-right: 14%;float: left;}
.icon-list .serve-icon li:last-child {margin-right: 0;}
.icon-list .serve-icon li a {cursor: auto; display: block;width: 100px;height: 100px;margin: 0 auto;background-repeat: no-repeat;background-size: cover;background-position: center;}
.icon-list .serve-icon li p {color: #333;font-size: 16px;text-align: center;margin: 10px 0 5px;cursor: pointer;}
.icon-list .serve-icon li p:hover{color: #004c92;}
.icon-list .serve-icon li b {color: #666;font-size: 12px;line-height: 24px;text-align: center;font-weight: normal;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.ser-line{width: 60px;background-color: #004c92;height: 1px;margin: 0 auto;}

.serve-img li{width: 49.5%;margin-right: 1%;float: left;}
.serve-img li:last-child{margin-right: 0;}
.serve-img li a{width: 100%;display: block;position: relative;overflow: hidden;}
.serve-img li a img{width: 100%;display: block;transition: all 1s;-webkit-transition: all 1s;}
.serve-img li:hover a img{    -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}
.serve-img li a p{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);color: #fefefe;font-weight: bold;font-size: 26px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.serve-img li a p:hover{transition: all 0.6s;-webkit-transition: all 0.6s;color: #004c92;}

/* 产品分类 */
.pro-top{margin-top: 30px;}
.sort-list .load-more {display: none;}
.sort-list {width: 100%;margin: 0 auto;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.sort-list ul {padding: 45px 70px;}
.sort-list li {float: left;width: 24%;margin-left: 14%;margin-bottom: 35px;}
.sort-list li:nth-child(3n+1) {margin-left: 0;}
.sort-list li a {float: left;width: 100%;}
.sort-list li a .pic-box {float: left;width: 100%;position: relative;overflow: hidden;}
.sort-list li a .pic {width: 100%;height: 100%;}
.sort-list li a .pic img {max-width: 100%;max-height: 100%;display: block;margin: 0 auto;}

.sort-list li a .pic-box .honor-bg {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 9;background: rgba(0,76,146,0.72);opacity: 0;transition: all 0.6s;-webkit-transition: all 0.6s;}
.sort-list li a .pic-box .honor-bg img {display: block;width: 44px;height: 44px;position: absolute;left: 50%;top: 100%;z-index: 10;margin-left: -22px;margin-top: -22px;transition: all 0.6s;-webkit-transition: all 0.6s;}
.sort-list li a h6 {float: left;width: 90%;margin-left: 5%;font-size: 16px;color: #000;line-height: 42px;text-align: center;height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sort-list li:hover a .pic-box .honor-bg {opacity: 1;transition: all 0.6s;-webkit-transition: all 0.6s;}
.sort-list li:hover a .pic-box .honor-bg img {top: 50%;transition: all 0.6s;-webkit-transition: all 0.6s;}
.sort-list li:hover a h6{color: #004c92;transition: all 0.6s;-webkit-transition: all 0.6s;}

/* 产品列表 */
.sort-list .sort-ul {padding: 15px 70px 0;}
.sort-list .back {display: block;padding-left: 70px;margin-top: 15px;}
.sort-list .back img{display: block;height: 20px;max-width: 100%;float: left;}
.sort-list .back p{height: 20px;float: left;color: #888;font-size: 14px;line-height: 20px;margin-left: 5px;}
.sort-list li a .pro-check {font-size: 12px;color: #fff;text-align: center;background-color: #004c92;width: 36%;line-height: 22px;border: 1px solid #004c92;float: left;
margin-left: 32%;}
.sort-list li a .pro-check:hover{color: #004c92;background-color: #fff;}
.pro-page{margin:0 auto;width:303px;margin-bottom: 35px;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}

/* 产品详情 */
.sort-list .pro-detail {padding-left: 70px;margin-top: 15px;width: 100%;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;padding-bottom: 100px;}
.sort-list .pro-detail .detail-img{width: 50%;}
.sort-list .pro-detail .detail-img img{display:block;width: 100%;max-width:100%}
.sort-list .pro-detail .detail-txt{width:50%; display: flex;align-items: center;display: -webkit-flex;display: -o-flex;display: -ms-flex;}
.pro-detail .detail-txt .txt-box{margin-left: 8%;}
.sort-list .pro-detail .detail-txt .txt-box h2{width: 100%;color:#444;font-size:30px;}
.sort-list .pro-detail .detail-txt .txt-box p{width: 100%;color:#666;font-size:18px;line-height: 36px;}
.sort-list .pro-detail .detail-txt .txt-box p:hover{color:#004c92;}

/* 制程能力 */
.content .sz-btn li a.pro-pd {width:140px}
.pro-table{margin-top: 25px;}
.process-h{min-height:300px;}

/* 驻外办事处 */
.office-list{width: 100%;}
.office-list li{float: left;width: 23.5%;margin-left: 2%;margin-bottom: 2%; -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.office-list li:nth-child(4n+1){margin-left: 0;}
.office-list li a{display: block;}
.office-list li a .office-img{width: 100%;overflow: hidden;display: none;}
.office-list li a .office-img img{display: block;max-width: 100%;margin: 0 auto;transition: all 1s;-webkit-transition: all 1s;}
.office-list li:hover a .office-img img{
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.office-list li a .office-txt{width: 100%;padding:5px 8px 12px;}
.office-txt h3{color:#666;font-size:14px;line-height:24px;position: relative;}
.office-txt h3 span{margin-left: 10px;font-weight: bold;}
.office-txt h3 i{width: 4px;height:4px;border-radius: 2px;background-color: #666;display: inline-block;position: absolute;top:10px;left:0;}
.office-txt p{color:#999;font-size:12px;line-height:18px;word-wrap:break-word;word-break:break-all;}
.office-txt p:hover{color:#004c92;}

/* 留言中心 */
.msg-top{margin-top: 10px;}
.msg-tips{color: #999;font-size: 14px;line-height: 26px;}
.layui-form{margin-top: 20px;}
.layui-form-label span {color: #f00;}
.layui-form-label {width: 110px;color:#666;font-size: 18px;}
.layui-input{width: 50%;}
.layui-btn {width: 130px;background-color: #004c92;}
.layui-input,.layui-textarea{color:#a6a6a6;font-size: 14px;}
.layui-textarea {min-height: 240px;}

/* 联系我们-地图 */
.contact-list{width: 100%;}
.contact-list li{width: 49%;margin-left: 2%; float: left;}
.contact-list li.jx{display: flex;flex-direction: column-reverse;}
.contact-list li:first-child{margin-left: 0;}
.contact-list li .contact-txt{background-color: #2667a2;padding:20px}
.contact-txt h2{color: #fff;font-size:20px;line-height:30px;}
.contact-txt .txt-line{background-color: #12a72f;width:120px;height:2px;margin: 10px 0 15px;}
.contact-txt .txt-detail img{float: left;display: block;width: 20px;margin-top: 2px;margin-right: 6px;}
.contact-txt .txt-detail p{float: left;color: #fff;font-size: 14px;line-height: 26px;}
.contact-map {width: 100%;}
#dituContent,#jxContent{width: 100%;height: 300px;}

/* 制造与技术 设备展示 */
.show-list{width: 100%;}
.show-list li{width: 32%;float: left;margin-left: 2%;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);margin-bottom: 30px;}
.show-list li:nth-child(3n+1){margin-left: 0;}
.show-list li a{display: block;width: 100%;}
.show-list li a .show-img{width: 100%;overflow: hidden;}
.show-list li a .show-img img{max-width: 100%;display: block;margin: 0 auto;transition: all 1s;-webkit-transition: all 1s;}
.show-list li:hover a .show-img img{
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

.show-list li a .show-txt{width: 100%;text-align: center;color: #666;font-size: 16px;background-color: #fff;line-height: 50px;}
.show-list li:hover a .show-txt{color: #004c92;}
.show-item .load-more {display: none;}

/* 人力资源 */
.welfare{width: 100%;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;margin-bottom: 80px;}
.welfare .wel-img{width: 38%;}
.welfare .wel-img img{max-width: 100%;display: block;}
.welfare .wel-txt{width: 62%;margin-left:3%}
.wel-tit h1{color:#666;font-size:24px;}
.wel-tit .blue {width: 96px;height: 3px;background-color: #004c92;margin: 5px auto 2px 0;}
.wel-tips{border-bottom: 1px solid #ddd;padding:10px 0;}
.wel-tips h3{color:#575757;font-size:18px;line-height:28px;}
.wel-tips h3:hover{color:#004c92;}
.wel-tips p{color:#888;font-size:14px;line-height: 24px;}

.hr-bg{background-color: #f7f7f7;}
.hr-white{background-color: #fff;}
.idea{width: 100%;display: flex;display: -webkit-flex;display: -o-flex;display: -ms-flex;margin: 100px 0;}
.idea .idea-txt{width: 50%;background-color: #004c92;padding:38px;}
.idea .idea-right{background-color: #fff;}
.idea .idea-txt h1{font-size:24px;color:#fff;}
.idea .idea-right h1{color:#004c92;}
.idea .idea-txt .idea-line{background-color: #fff;height: 2px;width: 90%;margin:10px 0 5px}
.idea .idea-right .idea-line{background-color: #888;height: 1px;width: 96px;margin:10px 0 5px}
.idea .idea-txt p{color:#fff;font-size:14px;line-height:30px;text-align:justify;text-justify:inter-ideograph;}
.idea .idea-right p{color:#888;}

.work{width:100%;margin-bottom: 100px;}
.work .wel-tit{margin: 0 auto;width:50%;margin-top:70px;margin-bottom:40px}
.work .wel-tit h1{text-align: center;}
.work .wel-tit .blue{margin: 0 auto;margin-top: 5px;}
.work-list{width: 100%;}
.work-list li{width: 49%;margin-left: 2%;float: left;background-color: #f7f7f7;padding: 15px;margin-bottom: 20px;}
.work-list li:nth-child(2n+1){margin-left: 0;}
.work-list li a{display: block;}
.work-list li a h2{font-size: 24px;color: #004c92;margin: 10px 0;}
.work-list li a:hover h2{color: #21a736;}
.work-list li a .work-txt{min-height:182px;}
.work-list li a .work-txt p{color: #999;font-size:14px;line-height: 26px;}
.work-list li a .work-txt .txt-fl{float:left;}
.work-list li a .work-txt .age{margin-left:40px}
.work-list li a .work-txt .addr{margin-left:80px}
.work-list li a .work-txt .time{margin-left:31px}
.hr-top {margin-top: 70px;}

.work .load-more{display: none;}

/* 制造与技术 */
.skill{padding:40px 0;position: relative;}
.skill-tit h1 {text-align: center;color: #666;font-size: 24px;}
.skill-tit .blue {width: 96px;height: 3px;background-color: #004c92;margin: 5px auto 2px;}
.skill-list{width:90%;margin: 40px auto;}
.skill-list li{width:33.3%;float: left;}
.skill-list li a{display:block;position: relative;}
.skill-list li a .skill-img{width:100%;overflow: hidden;}
.skill-list li a .skill-img img{width:100%;display:block;transition: all 1s;-webkit-transition: all 1s;}
.skill-list li:hover a .skill-img img{-webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}
.skill-list li a .skill-txt{width:100%;position: absolute;color:#fff;font-size:20px;line-height: 48px;bottom:0;left:0;background-color: rgba(0, 76, 146, 0.78);padding-left: 25px;}

.skill-check{display: flex;justify-content: center;}
.skill-btn{display: block;text-align: center;width:130px;line-height:40px;color:#fff;font-size:16px;background: #004c92;border: 1px solid #004c92;}
.skill-btn:hover{color:#004c92;background: #fff;}
.skill .icon {background-image: none;width: 20px;height: 32px;margin-top: -16px;-moz-background-size: 20px 32px;-webkit-background-size: 20px 32px;background-size: 20px 32px;}
.skill .icon img{display: block;width: 100%;height: 100%;background-size: cover;}

.skill-icon{width: 100%;padding: 60px 0;}
.skill-icon li{width: 10%;margin-left: 12.5%;float: left;}
.skill-icon li:first-child{margin-left: 0;}
.skill-icon li a{width: 100%;display:block;cursor: auto;}
.skill-icon li a .icon-img{width: 85px;margin:0 auto;}
.skill-icon li a .icon-img img{width: 100%;display: block;}

.skill-icon li:hover a .icon-img img{
  -webkit-animation: rock 1s 0s ease-in-out;
	-moz-animation: rock 1s 0s ease-in-out;
	-ms-animation: rock 1s 0s ease-in-out;
	-o-animation: rock 1s 0s ease-in-out;
	animation: rock .5s 0s ease-in-out;
}
@-webkit-keyframes rock {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
  50% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px)
  }
  100% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px)
  }

}
@keyframes rock {
  0% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
  }
  50% {
      -webkit-transform: translateX(-10px);
      transform: translateX(-10px)
  }
  100% {
      -webkit-transform: translateX(10px);
      transform: translateX(10px)
  }

}

.skill-icon li a .icon-txt{color:#555;font-size: 18px;text-align: center;margin-top: 10px;}
.skill-icon li a .icon-txt:hover{color:#004c92;}

.power-list{width:100%;}
.power-list li{width:49%;margin-left: 2%;float: left;}
.power-list li:first-child{margin-left: 0;}
.power-list li a{display: block;position: relative;}
.power-list li a .power-img{width:100%;}
.power-list li a .power-img img{width:100%;display: block;}
.power-list li a .power-txt{width:100%;position: absolute;top: 0;left:0; height:100%;}
.power-list li a .power-txt .pow-txtlist{width:100%;height:100%;padding-left: 35px;padding-top:50px;}
.power-txt .pow-txtlist h3{color:#fff;font-weight: bold;font-size:22px}
.power-txt .pow-txtlist .pow-line{width:72px;height:2px;background-color: #21a736;margin: 10px 0;}
.power-txt .pow-txtlist p{color:#fff;font-weight: bold;font-size:16px;line-height: 30px;}
.power-txt .pow-txtlist img{display:block;width:36px;margin-top:10px}

.layui-table tr th,.layui-table tr td{text-align: center;line-height: 32px;}
.skill-down{padding: 40px 0;}
.layui-table{margin: 40px 0;}
.layui-table tr td:last-child a {display: block;width: 22px;height: 22px;margin:0 auto;background: url(../images/download.png) no-repeat;background-size: cover;}
.layui-table tr td:last-child a:hover {background: url(../images/download_hover.png) no-repeat;background-size: cover;}



@media(max-width:1800px){
  .serve-txt h1 {font-size: 40px;line-height: 45px;}
  .serve-txt .green {margin-bottom: 20px;}
  .serve-txt .look {margin-top: 20px;}
  .serve-img li a p {font-size: 26px;}
}
@media(max-width:1640px){
  .serve-box .icon-list {width: 800px;height: 330px;}
  .icon-list .serve-icon {width: 700px;}
  .icon-list .serve-icon li {width: 28%;margin-right: 8%;float: left;}
  .icon-list .serve-icon li a {width: 80px;height: 80px;}
  .serve-txt h1 {font-size: 32px;line-height: 36px;}
  .serve-txt .look {font-size: 14px;line-height: 32px;width: 110px;}
}
@media(max-width:1440px){
  .serve-box .icon-list {width: 600px;height: 250px;}
  .icon-list .serve-icon li a {width: 60px;height: 60px;}
  .icon-list .serve-icon li p {font-size: 14px;margin: 5px 0 5px;}
  .icon-list .serve-icon {width: 530px;}
  .serve-txt h1 {font-size: 26px;line-height: 30px;}
  .serve-txt .green {height: 2px;width: 70px;margin-bottom: 10px;}
  .serve-txt p {line-height: 24px;}
  .serve-txt .p1 {height: 48px;}
  .serve-txt .p2 {height: 72px;}
  .serve-txt .look {margin-top: 15px;}
}
@media(max-width:1350px){
    .header-logo .logo-color.m-logo {display: block;}
    .header-logo .logo-color{display: none;}
  }

@media (min-width: 1200px){
  .container {width: 1200px;padding: 0;}

}

@media(max-width:1200px){
    .partner-list li a {
    padding: 6px;
    height: 62px;
}
  .idea .idea-right .idea-line {width: 80px;}
  .about-pub-title h3 i {width: 88px;height: 3px;margin-left: -44px;}

  .home-col-txt .txt-box h3 {font-size: 24px;}
  .home-col-txt .txt-box p {font-size: 16px;}
  .home-col-txt .txt-box a {width: 110px;font-size: 14px;}
  .about-service li a .icon {width: 58px;height: 58px;top: -29px;left: 50%;margin-left: -29px;}
  .about-pub-title h3 {font-size: 22px;line-height: 50px;}
  .about-more {padding: 15px 0 10px;}
  .about-more a {width: 110px;height: 36px;font-size: 14px;line-height: 34px;}

  .subnav li a {font-size: 14px;line-height: 45px;}
  .subnav {width: 140px;}
  .content .sz-btn li a {line-height: 36px;font-size: 16px;width: 100px;}
  .content .editor-pd {padding: 50px 0 70px;}

  .certificate-box .left-box {width: 90px;height: 350px;}
  .certificate-box .left-box p {font-size: 20px;line-height: 26px;width: 30px;}
  .certificate-box .right-box {width: calc( 100% - 90px);height: 350px;padding-left: 20px;padding-right: 20px;padding-top: 30px;}
  .right-box ul li a {height: 60px;}
  .right-box ul li a p {font-size: 18px;height: 60px;line-height: 60px;}
  .right-box ul li a .pdf {height: 44px;margin-top: 8px;}
  .env-box .msg-btn li a {font-size: 18px;}
  .env-box .msg-btn li.cur a::after {height: 2px;}
  .env-box .msg-btn li:hover a::after{height: 2px;}

  .news-list li a .date .date-num h4 {font-size: 16px;}
  .news-list li a .date .date-num h2 {font-size: 20px;}
  .news-list li a .date .date-num {width: 64px;}
  .news-list li a .date {width: 100px;}
  .news-list li a .txt {width: calc(90% - 395px);}
  .news-list li a .date .more {font-size: 14px;line-height: 32px;margin-top: 30px;}

  .left-con h1 {font-size: 26px;}
  .left-con h6 {margin: 20px 0;}
  .serve-img li a p {font-size: 20px;}
  .serve-con {padding: 30px;}
  .serve-box .icon-list {width: 500px;height: 220px;}
  .icon-list .serve-icon li a {width: 48px;height: 48px;}
  .icon-list .serve-icon {width: 460px;}
  .serve-item .serve-txt .swiper-container {width: 50%;}
  .serve-txt .p2 {height: 48px;-webkit-line-clamp: 2;}
  .serve-txt .p1 {height: 24px;-webkit-line-clamp: 1;}
  .serve-txt h1 {font-size: 20px;line-height: 24px;}
  .serve-txt .swiper-container .swiper-pagination {width: 50%;}
  .serve-txt .look {font-size: 12px;line-height: 28px;width: 90px;}
  .serve-txt p {font-size: 14px;}
  .sort-list ul {padding: 30px 30px;}

  .sort-list .pro-detail .detail-txt .txt-box h2 {font-size: 22px;}
  .sort-list .pro-detail .detail-txt .txt-box p {font-size: 16px;line-height: 32px;}
  .sort-list .pro-detail {padding-bottom: 60px;}

  .office-list li {width: 32%;}
  .office-list li:nth-child(4n+1) {margin-left: 2%;}
  .office-list li:nth-child(3n+1) {margin-left: 0;}
  .office-list li a .office-txt {padding: 5px 16px 12px;}

  .contact-txt h2 {font-size: 20px;}
  .contact-txt .txt-line {margin: 4px 0 12px;}
  #dituContent,#jxContent{height: 250px;}

  .wel-tit h1 {font-size: 20px;}
  .wel-tit .blue {height: 2px;width: 80px;margin: 5px auto 2px 0;}
  .wel-tips h3 {font-size: 16px;line-height: 22px;}
  .wel-tips p {font-size: 12px;line-height: 18px;}
  .welfare {margin-bottom: 70px;}
  .wel-tips {padding: 9px 0;}
  .idea .idea-txt h1 {font-size: 20px;}
  .work-list li a h2 {font-size: 20px;}
  .work-list li a .work-txt .age {margin-right: 50%;}
  .work-list li a .work-txt .addr {margin-left: 0;}
  .work-list li a .work-txt {min-height: 260px;}

  .skill-list li a .skill-txt {font-size: 16px;line-height: 36px;}
  .skill-btn {width: 110px;line-height: 36px;font-size: 14px;}
  .skill-tit h1 {font-size: 22px;}
  .skill-tit .blue {width: 88px;height: 2px;}

  .skill-icon li a .icon-img {width: 64px;}
  .skill-icon li a .icon-txt {font-size: 16px;}
  .power-txt .pow-txtlist h3 {font-size: 18px;}
  .power-txt .pow-txtlist p {font-size: 14px;line-height: 24px;}
  .power-txt .pow-txtlist img {width: 30px;margin-top: 5px;}
  .power-list li a .power-txt .pow-txtlist {padding-top: 38px;}

}
@media(max-width:1080px){
  .header {height: 64px;}
  .header109 {height: 64px;}
  .header-icon {margin-top: 19px;}
  .header-logo {padding: 8px 0;}
  .header-logo .logo-color.m-logo {display: none;}
  .header-logo .logo-color{display: block;}
  .nav-ul {margin-top: 0px;}
  .inside-banner {height: 250px;}
  .inside {margin-top: -60px;}
  .container {padding-left: 2.5%;padding-right: 2.5%;}

  .subnav {width: 100%;min-height: auto;margin-bottom: 30px;}
  .subnavCur {display: block;border-bottom: #eee solid 1px;}
  .subnav ul {width: 100%;display: none;}
  .subnav li {padding: 0 16px;border-bottom: #eee dashed 1px;}
  .subnav li a {font-size: 14px;line-height: 40px;text-align: left;}
  .about-top {margin-top: 0px;padding: 0 5%;}
  .content {width: 100%;padding-bottom: 40px;}
  .sort-list {box-shadow:none}
  .sort-list ul {padding: 0;}
  .sort-list .sort-ul {padding: 0;}
  .sort-list .back {padding-left: 10px;padding-bottom: 15px;margin-top: 0;}
  .pro-top {margin-top: 0;}
  .sort-list li:hover a .pic-box .honor-bg {opacity: 0;}
  .sort-list .pro-detail {padding-left: 0px;}
  .work-list li a .work-txt .age {margin-right: 45%;}
  .wel-tips {padding: 7px 0;}
  .welfare {margin-bottom: 50px;}
  .hr-top {margin-top: 70px;}
  .wel-tit h1 {font-size: 18px;}
  .wel-tit .blue {width:72px;margin: 5px auto 2px 0;}
  .idea {margin: 60px 0;}

  .skill-icon li {
    width: 16%;
    margin-left: 5%;
}

  .news-list .load-more,.sort-list .load-more,.show-item .load-more,.work .load-more {display: block;}
  .news-list .page01,.sort-list .page01,.show-item .page01,.work .page01 {display: none;}
  }

@media(max-width:991px){
    .partner-list li a {
    padding: 8px;
    height: 58px;
}
  .about-pub-title h3 i {width: 80px;height: 3px;margin-left: -40px;}
    .home-col-txt .txt-box {margin-left: 0;padding: 0 4%;max-width: 100%    ;}
    .home-col-txt .txt-box h3 {font-size: 18px;height: 32px;line-height: 32px;}
    .home-col-txt .txt-box p {font-size: 14px;line-height: 20px;max-height: 60px;}
    .home-col-txt .txt-box a {width: 100px;font-size: 14px;line-height: 36px;margin-top: 10px;}

    .about-service li a .icon {width: 48px;height: 48px;top: -24px;left: 50%;margin-left: -24px;}
    .about-service li a .txt {padding: 50px 7% 0;height: 150px;}
    .about-service li a .txt h2 {font-size: 16px;}
    .about-service li a .txt h6 {margin-top: 4px;}
    .about-pub-title h3 {font-size: 20px;}

    .partner-list li:nth-child(5n+1) {margin-left: 2%;}
    .partner-list li:nth-child(4n+1) {margin-left: 0;}
    .partner-list li {width: 23%;margin-left: 2%;margin-bottom: 30px;}
    .about-partner {margin: 50px auto 40px;}

    .content .tips {margin-bottom: 30px;}

    .left-con {width: 100%;}
    .right-con {width: 100%;margin-bottom: 30px;}

    .serve-box .icon-list {width: 100%;position: static; transform: translateY(0);height: auto;margin-bottom: 30px;}
    .icon-list .serve-icon {width: 750px;}
    .serve-txt h1 {font-size: 18px;line-height: 22px;}
    .serve-img li a p {font-size: 16px;}
    .serve-txt .green {margin-bottom: 2px;margin-top: 5px;}
    .serve-txt p {line-height: 20px;}
    .serve-txt .p2 {height: 40px;}
    .serve-txt .p1 {height: 20px;}
    .serve-item .serve-txt .swiper-container {width: 75%;}
    .serve-txt .swiper-container .swiper-pagination {width: 75%;}
    .serve-txt .swiper-pagination-bullet {width: 4px;height: 4px;}

    .sort-list li a .pro-check {width: 54%;margin-left: 23%;}
    .sort-list .back {padding-left: 0;}
    .office-list li a .office-txt {min-height: 131px;padding: 5px 8px 12px;}
    .contact-list li {width: 100%;margin-left: 0;margin-bottom: 30px;}
    .contact-list li.jx {display: block;}

    .show-list li a .show-txt {font-size: 14px;line-height: 36px;}
    .welfare .wel-img {display: none;}
    .welfare {display: block;}
    .welfare .wel-txt {width: 100%;margin-left: 0;}
    .wel-tips p {font-size: 14px;line-height: 24px;}
    .wel-tips {padding: 15px 0;}
    .wel-tit h1 {text-align: center;}
    .wel-tit .blue {margin:5px auto;}
    .hr-top {margin-top: 50px;}
    .work-list li a .work-txt .age {margin-right: 20%;}
    .work-list li a .work-txt {min-height: 286px;}
    .work-list li a h2 {font-size: 18px;}
    .tips-top{margin-top: 20px;}

    .swiper-button-prev {left: -10px;}
    .swiper-button-next{right: -10px;}

    .skill-icon li a .icon-img {width: 50px;}
    .skill-icon {padding: 40px 0;}
    .power-txt .pow-txtlist h3 {font-size: 16px;font-weight: normal;}
    .power-txt .pow-txtlist .pow-line {width: 45px;margin: 5px 0;}
    .power-txt .pow-txtlist p {font-size: 12px;line-height: 20px;font-weight: normal;}
    .power-txt .pow-txtlist img {width: 22px;margin-top: 5px;}
    .power-list li a .power-txt .pow-txtlist {padding-top: 24px;}
}
@media(max-width:769px){
    .partner-list li a {
    padding: 10px;
    height: 76px;
}
    .inside-banner {height: 200px;}

    .home-column {display: block;}
    .home-col-txt {width: 100%;padding: 10% 0;}
    .home-col-img {width: 100%;}
    .home-col-txt .txt-box a {margin-top: 20px;}
    .partner-list li:nth-child(4n+1) {margin-left: 2%;}
    .partner-list li:nth-child(3n+1) {margin-left: 0;}
    .partner-list li {width: 32%;margin-left: 2%;}
    .content .editor-pd {padding: 25px 0 50px;}

    .course-title {height: 80px;padding: 0 40px;margin-bottom: 30px;}
    .gallery-button {height: 80px;}
    .course-year {height: 80px;}
    .course-year .icon {width: 20px;height: 25px;top: -40px;margin-left: -10px;}
    .course-year .point {width: 12px;height: 12px;margin-top: -6px;margin-left: -6px;}
    .course-year .txt {font-size: 18px;top: 0px;}
    .course-title .active-nav .course-year .txt {top: 48px;}

    .certificate-box .left-box {width: 60px;height: 280px;}
    .certificate-box .left-box p {font-size: 16px;line-height: 22px;width: 24px;}
    .certificate-box .right-box {width: calc( 100% - 60px);height: 280px;}
    .certificate-box .right-box ul li {margin-bottom: 10px;}
    .right-box ul li a {height: 48px;}
    .right-box ul li a p {font-size: 16px;height: 48px;line-height: 48px;}
    .right-box ul li a .pdf {height: 34px;margin-top: 7px;}
    .page02 a {font-size: 16px;height: 18px;line-height: 18px;}

    .env-box .msg-btn li a {font-size: 16px;line-height: 32px;}

    .team-list li {width: 32%;margin-left: 2%;}
    .team-list li:nth-child(4n+1) {margin-left: 2%;}
    .team-list li:nth-child(3n+1) {margin-left: 0;}

    .news-list li a .pic {display: none;}
    .news-list li a .txt {width: calc(100% - 140px);margin-left: 0;}
    .news-list li a .date .more {font-size: 14px;line-height: 32px;margin-top: 10px;}
    .news-list li {margin: 0;}

    .left-con h1 {font-size: 22px;}
    .left-con h6 {margin: 10px 0;}
    .right-con .editor2 h3 {line-height: 26px;height: 26px;-webkit-line-clamp: 1;}
    .right-con .editor2 p {line-height: 24px;height: 24px;-webkit-line-clamp: 1;}
    .return {margin-bottom: 30px;}
    .return .return-list a {width: 160px;font-size: 14px;}

    .serve-img li a {height: 100px;}
    .serve-img li a img {height: 100%;}
    .serve-img li a p {font-weight: normal;}
    .icon-list .serve-icon {width: 600px;}
    .serve-con {padding: 2.5%;}
    .icon-list .serve-icon li a {width: 42px;height: 42px;}
    .serve-txt .look {margin-top: 8px;}
    .serve-txt .look {line-height: 26px;width: 80px;}
    .serve-txt .swiper-container .swiper-pagination {bottom: 6px;}
    .serve-con .serve-box .serve-item {margin-bottom: 15px;}
    .pro-page {width: 294px;}

    .msg-top {margin-top: 0px;}
    .layui-form-label {width: 100%;font-size: 14px;text-align: left;padding: 0;}
    .layui-input-block {margin-left: 0;}
    .layui-input {width: 100%;}
    .layui-textarea {min-height: 160px;}

    .skill-icon li {width: 28%;margin-left: 8%;margin-bottom: 30px;}
    .skill-icon li:nth-child(3n+1) {margin-left: 0;}
    .power-list li a .power-txt .pow-txtlist {padding-top: 15px;}

}

@media(max-width:640px){
    .idea .idea-right .idea-line {width: 72px;}
    .skill-tit .blue {width: 80px;}
    .header {height: 48px;}
    .header109 {height: 48px;}
    .header-icon {margin-top: 11px;}

    .about-list li a .icon {height: 60px;padding: 7px 0;}
    .about-list {margin-bottom: 30px;}
    .inside {margin-top: -40px;}
    .about-list li a .txt {padding: 0;}
    .about-list li a .txt h4 {font-size: 15px;line-height: 48px;}
    .about-list li a .txt p {margin: 12px auto;}

    .task-list li {width: 70%;float: none;margin-left: 0;padding-top: 40px;margin: 0 auto;}
    .task-list li:first-child {margin-left: auto;}
    .content .sz-btn li a {line-height: 32px;font-size: 14px;width: 90px;}

    .certificate-box .left-box {width: 100%;height: 40px;background-color: #fff;margin-bottom: 10px;}
    .certificate-box .left-box p {font-size: 16px;line-height: 22px;width: 100%;color: #333;}
    .certificate-box .right-box {width: 100%;height: auto;padding-bottom: 30px;padding-left: 10px;padding-right: 10px;}
    .right-box ul li a {height: 40px;}
    .right-box ul li a p {font-size: 14px;height: 40px;line-height: 40px;width: 80%;}
    .right-box ul li a .pdf {height: 30px;margin-top: 5px;}
    .page02 a {margin-left: 15px;}
    .editor .quality-bg {margin-bottom: 30px;}
    .news-list li {padding: 10px 0;}
    .news-list li a .date .date-num {width: 56px;}
    .news-list li a .date .date-num h2 {font-size: 18px;}
    .news-list li a .date .date-num h4 {font-size: 14px;}
    .news-list li a .date {width: 80px;margin-right: 0;}
    .news-list li a .date .more {font-size: 12px;line-height: 28px;margin-top: 14px;}
    .news-list li a .txt {width: calc(100% - 100px);margin-left: 0;}
    .return .return-left {float: left;width: 100%;}
    .return .return-list {float: left;margin-top: 10px;}
    .return .return-list a {width: 130px;font-size: 14px;border: #004c92 solid 1px;line-height: 32px;}
    .icon-list .serve-icon {width: 480px;}
    .serve-con .serve-box .serve-item {width: 100%;display: block;}
    .serve-item .serve-txt {width: 100%;padding: 40px 0;}
    .serve-item .serve-img {width: 100%;}
    .serve-img li {width: 100%;margin-right: 0;margin-bottom: 2.5%;}
    .serve-img li a {height: auto;}

    .sort-list li {width: 49%;margin-left: 2%;margin-bottom: 20px;}
    .sort-list li:nth-child(3n+1) {margin-left: 2%;}
    .sort-list li:nth-child(odd) {margin-left: 0;}

    .sort-list li a .pro-check {width: 40%;margin-left: 30%;}
    .pro-page {width: 250px;}

    .sort-list .pro-detail {display: block;margin-top: 0;}
    .sort-list .pro-detail .detail-img {width: 100%;}
    .sort-list .pro-detail .detail-txt {width: 100%;}
    .pro-detail .detail-txt .txt-box {margin-left: 0;margin-top: 10px;}

    .office-list li {width: 49%;margin-bottom: 3%;}
    .office-list li:nth-child(3n+1) {margin-left: 2%;}
    .office-list li:nth-child(2n+1) {margin-left: 0;}

    .show-list li {width: 49%;margin-bottom: 30px;}
    .show-list li:nth-child(3n+1) {margin-left: 2%;}
    .show-list li:nth-child(2n+1) {margin-left: 0;}

    .idea {display: block;margin: 35px 0;}
    .idea .idea-txt {width: 100%;padding:30px;}
    .work-list li {width: 100%;margin-left: 0;}
    .work-list li a .work-txt {min-height: auto;}
    .work .wel-tit {margin-top: 40px;}
    .idea .idea-txt h1 {font-size: 18px;}

    .skill-list li a .skill-txt {font-size: 14px;line-height: 30px;}
    .skill-tit h1 {font-size: 20px;}
    .skill-btn {width: 96px;line-height: 30px;font-size: 12px;}
    .skill .icon {
      background-image: none;
      width: 15px;
      height: 24px;
      margin-top: -12px;
      -moz-background-size: 15px 24px;
      -webkit-background-size: 15px 24px;
      background-size: 15px 24px;
  }
  .swiper-button-prev {left: -5px;}
  .swiper-button-next {right: -5px;}

  .power-list li {width: 100%;margin-left:0;float: none;margin-bottom: 3%;}

}
@media(max-width:540px){
  .env-box {display: block;}
  .env-box .msg-btn li {margin-right: auto;width: 20%;}
  .env-box .msg-btn li a {text-align: center;}
  .env-box .msg-btn li.cur a::after {bottom: 0;left: 50%;width: 60px;margin-left: -30px;}
  .env-box .msg-btn li:hover a::after{bottom: 0;left: 50%;width: 60px;margin-left: -30px;}
}

@media(max-width:480px){
       .partner-list li a {
    padding: 10px;
    height: 66px;
}
  .skill-icon li a .icon-txt {font-size: 14px;}
  .skill-icon li a .icon-img {width: 40px;}
    .about-list li a .txt h4 {font-size: 14px;line-height: 40px;}
    .about-list li a .icon {height: 50px;padding: 6px 0;}
    .home-col-txt .txt-box a {width: 86px;font-size: 12px;line-height: 32px;}
    .task-list li {width: 90%;}
    .about-more a {width: 90px;height: 32px;font-size: 12px;line-height: 30px;}
    .partner-list li:nth-child(odd) {margin-left: 0;}
    .partner-list li:nth-child(even) {margin-left: 2%;}
    .partner-list li {width: 49%;margin-bottom: 10px;}
    .partner-list ul {margin-top: 30px;}

    .content .tips h3 {font-size: 16px;}
    .content .tips h3 i {width: 64px;}
    .env-box .msg-btn li {width: 33.3%;}

    .team-list li {width: 49%;}
    .team-list li:nth-child(odd) {margin-left: 0;}
    .team-list li:nth-child(even) {margin-left: 2%;}
    .team-list {margin-top: 0;}
    .news-list li a .txt h5 {font-size: 14px;line-height: 28px;height: 28px;}
    .load-more {margin-top: 20px;}

    .left-con h1 {font-size: 18px;}
    .icon-list .serve-icon {width: 100%;}
    .icon-list .serve-icon li {width: 60%;margin: 0 auto; margin-right: auto;float: none;margin-bottom: 5%;}
    .icon-list .serve-icon li:last-child {margin-right: auto;}
    .serve-box .icon-list {margin-bottom: 10px;}

    .contact-txt .txt-detail img {display: none;}
    .contact-txt h2 {font-size: 18px;}
    .contact-list li .contact-txt {padding: 12px 12px;}
  }
@media(max-width:370px){
  .office-list li a .office-txt {min-height: 167px;}
  .contact-txt .txt-detail p {font-size: 12px;line-height: 22px;}
}

/* 修改 */
.course-list .title{text-align: center;margin-bottom: 50px;}
.course-list .title span {font-size: 28px;color: #666;border-bottom: 3px solid #004d93;}
.history{position: relative;}
.history::after{width: 1px; height: 100%;background-color: #12a72f;display: block;content: '';position: absolute;top: 10px;left: 5px;z-index: 2;}
.history .history-list li{margin-top: 40px;}
.history .history-list li:first-child{margin-top: 0;}
.history .history-list li .history-content{
  position: relative;
}
.history .history-list li .history-content .text-box{
  margin-left: 50px;
}
.history .history-list li .history-content .text-box h5{font-size: 24px;color: #12a72f;font-weight: bold;}
.history .history-list li .history-content .text-box p{font-size: 16px;line-height: 32px; color: #999;word-break: break-all;}
 .history .history-list li .history-content .circular {
  box-shadow: 0 0 0 4px rgba(18, 167, 47, .3);
  background-color: #12a72f;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 3;
}
 .history .cir {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 auto;
}
@media(max-width:991px){
  .course-list .title span{font-size: 24px;}
}
@media(max-width:768px){
  .course-list .title span{font-size: 22px;}
}