/* 前端江文哲 */

.Layout *, .Layout *:before, .Layout *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.ck_tanchuang *,.ck_tanchuang *:before, .ck_tanchuang *: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: #222222;font-family:'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html{overflow-x: inherit}

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: #222222;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

/* body::-webkit-scrollbar{ width:4px;height: 1px;} */

/* body::-webkit-scrollbar-thumb{ background:#3377ff;} */

/* body::-webkit-scrollbar-track{ background:#fff;}  */

@font-face {
    font-family: 'hell';
    src: url("/fonts/HELVETICANEUE-THIN.OTF"),
    url("/fonts/HELVETICANEUE-THIN.svg"),
    url("/fonts/HELVETICANEUE-THIN.woff");
}


.hell{font-family: hell;}

/* 字间距 */

.zijianj1{letter-spacing:1px}


.zijianj2{letter-spacing:2px}

.zijianj3{letter-spacing:3px}

.zijianj4{letter-spacing:4px}

.zijianj5{letter-spacing:5px}

.zijianj6{letter-spacing:6px}

.zijianj10{letter-spacing:10px}

.zijianj15{letter-spacing:15px}



.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_44{font-size: 44px;}

.f_46{font-size: 46px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_52{font-size: 52px;}

.f_54{font-size: 54px;}

.f_60{font-size: 60px;}

.f_68{font-size: 68px;}

.f_80{font-size: 80px;}

.p_80{padding: 80px 0;}


/* 可视范围 */

.ibox {max-width:1860px;min-width: 1200px;width:96.875%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.ibox2 {max-width:1500px;min-width: 1200px;width:78.125%; 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);}

.alltime2,.alltime2 *{-webkit-transition: all .2s cubic-bezier(.4,0,.2,1); -moz-transition: all .2s cubic-bezier(.4,0,.2,1); transition: all .2s cubic-bezier(.4,0,.2,1);}

.alltime3,.alltime3 *{-webkit-transition: all .6s i-bezier(.4,0,.2,1); -moz-transition: all .6s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

.fw{font-weight: 100;}

.pc{display: block;}

.yd{display: none;}


.index1{background: #f7fafc;}

.index1 .con1{text-align: center;margin-bottom: 50px;}

.index1 .con2{}

.index1 .con2 .ss{background: #fff;border-radius: 10px;overflow: hidden;position: relative;height: 100%;}

.index1 .con2 .ss::before{width: 100%;bottom: 0;left: 0;height: 6px;background: #dfe3eb;content: "";position: absolute;}

.index1 .con2 .ss::after{width: 0%;bottom: 0;left: 50%;transform: translateX(-50%); height: 6px;background: #3377ff;content: "";position: absolute;transition: all 0.6s;}

.index1 .con2 .ss:hover::after{width: 100%;}

.index1 .con2 .ss .s2{padding: 0 40px 50px 40px;}

.index1 .con2 .ss .s2 .t1{text-align: center;margin-bottom: 23px;}

.index1 .con2 .ss .s2 .t2{line-height: 1.5;text-align: justify;color: #333333;}

.index1 .con2 .swiper-slide{height: auto;}

.index1 .con2 .ss:hover .t1{color: #3377ff;}


.index2{height: 400px;background: url(/images/xc/in2_1.jpg) center no-repeat fixed;background-size: cover;}

.index2 .in2_con{display: flex;justify-content: space-between;align-items: center;height: 100%;}

.index2 .in2_con .con_re{width: 48.66%;color: #fff;text-align: justify;}

.index2 .in2_con .con_re .re1{line-height: 1.25;}

.index2 .in2_con .con_re .re2{margin: 32px 0;background-image: linear-gradient(to right, rgba(255,255,255,0.2), rgba(255,255,255,0));height: 2px;width: 60%;}

.index2 .in2_con .con_re .re3{line-height: 1.5; }

.index2 .in2_con .con_re .re3 span{border-bottom:1px solid #f18300;color:#f18300 }

.index3{background: #f7fafc;}

.index3 .con1{text-align: center;margin-bottom: 50px;}

.index3 .con2{}

.index3 .con2 .swiper-slide {height: auto;}

.index3 .con2 .ss{background: #fff;padding: 35px 45px 45px 45px;height: 100%;border-radius: 10px;}

.index3 .con2 .ss .s1{transform: translateX(-5px);width: 70px;}

.index3 .con2 .ss .s2{line-height: 1.3;}

.index3 .con2 .ss .s4{line-height: 1.5;}

.index3 .con2 .ss .s3{width: 40px;height: 2px;background: #e1e2e5;margin: 26px 0;}

.index3 .con2 .ss:hover .s2{color: #3377ff;} 

.index3 .con2 .ss:hover .s1{transform: translate(-5px,-5px);}

.index4{}

.index4 .con1{text-align: center;margin-bottom: 50px;}

.index4 .con2{}

.index4 .con2 .swiper-slide{height: auto;}

.index4 .con2 .ss{height: 100%;color: #fff;padding: 38px 48px 70px ;border-radius: 12px;}

.index4 .con2 .swiper-slide:first-child .ss{background: url(/images/xc/in4_1.jpg) center no-repeat;background-size: 101% 101%;}

.index4 .con2 .swiper-slide:last-child .ss{background:#3246b6 ;}

.index4 .con2 .ss .s1{color: rgba(255,255,255,0.6);}

.index4 .con2 .ss .s2{margin: 10px 0 70px;line-height: 1.4;}

.index4 .con2 .ss .s2 span{padding: 2px 7px 1px;font-family: Arial;background: #fff;color: #3377ff;border-radius: 3px;transform: translateY(-2px);display: inline-block;}

.index4 .con2 .ss .s3{line-height: 1.5;}

.index4 .con3 {margin-top: 5px;}

.index4 .con3 .swiper-slide{height: auto;}

.index4 .con3 .ss{padding: 40px 45px 45px;border: 1px solid #f0f2f5;border-radius: 10px;text-align: justify;height: 100%;}

.index4 .con3 .ss .s1{color: #666666;}

.index4 .con3 .ss .s2{margin: 15px 0 55px;line-height: 1.3;}

.index4 .con3 .ss .s3{line-height: 1.5;color: #333333;}

.index5{background: #f7fafc;}

.index5 .con1{text-align: center;margin-bottom: 50px;}

.index5 .con2{}

.index5 .con2 .swiper-slide{height: auto;position: relative;}

.index5 .con2 .ss .b{position: absolute;width: 100%;height: 100%;background: url(/images/xc/in5_1.jpg) center no-repeat;background-size: cover;left: 0;top: 0;opacity: 0;}

.index5 .con2 .ss{background: #fff;padding: 45px;text-align: justify;border-radius: 12px;height: 100%;height: 240px;position: relative;z-index: 2;overflow: hidden;}

.index5 .con2 .ss .s1{display: flex;margin-bottom: 10px;position: relative;z-index: 2;transform: translateX(-3px);}

.index5 .con2 .ss .s1 img{width: 45px;margin-right: 12px;}

.index5 .con2 .ss .s2{line-height: 1.5;position: relative;z-index: 2;}

.index5 .con2 .ss:hover .b{opacity: 1;}

.index5 .con2 .ss:hover  .s1 span{color: #fff;}

.index5 .con2 .ss:hover  .s2{color: #fff;}

.index6{}

.index6 .con1{text-align: center;margin-bottom: 50px;}

.index6 .con2{text-align: justify;}

.index6 .con2 .swiper-slide{height: auto;}

.index6 .con2 .ss{border: 1px solid #f0f2f5;border-radius: 12px;overflow: hidden;height: 100%;}

.index6 .con2 .ss .s1{overflow: hidden;}

.index6 .con2 .ss .s2{padding: 25px 33px 45px;line-height: 1.5;}

.index6 .con2 .ss:hover .s1 img{transform: scale(1.05);}

.index7{height: 760px;background: url(/images/xc/in7_1.jpg) center no-repeat;background-size: cover;color: #fff;}

.index7 .con1{text-align: center;margin-bottom: 50px;}

.index7 .con2{background: rgba(0, 0, 0, 0.1);border-radius: 10px;overflow: hidden;}

.index7 .con2 .ss{display: flex;align-items: center;justify-content: center;height: 60px;border-radius: 10px;position: relative;cursor: pointer;}

.index7 .con2 .ss::after{content: "";width: 1px;height: 28px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: rgba(255,255,255,0.2);}

.index7 .con2 .ss s{width: 30px;height: 1px;background: rgba(255,255,255,0.6);display: inline-block;margin: 0 15px;opacity: 0;}

.index7 .con2 .swiper-slide.act .ss{background: #3377ff;} 

.index7 .con2 .swiper-slide.act .ss s{opacity: 1;}

.index7 .con2 .swiper-slide.act .ss::after{opacity: 0;}


.index7 .con2 .swiper-slide .ss:hover{background: #3377ff;}

.index7 .con2 .swiper-slide .ss:hover::after{opacity: 0;}

.index7 .con3{margin-top: 70px;}

.index7 .con3 .l1{display: flex;align-items: center;}

.index7 .con3 .l1 img{width: 50px;height: 50px; border: 1px solid rgba(255,255,255,0.2);border-radius: 100%;margin-right: 20px;}

.index7 .con3 .l2{width: 40px;height: 2px;background: rgba(255,255,255,0.4);margin: 30px 0 35px;}

.index7 .con3 .l3{line-height: 1.5;}

.index7 .con3 .li{display: none;width:60%;}

.index7 .con3 .li.act{display: block;}

.index8{}

.index8 .con1{text-align: center;margin-bottom: 50px;}

.index8 .con2{position: relative;}

.index8 .con2 .ss{display: flex;border-radius: 10px;overflow: hidden;}

.index8 .con2 .ss .sl{width: 50%;overflow: hidden;}

.index8 .con2 .ss .sl img{width: 100%;}

.index8 .con2 .ss .sr{width: calc(50% - 2px);padding: 50px 60px 20px ;text-align: justify;border: 1px solid #f0f2f5;border-radius: 0 10px 10px 0;}

.index8 .con2 .ss .sr .t1{}

.index8 .con2 .ss .sr .t2{width: 40px;height: 2px;background: #d7d8db;margin: 30px 0;}


.index8 .con2 .ss .sr .t3{line-height: 1.5;}

.index8 .con2 .ss .sr .t3 p{margin-bottom: 20px;}

.index8 .con2 .ss .sr .t3 p:last-child{margin-bottom: 0;}

.index8 .con2 .ss .sr .t4{width:50px;height:50px;margin-top:30px;transition:all 0.6s}

.index8 .con2 .ss .sr .t4:hover{transform:translateX(10px);}

.in8_prev,.in8_next{width: 60px;height: 60px;border-radius: 100%;background: url(/images/xc/in8_2.png) center no-repeat;background-size: 100% 100%;border: 1px solid #d1d1d4;margin-top: -30px;display:none;}

.in8_prev{left: -100px;}

.in8_next{right: -100px;transform: rotate(180deg);}

.in8_prev:hover,.in8_next:hover{background: #3377ff url(/images/xc/in8_3.png) center no-repeat;background-size: 100%;border: 1px solid #3377ff;}

.index9{background: #f7fafc;}

.index9 .con1{text-align: center;margin-bottom: 50px;}

.index9 .con2{}

.index9 .con2 .ss{text-align: center;}

.index9 .con2 .ss .i{width: 55px;margin: 0 auto;}

.index9 .con2 .ss .img .t{margin: 0px 0 20px;}

.index9 .con2 .ss .li{background: #fff;margin-bottom: 12px;border-radius: 3px;overflow: hidden;}

.index9 .con2 .ss .li:last-child{margin-bottom: 0;}

.index9 .con2 .ss .li:hover img{transform: scale(1.05);}

.in_spag{bottom: 0 !important;}

.in_spag span{background: #3377ff;}


.banner{height: 60vh;}

.banner .ban_con{position: relative;height: 100%;}

.banner .ban_con .img{height: 100%;}

.banner .ban_con .img img{width: 100%;height: 100%;}

.banner .ban_con .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

.banner .ban_con .txt .dh{position: absolute;width: 100%;height: 100%;overflow: hidden;}

.banner .ban_con .txt .dh canvas{width: 100% !important;height: 100% !important;}

.banner .ban_con  .ts{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;text-align: center;display: flex;align-items: center;transform: translateY(30px);}

.banner .ban_con  .ts .t1{display: flex;align-items: center;justify-content: center;}

.banner .ban_con  .ts .t1 img{margin: 0 20px;}

.banner .ban_con  .ts .t2{margin: 20px 0 45px;}

.banner .ban_con .ts .t1 img{width: 35px;}



















@media screen and (max-width:1800px) {
    .index7 .con2 .ss s{width: 20px;margin: 0 10px;}

    .index8 .con2 .ss .sr{padding: 40px  40px 0px;}
	
	.index8 .con2 .ss .sr .t2{margin:20px 0;}
	
	.index8 .con2 .ss .sr .t3 p{margin-bottom:10px;}
	
}


@media screen and (max-width:1680px) {
    .f_12{ font-size:12px; }

    .f_14{font-size: 14px;}

    .f_16{ font-size:16px; }

    .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:26px; }

    .f_30{ font-size:26px; }

    .f_32{ font-size:28px;}

    .f_34{ font-size:30px; }

    .f_36{ font-size:32px; }

    .f_38{ font-size:32px; }

    .f_40{font-size: 36px;}

    .f_42{font-size: 36px;}

    .f_44{font-size: 38px;}

    .f_46{font-size: 38px;}

    .f_48{font-size: 40px;}

    .f_50{font-size: 44px;}

    .f_52{font-size: 44px;}

    .f_54{font-size: 44px;}

    .f_60{font-size: 50px;}

    .f_68{font-size: 54px;}

    .f_80{font-size: 60px;}

    .p_80{padding: 80px 0;}

    
    .index5 .con2 .ss{height: 260px;}


    .index6 .con2 .ss .s2{padding: 20px 20px 30px;}

    .index8 .con2 .ss .sr{padding: 30px 30px 0px;}

    .index8 .con2 .ss .sr .t2{margin: 15px 0;}

    .banner .ban_con .ts .t1 img{width: 30px;}

    /* .banner .ban_con .ts{padding-top: 250px;} */

}


@media screen and (max-width:1500px) {
    
}

@media screen and (max-width:1400px) {
    .in8_prev, .in8_next{width: 50px;height: 50px;}

    .in8_next{right: -60px;}

    .in8_prev{left: -60px;}

    .index8 .con2 .ss .sr .t3 p{margin-bottom: 10px;}
}


@media screen and (max-width:1300px) {

    
    
}





@media screen and (max-width:1025px) {

    html,body{overflow-x: hidden;}

    .head{display: none;}

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

    body{min-width: 200px;}

    .yd{display: block;}

    .pc{display: none;}

    .f_12{ font-size:12px; }

    .f_14{font-size: 14px;}

    .f_16{ font-size:14px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:16px; }  

    .f_22{font-size: 18px;}

    .f_24{ font-size:18px; }

    .f_26{ font-size:18px; }

    .f_28{ font-size:20px; }

    .f_30{ font-size:20px; }

    .f_32{ font-size:20px;}

    .f_34{ font-size:22px; }

    .f_36{ font-size:22px; }

    .f_38{ font-size:22px; }

    .f_40{font-size: 22px;}

    .f_42{font-size: 22px;}

    .f_44{font-size: 24px;}

    .f_46{font-size: 24px;}

    .f_48{font-size: 26px;}

    .f_50{font-size: 28px;}

    .f_52{font-size: 28px;}

    .f_54{font-size: 28px;}

    .f_60{font-size: 28px;}

    .f_68{font-size: 28px;}

    .f_80{font-size: 36px;}

    .p_80{padding: 40px 0;}

    .p_100_80{padding: 40px 0;}

    .p_80_100{padding: 40px 0 ;}

    .p_100{padding: 40px 0;}

    .p_120{padding: 40px 0;}

    .p_100_120{padding: 40px 0;}

    .p_120_100{padding: 40px 0;}

    .p_80_120{padding: 40px 0 ;}

    .p_100_130{padding: 40px 0 ;}

    .p_t120{padding-top: 40px;}

    .p_120_140{padding: 40px 0 ;}

    .wow{opacity: 1;}

    .index1_sw ,.index3_sw {padding-bottom: 30px;}

    .index1 .con1{margin-bottom: 20px;}

    .index1 .con2 .ss .s2{padding: 0 25px 30px;}

    .index2 .in2_con .con_re{width: 100%;}

    .index3 .con2 .ss{padding: 30px 25px;}

    .index3 .con2 .ss .s1{width: 60px;}

    .index3 .con1{margin-bottom: 20px;}

    .index1 .con2 .ss .s1 img{margin: 0 auto;}

    .index4 .con1{margin-bottom: 20px;}

    .index4 .con2 .ss{padding: 30px 30px 40px;}

    .index4 .con2 .ss .s2{margin: 10px 0 40px;}

    .index4 .con3 .ss{padding: 30px 20px 40px;}

    .index4 .con3 .ss .s2{margin: 15px 0 30px;}

    .index5 .con2 .ss{padding: 30px;height: 320px;}

    .index5 .con1{margin-bottom: 20px;}

    .index5 .con2 .ss .s1 img{width: 35px;}

    .index6 .con1{margin-bottom: 20px;}

    .index6_sw{padding-bottom: 30px;}

    .index6 .con2 .ss .s1 img{width: 100%;}

    .index7{height: 600px;}

    .index7 .con1{margin-bottom: 20px;}

    .index8 .con1{margin-bottom: 20px;}

    .index8 .con2 .ss{flex-wrap: wrap;}


    .index8 .con2 .ss .sl{width: 100%;}

    .index8 .con2 .ss .sr{width: 100%;padding: 30px 25px;}

    .in8_prev, .in8_next{display: none;}

    .index8_sw {padding-bottom: 30px;}

    .index9_sw{padding-bottom: 30px;}

    .index9 .con1{margin-bottom: 20px;}

    .banner .ban_con .ts {line-height: 1.5;}

    .banner .ban_con .ts .t1 img{width: 17px;margin: 0 10px;}

    .banner .ban_con .ts .t2{margin: 10px 0 20px;}

    .zijianj10{letter-spacing:5px;}

    .zijianj15{letter-spacing:5px;}
	
	.index7 .con3 .li{width:100%;}

}


@media screen and (max-width:800px) {
   .index4_sw1 {padding-bottom: 30px;}

   .index4 .con3{margin-top: 30px;}
    
   .index4_sw2 {padding-bottom: 30px;}

   .index5 .con2  .swiper-slide{height: auto;}

   .index5 .con2 .ss{height: 100%;}
   
   .index5_sw{padding-bottom: 30px;}

   .index7 .con2 .ss s{width: 15px;}

   /* .banner .ban_con .ts{padding-top: 100px;} */
   
}