@charset "utf-8";
/* CSS Document */
.banner_img{position:relative; width:100%; height:760px;}
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_cir{ left:50%; top:50%; background-color:#0d6fb8; opacity:.15;border-radius:50%;transform:translate(-50%, -50%);position:absolute; width:32.55208333333333vw; height:32.55208333333333vw; z-index:1;}
.banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; color:#fff;transform:translateY(-50%);}
.banner_img_jj_mid_1{font-size:24px; line-height: 38px;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.47); font-family: 'GenBasR'; }
.banner_img_jj_mid_2{margin-bottom:20px;font-size:50px; text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.47);letter-spacing:2px; font-weight: bold;}
.banner_img_jj_mid_2.animated{ -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.banner_img_jj_mid_1.animated{ -webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.index_banner_left{ color:#fff; z-index:100; top:50%;cursor:pointer;position:absolute; left:5px!important;transform:translateY(-50%);}
.index_banner_left span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_left span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_right{ color:#fff; z-index:100; top:50%; cursor:pointer;position:absolute; right:5px!important;transform:translateY(-50%);}
.index_banner_right span{ color:#fff;display:block; position:relative; padding:.15em 0; font-size:2.5vw;}
.index_banner_right span:before{transition:.8s cubic-bezier(.14,1,.34,1) 0s;content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; background-color:#fff;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25PX;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{position:absolute;top:50%;width:36px;height:36px; border: 1PX solid #FFF; border-radius: 100%;  margin-top:-18px;z-index:10;cursor:pointer;background-size:10px 18px;background-position:center;background-repeat:no-repeat}
.banner_img_mo{ display:none;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media screen and (max-width: 1640px){
.banner_img{ height:650px;}
}
@media screen and (max-width: 1440px){
.banner_img{ height:570px;}
.banner_img_jj_mid_2{font-size:36px;}
.banner_img_jj_mid_1{font-size:18px; }
.banner_img_jj_mid_2:after{width: 80px;}
.banner_img_jj_mid_2.text-c:after{ left:46.5%; bottom: 0px; width: 80px;}
}
@media screen and (max-width: 1366px){
.banner_img{ height:540px;}
.banner_img_jj_mid_2{font-size:32px;}
}
@media screen and (max-width: 1280px){
.banner_img{ height:510px;}
.banner_img_jj_mid_2{font-size:30px;}
.banner_img_jj_mid_2:after{width: 60px;}
.banner_img_jj_mid_2.text-c:after{ left:46.5%; width: 60px;}
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev{ display: none;}
.indexbanner .swiper-pagination-bullet {width: 32px;height:32px;line-height: 28px;font-size: 17px;}
}
@media screen and (max-width: 1200px){

.banner_img{ height:500px;}
.banner_img_pc{ display: none;}
.banner_img_mo{ display: block;}
.banner_img_jj_mid_1{font-size:18px;line-height: 28px;}
.banner_img_jj_mid_2{font-size:28px;margin-bottom: 30px;letter-spacing:0px;}
}
@media screen and (max-width: 1024px){
.banner_img{ height:427px;}
.banner_img_jj_mid_2{font-size:26px;padding-bottom: 25px; margin-bottom:25px;}
.banner_img_jj_mid_2:after{width: 40px;}
.banner_img_jj_mid_2.text-c:after{ left:46%; width: 40px;}
}
@media screen and (max-width: 992px){
.indexbanner{ margin-top: 60px;}
.indexbanner .swiper-pagination-bullet {width: 12px;height:12px;line-height: 20px;font-size: 0px; background-color: #fff;}
.indexbanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 10PX;}

}
@media screen and (max-width: 768px){
.banner_img{ height:320px;}
.banner_img_jj_mid_2{font-size:22px; margin-bottom: 15px;}
.banner_img_mo img{ width: 100%;}
.banner_img_jj_mid_1{font-size:16px; }
}
@media screen and (max-width: 668px){
.banner_img{ height:240px;}
.banner_img_jj_mid_2{font-size:20px;}
}
@media screen and (max-width: 500px){
.banner_img{ height:220px;}
.banner_img_jj_mid_2{font-size:16px;padding-bottom: 10px; margin-bottom:0px;}
.banner_img_jj_mid_1{font-size:15px;line-height: 24px;}
}


.about-us {position: relative;z-index: 3; padding: 0px 0 0px 14%; background: #fff;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.about-us-content {width: 42%; float: left;}
.about-us-title {margin-top: 50px;margin-bottom: 42px;}
.about-us-title strong {display: block;margin-bottom: 20px;line-height: 1;color: #333333;font-size: 36px;font-weight: normal;}
.about-us-title span {padding: 10px 25px;border-radius: 25px;height: 50px;line-height: 50px;color: #fff;font-size: 24px;font-weight: lighter;background: #0071bb;}
.about-us-text {margin-bottom: 46px;}
.about-us-text p {color: #666666;font-size: 16px;text-align: justify;line-height: 2;}
.about-swiper {width: 50%; float: right; margin: 0;cursor: url('../images/curse.png'), -webkit-grab;cursor: url('../images/curse.png'), -moz-grab;cursor: url('../images/curse.png'), grab;}
.about-slide {margin-right:3vw;width: 55.5555%;position: relative;overflow: hidden;border-radius: 10px;}
.about-slide a {cursor: url('../images/curse.png'), -webkit-grab;cursor: url('../images/curse.png'), -moz-grab;cursor: url('../images/curse.png'), grab;}
.about-slide a:hover figure:before {background: rgba(0, 102, 217, 0.5);}
.about-slide a:hover figure img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.about-slide a:hover .about-fix:before {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.about-slide figure {z-index: 3;border-radius: 10px;position: relative;display: block;padding-bottom: 120%;height: 0;overflow: hidden;line-height: 1;}
.about-slide figure img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.58s;-o-transition: 0.58s;-moz-transition: 0.58s;transition: 0.58s;}
.about-slide figure:before {position: absolute;left: 0;top: 0;border-radius: 10px;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 3;-webkit-transition: 0.68s;-o-transition: 0.68s;-moz-transition: 0.68s;transition: 0.68s;}
.about-fix {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 240px;padding-top: 72px;height: 93px;text-align: center;z-index: 4;}
.about-fix span {display: block;line-height: 1;color: #fff;font-size: 24px;-webkit-transition: 0.48s;-o-transition: 0.48s;-moz-transition: 0.48s;transition: 0.48s;}
.introduct-data {margin-top: 90px;}
.introduct-item p {margin-bottom: 20px;line-height: 1;color: #333333;font-size: 16px;}
.introduct-item p .num {display: inline-block;margin-right: 8px;color: #0066d9;font-size: 36px; font-weight: bold; font-family: "Swiss721BTBlackCondensed";}
.introduct-item span {display: block;color: #666666;font-size: 16px;line-height: 1.8;}
@media screen and (max-width: 1800px){
.about-us { padding: 0px 0 0px 11%;}
.about-us-content {width: 44%; }
.introduct-data {margin-top: 60px;}
}
@media screen and (max-width: 1700px){
.about-us { padding: 0px 0 0px 10%;}
.about-us-content {width: 46%; }
.introduct-data {margin-top: 40px;}
}
@media screen and (max-width: 1600px){
.about-us { padding: 0px 0 0px 6%;}
.about-us-content {width: 48%; }
.about-swiper {width: 48%;}
.about-us-title strong { font-size: 30px;}
.about-us-title span { font-size: 22px;}
.introduct-item p b { font-size: 30px;}
.introduct-data {margin-top: 30px;}
}
@media screen and (max-width: 1440px){
.about-us-title strong {font-size: 28px;}
.about-us-title span {height: 40px;line-height: 40px;font-size: 20px;}
.introduct-item span {font-size: 15px;}  
.about-slide {margin-right:2vw;}
.about-slide figure { padding-bottom: 140%;}
.introduct-data {margin-top: 20px;}
}
@media screen and (max-width: 1400px){
.about-us { padding: 0px 0 0px 5%;}
}
@media screen and (max-width: 1380px){
.about-us { padding: 0px 0 0px 4%;}
}
@media screen and (max-width: 1280px){
.about-us-title strong {font-size: 20px;}
.about-us-title span { font-size: 18px;}
.about-us { padding: 0px 0 0px 7%;}
.about-us-text {margin-bottom: 36px;}
.introduct-data {margin-top: 0px; margin-bottom: 25px;}
}
@media screen and (max-width: 1240px){
.about-us { padding: 0px 4% 0px 4%; background: #fff;display:  block;display: block;display:  block;  }
.about-us-title {margin-top: 30px;margin-bottom: 30px;}
.about-us-content {width: 100%; }
.about-swiper {width: 100%; margin-bottom: 40px;}
.about-slide figure { padding-bottom: 120%;}
.about-slide {margin-right:3vw;width:31%;}
.about-fix { padding-top: 42px; }
}
@media screen and (max-width: 992px){
.about-us-title {margin-top: 30px;margin-bottom: 20px;}
.about-us-title span { font-size: 16px;}
.about-us-text {margin-bottom: 5px;}
.introduct-item p {margin-bottom: 0px;}
.about-fix span { font-size:16px;}
}
@media screen and (max-width: 592px){
.about-us-title span {padding: 10px 5px;font-size: 15px;}
}
.index_pro { background:url(../images/index_bg.jpg) center no-repeat;  overflow: hidden;   }
.index_pro .index-title .cn { color: #fff; }
.index_pro .index-title .en {color: #fff; }
.index_pro ul{ margin: 40px auto 0px;}
.index_pro ul li .box{ background-color: #fff; line-height: 60px; font-size: 16px; text-align: center; color: #333;}
.index_pro_list ul li {  height: auto; transition: 0.5s; } 
.index_pro_list ul li a {width: 100%;height: auto;display: block; }    
.index_pro_list ul li a .pic {width: 100%;height: auto;overflow: hidden; position: relative;}     
.index_pro_list ul li a .pic .img {max-width: 100%;transition: 1s; }      
.index_pro_list ul li a .pic .img1 {  position:absolute; top:0px; left:0px; width:100%; height: 100%;  opacity:0; background:rgba(0,113,187,.68); transition:all 0.5s ease;}  
.index_pro_list ul li a .pic .img1 img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; text-align:center; font-size:1rem;  }
.index_pro_list ul li a:hover .pic .img1 { opacity:1;}
.index_pro_list ul li a .title { padding: 10px 0px 30px; }
.index_pro_list ul li a .t1 {font-size: 24px;line-height: 50px;color: #fff; }
.index_pro_list ul li a .desc{ font-size: 16px; line-height: 30px;color: #fff; }
.index_pro_list ul li a:hover .title{  color: #fff; }
.index_pro_list ul li:hover a .t1 {color: #fff; } 
.index_pro_list ul li a .pic:hover .img {transform: scale(1.1);transition-duration: 1s; }   
.index_pro_list { position: relative;}
.index_pro_list .swiper-button-prev {left: -50px;}
.index_pro_list .swiper-button-next {right: -50px;}
.index_pro_list .swiper-button-next,.index_pro_list .swiper-button-prev {margin-top: -78px; }
.index_pro_list .swiper-button-next.swiper-button-disabled,.index_pro_list .swiper-button-prev.swiper-button-disabled {opacity: 1;}
@media (max-width: 1440px) {
.index_pro_list ul li a .t1 {font-size: 22px;line-height: 42px;}
}
@media (max-width: 1366px) {
.index_pro_list ul li a .t1 {font-size: 20px;line-height: 38px;}
.index_pro_list ul li a .desc{line-height: 28px;}
}
@media (max-width: 1280px) {
.index_pro ul li .box{ font-size: 15px;}
.index_pro_list ul li a .t1 {font-size: 18px; line-height: 34px;}
.index_pro_list ul li a .desc{line-height: 26px;}
}
@media (max-width: 1200px) {
.index_pro_list ul li a .t1 {font-size: 17px; line-height: 30px;}
.index_pro_list ul li a .title {padding: 0px 5px 20px; }
.index_pro_list .swiper-button-prev {left: -30px;}
.index_pro_list .swiper-button-next {right: -30px;}

}

@media (max-width:768px){
.index_pro_list ul li { margin-bottom: 15px; } 
.index_pro_list ul li a .t1 {font-size: 16px;line-height:26px;}
.index_pro_list ul li a .desc{ font-size: 15px; line-height: 24px; display: none;}
.index_pro_list .swiper-button-prev {left: 0px;}
.index_pro_list .swiper-button-next {right: 0px;}
.index_pro_list .swiper-button-next,.index_pro_list .swiper-button-prev {margin-top: -8px; }
}
.index-application {  background:url(../images/index_application.jpg) center no-repeat; }
.index-application .index-title .cn { color: #fff;}
.index-application .index-title .en { color: #fff;}
.index-application .line{  background:url(../images/application_line.png) no-repeat center;  height: 20px; width: 100%;position: absolute; left: 0; top: 46%; content: ""; z-index: -10; }
.index-application .details{width: 100%; text-align: center; margin-top: 50px; margin-bottom: 50px; position: relative; z-index: 9999;}
.index-application .details .list{text-align: center;color: #cd0014;cursor: default;pointer-events: none; float: left; z-index: 9999;}
.index-application .details .list .theme{overflow: hidden;width: 120px;height: 185px; position: relative; background: url(../images/tt1.png) no-repeat; margin: auto; z-index: 9999;}
.index-application .details .list .theme .lightMask{width: 120px;height: 185px;position: absolute;top: 0;left: -200px;background: #fff;opacity: .6;transform: rotate(-45deg); z-index: 9999;}
.index-application .details .list .theme.b{ background-image: url(../images/tt2.png); z-index: 9999;}
.index-application .details .list .theme.c{ background-image: url(../images/tt3.png); z-index: 9999;}
.index-application .details .list .theme.d{ background-image: url(../images/tt4.png); z-index: 9999;}
.index-application .details .list .theme.e{ background-image: url(../images/tt5.png); z-index: 9999;}
.index-application .details .list .en{position: relative; font-size: 18px;color: #fff;margin-top: 15px; margin-bottom: 15px;} 
.index-application .details .list .en span{position: relative;z-index: 1; color: #fff;display: inline-block;font-size: 24px;padding:  0 15px;}
.index-application .details .list .en span:before{left: 0px;top: 0px; content: ""; width: 10px; height: 10px; border-radius: 100%; background: #0066cc;}
.index-application .details .list .desc{ color: #fff;font-size: 16px;line-height: 28px;padding:  0 15%;}
@media (max-width: 1439px){
.index-application .line{ top: 43%;}
}
@media (max-width: 1280px){
.index-application .details .list .en span{font-size: 20px;} 
.index-application .details .list .desc{ font-size:15px;line-height: 26px;}
.index-application .line{ top: 44%;}
}
@media (max-width: 1050px){
.index-application .line{ top:46%;}
}
@media (max-width: 1024px){
.index-application .line{ top:45%;}
}
@media (max-width: 768px){
.index-application .details .list .en span{font-size: 18px;} 
.index-application .line{ top:48%;}
.index-application .details .list .desc{ padding:  0 9%;}
}
@media (max-width: 600px){
.index-application .line{ top:49%;}
}
@media (max-width:500px){
.index-application .line{ top:45%;}
}
@media (max-width:400px){
.index-application .line{ top:53%;}
}
.index-solution {position: relative;z-index: 3; padding: 0px 0 0px 14%; background: #fff;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.index-solution-content {width:20%; float: left; margin-bottom: 13.2%;}
.index-solution-text {margin-top: 40px;margin-bottom: 46px;}
.index-solution-text p {color: #666666;font-size: 16px;text-align: justify;line-height: 2;}
.solution-swiper {width:75%; float: right; margin: 0;cursor: url('../images/curse.png'), -webkit-grab;cursor: url('../images/curse.png'), -moz-grab;cursor: url('../images/curse.png'), grab;}
.index-solution .solution-slide {margin-right:3vw;width: 70.5555%;position: relative;overflow: hidden;border-radius: 10px;}
.solution-slide a {cursor: url('../images/curse.png'), -webkit-grab;cursor: url('../images/curse.png'), -moz-grab;cursor: url('../images/curse.png'), grab;}
.solution-slide a:hover figure:before {background: rgba(0, 102, 217, 0.5);}
.solution-slide a:hover figure img {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.solution-slide a:hover .solution-fix:before {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.solution-slide figure {z-index: 3;border-radius: 10px;position: relative;display: block;padding-bottom:62%;height: 0;overflow: hidden;line-height: 1;}
.solution-slide figure img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.58s;-o-transition: 0.58s;-moz-transition: 0.58s;transition: 0.58s;}
.solution-slide figure:before {position: absolute;left: 0;top: 0;border-radius: 10px;content: "";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.25);z-index: 3;-webkit-transition: 0.68s;-o-transition: 0.68s;-moz-transition: 0.68s;transition: 0.68s;}
.solution-slide .tit{ font-weight: bold; font-size: 24px; color: #333; line-height: 34px; margin-top: 20px; margin-bottom: 40px;}
.index-solution .swiper-scrollbar-drag {background: rgba(0,113,187,1);}
@media only screen and (min-width: 769px) { 
.index-solution-text {margin-top: 20px;margin-bottom: 20px;}
.index-solution .swiper-slide:first-child {transition: transform 100ms; }
.index-solution .swiper-slide:first-child img {transition: box-shadow 500ms; }
.index-solution .swiper-slide.swiper-slide-active:first-child img {box-shadow: 0px 32px 80px rgba(0, 0, 0, 0.35); }
.index-solution .swiper-slide:nth-child(2) {transition: transform 100ms; }
.index-solution .swiper[dir="rtl"] .swiper-slide.swiper-slide-active:first-child {transform: translateX(-50%); }
.index-solution .swiper[dir="rtl"] .swiper-slide.swiper-slide-next:nth-child(2) {transform: translateX(-55%); }
.index-solution .swiper-container-horizontal>.swiper-scrollbar{width:72%;height: 3px;}
}

@media screen and (max-width: 1800px){
.index-solution { padding: 0px 0 0px 11%;}
.index-solution-content { margin-bottom: 12%;}
}
@media screen and (max-width: 1700px){
.index-solution { padding: 0px 0 0px 10%;}
.index-solution-content { margin-bottom: 9.5%;}
}
@media screen and (max-width: 1600px){
.index-solution { padding: 0px 0 0px 6%;}

}
@media screen and (max-width: 1440px){
.solution-slide {margin-right:2vw;}
.index-solution-content { margin-bottom: 7.5%;}
}
@media screen and (max-width: 1400px){
.index-solution { padding: 0px 0 0px 5%;}
}
@media screen and (max-width: 1380px){
.index-solution { padding: 0px 0 0px 4%;}
.index-solution-content { margin-bottom: 6%;}
.solution-slide .tit{ font-size: 22px; margin-top: 15px; margin-bottom: 30px;}
}
@media screen and (max-width: 1280px){
.index-solution { padding: 0px 0 0px 7%;}
.index-solution-text {margin-bottom: 36px;}
.index-solution-content { margin-bottom: 0;}
.solution-slide .tit{ font-size: 20px; margin-top: 10px; margin-bottom: 20px; }
}
@media screen and (max-width: 1240px){
.index-solution { padding: 0px 4% 0px 4%; background: #fff;display:  block;display: block;display:  block;  }
.index-solution-content {width: 100%; margin-bottom: 30px; }
.solution-swiper {width: 100%; margin-bottom: 40px;}
.solution-slide figure { padding-bottom: 120%;}
.solution-slide {margin-right:3vw;width:31%;}
.solution-slide .tit{ font-size:18px;}
.index-solution .solution-slide {margin-right:3vw;width:33%;}
.index-solution-text {margin-bottom: 20px;}
}
@media screen and (max-width: 992px){
.solution-slide figure { padding-bottom: 80%;}
}
@media screen and (max-width: 492px){
    .solution-slide figure { padding-bottom: 60%;}
    }
.index_coporation{ background-color: #eaf1f7;}
.index-customers-swiper {overflow: hidden;}
.index-customers-swiper .img{background: #fff; text-align: center; padding: 35px 0 20px;}
.index-customers-swiper .img img {display: inline-block;vertical-align: middle; width: 100%;}
.index-customers-swiper.swiper-container-free-mode > .swiper-wrapper{transition-timing-function:linear;}
.customers-1{padding-top:3%;}
.customers-2{padding-top:15px;}
@media screen and (max-width: 762px){
.index_coporation .table {margin-bottom: 0px;}
}
.index-news {position: relative;z-index: 3; padding: 0px 0 0px 14%; background: #fff;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-end;-moz-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.index-news-content {width:20%; float: left; margin-bottom:18%; }
.index-news-text {margin-top: 40px;margin-bottom: 46px;}
.index-news-text p {color: #666666;font-size: 16px;text-align: justify;line-height: 2;}
.news-swiper {width:75%; float: right; margin: 0;cursor: url('../images/curse.png'), -webkit-grab;cursor: url('../images/curse.png'), -moz-grab;cursor: url('../images/curse.png'), grab;}
.index-news .news-slide {margin-right:1.5vw; margin-bottom:60px; width: 25%;position: relative; }
.index-news .news-slide .welfare_n{ padding: 0px 10px 20px;  }
.index-news .news-slide .welfare_n .tit{font-family: '微软雅黑';font-size:22px;color:#222; line-height: 30px;margin-bottom: 20px; padding-bottom: 20px; position: relative; transition: all 0.36s; overflow: hidden;}
.index-news .news-slide .welfare_n .tit::before{content: '';position: absolute;bottom:0px;left:0px;width:50px;height:2px;background: #0071bb; transition: all 0.36s;}
.index-news .news-slide .welfare_n .desc{ margin-bottom: 25px; line-height: 28px; transition: all 0.36s;}
.index-news .news-slide .welfare_n_time{ font-size: 16px;line-height: 30px; margin-bottom: 10px;color:#666; transition: all 0.36s;}
.index-news .news-slide .welfare_n .welfare_n_img{transform: translateY(0px);}
.index-news .news-slide .welfare_n .welfare_n_img img{ width: 100%;}
.index-news .news-slide .welfare_n:hover .welfare_n_img{transform: translateY(-270px);}
.index-news .news-slide .welfare_n:hover .welfare_n_time{transform: translateY(205px); color:#666;}
.index-news .news-slide .welfare_n:hover .tit{transform: translateY(205px); color:#333;}
.index-news .news-slide .welfare_n:hover .desc{transform: translateY(205px); color:#333;}
.index-news .news-slide .welfare_n:hover .tit::before{ width: 100%;}
.index-news .news-slide:hover { background: #fff; border: 1px solid #f0f0f0; box-shadow: 5px 5px 15px rgba(0, 0, 0, .08); }
.index-news .swiper-scrollbar-drag {background: rgba(0,113,187,1);}
@media only screen and (min-width: 1201px) { 
.index-news .swiper-container-horizontal>.swiper-scrollbar{width:83%;height: 3px;}
}
@media screen and (max-width: 1800px){
.index-news { padding: 0px 0 0px 11%;}
.index-news-content { margin-bottom: 12%;}
}
@media screen and (max-width: 1700px){
.index-news { padding: 0px 0 0px 10%;}
.index-news-content { margin-bottom: 14%;}
}
@media screen and (max-width: 1600px){
.index-news { padding: 0px 0 0px 6%;}
}
@media screen and (max-width: 1440px){
.news-slide {margin-right:2vw;}
.index-news-content { margin-bottom: 12%;}
}
@media screen and (max-width: 1400px){
.index-news { padding: 0px 0 0px 5%;}
}
@media screen and (max-width: 1380px){
.index-news { padding: 0px 0 0px 4%;}
.index-news-content { margin-bottom: 14%;}
}
@media screen and (max-width: 1280px){
.index-news { padding: 0px 0 0px 7%;}
.index-news-text {margin-bottom: 36px;}
.index-news .news-slide .welfare_n .tit{ font-size:20px;}
}

@media screen and (max-width: 1200px){
.index-news { padding: 0px 4% 0px 4%; background: #fff;display:  block;display: block;display:  block;  }
.index-news-content {width: 100%; margin-bottom: 4%;}
.news-swiper {width: 100%; margin-bottom: 40px;}
.news-slide figure { padding-bottom: 120%;}
.index-news .news-slide {margin-right:3vw; margin-bottom:30px; width: 31%; }
}
@media screen and (max-width: 768px){
.index-news-text {margin-bottom: 0px; margin-top: 20px;}
.index-news-content { margin-bottom: 8%;}
}
@media screen and (max-width: 468px){
    .index-news .news-slide {margin-right:0vw;}
}
.p-banner {background: center no-repeat;background-size: cover;height: 510px;text-align: left;padding-top: 210px; margin-top:80px;}
.p-banner .en{ font-size: 50px; line-height: 58px; font-weight: bold; text-transform: uppercase; color: rgba(255, 255, 255, 1);}
.p-banner h2 {font-size: 36px; line-height: 40px;padding: 15px 0 25px 65px;color: rgba(255, 255, 255,1);position: relative;}
.p-banner h2:before{ position: absolute; left: 0px; top: 35px; height: 3px; width:50px; padding-left: 50px; background-color: rgba(255, 255, 255, 0.85); content: "";}
@media (max-width: 1700px){
.p-banner h2:before{ width: 60px; }
}
@media (max-width: 1600px){
.p-banner h2:before{width: 40px; }
.p-banner .en{ font-size: 42px; line-height: 50px;}
.p-banner h2 {font-size: 32px;  }
}
@media (max-width: 1440px){
.p-banner {height: 375px;padding-top: 170px;}
.p-banner .en{ font-size: 36px; line-height: 48px;}
.p-banner h2 {font-size: 30px; }
}
@media (max-width: 1336px){
.p-banner {height: 348px; padding-top: 140px;}
.p-banner h2:before{ width:50px; }
.p-banner h2 {font-size: 26px; padding:15px 0 15px 65px;}
.p-banner .en{ font-size: 34px; }
.p-banner .h2:before{ top: 25px;}
}
@media (max-width: 1280px){
.p-banner {height: 333px;}
.p-banner h2 {font-size: 22px; }
}   
@media (max-width: 1200px){
.p-banner {height: 315px; padding-top: 80px;margin-top: 60px;}
.p-banner h2:before{left: 0px; width: 0px; display: none;}
.p-banner h2 {padding:5px 0 15px 0px;}
}  
@media (max-width: 768px){
.p-banner {height: 225px; padding-top: 50px;}
.p-banner .en{ font-size: 30px; line-height: 38px;}
}
@media (max-width: 600px){
.p-banner { margin-top: 60px;height:190px;}
.p-banner .en{ font-size: 26px; line-height: 32px;}
.p-banner h2 {font-size: 20px; }
}
@media (max-width: 500px){
.p-banner {height:170px;}
.p-banner .en{ font-size: 22px;line-height: 26px;}
.p-banner h2 {font-size: 18px; line-height: 30px; }
}
@media (max-width: 475px){
.p-banner {height:150px;}
}
.page_nav{height: 65px;line-height: 65px;border-bottom: 1px solid #e0e0e0;}
.page_nav .crumb{float: right;  font-size:16px;}
.page_nav .crumb li{float: left; color: #666;}
.page_nav .crumb li span{color:#1c549e;}
.page_nav .crumb a{color: #666;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 5px; margin:0 25px;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#1c549e; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#1c549e;}
.page_nav .r_sec li a{color:#333;}
.page_nav .r_sec.pro_sec li{padding:0 0px;font-size:16px; }
.page_nav .fa {margin: 0 8px; font-size:15px;}
.page_nav a:hover{color:#1c549e;}
.page_nav .c-pro-nav-swiper { margin: 0 auto; text-align: center;width: 100%;}
.page_nav .c-pro-nav-swiper .swiper-wrapper { margin: 0 auto; text-align: center; width: 100%;}
.page_nav .swiper-button-next,.page_nav .swiper-button-prev{ display: none!important;}
.page_nav .container{ position: relative;}
@media (max-width: 1440px){
.page_nav .r_sec li{ margin:0 20px;}
}
@media (max-width: 1366px){
.page_nav .r_sec li{ margin:0 16px;}
}
@media (max-width: 1280px){
.page_nav{height: 60px;line-height: 60px;}
.page_nav .r_sec li{margin:0 13px;padding: 0 3px;}
.page_nav .fa {margin: 0 5px;}
.page_nav .crumb{font-size:15px;}
}
@media (min-width: 1201px){
.page_nav .r_sec.pro_sec li{ width: auto!important;  }
}
@media (max-width: 1180px){
.page_nav .r_sec li{font-size:16px; margin:0 14px;padding: 0 0px;}
}   
@media only screen and (max-width: 992px){
.page_nav .crumb{display: none;}
.page_nav.proshownav .crumb{display: block;}
.page_nav .r_sec{float: none;}
.page_nav .r_sec li{ margin:0 15px;}
.page_nav .swiper-button-next,.page_nav .swiper-button-prev{ display: block!important;margin-top:-8px;width: 10px;height: 16px;-moz-background-size: 10px 16px;-webkit-background-size: 10px 16px;background-size: 10px 16px;}
}
@media (max-width: 800px){
.page_nav .r_sec li{ margin:0 12px;}
}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
.page_nav .r_sec li{ margin:0 10px;}
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 0px 0 0; margin:0 15px 0 0;}
.page_nav .r_sec li:before{ height:2px;}
}    
@media only screen and (max-width: 425px){
/*.page_nav .container{padding-right: 0px;padding-left:1px;}*/
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ padding:0 2px; }
}
@media only screen and (max-width: 400px){
.page_nav .r_sec li{ padding:0 0px; margin:0 6px;}
}
.about { background:url(../images/aboutbg.jpg) center bottom no-repeat; }
.about .about_left .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.about .about_left .cn{ font-size: 24px; color: #999; text-transform: uppercase; line-height:38px; letter-spacing: 1.5px; }
.about .about_right { margin-bottom: 40px;}
.about .about_right p{ font-size: 16px; color: #666; line-height:32px;}
.about img{ margin-top: 15px;}
@media only screen and (max-width: 1240px){
.about .about_left .en{ font-size: 28px; line-height: 40px; }
.about .about_left .cn{ font-size: 20px;line-height:30px; letter-spacing: .5px;}
.about img{ width: 100%;}
}
@media only screen and (max-width: 992px){
.about .about_left .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.about .about_left .cn{ font-size: 18px;line-height:28px; letter-spacing: 0px; margin-bottom: 10px;}
}
@media only screen and (max-width: 768px){
.about .about_left .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
.about .about_left .cn{ font-size: 17px; line-height:26px; margin-bottom: 20px;}
}
.about-page2 {background: url(../images/aboutbg2.jpg) center no-repeat;-o-background-size: cover; background-size: cover; }
.about-page2 ul li{ width: 50%; float: left; margin-top: 30px; margin-bottom: 30px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.about-page2 ul li b { display: block; width: 60px; height: 60px; text-align: center;}
.about-page2 ul li .about-text { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 14px;}
.about-page2 ul li .about-text .num { color: #fff; font-size: 36px; font-weight: bold; margin-right: 5px; }
.about-page2 ul li .about-text p { color: #fff; font-size: 16px; line-height: 1.5;}
@media only screen and (max-width: 992px){
.about-page2 ul li{ margin-top: 20px; margin-bottom: 20px; }
.about-page2 ul li .about-text .num { font-size: 26px; }
}
.culture .culturelist{ margin-bottom: 50px;}
.culture h2{ font-size: 30px; color: #0071bb;}
.culture p{ line-height: 36px; font-size: 18px; color: #666666; position: relative;}
.culture p:after{content:""; position:absolute; top:0; right:0; width: 43px; height:34px; background:  url(../images/yh.png) right bottom no-repeat;}
.culture .white{ color:#fff;}
.culture .list_box{position:relative;overflow-y:hidden;margin-bottom: 60px;}
.culture .list_text{position:absolute;top:0;left:0;bottom:0;right:0;padding:10% 6%;display:block;}
.culture .list_title{font-size:20px; margin-bottom:10px; color: #fff; }
.culture .en{ font-size: 14px; margin-bottom:10px; color: #fff; text-transform: uppercase;}
.culture .list_p{line-height:28px; font-size: 16px; }
.culture img{width:100%;}
@media only screen and (max-width: 992px){
.culture .culturelist{ margin-bottom: 30px;}
.culture h2{ font-size:24px; }
.culture .list_box{ margin-bottom: 30px;}
.culture .list_p{line-height:24px;}
}
@media only screen and (max-width: 492px){
.culture h2{ font-size:20px; }
.culture p{ line-height: 27px; margin-top: 10px; font-size: 15px;}
.culture p:after{ height:60px;}
.culture .list_text{ padding:7% 2%;display:block;}
.culture .en{ display: none;}
.culture .list_p{line-height:22px; font-size: 14px;}
}
.equipment {overflow: hidden;padding: 40px 0 0px;}
.equipmentCon {padding: 30px 0 60px;}
.equipmentCon button{border: none!important;}
.columnSwiperw .inC1Next,
.columnSwiperw .inC1Prev {width: 50px; height: 50px; border-radius: 100%;background-size: 10px 18px; border: none;top: 90%;margin-top: -18px;/*height: 100%;background: rgba(0, 0, 0, 0);transition: all 0.4s;-webkit-transition: all 0.4s;top: 0 !important;*/}
.columnSwiperw .inC1Next{right: 44% !important; box-shadow: 5px 5px 15px rgba(0, 0, 0, .08); border: none!important;}
.columnSwiperw .inC1Prev{left: 44% !important;  box-shadow: 5px 5px 15px rgba(0, 0, 0, .08); border: none!important; }
.columnSwiperw .inC1Next::after,
.columnSwiperw .inC1Prev::after {font-size: 20px;color: #fff;}
.columnSwiperw {position: relative; padding-bottom: 100px; overflow: hidden;}
.columnSwiperw .bdCon {position: relative;padding-top: 39.4%;overflow: hidden;margin: 0 -20px;}
.columnSwiperw .bd {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.columnSwiperw .swiper-slide {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transition: all 0.4s;-webkit-transition: all 0.4s;}
.columnSwiperw .bd .con {margin: 0 10px;position: relative;height: 100%;}
.columnSwiperw .bd .con .conBox {height: 100%;transition: all 0.4s;-webkit-transition: all 0.4s;}
.columnSwiperw .swiper-slide.swiper-slide-active .conBox {transition: all 0.4s;-webkit-transition: all 0.4s;width: 100%;height: 100%;position: relative;}
.columnSwiperw .swiper-slide.swiper-slide-prev .conBox {position: absolute;width: 25.85%;height: 74%;right: 0;top: 13%;transition: all 0.4s;-webkit-transition: all 0.4s;}
.columnSwiperw .swiper-slide.swiper-slide-next .conBox {position: absolute;width: 25.85%;height: 74%;left: 0;top: 13%;transition: all 0.4s;-webkit-transition: all 0.4s;}
.columnSwiperw .picBox {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.columnSwiperw .picBox img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;object-position: center center;}
.columnSwiperw .picBox::after {display: block;content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.1);}
.columnSwiperw .swiper-slide.swiper-slide-prev .conBox {border-radius: 20px 0 0 20px;overflow: hidden;}
.columnSwiperw .swiper-slide.swiper-slide-next .conBox {border-radius: 0px 20px 20px 0px;overflow: hidden;}
.columnSwiperw .swiper-slide.swiper-slide-active .conBox {border-radius: 20px;overflow: hidden;}
.columnSwiperw .swiper-slide .text {position: absolute;width: 100%;bottom: 0;left: 0;perspective: 1000px;-webkit-perspective: 1000px;}
.columnSwiperw .swiper-slide .text .textTitle {background: rgba(0, 0, 0, 0.6);height: 64px;line-height: 64px;font-size: 16px;color: #fff;padding: 0 15px;text-align: center;transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;transform-origin: 0 100%;position: absolute;width: 100%;bottom: 0;left: 0;box-sizing: border-box;}
@media only screen and (max-width: 1200px){
.columnSwiperw .inC1Next{right: 40% !important;}
.columnSwiperw .inC1Prev{left: 40% !important; }
    }
@media only screen and (max-width: 600px){
.columnSwiperw .bdCon { padding-top:51.25%;}
.columnSwiperw { padding-bottom: 80px;}
.columnSwiperw .swiper-slide .text .textTitle { height: 44px;line-height: 44px;}
.columnSwiperw .inC1Next,.columnSwiperw .inC1Prev {width: 40px; height: 40px; margin-top: -38px;}
.columnSwiperw .inC1Next{right: 30% !important;}
.columnSwiperw .inC1Prev{left: 30% !important; }
}
.honor .desc{ font-size: 16px; line-height: 32px; margin-bottom: 30px;}
.honor li{ margin-bottom: 25px;}
.honor li .infor{padding:10px 0px; text-align:center; }
.honor li .infor .tit{ font-size: 16px; }
.honor li .img{ background: url(../images/honor.png) center bottom no-repeat; text-align: center;  height:355px;}
.honor li .img img{  margin: 0 auto; border: 1px solid #f0f0f0;}
@media only screen and (max-width: 1280px){
.honor li .img img{ width: 100%;}
.honor li .img{ height:315px;}
}
@media only screen and (max-width: 1200px){
.honor li .img{ height:290px;}
}
@media only screen and (max-width: 992px){
.honor li .img{ height:320px;}
}
@media only screen and (max-width: 900px){
.honor li .img{ height:100%;}
}


.news li {margin-bottom:35px; }
.news li .welfare_n{ padding:30px 23px; background: #fff; border: 1px solid #f0f0f0; box-shadow: 5px 5px 15px rgba(0, 0, 0, .08);}
.news li .welfare_n .tit{font-family: '微软雅黑';font-size:21px;color:#222; line-height: 30px;margin-bottom: 20px;margin-top: 20px; padding-bottom: 20px; position: relative; transition: all 0.36s; overflow: hidden;}
.news li .welfare_n .tit::before{content: '';position: absolute;bottom:0px;left:0px;width:50px;height:2px;background: #0071bb; transition: all 0.36s;}
.news li .welfare_n .desc{ margin-bottom: 25px; line-height: 28px; transition: all 0.36s;}
.news li .welfare_n_time{ font-size: 16px;line-height: 30px; margin-bottom: 10px;color:#888; transition: all 0.36s;}
.news li .welfare_n .welfare_n_img img{ width: 100%;}
.news li .welfare_n:hover .tit::before{ width: 100%;}
@media screen and (max-width: 1280px){
.news li .welfare_n .tit{ font-size:20px;}
}
@media screen and (max-width: 1200px){
.news li {margin-bottom:25px; }
}
@media screen and (max-width: 768px){
.news li .welfare_n{ padding:20px 15px; }
.news li .welfare_n .tit{ font-size:18px;margin-bottom: 10px;margin-top: 10px; padding-bottom: 10px;}
.news li .welfare_n .desc{ margin-bottom: 0px; }
.news li .welfare_n_time{margin-bottom: 0px; }
}
.views {float: right;width: 82.16%;}
.view-top {margin-bottom: 38px;}
.view-top strong {display: block;margin-bottom: 38px;color: #333333;font-size: 28px;line-height: 1.2;font-weight: normal;}
.view-top p {color: #888;font-size: 15px;}
.view-prev {margin-top: 130px;margin-bottom: 40px;}
.view-info {margin-bottom: 40px; }
.view-info:last-child {margin-bottom: 0;}
.view-info a {display: -webkit-inline-flex;display: -moz-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
.view-info a i {display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;border-radius: 50%;background: #0071bb;color: #fff;font-size: 14px;}
.view-info a span {display: inline-block;margin-left: 10px;color: #666666;font-size: 16px;-webkit-transition: 0.38s;-o-transition: 0.38s;-moz-transition: 0.38s;transition: 0.38s;}
.view-info a:hover span {color: #0071bb;}
.view-texts {color: #666666;font-size: 16px; line-height: 32px;}
.view-texts p{ font-size: 16px;}
.view-texts img {max-width: 100%;width: auto;height: auto;}
.view-flex {float: left;width: 134px;}
.view-time {padding: 22px 22px 25px;background: #0071bb;text-align: center;color: #fff;font-family: "Helvetica";}
.view-time b {display: block;padding-bottom: 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.22);line-height: 1;font-size: 50px;font-weight: normal;}
.view-time time {display: block;margin-top: 14px;line-height: 1;font-size: 16px;}
@media screen and (max-width: 1024px){
.views {width: 100%;}
.view-top strong {margin-bottom: 24px;font-size: 22px;}
.view-texts {font-size: 14px;}
.view-flex {width: 100%;margin-top: 30px;}
.view-prev {margin-top: 40px;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.view-info {margin-bottom: 0;}
.view-time {display: none;}
}
@media screen and (max-width: 768px){
.view-top strong {margin-bottom: 20px;font-size: 18px;}
.view-top {margin-bottom: 25px;}
}
.products{ background-color: #f7f8f9;}
.products .productsleft{ width: 30%; padding-right: 3%; padding-left: 15%; padding-bottom: 40%; float: left; background-color: #f7f8f9;}
.products .productsright{ width: 70%;  padding-left: 3%;padding-right: 17%; background: #fff; float: right;}
.pro-aside-box dl dt .aside-tit{ display: block; color: #333; font-size: 20px; font-weight: 600; margin-bottom: 25px; }
.pro-aside-box .aside-nav dd { margin-bottom: 25px;font-size: 16px; color: #666; position: relative; }
.pro-aside-box .aside-nav dd:before{background: url('../images/aside-jian.png') right no-repeat; position: absolute; right: 0px; bottom: 0px; width: 30px; height: 30px; content: "";}
.pro-aside-box .aside-nav dd.cur .aside-tit:before,.pro-aside-box .aside-nav li:hover .aside-tit:before{ background: url('../images/aside-jian-h.png');}
.products .top-box { margin-bottom: 30px;line-height:40px; height:40px;}
.products .top-box .left{float: left;width: 70%;font-size: 0;}
.products .top-box .pro-title{float: left;}
.products .top-box .pro-title{font-size:24px;color: #0071bb;}
.pro-search{float: right; width: 30%;  padding:0 .5rem; border: 1px solid #e5e5e5;background-color: #fff;}
.pro-search .top-search{ z-index:100;  background:#fff; }
.pro-search .top-search .text{ width:80%; float: left; line-height:38px; height:38px; border:none ; color: #666}
.pro-search .top-search .btn{ float: right; height:36px; width:36px; background:url(../images/pro-search.png) no-repeat center center;background-size:auto 50%;}
.index_pro_list.productsright ul li a .t1 { color: #333; }
.index_pro_list.productsright ul li a .desc{ color: #666; }
.index_pro_list.productsright ul li a .pic { border: 1px solid #f0f0f0; }     

@media screen and (max-width: 1800px){
.products .productsleft{ padding-left: 10%; }
.products .productsright{ padding-right: 14%; }
}
@media screen and (max-width: 1700px){
.products .productsright{ padding-right: 13%; }
}
@media screen and (max-width: 1600px){
.products .productsleft{ padding-left: 7%; padding-right: 5%;}
.products .productsright{ padding-right: 11%; }
}
@media screen and (max-width: 1500px){
.products .productsleft{ width: 27%;padding-left: 7%; padding-right: 4%;}
.products .productsright{ width: 73%;padding-right: 9%; padding-left: 4%;}
}
@media screen and (max-width: 1440px){
.products .productsright{ padding-right: 6%;}
}
@media screen and (max-width: 1366px){
.products .productsleft{ width: 24%; }
.products .productsright{ width: 76%; padding-right:4%;}
}
@media screen and (max-width: 992px){
.products .productsleft{ width: 0%; display: none; }
.products .productsright{ width: 100%; padding-right:3%; padding-left: 3%;}
.products .top-box .pro-title{font-size:20px;}
}
@media screen and (max-width:768px){
.products .top-box .pro-title{font-size:18px;}
.pro-search{ display: none;}
}
.proshownav{ margin-top: 80px;}
.proshownav.page_nav .crumb{float: left;  font-size:16px;} 
.gray_bg{ background: #f7f7fa;}
.show-pro .show-pro-top { background: #f7f7f7; width: 100%; }
.show-pro .show-pro-top .section-content{ width: 34%; float: left }
.show-pro .show-pro-top .section-content-show{ width: 62%; padding-left: 4%; float: left;  }
.show-pro .pro-show-info h1{font-size:30px;line-height: 35px;color: #333;margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dcdcdc; }
.show-pro .pro-show-info p{min-height: 150px; line-height: 34px; font-size: 16px; color: #666;}
.show-pro .pro-show-info .procontact { margin: 10px 0 15px;}
.show-pro .pro-show-info .procontact .ico { margin-right: 15px;}
.show-pro .pro-show-info .procontact span { font-size: 18px; color: #666;}
.show-pro .pro-show-info .procontact a { color: #666;}
.show-pro .pro-show-info .pro-btn{color:#333;}
.show-pro .pro-show-info .pro-btn a{display:block;background: #0071bb;color:#FFF;width:180px; border-radius: 25px; font-size: 16px; text-align:center;line-height:50px;height: 50px;border:none;padding:0;float:left;margin-right: 20px;text-transform: uppercase;}
.show-pro .pro-show-info .pro-btn a:nth-child(2){background: none;border: 1px solid #666; color:#666;}
.pro-big-img {width: 100%;height:410px;overflow: hidden;}
.pro-big-img .gallery-left{width:77%;height: inherit;border: 1px solid #dcdcdc; margin: 0; float: left;}
.pro-big-img .gallery-left img{width: 100%;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{width: 100%;height: initial; }
.pro-big-img .gallery-thumbs{padding: 22px 5px; width:18%; height: inherit;margin: 0 0 0 10px; float: left; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 1px solid #dcdcdc; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:40%;right:inherit;top:-15px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:36%;top:inherit;bottom:-15px;}
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;}
.show-pro .pro-show-info .ys{ width:100%;margin-top: 30px; color:#666;  overflow:hidden;}
.show-pro .pro-show-info .ys span{width: 22%; font-size: 16px; line-height:45px; float: left; height: 45px; border-right: 1px solid #dcdcdc; margin-right: 5%;}
.show-pro .pro-show-info .ys span img{vertical-align:middle; float: left; width: 24px;margin-top:13px; margin-right:8px;}
.show-pro .pro-show-info .ys span:first-child{ line-height:22px;width: 30%;}
.section-content-bottom { margin-bottom: 50px;}
.section-content-bottom .pro_info_1_2 ul { width:40%; margin: 0 auto;}
.section-content-bottom .pro_info_1_2 ul li{float:left; margin-left: 5%; margin-right: 5%;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1.25em; padding:.6em .85em;display:block; }
.section-content-bottom .pro_info_1_2{background: #f7f7fa; line-height: 50px; text-align: center; border-bottom:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid;overflow:hidden}
.section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{ border-bottom:1px #0071bb solid; color: #0071bb;}
.pro_info_2_1_t{ margin-top:55px;font-size:18px; font-weight: bold; margin-bottom: 30px; color:#333; }
.pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;}
.pro_info_2_mid{overflow:hidden;}
.nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;}
.nav-wrap .container{padding-left:0; padding-right:0}
.nav-wrap.navFix .container{padding-left:1em; padding-right:1em;}

@media only screen and (max-device-width: 1366px){
.show-pro .pro-show-info h1{font-size:24px;margin-bottom: 20px; padding-bottom: 20px;}
.pro-big-img {height: auto;}
.section-content-bottom .pro_info_1_2 ul { width:60%; margin: 0 auto;}
}
@media only screen and (max-device-width: 1300px){
.pro-big-img { height:380px; }
.show-pro .show-pro-top .section-content{ width: 40%; float: left }
.show-pro .show-pro-top .section-content-show{ width: 58%; padding-left: 2%; }
}
@media only screen and (max-device-width: 1220px){
.proshownav{ margin-top: 70px;}
.pro-big-img { height:370px; }
.show-pro .show-pro-top .section-content{ width: 44%; float: left }
.show-pro .show-pro-top .section-content-show{ width: 54%; padding-left: 2%; }
}
@media only screen and (max-device-width: 1140px){
.pro-big-img { height:357px; }
.show-pro .show-pro-top .section-content{ width: 46%; float: left }
.show-pro .show-pro-top .section-content-show{ width: 52%; padding-left: 2%; }
.show-pro .pro-show-info .ys span:first-child{ line-height:22px;width: 100%; display: block;border-right: 0px solid #dcdcdc;}
.show-pro .pro-show-info .ys span { width:0%; display: none;}
}

@media only screen and (max-device-width: 992px){
.pro-big-img { height:370px; }
.show-pro .show-pro-top .section-content{ width: 52%; float: left }
.show-pro .show-pro-top .section-content-show{ width: 46%; padding-left: 2%; }
.show-pro .pro-show-info .pro-btn{ display: none;}

.pro_info_2_1_t{ margin-top:30px;font-size:17px; margin-bottom: 20px;  }
.pro_info_2_3_t img{ width: 100%;}
.section-content-bottom .pro_info_1_2 ul { width:80%; margin: 0 auto;}
}
@media only screen and (max-device-width: 760px){
.pro-big-img {  width: 100%;  height: inherit;}
.pro-big-img .gallery-left{width:100%;height: initial;}
.pro-big-img .gallery-thumbs{width:100%;padding: 10px 25px; margin-left: 0px;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0;right:inherit;top:42%;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0;top:42%;bottom:inherit;}
.pro_info_2_1_t{ font-size:18px; margin-top: 30px;}
.pro_info_2_3_t{margin-top:1.2em; line-height: 1.5; }
.pro_info_2_3_t table tr td{ font-size: 15px;}
.section-content-bottom .pro_info_1_2 ul li{ margin-right: 0px;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1.15em; padding:.6em 1.55em; }
}
@media only screen and (max-device-width: 600px){
.pro-big-img {  width: 100%;  height: inherit;}
.show-pro .show-pro-top .section-content{ width: 100%; float: none; }
.show-pro .show-pro-top .section-content-show{ width: 100%; padding-left: 0; }
.show-pro .pro-show-info h1{font-size:20px;margin-bottom: 15px; padding-bottom: 15px;}
.show-pro .pro-show-info p{min-height: 150px; line-height: 28px;}
.section-content-bottom .pro_info_1_2 ul { width:100%; margin: 0 auto;}
}
@media only screen and (max-device-width: 460px){
.pro-big-img .gallery-left .swiper-slide a{ width: 100%; margin: 0 auto; }
.pro-big-img .gallery-left .swiper-slide img{width:100%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%; }
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%; }
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding:.5em .25em; }
}
.manufacture .manufacture_left .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.manufacture .manufacture_left p{ font-size: 16px; color: #666; line-height:32px;}
.manufacture_list{ margin-top:30px;}
.manufacture_list .swiper-pagination-bullet {width: 12px;height: 12px; }
.manufacture_list .swiper-pagination-bullet-active { background-color: #fff; border: #fff;}
.manufacture_list .swiper-pagination{ text-align: right; }
.manufacture_list .swiper-container-horizontal>.swiper-pagination-bullets, .manufacture_list .swiper-pagination-custom, .swiper-pagination-fraction{padding-right: 5%; bottom: 15px;}
.g_atpt3skfl { border-radius: 15px; overflow: hidden; margin-top: 20px; float: right;}
.g_atpt3skfl .g_pic2 { height: 100%;}
.g_atpt3sk_box { position: relative;}
.g_atpt3sk_zero { width: 255px; height: 255px; border-radius: 50%; position: relative; margin: 0 auto;}
.g_atpt3sk_zero1 { border: 20px solid #0071bb; position: relative; z-index: 10;}
.g_atpt3sk_zero2 { border: 20px solid #00a0e9; transform: translateY(-50px);z-index: 11;}
.g_atpt3sk_zero3 { border: 20px solid #66ccff; transform: translateY(-110px);z-index: 12;}
.g_atpt3sk_zerobox { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; padding: 0 20px;}
.g_atpt3sk_zero span { display: block;font-size: 16px; line-height: 1.5;}
@media only screen and (max-width: 1240px){
.manufacture .manufacture_left .en{ font-size: 28px; line-height: 40px; }
.manufacture img{ width: 100%;}
}
@media only screen and (max-width: 1200px){
.g_atpt3sk_zero { width: 220px; height: 220px; }
.g_atpt3sk_zero1 { border:15px solid #0071bb; }
.g_atpt3sk_zero2 { border: 15px solid #00a0e9; }
.g_atpt3sk_zero3 { border: 15px solid #66ccff; }

}
@media only screen and (max-width: 992px){
.manufacture .manufacture_left .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
}
@media only screen and (max-width: 768px){
.manufacture .manufacture_left .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
}
@media only screen and (max-width:668px){
.manufacture .manufacture_left .en{ font-size: 20px; line-height: 28px;}
}
.quality .quality_top .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.quality .quality_top p{ font-size: 16px; color: #666; line-height:32px;}
.quality_list{ margin-top:30px; padding-bottom: 100px;}
.quality_list .pic{ position: relative;}
.quality_list .text{ position: absolute; left: 0px; bottom: 20px; width: 100%; height: 45px; line-height: 45px; content: ""; color: #fff;}
.quality_list .text .textTitle{ font-size: 18px; margin-left: 40px;}
.quality_list .inC1Next,
.quality_list .inC1Prev {width: 50px; height: 50px; border-radius: 100%; border: 1px solid #dcdcdc; background-size: 10px 18px; border: none;top: 90%;margin-top: -18px;/*height: 100%;background: rgba(0, 0, 0, 0);transition: all 0.4s;-webkit-transition: all 0.4s;top: 0 !important;*/}
.quality_list .inC1Next{right: 44% !important; box-shadow: 5px 5px 15px rgba(0, 0, 0, .28); border: none!important;}
.quality_list .inC1Prev{left: 44% !important;  box-shadow: 5px 5px 15px rgba(0, 0, 0, .28); border: none!important; }
.quality_list .inC1Next::after,
.quality_list .inC1Prev::after {font-size: 20px;color: #fff;}
@media only screen and (max-width: 1240px){
.quality .quality_top .en{ font-size: 28px; line-height: 40px; }
}
@media only screen and (max-width: 1200px){
.quality_list .inC1Next{right: 40% !important;}
.quality_list .inC1Prev{left: 40% !important; }
}
@media only screen and (max-width: 992px){
.quality .quality_top .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.quality_list .text{ bottom: 10px; height: 35px; line-height: 35px;}
.quality_list .text .textTitle{ font-size: 16px; margin-left: 20px;}
}
@media only screen and (max-width: 768px){
.quality .quality_top .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
}
@media only screen and (max-width: 668px){
.quality .quality_top .en{ font-size: 20px; line-height: 28px;}
}
@media only screen and (max-width: 600px){
.quality_list{ padding-bottom: 150px;}
.quality_list .inC1Next,.quality_list .inC1Prev {width: 40px; height: 40px; margin-top: -38px;}
}
.certificate .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.certificate p{ font-size: 16px; color: #666; line-height:32px;}
.page-div {top: -81px;left: 0px;width: 60%; }
.certificate_list .tit{ line-height: 45px; text-align: center; font-size: 16px;}
.certificate_list li { margin-bottom: 25px;}
.certificate-data { text-align: right; margin-bottom: 40px;}
.certificate-item p { line-height: 1;color: #333333;font-size: 16px;}
.certificate-item p .num {display: inline-block;margin-right: 8px;color: #333;font-size:60px; font-family: "Swiss721BTBlackCondensed";}
.certificate-item span {display: block;color: #666666;font-size: 16px;line-height: 1.8;}

@media screen and (max-width: 1440px){
.certificate-item span {font-size: 15px;}  
}
@media screen and (max-width: 1280px){
.certificate-data {margin-bottom: 25px;}
}
@media only screen and (max-width: 1240px){
.certificate .en{ font-size: 28px; line-height: 40px; }
}

@media only screen and (max-width: 992px){
.certificate .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.page-div {top: -81px;left: 0px;width: 60%; }
.certificate-data { text-align: center;}
}
@media only screen and (max-width: 768px){
.certificate .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
.page-div {top: -181px;right: 0px;width: 20%; left:80%; }
.certificate_list .inC1Next{right: -20% !important; box-shadow: 5px 5px 15px rgba(0, 0, 0, .28); border: none!important;}
.certificate_list .inC1Prev{left: 50% !important;  box-shadow: 5px 5px 15px rgba(0, 0, 0, .28); border: none!important; }
.certificate_list{ margin-top:0px;}
}
@media only screen and (max-width: 668px){
.certificate .en{ font-size: 20px; line-height: 28px;}
}
@media only screen and (max-width: 568px){
.page-div { width: 40%; left:60%; }
}

.solution ul li{ margin-bottom:30px;}
.solution .box{ overflow:hidden;position:relative; border-radius: 10px; padding-bottom:62%;}
.solution .box img{ display:block; width:100%; position:absolute; top:0; left:0; height:100%;}
.solution .box dd{ width:100%; height:100%; position: absolute;color:#ffffff; background:rgba(0,113,187,.6); top:-100%; left:0;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.solution .box dd font{ line-height:2; width:100%; padding:10% 8%; height:5%; position:absolute; top:0; left:0; display:block;}
.solution .box dd font span{ display:block;font-size:18px; color:#ffffff;}
.solution .box p{ position:absolute; width:100%; height:.4rem; bottom:22%; left:0;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.solution .box p span{display:block; font-size:18px; color:#ffffff; padding-left: 8%; }
.solution .box:hover p{ bottom:-.4rem;}
.solution .box:hover dd{ top:0;}
.solution .more{ width:100%; text-align:center; margin-top:.4rem; text-align:center;}
.solution .more a{ font-size:.16rem; color:#fffefe; padding:.1rem .2rem; background:#1e419e;-moz-border-radius: .1rem; -webkit-border-radius: .1rem;border-radius: .1rem; }
@media (max-width:1024px) {
.solution .box{ overflow:hidden;position:relative; }
}
@media (max-width:767px) {
.solution .box{ padding-bottom:70%;}
.solution .box dd font{ line-height:1.7;}
.solution .box dd font span{ font-size:17px; margin-bottom: 10px; }
.solution .box p span{ font-size:17px; }
}
.coporation li { margin-bottom: 20px;}
.coporation li .box {position: relative; border: 1px solid #dcdcdc;}
.coporation li .box img {max-width: 100%; width: 100%;}
.case.mb50 { margin-bottom: 50px;}
.case .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.case .box{ border: 6px solid #eeeeee;}
.case .box .title{ line-height: 75px; height: 75px;color: #333; font-size: 24px;}
.case .box .title li{ padding-left: 35px; border-right: 1px solid #eee; width: 32%; float: left;}
.case .box .title li:nth-child(2){ width: 28%;}
.case .box .title li:nth-child(3){ width: 40%;}
.case .box .tit{ line-height: 50px;height: 50px; color: #666; font-size:16px; border-top: 1px solid #eee;}
.case .box .tit li{ padding-left: 35px; border-right: 1px solid #eee; width: 32%; float: left;}
.case .box .tit li:nth-child(2){ width: 28%; min-width: 385px;}
.case .box .tit li:nth-child(3){ width: 40%;}
@media only screen and (max-width: 992px){
.case .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.case .box .title{ font-size: 20px;}
.case .box .title li{ padding-left: 10px; float: left;}
.case .box .tit{ line-height: 45px;height: 45px; }
.case .box .tit li{ padding-left: 10px;}
}
@media only screen and (max-width: 768px){
.case.mb50 { margin-bottom: 30px;}
.case .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
.case .box .title{ line-height: 65px; height: 65px;}
.case .box .title li{ width: 34%;}
.case .box .title li:nth-child(2){ width: 32%;}
.case .box .title li:nth-child(3){ width: 34%;}
.case .box .tit{ line-height: 35px;height: 35px; font-size:15px; }
.case .box .tit li{ width: 34%;}
.case .box .tit li:nth-child(2){ width: 32%;}
.case .box .tit li:nth-child(3){ width: 34%;}
}
@media only screen and (max-width: 668px){
.case .en{ font-size: 20px; line-height: 28px;}
.case .box{ border: 2px solid #eeeeee;}
.case .box .title{ line-height: 55px; height: 55px;font-size: 18px;}
.case .box .title li{ width: 60%;}
.case .box .title li:nth-child(2){ width: 40%;}
.case .box .title li:nth-child(3){ display: none;}
.case .box .tit{ line-height: 30px;height: 30px; font-size:13px; }
.case .box .tit li{ width: 60%;}
.case .box .tit li:nth-child(2){ width: 40%;}
.case .box .tit li:nth-child(3){display: none;}
}
@media only screen and (max-width: 468px){
.case .box .title li{ padding-left: 1px;width: 100%;}
.case .box .tit li{padding-left: 1px;width: 100%;}
.case .box .title li:nth-child(2){ display: none;}
.case .box .tit li:nth-child(2){display: none;}

}
.case1.mb50 { margin-bottom: 50px;}
.case1 .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.case1 .box{ border: 6px solid #eeeeee;}
.case1 .box .title{ line-height: 75px; height: 75px;color: #333; font-size: 24px;}
.case1 .box .title li{ padding-left: 35px; border-right: 1px solid #eee; width: 40%; float: left;}
.case1 .box .title li:nth-child(2){ width: 28%;}
.case1 .box .title li:nth-child(3){ width: 12%;}
.case1 .box .title li:nth-child(4){ width: 20%;}
.case1 .box .tit{ line-height: 50px;height: 50px; color: #666; font-size:16px; border-top: 1px solid #eee;}
.case1 .box .tit li{ padding-left: 35px; border-right: 1px solid #eee; width: 40%; float: left;}
.case1 .box .tit li:nth-child(2){ width: 28%;}
.case1 .box .tit li:nth-child(3){ width: 12%;}
.case1 .box .tit li:nth-child(4){ width: 20%;}
@media only screen and (max-width: 992px){
.case1 .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.case1 .box .title{ font-size: 20px;}
.case1 .box .title li{ padding-left: 10px; float: left;}
.case1 .box .tit{ line-height: 45px;height: 45px; }
.case1 .box .tit li{ padding-left: 10px;}
}
@media only screen and (max-width: 768px){
.case1.mb50 { margin-bottom: 30px;}
.case1 .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
.case1 .box .title{ line-height: 65px; height: 65px;}
.case1 .box .title li{ width: 38%;}
.case1 .box .title li:nth-child(2){ width: 32%;}
.case1 .box .title li:nth-child(3){ width: 10%;}
.case1 .box .tit li:nth-child(4){ width: 20%;}
.case1 .box .tit{ line-height: 35px;height: 35px; font-size:15px; }
.case1 .box .tit li{ width: 38%;}
.case1 .box .tit li:nth-child(2){ width: 32%;}
.case1 .box .tit li:nth-child(3){ width: 10%;}
.case1 .box .tit li:nth-child(4){ width: 20%;}
}
@media only screen and (max-width: 668px){
.case1 .en{ font-size: 20px; line-height: 28px;}
.case1 .box .title{ line-height: 55px; height: 55px;font-size: 18px;}
.case1 .box .title li{ width: 60%;}
.case1 .box .title li:nth-child(2){ width: 40%;}
.case1 .box .title li:nth-child(3){ display: none;}
.case1 .box .tit{ line-height: 30px;height: 30px; font-size:14px; }
.case1 .box .tit li{ width: 60%;}
.case1 .box .tit li:nth-child(2){ width: 40%;}
.case1 .box .tit li:nth-child(3){display: none;}
}
@media only screen and (max-width: 468px){
.case1 .box .title li{ padding-left: 5px;width: 55%;}
.case1 .box .title li:nth-child(2){ width: 45%;}
.case1 .box .tit li{padding-left: 5px; width: 55%;}
.case1 .box .tit li:nth-child(2){ width: 45%;}
}
.service .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.service dl{margin-bottom: 45px;}
.service dt{font-size: 24px; font-weight: normal; margin-bottom: 30px; color: #666;  }
.service dd{font-size: 16px; color: #666; line-height: 1.5; }
.service ul{ width: 102%;}
.service ul li { width: 18%; float: left; margin-right: 2%; }
.service ul li .box{ background:rgba(153,204,255,1); width: 100%; padding: 20px 15px; min-height: 105px;}
.service ul li:hover .box{ background:rgba(0,113,187);}
.service ul li .box span{ width: 30%; float: left;}
.service ul li .box .tit{ width: 70%; float: left; text-align: left; padding-left: 10px; font-size: 16px; line-height: 32px; color: #fff;}
@media only screen and (max-width:1200px){
.service ul li { width: 31.33333%; margin-bottom: 20px;}
.service ul li:nth-child(4), .service ul li:nth-child(5) { width: 48%;}
}
@media only screen and (max-width: 992px){
.service .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.service dl{margin-bottom: 35px;}
.service dt{font-size: 20px; margin-bottom: 25px;}

}
@media only screen and (max-width: 768px){
.service .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
.service dt{font-size: 18px;margin-bottom: 15px;}
.service dl{margin-bottom: 25px;}
}
@media only screen and (max-width: 668px){
.service .en{ font-size: 20px; line-height: 28px;}
.service ul li { width:100%;}
.service ul li:nth-child(4), .service ul li:nth-child(5) { width: 100%;}
}
.question ul li { box-sizing: border-box;border-left: 1px solid #e5e5e5;  padding:60px 10px;margin-bottom: 30px}
.question ul li:hover{ background-color:#f4f4f4;}
.question ul li:nth-child(3n) {border-right: 1px solid #e5e5e5}
.question ul li a {width: 100%;height: auto;box-sizing: border-box;padding: 0px 30px;display: block}
.question ul li a .tits {font-size: 24px;line-height: 25px;height: 25px; color: #333;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px}
.question ul li a .tit { line-height: 28px; font-size: 16px; color: #666;height: 127px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px}
.question ul li a .tit1 {margin-bottom: 30px}
.question ul li a .tit1 .time {font-size: 16px;line-height: 36px; color: #0071bb}
.question ul li .btn { border: 1px solid #dcdcdc; color:#666;width:180px; border-radius: 25px; font-size: 16px; line-height:50px;height: 50px; padding:0; }
.question ul li:hover a .tits {color: #0071bb}
@media (max-width: 1200px) {
.question ul li {margin-bottom: 20px; padding:40px 0;}
.question ul li .btn {width:140px; line-height:40px;height: 40px;  }
}
@media (max-width: 768px) {
.question ul li:first-child{border-top: 1px solid #e5e5e5; }
.question ul li {width: 100%;float: none;border-left: none;border-right: none !important;border-bottom: 1px solid #e5e5e5; margin-bottom: 0px; padding:30px 0;}
.question ul li a {padding: 0 10px 15px}
.question ul li a .tits {font-size: 18px; margin-bottom: 20px}
.question ul li a .tit {height: auto;}
.question ul li a .tit1 {margin-bottom: 15px}
}
@media (max-width: 668px) {
.question ul li { padding:20px 0;}
}
.down .box .title{ line-height: 65px; height: 65px;color: #fff; background: #0071bb; border-radius: 10px; font-size: 16px; margin-bottom: 15px;}
.down .box .title li{ padding-left: 35px; width: 18%; float: left;}
.down .box .title li:nth-child(1){ width:46%;}
.down .box .tit{ line-height: 60px;height: 60px; color: #666; font-size:16px; border: 1px solid #eee; border-radius: 10px; margin-bottom: 15px;}
.down .box .tit li{ padding-left: 35px; width: 18%; float: left;}
.down .box .tit li:nth-child(1){ width: 46%;}
.down .box .tit li a {color: #0071bb;}
@media only screen and (max-width: 992px){
.down .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.down .box .title li{ padding-left: 10px; float: left;}
.down .box .tit{ line-height: 45px;height: 45px; }
.down .box .tit li{ padding-left: 10px;}
}
@media only screen and (max-width: 768px){
.down .box .title{ line-height: 55px; height: 55px;}
.down .box .tit{ line-height: 45px;height: 45px; }
}
@media only screen and (max-width: 668px){
.down .box .title li{ width: 80%;}
.down .box .title li:nth-child(4){ width: 20%;}
.down .box .title li:nth-child(3),.down .box .title li:nth-child(2){ display: none;}
.down .box .tit li{ width: 60%;}
.down .box .tit li:nth-child(4){ width: 40%;}
.down .box .tit li:nth-child(2),.down .box .tit li:nth-child(3){display: none;}
}

.job .job_top .en{ font-size: 30px; color: #0071bb; line-height: 45px; margin-bottom: 27px;}
.job .job_top p{ font-size: 16px; line-height: 30px;}
.he_f2p1 { width: 100%; position: relative;}
.he_f2p1bx { width: 100%; position: relative;}
.he_f2p1bx .he_e1pitxt p { color: #333333;}
.he_f2p1ul { margin: 0 -10px; padding-top: 130px;}
.he_f2p1li { width: 33.333333%; padding: 0 10px;}
.he_f2p1lku { width: 100%; position: relative; padding: 120px 35px; box-shadow: 0px 5px 31px 1px rgba(2, 13, 21, 0.06); cursor: pointer;}
.he_f2p1lku::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: #0071bb; border-radius: 0 0 4px 4px;}
.he_f2p1lic { width: 176px; height: 176px; position: relative; margin: 0 auto; background: #f0f4f3; border-radius: 50%; overflow: hidden;}
.he_f2p1lkxt p { font-size: 24px; line-height: 1.5; color: #333333; font-weight: bold;}
.he_f2p1lkxt { text-align: center; margin-top: 31px; overflow: hidden;}
.he_f2p1lkrt p { font-size: 16px; line-height: 1.875; color: #666666; text-align: center; overflow: hidden;}
.he_f2p1lkrt { border-top: 1px solid #dcdcdc; padding-top: 26px; margin-top: 32px;}
.he_f2p1lic { position: absolute; top: -80px; left: 50%; transform: translateX(-50%);}
@media only screen and (max-width: 1200px){
.he_f2p1lku {padding: 100px 35px; }
.he_f2p1lkxt p { font-size:19px; }
}
@media only screen and (max-width: 992px){
.job .job_top .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.he_f2p1lku { padding: 80px 35px; }
.he_f2p1lkxt p { font-size: 18px; }
}
@media only screen and (max-width: 768px){
.job .job_top .en{ font-size: 22px;line-height: 32px;margin-bottom: 10px;}
.he_f2p1lkxt p { font-size: 17px; }
}
@media only screen and (max-width: 668px){
.job .job_top .en{ font-size: 20px; line-height: 28px;}
.he_f2p1li { width:100%; padding: 0 10px; margin-bottom: 100px; clear: both;}
.he_f2p1lkxt p { font-size: 16px; }
.he_f2p1lic { width: 126px; height: 126px;top: -60px;}
.he_f2p1lic .he_img1{ margin: 0 auto; text-align: center; width: 100%;}
.he_f2p1lku { width: 100%; position: relative; padding: 40px 10px; }
.he_f2p1lkrt {padding-top: 20px; margin-top: 20px;}
.he_f2p1lkrt p { line-height: 1.5; }
}
.joblist li:nth-child(7){width:2%; margin-left: 3%;  position: relative; text-align: center;}
.joblist li:nth-child(7)::before{ content: "+"; font-size: 20px; left: 1%; top:0; width: 100%; height: 90px; position: absolute;background: #0071bb; color: #fff;}
.joblist li.showjobinfo{ display:none;width:100%; clear:both; }
.joblist_mid{padding-left:2em; padding-right:2em;}
.joblist_mid_2,.joblist_mid_3,.joblist_mid_4{text-align:center}
.joblist_mid_t{font-size:16px; color: #333;}
.joblist{display:block;}
.jobs_4_2{padding-top:5px; font-size: 16px; color: #666; padding-bottom: 40px; overflow:hidden;}
.jobs_4_2 ul{ cursor:pointer;background-color:#fff; margin-bottom: 30px;  box-shadow: 0 0 3px 0 rgba(0,0,0,0.12); }
.jobs_4_2 ul li{float:left; width:12%;line-height: 90px;font-size: 16px; color: #666; }
.jobs_4_2 ul li:first-child{ width:35%;font-size: 18px; color: #333; border-left:3px #0071bb solid; }
.showjobinfo_mid{padding:3em 2em 2em 2em; border-top: 1px solid #eee; }
.showjobinfo_mid_1{line-height:1.8; overflow:hidden; margin-bottom:2em;}
.showjobinfo_mid_1 h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px; color: #0071bb;}
.showjobinfo_mid_1 p{ color: #333;}
.showjobinfo_mid .mail{ text-align: center; font-size: 18px; line-height: 50px;height: 50px; width: 170px; border-radius: 25px; background-color: #0071bb;}
.showjobinfo_mid .mail a{ color: #fff;}
.jobs_4_2 ul.joblist.on li.showjobinfo{display:block}
.jobs_4_2_2{margin:3em 0 5.5em 0}.jobs_4_2_2 a{border:1px #d3d7df solid;}
.joblist.on li:nth-child(7)::before{ content: "-"; }
@media screen and (max-width: 1200px){
.joblist li:nth-child(5),.joblist li:nth-child(6){display:none }
.jobs_4_2 ul{ margin-bottom: 20px;}
.jobs_4_2 ul li{ width:18%;line-height: 70px;}
.jobs_4_2 ul li:first-child{ width:42%;}
.joblist li:nth-child(7){width:4%;margin-left: 0;}
.jobs_4_1_3 .joblist li{  line-height: 62px; }
.jobs_4_2 ul li{ line-height: 62px;}
}
@media screen and (max-width: 768px){
.joblist_mid{padding:0 1em;}
.showjobinfo_mid{padding:1em;}
.jobs_4_2 ul li{ width:25%;}
.joblist li:nth-child(5){display:none}
.joblist li:nth-child(2){width:29%;}
.joblist li:nth-child(4){display:none }
.jobs_4_1_3 .joblist li{  line-height: 52px; }
.jobs_4_2 ul li{ line-height: 52px;}
.joblist li:nth-child(7)::before{ height: 52px; }
}
@media screen and (max-width: 468px){
.joblist li:nth-child(3){display:none}
.joblist li:nth-child(7){width:6%;margin-left: 0;}
.joblist li:nth-child(2){width:33%;}
.jobs_4_2 ul li:first-child{ width:60%;}
.showjobinfo_mid_1 h3{ font-size: 16px;}
.showjobinfo_mid .mail{ width: 100%;font-size: 16px;}
}
@media screen and (max-width: 420px){
.showjobinfo_mid .mail{ font-size: 15px;}
.showjobinfo_mid{padding:1em 0px;}
.joblist li:nth-child(2){ display: none;}
.jobs_4_2 ul li:first-child{ width:92%;}
.joblist li:nth-child(7){width:8%;}
.jobs_4_2 ul li:first-child{font-size: 16px; }
}
.joinmore { margin: 30px 0;}
.joinmore a{ color:#fff;font-size:18px; font-weight:normal;padding:13px 30px; border-radius: 20px; background-image: linear-gradient(to right,#004ea2, #2db4aa); line-height:30px; position: relative; }
.joinmore a:after{ position: absolute; right:30px; left: auto; width: 40px; height: 30px; top: 10px; content: "";  }
.joinmore a:hover{ background: #004ea2;  color: #fff;}
.resume{ background: #fbfbfb; padding: 40px 85px;}
.resume .form-main {padding-top: 20px;}
.resume .form-main .form-tit{ line-height: 50px; font-size: 18px; color: #333;}
.resume .form-main .form-tit span{ color: #cc0000; margin-left: 5px;}
.resume .form-item {margin-bottom: 20px;}
.resume form .button {text-align: center;}
.resume form .button button {padding: 17px 70px;background-color: #0e6db6;color: #fff; border-radius: 30px;}
.resume .form-item {border: 1px solid #dcdcdc; background: #fff; border-radius: 10px; line-height: 60px; height: 60px; padding: 0 10px; }
.resume .form-item span{ width:8%; margin-right: 2%; float: left;}
.resume .form-item input {width: 90%;border: 0;  float: left;font-size: 16px; line-height: 58px;  }
.resume .form-area{border: 1px solid #dcdcdc; height: 150px;margin-bottom: 50px; border-radius: 10px;}
.resume .form-area textarea { width: 100%; float: left; height: 148px; border: 0;font-size: 16px; line-height: 52px;background: url(../images/message6.png) top left no-repeat;  padding-left: 70px; }
.resume .form-area span{ width:8%; float: left; margin-right: 2%;}
.resume .form-bottom {margin-top: 60px;}
.resume .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.resume .form-bottom #code {width: 285px;height:65px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 5px; color: #999;}
.resume button{ border: 0px;}
.d-inline {display: inline-block;}
@media(max-width:1200px) {
.resume{ padding: 5px 25px;}
.resume .form-item {line-height: 50px; height: 50px;}
.resume .form-item input {line-height: 48px;  }
}
@media(max-width:992px) {
.resume .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; }
.resume .form-area span{ width:4%; float: left;}	
.resume .form-main {padding-top: 0px;}
}
@media(max-width:768px) {
.resume .form-bottom #code {width: 185px; }
.resume form .button button {padding: 15px 30px; }
}
@media(max-width:468px) {
.resume form .button { margin-top: 25px;}
.resume .form-bottom span { display: none;}
.resume form .fr{ float: left;}
.resume form .button button {padding: 15px 40px; }
}

.contact .en{ font-size: 30px; color: #333; line-height: 45px; margin-bottom: 27px;}
.contact .text .addr{position:relative; padding-left:35px; margin-bottom:10px; padding-bottom: 20px;}
.contact .text .addr .icon{display:inline-block; width:25px; height:22px; background:url(../images/contact_us01_2.png) no-repeat left; position:absolute; left:0; top:3px; margin-right: 5px;}
.contact .text .addr span{display:inline-block; font-size:18px; color:#3d3d3d; line-height:30px;}
.contact .text .tel{position:relative; padding-left:35px; font-size:18px; color:#3d3d3d;  margin-bottom:10px;padding-bottom: 22px;}
.contact .text .tel .icon{display:inline-block; width:25px; height:22px; background:url(../images/contact_us01_3.png) no-repeat left; position:absolute; left:0; top:2px; margin-right: 5px;}
.contact .text .fax{position:relative; padding-left:35px; font-size:18px; color:#3d3d3d;  margin-bottom:10px;padding-bottom: 22px;}
.contact .text .fax .icon{display:inline-block; width:25px; height:22px; background:url(../images/contact_us01_4.png) no-repeat left; position:absolute; left:0; top:2px; margin-right: 5px;}
.contact .text .mail{position:relative; padding-left:35px; font-size:18px; color:#3d3d3d;  margin-bottom:10px;padding-bottom: 22px;}
.contact .text .mail .icon{display:inline-block; width:25px; height:22px; background:url(../images/contact_us01_5.png) no-repeat left; position:absolute; left:0; top:5px; margin-right: 5px;}
.contact .text .tel a,.contact .text .fax a,.contact .text .mail a{color:#3d3d3d; }
.contact .text .tel a:hover,.contact .text .fax a:hover,.contact .text .mail a:hover{color:#0c4d97; }
.contact .contatc_right{ width: 50%; float: right;}
.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .ditu{width:100%;height:665px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}
@media only screen and (max-width: 992px){
.contact .en{ font-size: 26px;line-height: 36px; letter-spacing: 0px; margin-bottom: 20px;}
.contact .map_box .map{ margin-top: 20px; }
.contact .ditu{width:100%;height:300px; }
}
@media only screen and (max-width: 768px){
.contact .en{ font-size: 22px;line-height: 32px; }
.contact .text .addr,.contact .text .fax{ margin-bottom:0px;}
.contact .text .tel,.contact .text .mail{ margin-bottom:0px;}
}
@media only screen and (max-width: 668px){
.contact .en{ font-size: 20px; line-height: 28px;}
}
.ab_f5part3 {width: 100%;height:615px; overflow: hidden;box-shadow: #ebebeb 0px 0px 10px;border-radius: 10px;}
.ab_f5p3new {padding: 65px 90px 73px;width: 60%; float: right; position: relative;}
.ab_f5part3.ab_cf { margin-top: 60px;}
.ab_f5p3pic { border-top-left-radius: 10px;border-bottom-left-radius: 10px;overflow: hidden; position: relative; float: left;}
.ab_f5p3bg {position: relative;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;}
.ab_f5p3bg img{ width: 100%; height: 100%; overflow: hidden;}
.ab_f5p3mc {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .26);border-radius: 14px 0 0 14px;position: absolute;top: 0;left: 0;z-index: 5;pointer-events: none;}
.ab_f5p3bgnew {width: 100%;height: 100%;padding:80px 60px;position: absolute;top: 0;left: 0;z-index: 10;}
.ab_f5p3bgnew h2 {font-size: 36px;line-height: 1.5;color: #fff;font-weight: bold;}
.ab_f5ly img {width: 100px;position: absolute;bottom:95px;left: 60px;z-index: 5;}
.ab_inputli {width: 49%;border: 1px solid #dcdcdc; border-radius: 5px;margin-bottom: 25px;margin-right: 2%;}
.ab_inputli:nth-child(2n) {margin-right: 0px;}
.ab_inputli label { color: #999999;line-height: 45px;}
.ab_inputli input { width: 100%;padding: 15px;border-radius: 5px;border: 0px solid #dcdcdc;}
.ab_text {width: 100%;height: 195px;border: 1px solid #dcdcdc;border-radius: 5px;margin-bottom: 35px;}
.ab_text textarea { color: #999999;line-height: 1.5;width: 100%;height: 100%;padding: 20px;}
.ab_send {width: 165px; height: 50px; line-height: 50px; background-color: #0071bb;color: #fff;border-radius: 20px;text-align: center;cursor: pointer;}
.ab_send .button button {font-size: 16px;line-height: 45px;background: none; border: none; width: 100%;}
.ab_yzmpic {width: 90px;line-height: 50px;}
.ab_yzmpic img {width: 100%;}
@media only screen and (max-width:1200px){
.ab_f5part3 { padding: 20px; height: auto;}
.ab_f5p3pic { display: none;}
.ab_f5p3new {padding: 25px 40px 25px;width: 90%; margin: 0 auto; float: none; position: relative;}
}
@media only screen and (max-width:500px){
.ab_inputli {width: 100%; margin-right: 0px; margin-bottom: 15px;}

}
.policy strong { font-weight: bold; margin-bottom: 20px;}
.policy{ line-height: 32px;}