/* 前端江文哲 */
@charset "UTF-8";
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; 
min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #1f1f1f;font-family: Arial, sans-serif, Microsoft Yahei; 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; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333333;}
textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;max-width: 100%;}
img[src=""]{opacity: 0;}
@font-face {
	font-family: "din";
	src: url("../fonts/BASKERVVILLE-REGULAR-2.woff") format("woff"),
		 url("../fonts/BASKERVVILLE-REGULAR-2.ttf") format("truetype"),
		 /* url("../fonts/DIN-REGULAR-2.eot") format("embedded-opentype"), */
		 url("../fonts/BASKERVVILLE-REGULAR-2.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }
  @font-face {
	font-family: "din2";
	src: url("../fonts/TT0868M__1.woff") format("woff"),
		 url("../fonts/TT0868M_.TTF") format("truetype"),
		 /* url("../fonts/DIN-REGULAR-2.eot") format("embedded-opentype"), */
		 url("../fonts/TT0868M_.svg") format("svg");
	font-weight: normal;
	font-style: normal;
  }
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:#003574;}
body::-webkit-scrollbar-track{ background:#fff;} 
.f_12{ font-size:12px;}
.f_14{font-size: 14px;}
.f_16{ font-size:16px;}
.f_18{ font-size:18px;}
.f_20{ font-size:20px;}
.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_36{ font-size:36px;}
.f_38{ font-size:38px;}
.f_40{font-size: 40px;}
.f_42{font-size: 42px;}
.f_46{font-size: 46px;}
.f_48{font-size: 48px;}
.f_54{font-size: 54px;}
.f_50{font-size: 50px;}
.f_56{font-size: 56px;}
.f_58{font-size: 58px;}
.f_60{font-size: 60px;}
.f_64{font-size: 64px;}
.f_72{font-size: 72px;}
.f_120{font-size: 120px;}
.p_60{padding: 60px 0;}
.p_70{padding: 70px 0;}
.p_80{padding:80px 0}
.p_90{padding: 90px 0;}
.p_160_100{padding: 160px 0 100px;}
.p_75_90{padding: 75px 0 90px;}
.p_100_45{padding: 100px 0 45px ; }
.p_80_100{padding: 80px 0 100px;}
.p_70_100{padding: 70px 0 100px;}
.p_100_80{padding: 100px 0 80px;}
.p_160_80{padding: 160px 0 80px;}
.p_70_120{padding: 70px 0 120px;}
.p_50_130{padding: 50px 0 130px;}
.p_120{padding: 120px 0;}
.p_100{padding: 100px 0;}
.p_b100{padding-bottom: 100px;}
.p_b70{padding-bottom: 70px;}
.p_t100{padding-top:100px ;}
.p_120_100{padding: 120px 0 100px;}
.p_80_60{padding: 80px 0 60px;}
.p_100_160{padding: 100px 0 160px;}
.p_80_60{padding: 80px 0 60px;}
.box {max-width:1400px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.ibox {max-width:1600px;min-width: 1200px;width:83%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}
.wow{opacity: 0;}
.wow1{opacity: 1;}
.fbd{font-weight: bold;}
.fy{font-weight: 100;}
.yd{display: none;}

.in1{width: 100%;}

.in1 .img img{width: 100%;}

.in1 .img video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.in1 .con{position: relative;width: 100%;}

.in1 .con .imgd{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}

.in1 .con .imgd .box{padding-top: 40px;animation: ysban2 1s ;}

.in1 .con .imgd .box img{width: 17.85%;}

.in1 .con .imgd  .txt{color: #fff;line-height: 65px;margin-top: 20px;}

.in1_sp{}

.in1 .swiper-slide-active .imgd .box{animation: ysban 1s ; padding-top: 0;}

.in1 .swiper-pagination-bullet-active{background: #fff;}

.in1 .swiper-pagination-bullet{background: #fff;}

.in2{width: 100%;background: url(../images/in2_b.jpg) no-repeat; background-size: 100% 100%;}

.con_top{color: #003574;margin-bottom: 18px;}

.in2 .in2_con{display: flex;justify-content: space-between;}

.in2 .in2_con .con_le{width: 50%;}

.in2 .in2_con .con_le .txt{line-height: 25px;color: #666666;margin: 30px 0 50px;text-align: justify;}

.in2 .in2_con .con_re{width: 38.5%;padding-top: 30px;position: relative;}

.ljgd{width: 160px;height: 44px;line-height: 44px;background: #f5f5f5;border-radius: 21px;display: flex;justify-content: center;align-items: center;}

.ljgd .img{position: relative;margin-left: 2px;}

.ljgd img:last-child{position: absolute;left: 0;top: 0;opacity: 0;transition: all 0.6s;}

.ljgd:hover{background: #005ed1;color: #fff;}

.ljgd:hover img:last-child{opacity: 1;transition: all 0.6s;}

.in2 .in2_con .con_re .red{position: absolute;right: 0;top: -65px;z-index: 0;}

.in2 .in2_con .con_re img{z-index: 1;position: relative;}

.in2 .ul{display: flex;justify-content: space-between;margin-top: 75px;}

.in2 .ul p{align-items: flex-end;color: #333333;}

.in2 .ul p img{display: inline-block;transform: translateY(-30px);margin: 0 5px;}

.in2 .ul .txt{color: #666;}

.in3{width: 100%;background: #fafafa;position: relative;}

.in3 .in3_con{display: flex;justify-content: space-between;}

.in3 .in3_con .con_le{width: 50%;}

.in3 .in3_con .con_re{width: 43.23%;padding-top: 100px;padding-right: 8.34%;z-index: 1;}

.in3 .imgd{position: absolute;right: 0;top: 0;z-index: 0;}

.in3 .txt{line-height: 25px;margin: 65px 0 15px;}

.in3 .txt2{color: #666;line-height: 25px;transition: all 0.6s;padding-left: 0;}

.in3 .txt{padding-left: 0px;transition: all 0.6s;}


.in3 .txt3{display: flex;flex-wrap: wrap;margin-top: 35px;}

.in3 .txt3 .t1{width: 29.85%;height: 200px;border:1px solid #e0e0e0;padding: 80px 0 0 20px;margin-right: 5.225%;margin-bottom: 35px;}

.in3 .txt3 .t1:nth-child(3n){margin-right: 0;}

.in3 .txt3 .t1 .img{position: relative;}

.in3 .txt3 .t1 .img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.in3 .txt3 .t1 .sps{display: block;margin-top: 15px;color: #666666;line-height: 25px;}

.in3 .txt.act{padding-left: 10px;transition: all 0.6s;}

.in3 .txt2.act{padding-left: 10px;transition: all 0.6s;}

.imgis:hover{transform: scale(1.05);}




.in3 .txt3 .t1:hover .img img:last-child{opacity: 1;}

.in3 .txt3 .t1:hover .sps{color: #003574;}

.in3 .txt3 .t1:hover{background:#e1e6ec;border:1px solid #e1e6ec}

.in4{width: 100%;}

.in4 .in4_top{display: flex;justify-content: space-between;}

.in4 .con{margin-top: 75px;display: flex;}

.in4 .con .tim{display: flex;color: #666666;align-items: center;}

.in4 .con .tim img{margin-right: 5px;}

.in4 .con .txt  {margin-top: 20px ; line-height: 30px;color: #333333;height: 110px;}

.in4 .con a{display: block;}

.in4 .con .c1{width: 22.5%;margin-right: 3.3333%;}

.in4 .con .c1:nth-child(4n){margin-right: 0;}

.in4 .con .c1 .txt2{display: flex;align-items: center;margin-top: 20px;}

.in4 .con .c1 .img{overflow: hidden;}

.in4 .con .c1 .img img{width: 100%;}

/* .in4 .con .c1 .img2{position: relative;} */

/* .in4 .con .c1 .img2 img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}  */

.in4 .con .c1:hover .txt{text-decoration:underline;transition: all 0.6s;}

.in4 .con .c1:hover .txt2{color: #005ed1;}

.in4 .con .c1:hover .img img{transform: scale(1.05);}

.in5{width: 100%;background: url(../images/in5_b.jpg) no-repeat;background-size: 100% 100%;}

.in5 .con{margin-top: 30px;}

.in5  .in5_sw{padding: 8px 8px 45px;}

.in5 .img img{width: 100%;transition: all 0.6s;}

.in5 .img{overflow: hidden;background: #fff;box-shadow: 1px 1px 7px 2px #ededed;}

.in5 .img:hover img{transform: scale(1.05);transition: all 0.6s;}

.in5_sp{bottom: 0 !important;}

.in5_sp .swiper-pagination-bullet{width: 24px;height: 5px;border-radius: 3px;background: rgba(15, 15, 15, 0.1);opacity: 1;}

.in5_sp  .swiper-pagination-bullet-active{background: #1980d3;}


@keyframes ysban {
	0%{padding-top: 40px;}
	100%{padding-top: 0;}
}
@keyframes ysban2 {
	0%{padding-top: 0px;}
	100%{padding-top: 40px;}
}

@media screen and (max-width:1680px) {
    .f_12{ font-size:12px;}
	.f_16{ font-size:14px;}
	.f_18{ font-size:16px;}
	.f_20{ font-size:18px;}
	.f_22{font-size: 20px;}
	.f_24{ font-size:22px;}
	.f_26{ font-size:24px;}
	.f_28{ font-size:24px;}
	.f_30{ font-size:28px;}
	.f_32{ font-size:30px;}
	.f_34{ font-size:30px;}
	.f_36{ font-size:30px;}
	.f_38{ font-size:30px;}
	.f_40{font-size: 32px;}
	.f_42{font-size: 32px;}
	.f_48{font-size: 32px;}
	.f_46{font-size: 32px;}
	.f_50{font-size: 36px;}

	.f_52{font-size: 36px;}
	.f_56{font-size: 36px;}
	.f_58{font-size: 36px;}
	.f_60{font-size: 36px;}
	.f_64{font-size: 38px;}
	.f_72{font-size: 52px;}
	.f_120{font-size: 80px;}
	.p_80{padding: 50px 0;}
	.p_90{padding: 60px 0;}
	.p_120{padding: 80px 0;}
	.p_100{padding: 70px 0;}
	.p_160_100{padding: 120px 0 70px;}
	.p_160_80{padding: 120px 0 50px;}
	.p_100_80{padding: 70px 0 50px;}
	.p_100_45{padding: 70px 0 20px;}
	.p_b100{padding-bottom: 70px;}
	.p_t100{padding-top: 70px;}
	.p_120_100{padding: 80px 0 70px;}
	.p_80_60{padding: 50px 0 30px;}
	.p_100_160{padding: 70px 0 100px;}
	.p_70_100{padding: 50px 0 70px;}
	.p_50_130{padding: 40px 0 90px;}
	.p_75_90{padding: 50px 0 70px;}
	.p_70{padding: 50px 0;}

	.in2 .ul{margin-top: 40px;}

	.in2 .in2_con .con_le .txt{margin: 25px 0 35px;}

	.in3 .in3_con .con_re{padding-top: 50px;}

	.in3 .txt3 .t1{height: 170px;padding: 65px 0 0 15px;}

	.in3 .txt{margin: 30px 0 15px;}

	.in3 .txt3{margin-top: 25px;}
    
}

@media screen and (max-width:1400px) {
	.in3 .txt3 .t1{margin-bottom: 25px;height: 150px;padding: 50px 0 0 15px;}
}

@media screen and (max-width:1080px) {
	.f_12 {font-size: 12px;}
  
    .f_16 {font-size: 14px;}
  
    .f_18 {font-size: 16px;}
  
    .f_20 {font-size: 16px;}
  
    .f_22 {font-size: 16px;}
  
    .f_24 {font-size: 16px;}
  
    .f_26 {font-size: 16px;}
  
    .f_28 {font-size: 18px;}
  
    .f_30 {font-size: 18px;}
  
    .f_32 {font-size: 20px;}
  
    .f_34 {font-size: 20px;}
  
    .f_36 {font-size: 20px;}
  
    .f_38 {font-size: 20px;}
  
    .f_40 {font-size: 22px;}
  
    .f_42 {font-size: 22px;}
  
    .f_44 {font-size: 24px;}

    .f_48 {font-size: 24px;}

    .f_52 {font-size: 28px;}
	.f_54{font-size: 36px;}

	.f_60{font-size: 28px;}

	.p_80{padding: 30px 0;}

	.p_b100{padding-bottom: 30px;}

	.p_50_130{padding: 30px 0;}

	.p_75_90{padding: 30px 0;}

	.p_70{padding: 20px 0;}

	.p_70_100{padding: 30px 0;}

	.p_160_100{padding: 30px 0;}
	
	body{min-width: 200px;}

	.box{min-width: 200px;width: 90%;}

	.ibox{min-width: 200px;width: 90%;}

	.nav{display: none;}

	.nav_y{display: block;}
	
	.pc{display: none ;}

	.yd{display: block ;}
	
	.in1 .img video{display:none;}

	.in1 .con .imgd .box img{width: 40%;}

	.in1 .con .imgd .txt{line-height: 40px;}

	.in2 .in2_con{flex-wrap: wrap;}

	.in2 .in2_con .con_le{width: 100%;}

	.in2 .in2_con .con_le .txt{margin: 15px 0 25px;}

	.in2 .ul{flex-wrap: wrap;}

	.in2 .ul .li{width: 50%;}

	.in2 .in2_con .con_re{width: 100%;padding-right: 15%;padding-top: 50px;}

	.in2 .in2_con .con_re .red{width: 200px;top: 0px;}

	.in3 .in3_con{flex-wrap: wrap;}

	.in3 .in3_con .con_le{width: 100%;z-index: 1;}

	.in3 .in3_con .con_le img{width: 100%;}

	.in3 .in3_con .con_re{width: 90%;margin: 0 auto;padding-top: 30px;padding-right: 0;}

	.in3 .txt{margin: 15px 0 10px;}

	.in3 .txt3 .t1{width: 48%;margin-right: 4%;}

	.in3 .txt3 .t1:nth-child(2n){margin-right: 0;}

	.in3 .txt3 .t1:nth-child(3n){margin-right: auto;}

	.in4 .con{flex-wrap: wrap;margin-top: 25px;}

	.in4 .con .c1{width: 100%;margin-right: 0;margin-bottom: 30px;}

	.in4 .con .txt{height: 80px;}

	.ljgd{width: 140px;}

	.in5 .con{margin-top: 20px;}

	.in5 .in5_sw{padding: 8px 8px 30px;}

	.in2 .ul p img{transform: translateY(-20px);}

	.in3 .imgd{bottom: 0;top: auto;}

	.in2 .in2_con .con_re img.imgis{width: 100%;}
}