
/* CSS Document */
*{ margin:0px; padding:0px; }
body{ font-size:12px; font-family: "微软雅黑"; color:#525252; background:#fff;}
a { text-decoration:none;  outline:none; transition:all 0.2s; } 
a:hover{ text-decoration:none; }


img{ border:0;}
table{ margin:auto;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none; font-family: "微软雅黑";}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:0px;height:0px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#dedede}
::-webkit-scrollbar-thumb:vertical{background-color:#004383;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#004383}
::-webkit-scrollbar-corner:vertical{background-color:#004383}
::-webkit-scrollbar-resizer:vertical{background-color:#004383;}

.clear{ width:100%; height:0; font-size:0; line-height:0; clear:both;}
@font-face{ font-family:'shu'; src:url('../font/DINCOND-BOLD.OTF');}
@font-face{ font-family:'shu1'; src:url('../font/DINPRO-BOLD.OTF');}


/*首页*/
.section{ width:100%; height:100vh; overflow:hidden; position:relative;}
	
	
.ping{ width:100%; height:100vh;  overflow:hidden; position:relative;}
	
/*头部*/
.header{ width:100%; height:100px; position: absolute; top:0; z-index:9999; }
.head{ width:1400px; height:100%; margin:auto;}
.head_logo{ position:absolute; left:80px; height:100%;}
.head_logo img{ cursor:pointer; padding-top:28px; height:44px; width:auto; -webkit-transition: all 0.4s ease-in-out;}


.nav{ width: auto; height:100%; text-align:center;}
.nav .nav_1:nth-child(2) a{ cursor:default;}
.nav .nav_1:nth-child(2) .nav_lie a{ cursor: pointer;}


.nav_1{ display:inline-block; height:100%; position:relative; margin:0px 24px; position:relative;}
.nav_1 a{ display:block; cursor:pointer; font-size:18px; color:#fff; height:100px; line-height:100px; -webkit-transition: all 0.4s ease-in-out;}

.nav_1 a:hover .nav_1_1{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.nav_1 a.nav_1_a .nav_1_1{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}

.nav_1_1{ position:absolute; width:100%; background:#fff; height:3px; bottom:20px; -moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

.nav_1:hover .nav_1_1{ -moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);}
.nav_1:hover .nav_1_warp{ height:auto;}
.nav_1:hover .nav_con{ margin-top:0px; opacity:1;}


.nav_1_warp{ width:790px; height:0px; overflow:hidden; position:absolute; top:100px; left:-50px;}
.nav_con{ width:710px; height: 323px; padding:0px 40px; overflow:hidden; background-color:rgba(255,255,255,0.97);
box-shadow:inset 0px 0px 9px rgba(0,0,0,0.1); margin-top:10px; opacity:0; -webkit-transition: all 0.4s 0.4s ease-in-out;}
.nav_left{ float:left; width:320px; height:auto; overflow:hidden;}
.nav_tit{ width:100%; font-size:18px; color:#000; font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.1); height:58px; line-height:58px; text-align:left;}
.nav_lie{ width:100%; height: auto; overflow:hidden; margin-top:20px;}
.nav_lie a{ display:block; width:100%; height:41px; margin-bottom:20px; line-height:inherit;}
.nav_lie a:hover .nav_zi_1{ color:#283ee6;}
.nav_img{ float:left; text-align:right; height:100%; width:47px;}
.nav_img img{ height:41px; width:autol}

.nav_zi{ float:right; width:255px; height:auto; overflow:hidden; text-align:left;}
.nav_zi_1{ width:100%; font-size:16px; color:#000; line-height:16px;} 
.nav_zi_2{ width:100%; font-size:12px; color:rgba(0,0,0,0.6); line-height:25px; height:25px;} 

.nav_right{ float:right;width:320px; height:auto; overflow:hidden;}


.tel{  height:41px; position:absolute; right:80px; top:20px; -webkit-transition: all 0.4s ease-in-out;}
.tel_left{ float:left; width:41px; height:41px; -webkit-transition: all 0.4s ease-in-out;}
.tel_left img{ width:41px; height:41px; -webkit-transition: all 0.4s ease-in-out;}
.tel_right{ float:right; margin-left:5px;}
.tel_right_2{ font-size:24px; color:#fff; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin-top:0px;}

.head_cha{ position:absolute; right:30px; top:35px; cursor:pointer; opacity:0; -webkit-transition: all 0.4s ease-in-out;}
.head_cha img{ width:18px; height:18px;}


.header1{ position:fixed; background-color:rgba(0,0,0,0.8); top:0; z-index:999; height:80px;}
.header1 .head_logo img{ height:36px; width:auto; padding-top:22px;}
.header1 .nav_1 a{ height:80px; line-height:80px; font-size:16px;} 
.header1 .nav_1_1{ bottom:18px;}
.header1 .tel{ top:22px; height:37px}
.header1 .tel_left{ width:37px; height:37px;}
.header1 .tel_left img{ width:37px; height:37px;}
.header1 .tel_right_2{  margin-top:-2px;}
.header1 .tagline{ font-size:22px;}

.header1 .head_cha{ opacity:1; top:31px;}

.header1 .nav_1_warp{ top:80px;}
.header1 .nav_lie a{ line-height:inherit; height:41px;}
	
.mune{ position: absolute; top: 22px; right: -155px; width:110px; height:34px; -webkit-transition: all .5s ease; cursor: pointer; z-index: 99;}	
.mune span{ display:inline-block; font-family:shu1; background:url(../image/mune_02.gif) no-repeat right; font-size:26px; color:#000; width:110px; height:34px;}
	
	
/*第一屏*/	
.one{ width:100%; height:100vh; position:relative;}
.n_big{ width:100%; height:100vh; position: absolute; top:0;}
.mod-video {height:100%;width:100%;object-fit:cover;}
.n_big_ipad{ display:none;}
.n_big_shou{ display:none;}

.home{ width:1400px; height:100%; position:relative; top:0; z-index:9; margin:auto;}

/*狮子*/
svg * {fill: #ffffff;stroke:none;}
svg#svglion { margin-left:-740px; position:absolute; top:12%;-moz-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);transform:scale(1.5,1.5);}

.home_right{ float:right; width:665px; height:auto; overflow:hidden; position:relative;}
/*.home_right:hover .home_img_1{ display:none;}*/

.home_img{ width:100%; height:427px; overflow:hidden;}
.home_img img{ height:427px; width:auto;}

.home_img_1{ width:100%; height:100%;}

.home_con{ position:absolute; bottom:50px; left:0;}
.home_1{ width:100%; font-size:63px; color:#fff; font-weight:bold; line-height:67px; overflow:hidden;}
.home_2{ width:100%; font-size:28px; color:#fff;  line-height:50px; overflow:hidden;}
.home_2 span{ font-weight:lighter;}
.home_2 span.home_2_cu{ font-weight:bolder;}


/*第二屏*/
.custom{ width:100%; height:100vh; overflow:hidden; position:relative;}
.custom_bg{ position:absolute; width:920px; height:920px; top:150px; left:-680px;background-image: linear-gradient(#cde2f6,#cde2f6,#fff); opacity:0.49; border-radius:50%; animation: eztMyl 1s ease infinite alternate;}

.custom_bg1{ position:absolute; width:1340px; height:1340px; top:-744px; right:-500px;background-image: linear-gradient(#2bd2a4,#2bd2a4,#fff); opacity:0.2; border-radius:50%;animation: gRJimd 1s ease infinite alternate;}


@keyframes eztMyl{
0% {
    transform: scale(1) translate(38px, -10px);
}

100% {
    transform: scale(0.99) translate(10px, -20px);
}
}

@keyframes gRJimd{
0% {
    transform: scale(1) translate(35px, 25px);
}

100% {
    transform: scale(0.9) translate(0px, 0px);
}
}

.custom_all{ opacity:0;}
.custom_tit{ width:100%; position:relative; height:102px;}
.custom_tit_1{ width:100%; text-align:center; font-size:50px; color:#000; height:102px; line-height:102px; position:relative; z-index:1;}
.custom_tit_2{ width:100%; text-align:center; font-size:140px; font-family:shu; color:#3b3b3b; opacity:0.08; height:102px; line-height:95px; position:absolute; bottom:0;}
.custom_come{ width:100%; text-align:center; font-size:20px; color:rgba(59,59,59,0.8); height:45px; line-height:45px;}
.custom_list{ width:1400px; height:auto; overflow:hidden; margin:auto; margin-top:50px; position:relative; z-index:1;}
.custom_list ul li{ float:left; width:25%; height:315px; list-style:none;}
.custom_list ul li a{ display:block; width:100%; height:100%;}

.custom_list ul li a:hover .custom_biao{color:#283ee6}
.custom_list ul li a:hover .custom_1{ width:38px;}
.custom_list ul li a:hover .custom_img_1{ display:none;}


.custom_img{ width:100%; height:117px; text-align:center; overflow:hidden;-webkit-transition: all 0.4s ease-in-out;}
.custom_img img{ height:117px; width:auto;}

.custom_img_1{ width:100%; height:117px;}

.custom_biao{ width:100%; text-align:center; font-size:26px; color:#000; font-weight:bold; height:65px; line-height:65px; margin-top:10px;-webkit-transition: all 0.4s ease-in-out;}
.custom_1{ margin:auto; width:28px; height:2px; background-color:#283ee6;-webkit-transition: all 0.4s ease-in-out;}
.custom_2{ margin:auto; text-align:center; overflow:hidden; font-size:14px; line-height:21px; height:42px; color:rgba(0,0,0,0.8); width:310px; margin-top:15px;}


/*第三屏*/
.case{ width:100%; height:100vh; overflow:hidden; opacity:0;}
.case ul li{ float:left; list-style:none; background-color:#1f3ce8;}
.case ul li a{ display:block; width:100%; height:100%;}


.grid {position: relative; width:100%; height:100%;}
.grid figure {position: relative;overflow: hidden; width:100%; height:100%;cursor: pointer;}
.case_img{ width:100%; height:100%;opacity:1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);}


.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: rgba(30,62,233,0.3);*/background: rgba(0,0,0,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(2.6,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(2.6,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.case_tit {	position: absolute; width:100%; height:100%; text-align:center; font-size:30px;letter-spacing:4px; color:#fff; font-weight:bold; right: 0; bottom: 0;opacity: 0;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;text-shadow: 2px 2px 5px #000;}


.effect-apollo:hover .case_img {opacity: 0.4;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.effect-apollo:hover figcaption::before {-webkit-transform: scale3d(2.6,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform: scale3d(2.6,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.effect-apollo:hover .case_tit {opacity: 1;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}


/*第4屏*/
.expert{ width:100%;  height: auto; position:relative; z-index:1;}
.expert_shang{ opacity:0;}

.expert_biao{ width:100%; position:relative; height:102px;}
.expert_biao .custom_tit_1{ color:#fff;}
.expert_biao .custom_tit_2{ color:#fff; opacity:0.08;}
.expert .custom_come{ color:rgba(255,255,255,0.8);}
.expert_lsit{ width:1400px; height:auto; overflow:hidden; margin: auto; margin-top:50px; opacity:0;}
.expert_lsit ul li{ float:left; width:175px; height:175px; list-style:none; margin-bottom:15px;}
.expert_lsit ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;}
.expert_lsit ul li a:hover{ background-color:#2bd2a4;}
.expert_lsit ul li a:hover .expert_img{  padding-top:34px;}
.expert_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:44px;-webkit-transition: all 0.4s ease-in-out;}
.expert_img img{ height:54px; width:auto;}
.expert_tit{ width:100%; text-align:center; font-size:16px; color:#fff; height:70px; line-height:70px;}

#holder{ position:absolute; top:0; width:100%; height:100vh;}


/*第五屏*/
.news{ width:100%; height:100vh; overflow:hidden; position:relative;}
.news_bg{ position:absolute; width:1340px; height:1340px; top:-1024px; left:0px;background-image: linear-gradient(#2bd2a4,#2bd2a4,#fff); opacity:0.2; border-radius:50%;}

.news_shang{ opacity:0;}

.news_tit{width:100%; position:relative; height:102px;}
.news_all{ margin:auto; position:relative; height:445px; width:1425px; opacity:0;}
.news_list{ width:100%; height:320px; position:relative; overflow:hidden; padding-top:55px;}

.news_con{ margin:auto; width:450px; height:285px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); position:relative;}
.news_con a{ display:block; width:100%; height:240px; padding-top:45px;}
.news_con a:hover .news_bian_1{ width:100%;}
.news_con a:hover .news_1{ color:#1d3ee4;}
.news_con a:hover .news_3{ color:#1d3ee4;}
.news_con a:hover .news_5_1{ display:none;}

.news_bian{ width:100%; height:3px; background-color:#1d3ee4; position:absolute; left:0; top:0;}
.news_bian_1{ width:105px; height:3px; background-color:#70d8bd; position:absolute; left:0; top:0;-webkit-transition: all 0.4s ease-in-out;}
.news_left{ float:left; width:100px; height:210px; border-right:1px solid rgba(0,0,0,0.1);}
.news_1{ font-size:50px; color:#000; font-family:shu; font-style:italic; width:70px; text-align:right; margin-top:-10px;-webkit-transition: all 0.4s ease-in-out;}
.news_2{ font-size:24px; color:#000; font-family:shu; width:70px; text-align:right; margin-top:-5px;}

.news_right{ float:right; width:320px; height:auto; overflow:hidden;}
.news_3{ font-size:22px; color:#000; line-height:30px; height:60px; overflow:hidden; width:300px; margin-top:-4px;-webkit-transition: all 0.4s ease-in-out;}
.news_4{ font-size:14px; color:rgba(0,0,0,0.6); line-height:23px; height:46px; overflow:hidden; width:300px; margin-top:16px;}
.news_5{ width:78px; height:42px; overflow:hidden; margin-top:48px;}
.news_5 img{ width:78px; height:42px;}

.news_5_1{-webkit-transition: all 0.4s ease-in-out;}

.news_bi{ width:100%; height:72px; position:relative;}
.news-left{ float:left; width:74px; height:74px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); margin-left:10px; text-align:center; line-height:74px; font-size:24px; color:#1d3ee4; font-family:"宋体"; font-weight:bold;-webkit-transition: all 0.4s ease-in-out; cursor:pointer;}
.news-left:hover{ background-color:#1d3ee4; color:#fff;}

.news-right{ float:right; width:74px; height:74px;-webkit-box-shadow:0 0 27px rgba(31,44,111,0.08); margin-right:10px; text-align:center; line-height:74px; font-size:24px; color:#1d3ee4; font-family:"宋体"; font-weight:bold;-webkit-transition: all 0.4s ease-in-out; cursor:pointer;}
.news-right:hover{ background-color:#1d3ee4; color:#fff;}

.news_xian{ width:1205px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:37px;}
.news_quan{ margin:auto; border:2px solid #1d3ee4; border-radius:50%; background-color:#fff; width:10px; height:10px; margin-top: -7px; animation:fangda 2s linear infinite both;}


@keyframes fangda{
    0%, 50%, 100%{ transform: scale(1);}
    25%{ transform: scale(0.8); }
    75%{ transform: scale(0.8); }
}


/*第6屏*/


.journey_warp{ width:100%; height:515px; position:relative; opacity:0;}
.journey_bei{ background:url(../image/index_35.png) no-repeat center; width:342px; height:162px; position:absolute; right:0; top:210px;}

.journey_tu{ width:122px; height:176px; position:absolute; left:0; top:100px;}
.journey_tu img{ width:122px; height:176px;}
.journey_bg{ background:url(../image/index_61.png) no-repeat center; width:449px; height:320px; position:absolute; bottom:-103px; right:-128px;}

.journey{ width:1400px; height:515px; margin:auto; position:relative;}
.journey_1{ width:100%; text-align:center; font-size:76px; color:#000; height:95px; line-height:95px; padding-top:165px; position:relative; z-index:1;}
.journey_2{ width:100%; text-align:center; font-size:36px; color:#000; font-weight:lighter; height:55px; line-height:55px; position:relative; z-index:1;}
.journey_3{ width:100%; height:62px; margin-top:25px; position:relative; z-index:1;}
.journey_3 a{ display:block; font-size:22px; color:#fff; border-radius:30px; width:243px; height:62px; text-align:center; line-height:62px; background-color:#283ee6; cursor:pointer; margin:auto;}

.change_quan{ position:absolute; top:-15px; z-index:0; width:100%; height:500px;}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    opacity: 0;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #283ee6 solid 2px; border-radius:30px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}


/*关于底部*/
.dier{ width:100%; height:225px; border-top:1px solid rgba(0,0,0,0.1); position:absolute; bottom:0;}
.di{ width:1400px; height: auto; margin:auto; padding-top:68px;}
.di_left{ float:left; height:175px;}
.di_1{ font-size:39px; color:#000; font-family:Arial, Helvetica, sans-serif; height:39px; line-height:39px; width:100%;}
.di_2{ width:100%; height:45px;}
.di_tel{ float:left; height:45px; line-height:45px; font-size:16px; color:#000; background:url(../image/1_14.png) no-repeat left; padding-left:25px;}
.di_tel span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} 
.di_ding{float:left; height:40px; line-height:40px; font-size:14px; color:#000; background:url(../image/1_11.png) no-repeat left; padding-left:21px; margin-left:40px;}
.di_ding span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}

.di_3{ width:100%; font-size:12px; color:#000; opacity:0.5; height:18px; line-height:18px;}
.di_3 a{ color:#000; }
.di_right{ float:right; }

.di_nav{ width:100%; height:40px;}
.di_nav a{ display: inline-block; font-size:18px; color:#000; height:40px; line-height:40px; margin-left:40px; cursor:pointer; -webkit-transition: all 0.4s ease-in-out;}

.di_nav a:hover{ color:#1e3ee9;}

.di_wei{ width:100%; text-align:right; height:40px; line-height:40px; margin-top:18px;}
.di_wei span{ font-size:12px; color:#000; opacity:0.5; font-family:Arial, Helvetica, sans-serif;}
.di_wei a{ margin-left:10px; cursor:pointer;}


/*漂浮框*/
.showy{ width:84px; height: auto; position: fixed; z-index:5; bottom:30px; right:30px;}
.showy a{ display:block; width:84px; height:84px; margin-bottom:7px; background-color:rgba(0,0,0,0.5); border-radius:4px; cursor:pointer; position:relative;-webkit-transition: all 0.4s ease-in;}
.showy a:hover{ background-color:#1c42ea;}
.showy a:hover .showy_tel{-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1); opacity:1;}

.showy_tu{ width:100%; height:47px; position:relative;}

.showy_img{ width:100%; height:32px; overflow:hidden; text-align:center; position: absolute;top:15px;left: 0;display: inline-block;text-align: center;filter:alpha(opacity=100);opacity: 1;}
.showy_img img{ height:32px; width:auto;}

.showy_tit{ width:100%; text-align:center; font-size:14px; color:#fff; height:35px; line-height:35px;}

.showy_tel{ width:170px; height:84px; line-height:84px; border-radius:4px; position: absolute; top: 0; left:-172px; display: block; background-color:#1c42ea; font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-style:italic; text-align:center;-moz-transform:scale(0,0);-webkit-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in; opacity:0;}


/*漂浮*/
.carte { position: fixed; left:20px; bottom:36%; width:27px; z-index:99; height:209px;}
.carte li { width:100%; background: url(../image/1_03.png) no-repeat center; width:100%; height:27px; cursor: pointer; list-style:none; position:relative; margin-top:-10px;}
.carte li a { display:block; width:40px; height:21px;}
.carte li a span{ position:absolute; bottom:0px; left:35px; height:27px; line-height:27px; font-size:12px; color:rgba(0,0,0,0);  -webkit-transition: all 0.4s ease-in-out;}


.carte li.active{ background: url(../image/1_07.png) no-repeat left bottom; height:74px; margin-bottom:5px; margin-top:-5px;}
.carte li.active span{ color:#999;}


.animated{ opacity:1;}
.cai{ display:none;}


@media screen and (max-width:1912px)and (min-width:1600px){
	/*头部*/
	.header{ height:85px;}
	.head{ width:1200px; height:100%; margin:auto;}
	.head_logo{ position:absolute; left:70px; height:100%;}
	.head_logo img{ cursor:pointer; padding-top:25px; height:38px; width:auto;}
	
	
	.nav{ width: auto; height:100%; text-align:center;}
	.nav_1{ display:inline-block; height:100%; position:relative; margin:0px 21px;}
	.nav_1 a{ display:block; cursor:pointer; font-size:16px; height:85px; line-height:85px;}
	
	.nav_1_1{ position:absolute; width:100%; background:#fff; height:3px; bottom:18px;}
	
	.nav_1_warp{ width:680px; height:0px; position:absolute; top:85px; left:-43px;}
.nav_con{ width:610px; height: 277px; padding:0px 35px; }
.nav_left{ float:left; width:275px;}
.nav_tit{ width:100%; font-size:16px; height:50px; line-height:50px;}
.nav_lie{ width:100%; height: auto; overflow:hidden; margin-top:18px;}
.nav_lie a{ display:block; width:100%; height:36px; margin-bottom:16px; line-height:inherit;}

.nav_img{ float:left; text-align:right; height:100%; width:41px;}
.nav_img img{ height:36px; width:autol}

.nav_zi{ float:right; width:220px;}
.nav_zi_1{ width:100%; font-size:14px; line-height:14px;} 
.nav_zi_2{ width:100%; font-size:12px; line-height:23px; height:23px;} 

.nav_right{ float:right;width:275px;}

	
	.tel{  height:37px; position:absolute; right:70px; top:24px; }
	.tel_left{ float:left; width:37px; height:37px;}
	.tel_left img{ width:37px; height:37px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_2{ font-size:24px; margin-top:-3px;}


	.head_cha{ position:absolute; right:30px; top:35px;}
	.head_cha img{ width:18px; height:18px;}


	.header1{ height:70px;}
	.header1 .head_logo img{ height:30px; width:auto; padding-top:20px;}
	.header1 .nav_1 a{ height:70px; line-height:70px;} 
	.header1 .nav_1_1{ bottom:16px;}

	.header1 .tel{ top:20px; height:30px}
	.header1 .tel_left{ width:30px; height:30px;}
	.header1 .tel_left img{ width:30px; height:30px;}
	.header1 .tel_right_2{  margin-top:-7px;}
	.header1 .tagline{ font-size:18px;}

	
	.header1 .head_cha{ top:25px;}
	
	.header1 .nav_1_warp{ top:70px;}
	.header1 .nav_lie a{ line-height:inherit; height:36px;}
	
	
	.mune{ position: absolute; top: 18px; right: -155px; width:98px; height:30px;}	
	.mune span{ display:inline-block; font-family:shu1; background-size:25px; font-size:24px; color:#000; width:98px; height:30px; line-height:30px;}
	

/*第一屏*/	
.home{ width:1200px;}

/*狮子*/
svg * {fill: #ffffff;stroke:none;}
svg#svglion { margin-left:-660px; position:absolute; top:12%;-moz-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);transform:scale(1.5,1.5);}

.home_right{ float:right; width:570px; height:auto; overflow:hidden; position:relative;}
.home_img{ width:100%; height:362px;}
.home_img img{ height:362px; width:auto;}
.home_con{ position:absolute; bottom:44px; left:0;}
.home_1{ width:100%; font-size:54px; line-height:58px; overflow:hidden;}
.home_2{ width:100%; font-size:24px;line-height:44px; overflow:hidden;}


	/*第二屏*/
	.custom{ width:100%; height:100vh; overflow:hidden;}
	.custom_bg{ position:absolute; width:790px; height:790px; top:130px; left:-580px;}
	.custom_bg1{ position:absolute; width:1150px; height:1150px; top:-638px; right:-430px;}
	
	.custom_tit{ width:100%; position:relative; height:90px;}
	.custom_tit_1{ width:100%; text-align:center; font-size:43px; height:90px; line-height:90px;}
	.custom_tit_2{ width:100%; text-align:center; font-size:120px; height:90px; line-height:85px; }
	.custom_come{ font-size:18px; height:40px; line-height:40px;}
	.custom_list{ width:1200px; height:auto; overflow:hidden; margin:auto; margin-top:45px;}
	.custom_list ul li{ float:left; width:25%; height:270px; list-style:none;}
	
	.custom_list ul li a:hover .custom_1{ width:34px;}
	
	.custom_img{ width:100%; height:101px; text-align:center; overflow:hidden;}
	.custom_img img{ height:101px; width:auto;}
	.custom_biao{ width:100%; text-align:center; font-size:22px; height:55px; line-height:55px; margin-top:8px;}
	.custom_1{ margin:auto; width:24px; height:2px;}
	.custom_2{ margin:auto; font-size:12px; line-height:19px; height:38px; width:270px; margin-top:13px;}

	/*第4屏*/
	.expert{ height: auto;}
	.expert_biao{ height:90px;}
	.expert_lsit{ width:1200px; height:auto; overflow:hidden; margin: auto; margin-top:45px;}
	.expert_lsit ul li{ float:left; width:150px; height:150px; list-style:none; margin-bottom:13px;}
	
	.expert_lsit ul li a:hover .expert_img{  padding-top:34px;}
	.expert_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:38px;}
	.expert_img img{ height:47px; width:auto;}
	.expert_tit{ width:100%; text-align:center; font-size:14px; height:60px; line-height:60px;}

	/*第五屏*/
	.news{ width:100%; height:auto; overflow:hidden; }
	.news_bg{ position:absolute; width:1145px; height:1145px; top:-880px; }
	.news_tit{ height:90px;}
	.news_all{ margin:auto; position:relative; height:380px; width:1230px;}
	.news_list{ width:100%; height:275px; position:relative; overflow:hidden; padding-top:48px;}
	
	.news_con{ margin:auto; width:385px; height:245px;}
	.news_con a{ display:block; width:100%; height:207px; padding-top:38px;}
	
	
	.news_bian_1{ width:90px;}
	
	.news_left{ float:left; width:90px; height:180px;}
	.news_1{ font-size:42px; width:60px; margin-top:-10px;}
	.news_2{ font-size:20px; width:60px; text-align:right; margin-top:-5px;}
	
	.news_right{ float:right; width:275px; height:auto; overflow:hidden;}
	.news_3{ font-size:19px; line-height:26px; height:52px; overflow:hidden; width:255px; margin-top:-4px;}
	.news_4{ font-size:12px; line-height:20px; height:40px; overflow:hidden; width:255px; margin-top:14px;}
	.news_5{ width:67px; height:36px; overflow:hidden; margin-top:42px;}
	.news_5 img{ width:67px; height:36px;}
	
	.news_bi{ width:100%; height:65px; position:relative;}
	.news-left{ float:left; width:65px; height:65px; margin-left:10px; text-align:center; line-height:65px; font-size:22px;}
	.news-right{ float:right; width:65px; height:65px; margin-right:10px; line-height:65px; font-size:22px;}
	
	.news_xian{ width:1030px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:32px;}
	.news_quan{ margin:auto; border:2px solid #1d3ee4; border-radius:50%; background-color:#fff; width:10px; height:10px; margin-top: -7px;}
	
	/*第6屏*/
	.journey_warp{ width:100%; height:445px; position:relative;}
	.journey_bei{ background:url(../image/index_35.png) no-repeat center; width:342px; height:162px; position:absolute; right:0; top:180px;}
	
	.journey_tu{ width:105px; height:151px; position:absolute; left:0; top:88px;}
	.journey_tu img{ width:105px; height:151px;}
	.journey_bg{ background-size:cover; width:386px; height:275px; bottom:-90px; right:-110px;}
	
	.journey{ width:1200px; height:445px; margin:auto; position:relative;}
	.journey_1{ width:100%; text-align:center; font-size:65px; height:82px; line-height:82px; padding-top:140px;}
	.journey_2{ width:100%; text-align:center; font-size:31px; height:48px; line-height:48px;}
	.journey_3{ width:100%; height:54px; margin-top:23px;}
	.journey_3 a{ display:block; font-size:19px; width:208px; height:54px; line-height:54px;}
	
	.change_quan{ margin-top:-60px;}
	
/*关于底部*/
.dier{ width:100%; height:192px;}
.di{ width:1200px; padding-top:60px;}
.di_left{ float:left; height: auto;}
.di_1{ font-size:33px; height:33px; line-height:33px;}
.di_2{ width:100%; height:40px;}
.di_tel{ float:left; height:40px; line-height:40px; font-size:14px; }
.di_tel span{ font-size:12px;} 
.di_ding{float:left; height:40px; line-height:40px; font-size:12px; margin-left:35px;}
.di_ding span{ font-size:12px;}

.di_3{ width:100%; font-size:12px; height:16px; line-height:16px;}

.di_nav{ width:100%; height:35px;}
.di_nav a{ display: inline-block; font-size:16px; height:35px; line-height:35px; margin-left:33px;}

.di_wei{ width:100%; text-align:right; height:35px; line-height:35px; margin-top:16px;}
.di_wei a{ margin-left:10px; cursor:pointer;}

	
	/*漂浮框*/
	.showy{ width:72px; right:20px;}
	.showy a{ display:block; width:72px; height:72px; margin-bottom:5px;}
	.showy_tu{ width:100%; height:41px; position:relative;}
	
	.showy_img{ width:100%; height:29px;top:12px;}
	.showy_img img{ height:29px; width:auto;}
	
	.showy_tit{ font-size:12px; line-height:30px;}
	
	.showy_tel{ width:160px; height:72px; line-height:72px; left:-162px; font-size:20px;}

}
@media screen and (max-width:1599px)and (min-width:1280px){
	/*头部*/
	.header{ height:80px;}
	.head{ width:1000px; height:100%; margin:auto;}
	.head_logo{ position:absolute; left:65px; height:100%;}
	.head_logo img{ cursor:pointer; padding-top:23px; height:35px; width:auto;}
	
	
	.nav{ width: auto; height:100%; text-align:center;}
	.nav_1{ display:inline-block; height:100%; position:relative; margin:0px 19px;}
	.nav_1 a{ display:block; cursor:pointer; font-size:16px; height:80px; line-height:80px;}
	
	.nav_1_1{ position:absolute; width:100%; background:#fff; height:3px; bottom:18px;}

	.nav_1_warp{ width:565px; height:0px; position:absolute; top:80px; left:-35px;}
	.nav_con{ width:505px; height: 270px; padding:0px 30px; }
	.nav_left{ float:left; width:230px;}
	.nav_tit{ width:100%; font-size:14px; height:44px; line-height:44px;}
	.nav_lie{ width:100%; height: auto; overflow:hidden; margin-top:12px;}
	.nav_lie a{ display:block; width:100%; height:36px; margin-bottom:16px; line-height:inherit;}
	
	.nav_img{ float:left; text-align:right; height:100%; width:41px;}
	.nav_img img{ height:36px; width:autol}
	
	.nav_zi{ float:right; width:175px;}
	.nav_zi_1{ width:100%; font-size:14px; line-height:14px;} 
	.nav_zi_2{ width:100%; font-size:12px; line-height:23px; height:23px;} 
	
	.nav_right{ float:right;width:230px;}
	
		
	.tel{  height:34px; position:absolute; right:65px; top:22px; }
	.tel_left{ float:left; width:34px; height:34px;}
	.tel_left img{ width:34px; height:34px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_2{ font-size:24px; margin-top:-3px;}


	.head_cha{ position:absolute; right:30px; top:38px;}
	.head_cha img{ width:16px; height:16px;}

	
	.header1{ height:70px;}
	.header1 .head_logo img{ height:30px; width:auto; padding-top:20px;}
	.header1 .nav_1 a{ height:70px; line-height:70px;} 
	.header1 .nav_1_1{ bottom:16px;}
	.header1 .tel{ top:20px; height:30px}
	.header1 .tel_left{ width:30px; height:30px;}
	.header1 .tel_left img{ width:30px; height:30px;}
	.header1 .tel_right_2{  margin-top:-7px;}
	.header1 .tagline{ font-size:18px;}

	.header1 .head_cha{ top:26px;}
	
	.header1 .nav_1_warp{ top:70px;}
	.header1 .nav_lie a{ line-height:inherit; height:36px;}


	.mune{ position: absolute; top: 18px; right: -155px; width:80px; height:24px;}	
	.mune span{ display:inline-block; font-family:shu1; background-size:20px; font-size:20px; color:#000; width:80px; height:24px; line-height:24px;}

	
	/*第一屏*/	
.home{ width:1000px;}

/*狮子*/
svg * {fill: #ffffff;stroke:none;}
svg#svglion { margin-left:-500px; position:absolute; top:10%;-moz-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);transform:scale(1.5,1.5);}

.home_right{ float:right; width:480px; height:auto; overflow:hidden; position:relative;}
.home_img{ width:100%; height:302px;}
.home_img img{ height:302px; width:auto;}
.home_con{ position:absolute; bottom:38px; left:0;}
.home_1{ width:100%; font-size:45px; line-height:49px; overflow:hidden;}
.home_2{ width:100%; font-size:20px;line-height:38px; overflow:hidden;}


	/*第二屏*/
	.custom{ width:100%; height:100vh; overflow:hidden;}
	.custom_bg{ position:absolute; width:725px; height:725px; top:120px; left:-535px;}
	.custom_bg1{ position:absolute; width:1055px; height:1055px; top:-585px; right:-395px;}
	
	.custom_tit{ width:100%; position:relative; height:74px;}
	.custom_tit_1{ width:100%; text-align:center; font-size:36px; height:74px; line-height:74px;}
	.custom_tit_2{ width:100%; text-align:center; font-size:100px; height:74px; line-height:70px; }
	.custom_come{ font-size:14px; height:33px; line-height:33px;}
	.custom_list{ width:1000px; height:auto; overflow:hidden; margin:auto; margin-top:37px;}
	.custom_list ul li{ float:left; width:25%; height:225px; list-style:none;}
	
	.custom_list ul li a:hover .custom_1{ width:32px;}
	
	.custom_img{ width:100%; height:85px; text-align:center; overflow:hidden;}
	.custom_img img{ height:85px; width:auto;}
	.custom_biao{ width:100%; text-align:center; font-size:18px; height:45px; line-height:45px; margin-top:8px;}
	.custom_1{ margin:auto; width:22px; height:2px;}
	.custom_2{ margin:auto; font-size:12px; line-height:19px; height:38px; width:225px; margin-top:12px;}


	/*第4屏*/
	.expert_biao{ height:74px;}
	.expert_lsit{ width:1000px; height:auto; overflow:hidden; margin: auto; margin-top:35px;}
	.expert_lsit ul li{ float:left; width:125px; height:125px; list-style:none; margin-bottom:10px;}
	
	.expert_lsit ul li a:hover .expert_img{  padding-top:25px;}
	.expert_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:32px;}
	.expert_img img{ height:39px; width:auto;}
	.expert_tit{ width:100%; text-align:center; font-size:14px; height:50px; line-height:50px;}
	
	/*第五屏*/
	.news{ width:100%; height:auto; overflow:hidden; }
	.news_bg{ position:absolute; width:1050px; height:1050px; top:-805px; }
	.news_tit{ height:74px;}
	.news_all{ margin:auto; position:relative; height:290px; width:1034px;}
	.news_list{ width:100%; height:230px; position:relative; overflow:hidden; padding-top:40px;}
	
	.news_con{ margin:auto; width:322px; height:205px;}
	.news_con a{ display:block; width:100%; height:175px; padding-top:30px;}

	
	.news_bian_1{ width:82px;}
	
	.news_left{ float:left; width:73px; height:150px;}
	.news_1{ font-size:35px; width:53px; margin-top:-10px;}
	.news_2{ font-size:17px; width:53px; text-align:right; margin-top:-5px;}
	
	.news_right{ float:right; width:230px; height:auto; overflow:hidden;}
	.news_3{ font-size:17px; line-height:21px; height:42px; overflow:hidden; width:215px; margin-top:-3px;}
	.news_4{ font-size:12px; line-height:20px; height:40px; overflow:hidden; width:215px; margin-top:13px;}
	.news_5{ width:56px; height:30px; overflow:hidden; margin-top:35px;}
	.news_5 img{ width:56px; height:30px;}


	.news_bi{ width:100%; height:52px; position:relative;}
	.news-left{ float:left; width:52px; height:52px; margin-left:10px; text-align:center; line-height:52px; font-size:20px;}
	.news-right{ float:right; width:52px; height:52px; margin-right:10px; line-height:52px; font-size:20px;}
	
	.news_xian{ width:860px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:28px;}
	.news_quan{ margin:auto; border:2px solid #1d3ee4; border-radius:50%; background-color:#fff; width:10px; height:10px; margin-top: -7px;}
	
	/*第6屏*/
	.journey_warp{ width:100%; height:370px; position:relative;}
	.journey_bei{ background:url(../image/index_35.png) no-repeat center; width:342px; height:162px; position:absolute; right:0; top:160px;}
	
	.journey_tu{ width:96px; height:138px; position:absolute; left:0; top:80px;}
	.journey_tu img{ width:96px; height:138px;}
	.journey_bg{ background-size:cover; width:352px; height:252px; bottom:-82px; right:-100px;}
	
	.journey{ width:1100px; height:405px; margin:auto; position:relative;}
	.journey_1{ width:100%; text-align:center; font-size:54px; height:70px; line-height:70px; padding-top:118px;}
	.journey_2{ width:100%; text-align:center; font-size:26px; height:40px; line-height:40px;}
	.journey_3{ width:100%; height:45px; margin-top:16px;}
	.journey_3 a{ display:block; font-size:16px; width:174px; height:45px; line-height:45px;}
	
	
	/*漂浮框*/
	.showy{ width:60px; right:20px;}
	.showy a{ display:block; width:60px; height:60px; margin-bottom:2px;}
	.showy_tu{ width:100%; height:35px; position:relative;}
	
	.showy_img{ width:100%; height:25px;top:10px;}
	.showy_img img{ height:25px; width:auto;}
	
	.showy_tit{ font-size:12px; line-height:25px;}
	
	.showy_tel{ width:150px; height:60px; line-height:60px; left:-152px; font-size:18px;}

	/*关于底部*/
.dier{ width:100%; height:160px;}
.di{ width:1000px; padding-top:50px;}
.di_left{ float:left; height: auto;}
.di_1{ font-size:28px; height:28px; line-height:28px;}
.di_2{ width:100%; height:35px;}
.di_tel{ float:left; height:35px; line-height:35px; font-size:14px; }
.di_tel span{ font-size:12px;} 
.di_ding{float:left; height:35px; line-height:35px; font-size:12px; margin-left:30px;}
.di_ding span{ font-size:12px;}

.di_3{ width:100%; font-size:12px; height:16px; line-height:16px;}

.di_nav{ width:100%; height:30px;}
.di_nav a{ display: inline-block; font-size:14px; height:30px; line-height:30px; margin-left:40px;}


.di_wei{ width:100%; text-align:right; height:30px; line-height:30px; margin-top:14px;}
.di_wei a{ margin-left:10px; cursor:pointer;}

}
@media screen and (max-width:1279px)and (min-width:768px){
		
/*头部*/
.section{ width:100%; height: auto; overflow:hidden; position:relative;}
.ping{ width:100%; height: auto;  overflow:hidden; position:relative;}
	

.header{ display:none;}
	.head_logo{ position:absolute; left:2%; height:100%; z-index:9;}
	.head_logo img{ cursor:pointer; padding-top:15px; height:30px; width:auto; }
	
	.tel{  height:31px; position:absolute; right:60px; top:15px; z-index:9;}
	.tel_left{ float:left; width:31px; height:31px;}
	.tel_left img{ width:31px; height:31px;}
	.tel_right{ float:right; margin-left:5px;}
	.tel_right_2{ font-size:20px; margin-top:-5px;}

	
	/*mnav*/
	.cai{ display: block; width:100%; height:60px; top:0; z-index:999; position: fixed;-webkit-transition: all 0.4s ease-in-out;}

	.cai1{ background-color:rgba(0,0,0,0.5);}


.head_cha{ display:none;}
.mune{ display:none;}	

	
/*第一屏*/	
.one{ width:100%; height:100vh; position:relative;}
.n_big{ width:100%; height:100vh; position: absolute; top:0;}
.n_big_ipad{ position:absolute; top:0; width:100%; height:100%; display:block;}


.mod-video {height:100%;width:100%;object-fit:cover; display:none;}

.home{ width:700px; height:100%; position:relative; top:0; z-index:9; margin:auto; display:none;}


	/*第二屏*/
	.custom{ width:100%; height: auto; overflow:hidden; position:relative; padding-bottom:80px;}
	.custom_bg{ position:absolute; width:460px; height:460px; top:30%; left:-340px;}
	.custom_bg1{ position:absolute; width:670px; height:670px; top:-372px; right:-250px;}
	
	.custom_all{ opacity:1;}
	.custom_tit{ width:100%; position:relative; height:51px;}
	.custom_tit_1{ font-size:25px; height:51px; line-height:51px;}
	.custom_tit_2{ font-size:70px; height:51px; line-height:48px;}
	.custom_come{ width:100%; text-align:center; font-size:14px; height:35px; line-height:35px;}
	.custom_list{ width:700px; height:auto; overflow:hidden; margin:auto; margin-top:25px;}
	.custom_list ul li{ float:left; width:25%; height:158px; list-style:none;}
	.custom_list ul li a{ display:block; width:100%; height:100%;}
	
	.custom_list ul li a:hover .custom_1{ width:19px;}
	
	
	.custom_img{ width:100%; height:59px;}
	.custom_img img{ height:59px; width:auto;}
	.custom_img_1{ width:100%; height:59px;}
	
	.custom_biao{ font-size:14px; height:33px; line-height:33px; margin-top:5px;}
	.custom_1{ margin:auto; width:14px; height:2px;}
	.custom_2{ font-size:12px; line-height:18px; height:36px; width:155px; margin-top:8px;}


	/*第三屏*/
	.case{ opacity:1;}
	.case_tit {	font-size:22px;}

	
	/*第4屏*/
	.expert_biao{ width:100%; position:relative; height:51px;}
	
	.expert_shang{ opacity:1;}
	.expert_lsit{ width:700px; margin-top:30px; padding-bottom:60px; opacity:1;}
	.expert_lsit ul li{ float:left; width:175px; height:175px; list-style:none; margin-bottom:10px;}
	.expert_lsit ul li a{ display:block; width:100%; height:100%;-webkit-transition: all 0.4s ease-in-out;}
	.expert_lsit ul li a:hover{ background-color:#2bd2a4;}
	.expert_lsit ul li a:hover .expert_img{  padding-top:34px;}
	.expert_img{ width:100%; height:auto; overflow:hidden; text-align:center; padding-top:44px;-webkit-transition: all 0.4s ease-in-out;}
	.expert_img img{ height:50px; width:auto;}
	.expert_tit{ width:100%; text-align:center; font-size:16px; color:#fff; height:70px; line-height:70px;}
	
	#holder{ position:absolute; top:0; width:100%; height:100vh;}
	

	/*第五屏*/
	.news{ height:auto; padding-bottom:80px;}
	.news_bg{ position:absolute; width:670px; height:670px; top:-512px;}
	
	.news_shang{ opacity:1;}
	.news_tit{width:100%; position:relative; height:51px;}
	.news_all{ margin:auto; position:relative; height:223px; width:712px; opacity:1;}
	.news_list{ width:100%; height:160px; position:relative; overflow:hidden; padding-top:28px;}
	
	.news_con{ margin:auto; width:225px; height:143px;}
	.news_con a{ display:block; width:100%; height:120px; padding-top:23px;}
	
	
	.news_bian{ width:100%; height:2px;}
	.news_bian_1{ width:62px; height:2px;}
	.news_left{ float:left; width:50px; height:100px;}
	.news_1{ font-size:26px; width:35px; margin-top:-5px;}
	.news_2{ font-size:12px; width:35px; margin-top:-2px;}
	
	.news_right{ float:right; width:160px; height:auto; overflow:hidden;}
	.news_3{ font-size:14px; line-height:20px; height:40px; width:150px; margin-top:-2px;}
	.news_4{ font-size:12px; line-height:16px; height:32px; overflow:hidden; width:150px; margin-top:8px;}
	.news_5{ width:39px; height:21px; overflow:hidden; margin-top:14px;}
	.news_5 img{ width:39px; height:21px;}

	.news_bi{ width:100%; height:36px; position:relative;}
	.news-left{ float:left; width:37px; height:37px; margin-left:5px; line-height:37px; font-size:12px;}
	.news-right{ float:right; width:37px; height:37px; margin-right:5px; line-height:37px; font-size:12px;}
	
	.news_xian{ width:602px; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:19px;}
	.news_quan{ margin:auto; width:8px; height:8px; margin-top: -7px;}


	/*第6屏*/
	.journey_warp{ width:100%; height:258px; opacity:1;}
	.journey_bei{ background-size:cover; width:171px; height:81px; top:155px;}
	
	.journey_tu{ width:61px; height:88px; position:absolute; left:0; top:50px;}
	.journey_tu img{ width:61px; height:88px;}
	.journey_bg{ background-size:cover; width:224px; height:160px; bottom:-51px; right:-64px;}
	
	.journey{ width:700px; height:258px;}
	.journey_1{ font-size:38px; height:48px; line-height:48px; padding-top:82px;}
	.journey_2{font-size:18px; height:28px; line-height:28px;}
	.journey_3{ width:100%; height:31px;  margin-top:14px;}
	.journey_3 a{ display:block; font-size:14px; width:122px; height:31px; line-height:31px;}
	
	.change_quan{ position:absolute; top:-50px; z-index:0; width:100%; height:250px;}


	/*关于底部*/
	.dier{ width:100%; height: auto; overflow:hidden; border-top:1px solid rgba(0,0,0,0.1); position: relative;}
	.di{ width:700px; height: auto; margin:auto; padding-top:30px; padding-bottom:20px;}
	.di_left{ float:none; width:100%; text-align:center; height: auto; overflow:hidden;}
	.di_1{ font-size:30px; height:30px; line-height:30px; width:100%;}
	.di_2{ width:100%; height:45px;}
	.di_tel{ float:none; display:inline-block; height:45px; line-height:45px; font-size:16px; color:#000; background:url(../image/1_14.png) no-repeat left; padding-left:25px;}
	.di_tel span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;} 
	.di_ding{float:none; display:inline-block; height:40px; line-height:40px; font-size:14px; color:#000; background:url(../image/1_11.png) no-repeat left; padding-left:21px; margin-left:40px;}
	.di_ding span{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;}
	
	.di_3{ width:100%; font-size:12px; color:#000; opacity:0.5; height:18px; line-height:18px;}
	
	.di_right{ float:right; display:none;}

	/*漂浮框*/
	.showy{ display:none;}
	.carte { display:none;}

}
@media screen and (max-width:767px)and (min-width:300px){
.section{ width:100%; height: auto; overflow:hidden; position:relative;}
.ping{ width:100%; height: auto;  overflow:hidden; position:relative;}
			
/*头部*/
.header{ display:none;}
	.head_logo{ position:absolute; left:2%; height:100%; z-index:9;}
	.head_logo img{ cursor:pointer; padding-top:13px; height:24px; width:auto; }
	
	.tel{  height:31px; position:absolute; right:60px; top:15px; z-index:9; display:none;}


	/*mnav*/
	.cai{ display: block; width:100%; height:50px; top:0; z-index:999; position: fixed;-webkit-transition: all 0.4s ease-in-out;}
	
	.cai1{ background-color:rgba(0,0,0,0.5);}

.head_cha{ display:none;}
.mune{ display:none;}	

	
/*第一屏*/	
.one{ width:100%; height:100vh; position:relative;}
.n_big{ width:100%; height:100vh; position: absolute; top:0;}
.mod-video {height:100%;width:100%;object-fit:cover;}
.n_big_shou{ position:absolute; top:0; left:0; display:block; width: 100%; height: 100%;}

.home{ display:none;}


	/*第二屏*/
	.custom{ width:100%; height: auto; overflow:hidden; position:relative; padding-bottom:20px;}
	.custom_bg{ position:absolute; width:260px; height:260px; top:50%; left:-200px;}
	.custom_bg1{ position:absolute; width:370px; height:370px; top:-190px; right:-180px;}
	
	.custom_all{ opacity:1;}
	.custom_tit{ width:100%; position:relative; height:44px;}
	.custom_tit_1{ font-size:18px; height:44px; line-height:44px;}
	.custom_tit_2{ font-size:44px; height:44px; line-height:45px; overflow:hidden;}
	
	.custom_come{ width:100%; text-align:center; font-size:12px; height:25px; line-height:25px;}
	.custom_list{ width:96%; height:auto; overflow:hidden; margin:auto; margin-top:20px;}
	.custom_list ul li{ float:left; width:50%; height:158px; list-style:none; margin-bottom:5px;}
	.custom_list ul li a{ display:block; width:100%; height:100%;}
	
	.custom_list ul li a:hover .custom_1{ width:19px;}
	
	
	.custom_img{ width:100%; height:59px;}
	.custom_img img{ height:59px; width:auto;}
	.custom_img_1{ width:100%; height:59px;}
	
	.custom_biao{ font-size:14px; height:33px; line-height:33px; margin-top:5px;}
	.custom_1{ margin:auto; width:14px; height:2px;}
	.custom_2{ font-size:12px; line-height:18px; height:36px; width:90%; margin-top:8px;}


	/*第三屏*/
	.case{ height:auto; padding-bottom:30px; opacity:1;}
	.case_tit {	font-size:14px;}

	
	/*第4屏*/
	.expert{ padding-bottom:30px;}
	.expert_biao{ width:100%; position:relative; height:44px;}
	
	.expert_shang { opacity:1;}
	
	.expert_lsit{ width:96%; margin-top:20px; opacity:1;}
	.expert_lsit ul li{ float:left; width:25%; height:85px; list-style:none; margin-bottom:10px;}
	.expert_lsit ul li a:hover{ background-color:transparent;}
	.expert_lsit ul li a:hover .expert_img{  padding-top:0px;}
	.expert_img{ padding-top:0px;}
	.expert_img img{ height:36px; width:auto;}
	.expert_tit{ width:94%; margin:auto; text-align:center; font-size:12px; height:40px; line-height:20px; margin-top:5px;}
	
	#holder{ position:absolute; top:0; width:100%; height:100vh;}
	

	/*第五屏*/
	.news{ padding-top:0px; padding-bottom:15px; height:auto;}
	.news_bg{ position:absolute; width:270px; height:270px; top:-170px;}
	.news_shang { opacity:1;}
	
	.news_tit{ height:44px;}
	.news_all{ margin:auto; position:relative; height:223px; width:98%; opacity:1;}
	.news_list{ width:100%; height:160px; position:relative; overflow:hidden; padding-top:28px;}
	
	.news_con{ margin:auto; width:96%; height:143px;-webkit-box-shadow: 0 0 7px rgb(31 44 111 / 8%);}
	.news_con a{ display:block; width:100%; height:120px; padding-top:23px;}
	
	
	.news_bian{ width:100%; height:2px;}
	.news_bian_1{ width:62px; height:2px;}
	.news_left{ float:left; width:22%; height:100px;}
	.news_1{ font-size:26px; width:80%; margin-top:-5px;}
	.news_2{ font-size:12px; width:80%; margin-top:-2px;}
	
	.news_right{ float:right; width:71%; height:auto; overflow:hidden;}
	.news_3{ font-size:14px; line-height:20px; height:40px; width:90%; margin-top:-2px;}
	.news_4{ font-size:12px; line-height:16px; height:32px; overflow:hidden; width:90%; margin-top:8px;}
	.news_5{ width:39px; height:21px; overflow:hidden; margin-top:14px;}
	.news_5 img{ width:39px; height:21px;}

	.news_bi{ width:100%; height:36px; position:relative;}
	.news-left{ float:left; width:37px; height:37px; margin-left:5px; line-height:37px; font-size:12px;}
	.news-right{ float:right; width:37px; height:37px; margin-right:5px; line-height:37px; font-size:12px;}
	
	.news_xian{ width:70%; height:1px;  border-bottom:1px solid rgba(0,0,0,0.1); margin:auto; padding-top:19px;}
	.news_quan{ margin:auto; width:8px; height:8px; margin-top: -7px;}
	

	/*第6屏*/
	.journey_warp{ width:100%; height:160px;  opacity:1;}
	.journey_bei{ background-size:cover; width:100px; height:47px; top:105px;}
	
	.journey_tu{ width:61px; height:88px; position:absolute; left:0; top:20px;}
	.journey_tu img{ width:61px; height:88px;}
	.journey_bg{ background-size:cover; width:180px; height:128px; bottom:-51px; right:-64px;}
	
	.journey{ width:96%; height:160px;}
	.journey_1{ font-size:22px; height:38px; line-height:38px; padding-top:20px;}
	.journey_2{font-size:14px; height:24px; line-height:24px;}
	.journey_3{ width:100%; height:31px;  margin-top:14px;}
	.journey_3 a{ display:block; font-size:12px; width:102px; height:31px; line-height:31px;}
	
	.change_quan{ position:absolute; top:10px; z-index:0; width:100%; height:60px; display:none;}

	.dier{ width:100%; height: auto; overflow:hidden; border-top:1px solid rgba(0,0,0,0.1); position:relative;}
	.di{ width:96%; height: auto; margin:auto; padding-top:10px; padding-bottom:10px;}
	.di_left{ float:none; width:100%; text-align:center; height: auto; overflow:hidden;}
	.di_1{ display:none;}
	.di_2{  display:none;}
	
	.di_3{ width:100%; font-size:12px; color:#000; opacity:0.5; height: auto; overflow:hidden; line-height:18px;}
	
	.di_right{ float:right; display:none;}

	/*漂浮框*/
	.showy{ display:none;}

	/*漂浮*/
	.carte { display:none;}

}