*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;outline: none;}
body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family:-apple-system, BlinkMacSystemFont, PingFang SC, Microsoft YaHei, Segoe UI, Hiragino Sans GB, Helvetica Neue, Arial, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size:14px;  line-height:1;background: #fff;}
html.act{overflow: hidden;width: 100%;height: 100vh;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix {*zoom:1;}
a{display: inline-block; text-decoration:none!important; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #1f1f1f;}
textarea,select{ outline:none; color:#666; font-size:14px; width:100%;}
img{border:none;max-width: 100%;}
img[src=""]{opacity: 0;}
i{font-style: normal;}

/* 滚动条样式 */
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.4);}
body::-webkit-scrollbar-track{ background:#000;}
/*去掉 input 默认边框*/
input{padding: 0;border: 0;font-family: 微软雅黑;outline: none;}
input[type="submit"]{background-color: transparent;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select::-ms-expand { display: none; }
.fl {float:left;}
.fr {float:right;}


/* @font-face {
	font-family: "bebas";
	src: url("../font/bebas-webfont.woff") format("woff"),url("../font/bebas-webfont.woff2") format("woff2");
}

@font-face {
	font-family: "din";
	src: url("../font/din-webfont.woff") format("woff"),url("../font/din-webfont.woff2") format("woff2");
}

@font-face {
	font-family: "seg_b";
	src: url("../font/seguibl.ttf");
}
@font-face {
	font-family: "seg";
	src: url("../font/segoeui.ttf");
}

@font-face {
	font-family: "seg_l";
	src: url("../font/segoeuil.ttf");
} */

.f_12 {
    font-size: 12px;
}
.f_13 {
    font-size: 13px;
}
.f_14 {
    font-size: 14px;
}

.f_15 {
    font-size: 15px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}
.f_21 {
    font-size: 21px;
}

.f_22 {
    font-size: 22px;
}

.f_24 {
    font-size: 24px;
}

.f_26 {
    font-size: 26px;
}

.f_28 {
    font-size: 28px;
}

.f_30 {
    font-size: 30px;
}

.f_32 {
    font-size: 32px;
}

.f_34 {
    font-size: 34px;
}
.f_35 {
    font-size: 35px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_44 {
    font-size: 44px;
}
.f_45 {
    font-size: 45px;
}
.f_48 {
    font-size: 48px;
}

.f_50 {
    font-size: 50px;
}

.f_55 {
    font-size: 55px;
}

.f_56 {
    font-size: 56px;
}

.f_58 {
    font-size: 58px;
}

.f_60 {
    font-size: 60px;
}

.f_64 {
    font-size: 64px;
}

.f_70 {
    font-size: 70px;
}

.f_72 {
    font-size: 72px;
}

.f_80 {
    font-size: 80px;
}

.f_85 {
    font-size: 85px;
}

.f_90 {
    font-size: 90px;
}

.f_100 {
    font-size: 100px;
}

.f_106 {
    font-size: 106px;
}

.f_110 {
    font-size: 110px;
}

.f_117 {
    font-size: 117px;
}

.f_120 {
    font-size: 120px;
}

.f_144 {
    font-size: 144px;
}

.f_150 {
    font-size: 150px;
}

.f_168 {
    font-size: 168px;
}

.w1780{width:93%;position: relative;margin: 0 auto;}
.w1440{width:75%;position: relative;margin: 0 auto;}

.header{position: fixed;z-index: 99;top: 0;width: 100%;padding: 30px 0;transition: all 0.5s;background-color: rgba(0,0,0,0.3);}
.header .img2{display: none;}
.header.on,.header:hover{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 24px 0;}
.header.on .img1,.header:hover .img1{display: none;}
.header.on .img2,.header:hover .img2{display: block;}
.header.on1{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.header.on1 .img1{display: none;}
.header.on1 .img2{display: block;}
.header .w1780{display: flex;justify-content: space-between;align-items: center;}
.header .w1780 .h_right{display: flex;align-items: center;}
.header .w1780 .h_right a{color: #fff;}
.header.on .w1780 .h_right a{color: #333;}
.header:hover .w1780 .h_right a{color: #333;}
.header.on1 .w1780 .h_right a{color: #333;}
.header .w1780 .h_right .list{display: flex;}
.header .w1780 .h_right .list li{margin-left: 3.64vw;}
.header .w1780 .h_right .list li:first-child{margin-left: 0;}
.header .w1780 .h_right .solid{width: 1px;height: 17px;background-color: #ffffff;opacity: 0.57;margin: 0 26px;}
.header.on .w1780 .h_right .solid{background-color: #333;}
.header:hover .w1780 .h_right .solid{background-color: #333;}
.header.on1 .w1780 .h_right .solid{background-color: #333;}
.header .w1780 .h_right .search,.header .w1780 .h_right .lag{margin-right: 22px;}

.banner{position: sticky;top:0; overflow: hidden;height: 100vh;}
.banner img{height: 100%;max-width: 99999px;width: 100%;}
.banner .mimg{display: none;}
.banner .pimg{display: block;}
.banner .txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;color: #fff;text-align: center;}
.banner .txt .h{line-height: 1;margin-bottom: 26px;}
.banner .txt .p{line-height: 1.6;margin-bottom: 60px;}
.banner .swiper-pagination{bottom: 2vw;z-index: 10;}
.banner .prev,.banner .next{width: 16px;height: 28px;background: no-repeat center;cursor: pointer;z-index: 10;position: absolute;top: 50%;transform: translateY(-50%);}
.banner .prev{left:3.5vw;background-image: url(../img/prev.png);}
.banner .next{right:3.5vw;background-image: url(../img/next.png);}
.banner .swiper-pagination-bullet{width: 26px;height: 6px;border-radius: 3px;transition: all 0.5s;}
.banner .swiper-pagination-bullet-active{background-color: #fff;}

.index_con{position: relative;z-index: 2;background-color: #ffffff;}
.part1{position: relative;}
.part1 .top{display: flex;justify-content: space-between;padding: 80px 0 70px 0;}
.part1 .top .h{width: 190px;font-weight: bold;color: #333333;line-height: 50px;}
.part1 .top .p{width: calc(100% - 476px);color: #333333;line-height: 26px;}
.part1 .con{position: relative;overflow: hidden;}
.part1 .con .prev,.part1 .con .next{width: 45px;height: 45px;background: no-repeat center;background-size: 100% 100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;cursor: pointer;}
.part1 .con .prev{background-image: url(../img/p1_prev.png);left: 7vw;}
.part1 .con .prev:hover{background-image: url(../img/p1_prev_w.png);}
.part1 .con .next{background-image: url(../img/p1_next.png);right: 7vw;}
.part1 .con .next:hover{background-image: url(../img/p1_next_w.png);}
.part1 .con .swiper-slide{height: 39.62vw;background: no-repeat center;background-size: cover;transform: translateX(17.64vw);}
.part1 .con .swiper-pagination{display: none;}
.part1 .txt{position: absolute;bottom: 190px;left: 50%;transform: translateX(-50%);z-index: 10;background-color: #ffffff;border-radius: 8px;width: 62.5vw;padding:30px 45px;}
.part1 .txt .h{font-weight: bold;color: #333333;line-height: 30px;margin-bottom: 8px;}
.part1 .txt .p{color: #4D4D4D;line-height: 26px;margin-bottom: 30px;}
.part1 .txt .p span{color: #0D55A0;font-size: 20px;}
.part1 .txt .tab{display: flex;}
.part1 .txt .tab li{padding: 0 30px;line-height: 30px;margin-right: 20px;border-radius: 15px;transition: all 0.5s;cursor: pointer;}
.part1 .txt .tab li.on{background-color: #0D55A0;color: #ffffff;}
.part1 .more{display: block;width: 240px;height: 60px;text-align: center;line-height: 60px;border-radius: 30px;background-color: #F1F1F1;color: #333333;margin: 0 auto;margin-top: 66px;margin-bottom: 90px;transition: all 0.5s;}
.part1 .more:hover{color: #ffffff;background-color: #0D55A0;}

.part2{position: relative;height: 100vh;}
.part2 .bpic img{position: absolute;top: 0;left: 0;opacity: 0; height: 100vh;transition: all 0.9s;}
.part2 .bpic img.on{opacity: 1;}
.part2 .con{width: 86.46%;height: 100%;position: absolute;top: 0;right: 0;background: url(../img/p2_bj.png)no-repeat center;background-size: 100% 100%;overflow: hidden;}
.part2 .con .txt{position: absolute;right: 13.33vw;top: 60%;transform: translateY(-50%);width: 30.73vw;opacity: 0;transition: all 0.5s;}
.part2 .con .txt.on{opacity: 1;top: 50%;z-index: 2;}
.part2 .con .txt .h{color: #333333;margin-bottom: 18px;line-height: 1;}
.part2 .con .txt .p{line-height: 1.5;color: #4D4D4D;margin-bottom: 10vw;}
.part2 .con .txt .more{display: block;width: 176px;height: 46px;line-height: 46px;text-align: center;color: #333333;background-color: #F1F1F1;border-radius: 23px;transition: all 0.5s;}
.part2 .con .txt .more:hover{color: #ffffff;background-color: #0D55A0;}
.part2 .con .yuan{position: absolute;}
.part2 .con .yuan img{max-width: 100%;}
.part2 .con .yuan1{top: 44.3vw;right: -7.3vw;width: 36.875vw;}
.part2 .con .yuan3{bottom: -44.5vw;right: 24.27vw;width: 4.27vw;}
.part2 .con .yuan2{bottom: -64.37vw;right: 13.54vw;width: 13.75vw;}
.part2 .con .yuan_box{position: absolute;left: 0;top: 0;height: 100%;}
.part2 .con .yuan_box>div{position: absolute;transition: all 0.5s;border-radius: 50%;overflow: hidden;}
.part2 .con .yuan_box>div.box1{width: 7.6vw;height: 7.6vw; padding: 9px;background-color: #ffffff;top: 6.25vw;bottom: auto; left: 29.68vw;}
.part2 .con .yuan_box>div.box1:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 9px solid #ffffff;z-index: 10;}
.part2 .con .yuan_box>div.box2{width:13.95vw;height: 13.95vw; padding: 16px;background-color: #0D55A0;left: 13.95vw;top: 50%;bottom: 50%; transform: translateY(-50%	);}
.part2 .con .yuan_box>div.box2:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 16px solid #0D55A0;z-index: 10;}
.part2 .con .yuan_box>div.box3{width: 7.6vw;height: 7.6vw; padding: 9px;background-color: #ffffff;bottom: 6.25vw;top: auto; left: 29.68vw;}
.part2 .con .yuan_box>div.box3:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 9px solid #ffffff;z-index: 10;}
.part2 .con .yuan_box>div img{height: 96%;border-radius: 50%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.part3{padding: 100px 0;}
.part3 .w1780{display: flex;flex-wrap: wrap;justify-content: space-between;}
.part3 .w1780 .box{background: no-repeat center;background-size: cover;position: relative;margin-bottom: 22px;overflow: hidden;}
.part3 .w1780 .box .txt{position: absolute;bottom: 56px;padding: 0 2.86vw;color: #ffffff;display: flex;width: 100%; justify-content: space-between;align-items: center;}
.part3 .w1780 .box .txt .h{line-height: 1;margin-bottom: 16px;}
.part3 .w1780 .box .txt .p{line-height: 1;}
.part3 .w1780 .box .txt .btn{opacity: 0;transition: all 0.5s;}
.part3 .w1780 .box:hover .txt .btn{opacity: 1;}
.part3 .w1780 .box1{height: 496px;background-image: url(../img/p3_pic1.png);width: 61.56vw;}
.part3 .w1780 .box2{height: 496px;background-image: url(../img/p3_pic2.png);width: 30.1vw;}
.part3 .w1780 .box3{height: 250px;background-image: url(../img/p3_pic3.png);width:30.1vw;}
.part3 .w1780 .box4{height: 250px;background-image: url(../img/p3_pic4.png);width:30.1vw;}
.part3 .w1780 .box5{height: 250px;background-image: url(../img/p3_pic5.png);width:30.1vw;}

.part4{height: 31.25vw;background: no-repeat top fixed;position: relative;}
.part4 .txt{position: absolute;top: 50%;left: 9.9vw;transform: translateY(-50%);color: #ffffff;font-weight: bold;padding: 22px 68px;line-height: 1.3;}
.part4 .txt:before{content: "";width:20px;height: 36px;position: absolute;top: 0;left: 0;background: url(../img/p4_icon1.png);background-size: 100% 100%;}
.part4 .txt:after{content: "";width:20px;height: 36px;position: absolute;bottom: 0;right: 0;background: url(../img/p4_icon2.png);background-size: 100% 100%;}

.footer{background-color: #0D55A0;position: relative;z-index: 10;}
.footer .f_top{display: flex;justify-content: space-between;padding: 80px 0;}
.footer .f_top .txt{color: #ffffff;margin-top: 76px;}
.footer .f_top .txt .num{line-height: 26px;font-weight: bold;margin-bottom: 10px;}
.footer .f_top .txt .day{margin-bottom: 38px;line-height: 1;}
.footer .f_top .f_right{display: flex;}
.footer .f_top .f_right a{color: #fff;}
.footer .f_top .f_right .f_list{width:94px;margin-left: 3.54vw;}
.footer .f_top .f_right .f_list:first-child{margin-left: 0;}
.footer .f_top .f_right .f_list .li1{padding: 0 0 32px 0;position: relative;margin-bottom: 24px;line-height: 1;}
.footer .f_top .f_right .f_list .li1:after{content: "";width: 100%;height: 1px;background: url(../img/f_solid.png);background-size: 100% 100%;position: absolute;left: 0;bottom: 0;}
.footer .f_top .f_right .f_list li{line-height: 1;margin-bottom: 12px;}
.footer .f_top .f_right .f_list li:last-child{margin-bottom: 0;}
.footer .f_bottom{display: flex;justify-content: space-between;align-items: center;padding: 32px 0;line-height: 1;color: #fff;position: relative;}
.footer .f_bottom:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: rgba(255,255,255,0.25);}
.footer .f_bottom a{color: #ffffff;}
.footer .f_bottom .f_right a:last-child{margin-left: 18px;}

.footer .icon_boxs{margin-top: 36px;}
.social-share .icon-qq{color: transparent;border-color: transparent;background: url(../img/f_qq.png)no-repeat center;}
.social-share .icon-qq:hover{color: transparent;border-color: transparent;background: url(../img/f_qq.png)no-repeat center;}
.social-share .icon-wechat{color: transparent;border-color: transparent;background: url(../img/f_wx.png)no-repeat center;}
.social-share .icon-wechat:hover{color: transparent;border-color: transparent;background: url(../img/f_wx.png)no-repeat center;}
.social-share .icon-weibo{color: transparent;border-color: transparent;background: url(../img/f_wb.png)no-repeat center;}
.social-share .icon-weibo:hover{color: transparent;border-color: transparent;background: url(../img/f_wb.png)no-repeat center;}

@media only screen and (max-width:1480px) {
	.f_12 {
	    font-size: 12px;
	}
	.f_13 {
	    font-size: 13px;
	}
	.f_14 {
	    font-size: 14px;
	}
	
	.f_15 {
	    font-size: 14px;
	}
	
	.f_16 {
	    font-size: 14px;
	}
	
	.f_18 {
	    font-size: 16px;
	}
	
	.f_20 {
	    font-size: 16px;
	}
	.f_21 {
	    font-size: 17px;
	}
	
	.f_22 {
	    font-size: 18px;
	}
	
	.f_24 {
	    font-size: 18px;
	}
	
	.f_26 {
	    font-size: 20px;
	}
	
	.f_28 {
	    font-size: 20px;
	}
	
	.f_30 {
	    font-size: 22px;
	}
	
	.f_32 {
	    font-size: 22px;
	}
	
	.f_34 {
	    font-size: 24px;
	}
	.f_35 {
	    font-size: 24px;
	}
	
	.f_36 {
	    font-size: 26px;
	}
	
	.f_38 {
	    font-size: 26px;
	}
	
	.f_40 {
	    font-size: 28px;
	}
	
	.f_42 {
	    font-size: 30px;
	}
	
	.f_44 {
	    font-size: 32px;
	}
	.f_45 {
	    font-size: 32px;
	}
	.f_48 {
	    font-size: 34px;
	}
	
	.f_50 {
	    font-size: 34px;
	}
	
	.f_55 {
	    font-size: 36px;
	}
	
	.f_56 {
	    font-size: 38px;
	}
	
	.f_58 {
	    font-size: 38px;
	}
	
	.f_60 {
	    font-size: 40px;
	}
	
	.f_64 {
	    font-size: 42px;
	}
	
	.f_70 {
	    font-size: 44px;
	}
	
	.f_72 {
	    font-size: 46px;
	}
	
	.f_80 {
	    font-size: 50px;
	}
	
	.f_85 {
	    font-size: 52px;
	}
	
	.f_90 {
	    font-size: 56px;
	}
	
	.f_100 {
	    font-size: 60px;
	}
	
	.f_106 {
	    font-size: 62px;
	}
	
	.f_110 {
	    font-size: 64px;
	}
	
	.f_120 {
	    font-size: 70px;
	}
	
	.f_144 {
	    font-size: 80px;
	}
	
	.f_150 {
	    font-size: 84px;
	}
	
	.f_168 {
	    font-size: 90px;
	}
	.header .logo img{height: 32px;}
	.header .w1780 .h_right .list li{margin-left: 2.67vw;}
	.part1 .top .p{width: calc(100% - 300px);}
	.part3 .w1780 .box1,.part3 .w1780 .box2{height:372px;}
	.part3 .w1780 .box3{height: 188px;}
	.footer .f_top .f_right .f_list{width: 80px;margin-left: 2vw;}
	.footer .f_top .f_left{width: 220px;}
	
}