@charset "utf-8";

/* ------------------------------------------------- 

 * 公用样式表 

 * ------------------------------------------------- 

*/  

body{font-family:"微软雅黑","宋体"; font-size:14px; line-height: 1.6; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal;  color: rgba(255, 255, 255, 1); color: #000;  background: rgba(255, 255, 255, 1); 

text-align:justify; -webkit-text-size-adjust:none; height:auto; 

-webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/

-moz-osx-font-smoothing: grayscale;/*firefox*/}

/** 定义HTML body **/

@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('text.otf'); font-weight: normal; font-style: normal;}



a {color:#333;transition:400ms ease all;}

a:focus {color: #333;outline: none; text-decoration: none;}

a:hover {color: #333;outline: none;text-decoration: none;transition:400ms ease all;}



/* == 翻页公用  ====================================================================================*/

.pageflip{width: 100%;overflow: hidden;text-align: center; margin: 20px 0px 0px 0px;}

.pageflip  a{color: #8443a8;height: 34px;display: inline-block;overflow: hidden;line-height: 30px; padding: 0px 10px;border: 2px solid #8443a8;border-radius: 5px;margin: 0px 5px;}

.pageflip  a:hover,.pageflip a.dq{background: #8443a8;color: #fff;}

.pageflip  a i{display: block;line-height: 30px;height: 30px;}

@media (max-width:768px){

.pageflip{ margin: 5px 0px 0px 0px;}

.pageflip  a { font-size: 12px; height: 26px; line-height: 24px; border-width: 1px; padding: 0px 9px; border-radius: 3px; }

.pageflip  a i { line-height: 24px; height: 26px; }

}

/* == 翻页公用  ====================================================================================*/



@media (max-width:1600px){}

@media (max-width:1400px){}

@media (max-width:1200px){}

@media (max-width:1023px){}

@media (max-width:767px){}





/* == 全局  ====================================================================================*/

.wrapper_full{margin: 0px auto; max-width: 100%; width: 100%; padding: 0 0px;}

.wrapper_box  { margin: 0px auto; max-width: 1600px; padding: 0 50px;  }

.max1440{margin: 0px auto; max-width: 1400px;}

.max1200{margin: 0px auto; max-width: 1200px;}

@media (max-width:1440px){

	.wrapper_full{padding: 0px 0px;}

	.wrapper_box{padding: 0px 30px; }

}

@media (max-width:1366px){

	.wrapper_full{padding: 0px 0px;}

	.wrapper_box{padding: 0px 30px;}

}

@media (max-width:1023px){

	.wrapper_full{padding: 0px 0px;}

	.wrapper_box{padding: 0px 10px;}

}

@media (max-width:767px){

	.wrapper_full{padding: 0px 0px;}

	.wrapper_box{padding: 0px 10px;}

}

.iconp{background: url(../../images/iconp.png);vertical-align: middle;}

.icon{background: url(../../images/icon.png);vertical-align: middle;}

/* == 全局  ====================================================================================*/



/** pc_nav ====================================================================================*/

.pc_header{width: 100%;padding:0 100px;padding-top:40px;position: fixed;top: 0;left: 0;z-index: 999;}

.pc_logo{float: left;width: 245px;}

.pc_logo a{display: block;}

.pc_logo a img{width: 100% ;}

.pc_nav ul{padding-top: 8px;}

.pc_nav,

.pc_nav ul,

.pc_nav ul li,

.pc_nav ul li a{margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;}

.pc_nav:after,.pc_nav > ul:after {content: ".";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;}

.pc_nav {width:auto; margin: 0px auto; line-height: 1.6; background: none;float: right;}

.pc_nav > ul > li {float: left; margin-left: 38px;}

.pc_nav > ul > li > a { font-size: 20px;color: #fafafa;width: 120px;height: 44px;line-height: 44px;background: none;border-radius:30px;text-align: center;}



.pc_nav > ul > li:hover > a {color: #fff;background: #46317a;}

.pc_nav > ul > li.on > a{color: #fff;background: #46317a;}

.pc_nav >ul{padding-top: 8px;}



.pc_nav > ul > li.nav-has-sub > a {}

.pc_nav ul ul {position: absolute; left: -9999px;}

.pc_nav > ul > li > ul {border-top: 0px solid #FFF;}

.pc_nav li:hover > ul {left: auto;}

.pc_nav ul ul ul {margin-left: 100%;top: 0;}

.pc_nav ul ul li {height: 0;transition: all 0.3s cubic-bezier(.5, 0, .2, 1) 0s;}

.pc_nav ul li:hover > ul > li {height:40px; line-height: 40px;}

.pc_nav ul ul li a { font-size: 16px;text-align: center;width: 120px; height:40px; line-height: 40px;border-radius:30px;  background: #fff;border: 1px solid #46317a;text-decoration: none;color: #000;

transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pc_nav ul ul li:hover > a,

.pc_nav ul ul li a:hover {color: #fff;background: rgba(132,67,168,0.5); }

.pc_nav ul ul li.nav-has-sub > a::after {position: absolute; top: 25px;right: 10px;width: 4px; height: 4px;

  border-bottom: 1px solid #eee;

  border-right: 1px solid #eee;

  content: "";

  -webkit-transform: rotate(-45deg);

  -moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg);

  -o-transform: rotate(-45deg);

  transform: rotate(-45deg);

}

.pc_nav ul ul li.nav-has-sub:hover > a::after { border-color: #f00;}

@media (max-width:1366px){

  .pc_nav > ul > li > a { font-size: 16px;color: #fff;width: 100px;height: 44px;line-height: 44px;background: none;border-radius:30px;text-align: center;}

  .pc_nav > ul > li {float: left; margin-left: 15px;}

  .pc_nav >ul{padding-top: 0px;}

  .pc_nav ul ul li a { font-size: 13px;text-align: center;width: 100px; height:40px; line-height: 40px;border-radius:30px;  background: #fff;border: 1px solid #46317a;text-decoration: none;color: #000;

    transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

}

/** pc_nav ====================================================================================*/





/** m_nav ====================================================================================*/

.m_header{display: none;width: 100%;height: 70px; position: fixed; top: 0px; left:0px; z-index: 999; background: #46317a;}

.m_header .header-section{width:100%; height:70px; padding:20px 20px; overflow: hidden; }

.m_header .header-section .logo{ width: 150px; float: left;}

.m_header .header-section:after{content:"";width:100%;height:1px;background-color:#d1d1d1;position:absolute;left:0;bottom:0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5)}

.m_header .header-section .nav-icon{ position: absolute; right: 20px; top: 22px; width:25px;height:25px; z-index:1000;font-size:0;text-align:right;cursor:pointer}

.m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}

.m_header .header-section .nav-icon i span{display:inline-block;width:70%;height:2px;background-color:#fff;position:relative;border-radius:2px}

.m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%}

.m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:55%}

.m_header .header-section .nav-icon i:nth-of-type(3) span{top:70%}

.m_header .m-navbar{background-color:#fff;position:fixed;width:100%;height:100%;z-index:99999;right:-100%;top:0;padding-bottom:.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch}

.m_header .m-navbar.open{right: 0px;}

.m-navbar .logo{ padding: 20px 20px; position: relative;background: #46317a;}

.m-navbar .logo .logoimg{width: 150px; display: block;}

.m_header .logo .nav-icon{ position: absolute; right: 20px; top:30px; width:25px;height:25px; z-index:1000;font-size:0;text-align:right;cursor:pointer}

.m_header .logo .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0}

.m_header .logo .nav-icon i span{display:inline-block;width:100%;height:2px;background-color:#fff;position:relative;border-radius:2px}

.m_header .logo .nav-icon i:nth-of-type(1) span{top:20%;transform:rotate(45deg);}

.m_header .logo .nav-icon i:nth-of-type(2) span{top:20%;transform:rotate(-45deg);}

#navbar .m_navul{margin-top: 0px; border-top: 1px solid #f5f5f5;}

#navbar .m_navul li{padding: 0 20px;border-bottom: 1px solid #f5f5f5;transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;}

#navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);}

#navbar .m_navul li a{color: #333;font-size: 14px;height: 50px;line-height: 50px;width: 100%;display: block;text-decoration: none;}

#navbar .m_navul li .dropdown_menu{display: none;}

#navbar .m_navul li.dropdown.active .dropdown_menu{display: block;}

#navbar .m_navul li .dropdown_menu a{display: block; color: #666; font-size: 13px; height: 50px;line-height: 50px;padding: 0 10px;box-sizing: border-box;border-bottom: 1px solid #f5f5f5;}

#navbar .m_navul li .dropdown_menu a:last-child{border: none;}

#navbar .m_navul li:nth-child(1) {

    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#navbar .m_navul li:nth-child(2) {

    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#navbar .m_navul li:nth-child(3) {

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#navbar .m_navul li:nth-child(4) {

    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#navbar .m_navul li:nth-child(5) {

    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

#navbar .m_navul li:nth-child(6) {

    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

@media (max-width:1023px){

  .pc_header{display: none;}

  .m_header{display:block;}

  }

/** m_nav ====================================================================================*/



/** == 首页banner ====================================================================================*/

.banner_box{ width: 100%; position:relative;margin-top: 0px;z-index: 1;}

.swiper-ban.swiper-container { }



.swiper-ban a { display: block; width: 100%; height:auto; overflow: hidden; position: relative;}

.swiper-ban a .slide_full{width: 100%; overflow: hidden; position: relative; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; 

-webkit-animation:scalex 10s linear infinite;animation:scalex 10s linear infinite;}

.swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; }

.swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: -1; background:rgba(0,0,0,0.2);}



/** banner上文字 =====*/

.wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px;  top: 35%; text-align: center; z-index: 1; 

text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;}

.ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 100px; font-weight: normal;}

.ani-02 { height: 60px; width: 170px; color: #fff; font-size: 20px;line-height: 22px;margin:0 auto; border:3px solid #d4d4d4;border-radius: 30px;margin-top: 12%;padding: 16px 0;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.ani-02:hover{background: #8443A7;color:#fff;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.ani-03 { height: auto; margin-bottom: 10px; color: #fff; font-size: 16px;margin-top: 21px;}

.ani-01 .you{margin-left: 192px;}



.bg{background: rgba(132,67,168,0.5);padding: 20px 100px;}

@media (max-width:1366px){.bg{padding: 10px 100px}}





/** 点点点 =====*/

.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}

.swiper-ban .swiper-pagination-bullet {border:3px solid #d5d5d5;width: 16px; height: 16px; border-radius:50%;  opacity: 1;margin:0 4px!important; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.swiper-ban .swiper-pagination-bullet-active {background: #8443A7; width: 16px; border: 0;} 

/** 箭头 =====*/

.swiper-ban .swiper-button-prev {left: 100px;width: 50px;height: 50px; line-height: 50px; border-radius:100%;   color: #fff; text-align: center;}

.swiper-ban .swiper-button-next {right:100px;width: 50px;height: 50px; line-height: 50px; border-radius:100%; color: #fff; text-align: center;}

.swiper-button-next,.swiper-button-prev{position: absolute;top:60%}

.swiper-ban .swiper-button-prev,.swiper-ban .swiper-button-next{font-size: 26px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

@media (max-width: 1366px) { 

.ani-01 { height: auto; color: #fff; font-size: 60px; font-weight: bold;}

.ani-02 { height: 44px; width: 130px; color: #fff; font-size: 16px;line-height: 20px;margin:0 auto; border:3px solid #d4d4d4;border-radius: 30px;margin-top: 8%;padding: 8px 0;}

}

@media (max-width: 1023px) {

.ani-01 .you{margin-left: 40px;}

.banner_box{ width: 100%; position:relative;margin-top: 70px;z-index: 1;} 

.swiper-ban a .slide_full{width: 100%; height:auto;}

.swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px;}

.swiper-ban .swiper-button-prev {width: 35px;height: 35px; line-height: 20px; left: 20px;}

.swiper-ban .swiper-button-next {width: 35px;height: 35px; line-height: 20px; right: 20px;}

	

.wenzi_main{width: 100%; margin: 0px auto; padding: 0px 10px; text-align: center; }

.ani-01 { height: auto; color: #fff; font-size: 20px; font-weight: bold;}

.ani-02 { height: auto; color: #fff; font-size: 12px; margin-top: 10px; height: 30px; width:80px;line-height: 16px;padding: 4px 0;}

.ani-03 { height: auto;  color: #fff; font-size: 12px;margin-top: 10px;}

.swiper-ban .swiper-pagination-bullet {width: 8px;height: 8px;}

.swiper-ban .swiper-pagination-bullet-active {background: #8443A7; width: 8px; border: 0;} 



}



/** == 首页banner ====================================================================================*/





/*==================== 首页标题 =====================*/

.eltit{color: #b2b2b2;font-size: 36px;font-weight: 300;letter-spacing:6px;text-transform:Uppercase;}

.tit{text-align: center;padding-bottom: 20px;position: relative;}

.cntit{color: #000;font-size: 36px;font-weight: bold;letter-spacing:3px}

.tit .hui{width: 550px;height: 1px;background-color: #dedede;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 1;}

.tit  .zi{width: 84px;height: 5px;background-color: #8443a8;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);z-index: 2;}

@media (max-width:1366px){

.eltit{color: #b2b2b2;font-size: 30px;font-weight: 300;letter-spacing:6px}

.cntit{color: #000;font-size: 30px;font-weight: bold;letter-spacing:3px}



}

@media (max-width:1023px){

.tit{text-align: center;padding-bottom: 10px;position: relative;}

.eltit{color: #d4d4d4;font-size: 16px;}



.cntit{color: #000;font-size: 20px;font-weight: bold;}

.tit .hui{width: 200px;height: 1px;background-color: #dedede;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 1;}

.tit  .zi{width: 40px;height: 5px;background-color: #8443a8;position: absolute;bottom: -2px;left: 50%;transform: translateX(-50%);z-index: 2;}

}

/*==================== 首页标题 end =====================*/



/*===========================  about ================================*/

.about{background: #fafafa;padding:60px 100px 140px 100px;height: 700px;}

.ab_lf{width: 50%;height: 430px;position: absolute;left: 0;overflow: hidden;z-index: 1; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.ab_lf {background-size: cover;}

.about .main_wrap{margin-top: 30px;position: relative;}

.ab_rt{float: right;width: 55%;position: relative;z-index: 99;background: #fff;padding:30px 40px 100px 40px;margin-top: 40px;}

.ab_rt .logo2{}

.ab_rt .logo2 img{height: 100%;width: auto;}



.ab_rt .nei{margin-top: 20px;font-size: 16px; color: #333333; line-height: 25px;height: 200px;overflow: hidden;}



.ab_rt .butt{display: block;position: absolute;bottom: 20px;right: 40px;color: #8443a8;border: 1px solid #8443a8;border-radius: 3px;padding:8px 20px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;} 

.ab_rt .butt:hover{background:#8443a8;color: #fff;}

.about{background: #fafafa;padding:60px 100px 60px 100px;}

.about img{display: block;}

@media (max-width:1366px){.about{padding-top: 30px;height: 650px}}

@media (max-width: 1023px) { 

.about{height: auto;}

.about img{display: block;width: 100%;}

.ab_lf{width: 100%;position: relative;height: 300px; display: none;}

.about{background: #fafafa;padding:20px 20px 20px 20px;}

.ab_rt{float: none;width: 100%;position: relative;z-index: 99;background: #fff;padding:10px 10px 70px 10px;margin-top: 0px;}

.ab_rt .butt{position: absolute;bottom: 20px;right: 20px;color: #8443a8;border: 1px solid #8443a8;border-radius: 3px;padding:4px 10px} 

.ab_rt .nei{margin-top: 20px;font-size: 14px; color: #333333; line-height: 20px;height:auto;overflow: hidden;}

}

/*===========================  about end ================================*/



/*================================  案例分享 =========================================*/



.anli{padding:60px 100px;padding-bottom: 20px; text-align: center;}

.al_nav{text-align: center;margin-top: 30px;}

.al_nav a{display: inline-block;font-size: 20px;background-color: #f7f7f7;border-radius: 20px;color: #000;

/*border: 1px solid #000;*/

padding: 5px 30px;margin-right: 30px;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.al_nav a:hover{background-color: #8443a8;color: #fff;}

.al_nav a.on{background-color: #8443a8;color: #fff;}

.anli_list{display: none;}

.anli_list.on{display: block;}

.anli_list ul{margin:0px -15px 0 -15px;padding-top: 30px;}

.anli_list ul li{float: left;width: 25%;padding:0 15px;margin-bottom: 40px;}

.anli_list ul li a{display: block;}

.anli_list ul li a .zi{padding: 13px 10px;text-align: center;background-color: #f7f7f7;color: #212121;font-weight: 500;font-size: 9px;}

.anli_list ul li a .zi .nei{height: 28px; line-height: 28px;overflow: hidden;font-size: 18px; white-space:nowrap;}

.anli_list ul li a:hover .zi{background: #8443a8;color: #fff;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.imgzoom{position: relative;width: 100%;padding-bottom: 75.5905%;overflow: hidden;}

.imgzoom img{position: absolute;top: 0;left: 0;width: 100%;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.imgzoom:hover img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10);transform: scale(1.10);}



.imgzoom2{position: relative;width: 100%;padding-bottom: 150%;overflow: hidden;}

.imgzoom2 img{position: absolute;top: 0;left: 0;width: 100%;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.imgzoom2:hover img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10);transform: scale(1.10);}



.anli .butt{font-size: 16px;color: #b7b7b7;border-radius: 3px;border: 1px solid #b7b7b7;padding:5px 20px;display:inline-block;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.anli .butt:hover{padding: 5px 30px;background: #8443a8;color: #fff;;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

@media (max-width:1366px){

.anli{padding:30px 100px;padding-bottom: 20px; text-align: center;}

.al_nav a{font-size: 18px;}

.anli_list ul li a .zi .nei{height: 28px; line-height: 28px;overflow: hidden; white-space:nowrap;font-size: 13px;}



}

@media (max-width:1023px){

.anli{padding:20px 20px}

.al_nav{text-align: center;margin-top: 15px;}

.al_nav a{display: inline-block;font-size: 14px;background-color: #f7f7f7;border-radius: 20px;color: #000;

	/*border: 1px solid #000;*/

	padding: 3px 10px;margin-right: 5px;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.anli_list ul li{float: left;width: 50%;padding:0 5px;margin-bottom: 10px;}

.anli .butt{font-size: 13px;color: #b7b7b7;border-radius: 3px;border: 1px solid #b7b7b7;padding:3px 15px;display:inline-block;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.anli .butt:hover{padding: 2px 20px;margin-top: 2px;margin-bottom: 2px;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.anli_list ul{margin:0px -5px 0 -5px;padding-top: 10px;}

.anli_list ul li a .zi{padding: 8px 5px;text-align: center;background-color: #f7f7f7;font-size: 13px;color: #212121;}



}

/*================================  案例分享 END =========================================*/



/*=============================== 产品介绍 ===================================*/

.cp{background: #fafafa;padding:60px 150px;position: relative;}

.swiper02.swiper-container{padding: 15px 0px 10px 0px; }

.swiper02.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 25px;}

.swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #1581ea; width: 10px; height: 10px;border-radius:5px;  margin: 0px 5px; opacity:0.5; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.swiper02.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #1581ea; width: 30px; opacity:1;}

/*箭头*/

.main_wrap .swiper-button-prev {left: 90px;opacity:1; top: 60%}

.main_wrap .swiper-button-next {right: 90px;opacity:1;top: 60%}

.main_wrap .swiper-button-prev {z-index: 100;width: 40px;height: 40px; line-height: 100px;background-size: 100%; background:url(../../images/lf.png) no-repeat center; text-align: center;}

.main_wrap .swiper-button-next {z-index: 100;width: 40px;height: 40px; line-height: 100px;background-size: 100%; background:url(../../images/rt.png) no-repeat center; text-align: center;}

.main_wrap .swiper-button-prev:hover{background:url(../../images/lf_hover.png) no-repeat center;}

.main_wrap .swiper-button-next:hover{background:url(../../images/rt_hover.png) no-repeat center;}

.cp .main_wrap{margin-top: 20px;}

.cp .swiper-slide a{display: block;}

.cp .img{position: relative;width: 100%;padding-bottom: 150.27777%;overflow: hidden;z-index: 1;}

.cp .img img{position: absolute;top: 0;left: 0;width: 100%;}

.cp .img .hei{position: absolute;width: 100%;bottom: 0;left: 0;font-size: 16px;background: rgb(0, 0, 0,0.5);text-align: center;color:#fff;height: 45px;;padding: 10px 10px;overflow: hidden;z-index: 2;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.cp .img .hei .nei{height: 25px;line-height: 25px;overflow: hidden;}

.cp .swiper-slide a:hover .img .hei{height: 0;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;padding:0}

.cp .img .zi{position: absolute;bottom: 0;left: 0;height: 0;width: 100%;background: rgba(132,67,168,0.8);z-index: 3;overflow: hidden;;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.cp .img .zi .name{position: absolute; width: 100%; top: 50%;left:0;padding:0 30px;transform: translateY(-50%);color: #fff;text-align: center;}

.cp .img .zi .name .name_tit{font-size: 18px;font-weight: bold;margin-bottom: 20px;}

.cp .img .zi .name .name_xia{font-size: 16px;line-height: 20px;height: 80px;overflow: hidden;}

.cp .swiper-slide a:hover .img .zi{height: 100%;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

@media (max-width:1366px){

.cp{background: #fafafa;padding:30px 150px;position: relative;}



}

@media (max-width:1023px){

.cp{background: #fafafa;padding:20px 20px;position: relative;}

.cp .main_wrap{margin-top: 10px;}

.main_wrap .swiper-button-prev {position: absolute;left: 0px;opacity:1; top: 55%}

.main_wrap .swiper-button-next {position: absolute;right: 0px;opacity:1;top: 55%}

.cp .img .hei{font-size: 13px;}

.cp .img .zi .name{padding: 0 10px;}

.cp .img .zi .name .name_tit{font-size: 16px;font-weight: bold;margin-bottom: 10px;}



}

/*=============================== 产品介绍 END===================================*/



/*======================= 团队介绍 =========================*/

.td{padding:60px 100px;text-align: center;}

.td_list{position: relative;margin-top: 30px;}



.td_list a{display: block;}

.td_lf{position: absolute;left: 0;top: 0;width: 471px;}

.td_img{position: relative;width: 100%;padding-bottom: 63.48195%;overflow: hidden;z-index: 3;}

.td_img img{position: absolute;top: 0;left: 0;width: 100%;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.td_list:hover .td_img img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10);transform: scale(1.10);}

.td_rt{height: 299px;background: #fafafa;padding: 30px 50px 50px 521px;position: relative;z-index: 2;text-align: left;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.td_tit{font-weight: bold;margin-bottom: 20px;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.td_tit .nei{line-height: 38px;height: 38px;overflow: hidden;font-size: 24px;}



.td_list:hover .td_rt{background: #8443a8;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.td_list:hover .td_tit{color:#ffffff;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.td_name{font-size: 16px;line-height: 25px;height: 125px;overflow: hidden;color: #434343;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.td_list:hover .td_name{color:#ffffff;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.td_rt .butt_b{position: absolute;bottom:10px;right: 50px;color: #c1c1c1;}

.td_list:hover .butt_b{color:#fff}

.td_rt .butt_b:hover{animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;

transform: translate3d(0, 0, 0);

backface-visibility: hidden;

perspective: 1000px;}



.td .butt{font-size: 16px;color: #b7b7b7;border-radius: 3px;border: 1px solid #b7b7b7;padding:3px 15px;display:inline-block;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.td .butt:hover{padding: 3px 25px;background: #8443a8;color:#fff;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

.td .wai{padding-top: 40px;}

@media (max-width:1366px){

.td{padding:30px 100px;text-align: center;}

.td_tit .nei{line-height: 38px;height: 38px;overflow: hidden;font-size: 18px;}

.td_name{font-size: 14px;line-height: 25px;height: 125px;overflow: hidden;color: #434343;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}

}

@media (max-width:1023px){

.td{padding:20px 20px;}

.td_lf{position: relative;width: 100%;}

.td_rt{padding:10px 20px;height:auto;background: #fafafa;position: relative;z-index: 2;}

.td .wai{padding-top: 10px;}

.td_rt .butt_b{position: absolute;bottom:10px;right: 20px;color: #c1c1c1;}

.td_tit{font-weight: bold;margin-bottom: 10px;}

.td_tit .nei{font-size: 16px;height: 25px;line-height: 25px;}

.td_name{font-size: 14px;line-height: 20px;height:auto;min-height: 60px; overflow: hidden;color: #434343;transition: all .3s cubic-bezier(.5, 0, .2, 1) 0s;}



.td_list:last-child{ margin-bottom: 20px;}

	

}

/*======================= 团队介绍 END =========================*/



/*===================== footer ===========================*/

.footer{position: relative;text-align: center;font-size: 16px;}

.footer .ft_bg{position: absolute;left: 100px;top:50%;transform: translateY(-50%);width: 129px;z-index: 999;}

.footer .top{padding: 0 100px;background: #e4e4e4;padding-top: 50px;padding-bottom: 20px;height:auto;}

.footer .xia{padding: 0 100px;background: #303030;height: 200px;padding-top: 30px;}

.footer .wrap1 .d1{display: inline-block;margin-right: 10px;color:#212121;}

.footer .wrap2 {margin-top:20px;color:#969696;}

.footer .wrap3{color: #ffffff;text-align: center;margin-bottom: 20px;line-height: 20px;}

.footer .wrap4 a{display: block;color: #ffffff;margin-bottom: 20px;}

.footer .wrap4 a:hover{color:#8443a8 ;}

.footer .wrap5 a{display: block;color: #1e76ed;}

.footer .wrap5 a:hover{color: #8443a8}

.footer .wrap6 a{display: block;color: #2361b3;font-weight: bold;}

.footer .wrap6 a:hover{color: #8443a8}

@media (max-width: 1023px) { 

.footer{position: relative;text-align: center;font-size: 14px;}



.footer .ft_bg{display: none;}

.footer .top{padding: 0 20px;background: #e4e4e4;padding-top: 10px;padding-bottom: 10px;height: auto;font-size: 13px;}

.footer .xia{padding: 0 20px;background: #303030;height: 200px;padding-top: 10px;font-size: 13px;}

.footer .wrap2 {margin-top:10px;color:#969696;}

.footer .wrap4 a{display: block;color: #ffffff;margin-bottom :10px;}

}

/*===================== footer  end ===========================*/



/** == pag_ban ====================================================================================*/

.pag_ban{position: relative;overflow: hidden;height: 400px; margin-top: 0px;}

.pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 0, 0, 0.5); height: 100%; width: 100%; top: 0;left: 0;}

.pag_ban .imgbg {height: 100%}

.pag_ban .imgbg {background-position: center center;background-size: cover;background-repeat: no-repeat;}

.pag_ban .imgbg img {display: none;}



.pag_ban_tit{position: relative; width: 100%; color: #fff; max-width: 1300px; margin: 0px auto; padding: 140px 0 0 0; text-align: center; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);}

.pag_ban_tit .tf30{ font-size: 46px;letter-spacing:3px; }

.pag_ban_tit .tf16{ font-size: 26px;  font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";letter-spacing:2px;}



@media (max-width:1366px){

.pag_ban{position: relative;height: 300px; overflow: hidden;}

}



@media (max-width:1023px){

.pag_ban{position: relative;height: 100px; margin-top: 70px;}

.pag_ban_tit{padding: 50px 0 0 0; text-align: center; }

.pag_ban_tit .tf30{ font-size: 0.30rem; font-weight:600;letter-spacing:2px;}

.pag_ban_tit .tf16{ font-size: 0.18rem; font-weight:600;font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";letter-spacing:2px;}

}

/** == pag_ban ====================================================================================*/



/*weizhi*/

.weizhi{padding-bottom: 10px;padding-top: 10px;font-size: 14px;color: #666666;padding:20px 100px;background: #fafafa;}

.weizhi .wz_wrap{border-left:10px solid #8443a8 ;padding-left: 10px;}

.weizhi .wz_wrap a{margin: 0 5px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.weizhi .wz_wrap a:hover{color:#8443a8;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

@media (max-width:1023px){

  .weizhi{padding:10px 20px}

.weizhi .wz_wrap a{font-size: 13px;margin: 0 3px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}



}

/*weizhi end*/

/*==================  pag_about ====================*/

.pag_lianxi{padding: 60px 100px;}

@media (max-width:1023px){

.pag_lianxi{padding: 20px;}



}

/*==================  pag_about /end ====================*/





.pag_main{font-size: 16px; padding: 40px 0px; max-width: 1400px; margin: 0px auto; color: #333;text-align: left;}

@media (max-width:1023px){

.pag_main{font-size: 13px; padding: 20px 0px; max-width: 1400px; margin: 0px auto; color: #333;text-align: left;}

}



/** pag_info ====================================================================================*/

.pag_info{margin-top: 0px; max-width: 1400px; margin: 0px auto;}

.pag_info_rtit{  color: #484848;  position: relative; padding-top: 0px; padding-bottom: 5px;}

.pag_info_rtit h1{font-size: 20px; line-height: 26px; display: block; text-align: center;  font-weight: 400; color: #666666;font-weight: 700;}



.pag_info_rss{ margin: 10px 0px; padding: 10px 0px; color: #666; text-align: center; font-size: 14px; border-bottom: 2px solid #cfcfcf;}

.pag_info_rss .s1{ display:inline-block; padding-right: 15px;}



.pag_info_main{ font-size: 16px; line-height: 26px; padding: 10px 0px; color: #333;text-align: left;}

.pag_info_main img{display: block;margin: 0 auto;max-width: 100%;}

.fanye{ padding: 20px 0px 0px 0px; margin-top: 20px; border-top: 1px dotted #ccc; position: relative;text-align:center;}

.fanyea { padding-bottom: 10px; color: #666; font-size: 14px;text-align: left; }

.fanyea a {color: #666; }

.fanyea a:hover { color: #8443a8; }

.fanyefh{ position: absolute; right: 0px; top: 30px;}

.fanyefh a{color: #fff; background: #8443a8; padding: 6px 50px; display: inline-block; margin:0px 0px 0px 0px; border-radius:2px;}

.fanyefh a:hover{background: #eee; color: #555; padding: 6px 60px;}



@media (max-width:1023px){

.pag_info{margin-top: 0px;}

.pag_info_rtit{  color: #484848;  position: relative; padding-top: 10px; padding-bottom: 5px;}

.pag_info_rtit h1{font-size: 18px; line-height: 22px; display: block; text-align: center;  font-weight: 400; color: #666666;}



.pag_info_rss{ margin: 10px 0px; padding: 1px 0px 10px 0px; color: #666; text-align: center; font-size: 12px; border-bottom: 2px solid #cfcfcf;}

.pag_info_rss .s1{ display:inline-block; padding-right: 15px;}



.pag_info_main{ font-size: 13px; line-height: 22px; padding: 0px; color: #333;}



.fanye{ padding: 20px 0px 0px 0px; margin-top: 10px; border-top: 1px dotted #ccc; position: relative;}

.fanyea { padding-bottom: 10px; color: #666; font-size: 14px; }

.fanyea a {color: #666; }

.fanyea a:hover { color: #8443a8; }

.fanyefh{ position:relative; right: 0%; top: 0px;}

.fanyefh a{color: #fff; background: #8443a8; padding: 6px 50px; display: inline-block; margin:0px 0px 0px 0px; border-radius:2px;}

.fanyefh a:hover{background: #eee; color: #555; padding: 6px 60px;}

}

/** pag_info  end====================================================================================*/



.td_pag{background:#fff ;}



/*================================== pag_lianxi ======================================*/

.pag_lianxi .lf{float: left;background: #fafafa;height: auto;text-align: center;padding: 4px;margin-top: 2px;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pag_lianxi .lf:hover{background: #8443A7;color: #fff;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pag_lianxi .lf .ma{float: left;position: relative;width: 196px;}

.pag_lianxi .lf .ma img{width: 100%;}

.pag_lianxi .lf .zi{float: left;width: 30px;height: 196px;font-size: 16px;padding-top: 20px;    }

.pag_lianxi .rt{height: auto;padding-left: 236px;}

.pag_lianxi .rt ul {}

.pag_lianxi .rt ul li{float: left;width: 50%;padding:2px}

.pag_lianxi .rt ul li .nei{background: #fafafa;height: 100px;position: relative;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;padding: 20px 0px 20px 100px}



.pag_lianxi .rt ul li .nei .name{line-height: 30px;font-size: 20px;color: #666666;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pag_lianxi .rt ul li:hover .nei .name{color: #ffffff;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pag_lianxi .rt ul li:hover .nei .main{color: #ffffff;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}



.pag_lianxi .rt ul li .nei .main{line-height: 30px;font-size: 16px;color: #999999;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pag_lianxi .rt ul li i{display: inline-block;

    font-style: normal;

    width: 60px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border: 1px solid #bbb;

    border-radius: 50%;

    position: absolute;

    top: 20px;

    left: 20px;

	font-size: 26px;

	color: #666;

	transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;

}

.pag_lianxi .rt ul li:hover .nei{background: #8443A7;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pag_lianxi .rt ul li:hover i{

	color: #fff;

    border: 1px solid #fff;

	transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;

}

.lx_tt{margin-bottom: 30px;}

.lx_tt .d1{display: inline-block;font-size: 26px;color: #000;margin-right: 10px;line-height: 45px;}

.lx_tt .d2{display: inline-block;font-size: 18px;color: #cccccc;line-height: 30px;margin-top: 15px;}

.dz.lx_tt{margin-top: 30px;}

.map_box {

    width: 100%;

    height: 570px;

    position: relative;

    border: 5px solid #eee;

}

.map_box iframe {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    border: 5px solid #ddd!important;

}

@media (max-width:1366px){

.pag_lianxi .rt{height: auto;padding-left: 176px;}

.lx_tt .d1{display: inline-block;font-size: 18px;color: #000;margin-right: 10px;line-height: 25px;}

.lx_tt .d2{display: inline-block;font-size: 14px;color: #cccccc;line-height: 20px;margin-top: 5px;}

.lx_tt{margin-top: 30px;}

	

.pag_lianxi .lf .ma{float: left;position: relative;width: 136px;}

.pag_lianxi .lf .zi{float: left;width: 30px;height: 136px;font-size: 14px;padding: 0 5px;padding-top: 20px;line-height: 16px;}

.pag_lianxi .rt ul li .nei{background: #fafafa;height: 70px;position: relative;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;padding: 15px 0px 15px 100px}

.pag_lianxi .rt ul li i{

	width: 40px;

    height: 40px;

    line-height: 40px;

    top: 15px;

    left: 15px;

    font-size: 22px;}

.pag_lianxi .rt ul li .nei .name{line-height: 20px;font-size: 16px;color: #666666;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.pag_lianxi .rt ul li .nei .main{line-height: 20px;font-size: 13px;color: #999999;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.map_box {

   height: 400px;

}

}

@media (max-width:1023px){

.pag_lianxi .lf{width: 100%;}

.pag_lianxi .rt{padding-left: 0;}

.pag_lianxi .rt ul li{float: left;width: 100%;padding:2px}

.lx_tt{text-align: center;margin-bottom: 10px;}

.lx_tt .d1{display: inline-block;font-size: 16px;color: #000;margin-right: 10px;line-height: 25px;}

.lx_tt .d2{display: inline-block;font-size: 13px;color: #cccccc;line-height: 20px;margin-top: 5px;}

.lx_tt{margin-top: 10px;}

.map_box {

   height: 300px;border-width: 2px;

}

}

/*================================== pag_lianxi  /END ======================================*/



/*============== al_one ===============*/

.al_one{background: #f5f5f5;padding:60px 100px;}



.al_one .main_wrap{margin-top: 70px;}

.al_one .lf{float: left;position: relative;width: 40%;margin-left: 5%;}

.al_one .lf .imgzoom {position: relative;width: 100%;z-index: 2;}

.al_one .lf .zise{position: absolute;width: 250px;height: 250px;top: -40px;left: -40px;background: #8443A7;z-index: 1;}

.al_one .rt{float: right;width: 50%;}

.al_one .rt .al_onebutton{margin-top: 20px;text-align: right;}

.al_one .rt .al_onebutton a{color: #fff;

    border: 3px solid #8443A7;

    background-color: #8443A7;

	box-shadow: 0px 5px 16px 0px rgba(137,76,168,0.6);

	display: inline-block;

    padding: 14px 55px;

    font-family: "Raleway";

    font-weight: 500;

}

.al_one .rt .al_onebutton a:hover{background: #fff;color: #8443A7;}

.al_one .rt .al_onetit{font-size: 30px;font-weight: 700;font-family: "Raleway";}

.al_one .rt .al_onetit .nei{line-height: 40px;max-height: 80px;overflow: hidden;}

.al_one .rt .al_onename{margin-top: 10px; }

.al_one .rt .al_onename .nei{  letter-spacing: 0.5px;font-size: 16px;line-height: 25px;min-height: 125px;overflow: hidden;;font-weight: 400;color: #666666;font-family: "Roboto";}

@media (max-width:1366px){

.al_one{background: #f5f5f5;padding:30px 100px;}

.al_one .rt .al_onetit{font-size: 20px;font-weight: 700;font-family: "Raleway";}



}

@media (max-width:1023px){

.al_one .lf{float: left;position: relative;width: 60%;margin-left: 20%;}

.al_one .rt{float: right;width: 100%;padding: 10px 0px;}

.al_one .main_wrap{margin-top: 30px;}

.al_one .rt .al_onename .nei{  letter-spacing: 0.1px;font-size: 13px;line-height: 20px;min-height: 100px;overflow: hidden;;font-weight: 400;color: #666666;font-family: "Roboto";}

.al_one{background: #f5f5f5;padding:20px}

.al_one .lf .zise{position: absolute;width: 150px;height: 150px;top: -15px;left: -15px;background: #8443A7;z-index: 1;}

.al_one .rt .al_onetit{font-size: 16px;font-weight: 700;font-family: "Raleway";}

.al_one .rt .al_onetit .nei{line-height: 25px;min-height: 50px;overflow: hidden;}

.al_one .rt .al_onebutton a{padding:7px 27.5px;font-size: 13px;}

}

/*============== al_one /end ===============*/



/*=========================== news =================================*/

.news{padding:30px 100px;}

.news .news_main{float: left;width: 100%;}

.news .news_main .top{padding:35px 49px 0 21px;border-bottom: 1px dashed #cacaca;}

.news .news_main .top .top_tt{font-size: 18px;}

.news .news_main .top .top_tt .tt{background: #8443A7;height:30px;width: 60px;;color: #fff;display: inline-block;text-align: center;margin-right: 10px;}

.news .news_main .top .top_tt a{transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;font-weight: 700;}

.news .news_main .top .top_tt a:hover{color: #8443A7;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.news .news_main .top .name{padding-left: 70px;font-size: 14px;line-height: 28px;height: 84px;overflow: hidden;}

.news .news_main .top .name a{ color: #666;display: block;font-size: 16px;}

.news .news_main .top .name a:hover{color: #8443A7;}

.news .news_main .top .xq{display: inline-block;background: url(../../images/xq.png)no-repeat left center;padding-left: 20px;margin-bottom: 20px;}

.news .news_main .top .wai{text-align: right;}

.news .news_main .top .xq a{color: #8443A7;}



.news .news_main .rt_xia{width: 100%;margin-top: 40px;}

.news .news_main .rt_xia li{width: 100%;border:1px solid #dedede;padding: 20px 0;margin-bottom: 30px;position: relative; }

.news .news_main .rt_xia li:hover{border:1px solid #8443A7;}



.news .news_main .rt_xia li a{display: block;width: 100%;}

.news .news_main .rt_xia li a .imgzoom{position: relative;width: 380px;height: 190px;overflow: hidden;margin-left: 20px;padding-bottom: 0;}

.news .news_main .rt_xia li a .imgzoom img{position: absolute;top: 0;left:0;width: 100%;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;}

.news .news_main .rt_xia li:hover img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10);transform: scale(1.10);}

.news .news_main .rt_xia li a .li_lf{position: absolute;left:0; top:10;}

.news .news_main .rt_xia li a .li_rt{width: 100%;padding:0px 20px 0px 420px;}

.news .news_main .rt_xia li a .li_rt .li_tit{font-size: 18px;height: 20px;line-height: 20px;overflow: hidden;color: #4B4A4A;text-align: left;margin-bottom: 20px; margin-top: 20px; font-weight: bold;}

.news .news_main .rt_xia li:hover a .li_rt .li_tit{color: #8443A7;}

.news .news_main .rt_xia li:hover a .li_rt .li_main{color: #8443A7;}

.news .news_main .rt_xia li a .li_rt .li_main{font-size: 16px;height: 66px;line-height: 22px;overflow: hidden;color: #797979;text-align: left;margin-bottom: 10px;}

.news .news_main .rt_xia li a .li_rt .button{text-align: right; margin-top: 17px;}

.news .news_main .rt_xia li a .li_rt .button span{display: inline-block;font-size: 14px;padding: 10px 15px;color: #fff;background: #8443A7;border: 1px solid #8443A7;}

.news .news_main .rt_xia li a .li_rt .button span:hover{color:#8443A7;background:#fff;}

@media (max-width:1366px){

.news{padding:30px 100px;}



}

@media (max-width:1023px){

.news{padding:10px;}

.news .news_main .rt_xia{width: 100%;margin-top: 20px;}

.news .news_main .rt_xia li a .li_lf{position: relative;left:0; top:10;padding:10px 10px 0 10px}

.news .news_main .rt_xia li a .imgzoom{margin: 0 auto;width: 100%;padding-bottom: 50%;height: auto;}

.news .news_main .rt_xia li{width: 100%;border:1px solid #dedede;padding: 10px 0;margin-bottom: 10px;position: relative;height: auto;}

.news .news_main .rt_xia li a .li_rt{width: 100%;padding:10px;padding-bottom: 0;}

.news .news_main .rt_xia li a .li_rt .li_tit{font-size: 16px;height: 20px;line-height: 20px;overflow: hidden;color: #4B4A4A;text-align: left;margin-bottom: 10px;font-weight: bold;}

.news .news_main .rt_xia li a .li_rt .li_main{font-size: 13px;height: 80px;line-height: 20px;overflow: hidden;color: #797979;text-align: left;margin-bottom: 10px;}

.news .news_main .rt_xia li a .li_rt .button span{display: inline-block;font-size: 13px;padding: 5px 10px;color: #fff;background: #8443A7;border: 1px solid #8443A7;}

.news .news_main .top .top_tt .tt{background: #8443A7;height:20px;width: 40px;;color: #fff;display: inline-block;text-align: center;margin-right: 10px;}

.news .news_main .top .top_tt{font-size: 14px;}

.news .news_main .top .name a{ color: #666;display: block;font-size: 13px;}

.news .news_main .top .name{padding-left: 35px;font-size: 13px;line-height: 20px;height: 60px;overflow: hidden;}

.news .news_main .top{padding:10px;border-bottom: 1px dashed #cacaca;}



}

/*=========================================================  news /end =========================================================================*/



/* ======================================团队介绍(单页) ============================================================================*/

.t1{font-size: 30px;}

.t2{font-size: 16px;line-height: 20px;}

.t3{font-size: 14px;line-height: 20px;margin-top: 12px;}

.t4{position: relative;margin: auto; margin-top: 13px;margin-bottom: 5px; overflow: visible;width: 60%;height: 1px;background: #fff;max-width: 270px;}

.t4:before{content: "";position: absolute;left:42.5%;top: -1px;width:15%;height: 3px;background: #8443a8;}



@media (max-width: 768px) {

.t1{font-size: 20px;}

.t2{font-size: 12px;line-height: 16px;}

.t3{font-size: 12px;line-height: 16px;margin-top: 12px;}

.t4{position: relative;margin: auto; margin-top: 0px;margin-bottom: 0px; overflow: visible;width: 60%;height: 1px;background: #fff;max-width: 270px;}

.t4:before{content: "";position: absolute;left:42.5%;top: -1px;width:15%;height: 3px;background: #8443a8;}

	

}



/* 副标题 */

.heading02 { position: relative; margin: 40px 0; }

.heading02 > div { display: inline-block; float: left; height: 24px; }

.heading02 .h1 { font-size: 26px; line-height: 28px; }

.heading02 .h2 { font-size: 18px; line-height: 40px; color: #ccc; padding-left: 15px; text-transform: uppercase; }

.heading02 a { display: inline-block; width: 150px; height: 36px; line-height: 32px; text-align: center; border: 1px solid #8443a8; color: #8443a8; font-size: 15px; position: absolute; top: -6px; right: 0; }

.heading02 a:hover { background: #8443a8; color: #fff; }

/* 小标题 */

.heading03 { font-size: 16px; }

.heading03 span { font-size: 12px; padding-left: 20px; position: relative; color: #999; }

.heading03 span::after { content: ""; width: 2px; height: 9px; background: #bbb; position: absolute; top: 4px; left: 10px; }

.heading03.heading_w { color: #fff; }

.heading03.heading_w span { color: #bbb; }

.m_rongyu{display: block;}

@media (max-width: 1366px) {

	.heading { margin: 40px 0; }

	.heading .h1 { font-size: 22px; line-height: 24px; margin-bottom: 20px; }

	.heading .h1::after { width: 30px; bottom: -12px; margin-left: -15px; }

	.heading .h2 { font-size: 14px; line-height: 18px; }

	.heading02 { margin: 30px 0; }

	.heading02 > div { height: 20px; }

	.heading02 .h1 { font-size: 18px; line-height: 20px; }

	.heading02 .h2 { font-size: 14px; line-height: 28px; }

	.heading02 a { width: 120px; height: 30px; line-height: 28px; font-size: 14px; top: -5px; }

}

@media (max-width: 768px) {

	.m_rongyu{display: none;}

	.heading { margin: 25px 5px; }

	.heading .h1 { font-size: 18px; line-height: 20px; margin-bottom: 15px; }

	.heading .h1::after { height: 1px; bottom: -9px; }

	.heading .h1 b { position: relative; font-size: 15px; line-height: 22px; font-weight: 400; margin-bottom: 30px; display: block; width: 100%; max-width: 1250px; margin: 0px auto; }

	.heading .h2 { font-size: 12px; }

	.heading02 > div { height: 18px; }

	.heading02 .h1 { font-size: 16px; line-height: 18px; }

	.heading02 .h2 { font-size: 13px; line-height: 24px; padding-left: 10px; }

	.heading02 a { width: 100px; height: 24px; line-height: 22px; top: -3px; }

	

	.heading02 { position: relative; margin: 5px 0; text-align: center; }

.heading02 > div { display: inline-block; float: none; height: 24px; }

	

	.index_about .heading02 { position: relative; margin: 5px 0; text-align: left; }

}





.about_page .heading02 { margin-top: 0; }

.about_page_box { position: relative; padding-left: 380px; height: auto; margin-bottom: 40px; }

.about_page_box .img { width: 324px; height: 207px; position: absolute; top: 0; left: 0; }

.about_page_box .img .imgzoom{padding-bottom: 63.48195%;}

.about_page_box .img img { width: 100%; position: absolute;; z-index: 3; }

.about_page_box .img::before, .about_page_box .img::after { content: ""; width: 100%; height: 100%; position: absolute;  }

.about_page_box .img::before { top: 10px; left: 10px; background: #ddd; z-index: 2; }

.about_page_box .img::after  { top: 20px; left: 20px; background: #eee; z-index: 1; }

.about_page_box .box { background: #f8f8f8; overflow: hidden; height: 100%; padding: 50px; min-height: 450px;}

.about_page_box .box .h1 { font-size: 28px; line-height: 30px; margin-top: 20px; }

.about_page_box .box .h1 span { display: inline-block; float: left; }

.about_page_box .box .h1 span:nth-of-type(2) { line-height: 26px; }

.about_page_box .box .h1 span i { font-style: normal; font-size: 15px; color: #fff; background: #8443a8; padding: 0 5px 1px; margin-left: 15px; }

.about_page_box .box .h2 { font-size: 15px; line-height: 30px; color: #999; height: auto; overflow: hidden; margin: 30px 0; }

.about_page_box .box .h3 { text-align: left; }

.about_page_box .box .h3 a { display: inline-block; width: 200px; height: 40px; line-height: 38px; text-align: center; border: 1px solid #8443a8; color: #8443a8; font-size: 15px; }

.about_page_box .box .h3 a:hover { background: #8443a8; color: #fff; }

.about_num { background: #f8f8f8; overflow: hidden; margin-bottom: 40px; padding-right: 210px; position: relative; }

.about_num ul { display: block; padding: 10px 0 20px; }

.about_num ul li { display: block; width: 25%; float: left; text-align: center; }

.about_num ul li .h1 { font-size: 50px; color: #8443a8; font-family: "AvianRegular"; line-height: 70px; }

.about_num ul li .h2 { color: #555; line-height: 20px; }

.about_num ul li .h2 span { color: #8443a8; font-family: "AvianRegular"; margin: 0 5px; }

.about_num a { display: inline-block; width: 150px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #8443a8; color: #8443a8; font-size: 15px; position: absolute; top: 38px; right: 30px; }

.about_num a:hover { background: #8443a8; color: #fff; }

@media (max-width: 1366px) {

	.about_page_box { padding-left: 280px; margin-bottom: 30px; }

	.about_page_box .img { width: 252px; height: 161px; }

	.about_page_box .img::before { top: 5px; left: 5px; }

	.about_page_box .img::after  { top: 10px; left: 10px; }

	.about_page_box .box { padding: 30px; }

	.about_page_box .box .h1 { font-size: 22px; line-height: 24px; margin-top: 10px; }

	.about_page_box .box .h1 span:nth-of-type(2) { line-height: 24px; }

	.about_page_box .box .h1 span i { font-size: 12px; padding: 0 2px 1px; margin-left: 10px; }

	.about_page_box .box .h2 { font-size: 14px; line-height: 26px; margin: 20px 0; }

	.about_page_box .box .h3 a { width: 150px; height: 36px; line-height: 32px; font-size: 14px; }

	.about_num { margin-bottom: 20px; padding-right: 160px; }

	.about_num ul li .h1 { font-size: 40px; line-height: 50px; }

	.about_num ul li .h2 { font-size: 14px; line-height: 20px; }

	.about_num ul { padding: 10px 0 15px; }

	.about_num a { width: 120px; height: 36px; line-height: 34px; font-size: 14px; top: 32px; right: 20px; }

}

@media (max-width: 768px) {

	.about_page_box { padding-left: 0; height: auto; margin-bottom: 20px; text-align: center; }

	.about_page_box .img { position: relative; display: inline-block; width: 216px; height: 138px; margin-bottom: 20px; }

	.about_page_box .box { padding: 15px 10px;  min-height: auto;}

	.about_page_box .box .h1 { font-size: 18px; line-height: 20px; margin-top: 5px; }

	.about_page_box .box .h1 span:nth-of-type(2) { line-height: 18px; }

	.about_page_box .box .h2 { line-height: 24px; height: auto; margin: 15px 0; text-align: left; }

	.about_page_box .box .h3 { text-align: center; }

	.about_page_box .box .h3 a { width: 150px; height: 30px; line-height: 28px; }

	.about_num { padding-right: 0; text-align: center; }

	.about_num ul li { width: 50%; }

	.about_num a { display: inline-block; position: relative; top: auto; right: auto; height: 30px; line-height: 28px; margin-bottom: 20px; }

	

}



/* 团队轮播 */

.index_about02 { padding-bottom: 60px; margin-bottom: 60px; }

.index_about02 .img { width: 100%; height: 0; padding-bottom: 63.48195%; position: relative; overflow: hidden; }

.index_about02 .img img { width: 100%; position: relative; z-index: 1; }

.index_about02 .img::after { content: ""; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; z-index: 2; opacity: .2; }

.index_about02 .text { padding: 10px 10px 20px; background: #f8f8f8; }

.index_about02 .text .h1 { font-size: 17px; border-bottom: 1px solid rgba(0,0,0,.05); padding-bottom: 10px; }

.index_about02 .text .h1 span { font-size: 14px; padding-left: 15px; color: #666; }

.index_about02 .text .h2 { color: #999; font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; margin-top: 15px; }

.index_about02 a:hover .img::after { opacity: 0; }

.index_about02 a:hover .text { background: #8443a8; }

.index_about02 a:hover .text .h1 { color: #fff; border-bottom: 1px solid rgba(255,255,255,.5); }

.index_about02 a:hover .text .h1 span,

.index_about02 a:hover .text .h2 { color: #fff; }

.index_about02 .swiper-button-prev { left:  0; }

.index_about02 .swiper-button-next { right: 0; }

.index_about02 .swiper-button-prev,

.index_about02 .swiper-button-next { top: auto; bottom: 0; width: 40px; height: 40px; line-height: 38px; text-align: center; background: #ccc; color: #fff; font-size: 18px; }

.index_about02 .swiper-button-prev:hover,

.index_about02 .swiper-button-next:hover { color: #fff; background: #8443a8; }

.index_about02 .swiper-pagination { bottom: 0; height: 40px; line-height: 40px; }

.index_about02.swiper-container-horizontal .swiper-pagination-bullet { margin: 0 5px; }

.index_about02 .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 0; background: #bbb; opacity: 1; }

.index_about02 .swiper-pagination-bullet-active { background: #8443a8; }

@media (max-width: 1366px) {

	.index_about02 { padding-bottom: 50px; margin-bottom: 50px; }

	.index_about02 .swiper-button-prev,

	.index_about02 .swiper-button-next { width: 36px; height: 36px; line-height: 34px; font-size: 14px; }

	.index_about02 .swiper-pagination { height: 36px; line-height: 36px; }

}

@media (max-width: 1024px) {

	.index_about02 .text { padding: 5px 10px 10px; }

	.index_about02 .text .h1 { font-size: 16px; padding-bottom: 5px; height: 31px;line-height: 31px;overflow: hidden;}

	.index_about02 .text .h2 { margin-top: 8px; }

}

@media (max-width: 768px) {

	.index_about02 { padding-bottom: 40px; margin-bottom: 40px; }

	.index_about02 .swiper-button-prev,

	.index_about02 .swiper-button-next { width: 30px; height: 30px; line-height: 28px; }

	.index_about02 .swiper-pagination { height: 30px; line-height: 30px; }

}

/*团队介绍单页 结束*/