@charset "utf-8";
body{font-size:14px;color:#404040; font-family:"微软雅黑", Verdana, Arial, Helvetica, sans-serif; word-wrap: break-word; background:#FFFFFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0; } 
a{text-decoration:none; color:#404040;font-size:14px; }
a:hover{ text-decoration:none;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea,select,option{ outline:none; color:#333; }
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align:top;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.left{ float:left;}
.right{ float:right;}
.pc{ display:block;}
.yd{ display:none;}
.bgqhui{background:#f1f1f1;}
.bghe{background:#f9b401;}
.size14{ font-size:14px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}
.size20{ font-size:20px;}
.site24{ font-size:24px;}
.site26{ font-size:26px;}
.site28{ font-size:28px;}
.site30{ font-size:30px;}


/*top calc*/
.topbg{ width:100%; position:relative; top:0; left:0; z-index:999; border-bottom:#fac616 6px solid; overflow:hidden;}
.top{ display:flex; justify-content: space-between; align-items: center; width:90%; max-width:1495px; margin:0 auto; position:relative; overflow:hidden;}
.logo{  position:relative; margin:20px 0; z-index:2; overflow:hidden;}
.logo img{ display:block; width:363px; margin-right:10px;}
.mane{width: calc(100% - 375px); position:relative; overflow:hidden;}
.mane ul{ width:100%; display:flex; justify-content: flex-end; position:relative; overflow:hidden;}
.mane li{ margin-left:58px; position:relative; overflow:hidden;}
.mane li a{display:inline-block; font-size:24px; color:#00337c; font-weight:bold; text-decoration: none; padding-bottom:10px; padding-top:10px;}
.mane li a:after {
   content: '';
    position: absolute;
    width: 0; /* 初始宽度为0 */
    height: 2px; /* 下划线高度 */
    background-color: #00337c; /* 下划线颜色 */
    left: 0;
    bottom: 0; /* 根据需要调整位置 */
    transition: width 0.2s ease; /* 动画效果 */
}
.mane li a:hover::after {
    width: 100%;
}

.rxtel{ display:none;position:relative; overflow:hidden;}
.rxtel img{ display:block; width:25px;}

.bn{ width:100%; position:relative; overflow:hidden;}
.bn img{ display:block; width:100%; position:relative; z-index:1}
.bntxt{width:90%;  max-width:1495px;  position:absolute; left:0; top:50%;transform:translateY(-50%); right:0; margin:auto; overflow:hidden; z-index:2; overflow:hidden; }
.bntxt h2{ font-size:86px; color:#FFFFFF; font-weight:600;}
.bntxt p{ display:inline-block; background:url(../img/icoa.png) no-repeat; padding:20px 26px; font-size:50px; color:#00337c; margin:1vw auto; font-weight:600;}
.bntxt a{ position:relative; display:inline-block; padding:0 25px; height:56px; line-height:56px; border-radius: 28px; font-size:30px; font-weight:600; color:#00337c; background:#fac616; margin:1vw auto; z-index:2;}
.bntxt span{ position:relative; display:inline-block; padding:0 25px 0 50px; height:54px; line-height:54px; border-top-right-radius: 28px; border-bottom-right-radius: 28px; font-size:30px; font-weight:600; color:#00337c; background:rgba(0,0,0,0.2); border:#fac616 1px solid; color:#FFFFFF; margin:1vw auto; left:-40px; z-index:1;}

.f1bg{ width:100%; position:relative; margin:0 auto; padding:90px 0 60px 0;  overflow:hidden;}
.f1{display:flex; justify-content: space-between; align-items: flex-start; width:90%; max-width:1495px; margin:0 auto; background:url(../img/f1bg.jpg) left top no-repeat; background-size:30%; position:relative; overflow:hidden;}
.f1l{ width:48%; position:relative; overflow:hidden;}
.f1l span{ display:none; font-size:24px; color:#fac616;}
.f1l h3{ font-size:52px; color:#00337c; margin-top:80px;}
.f1r{ width:50%; position:relative; text-align:justify; font-size:22px; line-height:180%; overflow:hidden;}
.f1con{ width:100%; position:relative; margin:0 auto; background:#f5f5f5; padding:40px 0; overflow:hidden;}
.f1contxt{display:flex; justify-content: space-between;width:90%; max-width:1495px; margin:0 auto; position:relative; overflow:hidden;}
.f1contxt dl{ width:25%; box-sizing:border-box; border-right:#c8c8c8 1px solid; text-align:center;}
.f1contxt dl:first-child{ text-align:left}
.f1contxt dl:last-child{border-right:none; text-align:right}
.f1contxt dt{}
.f1contxt dt span{ display:inline-block; position:relative; font-size:90px; color:#00337c; font-weight:bold;}
.f1contxt dt i{ display:inline-block; position:relative; font-size:50px; color:#00337c; font-weight:bold; top:-35px;}
.f1contxt dd{ font-size:24px;}



.f3bg{ width:100%; position:relative; margin:90px auto 0 auto; overflow:hidden;}
.f3{ width:90%; max-width:1495px; margin:0 auto; position:relative; background:url(../img/f3bg1.jpg) left top no-repeat; background-size:30%;}
.f3 span{ font-size:24px; color:#fac616;}
.f3 h3{ font-size:52px; color:#00337c; padding-top:80px;}
.f3con{width:100%; margin:60px auto 0 auto; position:relative; }
.f3con ul{display:flex; justify-content: space-between; flex-wrap: wrap;  width:100%;  position:relative;}
.f3con li{ width:31.9%;  box-sizing:border-box; position:relative; text-align:center; }

.f3condl{ width:100%;  position:relative; text-align:center; overflow:hidden; background: linear-gradient(to bottom, rgba(255,255,255,0.5) 30%, #e5f4fb 70%); border-radius: 20px; z-index:1; }
.f3con li:last-child .f3condl{background: linear-gradient(to bottom, rgba(255,255,255,0.5) 30%, #fce8f3 70%);}
.f3condt{ width:80%; height:0; padding-bottom:80%; position:relative; margin:0 auto;  overflow:hidden;}
.f3condt img{ display:block; width:100%; position:relative; z-index:1;}
.f3condd{ width:90%; position:relative; padding:40px 0; margin:0 auto; font-size:22px; text-align:justify; line-height:220%; overflow:hidden;}
.f3condd h4{ font-size:30px;}
.f3condd i{ display:block; width:25px; height:4px; background:#fac616; margin:30px 0;}
.f3condd p{ font-size:22px; text-align:left; line-height:200%;}

.f3condlb{ width:100%;  position:relative; text-align:left; margin-top:60px; z-index:2; overflow:hidden;}
.triangle {
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 50px solid #e5f4fb;
	margin:0 auto;
  }
.f3b{display:flex; justify-content: space-between; width:90%; max-width:1495px; margin:0 auto; position:relative; padding:40px 0; background:#e5f4fb; border-radius: 20px; overflow:hidden;}
.f3bl{ width:30%; position:relative; overflow:hidden;}
.f3bl h5{ padding:10px 0; background:#fac616; text-align:center; font-size:32px; margin-bottom:30px;}
.f3bl p{ width:95%; font-size:22px; margin-left:5%; line-height:220%;}
.f3br{display:flex; justify-content: space-between; flex-wrap: wrap; width:64%; margin-right:2%; position:relative; overflow:hidden;}
.f3br dl{ width:31.5%; position:relative; margin:0 0 25px 0; padding:20px 0; background:#FFFFFF; border-radius: 10px; overflow:hidden;}
.f3br dt{ width:90%; margin:0 auto 10px auto; font-size:20px; line-height:160%; text-align:justify; overflow:hidden;}
.f3br dd{ width:90%; margin:0 auto; font-size:20px; line-height:160%; text-align:justify; overflow:hidden;}


.f5bg{ width:100%; position:relative; margin:90px auto 0 auto; background:#fac616; padding:40px 0; overflow:hidden;}
.f5{ width:90%; max-width:1495px; margin:0 auto; position:relative; background:url(../img/f5bg.png) left top no-repeat; background-size:35%; overflow:hidden;}
.f5 h3{ font-size:52px; color:#00337c; padding-top:80px;}
.f5con{display:flex; justify-content: space-between; flex-wrap: wrap; width:100%; margin:30px auto 0 auto; position:relative; overflow:hidden;}
.f5con dl{ width:49%;  box-sizing:border-box;  border-radius: 10px; background:#FFFFFF; margin-bottom:30px; padding:30px 0; position:relative; overflow:hidden;}
.f5con dt{ width:90%; margin:0 auto; font-size:34px; color:#00337c; font-weight:600; text-align:left; margin-bottom:20px; overflow:hidden;}
.f5con dd{ width:90%; margin:0 auto; font-size:26px; text-align:justify; line-height:180%; overflow:hidden;}

.f6bg{ width:100%; position:relative; margin:60px auto 0 auto; overflow:hidden;}
.f6{ width:90%; max-width:1495px; margin:0 auto; position:relative; background:url(../img/f6bg.jpg) left top no-repeat; background-size:35%;  overflow:hidden;}
.f6 h3{ font-size:52px; color:#00337c; padding-top:80px;}
.f6con{display:flex; justify-content: space-between;  width:100%; margin:30px auto 0 auto; position:relative; overflow:hidden;}
.f6con dl{ width:31.5%; position:relative; background:#f5f5f5; border-radius: 10px; overflow:hidden;}
.f6con dt{ width:100%; height:0; padding-bottom:54%; position:relative; z-index:1; overflow:hidden; }
.f6con dt img{ display:block; width:100%;}
.f6con dd{ width:90%; position:relative; padding:30px 0; margin:0 auto; z-index:2; overflow:hidden; }
.f6con dd h4{ font-size:30px; margin-bottom:10px; padding-bottom:10px; border-bottom:#00337c 1px solid; text-align:center; color:#00337c;}
.f6con dd p{ font-size:22px; line-height:180%; text-align:justify;}

.f8bg{ width:100%; position:relative; margin:90px auto 0 auto;  overflow:hidden;}
.f8{ width:90%; max-width:1495px; margin:0 auto; position:relative; background:url(../img/f8bg.jpg) left top no-repeat; background-size:35%; overflow:hidden;}
.f8 h3{ font-size:52px; color:#00337c;padding-top:80px;}
.f8con{ width:100%; margin:30px auto 0 auto; position:relative; overflow:hidden;}
.f8con dl{ width:100%; position:relative; background:#ecf6f5; padding:20px 0; margin-bottom:20px; overflow:hidden;}
.f8con dt{display:flex; justify-content: space-between; width:96%; margin:0 auto; position:relative;overflow:hidden;}
.f8con dt p{ font-size:26px;}
.f8con dt span{ font-size:40px; font-weight:bold;transition: all 0.5s; }
.f8close{transform: rotate(45deg)}
.f8con dd{ display:none; width:96%; position:relative; margin:0 auto; color:#00337c; font-size:26px; padding:30px 0 60px 0; overflow:hidden;}



/*foot*/
.footbg{width:100%; padding:50px 0; background:url(../img/dbg.jpg) center center no-repeat; background-size:cover; position:relative; margin:70px auto 0 auto; overflow:hidden;}
.foot{display:flex; justify-content: space-between; align-items: center; width:90%; max-width:1495px; margin:0 auto; position:relative; text-align:center; overflow:hidden;}
.ftl{ width:366px; margin-left:0;}
.ftl img{ width:100%;}
.ftm{ font-size:20px; line-height:200%; color:#FFFFFF; text-align:right; margin-left:auto; margin-right:30px; overflow:hidden; }
.ftm a{ display:inline-block; font-size:36px; color:#fac616; margin-left:20px; font-weight:bold;}
.ftm span{ display:block;}


.ftr{ width:128px; margin-right:0;}
.ftr img{ width:100%;}
@media screen and (max-width: 1400px) {
	.mane li a{ font-size:18px;}
	.ftm a{ font-size:30px;}
}

@media screen and (max-width: 1200px) {
	.pc{ display:none;}
	.yd{ display:block;}
	/*top calc*/
	.topbg{border-bottom:none;}
	.logo{ margin:10px 0;}
	.logo img{ width:138px; margin-right:10px;}
	
	.mane{display:none;}
	.rxtel{ display:block;}
	.rxtel img{ display:block; width:25px;}
	
	
	
	.bntxt{width:90%; position:absolute; left:0; top:10%;transform:translateY(0); right:0; margin:auto;}
	.bntxt h2{ font-size:34px; color:#FFFFFF; font-weight:600;}
	.bntxt p{ display:inline-block; background:url(../img/icoa.png) no-repeat; background-size:100%; padding:10px 16px; font-size:20px; color:#00337c; margin:1vw auto; font-weight:600;}
	.bntxt a{ display:inline-block; padding:0 15px; height:30px; line-height:30px; border-radius: 28px; font-size:16px; font-weight:600; margin:5vw auto;}
	.bntxt span{ padding:0 15px 0 25px; height:28px; line-height:28px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; font-size:16px; font-weight:600; margin:5vw auto; left:-20px; z-index:1;}
	
	.f1bg{ padding:30px 0; }
	.f1{display:block; justify-content: space-between; align-items: flex-start; background-size:60%; }
	.f1l{ width:100%; }
	.f1l h3{ font-size:24px; color:#00337c; margin-top:30px;}
	.f1r{ width:100%; font-size:14px; line-height:180%; margin-top:20px; }
	.f1con{ margin:0 auto;  padding:20px 0; }
	.f1contxt{flex-wrap: wrap; }
	.f1contxt dl{ width:50%; border-right:#c8c8c8 1px solid; text-align:center; border-bottom:#c8c8c8 1px solid;}
	.f1contxt dl:first-child{ text-align:center}
	.f1contxt dl:last-child{border-right:none; text-align:center;border-bottom:none;  padding-top:20px;}
	.f1contxt dl:nth-child(2){border-right:none;}
	.f1contxt dl:nth-child(3){border-bottom:none;  padding-top:20px;}
	.f1contxt dt span{ display:inline-block; position:relative; font-size:50px; color:#00337c; font-weight:bold;}
	.f1contxt dt i{ display:inline-block; position:relative; font-size:30px; color:#00337c; font-weight:bold; top:-20px;}
	.f1contxt dd{ font-size:14px; padding-bottom:20px;}
	
	
	.f3bg{ margin:30px auto 0 auto;}
	.f3{  background-size:60%;}
	.f3 h3{ font-size:24px;  padding-top:30px;}
	.f3con{margin:30px auto 0 auto; }
	.f3con ul{display:block; }
	.f3con li{ width:100%;}
	
	.f3condl{ width:100%;  background: linear-gradient(to bottom, rgba(255,255,255,0.5) 30%, #e5f4fb 70%); border-radius: 20px; margin-bottom:30px;}
	.f3con li:last-child .f3condl{background: linear-gradient(to bottom, rgba(255,255,255,0.5) 30%, #fce8f3 70%);}
	.f3con li:nth-child(2) .f3condl{margin-bottom:10px;}
	.f3condt{ width:80%; height:auto; padding-bottom:0; position:relative; margin:0 auto; text-align:center;}
	.f3condt img{ display:block; width:80%; margin:0 auto;}
	.f3condd{ width:90%; position:relative; padding:20px 0; margin:0 auto; font-size:14px; text-align:justify; line-height:180%; overflow:hidden;}
	.f3condd h4{ font-size:18px;}
	.f3condd i{ display:block; width:20px; height:3px; background:#fac616; margin:10px 0;}
	.f3condd p{ font-size:14px; text-align:left; line-height:180%;}
	
	.f3condlb{ width:100%;  position:relative; text-align:left; margin-top:0; margin-bottom:30px; z-index:2; background:#e5f4fb; border-radius: 20px;}
	.triangle {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid #e5f4fb;
	margin:0 auto;
  }
	.f3b{display:block; justify-content: space-between; width:90%; max-width:1495px; margin:0 auto; position:relative; padding:20px 0; background:#e5f4fb; border-radius: 0; overflow:hidden;}
	.f3bl{ width:100%; position:relative; overflow:hidden;}
	.f3bl h5{ padding:10px 0; background:#fac616; text-align:center; font-size:18px; margin-bottom:20px;}
	.f3bl p{ width:100%; font-size:14px; margin-left:0; line-height:180%;}
	.f3br{display:block; justify-content: space-between; flex-wrap: wrap; width:100%; margin-right:0; margin-top:20px; position:relative; overflow:hidden;}
	.f3br dl{ width:100%; position:relative; margin:0 0 10px 0; padding:10px 0; background:#FFFFFF; border-radius: 10px; overflow:hidden;}
	.f3br dt{ width:90%; margin:0 auto 10px auto; font-size:14px; line-height:160%; text-align:justify; overflow:hidden;}
	.f3br dd{ width:90%; margin:0 auto; font-size:14px; line-height:160%; text-align:justify; overflow:hidden;}
	
	.f5bg{ margin:30px auto 0 auto;  padding:20px 0;}
	.f5{  background-size:60%;}
	.f5 h3{ font-size:24px;  padding-top:30px;}
	.f5con{ margin:20px auto 0 auto; }
	.f5con dl{ width:48%;   border-radius: 10px;  margin-bottom:20px; padding:15px 0; }
	.f5con dt{ width:90%; margin:0 auto; font-size:18px; margin-bottom:10px; }
	.f5con dd{ width:90%; margin:0 auto; font-size:12px; text-align:justify; line-height:180%;}
	
	.f6bg{ margin:30px auto 0 auto;}
	.f6{ background-size:60%;}
	.f6 h3{ font-size:24px;  padding-top:30px;}
	.f6con{display:block;  margin:20px auto 0 auto;}
	.f6con dl{ width:100%; border-radius: 10px; margin-bottom:20px;}
	.f6con dt{ width:100%; height:auto; padding-bottom:0; }

	.f6con dd{ width:90%;  padding:20px 0;}
	.f6con dd h4{ font-size:18px; margin-bottom:10px; padding-bottom:10px; border-bottom:#00337c 1px solid;}
	.f6con dd p{ font-size:14px; line-height:180%; text-align:justify;}
	
	.f8bg{ margin:30px auto 0 auto;}
	.f8{ background-size:60%;}
	.f8 h3{ font-size:24px;padding-top:30px;}
	.f8con{ width:100%; margin:20px auto 0 auto;}
	.f8con dl{ padding:10px 0; margin-bottom:10px;}
	.f8con dt{display:flex; justify-content: space-between; width:96%; }
	.f8con dt p{ font-size:16px;}
	.f8con dt span{ font-size:20px; }
	.f8con dd{ display:none; width:96%; position:relative; margin:0 auto; color:#00337c; font-size:14px; padding:10px 0 20px 0; }
	
	/*foot*/
	.footbg{width:100%; padding:20px 0;  margin:30px auto 0 auto; overflow:hidden;}
	.foot{align-items: flex-start;}
	.ftl{ display:none;}
	.ftm{ font-size:14px; line-height:160%; color:#FFFFFF; text-align:left; margin-left:0; margin-right:0;}

	.ftm a{ font-size:20px; display:block; line-height:140%; margin-left:0;}
	.ftr{ width:100px; margin-right:0;}
		
	
}