@charset "utf-8";

/* 服务 */
.home {height: 100%;line-height: 42px;}
.home span {float: left; width: 7px;display: block;height: 60px;line-height: 60px;margin-left: 10px;background: url(../images/home_right.png) no-repeat center center;}
.home a {float: left;height: 100%;height: 60px;line-height: 60px;margin-left: 10px;color: #999;font-size: 16px;}
.home a.one{margin-left: 0;}
.home a:hover{color: #f7b500;}

.timely-bg{background: url(../images/serve_bg.jpg) no-repeat;height: 200px;width: 100%;background-size: 100% 200px;}
.timely-bg .container{height: 100%;}
.timely{display: flex;justify-content: center;align-items: center;height: 100%;}
.timely .timely-box h1{margin-bottom: 25px;}

/* 手板模型 */
.serve-banner {width: 100%;max-width: 1920px;min-width: 320px;margin: 0 auto;height: 400px;position: relative;}
.serve-banner .swiper-container {height: 100%;}
.serve-banner .swiper-slide a {display: block;width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.serve-banner .swiper-slide a .container {display: flex;align-items: center;height: 100%;}
.serve-banner .swiper-slide a .container .banner-txt{width: 100%;}
.serve-banner .swiper-slide a .container h1 {font-size: 29px;color: #333;font-weight: bold;}
.serve-banner .swiper-slide a .container .banner-btn {font-size: 16px;color: #333;background: #f7b500;text-align: center;width: 110px;border: 1px solid #f7b500;margin-top: 28px;line-height: 48px;border-radius: 5px;transition: all .3s;}
.serve-banner .swiper-slide a .container .banner-btn:hover{background: none;color: #f7b500;}
.swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: #bbb;opacity: 1;}
.swiper-pagination .swiper-pagination-bullet-active {background: #f7b500;} 
.swiper-container-horizontal>.swiper-pagination-bullets {bottom: 20px;}

.sbmx .sbmx-left{width: 836px;float: left;}
.sbmx .public h1{text-align: left;margin-top: 30px;}
.sbmx .public p{text-align: justify;}

.public h2{font-size: 22px;font-weight: bold;color: #333;margin-top: 50px;}

.sbmx .sbmx-right{width: 292px;float: right;margin-top: 90px;}
.sbmx-right ul li{width: 100%;float: left;margin-bottom: 30px;}
.sbmx-right ul li a{display: block;width: 100%;}
.sbmx-right ul li a .public-img{width: 100%;overflow: hidden;}
.sbmx-right ul li a .public-img img{display: block; width: 100%;transition: all 1s;-webkit-transition: all 1s;}
.sbmx-right ul li a .public-img img:hover{-webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

/* 公共视频 */
.public-video{margin: 50px 0;}
.public-v{width: 535px;margin: 30px auto;position: relative;}
.public-v .public-img{width: 100%;display: block;}
.public-v .play {position: absolute;width: 65px;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.public-v .play img{display: block;width: 100%;}
.public-bg {position: fixed;z-index: 1000;top: 0;left: 0;background: #000;opacity: 0.7;width: 100%;height: 100%;display: none;}
.public-videobox {position: fixed;z-index: 1001;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.public-videobox .public-video-close {z-index: 1002;position: absolute;right: -24px;top: -24px;width: 48px;height: 48px;background: rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size: 28px;border: #fff solid 2px;border-radius: 50%;cursor: pointer;opacity: 0.8;}

/* 快速模具 */
.sbmx-left ul{margin: 25px 0;}
.sbmx-left ul li{font-size: 16px;color: #666;line-height: 30px;position: relative;padding-left: 18px;}
.sbmx-left ul li::before{background-color: #333;width: 6px;height: 6px;border-radius: 3px;content: "";display: block;position: absolute;top: 12px;left: 0;}
.ksmj-list li a .list-bottom {background: #fff;}
.ksmj-list li a .list-bottom h6 {font-size: 16px;line-height: 48px;color: #666;font-weight: normal;}
.ksmj-list li a .list-img {overflow: hidden;}
.ksmj-list li a .list-img .img {transition: all 1s;-webkit-transition: all 1s;}
.ksmj-list li a .list-img .img:hover {-webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

/* 批量生产 */
.plsc{margin: 30px 0;}
.plsc-list{width: 870px;margin: 60px auto 10px;}
.plsc-list li{width: 400px;float: left;margin: 0 17px 40px 17px;}

.plsc-list li a{display: block;width: 100%;cursor: auto;}
.plsc-list li a .plsc-img{width: 100%;overflow: hidden;}
.plsc-list li a .plsc-img img{width: 100%;display: block;transition: all 1s;-webkit-transition: all 1s;}
.plsc-list li a .plsc-img:hover{-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);}
.plsc-list li a .plsc-img img:hover{-webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

.plsc-list li a .plsc-txt{margin-top: 15px;}
.plsc-list li a .plsc-txt h3{font-weight: bold;font-size: 20px;color: #333;line-height: 32px;text-align: center;}
.plsc-list li a .plsc-txt p{text-align: left;margin-top: 5px;line-height: 26px;}

/* 数控加工 */
.cnc{margin: 60px 0;}
.cnc-list{margin-top: 30px;}
.cnc-list ul li a{display: block;width: 100%;position: relative;cursor: auto;}
.cnc-list .cnc-img{width: 90px;}
.cnc-list .cnc-img img{width: 100%;display: block;}
.cnc-list .cnc-txt{position: absolute;top: 50%;width: 90px;transform: translateY(-50%);}
.cnc-list .cnc-txt p{text-align: center;font-size: 16px;color: #fff;margin-top: 0;line-height: 26px;}
.cnc-list .cnc-txt p:hover{color: #f7b500;}

.cnc-list .swiper-pagination {display: none;}
.cnc-list .swiper-pagination-bullet {background-color: transparent;border: 1px solid #f7b500;opacity: 1;}
.cnc-list .swiper-pagination-bullet-active {background-color: #f7b500;}

/* 注塑成型 */
.zscx{margin: 70px 0;}
.zscx .editor img{margin: 0 auto;margin-top: 30px;}

/* 钣金加工 */
.bjjg{margin: 60px 0;}
.bjjg .layui-tab {margin: 30px 0;position: relative;}
.layui-tab-card {border:none;border-radius: 0;box-shadow: none;border-bottom: 1px solid #fff;}
.layui-tab-title {height: 60px;}
.layui-tab-title li {font-size: 16px;line-height: 60px;width: 80px;padding: 0;color: #666;float: right;}
.layui-tab-title .layui-this {color: #666;}
.layui-tab-title .layui-this:after {height: 60px;border: 1px solid #fff;border-bottom-color: #e9edf2;}
.layui-tab-content {padding: 20px;border: 1px solid #fff;border-top: none;}

.layui-tab p{color: #333;line-height: 60px;position: absolute;top: 0;left: 0;text-align: left;margin-top: 0;font-size: 18px;}
.layui-tab-item ul li{margin-top: 4px;}
.layui-tab-item ul li:first-child{margin-top: 0;}
.tab-txt .tab-left,.tab-txt .tab-right{float: left;width: 50%;background: #f8f8f8;font-size: 16px;color: #666;line-height: 50px;padding: 0 20px;}
.tab-txt .tab-right{background: #fff;}

.bjjg-list{margin: 50px 0;}
.bjjg-list .swiper-container {margin-top: 30px;}
.bjjg-list ul li a{display: block;width: 100%;}
.bjjg-list .bjjg-img{width: 100%;overflow: hidden;}
.bjjg-list .bjjg-img img{display: block;width: 276px;
  height: 220px;transition: all 1s;-webkit-transition: all 1s;}
.bjjg-list .bjjg-img img:hover {-webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

.bjjg-list .bjjg-txt p{margin-top: 10px;}
.bjjg-list .swiper-pagination{display: none;}

.swiper-button-prev {background-image: url(../images/bjjg_left.png);left: 0;right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(../images/bjjg_right.png);right: 0;left: auto;}
.swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 30px;height: 46px;margin-top: -23px;z-index: 10;cursor: pointer;-moz-background-size: 30px 46px;-webkit-background-size: 30px 46px;background-size: 30px 46px;background-position: center;background-repeat: no-repeat;}

/* 真空复膜 */
.zkfm ul{margin-top: 35px;}
.zkfm ul li{float: left;width: 23.5%;height: auto;margin-left: 1%;margin-bottom: 20px;}
.zkfm ul li:nth-child(4n+1){margin-left: 0;}
.zkfm ul li a{display: block;width: 100%;cursor: auto;}
.zkfm .zkfm-img{width: 100%;}
.zkfm .zkfm-img img{display: block;width: 100%;}

.zkfm .zkfm-txt h3{font-size: 18px;font-weight: bold;color: #333;line-height: 30px;text-align: center;margin-top: 10px;}
.zkfm .zkfm-txt p{font-size: 14px;color: #666;line-height: 24px;text-align: left;margin-top: 5px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;height: 72px; }

/* 设备 */
.sb{margin: 30px 0 50px;}
.sb-list{margin-top: 0;margin-bottom: 0;}
.sb-list p{font-size: 18px;color: #333;text-align: left;}
.sb-list p:hover{color: #f7b500;}
.gray-line{width: 100%;height: 2px;background: #f5f5f5;margin: 50px 0;}

/* 机器和材料-材料 */
.cl{margin: 30px 0;}
.cl .zkfm-img{width: 100%;position: relative;}
.cl .zkfm ul li {margin-bottom: 20px;}
.cl li a .zkfm-img .list-bg{width: 100%;height: 100%; position: absolute;top: 0;left: 0;background: rgba(36,75,126,.8);opacity: 0;transition: all 0.6s;-webkit-transition: all 0.6s;}
.cl li a .zkfm-img .list-bg img{display: block;width: 48px;height: 48px;position: absolute;left: 50%;top: 100%;z-index: 10;margin-left: -24px;margin-top: -24px;transition: all 0.6s;-webkit-transition: all 0.6s;}

.cl .zkfm .zkfm-txt p {font-size: 16px;line-height: 28px;margin-top: 10px;height: 84px;}

.cl li:hover a .zkfm-img .list-bg{opacity: 1;transition: all 0.6s;-webkit-transition: all 0.6s;}
.cl li:hover a .zkfm-img .list-bg img{top: 50%;transition: all 0.6s;-webkit-transition: all 0.6s;}
 
.cl .ksmj-list li a .list-bottom {background: transparent;}
.cl .ksmj-list li a .list-bottom h6 {font-size: 16px;line-height: 28px;margin-top: 10px;text-align: justify;height: 112px;overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}

.cl-detail{margin-bottom: 30px;}

/* 案例 */
.subnav {margin-top: 30px;}
.subnavCur {display: none;width: 100%;float: left;padding: 0 2.5%;background: #125fa0;}
.subnavCur h6 {float: left;font-size: 16px;color: #fff;line-height: 48px;}
.btn_nv {float: right;width: 24px;height: 24px;cursor: pointer;z-index: 99;margin-top: 12px;}
.btn_nv img {width: 100% !important;height: auto !important;display: block;position: static !important;}
.subnav ul {float: left;}
.subnav li {float: left;margin-right: 14px;margin-bottom: 20px;}
.subnav li.cur a {color: #fff;transition: all .3s;background: #f7b500;border: 1px solid #f7b500;}
.subnav li a {display: block;font-size: 14px;transition: all .3s;color: #999;line-height: 36px;padding: 0 20px;position: relative;background: #fff;border: 1px solid #e5e5e5;border-radius: 5px;}
.subnav li:hover a {color: #fff;transition: all .3s;background: #f7b500;border: 1px solid #f7b500;}

.al{margin: 30px 0 50px;}
.page01 {text-align: right;width: 100%;margin-top: 30px;}
.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 .current {color: #fff;background: #244b7e;}
.page01 .page {color: #244b7e;font-size: 14px;}
.page01 a:hover {color: #fff;background: #244b7e;transition: all 0.6s;-webkit-transition: all 0.6s;}

.load-more {width: 180px;margin: 0 auto;margin-top: 30px;display: none;}
.load-more a {display: block;width: 100%;border: #f7b500 solid 2px;font-size: 14px;color: #666;line-height: 36px;text-align: center;}

/* 案例详情 */
.editor img{margin: 40px auto;}

/* 常见问题 */
.cjwt-bg{background: url(../images/cjwt_bg.jpg) no-repeat;min-height: 1460px;width: 100%;background-size: cover;}
.cjwt{margin: 70px 0 50px;}

.cjwt .layui-tab {margin: 30px 0 0;}
.cjwt .layui-tab-title li {font-size: 16px;line-height: 46px;font-weight: bold;width: auto;padding: 0 30px;color: #666;float: none;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.cjwt .layui-tab-card>.layui-tab-title {background-color: #f5f5f5;height: auto;border: 0;}
.cjwt .layui-tab-card>.layui-tab-title .layui-this {background-color: #fff;color: #f7b500;border-bottom: 1px solid #fff;}
.cjwt .layui-tab-title .layui-this:after {height: auto;border-bottom-color: #fff;}
.cjwt .layui-tab-card>.layui-tab-title li {margin-right: 0; margin-left: 0;}

.cjwt .layui-tab-content {padding: 0px 25px 40px;border: none;background: #fff;}
.cjwt-txt h3{font-size: 20px;color: #333;font-weight: bold;padding-top: 30px;}
.cjwt-txt p{font-size: 16px;color: #666;line-height: 30px;position: static;margin-top: 5px;}

.cjwt .timely {margin-top: 40px;}

/* 客户好评 */
.cjwt .editor{padding-top: 30px;}
.cjwt .editor img {margin: 0 auto;padding-top: 20px;}

/* 应用领域 */
.yyly .plsc-list li a .plsc-txt p {line-height: 26px;height: 78px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}

/* 汽车即零部件 */
.qcjlbj .zkfm-txt p {font-size: 16px;color: #333;line-height: 26px;text-align: left;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 120px;}

/* 机器人 */
.jqr{margin: 30px 0 50px;}
.jqr-list{margin: 30px 0;}
.jqr-list li{margin-left: 2%;float: left;margin-bottom: 25px;width: 23.5%;}
.jqr-list li:nth-child(4n+1){margin-left: 0;}
.jqr-list ul li a{display: block;width: 100%;cursor: auto;}
.jqr-list ul li a .jqr-img{width: 100%;overflow: hidden;}
.jqr-img img{display: block;width: 100%;transition: all 1s;-webkit-transition: all 1s;}
.jqr-img img:hover{-webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

/* 其他 */
.qt ul li a p {margin-top: 6px;}
.qita>p{font-size: 18px;}

/* 询盘报价 */
.quote{margin: 60px auto;width: 768px;}
.quote h1{font-size: 30px;color: #333;line-height: 36px;margin-bottom: 30px;text-align: center;font-weight: bold;}
.quote .h3{font-size: 20px;color: #333;background: #e7e7e7;line-height: 52px;text-align: center;margin-bottom: 30px;font-weight: bold;}

.quote .layui-form-label {width: 100%;font-size: 16px;text-align: left;color: #333;padding: 0;}
.quote .layui-form-label span {color: #ff0505;}
.quote .layui-input-block {margin-left: 0;width: 100%;}
.quote .layui-input-block p{font-size: 16px;line-height: 30px;color: #666;margin-bottom: 30px;font-family: "微软雅黑";}
.quote .layui-form-item {margin-bottom: 30px;}
.quote .layui-input {height: 50px;line-height: 50px;}
.quote .layui-form-item .layui-input-inline {width: 32%;margin-right: 10px;}
.quote .layui-input-block .file-box{width: 100%;height: 180px;background: #f5f5f5;border: 1px dashed #e5e5e5;border-radius: 5px;display: flex;justify-content: center;align-items: center;}
.quote .layui-input-block .file-box p{color: #999;margin-bottom: 20px;}
.file-box .file-img{width: 36px;height: 36px;position: relative;margin: 0 auto;}
.file-box .file-img img{display: block;width: 100%;}
.file-box .file-img .file{position: absolute;width: 100%;height: 100%;top: 0;left: 0;cursor: pointer;opacity: 0;z-index: 100;}
.quote .layui-input-block .layui-textarea {min-height: 240px;}
.quote .layui-input-block .layui-btn{font-size: 20px;color: #fff;font-weight: bold;background: #f7b500;line-height: 64px;margin: 0 auto;padding: 0 110px;height: 64px;display: block;border-radius: 6px;}
.quote .layui-input-block a{font-size: 16px;color: #666;display: inline-block;width: 90%;text-decoration: underline;}
.layui-form-checkbox[lay-skin=primary] i {width: 20px;height: 20px;line-height: 20px;border: 1px solid #f7b500;color: #fff; font-size: 14px;background-color: #fff;}
.layui-form-checked[lay-skin=primary] i {border-color: #f7b500!important;background-color: #f7b500;color: #fff;}
.layui-form-checkbox[lay-skin=primary]:hover i {border-color: #f7b500;color: #fff;}
.layui-form-item .layui-form-checkbox[lay-skin=primary] {margin-top: 0;float: left;}
.layui-form-checkbox[lay-skin=primary] {min-height: 25px;}

.text1 p{color: #666;font-size: 16px;line-height: 32px}
.agreement-box {display: none;padding: 20px;}


/* 联系我们 */
.contact{margin:40px 0 70px}
.contact-left{width: 580px;float: left;}


.contact-right{width: 520px;float: right;}
.contact-right .layui-form{margin-top: 35px;}
.contact-right .layui-form-item input{width: 250px;float: left;font-size: 16px;color: #999;height: 44px;line-height: 44px;}
.contact-right .layui-form-item .layui-input-block{margin-left: 0;}
.contact-right .layui-form-item input.right{float: right;}

.contact-right .layui-form-item .layui-textarea {min-height: 200px;font-size: 16px;color: #999;}
.contact-right .updown{height: 150px;border: 1px solid #ddd;display: flex;justify-content: center;align-items: center;}
.contact-right .updown .file-img {width: 32px;height: 32px;}
.contact-right .updown p{font-size: 16px;color: #999;line-height: 30px;margin-top: 10px;}
.contact-right .updown p.small{font-size: 12px;color: #999;line-height: 30px;margin-top: 0;margin-bottom: 0;}

.contact-right .contact-btn .layui-btn{width: 100%;background: #f7b500;font-size: 20px;color: #fff;font-weight: bold;line-height: 56px;height: 56px;border-radius: 5px;}

.way{margin: 90px 0;}
.way-list{margin-top: 40px;}
.way-list li{float: left;width: 32%;margin-left: 2%;margin-bottom: 20px;}
.way-list li:nth-child(3n+1){margin-left: 0;}
.way-list li a{display: block;width: 100%;height: 250px;border: 1px solid #ddd;cursor: auto;}
.way-list li a .way-img{width:42px;margin: 50px auto 20px;}
.way-list li a .way-img img{display: block;width: 100%;}
.way-list li a h3{font-size: 20px;font-weight: bold;text-align: center;}
.way-list li a p{font-size: 16px;color: #999;line-height: 24px;margin-top: 20px;}

.contact-map {width: 100%;margin-top: 30px;}
#map {width: 100%;height: 400px;}

/* 关于我们 */
.about{margin: 40px 0;}
/* 视频 */
.index-intro{margin:70px 0;}
.index-intro .intro-box{width: 100%;display: flex;}
.index-intro .intro-box .intro-v{width: 50%;position: relative;}
.index-intro .intro-box .intro-v .intro-img{width: 100%;display: block;}
.index-intro .intro-box .intro-v .play{position: absolute;width: 65px;top: 50%;left: 50%;transform: translate(-50%,-50%);cursor: pointer;}
.index-intro .intro-box .intro-v .play img{display: block;width: 100%;}

.index-intro .intro-box .intro-txt{width: 50%;background: #f5f5f5;padding: 30px;height: 400px;overflow: hidden;}
.intro-txt .public p{text-align:justify;text-justify:inter-ideograph;}
.intro-txt .headimg{width: 128px;float: right;margin-left: 20px;}
.intro-txt .headimg img{display: block;width: 100%;border-radius: 5px;}

.video-bg {position: fixed;z-index: 1000;top: 0;left: 0;background: #000;opacity: 0.7;width: 100%;height: 100%;display: none;}
.inside-videobox {position: fixed;z-index: 1001;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.inside-videobox .video-close {z-index: 1002; position: absolute;right: -24px;top: -24px;width: 48px;height: 48px;background: rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size: 28px;border: #fff solid 2px;border-radius: 50%;cursor: pointer;opacity: 0.8;}


.history-list {position: relative;width: 100%;height: 1520px;margin-top: 35px;}
.history-list::after {content: "";display: block;width: 3px;height: 100%;position: absolute;left: 50%;top: 0;background: #384353;transform: translateX(-50%);}

.history-list .start {width: 20px;height: 20px;background: #fff;border: 3px solid #384353;border-radius: 50%;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 5;}
.history-list .end {width: 20px;height: 20px;background: #fff;border: 3px solid #384353;border-radius: 50%;position: absolute;left: 50%;bottom:0;transform: translateX(-50%);z-index: 5;}

.history-list ul {padding-top: 20px;}
.history-list ul li:first-child{margin-top: 75px;}
.history-list ul li:nth-child(2){margin-top: 150px;}
.history-list ul li{width: 50%;float: left;position: relative;margin-top: 60px;}
.history-list ul li:nth-child(2n+2){float: right;}

.develop-con{width: 91.5%;}
.even{float: right;}
.develop-con .circle{width: 16px;height: 16px;background: #f7b500;border-radius: 50%;position: absolute;top: 13px;right: -8px;z-index: 50;}


.develop-con .develop-box .time{position: relative;background: #f7b500;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.develop-con .develop-box .time h6{font-family: "Arial";font-size: 18px;font-weight: bold;color: #fff;text-align: right;line-height: 44px;padding: 0 18px;}
.develop-con .develop-box .time .triangle {width: 0;height: 0;position: absolute;right: -16px;top: 50%;transform: translateY(-50%);border: 8px solid transparent;border-left-color: #f7b500;}

.develop-con .develop-box .develop-img{width: 100%;overflow: hidden;}
.develop-con .develop-box .develop-img img{display: block; width: 100%;transition: all 1s;-webkit-transition: all 1s;}
.develop-con .develop-box .develop-img img:hover{-webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);}

.develop-con .develop-box p{padding: 12px 15px;font-size: 16px;background: #f5f5f5;text-align: left;margin-top: 0;line-height: 30px;}


.even .develop-box .time h6 {text-align: left;}
.even .circle {left: -8px;}
.even .develop-box .time .triangle {left: -16px;border: 8px solid transparent;border-right-color: #f7b500;}




@media(max-width:1440px){
  .plsc-list li a .plsc-txt h3 {font-size: 18px;line-height: 30px;}
  .serve-banner {height: 350px;}
  .serve-banner .swiper-slide a .container h1 {font-size: 30px;}
  .serve-banner .swiper-slide a .container .banner-btn {margin-top: 25px;line-height: 42px;}
  .public h2 {font-size: 20px;margin-top: 40px;}
  .quote h1 {font-size: 26px;}
  .quote .h3 {font-size: 18px;line-height: 48px;}
  .quote .layui-input-block .layui-btn {font-size: 18px;line-height: 58px;padding: 0 90px;height: 58px;}


}
@media(max-width:1200px){
  .index-intro .intro-box .intro-txt {
    padding: 20px;
    height: 323px;
}
.index-intro .intro-box .intro-txt p{
  font-size: 14px;
  line-height: 26px;
  margin-top: 8px;
}
.intro-txt .headimg {
  width: 110px;
  float: right;
  margin-left: 16px;
}
  .contact-left {width: 468px;}
.contact-right {width: 420px;}
.contact-right .layui-form-item input {width: 200px;font-size: 14px;
  height: 38px;
  line-height: 38px;}
.contact-right .layui-form-item .layui-textarea {min-height: 180px;font-size: 14px;}
.contact-right .contact-btn .layui-btn {
  font-size: 18px;
  line-height: 48px;
  height: 48px;
}
.way-list li a .way-img {
  margin: 45px auto 20px;
}
  .quote h1 {font-size: 22px;}
  .quote .layui-input {
    height: 40px;
    line-height: 40px;
}
  .qita>p {font-size: 16px;}
  .yyly .plsc-list li a .plsc-txt p {line-height: 24px;height: 72px;}
  .cjwt {margin: 50px 0 50px;}
  .cjwt-txt h3 {font-size: 18px;padding-top: 24px;}
  .cl .ksmj-list li a .list-bottom h6 {font-size: 14px;line-height: 24px;margin-top: 10px;height: 96px;}
  .cl .zkfm .zkfm-txt p {font-size: 14px;line-height: 24px;margin-top: 10px;height: 72px;}
  .gray-line {margin: 35px 0;}
  .zkfm .zkfm-txt h3 {font-size: 16px;line-height: 28px;}
  .zkfm ul li {margin-bottom: 30px;}
  .cnc-list .cnc-img {width: 80px;}
  .cnc-list .cnc-txt{width: 80px;}
  .cnc-list .cnc-txt p {font-size: 14px;line-height: 24px;}
  .cnc-list {padding-bottom: 20px;}
  .plsc-list li a .plsc-txt {margin-top: 5px;}
  .plsc-list li a .plsc-txt h3 {font-size: 16px;}
  .plsc-list li a .plsc-txt p {margin-top: 0;line-height: 24px;font-size: 14px;}
  .public-v .play {width: 50px;}
  .index-intro .intro-box .intro-v .play{width:50px;}
  .serve-banner {height: 300px;}
  .sbmx .sbmx-left {width: 675px;}
  .public h2 {font-size: 18px;}
  .sbmx .sbmx-right {width: 236px;margin-top: 86px;}
  .swiper-pagination .swiper-pagination-bullet {width: 6px;height: 6px;}
  .swiper-container-horizontal>.swiper-pagination-bullets {bottom: 10px;}
  .serve-banner .swiper-slide a .container h1 {font-size: 26px;}
  .serve-banner .swiper-slide a .container .banner-btn {width: 96px;font-size: 14px;line-height: 36px;}
  .public-videobox .public-video-close {right: -18px;top: -18px;width: 36px;height: 36px;background: rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size: 22px;}
  .inside-videobox .video-close {right: -18px;top: -18px;width: 36px;height: 36px;background: rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size: 22px;}
  .cnc-list .swiper-pagination {display: block;bottom: 0;}

}

@media(max-width:1199px){
  .history-list {height: 1360px;}
  .develop-con .develop-box .time h6 {font-size: 16px;}
  .develop-con .develop-box p {font-size: 14px;line-height: 24px;}

}
@media(max-width:1080px){.page01{display: none;}.load-more {display: block;}}

@media(max-width:991px){
  .history-list::after {width: 2px;}
  .develop-con .develop-box .time h6 {line-height: 38px;}
  .history-list ul li {margin-top: 40px;}
  .history-list {height: 1200px;}
  .index-intro {
    margin: 40px 0;
}
.index-intro .intro-box {
  width: 100%;
  display: block;
}
.index-intro .intro-box .intro-v {
  width: 100%;
  position: relative;
}
.index-intro .intro-box .intro-txt {
  padding: 20px;
  height: auto;width: 100%;
  margin-top: 20px;
  overflow: visible;
}
  .way-list li a p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 12px;
}
#map {
  height: 300px;
}
  .contact-left {
    width: 100%;
}
.contact-right {
  width: 100%;
}
.contact-right .layui-form-item input {
  width: 100%;
  margin-bottom: 20px;
}
.contact-right h1{margin-top: 20px;}
.way {margin: 50px 0;}
.way-list li a {
  display: block;
  height: 200px;
}
.way-list li a h3 {
  font-size: 16px;
}
.way-list li a .way-img {
  margin: 30px auto 15px;width:36px;
}
  .quote {width: 600px;}
  .quote h1 {font-size: 20px;}
  .quote .h3 {font-size: 16px;line-height: 40px;}
  .quote .layui-form-item .layui-input-inline {width: 31%;}
  .quote .layui-input-block p {font-size: 14px;line-height: 24px;}
  .quote .layui-input-block .layui-textarea {min-height: 200px;}
  .quote .layui-input-block .layui-btn {font-size: 16px;line-height: 48px;padding: 0 50px;height: 48px;}
  .quote .layui-form-label {font-size: 14px;}
  .jqr-list li{margin-left: 2%;width: 32%;margin-bottom: 20px;}
  .quote .layui-input-block a {font-size: 14px;}
  .layui-form-checkbox[lay-skin=primary] {min-height: 22px;}
  .jqr-list li:nth-child(4n+1){margin-left: 2%;}
  .jqr-list li:nth-child(3n+1){margin-left: 0;}
  .qcjlbj .zkfm-txt p {font-size: 14px;line-height: 24px; height: 48px;}
  .cjwt-bg {background: #e9edf2;height: auto;width: 100%;min-height: auto;}
  .cjwt h1{color:#333;}
  .al {margin: 30px 0 30px;}
  .subnavCur {display: block;}
  .subnav ul {display: none;width: 100%;float: none;}
  .subnav li {float: none;width: 100%;margin-bottom: 0;}

  .subnav li a {border: none; border-bottom: 1px dashed #eee;font-size: 14px;line-height: 40px;}
  .subnav li.cur a {color: #f7b500;background: transparent;border: none;border-bottom: 1px dashed #eee;}
  .subnav li:hover a {color: #f7b500;background: transparent;border: none;border-bottom: 1px dashed #eee;}
  .subnav li.cur a::before,.subnav li:hover a::before {position: absolute;content: "";left: 0;height: 100%;width: 2px;background: #f7b500;}

  .sb-list p {font-size: 16px;}
  .zkfm ul li {float: left;width: 32%;margin-left: 2%;}
  .zkfm ul li:nth-child(4n+1) {margin-left: 2%;}
  .zkfm ul li:nth-child(3n+1) {margin-left: 0;}
  .layui-tab-title {height: 48px;}
  .layui-tab p {line-height: 48px;font-size: 16px;}
  .layui-tab-title li {font-size: 14px;line-height: 48px;width: 70px;}
  .layui-tab-title .layui-this:after {height: 48px;}
  .tab-txt .tab-left, .tab-txt .tab-right {font-size: 14px;line-height: 42px;padding: 0 15px;}
  .layui-tab-content {padding: 15px;}
  .bjjg-list .swiper-pagination{display: block;bottom: 0;}
  .bjjg-list .swiper-container{padding-bottom: 20px;}
  .sb-list .swiper-container {padding-bottom: 0;}
  .bjjg-list.list2 .swiper-container {padding-bottom: 0;}
  .plsc-list {width: 100%;margin: 50px auto 10px;}
  .plsc-list li {width: 49%;margin-left: 2%;margin-bottom: 30px;}
  .ksmj-list li a .list-bottom h6 {font-size: 14px;line-height: 40px;}
  .sbmx .sbmx-left {width: 100%;}
  .public h2 {font-size: 16px;}
  .sbmx .sbmx-right {width: 100%;margin-top: 30px;}
  .sbmx-right ul li {width: 32%;margin-left: 2%;}
  .sbmx-right ul li:nth-child(3n+1) {margin-left: 0;}
  .serve-banner {height: 250px;}
  .serve-banner .swiper-slide a .container h1 {font-size: 22px;}
  .timely-bg {height: 170px;background-size: 100% 170px;}
  .timely .timely-box h1 {margin-bottom: 20px;}
  .home {display: none;}
  .cjwt-txt p {font-size: 14px;line-height: 26px;}
  .cjwt .layui-tab-title li {font-size: 14px;line-height: 40px;padding: 0 25px;}
  .cjwt-txt h3 {font-size: 16px;}
}

@media(max-width:769px){
  .text1 p {font-size: 14px;line-height: 26px;}
  .timely-bg {height: 140px;background-size: 100% 140px;}
  .serve-banner {height: 210px;}
  .serve-banner .swiper-slide a .container h1 {font-size: 20px;}
  .load-more {width: 150px;}

}


@media(max-width:640px){
  .history-list .start,.history-list .end  {width: 16px;height: 16px;border: 2px solid #384353;left: 0;}
.history-list ul li:first-child {margin-top: 50px;}
.history-list::after {left: 0;}
.history-list ul li {width: 100%;}
.develop-con .develop-box .time h6 {font-size: 14px;text-align: left;}
.develop-con .develop-box .time .triangle {
  width: 0;
  height: 0;
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  border: 8px solid transparent;
  border-right-color: #f7b500;
}
.develop-con {float: right;width: 94%;}
.develop-con .circle {
  width: 10px;
  height: 10px;
  top: 13px;
  left: -5px;
}
.history-list ul li:nth-child(2) {margin-top: 30px;}
.history-list ul li {margin-top: 30px;}
.history-list {height: 2400px;}


  .contact-right .layui-form-item input {
    margin-bottom: 15px;
}
.contact-right .updown p {
  font-size: 14px;
  line-height: 30px;
  margin-top: 6px;
}
.contact-right .contact-btn .layui-btn {
  font-size: 16px;
  line-height: 42px;
  height: 42px;
}
.contact {
  margin: 30px 0 30px;
}
.way {
  margin: 30px 0;
}
#map {
  height: 250px;
}
.way-list li:nth-child(3n+1) {margin-left: 2%;}
.way-list li {float: left;width: 49%;margin-left: 2%;margin-bottom: 15px;}
.way-list li:nth-child(2n+1) {margin-left: 0;}
  .quote {width: 100%;margin: 30px 0;}
  .quote h1 {font-size: 16px;margin-bottom: 20px;}
  .quote .h3 {font-size: 14px;line-height: 36px;margin-bottom: 20px;}
  .quote .layui-form-item {margin-bottom: 20px;}
  .quote .layui-form-item .layui-input-inline {width: 100%;margin-bottom: 10px;}
  .quote .layui-input-block .file-box {height: 150px;}
  .quote .layui-input-block .file-box p {margin-bottom: 10px;}
  .quote .layui-input-block .layui-textarea {min-height: 160px;}
  .quote .layui-input-block .layui-btn {font-size: 14px;line-height: 42px;padding: 0 30px;height: 42px;}
  .qita>p {font-size: 14px;}
  .jqr {margin: 20px 0 40px;}
  .yyly .plsc-list li a .plsc-txt p {line-height: 22px;height: 66px;}
  .cl .ksmj-list li a .list-bottom h6 {font-size: 12px;line-height: 20px;margin-top: 5px;height: 80px;}
  .cl .zkfm .zkfm-txt p {font-size: 12px;line-height: 20px;margin-top: 5px;height: 60px;}
  .zkfm .zkfm-txt h3 {font-size: 14px;line-height: 24px;margin-top: 5px;}
  .zkfm .zkfm-txt p {font-size: 12px;line-height: 20px;margin-top: 0px;height: 60px;}
  .swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 36px;
    margin-top: -18px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 22px 36px;
    -webkit-background-size: 22px 36px;
    background-size: 22px 36px;
    background-position: center;
    background-repeat: no-repeat;
}
  .layui-tab-title {height: 36px;}
  .layui-tab-title li {font-size: 12px;line-height: 36px;width: 65px;}
  .layui-tab p {line-height: 36px;font-size: 14px;}
  .layui-tab-title .layui-this:after {height: 36px;}
  .tab-txt .tab-left, .tab-txt .tab-right {font-size: 12px;line-height: 36px;padding: 0 10px;}
  .layui-tab-content {padding: 5px;}
  .zscx,.bjjg {margin: 35px 0;}
  .sbmx-left ul li {font-size: 14px;line-height: 28px;padding-left: 14px;}
  .sbmx-left ul li::before {width: 4px;height: 4px;}
  .cnc-list .cnc-txt p {font-size: 12px;line-height: 22px;}
  .cnc-list {margin-top: 20px;}
  .cnc-list .cnc-img {width: 64px;}
  .cnc-list .cnc-txt{width: 64px;}
  .cnc {margin: 30px 0;}
  .plsc-list {margin: 30px auto 0;}
  .plsc-list li {margin-bottom: 20px;}
  .plsc-list li a .plsc-txt h3 {font-size: 14px;line-height: 26px;}
  .ksmj-list li a .list-bottom h6 {font-size: 12px;line-height: 30px;}
  .plsc-list li a .plsc-txt p {line-height: 22px;font-size: 12px;}
  .public-v {width: 100%;}
  .public-videobox {width: 90%;}
  .serve-banner .swiper-slide a .container .banner-btn {width: 82px;font-size: 12px;line-height: 30px;margin-top: 15px;}
  .serve-banner {height: 180px;}
  .serve-banner .swiper-slide a .container h1 {font-size: 18px;}
  .cjwt-txt p {font-size: 14px;line-height: 24px;}
  .qcjlbj .zkfm-txt p {font-size: 12px;line-height: 22px;height: 44px;}
}
@media(max-width:480px){
  .history-list {
    height: 2040px;
}
  .index-intro .intro-box .intro-txt p {
    font-size: 12px;
    line-height: 22px;
    margin-top: 6px;
}
.index-intro .intro-box .intro-txt h1{
  font-size: 14px;
}
.index-intro {
  margin: 20px 0;
}
  .about {
    margin: 20px 0;
}
  .way-list li a .way-img {
    margin: 0 auto 15px;
    width: 32px;
}
.way-list li a h3 {
  font-size: 14px;
} 
.way-list li a p {
  font-size: 12px;
  line-height: 22px;
  margin-top: 12px;
}
.way-list li a {
  display: block;
  height: auto;
  padding: 20px 10px;
}
  .text1 p {font-size: 12px;line-height: 22px;}
  .quote {margin: 15px 0 30px;}
  .quote .layui-form-label {font-size: 12px;}
  .quote .layui-input {height: 36px;line-height: 36px;font-size: 12px;}
  .jqr-list li{margin-left: 2%;width: 49%;margin-bottom: 15px;}
  .jqr-list li:nth-child(4n+1){margin-left: 2%;}
  .jqr-list li:nth-child(3n+1){margin-left: 2%;}
  .jqr-list li:nth-child(2n+1){margin-left: 0;}
  .load-more a {font-size: 12px;line-height: 32px;border-radius: 5px;border-width: 1px;}
  .load-more {width: 100px;}
  .subnav {margin-top: 2.5%;}
  .subnav li a {line-height: 30px;font-size: 12px;}
  .subnavCur h6 {font-size: 14px;line-height: 40px;}
  .btn_nv {width: 20px;height: 20px;margin-top: 10px;}
  .gray-line {margin: 20px 0;}
  .zkfm ul {margin-top: 20px;}
  .zkfm ul li {float: left;width: 49%;margin-left: 2%;margin-bottom: 15px;}
  .zkfm ul li:nth-child(4n+1) {margin-left: 2%;}
  .zkfm ul li:nth-child(3n+1) {margin-left: 2%;}
  .zkfm ul li:nth-child(2n+1) {margin-left: 0;}
  .bjjg-list .bjjg-txt p {margin-top: 5px;}
  .public h2 {font-size: 14px;margin-top: 20px;}
  .timely .timely-box h1 {margin-bottom: 10px;}
  .timely-bg {height: 110px;background-size: auto 110px;}
  .serve-banner {height: 150px;}
  .serve-banner .swiper-slide a .container h1 {font-size: 16px;}
  .sbmx-right ul li {width: 49%;margin-left: 2%;margin-bottom: 10px;}
  .sbmx-right ul li:nth-child(3n+1) {margin-left: 2%;}
  .sbmx-right ul li:nth-child(2n+1) {margin-left: 0;}
  .public-v .play {width: 45px;}
  .index-intro .intro-box .intro-v .play{width: 45px;}
  .cjwt {margin: 30px 0 40px;}
  .cjwt-txt h3 {font-size: 14px;padding-top: 20px;}
  .cjwt .layui-tab-content {padding: 0px 15px 15px;}
  .cjwt-txt p {font-size: 12px;line-height: 22px;}
  .cjwt .layui-tab-title li {font-size: 12px;line-height: 32px;padding: 0 15px;}
  .qt ul li a p {margin-top: 0px;}
  .quote .layui-input-block p {font-size: 12px;line-height: 22px;}
  .quote .layui-input-block .layui-btn {font-size: 12px;line-height: 36px;padding: 0 20px;height: 36px;}
  .develop-con .develop-box .time h6 {line-height: 30px;}
  .develop-con .develop-box p {
    font-size: 12px;
    line-height: 22px;
    padding: 6px 10px;
}
}

@media(max-width:450px){
  .quote .layui-form-item .layui-input-inline {margin:0;margin-bottom: 10px;float: left;}
}
@media(max-width:400px){
  .history-list {height: 1900px;}
}