body{overflow-x: hidden;}
.banner{width:100%;background: #cb042d url(../images/banner_notext.jpg) no-repeat top center ; background-size: cover;}
.banner_con{max-width:1300px;height:600px;margin:0 auto;display:flex;justify-content: center;align-items:center;position: relative;}
.banner_con .logo{padding:40px 0 0 15px;position: absolute;left:0;top:0;z-index: 9;}
/* .banner_con h1 {pointer-events: none;user-select: none;position:fixed;bottom: 0;right: 0;height: 0;opacity: 0;z-index: -999;} */
.banner_con h1{position:relative;margin-top: 25px;}

.w1300{	width:1300px;}
.zhengce{background-color:#fff;padding:50px 0;}
.zhengce h3{padding: 10px 0;margin-bottom: 5px;font-size: 2.2rem;font-weight: bold;text-align: center;display: flex;justify-content: center;align-items: center; color: var(--color);}
.zhengce h3::before,.zhengce h3::after{content: '';width:10%;height: 2px;margin:0 25px; background-color: var(--color);opacity: 0.5;}
.zhengce h3 strong{display: flex;align-items: center;}
.zhengce h3 strong::before,.zhengce h3 strong::after{content: '';width:5px;height:5px;background-color: var(--color);}
.zhengce h3 strong::before{margin-right: 25px;}
.zhengce h3 strong::after{margin-left: 25px;}

.zhengce ul{padding:20px 0;display: flex;justify-content: space-between;}
.zhengce li{box-sizing: border-box; width:23%;background:var(--text-bg); border-radius: 0 0 30px 0;color:#000;font-size:1.2rem;line-height: 1.5; text-indent: 0;text-align: center;}
.zhengce li:hover {background:#fff;box-shadow: 0 8px 5px rgba(187, 8, 8, 0.2);}
.zhengce li a{display: flex; padding:30px 20px;flex-direction: column;align-items: center;justify-content: flex-start;font-size: 1.2rem;color: #333;height: 100%;box-sizing: border-box;}
.zhengce li a:hover{color: var(--color);}
.zhengce li a i{box-sizing:border-box;padding:10px;width: 72px;height: 72px;margin-bottom: 8px;background-color: var(--g-bgcolor);;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.zhengce li a:hover i img{transform: rotateY(360deg); transition: all .5s linear;}
.zhengce li a i img{width:90%}

.main{padding:30px 0 70px; background-color: var(--se-bgcolor);}
.bg_jh{background: var(--se-bgcolor) url(../images/bg_jiehun.jpg) no-repeat center top;}
.bg_lh{background: var(--se-bgcolor) url(../images/bg_lihun.jpg) no-repeat center top;}
@keyframes bg_am {
	0%{
		background-position:center -30px;
	}
	100%{
		background-position:center top;
	}
}
.bg_am {
	animation: bg_am 0.3s linear forwards;
}

.main .tab_title{ text-align: center;margin:40px 0 60px 0;display: flex;justify-content: center;}
.main .tab_title h2{position: relative;display: flex;align-items: center; font-size: 2.5rem;margin: 0 1em;padding-bottom:20px;color: #fff;cursor: pointer;}
.main .tab_title img{display:block;width: 48px;}
.main .tab_title h2 strong{margin-left: 10px;font-weight: normal;}
.main .tab_title h2.cur strong{font-weight: bold;}
.main .tab_title h2::before{content: "";display: block;width:6px;height: 6px;border-radius: 100%;background-color: #fff;position: absolute;left:37%;bottom:0;transition: all ease-in 0.3s;opacity: 0;}
.main .tab_title h2::after{content: "";display: block;height: 3px;border-radius: 3px;background-color: #fff;position: absolute;left:42%;right:35%;bottom:2px;transition: all ease-in 0.3s;opacity: 0;}
.main .tab_title h2.cur::before{left:7%;opacity: 1;}
.main .tab_title h2.cur::after{left:12%;right:5%;opacity: 1;}

.main .section{background-color: #fff;padding: 30px;line-height: 2;}
.main .section dl{margin-bottom: 15px;}
.main .section dt{margin-bottom:0.5em;font-size: 1.75rem;font-weight: bold;color:var(--color);text-indent: 1em;}
.main .section dd{padding: 1.5em;background-color: var(--text-bg);border-radius: 15px;/* box-shadow: 0 5px 0 rgba(0,0,0,0.1); */}
.main .section .inner_seciton{margin-bottom: 0.5em;}
.main .section .pd_l_3em{padding-left: 3em;}
.main .section .inner_seciton strong {color:transparent;background-image:linear-gradient(106deg,#fcdf89 0,#fd1004 44%,var(--color) 100%);-webkit-background-clip:text;background-clip:text;}

.step-bar {position: relative;margin: 30px auto;width:60%;display: flex;justify-content: space-between;align-items: center;}
.step-bar::after{content: "";display: block;height: 3px;border-radius: 100%;background-color: var(--g-bgcolor);position: absolute;left:0%;right:0%;bottom:50%;z-index: 1;}
.step {position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;width:120px;height: 120px;background-color: var(--g-bgcolor);border-radius: 100%;color: #fff;z-index: 2;}
.step .icon {display: block;}
.step .title {display: block;font-size: 1.5rem;font-weight: bold;text-align: center;line-height: 1.2;}
.step-bar .arrow{position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border: 2px solid var(--g-bgcolor);background-color: #fff;border-radius: 100%;z-index: 2;}
.step-bar .arrow img{width: 70%;}

.step-bar-lihun{width:75%}
.step-bar-lihun .step{cursor: pointer;}
@keyframes myBreath {
	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(1.1);
	}
	100%{
		transform: scale(1);
	}
}

.step-bar .cur{box-sizing: border-box; background-color: #fff;border: 2px solid var(--g-bgcolor);box-shadow: 0 0 5px;}
.step-bar .cur span {
	animation: myBreath 1s linear infinite;
	color: var(--color);	
}
.step-info{background-color: #fff;padding: 30px;border-radius: 15px;}
.step-info h4{margin-bottom:0.5em;position: relative;font-size: 1.5rem;color: var(--color);padding-left: 0.6em;}
.step-info h4::after{content:'';display: block;position: absolute;left:0;top:50%;transform: translateY(-50%);width:4px;height: 0.8em;background-color: var(--color);border-radius: 3px;}
.step-info .info p{margin-bottom: 0.5em;}

.section3{padding:20px 0 0;position: relative;}
.contact_box{padding:50px;line-height: 1.6;display: flex; flex-wrap: wrap; position: relative;z-index: 10;}
.contact_box .bangong{box-sizing: border-box;padding:30px; width: 42%;margin-right: 5%;background-image: linear-gradient(180deg,rgba(150,150,150,0.1),rgba(226,69,96,0));border-radius:30px 100px 0 0;flex-shrink: 0;text-align: center;}
.contact_box .bangong.active{background-image: linear-gradient(180deg,rgba(255, 71, 71, 0.2),rgba(255, 71, 71, 0));}
.contact_box .bangong .ctimg{width:80%;margin: 0 auto;}
.contact_box .bangong .ctimg img{width:100%}

.contact_box .contact{width:52%}
.contact_box  dl{display: flex;padding-left:1em;padding-bottom:0.8em;margin-bottom:0.8em;border-bottom: 1px dotted #999;}
.contact_box  dl:last-child{border-bottom: none;}
.contact_box  dt{margin-right:10px;display: flex;white-space: nowrap;align-items: center;font-weight: bold;}
.contact_box  dt i{font-size: 2rem;margin-right: 15px;color:var(--g-bgcolor)}
.contact_box  dd a{color: var(--color);text-decoration: underline;}
.contact_box  .yy_summary{margin-bottom:1.6em;display: flex;margin-top:15px; background-color: var(--text-bg); padding: 0.8em 1em; border-radius: 10px; color: var(--color);}
.contact_box  .yy_summary i{font-size: 2rem;margin-right: 10px;}

.section4{padding:50px 0 70px; background-color: var(--se-bgcolor);color: #fff;}
.zhize h3{padding: 10px 0;margin-bottom: 5px;font-size: 2.2rem;font-weight: bold;text-align: center;display: flex;justify-content: center;align-items: center; color: #fff;}
.zhize h3::before,.section4 h3::after{content: '';width:10%;height: 2px;margin:0 25px; background-color: #fff;opacity: 0.5;}
.zhize h3 strong{display: flex;align-items: center;}
.zhize h3 strong::before,.zhize h3 strong::after{content: '';width:5px;height:5px;background-color: #fff;}
.zhize h3 strong::before{margin-right: 25px;}
.zhize h3 strong::after{margin-left: 25px;}
.zhize .list{margin-top:25px;display: flex;flex-wrap: wrap;padding: 30px;background-color: rgba(255,255,255,0.1);border-radius: 15px;}
.zhize .list li{width:50%;margin-bottom: 25px;}
.zhize .list li:last-child{margin-bottom: 0;}

#top {position: fixed;right:10px;bottom: 100px;width:62px;height: 62px;background: url("../images/top.png") no-repeat center center;cursor: pointer;display: none;}
#top:hover {animation: myBreath 0.9s linear infinite;}


@media (min-width:1400px){
	.banner_con{max-width:1320px;}
	.w1200,.w1300{width:1300px;}
}
@media (min-width:1680px){
	.banner_con{max-width:1480px;}
	.w1200,.w1300{	width:1480px;}
}
@media (min-width:1980px){
	.banner_con{max-width:1680px;}
	.w1200,.w1300{	width:1680px;}
}
@media (min-width:1800px){
	.banner{background-size:cover;}
}
@media (min-width:1980px){
	.banner{background-size:contain;}
}
@media (max-width: 1080px) {
	body, html{font-size: 16px;}
	.banner{height: 50vw; background-size: cover;}
	.banner_con{width:100%;height: 100%;}
	.banner_con .logo{padding:30px 0 0 15px;}
	.banner_con h1{width:100%;text-align: center;}
	.banner_con h1 img{width:60%}
	.w1300{width:100%}
	.zhengce{padding: 30px 0;}
	.zhengce h3{font-size: 2rem;}
	.zhengce ul{margin: 0 3%;}
	.main .tab_title h2{font-size: 2.2rem;}
	.jiehun .step-bar,.lihun .step-bar{width: 100%;}
	.contact_box .bangong{display: none;}
	.contact_box .contact{width:100%}
	.bg_jh,.bg_lh{background-size: contain;}
	.main .section{margin: 0 3%;}
	.step-bar .step{width: 100px;height: 100px}
	.step-bar .arrow{width: 30px;height: 30px}
	.step .title{font-size: 1.3rem;}
	.zhize .list li{width:100%}
}
@media (max-width:640px){
	.banner{height: 60vw;}
	.banner_con .logo{padding:20px 0 0 15px;}
	.banner_con .logo img {width: 80%;}
	.banner_con h1 img{width:70%}
	.zhengce h3,.zhize h3{font-size: 1.5rem;}
	.zhengce ul{flex-wrap: wrap;}
	.zhengce li{width:100%;margin-bottom: 15px;text-align: left;}
	.zhengce li:last-child{margin-bottom:0}
	.zhengce li a{flex-direction: row;padding:15px 20px;font-size: 1.2rem;}
	.zhengce li a i{width:50px;height: 50px;padding:5px;margin-bottom: 0;margin-right: 10px;}
	.zhengce li br{display: none;}
	.main .tab_title{margin: 0 0 20px;}
	.main .tab_title h2{font-size: 1.5rem;margin: 0 0.3em;}
	.main .tab_title img{width: 32px;}
	.main .section dt{font-size: 1.2em;}
	.main .section{padding: 15px;}
	.main .section .pd_l_3em{padding-left: 0;text-indent: 2em;}
	.step-bar{flex-direction: column;margin: 0 auto;}
	.lihun .step-bar{margin-bottom: 25px;}
	.step-bar .arrow{margin: 1rem 0;transform: rotate(90deg);}
	.step-bar::after{top:0;bottom:0;left:50%;right: initial;width:3px;height: 100%;transform: translateX(-50%);}
	.step-info{padding:15px;}
	.contact_box{padding: 15px;}
	.contact_box dl{flex-direction: column;}
	.contact_box dt{margin-bottom: 0.5em;}
	.contact_box dt i{font-size: 1.5rem;}
	.section4{padding:25px 0}
	.zhize .list{margin:5%}
}

/*------ older mode -----*/
@media (min-width:1280px){
.web_older *{font-size: 28px;}

.web_older .foot .w1200{width:100%}
.web_older .zf01{left:2%}
.web_older .zf02{right:2%}
}
@media (max-width:1080px){
.web_older *{font-size: 20px;}
}
@media (max-width:640px){
.web_older *{font-size: 18px;}
}

.web_older .zhengce h3 strong,.web_older .zhize h3 strong{font-size: 1.5rem;}
.web_older .zhengce li br{display: none;}
.web_older .main .tab_title h2 strong{font-size: 1.75rem;}
.web_older .main .section dt{font-size: 1.3rem;}
.web_older .step span{font-size: 1rem;}
.web_older .step-info h4::after{width:0.15em}
.web_older .contact_box .bangong{display: none;}
.web_older .contact_box .contact{width:100%}
.web_older .zhize .list li{width:100%}

@media (max-width:640px){
	.web_older .main .tab_title h2 strong{font-size: 1.5rem;}
}


/*--------- foot global--------*/

.foot .w1200{margin:0 auto}
.foot_nav{text-align:center}
.footer{
  margin:0 auto;  
  text-align: center;padding:25px 0 30px;
  font-size: 16px;
}
.footer p{line-height: 2;}
.por {
  position: relative;
}

.foot{
  height:auto;
  background-color:#ffffff;
}
.foot_nav{
  padding-bottom:20px;
}
.zf01,
.zf02{
  position:absolute; margin-top: 80px;top:0;
}
.zf01{
  left:10%;
}
.zf02{
  right:7%
}
@media (max-width: 1080px) {
	.w1200{width:100%}
  .footer p{
    padding:0 2%;
  }
  .footer{
    padding:1em 0;

  }
  .zf01, .zf02{position:relative;margin:0;top:auto}
  .zf01{left:auto}
  .zf02{right:auto}	
}