/* 织梦园模板网 整站模板下载站 */
/* 模板：Www.dedeyuan.com */
/* QQ：45420794 */
*{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;background: #f2f2f2;}
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;}
/*图片变大*/
.tra{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);filter:scale(1);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
.tra:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);filter:scale(1.05);filter:transform;transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;}
/*透明度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;}



.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:auto auto;position:relative;min-width:1200px;max-width:1400px;}
#fullpage .container{margin:0 auto;position:relative;min-width:1200px;max-width:95%;}
.header{position:fixed;left:0px;top:0px;right:0px;width: 100%;z-index:100;transition: all .3s;/*background:rgba(255,255,255,0.6);*/ border-bottom:1px solid rgba(255,255,255,.2);min-width:1200px; box-shadow:0px 0px 10px 0 rgba(0,0,0,0.15);}
/*.header:hover{background:#858585;transition: all 0.3s ease; }*/
.header .headw{ margin:0 50px;width:auto;position:relative;height:100%;}
.logo{position:absolute;left:0px;top:50%;margin-top:-0.5em;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;}

.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; float:right}
.menu ul{display:inline-block;vertical-align:bottom; margin-left:125px;}
.menu li{float:left;margin:0 15px;position:relative;}
.menu li{ float:left; margin:0 5px; position:relative;}
.menu .h3{ position:relative;}
.menu .h3 a{ padding:0 15px; display:block; font-size:16px; height:86px; line-height:86px; color:#fff; position:relative;}
.menu .h3 a:before{ content:''; height:3px; left:0px; top:0px; right:0px; background:#fff; position:absolute; display:none;}
.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;}
.body_menu .header{background:#fff; border-bottom:none; }
.body_menu .header .headw{height:60px;}
.body_menu .menu .box{ margin-top: -10px;}
.body_menu .menu .h3 a{height:60px;font-size:16px;line-height:60px; color:#333; }
.body_menu .menu .h3 a:before{ content:''; height:3px; left:0px; top:0px; right:0px; background:#631C82; position:absolute; display:none;}
.body_menu .menu li:hover .h3 a{color:#631C82;}
.body_menu .logo{font-size:40px;}
.body_menu .logo img{ height:40px;}
.body_menu .logo .img1{ display:none;}
.body_menu .logo .img2{ display:block;}






.iBanner{}
.iBanner .img img{ height:95vh; 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;}
.iBanner .swiperPrev{ left:50px;}
.iBanner .swiperNext{ right:50px;}
.iBanner .swiperArrow:hover{ color:#4c87ff;}


.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: 100px 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: 100px 0; margin-bottom: 100px; height: 800px;}
.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;}


.morebg{ margin: auto; width: 100%; padding: 100px 0; background: #fff;}

.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; width:32%; height: 280px; overflow: hidden;border-top-left-radius: 15px;border-bottom-right-radius: 15px; margin-right: 1%;}

.hhservice ul li:nth-child(1){ width:34%; height: 580px;}
.hhservice ul li:nth-child(3){margin-right:0px;}
.hhservice ul li:nth-child(4){ width:65%;margin-right:0px; margin-top: 1%;}

.hhservice ul li a{display:block; position:relative; color:#000;}
.hhservice ul li .text{ position:absolute; left:40px; top:40px; right:40px;}
.hhservice ul li h3{ font-size:26px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:10px; color: #fff;}
.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: 100%;}


/* 内页 */
.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:400px; 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;}
.banner_2{ background-image:url(../images/banner_creative.jpg)}
.banner_5{ background-image:url(../images/banner_product.jpg)}
.banner_8{ background-image:url(../images/banner_lesson.jpg)}
.banner_10{ background-image:url(../images/banner_news.jpg)}
.banner_11{ background-image:url(../images/banner_contact.jpg)}

#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;}


.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: 45%; margin-bottom: 50px;}
.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 li p{}
.contact_qrcode{float: right;padding-top: 100px;width: 600px;height: 400px;background: url(../images/gray_map.png) no-repeat center 60px;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;}

@media screen and (min-width: 1809px) {
    .container{max-width:1400px;margin: auto auto;}
	#fullpage .container{max-width:95%;margin: auto auto;}
}
@media screen and (max-width: 1559px) {
    .container{width:1200px;margin: auto auto;}
	#fullpage .container{width:1200px;margin: auto auto;}
	
	.hhservice ul li{ float:left; width:32%; height: 220px;}
	.hhservice ul li:nth-child(1){height: 450px;}
	
	.main_tuijian ul li img{ height:400px;}
	.tuijian_swi .swiper-slide .pic{ height:236px;}
}
.w1200{ width:1200px; margin:0px auto;}
.contain{ width:1200px; margin:0px auto;}