@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('../fonts/font_591377_wjocoo0nok.woff2') format('woff2'),
       url('../fonts/font_591377_wjocoo0nok.woff') format('woff'),
       url('../fonts/font_591377_wjocoo0nok.ttf') format('truetype');
}

.hf {   
            display: inline-block;   
            font-size: 80px;   
            line-height:80px;   
            color: #000;   
            position: relative;   
            overflow: hidden;   
            whitewhite-space: pre;/* 处理空格 */  
        }   
        .hf:before {   
            position: absolute;   
            left: 0;   
            top: 0;   
            color: #f00;   
            display: block;   
            width: 30%;/*如果想变色一半文字，就设置50%*/  
            content: attr(data-content);/* 伪元素的动态获取内容 */  
            overflow: hidden;   
        }  
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }
		
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}

h1{ font-size:18px; font-weight:bold; line-height:1.6;}
/*文字溢出*/
.text-ellipsis-1{ display:block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.text-ellipsis-2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.text-ellipsis-3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.text-ellipsis-4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.text-ellipsis-5{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.text-ellipsis-6{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.text-ellipsis-7{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}

/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:1vw; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box;}
body{color:#555; margin:0 auto;padding:0; font-size:12px; font-size:1.2rem;
font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
a:link,a:visited{color:#555; text-decoration: none;}
a:active{color:#555; text-decoration:none;}
a:hover{color:#f00;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1100{ max-width:1200px; margin:0 auto;  z-index:1000;  }
.qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}
.margin{ margin:80px auto;}
/****************************************************************头部设置*********************************************************************/

.logo{ z-index:10000;  margin:0 auto;z-index:10000;  width:100%; background:#3b3c40; box-shadow:0 0 1rem rgba(0,0,0,0.1); padding:0 10%; position:fixed; top:0; 

 -moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;
	
	}

.logo_img{ padding:0; float:left; position:relative;padding:1rem 0; width:25%;}
.logo_img img{ display:block; height:2.6rem; -moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s; }


.logoh{ height:4.6rem; }
.logo-no{ position:inherit;}

/********导航********/
.sjj_nav,.sp_nav{ display:none;}
.navbox{  z-index:9;text-align:center;  font-size:1rem; padding:0; float:right; width:70%; margin-left:5%;}
.nav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto; height:4.6rem; line-height:4.6rem; -moz-transition: all ease .3s; display:flex;
	-o-transition: all ease .3s;
	-webkit-transition: all ease .3s;
	transition: all ease .3s;}
.nav li{  text-align:center; position:relative; float:left; flex:1; position:relative;}
.nav li a{  padding:0; display:block; padding:0; color:#fff; }
.nav li:before{ content:''; width:0; transition: width 0.5s;}
.nav li:hover{ display:block;   }
.nav li:hover a{ color:#fff;}
.nav li:hover:before{ height:5px; width:50%; background:#326aff; position:absolute; bottom:0; left:25%; content:''; display:block;}

.nav li.mj_hover_menu{ display:block; }
.nav li.mj_hover_menu a{ color:#fff; }
.nav li.mj_hover_menu:before{ height:5px; width:50%; background:#326aff; position:absolute; bottom:0; left:25%; content:''; display:block;}


/********导航/********/

/*******banner条***/





/******************/
.s-bg4{ position:absolute; bottom:0; left:0; width:100%; height:300px; border-top:1px solid #eee; z-index:-1; }

#ckLine{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0;}

img.go { position:absolute; left:0; width:100%; bottom:-150px; z-index:-1;
  -webkit-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  -o-animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: homebg 4s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}

.bolang{ position:absolute; bottom:0; left:0; width:100%; z-index:1; }
.waves {
  position:relative; z-index:0;
  width: 100%;
  height:100%;
  margin-bottom:-7px; /*Fix for safari gap*/

}
/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}



/*首页标题*/



.indextitle{ text-align:center; line-height:1.8;}
.indextitle h2{ font-size:2rem; color:#000;}
.indextitle p{ font-size:1rem; color:#888;}
/**/

.index_banner{ padding:0 10%; display:flex; background:url(../images/about.jpg) no-repeat center; height:26rem; position:relative;}
.index_banner .banner-text{ top:50%; position:absolute;top:50%; line-height:2;  -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.index_banner .banner-text h2{ color:#000; font-size:2.2rem; font-weight:bold; display:block; text-align:center; }
.index_banner .banner-text p{ font-size:1.8rem;  font-weight:bold; line-height:1.7; color:#000; text-align:center;}

.index-about{ padding:3% 10%; line-height:2; color:#000; font-size:1rem;}
.index-about-title{ font-size:2rem; color:#000; text-align:center; margin:1rem 0 3% 0;}
.index-about-title img{    vertical-align: middle; display:inline-block; height:3rem; margin:0 0.5rem;}
.index-fangan{padding:3% 0 0 0;}
.index-fangan .indextitle{ margin-bottom:2rem;}
.index-fangan .index-fangan-menu{ height:7rem;   width:100%;background:#fff; position:relative; z-index:10000000;}
.index-fangan .index-fangan-menu ul{ display:flex; width:100%; background:#fff;padding:0 10%;height:7rem;  }
.index-fangan .index-fangan-menu li{ flex:1; text-align:center;}
.index-fangan .index-fangan-menu li img{ display:block; width:4.5rem; margin:0 auto;}
.index-fangan .index-fangan-menu li h2{ font-size:1rem; color:#000}
.index-fangan .index-fangan-menu li.hover h2{ color:#0166fe; font-weight:bold;}

.index-fangan .index-fangan-list { padding:0 10% 3% 10%;--tw-divide-opacity: 1; background: radial-gradient(49.99% 50.1% at 30% 19.9%, rgba(0, 209, 255, 0.3) 0%, rgba(0, 102, 255, 0.099) 90.47%);  }
.fa-h{ height:8rem;}
.index-fangan-content{ padding:0;}
.index-fangan-content .text{ margin:2% auto 0 auto; position:relative; border-radius:0.6rem; min-height:28rem; background: radial-gradient(49.99% 50.1% at 50% 49.9%, rgba(0, 209, 255, 0.3) 0%, rgba(0, 102, 255, 0.099) 90.47%); padding:2% 3%; box-shadow:0 0 2rem rgba(0,0,0,0.2); }
.index-fangan-content .text img{ display:block; position:absolute; right:-1rem; bottom:-0.7rem; height:32rem;}
.index-fangan-content .text li{ margin-bottom:2%; line-height:2.2;}
.index-fangan-content .text li h2{ font-size:1.3rem; color:#000; font-weight:bold;}
.index-fangan-content .text li p{ font-size:1rem; margin-bottom:1rem;}
.index-fangan-content .text li span{ background:#fff; border-radius:0.5rem; font-size:1rem; font-weight:bold; color:#0166fe; padding:0.5rem 1.3rem; margin-right:1rem;}
.index-fangan-content .text  .more{ display:block; margin:2rem 0 0 0; height:3.4rem; line-height:3.4rem; width:12rem; text-align:center; border-radius:0.5rem; color:#fff; background: linear-gradient(to right,#326bff,#1ca7fa); font-size:1.1rem;}


.menu-flex{ position:fixed; top:0; width:100%; z-index:10000000;}


.index-gg{ background:url(../images/gg.jpg) no-repeat center; padding:3% 10%; height:20rem;}
.index-gg img{ display:block; height:3rem;}
.index-gg .text{ padding:2rem 0 2rem 10rem;}
.index-gg h2{ font-size:2rem; font-weight:bold; color:#000;}
.index-gg .more{
    display: block;
    margin: 2rem 0 1rem 0;
    height: 3.2rem;
    line-height: 3.2rem;
    width: 12rem;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    background: linear-gradient(to right,#326bff,#1ca7fa);
    font-size: 1.2rem;
}

.bottom{ margin:0 auto 0 auto; background:#fbfbfb;  }
.bottom-menu{padding:3% 10%; }
.bottom-menu ul{  float:left; padding:0 5%; border-left:1px solid #eee;}
.bottom-menu ul h2{ font-size:1.2rem; color:#000; margin:0 0 1.2rem 0;}
.bottom-menu ul li{ line-height:2.2; font-size:0.9rem;}

.bottom-menu ul li div{ display:inline-block; text-align:center; font-size:14px; }
.bottom-menu ul li div img{ display:block; width:6rem;}
.bottom-menu ul:last-child{ float:right;}
.bottom-menu ul:first-child{ padding:3.2% 0; padding-right:7%; border:0;}
.bottom-menu ul:first-child img{ display:block; height:3rem;}
.bottom-menu ul:first-child h2{ font-size:1.2rem; letter-spacing:0.4rem;}

.foot-menu{ display:none;}

.foot{ text-align:center; border-top:1px solid #eee; padding:2%; font-size:0.85rem; line-height:2;}
.foot img{ display:block; max-width:100%; margin:1rem auto 0 auto;}

.kefu-bottom{ position:fixed; z-index:100000001; cursor:pointer; text-align:center; bottom:10rem; right:1rem; width:40px; font-size:12px; box-shadow:0 0 0.5rem rgba(0,0,0,0.2); color:#000; background:#f5f5f5;border-radius:5px;}
.kefu-bottom li{ border-bottom:1px solid #ddd; line-height:1.2; padding:12px; position:relative; }
.kefu-bottom li i{ display:block; font-size:18px;}
.kefu-bottom li:hover{ background:#0166fe; color:#fff;}
.kefu-bottom li .weixin{ width:9rem; position:absolute; display:none; right:40px; bottom:0; background:#0166fe; padding:0.5rem; border:0;}
.kefu-bottom li .weixin img{ display:block; max-width:100%; margin-bottom:0.6rem;}
.kefu-bottom li:hover .weixin{ display:block;}
.kefu-bottom li.gotop{ display:none;}

.index-bg{  position:fixed; overflow:hidden; top:0; height:0; width:100%; z-index:999999999999999999;transition: all 0.2s ease-in-out;}
.bg-show{ height:100%;}
.index-bg .mingpian{ position:absolute; box-shadow:0 0 2rem rgba(0,0,0,0.2); left:50%; top:50%; width:13rem; border-radius:0.5rem;  padding:0.5rem; background:#fff; opacity:0; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all 0.2s ease-in-out;}
.index-bg .mingpian img{ display:block; max-width:100%;}
.index-bg .mingpian i{ position:absolute; right:-1rem; top:-1rem; background:#fff; font-size:1rem; color:#000; border-radius:50%; padding:0.5rem; cursor:pointer;box-shadow:0.3rem 0 0.6rem rgba(0,0,0,0.2);}
.index-bg .mingpian span{ display:block; text-align:center; font-size:0.8rem; color:#000; line-height:2;}

.index-bg .mingpianshow{ opacity:1;}


@media (max-width:640px){
	
	html{margin:0 auto;padding:0;font-size:12px; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box;}
body{color:#555; margin:0 auto;padding:0; font-size:12px; font-size:1.2rem;
font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
.logoh {
    height: 4rem;
}
.logo{ padding:0 3%;}
.logo_img{ padding:0.7rem 0;}
.logo_img img{ }
.navbox{ display:none;}

.navbox{ display:none;}


.sp_nav{width:38px; top:15px; right:6px; position:fixed;cursor:pointer;height:30px;margin-top:0;display:block;}

.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;background:#3b3c40;width:50%;height:100%;font-size:14px;line-height:40px;right:-50%;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;z-index:9999999999; display:block;}
.nav_show{right:0}
.sjj_nav ul li{padding:1rem 0;}
.sjj_nav ul li a{ display:block; color:#fff;}
.sjj_nav ul li{border-top:0;position:relative;color:#fff; text-align:center; font-size:1.4rem; }


 input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } 
 
.indextitle{ text-align:center; line-height:1.8;}
.indextitle h2{ font-size:1.6rem; color:#000;}
.indextitle p{ font-size:1rem; color:#888; padding:0 2rem;}



.index_banner{ padding:0 3%; height:13rem;background:url(../images/about_m.jpg) no-repeat center; background-size:auto 13rem;overflow:hidden;}
.index_banner .banner-text{ top:50%; position:absolute;top:50%; line-height:2;  -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.index_banner .banner-text h2{ color:#000; font-size:1.6rem; font-weight:bold; display:block; text-align:center; }
.index_banner .banner-text p{ font-size:1.4rem;  font-weight:bold; line-height:1.7; color:#000; text-align:center;}

.index-about{ padding:3%; line-height:2; color:#000; font-size:1rem;overflow:hidden;}
.index-about-title{ font-size:1.7rem; color:#000; text-align:center; margin:1rem 0 3% 0;}
.index-about-title img{    vertical-align: middle; display:inline-block; height:2.3rem; margin:0 0.5rem;}
.index-fangan{padding:3% 0 0 0; overflow:hidden;}
.index-fangan .indextitle{ margin-bottom:1rem;}
.index-fangan .index-fangan-menu{width:100%; height:7rem;background:#fff; position:relative; z-index:10000000;}
.index-fangan .index-fangan-menu ul{ display:flex; width:100%; background:#fff;padding:0 1.5%; height:7rem; }
.index-fangan .index-fangan-menu li{ flex:1; text-align:center; padding:1.5%;}
.index-fangan .index-fangan-menu li img{ display:block; width:3rem; margin:0 auto;}
.index-fangan .index-fangan-menu li h2{ font-size:1rem; color:#000}
.index-fangan .index-fangan-menu li.hover h2{ color:#0166fe; font-weight:bold;}

.index-fangan .index-fangan-list { padding:3%;--tw-divide-opacity: 1; background: radial-gradient(49.99% 50.1% at 30% 19.9%, rgba(0, 209, 255, 0.3) 0%, rgba(0, 102, 255, 0.099) 90.47%);  }

.fa-h{ height:7rem;}
.index-fangan-content{ padding:1% 0; }
.index-fangan-content .text{ margin:3% auto; position:relative; border-radius:0.6rem; min-height:27rem; background: radial-gradient(49.99% 50.1% at 50% 49.9%, rgba(0, 209, 255, 0.3) 0%, rgba(0, 102, 255, 0.099) 90.47%); padding:3% 35% 3% 3%; box-shadow:0 0 2rem rgba(0,0,0,0.2); }
.index-fangan-content .text img{ display:block; position:absolute; right:-1rem; bottom:-1rem; height:24rem;}
.index-fangan-content .text li{ margin-bottom:1rem; line-height:1.8;}
.index-fangan-content .text li h2{ font-size:1.3rem; color:#000; font-weight:bold; margin-bottom:0.5rem;}
.index-fangan-content .text li p{ font-size:1rem; margin-bottom:1rem;}
.index-fangan-content .text li span{ background:#fff; border-radius:0.2rem; font-size:1rem; font-weight:normal; color:#0166fe; padding:0.5rem 0.6rem; margin-right:0.3rem;}
.index-fangan-content .text  .more{ display:block; margin:2rem 0 1rem 0; height:3rem; line-height:3rem; width:10rem; text-align:center; border-radius:0.3rem; color:#fff; background: linear-gradient(to right,#326bff,#1ca7fa); font-size:1rem;}


.menu-flex{ position:fixed; top:0; width:100%; z-index:10000000;}


.index-gg{ background:url(../images/gg.jpg) no-repeat center; background-size:auto 100%; padding:3% 8%; height:12rem;overflow:hidden;}
.index-gg img{ display:block; height:2rem;}
.index-gg .text{ padding:1.5rem 0 1.5rem 0;}
.index-gg h2{ font-size:1.6rem; font-weight:bold; color:#000;}
.index-gg .more{
    display: block;
    margin: 1rem 0 1rem 0;
    height: 3rem;
    line-height: 3rem;
    width:9rem;
    text-align: center;
    border-radius: 0.5rem;
    color: #fff;
    background: linear-gradient(to right,#326bff,#1ca7fa);
    font-size: 1.2rem;
}

.bottom{ margin:0 auto 0 auto; background:#fbfbfb;  }
.bottom-menu{padding:3%; }
.bottom-menu ul{  float:left; padding:0 4%; border-left:0;}
.bottom-menu ul h2{ font-size:1.2rem; color:#000; font-weight:bold; margin:0 0 1.2rem 0;}
.bottom-menu ul li{ line-height:2.2; font-size:0.9rem;}
.bottom-menu ul:nth-child(2){ padding-left:0;}

.bottom-menu ul li div{ display:inline-block; text-align:center; font-size:14px; }
.bottom-menu ul li div img{ display:block; width:6rem;}
.bottom-menu ul:last-child{ float:right; border-left:1px solid #eee; padding-right:0;}

.bottom-menu ul:first-child{ padding:3.2% 0; padding-right:5%; border:0; display:none;}
.bottom-menu ul:first-child img{ display:block; height:2rem;}
.bottom-menu ul:first-child h2{ font-size:1rem; letter-spacing:0.03rem;}


.foot{ text-align:center; border-top:1px solid #eee; padding:3%; font-size:1rem; line-height:2;}

.foot-h{ height:4.5rem;}
.foot-menu{ position:fixed; box-shadow:0 0 0.5rem rgba(0,0,0,0.1); display:flex; width:100%; bottom:0; z-index:99999999; background:#fff;}
.foot-menu li{ padding:1rem;}
.foot-menu li a{ color:#1ca7fa;}
.foot-menu li:nth-child(2){ font-size:1.8rem; text-align:center; flex:1; font-weight:bold; color:#1ca7fa;}
.foot-menu li:nth-child(2) i{ margin-right:1rem; background:#1ca7fa; color:#fff; border-radius:50%; padding:0.5rem}

.foot-menu li:first-child{ background:#1ca7fa; color:#fff; text-align:center; font-size:1rem; line-height:1.4; padding:0.5rem 1.5rem;}
.foot-menu li:first-child i{ display:block;}
.foot-menu li:first-child a{ color:#fff;}

.foot-menu li:last-child{ background:#fff; color:#fff; text-align:center; font-size:1rem; line-height:1.4; padding:0.5rem 1.5rem; position:relative;}
.foot-menu li:last-child a{ position:absolute;  border-radius:5rem; width:5rem; bottom:1rem; background:#fff; right:0; padding:1rem 0; box-shadow:0 -0.4rem 0.4rem rgba(0,0,0,0.1);}
.foot-menu li:last-child i{ display:block; line-height:1;}



.index-bg .mingpian{ width:16rem;}
.gotop{ display:none !important;}
}