@charset "utf-8";
/* CSS Document */


/************nbanner*****************/
.n-banner { position: relative;height: 550px;display: flex;align-items: center;}
.n-banner::before {content: '';position: absolute;left: 0px; top: 0px;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.35);}
.n-banner-box { width:100%; position:relative; z-index:6;}
.n-banner-box .n-banner-tit {font-size: 45px;line-height: 1.5; color:#fff;font-family:'EatonMedium';}
.n-banner-box .n-banner-p { margin:10px 0px 0px;color:#fff;font-size: 18px;line-height:1.8;}

@media (max-width:767px){ 
.n-banner { position: relative;height: 350px;display: flex;align-items: center;}
.n-banner-box .n-banner-tit {font-size: 30px;font-weight:bold;line-height: 1.5; color:#fff;}
.n-banner-box .n-banner-p { margin:10px 0px 0px;color:#fff;font-size: 16px;}
}



/*****************公司简介*****************/
.about-1{ width:100%; overflow:hidden; position:relative}
.about-1left{ float:left; width:67%; overflow:hidden;z-index:3; background:url(../images/bg-3.jpg) no-repeat left top;}
.about-1right{ float:right; width:33%; overflow:hidden;z-index:3;}
.about-1ra,.about-1ra img{ float:left; width:100%; overflow:hidden; height:auto}
.about-1ra:hover img,.about-1rb:hover img{transform:scale(1.02)}
.about-1rb,.about-1rb img{ float:left; width:100%; overflow:hidden; height:auto; position:relative}
.about-1wz{ width:100%; overflow:hidden; height:100%; position:absolute;left:0px;top:0px; z-index:12; text-align:center}
.about-1wz:before{ height:100%; content:""; display:inline-block; vertical-align:middle}
.about-1ver{ width:80%; overflow:hidden; display:inline-block; vertical-align:middle; text-align:left}
.about-1ver span{ float:left; width:100%; overflow:hidden; font-size:28px; color:#fff}
.about-1ver p{ float:left; width:100%; overflow:hidden; font-size:16px; color:rgba(255,255,255,0.7); line-height:24px; margin-top:34px;text-indent: 2em;}
.about-1age{ width:auto; position:absolute;left:9vw;bottom:-50px; z-index:2; font-size:240px; color: #666;opacity: 0.1; font-style:italic;}
.about-1content{float:left;width: 65%;overflow:hidden;margin:8vw 0px 0px 14%;}
.about-1content h3{ float:left; width:100%; overflow:hidden; font-size:36px; color:#333}
.about-1info{ float:left; width:100%; overflow:hidden; font-size:15px; color:#666; line-height:1.7;height:480px; position:relative; z-index:3; padding-right:18px;}
.about-1info p{ float:left; width:100%; overflow:hidden; margin-top:20px;text-indent: 2em;}
.about-1content span{ float:left; width:auto; height:32px;text-align:center; margin-top:5.8vw; background:#1b92d1; padding:9px 30px}
.about-1content span em{ float:left; width:auto; line-height:32px; overflow:hidden; font-size:16px; color:#fff}
.about-1content span samp{ float:left; width:32px; height:32px; overflow:hidden;border-radius:50%; background:#3ab0ef url(../images/icon-9.png) no-repeat center;transform:rotate(-45deg); margin-left:40px}
.about-1left ul{float:right;width:210px;overflow:hidden;margin-top:11vw;margin-right: 1vw;}
.about-1left ul li{ float:left; width:100%; overflow:hidden; margin-bottom:4vw}
.about-1left ul li span{ float:left; width:auto; overflow:hidden; font-size:60px;color:#006ec7;}
.about-1left ul li span em{ font-style:normal;}
.about-1left ul li p{ float:left; width:100%; overflow:hidden; font-size:16px; color:#333;}

@media screen and (max-width: 1366px) {
.about-1ver span{font-size:22px;}
.about-1age{bottom:-110px; font-size:220px; }
.about-1content{margin:5vw 0px 0px 12%;width: 56%;}
.about-1content h3{font-size:26px;}
.about-1info{  font-size:14px;line-height:28px}
.about-1info p{ margin-top:12px}
.about-1content span{height:28px;margin-top:4vw; padding:8px 20px}
.about-1content span em{  line-height:28px;  font-size:14px;}
.about-1content span samp{ width:28px; height:28px;margin-left:30px}
.about-1left ul{width:190px;margin-top:4vw;margin-right:4vw}
.about-1left ul li{ margin-bottom:2vw}
.about-1left ul li span{font-size:56px;}
.about-1left ul li p{font-size:14px;}
.about-1info{ float:left; width:100%; overflow:hidden; font-size:15px; color:#666; line-height:1.7;height:420px; position:relative; z-index:3; padding-right:18px;}

}


@media screen and (max-width: 1000px) {
.about-1left{width:100%;padding:0px 5%;box-sizing:border-box }
.about-1right{ float:left; width:100%; margin-top:30px }
.about-1ver{ width:90%;}
.about-1ver span{ font-size:20px;}
.about-1content{ width:100%;  margin:8vw 0px 0px 0%}
.about-1content h3{font-size:22px;}
.about-1info{line-height:24px}
.about-1info p{ margin-top:10px}
.about-1left ul{ float:left; width:100%;margin-top:5.8vw;margin-right:4.5vw}
.about-1left ul li{ width:50%; margin-bottom:2vw}
.about-1left ul li span{font-size:30px;}
.about-1left ul li p{font-size:12px;}
}

/*************醉美园区*******************/
.Plant_bg{ padding:4% 0px; background:#f5f5f5; overflow:hidden;}
.n_plant_tit{ font-size: 36px;color: #333; font-weight: bold;line-height: 2;}
.n_plant_tit span{overflow: hidden; margin: 0px 0px 0px 9%}

@media screen and (max-width: 1366px) {
  .n_plant_tit{ font-size:26px;}
  .n_plant_tit span{overflow: hidden; margin: 0px 0px 0px 7%}

}
@media screen and (max-width: 1000px) {
  .n_plant_tit{ font-size:22px;}
  .n_plant_tit span{overflow: hidden; margin: 0px 0px 0px 5%}
}
.pc-banner {width: 100%;float: left;}
@media screen and (max-width: 668px) {
.pc-banner {background-size: auto 100%;}
}

.pc-banner .swiper-container {width: 100%;margin: 35px 0;}

@media screen and (max-width: 668px) {
.pc-banner .swiper-container {	margin: 20px 0 15px;}
}

.pc-banner  .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media screen and (max-width: 668px) {
.pc-banner .swiper-slide {-webkit-transform: scale(0.97);transform: scale(0.97);}
}

.pc-banner  .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}

@media screen and (max-width: 668px) {
.pc-banner	.swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(0.97);transform: scale(0.97);}
}

.pc-banner  .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}

.pc-banner  .swiper-slide a {background: #fff;padding:10px;display: block;border-radius: 14px;}

@media screen and (min-width: 668px) {
.pc-banner .swiper-slide a:after {position: absolute;top: 0;left: 0;display: block;box-sizing: border-box;border: 10px solid #fff;content: "";width: 100%;height: 100%;background: url(images/top_slick_cover_bg01.png) 0 0 repeat;}
}

.pc-banner  .swiper-slide-active a:after {background: none;}

@media screen and (max-width: 668px) {
.pc-banner .swiper-slide a {padding: 5px;border-radius: 7px;}
}

.pc-banner  .swiper-slide img {width: 100%;border-radius: 14px;display: block;}

@media screen and (max-width: 668px) {
.pc-banner .swiper-slide img {border-radius: 7px;}
}

.pc-banner  .swiper-pagination {position: relative;margin-bottom: 30px;}
.pc-banner  .swiper-pagination-bullet {background: #006ec7;margin-left: 4px;margin-right: 4px;width: 6px;height: 6px;opacity: 1;margin-bottom: 2px;}
.pc-banner  .swiper-pagination-bullet-active {width: 6px;height:6px;background: #FFF;border: 1px solid #006ec7;margin-bottom:2px;}

@media screen and (max-width: 668px) {
.pc-banner .swiper-pagination {position: relative;margin-bottom: 20px;}
.pc-banner .swiper-pagination-bullet {background: #006ec7;margin-left: 2px;margin-right: 2px;width: 8px;height: 8px;margin-bottom: 2px;}
.pc-banner .swiper-pagination-bullet-active {width:10px;height: 10px;background: #FFF;border: 3px solid #006ec7;margin-bottom: 1px;}
}

.pc-banner  .button {width: 1000px;margin: 0 auto;bottom: 43px;position: relative;}
@media screen and (max-width: 668px) {
.pc-banner .button {width: 70%;bottom: 22px;}
}

.pc-banner  .button div:hover {background-color: #006ec7;}

.pc-banner  .swiper-button-prev {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #006ec7 center 50%/50% 50% no-repeat;
}
.pc-banner  .swiper-button-next {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #006ec7 center 50%/50% 50% no-repeat;
}

@media screen and (max-width: 668px) {
.pc-banner .button div {width: 28px;height: 28px;}
}	





/*********荣誉资质**************/
.n-honor-bg{ position:relative; padding:50px 0px; overflow:hidden;background:url(../images/intro-list6-bg.jpg) center bottom no-repeat; background-size:cover;}


.honor_list .honor_tu{ border:2px solid #006ec7; overflow:hidden;}
.honor_list .honor_tu img{ max-width:100%;transition: 0.4s;}
.honor_list .honor_tit{ text-align:center; background:#006ec7; color:#fff; font-size:16px; padding:5px 0px; line-height:2;}
.honor_list .swiper-slide:hover .honor_tu img {transform: scale(1.1);}

.honor_list{padding-bottom: 40px;}

/**********文化***************/
.wh{padding: 0;background: url(../images/wh.jpg) center no-repeat;background-size: cover;width: 100%; height: 100%;overflow: hidden;}
.wh dl dd{position:relative;overflow:hidden;height:700px; float:left; width:33.33%; color: #fff;border-right:rgba(255,255,255,0.2) 1px solid;}
.wh dl dd .con{text-align:center;position:relative;margin-top: 40%;}
.wh dl dd:before{ content:""; position:absolute;background:rgba(0, 110, 199, 0.75); right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.wh dl dd:hover:before{ left:0; width:100%}
.wh dl dd .icon{font-size:65px;transition: all 0.6s ease-in-out;line-height: 2;} 
.wh dl dd .p{ font-size:16px; line-height:2;transition: all 1s;}

.wh dl dd h3{position: relative; font-size:24px; line-height:1.45; font-weight:normal; margin-bottom:20px;}
.wh dl dd h3:after{ content: "";width: 25px;height: 2px;background: #006ec7;display: none;margin: 15px auto;}
.wh dl dd:hover h3{transition: all 1s;height:70px;padding-top: 20px;}
.wh dl dd:hover h3:after{display: block;}
.wh dl dd:hover .p{transition: all 1s;padding-top: 10px;}
@media (max-width: 767px){
.wh dl dd{position:relative;overflow:hidden;height:auto; float:left; width:100%;border-right:none;border-bottom:rgba(255,255,255,0.2) 1px solid;}
.wh dl dd:last-child{border-bottom:none;}
.wh dl dd .con{ text-align:center;position:relative;margin:10% 0px;}
.wh dl dd:hover h3:after{display: none;}
}






/**********三大块*********************/
.index_san_bg{ position:relative;}
.index_san_tu{ position:relative; height:100%;}
.index_san_tu img{ width:100%;}
.index_san_kuang {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    color: #fff; 
}
.index_san_kuang .container{ padding-left:120px; position:relative;}
.index_san_kuang .container:before {
    content:' “— ';
    position: absolute;
    left: -15px;
    top:-10px;
    display: block;
    color: #fff; 
    font-size: 55px;
}


.index_san_t1 { font-size: 26px;font-family:Georgia, "Times New Roman", Times, serif; line-height: 1.6; max-width:945px; transition:all 0.8s ease-in-out;  opacity:0; transform:translate(180px,0px) }
.index_san_t2 { font-size: 26px; font-family:Georgia, "Times New Roman", Times, serif;line-height: 1.6; max-width:945px; transition:all 0.8s ease-in-out;  opacity:0; transform:translate(180px,0px) }
.index_san_p1 { font-size: 26px; font-family:Georgia, "Times New Roman", Times, serif;line-height: 1.6; opacity:0; margin-bottom: 35px; max-width: 945px; letter-spacing: 2px; transition:all 0.8s ease-in-out;  transform:translate(180px,0px) }
.index_san_btns{ transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px) }

.swiper-slide-active .index_san_t1{transform:translate(0,0); opacity:1; transition-delay:0.2s;}
.swiper-slide-active .index_san_t2{transform:translate(0,0); opacity:1; transition-delay:0.3s;}
.swiper-slide-active .index_san_p1{transform:translate(0,0); opacity:1; transition-delay:0.4s;}
.swiper-slide-active .index_san_btns{transform:translate(0,0); opacity:0; transition-delay:0.5s;}


   
.index_san_dot{ position:absolute;bottom: auto; left: 0;width: 100%;top: 50%; margin-top:127px;transform: translateY(-50%);z-index: 9;}
.index_san_dot .swiper-pagination-bullet {
    width: 3px;
    height: 13px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity:1; border-radius:0px; margin-right:10px;
	transition: all .3s;
}
.index_san_dot .swiper-pagination-bullet-active {
	width: 3px;
    height: 24px;
    background: #006ec7;
}



/***************下载********************/
.down_bg{ padding:50px 0px; position:relative; background:#f8f8f8;}
.xzlb{ display:block; margin-left:-26px;overflow:hidden;}
.xzlb dd{display:block;float:left;width: calc(33.33333% - 26px);margin-left:26px;margin-bottom:20px;margin-top:10px;background:#fff;border-left:2px solid #006ec7;padding:15px 17px;box-sizing:border-box;}
.xzlb dd .rf{ float:right;height: 43px;}
.xaml{display:block;float:left;width: calc(100% - 65px);border-right:1px solid #dbdbdb;line-height:43px;font-size:14px;color:#444;}
.xaml a{font-size:14px; color:#444;}
.xzlb dd:hover .xaml a{ padding-left:5px; color:#006ec7;}


/*****产品*****/
.pro_box{ position:relative;background:#006ec7;overflow: hidden;}
.pro_lf{ width:380px; background:#006ec7; padding:3% 25px 10px 25px; float:left;}
.pro_lf dl{  margin-bottom:5px; border-radius:10px;}
.pro_lf dt.pro_b{ position:relative;}
.pro_lf dt.pro_b a{display:inline-block;color:#fff;line-height:45px;font-size: 16px; padding-left:10px;}
.pro_lf dt.pro_b span{ position:absolute; right:0px;background: url(../images/icon_pro.png) center center no-repeat; cursor:pointer;width:50px;height: 50px;display: inline-block;}
.pro_lf dt.pro_b span.minus{background: url(../images/icon_nav01.png) center center no-repeat; cursor:pointer;width:50px;height: 50px;display: inline-block;float: right;}
.pro_lf dd{ display:none;}
.pro_lf dd li a{position: relative;display:block;color:#fff;font-size:14px;padding-left:20px;line-height:2.5;}
.pro_lf dd li.on a{background:#f8f8f8;color:#006ec7;}
.pro_lf dd li a:before {left:10px;top: 50%;transform: translateY(-50%);content: "";display: block;width: 3px;height: 0;transition-duration: .5s;background: #006ec7;position: absolute;}
.pro_lf dd li.on a:before,.pro_lf dd li:hover a:before {height: 100%; }
.pro_lf dl:nth-child(1) dd{ display:block;}


.pro_rf{width:calc(100% - 380px);background:#f8f8f8;padding: 3%; float:right;}
.pro_list{ margin-left:-20px; position:relative; overflow:hidden;}
.pro_list li{float: left;width:calc(33.3333% - 22px); background:#fff; margin-bottom:20px; border-radius:10px; text-align:center; overflow: hidden;border:1px solid #e0e0e0;margin-left: 20px; box-sizing:border-box;}
.pro_list li .pic{width:100%; overflow:hidden; padding:20px 0px;}
.pro_list li .pic img{width:100%;transition: 0.38s;}

.pro_list li .txt{width:100%;line-height:1.5;background: #006ec7; padding:15px 10px; text-align:center;} 
.pro_list li .txt a{font-size: 15px;color: #fff;display: block;font-family: open sans, arial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pro_list li .more{ margin-bottom:20px;display:inline-block; font-size:15px;width:90px;height:36px; line-height:34px; color:#006ec7; border:1px solid #006ec7;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pro_list li:hover .more {background: #006ec7; color:#fff;border:1px solid #006ec7;}

.pro_list li:hover { box-shadow: 10px 5px 10px 2px rgba(110, 117, 129, .18);}

.pro_list li:hover .pic img{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1)}


.pro_rf_tit{ display:none; text-align:center; font-size:20px; font-weight:bold;line-height:2; color:#006ec7; margin-bottom:30px;}

@media (max-width:1199px){ 
.pro_list li{float: left;width:calc(50% - 22px);}
}

@media (max-width:769px){ 
.pro_list li{float: left;width:calc(100% - 22px);}
}

@media (max-width:767px){ 
.index_type_select .index_type_title{height:350px;}
.type_box_form .type_search .type_txt { width: calc(100% - 70px);}
.pro_lf{ width:100%; background:#006ec7; padding:3% 25px 10px 25px; float:left; display:none;}
.pro_rf{width:100%;}
.pro_list li{float: left;width:calc(100% - 22px);}
.pro_rf_tit{ display:block;}
}

/******************产品详情***********************/
.n_pro_wrap { width:100%; position:relative;display:flex;align-items:center;}
.n_pro_text {order:1;}
.n_pro_text .n_pro_tit{ color:#006ec7;font-size:30px;font-weight:600;}
.n_pro_text .n_pro_tit span{ margin-left:10px;font-size:28px; color:#ff7600;font-family: -webkit-body;}
.n_pro_text .n_pro_des{margin-bottom: 10px;font-size: 15px;line-height: 1.8;color:#313133;margin-top: 10px;font-family:Arial;}


.pro_zl{border:2px solid #006ec7;padding:5px 20px;border-radius:10px;display: inline-block;font-size: 18px;font-weight: bold;color: #006ec7; margin-right:20px;}

.n_pro_img { order:2;}

.npro_xq_box{ margin-bottom:30px;overflow: hidden;}
.n_xq_tit{ font-size:18px;color:#006ec7; line-height:2; border-bottom:1px solid #006ec7; margin-bottom:30px;}
.npro_xq_box p {font-size:14px;line-height:1.8;color: #3a3a3a;margin-bottom: 5px;font-family:Arial;}

/******技术参数********/
.jy_tx{}
.jy_tx p {position: relative;margin: 5px 0;color: #333333;padding-left: 20px;font-size: 16px;font-family:Arial;}
.jy_tx p::before { content: "●";position: absolute;left: 0;top: -5px;font-size: 20px; line-height: inherit;color: #006ec7;}


@media only screen and (max-width:768px ) {	
.n_pro_wrap {flex-wrap: wrap;padding:0px 0 50px;}
.n_pro_text { padding-left: 0%; order: 2; margin-top:20px;}
.n_pro_text .n_pro_tit { color: #006ec7;font-size: 20px;font-weight: 600;}
.n_pro_text .n_pro_tit span {font-size: 22px;}
}



/********推荐产品**************/
.n_plant_bg{padding: 4% 0px;background:#efefef;overflow: hidden; position:relative;}

/********标题**************/
.hmc2m { line-height: 55px; position: relative; padding-left: 14px; display: inline-block; margin-bottom:30px; }
.hmc2m span { font-size: 22px; color: #006ec7; font-weight:bold; display: inline-block; position: relative; z-index: 2; transition: all 0.5s ease-in-out; }
.hmc2m i { height: 55px; width: 55px; position: absolute; left: 0px; top: 0px; display: block; transition: all 0.5s ease-in-out; }
.hmc2m i:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px dashed #006ec7;animation: rotate 8s linear infinite;}
.hmc2m:hover i:after { animation: rotate 8s linear infinite; }
.hmc2m:hover i { transform: scale(1.2); }
.hmc2m:hover span { transform: translateX(5px); }
@keyframes rotate{
from{transform: rotate(0deg)}
to{transform: rotate(360deg)}
}

.n_plant_box{margin-top: 1.25rem;padding-bottom:50px;position: relative;overflow: hidden;}

.n_plant_box .img{ overflow:hidden;}
.n_plant_box .img img{transform:scale3d(1,1,1);transition: all .3s linear 0s;}
.n_plant_box .swiper-slide:hover .img img{ transform: scale(1.1);}
.n_plant_box  p { color: #393939; margin-top: .5rem; text-align: center; font-size:16px; line-height:1.5;}
.n_plant_box .swiper-pagination .swiper-pagination-bullet{ width: 12px; height: 12px; background: #fff; margin: 0 6px; border-radius: 50%;opacity: 1;}
.n_plant_box .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #006ec7;}





/*************新闻*******************/
.n-news-top{ position:relative;  padding:40px 0px; overflow:hidden;}
.n-news-top a{align-items: center;background: #f8f8f8;}
.n-news-top a .boxLeft { width: 50%; box-sizing: border-box;  padding:0px 3%;}
.n-news-top a .boxLeft .content1 {font-size: 1rem; color: #999;}
.n-news-top a .boxLeft .content1 img { margin-right: 0.625rem; vertical-align: middle;}
.n-news-top a .boxLeft .content2 {font-size: 1.5rem;color: #000;margin-top: 0.55rem;transition: 0.4s;}
.n-news-top a .boxLeft .content3 {margin: 0.5rem 0;}
.n-news-top a .boxLeft .content3 span { display: inline-block; width: 3rem; height: 2px; background: #006ec7;}
.n-news-top a .boxLeft .content4 {font-size: 1.125rem;color: #666;line-height: 1.8;}
.n-news-top a .boxLeft .content5 {margin-top: 3rem;}
.n-news-top a .boxLeft .content5 .index_link {font-size: 1rem; display: block; width: 10rem; line-height: 3.4375rem;color: #fff;background: #006ec7;text-align: center; position: relative;}
.n-news-top a .boxLeft .content5 .index_link  img {margin-left: 0.625rem;position: relative;transition: 0.4s; right: 0;}
.n-news-top a .boxLeft .content5 .index_link:hover img {right: -1rem;}
.n-news-top a .boxRight { width: 50%;}
.n-news-top a .boxRight p { overflow: hidden;}
.n-news-top a .boxRight p img { width: 100%; transition: 0.4s;}
.n-news-top a:hover .boxLeft .content2 { color: #006ec7;}
.n-news-top a:hover .boxRight p img { transform: scale(1.1);}
	  
	
.n-news-bottom{ position:relative; overflow:hidden; padding:30px 0px;}	  
.rn_news .item { float: left; width: 32%; margin-right: 2%; box-shadow: 0px 0px 1rem #eee; transition: 0.4s; margin-bottom: 3.375rem;}
.rn_news .item:nth-child(3n) { margin-right: 0;}
.rn_news .item a { display: block;}
.rn_news .item a .content1 { overflow: hidden; border-radius: 5px;}
/*.rn_news .item a .content1 img { width: 100%; transition: 0.4s;}*/
.rn_news .item a .mc_list_imgbox { position: relative;overflow: hidden;}
.rn_news .item a .mc_e1_imgbox img {object-fit: cover;z-index: initial;transition: all .36s;}
.rn_news .item a .mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;}

.rn_news .item a .content2 {padding: 2rem;}
.rn_news .item a .content3 { font-size: 1rem; color: #999;}
.rn_news .item a .content3 img { margin-right: 0.625rem; vertical-align: middle;}
.rn_news .item a .content4 {font-size: 1.3rem;color: #000;margin: 1.25rem 0;transition: 0.4s;}
.rn_news .item a .content5 {font-size: 1rem;color: #888;line-height: 2rem;height: 4rem;}
.rn_news .item a .content6 {margin-top: 2rem;font-size: 1rem;color: #006ec7;}
.rn_news .item a .content6 span { position: relative;top: 2px;}
.rn_news .item:hover {  box-shadow: 0px 0px 1rem #ddd;}
.rn_news .item:hover a .content1 img {  transform: scale(1.1);}
.rn_news .item:hover a .content4 { color: #006ec7;}
  

@media only screen and (max-width:768px ) {	
.n-news-top a .boxLeft { width: 100%;padding:4% 3%;}
.n-news-top a .boxRight {width: 100%;}
.rn_news .item { width: 100%; margin-right: 0%;}
}


/*****详细页*****/
.n_box{ position:relative; padding:40px 0px;}
.news-art-main{background: #f9f9f9;margin:0px auto;padding:5%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding-top: 30px;padding-bottom: 40px;font-family:Arial;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666; font-family:Arial;}



.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#006ec7;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #006ec7;line-height:36px;text-align: center;box-sizing: border-box;color: #006ec7;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #006ec7;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/***-----------加入我们---------****/
.join_bg{position:relative; padding:130px 0px 50px;}
.join_four{width:100%;position: relative;}

.join_four .slide-item{position:relative;width:100%;text-align:center;cursor:pointer}
.join_four .slide-item .item-bg{width:100%;height:100%;  vertical-align: middle;}
.join_four .slide-item .bg{position: absolute; width: 100%;height: 100%; left: 0;top: 0; background: #a6a9b0;mix-blend-mode: multiply;}
.join_four .mask{position:absolute; width:100%; text-align:center;left:0;right:0;top:0;bottom:0;}
.join_four .mask .content{position:absolute;left:0;right:0;top:40%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.join_four .mask .content .item-title{color:#fff;font-size: 20px;line-height:1;transition:all .4s cubic-bezier(.4,0,.2,1);}
.join_four .mask .content .line-panel{font-size:0;line-height:0;margin-top:0.5rem;transition:all .4s cubic-bezier(.4,0,.2,1)}
.join_four .mask .content .line-panel .item-line{width:20px;height:2px;background:#30d8a8;display:inline-block;transition:all .4s cubic-bezier(.4,0,.2,1)}
.join_four .mask .content .item-icon{ width:100%; max-width:38px; margin-top:15px;}

.join_four .swiper-slide:hover .content{top:35%;}
.join_four .swiper-slide:hover .slide-item .bg{background:#006ec7;}

.join_four .swiper-button-next{ display:none;}
.join_four .swiper-button-prev{ display:none;}


.recruit { background: #f7f7f7; padding: 60px 0 110px; box-sizing: border-box;}
.wish-wrap {padding: 25px 0 56px;}
.wish-wrap .inner-titles{  text-align: center;position: relative;}
.wish-wrap .inner-titles::after {position: absolute;content: "";left: 50%;bottom: 45px;display: inline-block;width: 32px;height: 2px;margin-left: -16px;background: #006ec7;} 
.wish-wrap .inner-title-h4 {font-size: 30px;line-height: 30px;color: #222;margin-bottom: 35px;}
.wish-wrap  .inner-title-h5 {font-size: 18px;line-height: 30px;color: #222;}

.recruit-box{ margin-left:-1%;overflow: hidden;}
.recruit .recruit-items { float:left; width: 32%; background: #fff; margin-left: 1%;overflow: hidden;padding: 30px 36px ;margin-bottom: 34px; cursor: pointer; box-sizing:border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.recruit .recruit-items:nth-child(3n) {margin-right: 0px;}
.recruit .recruit-title { font-size: 18px;line-height: 24px;color: #333; margin-bottom: 14px;}
.recruit .recruit-num{font-size: 14px; line-height: 26px; color: #666;}
.recruit .recruit-bot {padding-top: 24px;margin-top: 14px;border-top: 1px solid #e9e9e9;}
.recruit .recruit-demand { font-size: 16px;line-height: 26px;color: #333;}
.recruit .recruit-bot-p { margin: 14px 0; height: 78px;overflow: hidden; font-size: 14px;line-height: 26px;color: #666;}
.recruit .recruit-time {font-size: 14px; line-height: 26px;color: #aaa;}
.recruit .recruit-more1 {margin-top: 50px;background: #e5e5e5; color: #666;font-size: 14px;line-height: 40px; width: 140px; height: 40px;border-radius: 20px;text-align: center;}

.recruit .recruit-items:hover {background: #006ec7;}
.recruit .recruit-items:hover .recruit-num, .recruit .recruit-items:hover .recruit-bot-p, .recruit .recruit-items:hover .recruit-time, .recruit .recruit-items:hover .recruit-title, .recruit .recruit-items:hover .recruit-demand {color: #fff;}
.recruit .recruit-items:hover .recruit-more1 {background: #fff;}


@media only screen and (max-width:768px ) {	
.recruit .recruit-items { float: left; width: 100%;}

.join_four .swiper-button-next{ display:block;}
.join_four .swiper-button-prev{ display:block;}


}


.art-main .yd{line-height: 36px;font-size: 26px;color: #006ec7;}
.art-main .rg{padding-top: 9px;padding-bottom: 15px;line-height: 30px;color: #636363;font-size: 14px;}
.art-main .ym {font-size: 22px; color: #797979;line-height: 32px;padding-bottom: 4px;}
.art-main .yq {padding-bottom: 35px; font-size:16px; line-height:1.8;}
.art-main .yq strong{ margin-bottom:5px; display:block; font-size:18px;line-height:2;}
.art-main .zhiz p{ text-indent:0em; font-size:16px; line-height:1.8;}

.xm {line-height: 26px;color: #7e7e7e;font-size: 14px;}
.xie002 {padding-left: 10px;padding-right: 10px;}
.xie1 { width: 210px; height:30px; color: #7e7e7e; padding: 0 5px; font-size: 14px;line-height:30px;border: 1px solid #e3e3e3;background: #FFF;}
.xie2{ width:860px; height:90px; padding:0 5px;line-height:26px; color:#7e7e7e; font-size:12px; border:1px solid #e3e3e3; background:#FFF; margin-top:9px;margin-bottom:9px; }
.ti{outline: none; width:70px; height:28px; background:#006ec7; border:1px solid #006ec7; margin-left:8px; color:#FFF; font-size:12px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; cursor:pointer;}
.ti:hover{ background:#F59C9C; border:1px solid #F59C9C;}


.zhiform{ width:100%; background:#fff; overflow:hidden;}
/**************联系我们*****************/
.quyu_bg{ width:100%; position:relative; overflow:hidden;}
.quyu{ width:50%; margin-bottom:30px; float:left;}
.quyu h3{ font-size:24px; margin-bottom:10px; color:#006ec7; padding-left:15px;}
.quyu h3 span{ font-size:14px; color:#666; margin-left:5px; font-weight:normal;}

.quyu_box{ width:100%; overflow:hidden;} 

.column_attr{background:#fff;padding:25px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;border-radius: 0.4rem !important; margin-bottom:20px;}
.column_attr h4{font-size: 18px; line-height:2;}
.column_attr p{font-size: 16px; margin:15px 0px; line-height:1.5;}

@media only screen and (max-width:768px ) {	

.xzlb dd {width: calc(100% - 26px);}
.quyu{ width:100%;}

}

/**************商务合作*****************/
.flex-dn { display: flex;flex-wrap: wrap;}
.contact-form { padding:5% 0px; position:relative; background: #fff;}
.contact-form .layui-form-box{background: #f2f3f3;padding:4%;margin-top:3%;}
.form_tit{ line-height:2;}

.form_tit p{ font-size:16px; line-height:2;}
.form_tit p span{color: #006ec7;}

.contact-message-list {

}
.contact-message-list li {
  width: 49%;
  /* margin-left: 1.01%; */
  margin-right: auto;
  margin-top: 1.2%;
}
.contact-message-list li.li1 {
  width: 100%;
}
.contact-message-list li:last-child {
  margin-top: 2%;
  justify-content: center;
}
.contact-message-list .label-01 {
  position: relative;
  width: 100%;
  border-radius: 5px;
  border: none;
  background: #fff;
  margin: 0;
  font-weight: normal;
  display: inline-block;
  max-width: 100%;
}
.contact-message-list .label-01 .put-01 {
  outline: none;
  border: none;
  background: none;
  width: 100%;
  font-size: 0.875rem;
  color: #999;
  line-height: 32px;
  padding: 10px 0 10px 15px;
}

.contact-message-list li .txt {
  font-size:16px;
  color: #333;
  line-height:2;
}
.contact-message-list li .txt em{
 color: #006ec7; margin-right:5px; font-size:18px;
}
.contact-message-list .label-01 .text-01 {
  height: 176px;
  resize: none;
}
.contact-message-list .label-01 .select-01 {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/icon-03.png") no-repeat scroll right 23px center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 35px;
}
.contact-message-list .label-01 .select-01::-ms-expand {
  display: none;
}
.contact-message-list .but-01 {
  width: 280px;
  height: 60px;
  font-size: 0.875rem;
  background: #006ec7;
  border: 1px solid #006ec7;
  color: #fff;
  transition: all 0.3s linear 0s;
}
.contact-message-list .but-01:hover {
  color: #006ec7;
  background-color: #fff;
}
.contact-message-list li:nth-child(3n+1) {
  margin-left: 0;
}

.video-title {
  font-size: 1.875rem;
  color: #006ec7;
  line-height: 1;
  font-weight: bold;
}




	  
/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd; clear: both;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #006ec7; border-color: #006ec7;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}