*{padding:0;margin:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body{width: 100%;height: auto;min-height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body{font-family: 'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei','Arial','sans-serif',\5b8b\4f53;font-size:16px;color: #666;}
input,button{-webkit-appearance:none;border-radius: 0;}
a,a:hover,a:focus{text-decoration: none;}
textarea{resize: none;overflow: auto;}
input,button,textarea,select{border: 0;background:transparent;font-family: inherit;}
img{border: 0;vertical-align: top;}
table{margin:auto; height:auto;margin:0;padding:0; }
body , div , dl , dt , dd , ul , ol , li , pre , form , fieldset , input , textarea , p , blockquote , th , td,i {margin:0; padding:0;}
img {border:0px; vertical-align:middle;}
i , em{ font-style:normal;}
ul,dl,dt,dd,li,p,section{Margin:0px;Padding:0px;list-style:none}
h1,h2,h3,h4,h5,h6{ font-size:14px;margin:0;padding:0;font-weight:normal;}
/* placeholder修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{/* WebKit, Blink, Edge */color: #999 !important;}
input:-moz-placeholder, textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */color: #999 !important;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder{/* Mozilla Firefox 19+ */color: #999 !important;opacity: 1;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{/* Internet Explorer 10-11 */color: #999 !important;}
select{-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand{display: none;}
a:link,a:visited,a:active {color: #333; text-decoration: none;}
a:hover {color: #631C82;text-decoration:none;}

.clear:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{zoom: 1;}/* 触发 hasLayout */ 
.clearboth{clear:both; visibility:hidden}/*系统预设*/
.fr{float: right;display:inline;}
.fl{float: left;display:inline;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.f01{ color: #c00;}
.f02{ color: #323c55;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
/*圆角5px*/
.radius5{-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
/*圆角10px*/
.radius10{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;}
/*图片变大*/


/*透明度50%*/
.opacity5{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.shadow1{-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;-o-box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;box-shadow:rgba(0,0,0,0.1) 0px 0px 5px;}
.shadow2{transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;}
.shadow2:hover{-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-ms-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;-o-box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;box-shadow:rgba(0,0,0,0.1) 0px 0px 15px;transition:all 0.3s ease 0s;-webkit-transform:all 0.3s ease 0s;}
/*投影*/
.shadow10{-webkit-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-moz-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-ms-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;-o-box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;box-shadow:rgba(0,0,0,0.13) 0px 0px 10px;}
/*图片居中*/
.center{-webkit-align-items:center;display:-webkit-flex;-webkit-justify-content:star;}
/*图片居中2*/
.vertical{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;/* 水平居中*/
-webkit-box-align:center;-moz-box-align:center;-ms-flex-pack:center;/* IE 10 */
-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;/* IE 11+,Firefox 22+,Chrome 29+,Opera 12.1*/
/* 垂直居中 */
-webkit-box-pack:center;-ms-flex-align:center;-moz-box-pack:center;/* IE 10 */
-webkit-align-items:center;-moz-align-items:center;align-items:center;}
/*图片翻转*/
.flip{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);transition:all 0.3s ease;-webkit-transform:all 0.3s ease;}
.flip:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);transition:all 0.3s ease;-webkit-transform:all 0.3s ease;cursor:pointer;}

.img_cut{background:no-repeat center center; background-size:cover; overflow:hidden; display:block; width:100%; height:auto;}
.img img{ width:100%; height:auto; display:block;}

.pics{position: relative;width: 100%;background-color: #fff;text-align: center;overflow: hidden;-webkit-transition:all 0.7s ease;transition:all 0.7s ease;}
.pics img{ width:100%; position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}


.more1_2{ line-height:38px; border-color:#fff; background:#fff; color:#631C82;}
.more1_2:hover{ background:#631C82; border-color:#631C82 !important; color:#fff;}
.more1_3{ line-height:44px; padding:0 32px; border-color:#fff; color:#fff;}
.more1_3:hover{ background:#4c87ff; border-color:#4c87ff !important; color:#fff;}
.more1_4{ border-color:#ccc; line-height:42px; padding:0 30px; color:#666;}
.more1_4:hover{ background:#4c87ff; border-color:#4c87ff !important; color:#fff;}
.more1_5{ border-color:#4c87ff; line-height:32px; padding:0 30px; color:#4c87ff;}
.more1_5:hover{ background:#4c87ff; border-color:#4c87ff !important; color:#fff;}
.w1360 {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;}
.hometitle {
	float: left;
	width: 100%;
	text-align: left;
	background: none;
	margin-bottom: 60px;
}
.hometitle h1 {

	font-weight: bold;
	font-size: 36px;
	color: #4f4f4f;
	
	overflow: hidden;
	
	background: none;
}
.hometitle h1 i{font-size: 18px;color: #0035c0;}
.hometitle .line{width: 46px;height: 8px;
margin: 20px 0 20px 0;background-color:#0035c0 ;border-radius: 20px;}
.hometitle h2 {
	
	display: inline-block;
+display:inline;
	zoom: 1;
	font-size: 24px;
	
	
	line-height: 44px;
	background: none;
}


.hometitle2 {
	float: left;
	width: 100%;
	text-align: center;
	background: none;
	display: block;
	clear: both;
	overflow: hidden;height: auto;
	margin-bottom: 60px;
}
.hometitle2 h1 {

	font-weight: bold;
	font-size: 36px;
	color: #FFFFFF;
	
	overflow: hidden;
	
	background: none;
}

.hometitle2 .line{width: 46px;height: 8px;
margin: 20px auto 20px auto;background-color:#ff2222 ;border-radius: 20px;}
.hometitle2 h2 {
	color: #FFFFFF;
	display: inline-block;
+display:inline;
	zoom: 1;
	font-size: 24px;
		
	line-height: 44px;
	background: none;
}

.tit1{ margin-bottom:50px; text-align:center;}
.tit1 strong{  color:#333;font-size:36px; display:block; font-weight:normal; line-height:1;}
.tit1 em{ font-size: 14px; color: #e6e8e8 line-height:1.875; display:block; width:70%; margin:15px auto 0 auto;text-transform:uppercase; font-family: Georgia;}

.container{margin:0 auto;position:relative;width: 1360px;}
#fullpage .container{margin:0 auto;position:relative;max-width:95%;}
.header{left:0px;top:0px;right:0px;width: 100%;z-index:100;transition: all .3s;/*background:rgba(255,255,255,0.6);*/ min-width:1360px;position: absolute;}
/*.header:hover{background:#858585;transition: all 0.3s ease; }*/
.header .headw{ width:auto;position:relative;height:100%;}
.logo{position:absolute;left:0px;top:30%;font-size:66px;color:#fff;overflow:hidden;line-height:1;transition: all .3s;}
.logo img{ height:60px; width:auto; display:block;transition: all .3s;}
.logo .img1{ display:block;}
.logo .img2{ display:none;}


 .adlist ul{width: 100%; margin: 30px auto;}
  .adlist ul li img{max-width: 80%;}
  .adlist ul li{float: left; width: 16%; padding: 12px; text-align: center; color: #656565;}
  .adlist ul li h3{padding-top: 15px; font-size: 20px; padding-bottom: 10px;}
  .adlist ul li p{font-size:14px;line-height: 30px;margin: 0 auto;}



.language{ position:absolute; right:0px; top:50%; margin-top:-12px;transition: all .3s;}
.language .i{ display:none;}
.language .box{ height: 30px; padding-top:2px; background: #fff;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.language .box a{ display:inline-block; vertical-align:bottom; border:none; padding:0 5px; margin-left:5px;}
.language .box img{ float:left; height:16px; width:auto; margin-right:10px; box-shadow:0 0 1px rgba(0,0,0,0.2);}
.language .box span{ float:left; line-height:16px; font-size:14px;}

.menu{text-align:center;transition: all .3s;}
.menu ul{display:inline-block;vertical-align:bottom; float: right;}
.menu li{float:left;margin:0 35px;position:relative;}

.menu .h3{ position:relative;}
.menu .h3 a{ padding:0 25px; display:block; font-size:18px;  line-height:35px; color:#fff; position:relative;margin-top: 20px;}
.menu .h3:hover{font-weight: bold;}
.menu .on{font-weight: bold;}

.menu .on i{font-weight: bold!important;}
.menu .h3 i{color: #FFFFFF;text-transform: uppercase;font-size: 14px;}
.menu li:hover .h3 a{color:#fff;}
.menu li:hover .box{display:block;}
.menu li:hover .h3 a:before{ display:block;}
.menu .box{position:absolute;left:50%;top:100%;display:none;background:#fff;width:130px;margin-left:-65px; font-size: 14px; border-radius: 10px; overflow: hidden;}
.menu .box a{display:block; height: 50px; line-height: 50px; olor:#666;white-space:nowrap; border-bottom: 1px solid #E5E5E5;}
.menu .box a:hover{olor:#631C82; background: #f9f9f9;}
.menu .box a:last-child{ border-bottom: 0px;}
.containera {
    margin: auto auto;
    position: relative;
    max-width: 1200px;
}


.tp{text-align: center;width: 1360px;margin: 0 auto;}

.tp img{width: 95%;margin: 0 auto;}
 .headera{width: 100%;z-index:100;transition: all .3s;/*background:rgba(255,255,255,0.6);*/ min-width:1360px;margin-bottom: 20px;}

 /*.header:hover{background:#858585;transition: all 0.3s ease; }*/

 .headera .headw{ width:auto;position:relative;height:100%;}
.menua{text-align:center;transition: all .3s;}
.menua ul{display:inline-block;vertical-align:bottom; float: right;}
.menua li{float:left;margin:0 35px;position:relative;}

.menua .h3{ position:relative;}



.menua .h3:hover{font-weight: bold;}
.menua .h3 a{ padding:0 25px; display:block; font-size:17px;  line-height:35px; color:#000; position:relative;margin-top: 20px;}

.menua .on{font-weight: bold;}

.menua .on i{font-weight: bold!important;}
.menua .h3 i{color: #000;text-transform: uppercase;font-size: 14px;}

.menua li:hover .box{display:block;}
.menua li:hover .h3 a:before{ display:block;}
.menua .box{position:absolute;left:50%;top:100%;display:none;background:#fff;width:130px;margin-left:-65px; font-size: 14px; border-radius: 10px; overflow: hidden;}
.menua .box a{display:block; height: 50px; line-height: 50px; olor:#666;white-space:nowrap; border-bottom: 1px solid #E5E5E5;}
.menua .box a:hover{olor:#631C82; background: #f9f9f9;}
.menua .box a:last-child{ border-bottom: 0px;}

 

.indcp_bg {
    background: url(../images/contact-bg.jpg) no-repeat;
    background-size: 100% 100%;
    padding: 40px 0
}

.indcp_bg h2, .contact span {
    color: #fff
}

.indcp-list {
    color: #fff;
    text-align: center
}

.indcp-list li {
    width: 25%;
    float: left;
    margin: 20px 0
}

.indcp-list li i {
    display: block;
    width: 52px;
    margin: 0 auto 20px;
    overflow: hidden;
}

.indcp-list li img {
    width: 32px;
    padding: 8px;
    border: #fff 2px solid;
    border-radius: 100%;
}

.indcp-list li a {
    color: #fff;
    display: block
}



.iBanner{}
.iBanner .img img{ /* height:100vh; */ display:block;}
.iBanner .swiperDots{ display:block; bottom:0px;}
.iBanner .swiperDots span{ height:50px; width:35px; background:none !important; position:relative; box-shadow:none;}
.iBanner .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#fff;}
.iBanner .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#4c87ff;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 8000ms;}
.iBanner .swiperDots:hover span:before,
.iBanner .swiperDots:hover span:after{ height:3px; top:0px;}
.iBanner .swiperArrow{ display:block; color:#fff;border: 1px solid #FFFFFF;border-radius: 50%;}
.iBanner .swiperPrev{ left:50px;}
.iBanner .swiperNext{ right:50px;}
.iBanner .swiperArrow:hover{ color:#0040a9;background-color: #FFFFFF;}


.pageNext{ position:absolute; right:140px; bottom:40px; z-index:2; cursor:pointer; width:25px; height:40px; display:none;}
.pageNext .pd{ position:relative; width:21px; height:36px; border:2px solid #fff; border-radius:12px;}
.pageNext span{ width:3px; height:3px; border-radius:1.5px; position:absolute; left:50%; top:50%; background:#fff; margin-left:-1.5px; transition:1s all ease;}
.pageNext span:nth-child(1){ margin-top:-3px;}
.pageNext span:nth-child(2){ margin-top:5px;}
.pageNext span:nth-child(3){ margin-top:-11px;}
.pageNext span.curr{ height:7px; transform:translateY(-2px);}




.indproduct_bg{ padding: 30px 0 0 0; background: #fff; position: relative;}
.indproduct{ height: 700px; overflow: hidden;}
.indproduct .swiper-wrapper{}
.indproduct .swiper-slide{width:480px; transition-timing-function:linear; background: #fff;}
.indproduct .swiper-slide img{width:100%; object-fit: cover; transition: 1s;}
.indproduct .swiper-slide:hover img{transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05);}

.indproduct .swiperDots{ display:block; bottom:0px;}
.indproduct .swiperDots span{ height:50px; width:35px; background:none !important; position:relative; box-shadow:none;}
.indproduct .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#ccc;}
.indproduct .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#4c87ff;}
.indproduct .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.indproduct .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 5000ms;}
.indproduct .swiperDots:hover span:before,
.indproduct .swiperDots:hover span:after{ height:3px; top:0px;}
.indproduct .swiperArrow{ display:block; color:#fff;}
.indproduct .swiperPrev{ left:50px;}
.indproduct .swiperNext{ right:50px;}
.indproduct .swiperArrow:hover{ color:#4c87ff;}
	@keyframes first{
	  0% {transform:scaleX(0.5);left:0px;}/*091*/
	  100% {transform:scaleX(1);left:2px;} /*0915*/
	}
	@keyframes last{
	  0% {transform:scaleX(0.7);left:-10px;}/*1090*/
	  20% {transform:scaleX(0.3);left:2px;} /*090*/
	  100% {transform:scaleX(0.3);left:0px;} /*090*/
	}		
	@keyframes middle{
	  0% {transform:scaleX(0.7);left:-10px;}/*1091*/
	  20% {transform:scaleX(0.45);left:2px;}/*092*/
	  100% {transform:scaleX(1);left:2px;} /*0913*/
	}

.c-text-box{position: absolute; bottom: 0; left: 0; padding: 50px; width: 100%;}
.c-text-box .c-more{position: relative; margin-bottom: 50px; width: 40px; height: 40px; background: #fff; border-radius: 20px; overflow: hidden; transition: .5s;}
.indproduct .swiper-slide:hover .c-text-box .c-more{width: 110px;}
.c-text-box .c-more .c-text{padding-left: 22px; font-size: 12px; line-height: 40px; color: #631C82; white-space: nowrap;}
.c-text-box .c-more .c-add{position: absolute; top: 0; right: 0; width: 40px; height: 40px; border-radius: 50%; background: #fff; transition: .5s;}
.indproduct .swiper-slide:hover .c-text-box .c-more .c-add{-webkit-transform: rotate(360deg); transform: rotate(360deg);}
.c-text-box .c-more .c-add::before,.c-text-box .c-more .c-add::after{content: ""; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -6px; width: 12px; height: 2px; background: #631C82;}
.c-text-box .c-more .c-add::after{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.c-text-box .c-title{font-size: 28px; line-height: 38px; color: #fff;}
.c-text-box .c-subtitle{font-size: 20px; line-height: 30px; color: #fff;}



.indnews_bg{ padding:60px 100px 0; margin-bottom: 100px; }
.indnews{margin-left: 50px;position: relative;padding-top: 30px;}
.indnews .con{display: block;padding: 30px;margin-right: 40px;margin-bottom: 40px;background-color: #fff;color: #222;border-top-left-radius: 15px;border-bottom-right-radius: 15px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.indnews .pic{padding-top: 61.5%;height: 0;position: relative;overflow: hidden;margin-bottom: 34px;}
.indnews .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.indnews .time{font-size: 14px;display: block;margin-bottom: 10px;color: #222;font-weight: 600;}
.indnews .con:hover .time{color: #fff;}
.indnews h3{font-size: 24px;font-weight: normal;line-height: 30px;height: 60px;margin-bottom: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indnews p{font-size: 16px;line-height: 26px;color: #fff;height: 0;margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.indnews .btn{width: 31px;height: 12px;display: block;background: url(../images/i-10.png) no-repeat center;}
.indnews .con:hover{margin-top: 0;color: #fff;padding-top: 40px;background-color: #631C82;margin-bottom: 0;}
.indnews .con:hover .pic{margin-bottom: 29px;}
.indnews .con:hover p{height: 78px;margin-top: 26px;margin-bottom: 20px;}
.indnews .con:hover .btn{background-image: url(../images/i-11.png);}
.indnews .arrow{width: 56px;height: 56px;position: absolute;bottom: -80px;border: 3px solid rgba(0,0,0,.1);border-radius: 50%;cursor: pointer;background-position: center;background-repeat: no-repeat;}
.indnews .prev{left: 0;background-image: url(../images/i-12.png);}
.indnews .next{left: 65px;background-image: url(../images/i-13.png);}
.indnews .prev:hover{background-image: url(../images/i-12-on.png);}
.indnews .next:hover{background-image: url(../images/i-13-on.png);}
.indnews .arrow:hover{background-color: #631C82;border-color: #631C82;}
.box{margin-top: 60px;}
.youshititle {margin-bottom: 30px;}
.youshititle p{font-size: 30px;text-align: center;color: #000000;font-weight: bold;line-height: 50px;}
.morebg{ margin: auto; width: 100%; background: #fff;margin-top: 60px;}

.more1{ display:inline-block; line-height:32px; border:1px solid #fff; border-radius:25px; padding:0 22px; vertical-align:bottom;}
.more1 span{ float:left; font-size:14px;}
.hhservice{}
.hhservice ul{}
.hhservice ul li{ float:left;  overflow: hidden; margin-right: 1%;width: 32%;margin-bottom: 1%;}


.hhservice ul li:nth-child(3){ margin-right:none;}
.hhservice ul li:nth-child(6){margin-right:none;}

.hhservice ul li a{display:block; position:relative; color:#000;}
.hhservice ul li .text{background-color: #0040a9;height:70px;}

.hhservice ul li .text img{width: 50px;height: 48px;float: left;margin-left: 20px;margin-top: 10px;}
.hhservice ul li h3{ font-size:24px; line-height:70px; overflow:hidden;  color: #fff;margin-left: 80px;}
.hhservice ul li p{ font-size:18px; line-height:1.66; height:3.32em; overflow:hidden; margin-bottom:10px; color: #fff;}
.hhservice ul li img{ width: 100%; height: 350px;border-radius: 8px  8px 0  0;}


/* 内页 */
.content_text{ padding-top:20px; line-height:45px;}
.content_text p{ padding-bottom:20px; text-indent:2em;}
.content_text img{ max-width:1400px; text-align:center; margin-bottom:8px;}


.nbanner_box{height:500px; background-position: center; background-repeat: no-repeat; position:relative;background-color:rgba(0,0,0,0.2);}
.nbanner_pNav{ border-bottom:1px solid #C8C8C8; text-align:center; height:55px; background: #f3f3f3;box-shadow:0px 0px 10px 0 rgba(0,0,0,0.15); position: relative; z-index: 2;}
.nbanner_box_nav{}
.nbanner_box_nav>a{padding:0 35px; height:55px; line-height:55px; color:#333; text-align: center; margin-right: 2px; display: inline-block; float: left;}
.nbanner_box_nav>a:hover,.nbanner_box_nav .cur{ background: #697C87; color: #fff;}
.nbanner_box_nav>a:nth-child(1){margin-left: 0;}


#maximg{ max-width:100% !important; height:auto !important}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}


/*关于我们*/
.tit2{ line-height:1; color:#333; font-size:30px; margin-bottom:1em;}
.tit2 em{ display:block; font-size:1.2em; margin-bottom:0.5em; font-weight:bold;}
.tit2 strong{ display:block; font-size:1em; font-weight:normal;}

.aboutCon1{ padding:90px 0;}
.aboutCon1_1{ }
.aboutCon1_2{ position:absolute; left:0px; bottom:-90px; right:0px; background:rgba(105,124,135,0.8); padding:50px 0; color:#fff;}
.aboutCon1_2 li{ float:left; text-align:center; width:25%; box-sizing:border-box; border-right:1px solid #fff;}
.aboutCon1_2 li:last-child{ border-right:none;}
.aboutCon1_2 .pd{ display:inline-block; vertical-align:bottom; text-align:left;}
.aboutCon1_2 .h3{}
.aboutCon1_2 .h3:after{ content:'：';}
.aboutCon1_2 .em{}
.aboutCon1_2 .em span{ font-size:2.25em;}
.aboutCon1_2 .em em{}

.aboutfac{position: relative;}
.aboutfac .swiper-container{ margin: 130px auto 60px auto; padding-bottom: 150px;}
.aboutfac .swiper-slide{width: 520px;height: 408px;background: #fff;box-shadow: 0 8px 30px #ddd;}
.aboutfac .swiper-slide img{display:block;}
.aboutfac .swiper-slide p{line-height: 98px;padding-top: 0;text-align: center;color: #636363;font-size: 1.1em;margin: 0;}

.swiperpn .swiperDots{ display:block; bottom:0px;}
.swiperpn .swiperDots span{ height:50px; width:35px; background:none !important; position:relative; box-shadow:none;}
.swiperpn .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#ccc;}
.swiperpn .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#631C82;}
.swiperpn .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.swiperpn .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 5000ms;}
.swiperpn .swiperDots:hover span:before,
.swiperpn .swiperDots:hover span:after{ height:3px; top:0px;}
.swiperpn .swiperArrow{ display:block; color:#fff; background: #D6D6D6; border-radius: 100%; width: 65px; height: 65px; line-height: 65px; font-size:20px;}
.swiperpn .swiperPrev{ top: 30%; left:0px;}
.swiperpn .swiperNext{ top: 30%; right:0px;}
.swiperpn .swiperArrow:hover{ color:#fff;background:#631C82;}


.company_culture{height: 600px;background: url(../images/bg02.jpg) center top;background-size: cover;color: #FFF;}
.company_culture ul{margin: auto;padding-top: 180px;width: 1360px;}
.company_culture li{float: left;width: 25%;text-align: center;}
.company_culture li i{display: inline-block;width: 120px;height: 120px;border-radius: 100%;border: 1px solid rgba(255,255,255,.4);}
.company_culture li i.ico1{background: url(../images/culture_ico_1.png) no-repeat center;}
.company_culture li i.ico2{background: url(../images/culture_ico_2.png) no-repeat center;}
.company_culture li i.ico3{background: url(../images/culture_ico_3.png) no-repeat center;}
.company_culture li i.ico4{background: url(../images/culture_ico_4.png) no-repeat center;}
.company_culture li i.ico5{background: url(../images/culture_ico_5.png) no-repeat center;}
.company_culture li h4{padding-top: 20px;font-size: 24px;}
.company_culture li p{padding-top: 16px;font-size: 16px;}


.bg04 { padding:100px 0; background:url("../images/bg04.jpg") no-repeat center top;}

.bg06 { padding:100px 0; background:url("../images/bg06.jpg") no-repeat center top;}

.ideaList ul {}
.ideaList ul li { float: left; width:48%; margin:25px 4% 25px 0; border: 1px solid #e5e5e5; overflow: hidden;}
.ideaList ul li:nth-child(2n){ margin-right: 0px;}
.ideaList ul li .con { padding: 0px 15px 0px 0px; width:65%; float: right; display: block; line-height: 30px;}
.ideaList ul li .con .t { padding: 20px 0px; font-size: 24px; }
.ideaList li:hover{ background-color:rgba(99,28,130,.8); color: #fff; }
.ideaList li:hover .zybox { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);color: #631C82; }
.ideaList ul li .zybox{ width: 30%; padding-top:40px;color: #fff;  float: left; height:170px; background: #C5CFD0; text-align: center;transition: 500ms;}
.ideaList ul li .zybox h3{ font-size: 22px; font-weight: bold;}
.ideaList ul li .zybox i{font-size:50px; margin-bottom:10px; display: block;}


.hhmubiao{background-color: #f6f6f6;background-image: url("../images/bg03.jpg"); background-repeat: no-repeat; background-position: bottom left; background-size:40%; padding: 150px 0  100px; text-align: left;}
.hhmubiao_tit{display: inline-block; *display: inline; zoom: 1; font-size:50px; line-height:50px; color: #631C82; padding-bottom:20px; /*border-bottom: 1px solid rgba(210,210,210,.4);*/ margin-bottom:50px;}
.hhmubiao .con{font-size:45px; line-height:30px; color: #4c4c4c;}
.hhjingshen{ padding:100px 0;}
.hhjingshen ul li{margin-top:50px; width:30.6666%; margin-right: 4%; float: left;box-shadow: 3px 3px rgba(195,195,195,.21); position: relative; top: 0; transition: all .3s; }
.hhjingshen ul li:last-child{ margin-right: 0px;}
.hhjingshen ul li .img{overflow: hidden;}
.hhjingshen ul li img{width: 100%; transition: all .3s;}
.hhjingshen ul li .text{background-color: #fff; padding: 40px 40px 50px;}
.hhjingshen ul li .tit{font-size: 30px; color: #010101;}
.hhjingshen ul li .con{color: #4c4c4c; font-size: 20px; margin-top: 20px; height:100px; line-height:40px; overflow: hidden; color: #666;}
.hhjingshen ul li .con i{ display: inline-table; margin-right: 30px;}
/*发展*/
.keep-box{padding:150px 0 100px; text-align: center;background-image: url("../images/bg01.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.keep-box .tit-box{display: inline-block; *display: inline; zoom: 1; padding-bottom:30px; border-bottom: 1px solid #e9e9e9; position: relative;}
.keep-box .tit-box .tit{font-size:60px; line-height:60px; background: linear-gradient(143deg, #BD45F1, #631C82); -webkit-background-clip: text; color: transparent;}
.keep-box .tit-box .yin{position: absolute; width: 21px; height: 18px;}
.keep-box .tit-box .yin img{width: 100%;}
.keep-box .tit-box .yin1{left: -50px; top: 0;}
.keep-box .tit-box .yin2{right: -50px; bottom:40px;}
.keep-box .tit-box .desc{ font-size:30px; line-height: 25px; color: #4c4c4c; margin-top:20px;}
.keep-box .con{ line-height: 50px; color: #666; margin-top:50px;}

.hsitory{padding:80px 0 100px; background: #fff;}

.contactCon{ padding:100px 0; height: 1350px;  background:#CDD6D8 url("../images/bg05.jpg") no-repeat center top;position:relative;}
.contactCon1_1{ position: absolute; left:20%; width:60%; top:1050px; background: #ccc;}
.contactCon1_1 table{ width: 100%; background: #000;}
.contactCon1_1 table tr th{ background: #631C82; line-height:40px; text-align: center; color: #fff; width: 20%;}
.contactCon1_1 table tr td{background: #fff; color: #888888; text-align:center; line-height:40px;}

.zhengshubz{ width: 100%; height: auto; padding: 20px; background: #fff; border-radius: 10px; overflow: hidden;box-shadow: 8px 8px rgba(195,195,195,.21); }
.zhengshubz img{ width: 100%;}


.equipment_list{ width:100%; padding-bottom: 50px;}
.equipment_list ul li{display: block;width:23.5%;position:relative; margin:0 2% 2% 0; float:left;border: 1px solid #f1f1f1; background:#fff; padding:10px;}
.equipment_list ul li:nth-child(4n){margin-right:0px;}
.equipment_list ul li h3{width:100%; padding:15px 10px 5px 10px;text-align:center; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.equipment_img .pics{ height:205px;}


/*证书*/

.honor_box1{position: relative; background: #fff; padding: 100px 0 0 0;}
.honor_box1 .swiper-container{padding-bottom: 150px;}
.honor_box1 .swiper-slide{width:330px;height: 500px;background: #fff;}
.honor_box1 .swiper-slide img{display:block;width:330px;height: 430px;box-shadow: 0 8px 30px #ddd; padding: 15px; background: url("../images/honbg.jpg") no-repeat center top; border-radius: 5px;}
.honor_box1 .swiper-slide p{line-height:70px;padding-top: 0;text-align: center;color: #636363;font-size:18px;margin: 0;opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.honor_box1 .swiper-slide-active p{opacity: 1; filter: alpha(opacity=100);}
.honor_box2{position: relative; background: #ebf0f5;padding: 130px 0 0px 0;}
.honor_box2 .swiper-container{padding-bottom: 150px;}
.honor_box2 .swiper-slide{width:330px;height: 300px;}
.honor_box2 .swiper-slide img{display:block;width:330px;height: 255px;box-shadow: 0 8px 30px #ddd;padding: 15px; background: url("../images/honbg2.jpg") no-repeat center top; border-radius: 5px;}
.honor_box2 .swiper-slide p{line-height:60px;padding-top: 0;text-align: center;color: #636363;font-size:18px;margin: 0;opacity: 0; filter: alpha(opacity=0); transition: all .3s;}
.honor_box2 .swiper-slide-active p{opacity: 1; filter: alpha(opacity=100);}

/*news*/
.newsList{ margin-top: 50px;}
.newsList ul{}
.newsList li{ margin-bottom:30px; border: 1px solid #e1e1e1;overflow:hidden; padding:15px; background: #f9f9f9;}
.newsList .img{ width:362px; float:right; margin-left:30px;}
.newsList .text{ padding:30px 30px 30px 180px; position:relative;}
.newsList h3{ font-size:20px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:20px;}
.newsList .em{ position:absolute; left:36px; width:110px; background:#C6C6C6; padding:22px 0; color:#fff; line-height:1; text-align:center; top:30px;}
.newsList .em strong{ display:block; font-size:24px; font-weight:normal;}
.newsList .em em{ display:block; font-size:20px; padding-top:12px;}
.newsList .p{ color:#666; line-height:1.8; overflow:hidden; height:5em; margin-bottom:20px;}
.newsList .m{ overflow:hidden;}
.newsList .m em{ color:#333; float:left; border-bottom:1px solid #333; line-height:1.2;}
.newsList li:hover{ margin-bottom:30px; border: 1px solid #ccc;background: #fff;}
.newsList li:hover .em{background:#697C87;}

.lessonlist{display: flex;flex-wrap: wrap;align-items: flex-start;}
.lessonlist li{width: 100%;border: 1px solid #eff1f5; background: #fff; margin-bottom: 45px;}
.lessonlist li .img_box{ width:25%; height:260px;overflow: hidden; margin-right:2.5%; float:left;}
.lessonlist li .img_box img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.lessonlist li:hover .img_box img{transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);}
.lessonlist li .text_box{padding:2%;position: relative; overflow:hidden;}
.lessonlist li .text_box .c_title{height: 30px;font-size: 22px;line-height: 30px;color: #333; margin-bottom:20px; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.lessonlist li .text_box .c_text{height:90px;line-height:28px;color: #999;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.lessonlist li .text_box .c_time{ margin-top:20px;position: relative;padding-top:25px;border-top: 1px solid #eff1f5;font-family: "futurabt";font-size: 14px;color: #999;}
.lessonlist li .text_box .c_time::before{content: "";position: absolute;top: -1px;left: 0;height: 1px;width: 0;background: #323c55;transition: .5s;}
.lessonlist li .text_box .c_time i{float:right;font-size:25px;}
.lessonlist li:hover .text_box .c_time::before{width: 100%;}
.lessonlist li:hover{ box-shadow: 0px 5px 15px rgba(0,0,0,.1);}

.article_head{background: #f9f9f9;}
.article_head .container{ padding:20px 0 60px;}
.article_head .ndate{float: left;padding-top:5px;width: 80px;height: 75px;background: #ECAE3D;font-family: Georgia;color: #FFF;text-align: center;}
.article_head .ndate .day{display: block;font-size: 40px;}
.article_head .ndate .month{display: block;font-size: 12px;}
.article_head .ntit{margin-left:130px;}
.article_head .ntit h4{font-size: 32px;line-height: 50px; font-weight: bold;}
.article_head .ntit p{font-size: 13px;color: #999;line-height: 30px;}
.article_show{ margin-top: 50px;}
.article_show_left{ width: 70%; background: #fff; padding: 3%;border: 1px solid #f9f9f9;}
.article_show_right{ width: 26%; background: #fff;border: 1px solid #f9f9f9;}

.article_con{padding-top: 10px;font-size: 16px;line-height: 240%;}
.article_con p{padding-bottom: 28px;}
.article_con img{max-width: 100%;}
.article_side{padding: 30px 29px 10px;}
.article_side h3{margin-bottom: 24px;font-size: 18px;color: #2C3E66;font-weight: bold;}
.article_side li{margin-bottom: 20px;}
.article_side li img{ width: 100%;}
.article_side li .tit{padding: 12px 0;}
.article_side li .tit h4{font-size: 15px;font-weight: normal;line-height: 24px;}
.article_side li p{padding-top: 8px;font-size: 13px;color: #999;line-height: 20px;}
.news_page{padding: 35px 0;font-size: 16px; color: #333333; line-height:35px;}
.news_page a{ color: #333333;}
.news_page a:hover{ color: #C52625;}
.news_page .list-btn{height:40px; transition: all .3s; font-size:30px; color: #ccc; margin-top: 15px;}

/*contact*/
.joinCon1{padding:80px 0;}
.joinCon1 .img{ width:50%; float:left;}
.joinCon1 .text{ margin-left:50%; padding:76px 0 0 76px; position:relative;}
.joinCon1 .text:before{ content:''; width:25px; height:25px; position:absolute; right:0px; top:0px; background:#631C82;}
.joinCon1 .p{ color:#404458; line-height:2;}

.joinCon2{ background:#f6f6f6; padding: 50px 0;}
.chancecontain{ position:relative;}
.chancecontain li{ margin-bottom:5px;}

.joinTit{ background:#fff; height:60px; line-height:60px;  cursor:pointer;}
.joinTit .li{ color:#333; float:left; text-align:center;}
.joinTit .li1{ width:90%; text-align:left; padding-left:20px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; box-sizing:border-box;}
.joinTit .lermore_box{ width:60px; float:right; border-left:solid 1px #f6f6f6;}
.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center; background-size:contain !important; transition: all 0.1s ease-out 0s;}

.joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;}
.joinTit.curr .li{ color:#ed6d00;}

.joinFirst{ margin-top:0;}
.joinFirst .joinTit{ background:#697C87;height:60px;}
.joinFirst .joinTit .pd{ color:#fff; line-height:60px;  font-weight:bold;}
.joinFirst .joinTit .li{ color:#fff;}
.joinFirst .joinTit.curr .li{ color:#fff;}

.joinDeta{ display:none; overflow:hidden; background:#fff; padding:30px 50px 60px 50px; line-height:2; font-size:14px; color:#697c87; position:relative; border-top:1px solid #ccc;}
.joinDeta span{ color:#333;}
.joinDeta strong{ color:#333; font-weight:normal; font-weight: bold;}

.listTie {
    line-height: 40px;
    font-size: 40px;
    color: #08254f;
   font-weight: bold;
    margin-bottom: 40px;
    padding-top: 80px;
	text-align: center;
}

.Contactuss .tp{width: 50%;}
.Contactuss .tp img{width: 90%;}
.Contactuss .contactus{width: 50%;padding: 20px;}
.Contactuss .contactus h3 span{display:block;font-size:16px;color:#666;margin-top:20px}
.Contactuss .contactus h3{color:#08254f;font-size:24px;line-height:60px;margin-bottom:10px;padding-left: 80px;font-weight: bold;}
.contactusa{width: 100%;overflow: hidden;}
.contactusa img{float: left;width: 50px;}
.Contactuss .contactus .content{font-size:16px;margin:22px 0 13px;position:relative;color: #08254f;}
.Contactuss .content{color:#333}
.Contactuss .dianhua{font-weight:900;font-size:48px;line-height:48px;color:#0364b1}

.contact_tel{padding:100px 0 40px 0;border-bottom: 1px solid #ccc;text-align: center; margin-bottom: 50px;}
.contact_tel .hotline{display: inline-block;padding-left: 140px;background: url(../images/hotline_tit.png) no-repeat left center;font-size: 40px;color: #2C3E66;letter-spacing: -1px;}
.contact_item{float: left;width: 70%; margin-bottom: 50px;}
.aboutny{padding:90px 0;overflow: hidden;height: auto;}
.aboutl{width: 45%;float: left;margin-right: 5%;margin-top: 10%;}
.aboutl h2{font-weight: bold;
    font-size: 36px;
    color: #4f4f4f;
    overflow: hidden;
    background: none;}
.aboutl p{display: inline-block;
   
    zoom: 1;
    font-size: 24px;
    line-height: 44px;
    background: none;margin-top: 20px;}
.aboutf{width: 50%;float: left;}

.aboutf img{width: 100%;}
.contact_item li{margin-bottom: 20px;padding:20px;height: 85px;border-radius: 6px;background: #fff;line-height:25px;}
.contact_item li i{float: left;display: inline-block;margin-right: 16px;width: 50px;height: 50px; line-height: 50px;background: #f6f6f6; color: #631C82; font-size:24px; text-align: center;border-radius: 100%; }
.contact_item li h3{font-size: 16px;}
.contact_item  p{line-height: 35px;font-size: 18px;color: #000000;margin-bottom: 30px;text-indent: 4rem;}
.contact_qrcode{float: left;width:30%;text-align: center;}
.contact_qrcode img{border: 1px solid #E0E0E0;}
.contact_qrcode p{padding-top: 12px;font-size: 14px;line-height: 24px;}

.contact2{width:100%; margin:30px 0 80px 0; position:relative;}
.contact2 .ditu{width:100%; height:698px;}
.contact2 .ditu .BMap_shadow img,.contact2 .ditu .BMap_pop{display:none !important;}
.contact2 .contact2Body{position:absolute; right:60px; top:60px; background:rgba(255,255,255,0.9); box-shadow:0 0 10px rgba(0,0,0,0.06); padding:32px 40px 40px 40px; width:550px;}
.contact2 .contact2Body h3{width:100%; font-size:30px; color:#631C82; line-height:47px; font-weight:bold; padding-left:22px; position:relative;}
.contact2 .contact2Body h3:before{content:''; width:6px; height:30px; background:#631C82; position:absolute; left:0; top:50%; margin-top:-15px;}
.contact2 .contact2Body h5{width:100%; margin-top:5px; font-size:16px; color:#333; line-height:23px; position:relative; letter-spacing:1px;}
.contact2 .contact2Body ul{width:100%; float:left; margin-top:12px;}
.contact2 .contact2Body ul li{width:100%; float:left; margin-top:14px; border:solid 1px #e7e7e7; padding:0 30px 0 105px; position:relative;}
.contact2 .contact2Body ul li .name{position:absolute; left:0; top:0; line-height:52px; font-size:16px; color:#333; text-align:center; width:105px;}
.contact2 .contact2Body ul li .name:before{content:''; width:1px; height:22px; position:absolute; right:0; top:50%; margin-top:-11px; border-right:dashed 1px #b2b2b2;}
.contact2 .contact2Body ul li span{position:absolute; right:19px; top:0; line-height:52px; font-size:16px; color:#dd6e0f;}
.contact2 .contact2Body ul li input{display:block; width:100%; height:52px; line-height:22px; padding:10px; font-size:14px; color:#333; background:none;appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
border:0}
.contact2 .contact2Body ul li.l1{border:0; padding:0; margin-top:20px;}
.contact2 .contact2Body ul li.l1 input{width:100%; cursor:pointer; height:58px; line-height:58px; background:#631C82; text-align:center; color:white; font-size:16px; overflow:hidden; padding:0;
-moz-border-radius:29px;
-webkit-border-radius:29px;
-khtml-border-radius:29px;
border-radius:29px;}
.contact2 .contact2Body ul li.l1 input:hover{opacity:0.8;}

.yanzheng{ width:100%; height:52px;}
.yanzheng div{ height:52px; float:left;}
.yanzheng div input{ width:50%; height:52px;line-height:62px;padding: 0px 20px;box-sizing: border-box;font-size:16px;}
.yanzheng div .codeimg{width:100%; height:52px;border-left:none; }



/*产品*/
.bread_box{padding:10px 0px; border-bottom:1px solid #e1e1e1; text-align: right;}
.bread_box span{display:inline-block; height:12px; width:15px;margin-right:5px;}
.bread_box a{font-size:14px;color:#333;}
.bread_box i{font-size:14px;display:inline-block; height:9px; width:25px; background:url(../images/jiantou.png) no-repeat center center;}
.bread_box a.on{color:#ff7019;}
.bread_box a:hover{color:#ff7019;}
.bread_box .back-btn{float: right; color: #999;}
.bread_box .back-btn em{ margin-right:10px; font-size:18px; }

.article_head .bread_box{ background: #f9f9f9; border-bottom: none;}
.article_head .bread_box .container{ padding:0; }
.product_list{ width:100%; margin-top:70px;}
.product_list ul li{display: block;width:23.5%;position:relative; margin:0 2% 2% 0; float:left;border: 1px solid #f1f1f1; background:#fff; padding: 10px 10px 20px;box-shadow: 3px 3px rgba(0,0,0,.02); text-align: center;}
.product_list ul li:nth-child(4n){margin-right:0px;}
.product_list ul li a h3{width:100%; margin-top: 10px; padding:10px;font-size:16px; color:#333;transition:all 500ms ease; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.product_list ul li a:hover h3{color:#c00; }
.product_list ul li a p{font-size: 14px;}
.product_img .pics{height:307px;}

.pro_title{width:100%; height:70px; line-height:60px; font-size:30px; color:#333; font-weight:bold; padding-left:20px; position: relative;}
.pro_title:before{content:"";display:inline-block;width:6px;height:30px;border-radius:4px;background:#631C82;position:absolute;left:0;top:18px;}


.detials_top_img{ width:100%; padding-bottom:30px; position: relative; overflow:hidden; line-height:33px}
.detials_top_img .swiper-slide{-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;position: relative; background: #f3f5f7;}
.detials_top_img .pic{ height:auto;}
.detials_top_img .pic img{ max-width:100%;}
.detials_top_img .swiper-pagination{ width:100%; margin:auto; bottom:7px;text-align: center;z-index: 3;}

.particle_detail{ padding-top:50px; font-size:16px; line-height:35px;}
.particle_detail p{ padding-bottom:15px; line-height:30px;}
.particle_detail img{width:100%;background:#fff;display: inline-block; text-align:center; vertical-align:middle;margin:auto;}
.particle_detail iframe,.particle_detail embed{ width:100%; height: 533px;display: inline-block; text-align:center; vertical-align:middle; margin:auto;}



/* footer */
.footer{background: #697C87;color:rgba(255,255,255,0.7);;}
.footer .footerbox{padding: 80px 0 50px;background: url(../images/footer_map.png) no-repeat right 80px;}
.footer a{color:rgba(255,255,255,0.7);}
.footer a:hover{color: #FFF;}
.footer .nav{float: left;width: 58%;}
.footer .nav .item{float: left; display: inline-block; margin-right:7%;}
.footer .nav .item h3{position: relative;height: 32px;font-size: 16px;font-weight: normal;color: #BDBFC8;}
.footer .nav .item h3:after{position: absolute;left: 0;bottom: 0;width: 12px;height: 2px;background:rgba(255,255,255,0.7);content: "";}
.footer .nav .item h3 a{color:#fff;}
.footer .nav .item ul{padding-top: 12px;}
.footer .nav .item li{font-size: 14px;line-height: 24px;}
.footer .nav .item:last-child{ margin-right:0px;}
.footer .weixin{float: left;width: 120px;background: #FFF;}
.footer .weixin h3{height: 30px;font-size: 13px;font-weight: normal;color: #727686;line-height: 24px;text-align: center;}
.footer .contact{float: right;text-align: right;}
.footer .contact .tel{rgba(255,255,255,0.7);}
.footer .contact .tel h3{height: 24px;font-size: 14px;font-weight: normal;}
.footer .contact .tel p{font-size: 20px;}
.footer .contact .tel .ico{padding-left: 26px;}
.footer .contact .item{padding-top: 28px;font-size: 13px;line-height: 24px;}
.footer .copyright{border-top: 1px solid rgba(255,255,255,0.2);font-size: 13px;color:rgba(255,255,255,0.7); line-height:25px; padding: 25px 0 50px 0;}


 .homeabout {
				 	float: left;
				 	width: 100%;
				 	background: #cecece url(../images/bg_homeabout.jpg) no-repeat center center;
				 }
				 .homeabout .aboutin {
				 	margin: 0 auto;
				 	width: 960px;
				 	text-align: center;
				 }
				 .homeabout .aboutin .tip {
				 	margin: 36px 0 20px 0;
				 	padding: 0 10px;
				 	display: inline-block;
				 +display:inline;
				 	zoom: 1;
				 	border-bottom: #b1b1b1 1px solid;
				 	line-height: 37px;
				 	font-size: 24px;
				 	color: #999999;
				 }
				 .homeabout .aboutin p {
				 	font-size: 14px;
				 	color: #999;
				 }
				 .homeabout .aboutin ul {
				 	margin: 0 auto;
				 	width: 866px;
				 }
				 .homeabout .aboutin ul li {
				 	float: left;
				 	margin: 4.5% 26px 140px 0;
				 	overflow: hidden;
				 	width: 197px;
				 	height: 200px;
				 }
				 .homeabout .aboutin ul li.lastli {
				 	margin-right: 0px;
				 }
				 .homeabout .aboutin ul li .liin {
				 	width: 197px;
				 	height: 200px;
				 	background: url(../images/bg_homeabout.png) no-repeat center center;
				 	text-align: center;
				 }
				 .homeabout .aboutin ul li .liin .nummer .data {
				 	margin-top: 42px;
				 	display: inline-block;
				 +display:inline;
				 	zoom: 1;
				 	border-bottom: #fff 1px solid;
				 	font-weight: bold;
				 	font-size: 36px;
				 	color: #fff;
				 	line-height: 68px;
				 }
				 .homeabout .aboutin ul li .liin .nummer .wenzi {
				 	margin-top: 6px;
				 	color: #fff;
				 }
				 .homeabout .aboutin ul li .liin .nummer .wenzi span {
				 	display: block;
				 	font-size: 14px;
				 }
				 
		.sx-jianju {
		    padding: 70px 0 75px 0;
		}
				 
				 .row {
				     margin-right: -15px;
				     margin-left: -15px;
				 }
				 
			.h-h2 {
			    font-size: 30px;
			    color: #FFFFFF;
			    padding: 0 0 20px 0;
			    margin: 0 0 60px 0;
			  
			    line-height: 150%;
				font-weight: bold;
				margin-top: 60px;
				clear: both;
			}	 
	.process {background:#272a2d url(../images/lc-bg.jpg) no-repeat center center ;padding-bottom:30px;height: auto;text-align: center;height: 640px;margin-bottom: 60px;background-size: cover;}
	@media all and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5) {
	.process {background-size:2000px auto}.process {background-image:url(../images/lc-bg@2x.jpg)}
	}
	.process figure {margin-bottom:40px}
	.process figure figcaption {display:inline-block;display: flex; 
 align-items: center;width:180px;height:180px;border-radius:50%;color:#06329d;background-color: #FFFFFF;justify-content: center;}
	
	.process figure figcaption small {display:block}
	.process figure figcaption a {color:#06329d;display:block;text-decoration:none;
	font-weight: 600;text-align: center;line-height: 30px;}
	.liucheng h3 small {font-size:14px}
				 
				 
				 .col-lg-2 {
				     width: 16.66666667%;
					 float: left;
				 }

.service-a, .service-b { overflow: hidden; margin-bottom: 60px; }
.service-a li, .service-b li { width: 48%; float: left; text-align: left;margin: 1%; }
.service-a section { overflow: hidden;  margin: 0 10px; }
.service-a i { display: block; margin-bottom: 20px; }
.service-a img { }
.service-a p, .service-b p { font-size: 24px; margin-bottom: 30px;color: #656565;font-weight: bold;}
.service-a span, .service-b span {  display: block;color: #666; font-size: 18px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;line-height: 35px;color: #656565;  }
.service-b section { overflow: hidden; margin: 0 10px; }
.service-b i { display: block; margin-bottom: 20px; }
.service-b img { margin: auto }


.footer {
	height: 350px;
	width: 100%;
	background: #08254f;
	color: #fff;
	font-size: 14px;
	line-height: 32px;
	padding: 25px 0 40px;
	
	border-radius: 30px 30px 0px 0px;
}
.footer a {
	color: #fff;
	
}

.footer .ewm {
	width: 208px;
	margin-top: 10px;
}
.footer .ewm .img {
	text-align: center;
	line-height: 24px;
}
.footer .ewm img {
	width: 170px;
	height: 170px;
	padding: 6px;

	display: block;
}
.footer .ewm span {
	display: block;
	font-size: 14px;
	color: #fff;
}
.footer .tit {
	font-size: 18px;
	height: 30px;
	line-height: 30px;
	padding-bottom: 4px;
	border-bottom: 1px solid #354b91;
	margin-bottom: 12px;
}
.footer .txt {
	width: 70%;
	margin-top: 30px;
}
.footer .txt ul {
	width: 100%;
}
.footer .txt li {
	line-height: 50px;
	width: 30%;
	font-size: 16px;
	color: #fff;
	float: left;
}
.footer .txt li s {
	width: 60px;
	height: 58px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
	
}
.footer .txt li.a2 s {
	background: url(../images/lx1.png) no-repeat center 0;
}
.footer .txt li.a3 s {
	background: url(../images/lx2.png) no-repeat center 0;
}



.footer .dizhi  {
	width: 100%;line-height: 28px;
	
	font-size: 16px;
	color: #fff;
	float: left;
	margin-top: 30px;
}

.footer .dizhi s {
	width: 60px;
	height: 58px;
	display: block;
	margin-right: 8px;
	vertical-align: middle;
	
	float: left;
	background: url(../images/lx3.png) no-repeat center 0;
	
}



.joan4 {
    width: 100%;
    background: url("../images/joan.jpg") no-repeat;
    background-size: cover;
    height: 300px; overflow: hidden;}
	
	
	.dibu{float:left;width:100%;}
	.dibu .bLogo{display:block;height: 100px;cursor: pointer;}
	.dibu .bLogo img{display:block;height: 100px;overflow:hidden;float: right;}
	
	.dibu .bNav{margin-top:26px; width: 50%;float: left;}
	.dibu .bNav a{margin-right:80px;margin-bottom:12px;float:left;font-size:16px;line-height:50px;color:#FFFFFF;}
	.dibu .bNav a:nth-child(5n){margin-right:0;}
	.dibu .bNav a:hover{color:#fff;}


.dibu .bNav a.active {
	border-bottom: 3px solid #FFF4F5;
	
    border-radius:2px;
	
	
	
}
.case{width:1200px;margin:0 auto;background:#fff;padding:15px;margin-bottom: 60px;}
.case .title{height:20px;padding-bottom:10px;}
.case .title h2{ font-size: 20px;font-family: "microsoft yahei";}
.case .title-list{ position: relative; top: 6px;text-align: center;margin-bottom: 30px;height: 100px;}
.case .title-list li{ width: 16.66%;
    height: 85px;
    font-size: 18px;
    line-height: 56px;
    text-align: center;
    display: inline;
    border-radius: 30px;
    margin-right: 10px;
  
    color: #08254f;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 10px 50px 16px 50px;}
.case .title-list li.on{ color: #08254f; font-weight: bold;background: url(../images/i_bg1.jpg) center bottom no-repeat;}


.case .title-list p{position:absolute;top:24px;left:0px;width:146px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}
.case .title-list b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}
.product{ height: 268px; position: relative; overflow: hidden; display: none; margin-top: 120px;}
.product ul{ position: absolute; left: 0px;}
.product-wrap .show{ display: block;}
.product-wrap .product li{ float: left; display: inline; margin-left: 13px;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}
.product-wrap .product li.ml0{margin-left:0px;}
.product-wrap .product li a.imgwrap{ display: block; width: 226px; height: 200px; background: #fff; text-align:center;}
.product-wrap .product li p{padding-left: 15px;color: #666666;line-height: 22px;}
.product-wrap .product li p a{ color: #666666; text-decoration: none;}
.product-wrap .product li p a:hover{ color: #ff6600; text-decoration: none;}


.owl-nav {
    position: absolute;
    width: 170px;
    height: 45px;
    bottom: 20%;
    left: 81%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
	z-index: 9999;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background: transparent;
    border: 1px solid #FFFFFF;
    border-radius: 45px;
    font-size: 22px;
    transition: .5s;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background: var(--primary);
    border-color: var(--primary);
}