﻿/* 前端江文哲 */
@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: #1f1f1f;}
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:#0069d1;}
body::-webkit-scrollbar-track{ background:#fff;} 
.f_12{ font-size:14px;}
.f_14{font-size: 16px;}
.f_16{ font-size:18px;}
.f_18{ font-size:18px;}
.f_20{ font-size:22px;}
.f_22{font-size: 24px;}
.f_24{ font-size:30px;}
.f_26{ font-size:28px;}
.f_28{ font-size:30px;}
.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_56{font-size: 56px;}
.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_80{padding:80px 0}
.p_90{padding: 90px 0;}
.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_120{padding: 120px 0;}
.p_100{padding: 100px 0;}
.box {min-width: 1200px;width:95.83333%; 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;}
.in11{width: 100%;margin: 100px 0;}
.in11 .in1_con .cons{margin-left: 12.5%;}
.in11 .in1_con .p1{color: #009dad;margin-bottom: 35px;font-weight: bold;}
.in11 .in1_con  .in_nf {position: relative;}
.in11 .in1_con  .in_nf .inn{display: flex;justify-content: space-between;position: relative;width: 98.57%;}
.in11 .in1_con  .in_nf .inn .d1{width: 25%;position: relative;color: #999999;cursor: pointer;}
.in11 .in1_con  .in_nf .inn::after{content: "";width: 100%;height: 2px;background: #888888;left: 0;position: absolute;top: 50%;transform: translateY(-1px);z-index: -2;}
.in11 .in1_con  .in_nf .p_s{content: "";width:100%;height: 2px;left: 0;position: absolute;top: 50%;transform: translateY(-1px);z-index: 2;transition: all 0.6s;}
.in11 .in1_con  .in_nf .p_s s{display: block; width:12.5%;height: 2px;background: #009dad;left: 0;position: absolute;top: 50%;transform: translateY(-1px);z-index: 2;transition: all 0.6s;}
.in11 .in1_con  .in_nf .inn .d1 .t1{text-align: center;line-height: 100px;font-size: 24px;}
.in11 .in1_con .in_nf .inn .d1.act1{color: #009dad;}
.in11 .in1_con  .in_nf .inn .d1 .b1{text-align: center;line-height: 100px;font-size: 24px;}
.in11 .in1_con  .in_nf .inn .d1  s{width: 10px;height: 10px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #888888;border-radius: 50px;z-index: 3;}

.in11 .in1_con  .in_nf .inn .d1.act s{background: #009dad;}

.in11 .in1_con  .in_nf .inn .d1.act1 s::after{width: 20px;height: 20px;border:1px solid #009dad;border-radius: 50px;position: absolute;left: -5px;top: -5px;content: "";}


.in11 .in1_con   .in_txt{position: relative;margin-top: 20px;display: none;}
.in11 .in1_con   .in_txt .txt_le{width: 70%;box-shadow: 5px 0 20px 20px #f8f8f8;position: relative;}
.in11 .in1_con   .in_txt .txt_le img{width: 100%;}

.in11 .in1_con   .in_txt .txt_re{width: 600px;position: absolute;left: 1100px; top: 50%;transform: translateY(-50%);box-shadow: 0 0 5px 1px #eeeeee;z-index: 2;}
.in11 .in1_con   .in_txt .txt_le .le_d{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 60px;}
.in11 .in1_con   .in_txt .txt_le  .dtxt{width: 55%;max-height: 300px;overflow-y: auto;padding-right: 20px;}
.in11 .in1_con   .in_txt .txt_le  .dtxt s{display: block;width: 20px;height: 2px;background: #ddd;margin: 20px 0;}
.in11 .in1_con   .in_txt .txt_le  .dtxt::-webkit-scrollbar{ width:6px;height: 1px;}
.in11 .in1_con   .in_txt .txt_le  .dtxt::-webkit-scrollbar-thumb{ background:#fff;}
.in11 .in1_con   .in_txt .txt_le  .dtxt::-webkit-scrollbar-track{ background:rgba(255, 255, 255,.5);}
.in11 .in1_con   .in_txt .txt_le  .dtxt .tt1{line-height: 35px;color: #009dad;font-weight: bold;}
.in11 .in1_con   .in_txt .txt_le  .dtxt .tt2{line-height: 22px;}
.in11 .in1_con   .in_txt .txt_re .swiper-button-next,.in11 .in1_con   .in_txt .txt_re .swiper-button-prev{width: 50px;height: 50px;background: rgba(255, 255, 255,.7) url(../images/z.png) center no-repeat;background-size: 50px 50px; border-radius: 50px;box-shadow: 0 -2px 5px 0px #cccdd1;transition: all 0.6s;}
.in11 .in1_con   .in_txt .txt_re .swiper-button-next{right: -20px;transform: rotate(180deg);}
.in11 .in1_con   .in_txt .txt_re .swiper-button-prev{left: -20px;}
.in11 .in1_con   .in_txt .txt_re .swiper-button-next:hover,.in11 .in1_con   .in_txt .txt_re .swiper-button-prev:hover{background: #009dad url(../images/z1.png);transition: all 0.6s;}

.in11 .in1_con   .in_txt.act{display: block;}
.in11 .swiper-pagination .swiper-pagination-bullet{margin: 0 7px;background: #fff;opacity: 1;position: relative;}
.in11 .swiper-pagination .swiper-pagination-bullet-active::after{content: "";width: 16px;height: 16px;position: absolute;left: -4px;top: -4px;border:1px solid #fff;border-radius: 20px;}

.in22 {width: 100%;position: relative;}
.in22 .box {position: static;}
.in22 .box  .cons{margin-left: 12.5%;}
.in22 .in2_con .p1{color: #009dad;font-weight: bold;}
.in22 .in2_con .con_txt{display: flex;justify-content: space-between;height: 550px;}
.in22 .in2_con .con_txt .txt_le .le1{color: #444444;margin-top: 100px;}
.in22 .in2_con .con_txt .txt_le .le2{color: #999999;line-height: 25px;margin: 10px 0 20px;}
.in22 .in2_con .con_txt .txt_le {width: 41.42%;}
.in22 .in2_con .con_txt .txt_re{width:57%;position: relative;transform: translateX(6%);}
.in22 .in2_con .con_txt .txt_le s{display: block;width: 100%;height: 1px;background: #dddddd;}
.in22 .in2_con .con_txt .txt_le .ul{display: flex;margin-top: 20px;}
.in22 .in2_con .con_txt .txt_le .ul .li{width: 21.5%;}
.in22 .in2_con .con_txt .txt_le .ul .li:last-child{width: 14%;}
.in22 .in2_con .con_txt .txt_le .li1{color: #009dad;position: relative;font-weight: bold;}
.in22 .in2_con .con_txt .txt_le .li1 span{position: absolute;}
.in22 .in2_con .con_txt .txt_le .li2{color: #444444;margin-top:10px;}
.in22 .in2_con .con_txt .txt_le .bot{display: flex;margin-top: 130px;}

.in22 .in2_con .con_txt .txt_le .bot .bot1{width: 30%;height: 50px;text-align: center;line-height: 48px;color: #444444;
border:1px solid #dddddd;border-radius: 2px;margin-right: 10px;cursor: pointer;}
.in22 .in2_con .con_txt .txt_le .bot .bot1.act{color: #fff;background: #009dad;border:1px solid #009dad}
.in22 .in2_con .con_txt .txt_le .bot .bot1:hover{color: #fff;background: #49b8c3;border:1px solid #49b8c3;}

.in22 .in2_con .con_txt .txt_re .img{position: absolute;width:100%;right: 0;}

.in22 .in2_con .con_txt .txt_re .img img{width: 100%;}

.in22 .in2_con .con_txt .txt_re .re_txt img{display: none;}
.in22 .in2_con .con_txt .txt_re .ddd{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;overflow:hidden;}
.in22 .in2_con .con_txt .txt_re .re_txt{position: absolute;left: 0;bottom: -100%;transition: all 0.6s;width: 64.8%;}
.in22 .in2_con .con_txt .txt_re .re_txt.act{bottom: 0;transition: all 0.6s;}
/* .in22 .in2_con .con_txt .txt_re{background: url(../);} */
/* .in22 .in2_con .con_txt .txt_re .re_txt.act{display: block;} */
/* .in22 .in2_con .con_txt .txt_re .re_txt.act.act1 .txt{transform: translateY(100px);transition: all 0.6s;} */
.in22 .in2_con .con_txt .txt_re .re_txt .txt{left: 0;top: 0;width: 100%;height: 100%;padding: 60px 35px;background: url(../images/in2_2.png) center no-repeat;background-size: 100% 100%;}
/* .in22 .in2_con .con_txt .txt_re .re_txt .txt .cons{padding-left: 0;} */
.in22 .in2_con .con_txt .txt_re .re_txt .txt .tt1{color: #fff;font-weight: bold;}
.in22 .in2_con .con_txt .txt_re .re_txt .txt s{display: block;width: 20px;height:2px;background: rgba(255, 255, 255,.3);margin: 20px 0 15px;}
.in22 .in2_con .con_txt .txt_re .re_txt .txt .cons{color: #fff;overflow-y: auto;max-height: 266px;margin-left: 0;}


.in22 .in2_con .con_txt .txt_re .re_txt .txt .cons .s1{line-height: 30px;cursor: pointer;}
.in22 .in2_con .con_txt .txt_re .re_txt .txt .cons::-webkit-scrollbar{ width:6px;height: 1px;}
.in22 .in2_con .con_txt .txt_re .re_txt .txt .cons::-webkit-scrollbar-thumb{ background:#fff;}
.in22 .in2_con .con_txt .txt_re .re_txt .txt .cons::-webkit-scrollbar-track{ background:rgba(255, 255, 255,.5);} 


/* 图片弹窗 */
.ttchuang{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 10001;background: rgba(0, 0, 0, .8);display: none;}
.ttchuang .tan_con{position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%);}
.ttchuang .tan_con .img img{width: 100%;}
.ttchuang .tan_con .cuos{position: absolute;right: -80px;top: 0;width: 50px;height: 50px;cursor: pointer;}
/* .in33{width: 100%;}
.in33 . */
/* 侧边栏 */
.cbl{width:80px;height: auto;position: fixed;top: 50%;right: -100px; box-shadow: 0 5px 5px 1px #e1e1e1;transform: translateY(-50%);padding: 0 8px;background: #fff;border-radius: 4px;transition: all 0.6s;z-index: 10000;}
.cbl.act{right: 15px;transition: all 0.6s;z-index:1000000;}
.cbl .c{width: 100%;height:85px;display: flex;justify-content: center;flex-wrap: wrap;border-bottom: 1px solid #cccccc;padding:10px 0;cursor: pointer;position: relative;}
.cbl  .topt{border-bottom: 0;}
.cbl .c1{border-radius: 5px 5px 0 0;}
.cbl  .cimg{position: relative;width: 50px;}
.cbl  .cimg img:last-child{
    position: absolute;left: 0;top: 0;
    opacity: 0;
}
.cbl  .topt {border-radius: 5px;}

.cbl p{text-align: center;width: 100%;font-size: 12px;}
.cbl .c:hover .cimg img:last-child{opacity: 1;}
.cbl .c:hover .cimg img:first-child{opacity: 0;}

.cbl .c:hover  {color: #009dad;}
.cbl .c .dh{width: 200px;height: 50px;line-height: 50px;text-align: center;position: absolute;background: #fff;left: -240px;border-radius: 4px;opacity: 0;visibility: hidden;pointer-events: none;z-index: -2;top: 50%;transform: translateY(-50%);transition: all 0.6s;}
.cbl .c .ewm{position: absolute;left: -150px;width: 120px;height: 120px;top: 50%;transform: translateY(-50%);opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transition: all 0.6s;}
.cbl .c .ewm img{width: 100%;}
.cbl .c:hover .dh{opacity: 1;z-index: 2;visibility: visible;pointer-events: visible;left: -220px;transition: all 0.6s; }
.cbl .c:hover .ewm{opacity: 1;z-index: 2;visibility: visible;pointer-events: visible;left: -140px;transition: all 0.6s;}
.tijiaoc{width: 100%;height: 100%;;position: fixed;z-index: 10001;left: 0;top: 0;display: none;}
.tijiaoc .ti_con{width: 500px;height: 520px;padding: 35px 70px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0, 0, 0, .9)}

.tijiaoc .ti_con .t1{text-align: center;margin-bottom: 30px;color: #fff;font-weight: bold;}
.tijiaoc .ti_con .t2{width: 100%;display: flex;margin-bottom: 10px;border-radius: 5px;overflow: hidden;}

.tijiaoc .ti_con .t2 .img{width: 45px;height: 50px;background: #808080;display: flex;align-items: center;justify-content: center;}

.tijiaoc .ti_con .t2 input{width: calc(100% - 45px);border: none;outline: none;}
.tijiaoc .ti_con  .tj{width: 100%;height: 50px;text-align: center;line-height: 50px;color: #fff;background: #009dad;border-radius: 5px;margin-top: 25px;}
.tijiaoc .ti_con .cuos{position: absolute;right:20px;top: 20px;width: 45px;cursor: pointer;}
.tijiaoc .ti_con .t2 textarea{width: calc( 100% - 45px);height: 120px;border: none;outline:none;}
.tijiaoc .ti_con .t2.ts .img{height:auto;align-items: flex-start;}


/* .in11 .in1_con .in_txt .txt_le .dtxt{width: 80%;} */

    .in11 .in1_con .in_txt .txt_re{width:45%;left:40%;}



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

    @media screen and (max-width:3000px) {
        /* .in11 .in1_con .in_txt .txt_le .dtxt{width: 70%;} */
        /* .in11 .in1_con .in_txt .txt_re{width: 750px;right: 240px;left: auto;} */
    }

    @media screen and (max-width:2200px) {
        /* .in11 .in1_con .in_txt .txt_le .dtxt{width: 50%;} */
    }

    .in11 .in1_con .in_txt .txt_re .img img{width: 100%;}
@media screen and (max-width:1920px) {
	/* .in11 .in1_con .in_txt .txt_re{right: 20px;left: auto;} */
    /* .in11 .in1_con .in_txt .txt_le .dtxt{width: 43%;} */
    /* .in11 .in1_con .in_txt .txt_re{width: 600px;} */
}
@media screen and (max-width:1800px) {
    .in11 .in1_con .in_txt .txt_le .dtxt{width: 60%;}
    .in11 .in1_con .in_txt .txt_re{left: 45%;}
}

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


@media screen and (max-width:1700px) {
    .in22 .in2_con .con_txt .txt_le .ul{flex-wrap: wrap;}
    .in22 .in2_con .con_txt .txt_le .ul .li{width: 30%;margin-bottom: 20px;}
    /* .in22 .in2_con .con_txt .txt_re .img{width: 830px;} */
    .in22 .in2_con .con_txt .txt_le .le1{margin-top: 50px;}
    .in22 .in2_con .con_txt .txt_le .bot{margin-top: 100px;}
    .in22 .in2_con .con_txt .txt_le .ul .li:last-child{width: 30%;}
    .in22 .in2_con .con_txt .txt_re .re_txt .txt .cons{max-height: 180px;}
    .in22 .in2_con .con_txt{height: 500px;}
}

@media screen  and (max-width:1500px) {
  
    /* .in22 .in2_con .con_txt .txt_re .img{width: 760px;} */
    .in22 .in2_con .con_txt .txt_le .bot{margin-top: 50px;}
    .in22 .in2_con .con_txt .txt_re .re_txt .txt{padding: 40px 25px;}
    .in22 .in2_con .con_txt{height: 460px;}
    /* .ttchuang .tan_con{width: 900px;} */
}
@media screen and (max-width:1400px) {
    /* .in22 .in2_con .con_txt .txt_re .img{width: 720px;} */
    .in22 .in2_con .con_txt{height: 435px;}
   
    .in11 .in1_con .in_txt .txt_le .dtxt{max-height: 250px;}

    /* .in11 .in1_con .in_txt .txt_le .dtxt{width: 40%;} */
    .in22 .in2_con .con_txt .txt_le .bot .bot1{font-size: 14px;}
}


@media screen and (max-width:960px) {
	.in11 .in1_con .in_nf .inn .d1 .b1,.in11 .in1_con .in_nf .inn .d1 .t1{line-height: 50px;font-size: 18px;}
    /* .cbl{display: none;} */
	.cbl .c3,.cbl .topt{display: none;}
	body{padding-bottom: 80px;}
	.tijiaoc .ti_con{width: 80%;padding:  30px;height: 500px;}
	.cbl{left: 0;right: auto;width: auto;display: flex;bottom: 0;height: 80px;transform: translate(0);top: auto;width: 100%;}
	.cbl .c a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;}
	.cbl .c .ewm{left: 50% !important;top: -130px;transform: translateX(-50%);}
	.cbl .c .ewm:hover{left: 50%;top: -30px;transform: translateX(-50%);}
    .f_16{font-size: 14px;}
    .f_20{font-size: 18px;}
    .f_22{font-size: 18px;}
    .f_24{font-size: 20px;}
    .f_26{font-size: 20px;}

    body,.box{min-width: 200px;}
    .box{width: 90%;}
    .in11 .in1_con .in_txt .txt_re{width:100%;position: static;transform: translate(0);margin: 0 auto;}
    .in11 .in1_con .in_txt .txt_le{width: 100%;margin-top: 15px;}
    .in11 .in1_con .in_txt .txt_le .le_d{padding: 5%;}
    .in11 .in1_con .in_txt .txt_le .dtxt{width: 70%;max-height: 100%;}
    .in11 .in1_con .in_txt .txt_le .dw{display: none;}
    .in11 .in1_con .in_txt .txt_le .le_d{position: static;background: url(../images/in1_1.jpg) ; background-size: 100% 100%;}
    .in11 .in1_con .in_txt .txt_re .swiper-button-next, .in11 .in1_con .in_txt .txt_re .swiper-button-prev{display: none;}
    .in11 .in1_con .in_nf{width: 100%;overflow-x: auto;}
    .in11 .in1_con .in_nf::-webkit-scrollbar{ width:4px;height: 2px;}
    .in11 .in1_con .in_nf::-webkit-scrollbar-thumb{ background:#009dad;}
    .in11 .in1_con .in_nf::-webkit-scrollbar-track{ background:#fff;} 
    .in11 .in1_con .in_nf .inn{width: 600px;}
    /* .in11 .in1_con .in_nf .p_s{width: 600px;} */
    .in11{margin: 30px 0;}
    .in22 .in2_con .con_txt{flex-wrap: wrap;}
    .in22 .in2_con .con_txt .txt_le{width: 100%;}
    .in22 .in2_con .con_txt .txt_re{width: 100%;transform: translate(0);}
    .in22 .in2_con .con_txt .txt_re .img{width:100%;position: relative;}
    .in22 .in2_con .con_txt{height: auto;}
    /* .in22 .in2_con .con_txt .txt_le .bot{margin-top: 10px;overflow: hidden;display:flex;overflow-x: auto;} */
    /* .in22 .in2_con .con_txt .txt_le .bot .bot1{display: inline-block;width: 150px;} */
    .in22 .in2_con .con_txt .txt_le .le1{margin-top: 30px;}
    .in22 .in2_con .con_txt .txt_le .bot_con{width: 100%;}
    .in22 .in2_con .con_txt .txt_le .bot{margin-top: 0px;}
    .in22 .in2_con .con_txt .txt_le .bot .bot1{width:33%;margin-right:0.5% ;font-size: 12px;}
    .in22 .in2_con .con_txt .txt_le .bot .bot1:last-child{margin-right: 0;}
    .in22 .in2_con .con_txt .txt_le .bot_con::-webkit-scrollbar{ width:0px;height: 2px;}
    .in22 .in2_con .con_txt .txt_le .bot_con::-webkit-scrollbar-thumb{ background:#009dad;}
    .in22 .in2_con .con_txt .txt_le .bot_con::-webkit-scrollbar-track{ background:#fff;} 
    .in22 .in2_con .con_txt .txt_re .re_txt{width: 100%;}
    .in22 .in2_con .con_txt .txt_re .re_txt .txt{padding: 20px;}
    /* .in22 .in2_con .con_txt .txt_re .re_txt .txt .cons{height: 100%;} */
    .in22 .in2_con .con_txt .txt_re .re_txt .txt .cons .s1{line-height: 25px;}
    .in22 .in2_con .con_txt .txt_le .li1{font-size: 30px;}
    .in11 .in1_con .p1{margin-bottom: 20px;}
    .in22{margin-bottom: 25px;}
    .in11 .in1_con .in_nf .p_s{width: 600px;}
    .ttchuang .tan_con{width: 70%;}
    .ttchuang .tan_con .cuos{top: -60px;right: 0;width: 45px;height: 45px;}
    .in22 .in2_con .con_txt .txt_re .img .dw{display: none;}
    .in22 .in2_con .con_txt .txt_re .ddd{position: static;}
    .in22 .in2_con .con_txt .txt_re .re_txt{position: static;display: none;padding-top: 20px;}
    .in22 .in2_con .con_txt .txt_re .re_txt.act{display:block;padding-top: 0;transition: all 0.6s;}
    .in22 .in2_con .con_txt .txt_re .re_txt .txt{position: static;background: url(../images/in2_2.jpg) no-repeat; background-size: cover;}
    .in11 .in1_con .cons,.in22 .box .cons{margin-left: 0;}
}












