@charset "utf-8";
/* CSS Document */
@import url("default.css");
@font-face {
  font-family: jjFont;
  src: url(../fonts/SourceHanSansCN-Bold.otf);
}
@font-face {
  font-family: jjFont2;
	src: url(../fonts/SourceHanSansCN-Medium.otf);
}
@font-face {
  font-family: jjFont3;
	src: url(../fonts/hei.ttf);
}
@font-face {
  font-family: jjFont4;
	src: url(../fonts/SourceHanSerifCN-Bold.otf);
}
@font-face {
  font-family: jjFont5;
	src: url(../fonts/SourceHanSansCN-Light.otf);
}
@font-face {
  font-family: jjFont6;
	src: url(../fonts/Roboto-BoldCondensedItalic.ttf);
}


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

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fullscreen-video{ width: 100%; height: 100%; object-fit: cover;}
.banner{ width:100%; height: 100%;}
.lmenu{ width:90%; height: 100px; padding:0 5%; color:#fff; background-color:#000;background-color:rgba(0,0,0,0.7);filter:Alpha(opacity=70); position: absolute; top:0; z-index: 50000; display: -webkit-flex; /* Safari */display: flex; align-items: center;}
.lmenu_logo{ width:260px; height: auto;}
.lmenu_logo img{ width:100%; height: auto;}
.lmenu_nav{ width:-webkit-calc(95% - 560px); width:-moz-calc(95% - 560px); width:calc(95% - 560px); padding-left:5%;}
.lmenu_nav ul{ width:80%; height: 100%; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; align-items: center;}
.lmenu_nav ul li{ color:#fff; font-size:24px; font-family: jjFont2;}
.lmenu_nav ul li a{ color:#fff; font-size:24px;}
.lmenu_nav ul li a:hover{ color:#dfdfdf}
.lmenu_tel{ width:300px; text-align: right; font-size:24px; color:#fff; font-family: jjFont2;}
.yskk{ width:92%; height: auto; overflow: hidden; margin: 20px auto 50px;}
.yskk_top{ width:100%; padding:50px 0; text-align: center; font-size:48px; font-family: jjFont4;}
.yskk_li{ width:100%; height: auto; overflow: hidden;}
.yskk_li ul{ width:100%; height: auto; overflow: hidden;}
.yskk_li ul li{ float:left; width:23%; height: 210px; margin:1%; background-color: #fcfcfc; border:#eeeeee 1px solid; border-radius: 3px; box-sizing:border-box; display: -webkit-flex; /* Safari */display: flex; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.yskk_li ul li i{ font-size:44px; color:#1262d9; padding:8% 5% 0 8%;}
.yskk_li ul li .lizi{ width:65%; padding-top:8%; color:#999999; font-size:14px; line-height: 160%;}
.yskk_li ul li .lizi p{ padding-bottom:10px; color:#4f4f4f; font-size:22px !important; font-family: jjFont2;}
.yskk_li ul li:hover{ background-color: #f1f7fb; border-color: #cee9fb;-moz-box-shadow: 0px 0px 10px #d0d0d0; box-shadow: 0px 0px 20px #e2f1fa;transform: translateY(-5px);  -webkit-transform: translateY(-5px);}
.yskk_li ul li:hover .lizi p{ color:#1359c8}
.yskk_top2{ width:100%; padding-bottom:50px; text-align: center; color:#a09f9f; line-height: 160%; font-size:16px;}
.yskk_li2{ width:100%; height: auto; overflow: hidden; margin-bottom: 100px;}
.yskk_li2 ul{  width:100%; height: auto; overflow: hidden; display: -webkit-flex; /* Safari */display: flex; justify-content:center;align-items:center;flex-wrap:wrap;}
.yskk_li2 ul li{ float:left; height: 50px; line-height: 50px; padding:0 22px; margin: 20px 10px 0; display:inline; background-color: #f5f8fd; border:#d2e2f9 1px solid; border-radius:3px; color:#1262d9; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.yskk_li2 ul li:hover{background-color: #e9f0fc;transform: translateY(-5px);  -webkit-transform: translateY(-5px);}
.cp{ width:100%; height: auto; overflow: hidden;padding:100px 0;}
.cp_bg{ background: url(../images/bj_pro.jpg) no-repeat; background-size:100% 100%; }
.cp_top{ width:100%; padding-bottom:30px; text-align: center; font-size:48px; font-family: jjFont4; color:#000;}
.cp_top2{ width:100%; padding-bottom:50px; text-align: center; color:#a09f9f; line-height: 160%; font-size:16px;}
.cp_con{ width:92%; height: auto; overflow: hidden; margin: 20px auto; background-color: #fff; border-radius:3px; border:#d2e2f9 1px solid; box-sizing:border-box; display: -webkit-flex; /* Safari */display: flex; flex-wrap:wrap;}
.cp_conk{ width:25%; height: 580px; padding:50px 3%; box-sizing:border-box;}
.cp_conk:hover{ background-color: #f1f7fb;}
.cp_conk:hover .cp_conk_top{ color:#1359c8}
.cp_border{ border-right:#f1f7fb 1px solid}
.cp_border_foot{ border-bottom:#f1f7fb 1px solid}
.cp_conk_top{ width:100%; height:100px; line-height: 130%; text-align: center; font-size:28px; color:#000; font-family: jjFont2;}
.cp_conk_text{ width:100%; height: 75px; color:#a09f9f; line-height: 150%; text-align: center; font-size:16px}
.cpfont{ font-size:26px;}
.cp_conk_img{ width:100%; background-color: #eef5ff; border:#d0e3fe 1px solid; border-radius: 3px; box-sizing:border-box; -moz-box-shadow: 0px 0x 10px #e4e4e4; box-shadow: 5px 5px 10px #e4e4e4;}
.cp_conk_img img{ width:94%; margin: 3%;}
.cp_conk_a{ width:100%; margin-top: 40px;}
.cp_conk_a a{ display: block; width:160px; height: 50px; line-height: 50px; margin:0 auto; text-align: center; background-color: #1262d9; border:#0b4eb1 1px solid; border-radius: 3px; color:#fff; font-size:18px; font-family: jjFont2; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.cp_conk_a a:hover{ color:#f1f7fb;  opacity: 0.7; transform: translateY(-5px);  -webkit-transform: translateY(-5px);}
.fan{ width:92%; height: auto; overflow: hidden; margin: 20px auto;}
.fan01{ float:left; width:23%; overflow: hidden; margin-right: 1%; aspect-ratio: auto 80 / 138; position: relative;}
.fan01 img{ width:100%; height: 100%; }
.fan01 p{ width:84%; color:#fff; font-size:30px!important; line-height: 120%; font-family: jjFont2; position: absolute; bottom:30px; left:8%; z-index: 5555555;}
.fanxx{ background: rgba(0, 0, 0, 0.95); cursor: pointer;}
.fanxx img{ opacity: 0.6; transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out;}
.fanxx:hover img{ transform: scale(1.2);  opacity: 0.9;}
.fank{ float:left; width:76%;}
.fan02{ float:left; width:49.5%; overflow: hidden; aspect-ratio: auto 31 / 16; position: relative;}
.fan02 img{ width:100%; height: 100%; }
.fan02 p{ width:92%; color:#fff; font-size:30px!important; line-height: 120%; font-family: jjFont2; position: absolute; bottom:30px; left:4%; z-index: 5555555;}
.maright{ margin-right: 1%;}
.mabottom{ margin-bottom: 1%;}
.foot{ width:92%; height: auto; overflow: hidden; margin: 20px auto 50px; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.foot_logo{ width:22%; margin-right: 5%;}
.foot_logo img{ max-width: 100%;}
.foot_text{ width:53%; color:#000; font-size:16px; line-height: 180%;}
.foot_text p{ margin-bottom: 30px; font-size:24px!important; font-family: jjFont2;}
.foot_e{ width:20%; text-align: right;}
.foot_e img{ max-width: 100%;}
.footer{ width:92%; height: auto; overflow: hidden; padding:30px 4%; background-color: #184fa0; color:#fff; font-size:12px;}
.footer a{ color:#fff; transition: opacity 0.3s ease;}
.footer a:hover{ color:#fff;opacity: 0.8;}

/*二级页*/
.banner2{ width:100%; height: 500px;}
.banner3{ width:100%; height: 100vh;}
.banner4{ width:100%; height: 700px;}
.ban{ width:100%; height: 500px;}
.ban img{ width:100%; height: 100%;}
.ban2{ width:100%; height: 700px;}
.ban2 img{ width:100%; height: 100%;}
.ban_text{ width:100%; height: 400px; color:#fff; position: absolute; top:100px;}
.ban_textk{ width:40%; margin: 8% auto 0; text-align: center; position: relative;}
.ban_textk:before {
  margin-left: -390px;
  margin-top: 44px;content: '';
  position: absolute;
  width: 230px;
  border-bottom: 1px solid #fff; opacity: .6;
}
.ban_textk:after {margin-left: 160px;
  margin-top: -35px;content: '';
  position: absolute;
  width: 230px;
  border-bottom: 1px solid #fff; opacity: .6;}
.banner-title {
    font-size: 48px!important;
    font-weight: normal;line-height: 1;
    margin-bottom: 25px;
}
.banner-desc {
  line-height: 1;
  font-size: 18px!important;
  font-weight: normal;
  color: #fff; opacity: .6;}
.about{ width:100%; height: auto; overflow: hidden; position: relative;}
.about_text{ width:92%; margin: 120px auto 80px; padding-bottom:200px; color:#374151; font-size:18px; line-height: 200%;}
.about_con{ width:100%; position: absolute; bottom:80px; left:0; display: -webkit-flex; /* Safari */display: flex; align-items:flex-end}
.about_con01{ width:850px; height: 100px; padding-top:40px; background-color: #f7f7f7; color:#757575; font-size:18px;font-family: jjFont2;}
.about_con01_left{ width:42%; float:left; padding-right:8%; text-align: right;}
.about_con01_left span{ padding:0 10px; color:#1262d9; font-size:56px;}
.about_con01_right{ width:42%; float:left; padding-left:8%; box-sizing:border-box; border-left:#d2d2d2 1px solid; line-height: 1.6;}
.about_con01_right span{ color:#1262d9; font-size:24px;}
.about_con02 img{ width:100%; display:block;}
.ling{ width:100%; height: auto; overflow: hidden; margin-bottom: 80px;}
.lingflex{ width:90%; padding:5%; display: -webkit-flex; /* Safari */display: flex; justify-content: space-between;}
.lingflex001{ display: inline; }
.lingkk{ box-shadow: 0 0 106px rgba(0, 0, 0, 0.11);
  background: #fff;
  position: relative;
  margin: 0 25px;
  margin-bottom: 50px;
  padding: 55px 50px; flex: 1;}
.lingkk i{ font-size: 125px;
  position: absolute;
  top: 50%;
  line-height: 130px;
  margin-top: -65px;
  right: 35px;
  color: #1262d9;
  opacity: .05;}
.lingkk h2{margin-bottom: 35px; font-size: 36px!important; color:#1262d9}
.lingkk p span{ color:#ff4200}
.lingkk p{ height: 4em; font-size: 18px!important; line-height: 2; color:#374151}
.lingkk00 p{ height: auto; font-size: 14px!important;}
.ccpp{ width:100%; height: auto; overflow: hidden; margin-bottom: 80px; padding-bottom:30px;}
.ccpp_top{ width:100%; height:auto; overflow: hidden;  padding:50px 0; text-align: center; font-size:48px; font-family: jjFont4;}
.ccpp_con{ width:70%; margin: 0 auto 50px; color: #374151; box-shadow: 0 0 106px rgba(0, 0, 0, 0.11); background: #fff;  display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.ccpp_cont{ width:100%; padding:20px 0; line-height: 1.5;}
.ccpp_conk{ width:-webkit-calc(60% - 30px); width:-moz-calc(60% - 30px); width:calc(60% - 30px); padding:15px;}
.ccpp_conk img{ width:100%;}
.ccpp_cont01{ padding-bottom:20px; font-size: 25px!important; color:#1262d9; font-weight: bold;}
.ccpp_cont02{ padding-bottom:20px; font-size:18px;}
.ccpp_cont03{ padding-bottom:20px;}
.ccpp_cont04 ul li{ margin-bottom: 10px;}
.ccpp_cont04 ul li i{ margin-right: 10px; color:#036aea;}
.ccpp_cont_r{ padding:20px 20px 20px 20px;}
.help{ width:80%; height: auto; overflow: hidden; margin: 0 auto; padding:80px 10%;}
.helptop{ display: -webkit-flex; /* Safari */display: flex; justify-content:space-between}
.helpan{ height: 80px!important; line-height: 80px!important; margin-right: 0!important; color: #999!important; background: #fff!important; font-size: 24px!important;  text-align: center; box-shadow: 0 0 55px rgba(0, 0, 0, 0.2); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; position: relative;}
.helpan:hover{transform: translateY(-2px);  -webkit-transform: translateY(-2px);}
.helpcon{ width:80%; height: auto; overflow: hidden; margin: 0 auto; padding:30px 0;}
.helpcon i{ float:right; font-size: 130px; color:#f2f6fc;}
.hhleft{ float: left; width:80%;}
.hhleft p{ color:#1262d9; font-size: 36px!important; margin-bottom: 20px;}
.help2{ width:100%; height: auto; overflow: hidden; margin-bottom: 80px; padding-bottom:30px;}
.help2_top{ width:100%; height:auto; overflow: hidden;  padding:50px 0; text-align: center; font-size:48px; font-family: jjFont4;}
.helpvan{ width:80%; padding:20px; margin: 0 auto; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; flex-wrap:wrap}
.helpvank{ width:21%; height: 200px; margin: 0 2% 40px; box-shadow: 0 0 106px rgba(0, 0, 0, 0.11); background: #fff; text-align: center; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.helpvank2{ height: 230px;}
.helpvank:hover{transform: translateY(-5px);  -webkit-transform: translateY(-5px);}
.helpvank01{ padding:25px 0 0; font-size:50px; color:#1262d9;}
.helpvank02{ font-size:20px; font-weight:bold;color:#4f4f4f;}
.helpvank03{ padding:0 5%; color:#999999}
.npro{ width:100%; height: auto; overflow: hidden}
.npro_top{ width:80%; padding:50px 10%; border-bottom:#eceef2 1px solid; position: relative}
.npro_top h3{font-size: 48px!important; font-family: jjFont4;}
.npro_top span{ color: rgba(0, 0, 0, 0.2); font-size: 2rem; opacity: .2; font-family: Source Han Sans; font-weight: 500; text-transform: uppercase; margin-top: -2.15rem; display: block;}
.nprok{ width:80%; margin: 80px auto; display: -webkit-flex; /* Safari */display: flex;}
.nprovdio{ width:50%; position: relative; margin-left: 2.25rem;}
.nprovdio:before {
    content: "";
    display: block;
    width: 100%;
    transform: scaleX(1.05) scaleY(.95);
    transform-origin: center bottom;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #C9CACE;
	z-index: 2;}
.nprovdio:after {
    content: "";
    display: block;
    width: 100%;
    transform: scaleX(1.1) scaleY(.9);
    transform-origin: center bottom;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #DADCDF;
	z-index: 1;}
.nprovdio img{ width:100%; height: 100%; object-fit: cover; position: relative; z-index: 3;}
.nprotext{ width:45%; padding-left:5%; position: relative}
.nprotext2{ padding-right:5%; padding-left:0}
.nprotext h3{ padding:20px 0; font-size: 28px!important; font-weight: bold;}
.nprotext_a{ width:100%; margin-top: 40px; position: absolute; bottom:0; left:10%}
.nprotext_a2{ left:0}
.nprotext_a a{ display: block; width:160px; height: 50px; line-height: 50px; text-align: center; background-color: #1262d9; border:#0b4eb1 1px solid; border-radius: 3px; color:#fff; font-size:18px; font-family: jjFont2;}
.nprotext_a a:hover{ opacity: .8;}
.ban2k{ width:100%; height: 700px; color:#fff; position: absolute; top:0;}
.ban2kk{ width:80%; height: 700px;  margin: 40px auto 0; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around;align-items:center;}
.ban2kk_right{ width:60%;}
.ban2kk_right img{ width:100%; border:10px solid rgba(238, 245, 255, 1); border-radius: 5px;}
.ban2kk_left{width:35%;}
.ban2kk_left h3{ font-size:40px!important; font-weight:bold; padding-bottom:20px;}
.ban2kk_left span{ font-size:16px; opacity: .6;}
.case{ width:80%; margin: 30px auto 120px;}
.case_top{ width:100%; height:auto; overflow: hidden;  padding:0 0 50px; text-align: center; font-size:48px; font-family: jjFont4;}
.case_top{ width:100%; height:auto; overflow: hidden;  padding:0 0 50px; text-align: center; font-size:48px; font-family: jjFont4;}
.case_con{ width:96%; height:auto; overflow: hidden; margin: 0 0 40px; padding:2%; box-shadow: 0 0 106px rgba(0, 0, 0, 0.11); background: #fff; transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out;}
.case_con h3{font-size:26px!important; font-weight:bold;color:#4f4f4f; margin-bottom: 20px; font-style: italic;}
.case_con h3 span{ padding-right:10px; font-size:30px; color:#1262d9; font-family: jjFont4;}
.case_foot{ width:100%; height: auto; overflow: hidden}
.case_foot_img{ width:100%; height: auto; overflow: hidden}
.case_foot_img img{ width:100%;}
.rongyu{ width:100%; height: auto; overflow: hidden; margin-bottom: 5%;}
.zhuanli{ width:100%; height: 502px;}
.lina{ padding:10px 30px; color:#fff; background-image: linear-gradient(to bottom right, #53d4e4, #265aff); border-top-left-radius: 10px; position: absolute; right:0; bottom:0}
.lina:hover{ opacity: .8;}
.proa{ width:90%; height: auto; overflow: hidden; padding: 5%;}
.proak{ box-shadow: 0 0 106px rgba(0, 0, 0, 0.11);}
.map{ width:100%; height: auto; overflow: hidden; padding-top: 100px;}
.mpaifr{ width:100%; height: calc(100vh - 100px)}
.dawnn{ width:100%; height: auto; overflow: hidden; margin-bottom: 80px; padding-bottom:30px;}
.dawnnkk{ width:80%; padding:20px 10%; margin: 0 auto; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; flex-wrap:wrap}
.dawnfl{ width:100%; margin-bottom: 30px; display: -webkit-flex; /* Safari */display: flex; align-items:center}
.dawnfl img{ width:60px; height: 60px; margin-right: 20px;}
.dawnfl h2{ margin-bottom: 0!important;}


.imenu2{ display: none;}
.menubg{ display: none;}
.menubg {
  background: #1262d9 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position:fixed;
  top: 0;
  width: 100%;
  z-index: 99999999999;
}
.logo1 {
  background: rgba(0, 0, 0, 0) url(../images/logo1.png) no-repeat scroll center center / contain ;
  display: block;
  height: 59px;
  left: 0;
  position: absolute;
  top: 0;
  width: 134px;
  z-index: 995;
  margin-left: 2%;
}
.nav-phone {
  padding-top: 80px;
}
.nav-phone .nav-m {
  padding: 0 48px;
}
.nav-phone a {
  border-bottom: 1px solid #3c81e7;
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 55px;
  text-align: left;
}
.nav-phone .nav-r {
  padding: 0 48px;
}
.menu-icon-close {
  background: rgba(0, 0, 0, 0) url(../images/close.png) no-repeat scroll center center;
  height: 59px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 99999;
  cursor:pointer;
}

.ban_textk2{ display: none;}
.kkkkk{ display: none;}
.llhelp{ width:80%; height: auto; overflow: hidden; margin: 0 auto; padding:80px 10%;}
.llhelpcon{ width:90%; height: 510px; margin: 0 auto; padding:20px 5%; position: relative;}
.llhelpcon i{ font-size: 130px; color:#d1e3f9; position: absolute; bottom:5%; right:5%; z-index: 1000;}
.llhelpcon b{ font-size: 90px; color:#e6edf6; position: absolute; top:1%; right:5%; font-style: italic;font-family: jjFont6; z-index: 1000;}
.llhhleft{ width:90%; text-align: left; line-height: 180%; z-index: 30000; position: absolute;}
.llhhleft p{ color:#1262d9; font-size: 36px!important; margin: 20px 0 30px; line-height: 1.3;}




@media screen and (max-width:1740px){
	.lmenu{width: 96%; padding: 0 2%;}
	.lmenu_tel{width: 200px;}
	.lmenu_nav{ width:-webkit-calc(95% - 460px); width:-moz-calc(95% - 460px); width:calc(95% - 460px);}
	.lmenu_nav ul{ width:90%}
	.yskk{ width:96%;}
	.about_con01{ width:60%}
  .help{ width:96%; padding: 80px 2%;}
  .helpvan{ width: 96%;}
  .llhelp{ width:96%; padding: 80px 2%;}
  .proa{width: 96%; padding: 5% 2%;}
  .ban2kk{width: 90%;}
  .case{ width:96%;}
  .helpcon{ width:96%;}
  .lingflex{ width:100%; padding:5% 0}
    }

@media screen and (max-width:1600px){
  .cp_conk{padding: 30px 2%;height: 510px;}
  .cp_conk_top{ height: 90px;font-size: 24px;}
  .cpfont{font-size: 24px;}
  .yskk_li ul li .lizi p{font-size: 20px !important;}
  .about_con01{ width:80%}
  .about_con01_left{ width: 35%;padding-right: 5%;}
  .about_con01_right{ width: 58%;padding-left: 5%;}
}
@media screen and (max-width:1440px){
  .cp_conk{height: 430px;}
  .cp_conk_top{height: 70px; font-size: 19px;}
  .cp_conk_text{font-size: 14px;height: 65px;}
  .cp_conk_a{margin-top: 30px;}
  .cp_conk_a a{height: 40px; line-height: 40px;font-size: 16px;}
  .cpfont{ font-size: 19px;}
  .yskk_li ul li{width: 48%;}
  .helpan{font-size: 18px !important;}
  .hhleft p{    font-size: 30px !important;}
  .about_con01_left span{font-size: 38px;}
  .about_con01_left{ padding-top: 10px;}
  .yskk_li ul li .lizi p{font-size: 24px !important;}
  .llhhleft{ font-size:15px}
}
@media screen and (max-width:1280px){
  .helpvank{ width: 46%;}
  .lmenu_nav ul{ width:100%}
  .llhhleft p{ font-size:30px!important}
}
@media screen and (max-width:1100px){
  .lmenu_nav{display:none}
  .lmenu_tel{display:none}
  .menubg{ display: inline;}
  .imenu2{ display:block; right:5%; position:absolute; top:30px; z-index:99999999}
  .imenu2 i{ font-size:34px; color:#fff}
  .banner{ height: auto;}
  .fullscreen-video{ height: auto;}
  .yskk_top{padding: 30px 0;font-size: 38px;}
  .yskk_top2{font-size: 14px;padding-bottom: 30px;}
  .yskk_li2{margin-bottom: 30px;}
  .yskk_li2 ul li{height: 40px; line-height: 40px; padding: 0 15px; margin: 10px 10px 0;font-size: 15px!important;}
  .cp{padding: 50px 0;}
  .cp_top{font-size: 38px;}
  .cp_top2{padding-bottom: 20px;}
  .cp_conk{ width: 50%;height: 540px;}
  .cp_conk_top{font-size: 24px;height: 80px;}
  .foot_logo{ width:100%; margin: 0; text-align: center;}
  .foot_text{ width:100%; margin-top: 30px; text-align: center;}
  .foot_e{ width:100%; margin-top: 20px; text-align: center;}
  .foot{ display: inline;}
  .footer{ text-align: center;}
  .help{ padding-bottom:40px;}
  .help2_top{ padding: 20px 0 40px;font-size: 38px;}
  .help2{margin-bottom: 40px;}
  .banner2{ height: 400px;}
  .ban{ height: 400px;}
  .about_text{ margin-top: 80px;}
  .about_con{bottom: 0px;}
  .about_con01{ display: none;}
  .ling{margin-bottom: 40px;}
  .zhuanli{ height:400px;}
  .llhhleft{ line-height: 160%;}
}
@media screen and (max-width:850px){
  .lmenu{ height: 60px;}
  .lmenu_logo{ width:50%;}
  .imenu2{right: 5%;top: 15px;}
  .yskk_top{padding: 10px 0 30px; font-size: 30px;}
  .yskk_li2 ul li{margin: 10px 0 0;}
  .cp{padding: 30px 0;}
  .cp_top{ font-size: 30px;padding-bottom: 10px;}
  .cp_top2{padding-bottom: 0;}
  .cp_conk{ width:100%; padding: 20px 5%; height: auto; overflow: hidden;}
  .cp_conk_top{  font-size: 20px;}
  .cp_conk_text{ display: none;}
  .yskk_li ul li{width: 98%; height: auto; overflow: hidden;}
  .yskk_li ul li i { font-size: 34px; padding: 5% 3% 0 5%;}
  .yskk_li ul li .lizi{ width: 80%;padding-top: 5%; padding-bottom:5%}
  .yskk_li ul li .lizi p{font-size: 20px !important;}
  .banner2{ height: 200px;}
  .ban{ height: 200px;}
  .ban_text{height: 200px; top:0}
  .ban_textk{ display: none;}
  .ban_textk2{ display: block; width: 100%; text-align: center; padding-top:90px; font-size: 30px;}
  .help{padding:40px 2%}
  .help2_top{font-size: 30px;}
  .helpvan{padding: 2%;}
  .helpvank{margin: 0 2% 4%;height: 180px;}
  .helpvank01{font-size: 40px;}
  .helpvank02{font-size: 19px;}
  .helpvank03{font-size: 14px;}
  .ban2kk{flex-wrap:wrap-reverse;margin: 0 auto;align-content: flex-end;}
  .ban2kk_left{width:100%;margin-top: 10px;}
  .ban2kk_right{width:100%;margin-top: 100px;}
  .ban2kk_right img{box-sizing:border-box;}
  .ban2kk_left h3{font-size: 24px !important;padding-bottom: 10px;}
  .ban2kk_left span{ font-size: 14px;}
  .helpvank2{ height: 240px !important;}
  .case_top{ font-size: 30px;}
  .case{ width: 92%;}
  .case_con{width: 92%;padding: 4%;}
  .case_con h3{font-size: 20px !important;}
  .case_con h3 span{ font-size: 24px;}
  .case_con span{ font-size: 14px;}
  .about_text{margin-top: 40px;padding-bottom: 100px;}
  .about_con{bottom: 30px;}
  .lingflex{ display: inline;}
  .lingkk{ width:90%;box-sizing:border-box;margin: 0 5%; padding: auto;}
  .layui-panel{margin-top: 0;}
  .help{ display: none;}
  .llhelp{ display: none;}
  .kkkkk{ display:inline;}
  .kkkkkli{ width: 90%!important; padding:5%}
  .kkkkkli p{ color:#1262d9!important}
  .lingkk00{ padding:30px 5%;}
  .dawnfl img{ width:40px; height: 40px;}
  .lingkk00 h2{ font-size:24px!important;}
}