/* 前端白明明 */

.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_17{font-size:17px;} .f_18{font-size:18px;} .f_19{font-size:19px;} .f_20{font-size:20px;} .f_21{font-size:21px;} .f_22{font-size:22px;}
.f_23{font-size:23px;} .f_24{font-size:24px;} .f_25{font-size:25px;} .f_26{font-size:26px;} .f_27{font-size:27px;} .f_28{font-size:28px;} .f_29{font-size:29px;} .f_30{font-size:30px;} .f_31{font-size:31px;} .f_32{font-size:32px;} .f_33{font-size:33px;}
.f_34{font-size:34px;} .f_35{font-size:35px;} .f_36{font-size:36px;} .f_37{font-size:37px;} .f_38{font-size:38px;} .f_39{font-size:39px;} .f_40{font-size:40px;} .f_41{font-size:41px;} .f_42{font-size:42px;} .f_43{font-size:43px;} .f_44{font-size:44px;}
.f_45{font-size:45px;} .f_46{font-size:46px;} .f_47{font-size:47px;} .f_48{font-size:48px;} .f_49{font-size:49px;} .f_50{font-size:50px;} .f_51{font-size:51px;} .f_52{font-size:52px;} .f_53{font-size:53px;} .f_54{font-size:54px;} .f_55{font-size:55px;}
.f_56{font-size:56px;} .f_57{font-size:57px;} .f_58{font-size:58px;} .f_59{font-size:59px;} .f_60{font-size:60px;} .f_61{font-size:61px;} .f_62{font-size:62px;} .f_63{font-size:63px;} .f_64{font-size:64px;} .f_65{font-size:65px;} .f_66{font-size:66px;}
.f_67{font-size:67px;} .f_68{font-size:68px;} .f_69{font-size:69px;} .f_70{font-size:70px;} .f_71{font-size:71px;} .f_72{font-size:72px;} .f_73{font-size:73px;} .f_74{font-size:74px;} .f_75{font-size:75px;} .f_76{font-size:76px;} .f_77{font-size:77px;}
.f_78{font-size:78px;} .f_79{font-size:79px;} .f_80{font-size:80px;} 
@media (max-width: 1681px) { .f_12{font-size:12px;} .f_13{font-size:13px;} .f_14{font-size:13px;} .f_15{font-size:13px;} .f_16{font-size:15px;} .f_17{font-size:16px;} .f_18{font-size:17px;}
.f_19{font-size:18px;} .f_20{font-size:18px;} .f_21{font-size:19px;} .f_22{font-size:20px;} .f_23{font-size:21px;} .f_24{font-size:22px;} .f_25{font-size:23px;} .f_26{font-size:24px;} .f_27{font-size:25px;} .f_28{font-size:26px;} .f_29{font-size:27px;}
.f_30{font-size:27px;} .f_31{font-size:28px;} .f_32{font-size:29px;} .f_33{font-size:30px;} .f_34{font-size:31px;} .f_35{font-size:32px;} .f_36{font-size:33px;} .f_37{font-size:34px;} .f_38{font-size:35px;} .f_39{font-size:36px;} .f_40{font-size:37px;}
.f_41{font-size:38px;} .f_42{font-size:39px;} .f_43{font-size:39px;} .f_44{font-size:40px;} .f_45{font-size:41px;} .f_46{font-size:42px;} .f_47{font-size:43px;} .f_48{font-size:44px;} .f_49{font-size:45px;} .f_50{font-size:45px;} .f_51{font-size:46px;}
.f_52{font-size:47px;} .f_53{font-size:48px;} .f_54{font-size:49px;} .f_55{font-size:50px;} .f_56{font-size:51px;} .f_57{font-size:52px;} .f_58{font-size:53px;} .f_59{font-size:54px;} .f_60{font-size:54px;} .f_61{font-size:55px;} .f_62{font-size:56px;}
.f_63{font-size:57px;} .f_64{font-size:58px;} .f_65{font-size:59px;} .f_66{font-size:60px;} .f_67{font-size:61px;} .f_68{font-size:62px;} .f_69{font-size:63px;} .f_70{font-size:64px;} .f_71{font-size:65px;} .f_72{font-size:66px;} .f_73{font-size:66px;}
.f_74{font-size:66px;} .f_75{font-size:68px;} .f_76{font-size:68px;} .f_77{font-size:69px;} .f_78{font-size:70px;} .f_79{font-size:71px;} .f_80{font-size:72px;} } 
@media (max-width: 1481px) { .f_12{font-size:12px;} .f_13{font-size:13px;} .f_14{font-size:13px;}
.f_15{font-size:13px;} .f_16{font-size:14px;} .f_17{font-size:14px;} .f_18{font-size:16px;} .f_19{font-size:16px;} .f_20{font-size:16px;} .f_21{font-size:17px;} .f_22{font-size:18px;} .f_23{font-size:19px;} .f_24{font-size:20px;} .f_25{font-size:21px;}
.f_26{font-size:22px;} .f_27{font-size:23px;} .f_28{font-size:24px;} .f_29{font-size:25px;} .f_30{font-size:26px;} .f_31{font-size:25px;} .f_32{font-size:26px;} .f_33{font-size:27px;} .f_34{font-size:28px;} .f_35{font-size:29px;} .f_36{font-size:30px;}
.f_37{font-size:31px;} .f_38{font-size:32px;} .f_39{font-size:33px;} .f_40{font-size:34px;} .f_41{font-size:35px;} .f_42{font-size:36px;} .f_43{font-size:37px;} .f_44{font-size:38px;} .f_45{font-size:37px;} .f_46{font-size:38px;} .f_47{font-size:39px;}
.f_48{font-size:40px;} .f_49{font-size:41px;} .f_50{font-size:42px;} .f_51{font-size:43px;} .f_52{font-size:44px;} .f_53{font-size:45px;} .f_54{font-size:46px;} .f_55{font-size:47px;} .f_56{font-size:48px;} .f_57{font-size:49px;} .f_58{font-size:50px;}
.f_59{font-size:51px;} .f_60{font-size:52px;} .f_61{font-size:51px;} .f_62{font-size:52px;} .f_63{font-size:53px;} .f_64{font-size:54px;} .f_65{font-size:55px;} .f_66{font-size:56px;} .f_67{font-size:57px;} .f_68{font-size:58px;} .f_69{font-size:59px;}
.f_70{font-size:60px;} .f_71{font-size:55px;} .f_72{font-size:56px;} .f_73{font-size:57px;} .f_74{font-size:58px;} .f_75{font-size:59px;} .f_76{font-size:60px;} .f_77{font-size:61px;} .f_78{font-size:61px;} .f_79{font-size:63px;} .f_80{font-size:64px;}
} 
@media (max-width: 1281px) { .f_13 {font-size: 12px;} .f_14 {font-size: 12px;} .f_15 {font-size: 12px;} .f_16 {font-size: 13px;} .f_17 {font-size: 16px;} .f_18 {font-size: 15px;} .f_19 {font-size: 16px;} .f_20 {font-size: 17px;} .f_22 {font-size: 18px;}
.f_24 {font-size: 19px;} .f_25 {font-size: 20px;} .f_26 {font-size: 21px;} .f_27 {font-size: 22px;} .f_28 {font-size: 23px;} .f_29 {font-size: 24px;} .f_30 {font-size: 25px;} .f_31 {font-size: 26px;} .f_32 {font-size: 27px;} .f_33 {font-size: 24px;} .f_34
{font-size: 25px;} .f_35 {font-size: 26px;} .f_36 {font-size: 27px;} .f_37 {font-size: 28px;} .f_38 {font-size: 29px;} .f_39 {font-size: 30px;} .f_40 {font-size: 31px;} .f_41 {font-size: 32px;} .f_42 {font-size: 33px;} .f_43 {font-size: 34px;} .f_44 {font-size:
35px;} .f_45 {font-size: 36px;} .f_46 {font-size: 37px;} .f_47 {font-size: 38px;} .f_48 {font-size: 39px;} .f_49 {font-size: 40px;} .f_50 {font-size: 38px;} .f_51 {font-size: 39px;} .f_52 {font-size: 40px;} .f_53 {font-size: 41px;} .f_54 {font-size: 42px;}
.f_55 {font-size: 43px;} .f_56 {font-size: 44px;} .f_57 {font-size: 45px;} .f_58 {font-size: 46px;} .f_59 {font-size: 47px;} .f_60 {font-size: 48px;} .f_61 {font-size: 49px;} .f_62 {font-size: 50px;} .f_63 {font-size: 51px;} .f_64 {font-size: 52px;} .f_65
{font-size: 53px;} .f_66 {font-size: 54px;} .f_67 {font-size: 55px;} .f_68 {font-size: 56px;} .f_69 {font-size: 57px;} .f_70 {font-size: 58px;} .f_71 {font-size: 51px;} .f_72 {font-size: 52px;} .f_73 {font-size: 53px;} .f_74 {font-size: 54px;} .f_75 {font-size:
55px;} .f_76 {font-size: 56px;} .f_77 {font-size: 57px;} .f_78 {font-size: 58px;} .f_79 {font-size: 59px;} .f_80 {font-size: 60px;} } 
@media (max-width: 1024px) { .f_24 { font-size: 16px; } .f_25 { font-size: 17px; } .f_26 { font-size: 18px; } .f_27 {
font-size: 19px; } .f_28 { font-size: 20px; } .f_29 { font-size: 21px; } .f_30 { font-size: 22px; } .f_31 { font-size: 23px; } .f_32 { font-size: 24px; } .f_33 { font-size: 21px; } .f_34 { font-size: 22px; } .f_35 { font-size: 23px; } .f_36 { font-size:
24px; } .f_37 { font-size: 25px; } .f_38 { font-size: 26px; } .f_39 { font-size: 27px; } .f_40 { font-size: 28px; } .f_41 { font-size: 29px; } .f_42 { font-size: 30px; } .f_43 { font-size: 31px; } .f_44 { font-size: 32px; } .f_45 { font-size: 33px; }
.f_46 { font-size: 34px; } .f_47 { font-size: 35px; } .f_48 { font-size: 36px; } .f_49 { font-size: 37px; } .f_50 { font-size: 34px; } .f_51 { font-size: 35px; } .f_52 { font-size: 36px; } .f_53 { font-size: 37px; } .f_54 { font-size: 38px; } .f_55 {
font-size: 39px; } .f_56 { font-size: 40px; } .f_57 { font-size: 41px; } .f_58 { font-size: 42px; } .f_59 { font-size: 43px; } .f_60 { font-size: 44px; } .f_61 { font-size: 45px; } .f_62 { font-size: 46px; } .f_63 { font-size: 47px; } .f_64 { font-size:
48px; } .f_65 { font-size: 49px; } .f_66 { font-size: 50px; } .f_67 { font-size: 51px; } .f_68 { font-size: 52px; } .f_69 { font-size: 53px; } .f_70 { font-size: 54px; } .f_71 { font-size: 47px; } .f_72 { font-size: 48px; } .f_73 { font-size: 49px; }
.f_74 { font-size: 50px; } .f_75 { font-size: 51px; } .f_76 { font-size: 52px; } .f_77 { font-size: 53px; } .f_78 { font-size: 54px; } .f_79 { font-size: 55px; } .f_80 { font-size: 56px; } } 
@media (max-width: 960px) { .f_16 { font-size: 12px; } .f_18
{ font-size: 14px; } .f_20 { font-size: 16px; } .f_33 { font-size: 20px; } .f_34 { font-size: 21px; } .f_35 { font-size: 22px; } .f_36 { font-size: 23px; } .f_37 { font-size: 24px; } .f_38 { font-size: 25px; } .f_39 { font-size: 26px; } .f_40 { font-size:
24px; } .f_41 { font-size: 25px; } .f_42 { font-size: 26px; } .f_43 { font-size: 27px; } .f_44 { font-size: 28px; } .f_45 { font-size: 29px; } .f_46 { font-size: 30px; } .f_47 { font-size: 31px; } .f_48 { font-size: 32px; } .f_49 { font-size: 33px; }
.f_50 { font-size: 28px; } .f_51 { font-size: 29px; } .f_52 { font-size: 30px; } .f_53 { font-size: 31px; } .f_54 { font-size: 32px; } .f_55 { font-size: 33px; } .f_56 { font-size: 34px; } .f_57 { font-size: 35px; } .f_58 { font-size: 36px; } .f_59 {
font-size: 37px; } .f_60 { font-size: 36px; } .f_61 { font-size: 37px; } .f_62 { font-size: 38px; } .f_63 { font-size: 39px; } .f_64 { font-size: 40px; } .f_65 { font-size: 41px; } .f_66 { font-size: 42px; } .f_67 { font-size: 43px; } .f_68 { font-size:
44px; } .f_69 { font-size: 45px; } .f_70 { font-size: 46px; } .f_70 { font-size: 42px; } .f_71 { font-size: 43px; } .f_72 { font-size: 44px; } .f_73 { font-size: 45px; } .f_74 { font-size: 46px; } .f_75 { font-size: 47px; } .f_76 { font-size: 48px; }
.f_77 { font-size: 49px; } .f_78 { font-size: 50px; } .f_79 { font-size: 51px; } .f_80 { font-size: 52px; } }



*,*: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; position: relative;padding: 0 ; width: 100%;color: #222;font-family:'popr', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

.ul,.ul li,.ul1 li,.ul td,.ul,.ul dd,.uls,.uls li,.uls li,.uls td,.uls,.uls 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: #222;}

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

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

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


.f100{font-weight: 100;}










.a_dw{position: relative;top: 0px;}

.box {max-width:1680px;width:90%; 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);} */

.alltime,.alltime *{ transition: all 1s cubic-bezier(.43,.195,.02,1); -webkit-ttransition: all 1s cubic-bezier(.43,.195,.02,1); -moz-transition: all 1s cubic-bezier(.43,.195,.02,1);}

.alltime2,.alltime2 *{-webkit-transition: all 5s cubic-bezier(.43,.195,.02,1); -moz-transition: all 5s cubic-bezier(.43,.195,.02,1);  transition: all 5s cubic-bezier(.43,.195,.02,1); }

.alltime3,.alltime3 *{-webkit-transition: all .5s linear; -moz-transition: all .5s linear;  transition: all .5s linear; }

.alltime4,.alltime4 *{-webkit-transition: all 1s cubic-bezier(.43,.195,.02,1); -moz-transition: all 1s ;  transition: all 1s cubic-bezier(.43,.195,.02,1); }


.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}








/* 社会责任 */



.banner{background: #000 ;position: relative;overflow: hidden;}

.banner .nan{position: absolute;top: 175px;left: 0;width: 100%;z-index: 5;}

.banner .pnav{display: flex;}

.banner .pnav a{display: flex;color: #fff;padding-right: 6px;font-family: 'popb';}

.banner .pnav a .ico{margin-right: 10px;}

.banner .pnav a:nth-child(1){font-family: 'popr';}

.banner .pnav a:hover{color: #E2001A;}

.banner .img{position: relative;overflow: hidden;}

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

.banner .img .mimg{display: none;}

.banner .img video{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;object-fit: cover;}

.banner .txt{position: absolute;top: 0;left: 0;z-index: 3;width: 100%;height: 100%;display: flex;align-items: center;align-content: center;line-height: 1.5;color: #fff;text-align: center;background: rgba(0, 0, 0, 0.2);}

.banner .txt .tc{margin-top: 20px;opacity: 0.8;}


.banner_fac{}

.banner_fac .dl_fac{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;}

.banner_fac .dl_fac dd{width: 2.2vw;position: absolute;top: 40%;left: 23%;max-width: 40px;}

.banner_fac .dl_fac dd .ico{position: relative;z-index: 3;display: block;}

.banner_fac .dl_fac dd .ico img{width: 100%;border-radius: 50%;}

.banner_fac .dl_fac dd .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;}

.banner_fac .dl_fac dd .ico s{display: block;width: 100%;height: 100%;background:  rgba(0, 172, 237, 0.2);position: absolute;top: 0;left: 0;border-radius: 50%;z-index: -1;}

.banner_fac .dl_fac dd .ico .s1{ animation: scale2 2s linear infinite;-webkit-animation: scale2 2s linear infinite;}

.banner_fac .dl_fac dd .ico .s2{ animation: scale2 2s linear  1s infinite;-webkit-animation: scale2 2s linear 1s infinite;}

.banner_fac .dl_fac dd .jt{position: absolute;width: 125%;top: -80%;left: 350%; opacity: 0;}

.banner_fac .dl_fac dd .jt2{top: -110%;left: 460%;}

.banner_fac .dl_fac dd .jt3{top: -140%;left: 580%;}

.banner_fac .dl_fac dd:nth-child(1) .jt1{animation: jtpy1 2s linear  infinite;-webkit-animation: jtpy1 3s linear  infinite;}

.banner_fac .dl_fac dd:nth-child(1) .jt2{animation: jtpy1 2s linear 1s infinite;-webkit-animation: jtpy1 3s linear 1s infinite;}

.banner_fac .dl_fac dd:nth-child(1) .jt3{animation: jtpy1 2s linear 2s infinite;-webkit-animation: jtpy1 3s linear 2s infinite;}

@-webkit-keyframes jtpy1 {0% {top: -30%;left: 190%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: -180%;left: 700%;opacity: 0;}}

@keyframes  jtpy1 {0% {top: -30%;left: 190%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: -180%;left: 700%;opacity: 0;}}

.banner_fac .dl_fac dd .wz{width: 812.5%;position: absolute;top: 150%;left: -350%;}

.banner_fac .dl_fac dd .wz .cn{color: #fff;width: 100%;position: absolute;top: 55%;left: 0;z-index: 2;line-height: 1.3;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 5%;text-shadow: 0px 4px 4px #74A8E1;font-size: .73vw;}

.banner_fac .dl_fac dd .wz .cn2{color: #fff;width: 100%;position: absolute;top: 55%;left: 0;z-index: 2;line-height: 1.3;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);padding: 0 5%;text-shadow: 0px 4px 4px #74A8E1;font-size: .73vw;opacity: 0;}

.banner_fac .dl_fac dd:nth-child(2){top: 28%;left: 42.5%;}

.banner_fac .dl_fac dd:nth-child(2) .jt{transform: rotate(30deg);-webkit-transform: rotate(30deg);top: 60%;left: 380%;}

.banner_fac .dl_fac dd:nth-child(2) .jt2{top: 90%;left: 500%;}

.banner_fac .dl_fac dd:nth-child(2) .jt3{top: 120%;left: 620%;}

.banner_fac .dl_fac dd:nth-child(2) .wz{top: -150%;left: 150%;}

.banner_fac .dl_fac dd:nth-child(2) .jt1{animation: jtpy2 2s linear  infinite;-webkit-animation: jtpy2 3s linear  infinite;}

.banner_fac .dl_fac dd:nth-child(2) .jt2{animation: jtpy2 2s linear 1s infinite;-webkit-animation: jtpy2 3s linear 1s infinite;}

.banner_fac .dl_fac dd:nth-child(2) .jt3{animation: jtpy2 2s linear 2s infinite;-webkit-animation: jtpy2 3s linear 2s infinite;} 

@-webkit-keyframes jtpy2 {0% {top: 40%;left: 290%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: 180%;left: 820%;opacity: 0;}}

@keyframes  jtpy2 {0% {top: 40%;left: 290%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: 180%;left: 820%;opacity: 0;}}

.banner_fac .dl_fac dd:nth-child(3){top: 40%;left: 66.5%;}

.banner_fac .dl_fac dd:nth-child(3) .jt{transform: rotate(170deg);-webkit-transform: rotate(170deg);top: 140%;left: -250%;}

.banner_fac .dl_fac dd:nth-child(3) .jt2{top: 200%;left: -370%;}

.banner_fac .dl_fac dd:nth-child(3) .jt3{top: 260%;left: -490%;}

.banner_fac .dl_fac dd:nth-child(3) .wz{top: -100%;left: 150%;}


.banner_fac .dl_fac dd:nth-child(3) .jt1{animation: jtpy3 2s linear  infinite;-webkit-animation: jtpy3 3s linear  infinite;}

.banner_fac .dl_fac dd:nth-child(3) .jt2{animation: jtpy3 2s linear 1s infinite;-webkit-animation: jtpy3 3s linear 1s infinite;}

.banner_fac .dl_fac dd:nth-child(3) .jt3{animation: jtpy3 2s linear 2s infinite;-webkit-animation: jtpy3 3s linear 2s infinite;}

@-webkit-keyframes jtpy3 {0% {top: 80%;left: -150%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: 300%;left: -550%;opacity: 0;}}

@keyframes  jtpy3 {0% {top: 80%;left: -150%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: 300%;left: -550%;opacity: 0;}}


.banner_fac .dl_fac dd:nth-child(4){top: 58%;left: 50%;}

.banner_fac .dl_fac dd:nth-child(4) .jt{transform: rotate(220deg);-webkit-transform: rotate(220deg);top: -120%;left: -440%;}

.banner_fac .dl_fac dd:nth-child(4) .jt2{top: -180%;left: -590%;}

.banner_fac .dl_fac dd:nth-child(4) .jt3{top: -220%;left: -720%;}



.banner_fac .dl_fac dd:nth-child(4) .jt1{animation: jtpy4 2s linear  infinite;-webkit-animation: jtpy4 3s linear  infinite;}

.banner_fac .dl_fac dd:nth-child(4) .jt2{animation: jtpy4 2s linear 1s infinite;-webkit-animation: jtpy4 3s linear 1s infinite;}

.banner_fac .dl_fac dd:nth-child(4) .jt3{animation: jtpy4 2s linear 2s infinite;-webkit-animation: jtpy4 3s linear 2s infinite;}

@-webkit-keyframes jtpy4 {0% {top: -70%;left: -300%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: -250%;left: -810%;opacity: 0;}}

@keyframes   jtpy4 {0% {top: -70%;left: -300%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: -250%;left: -810%;opacity: 0;}}








.banner_fac .dl2{width:80% ;position: absolute;left: 10%;bottom: 30px;z-index: 5;display: flex;justify-content: space-between;color: #fff;}

.banner_fac .dl2 dd{display: flex; align-items: center;align-content: center;margin-bottom: 2.6vw;}

.banner_fac .dl2 dd .dlt{width: 3vw;max-width: 56px;}

.banner_fac .dl2 dd .dlt img{width: auto;}

.banner_fac .dl2 dd .drt{margin-left: 10px;}

.banner_fac .dl2 dd .drt .dtt{display: flex;align-items: self-start;align-content: flex-start;line-height: 1;margin-bottom: 10px;}

.banner_fac .dl2 dd .drt .dtt .jia{margin-right: 6px;}

.banner_fac .dl2 dd .drt .dtt span{margin-left: 6px;padding-top: 5px;}

.facox{background: url(../images/fac_2_1.jpg) center  no-repeat;background-size: cover;}

.fac2{padding-top: 5.2vw;text-align: center;color: #fff;line-height: 1.5;}

.fac2 .tc{margin: 2.5vw 0 5vw;opacity: 0.8;}

.fac2 .img{position: relative;}

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

.fac2 .img .dl1 dd{width: 16%;position: absolute;top: 5%;left: 0;text-align: center;}

.fac2 .img .dl1 dd:nth-child(2n){top: 37%;left:16% ;}

.fac2 .img .dl1 dd:nth-child(3){left:33% ;}

.fac2 .img .dl1 dd:nth-child(4){left:50.5% ;}

.fac2 .img .dl1 dd:nth-child(5){left:67% ;}

.fac2 .img .dl1 dd:nth-child(6){left:85% ;}

.fac2 .img .imgox{position: relative;}

.fac2 .img .imgox .dlhz{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 2;}

.fac2 .img .imgox .dlhz dd {position: absolute;left: 3%;top: 9%;width: 11%;}

.fac2 .img .imgox .dlhz dd .tu{width: 100%;position: relative;}

.fac2 .img .imgox .dlhz dd .tu img{width: 100%;}

.fac2 .img .imgox .dlhz dd .tu img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;animation: shangx 2s linear infinite;-webkit-animation: shangx 2s linear infinite;}

.fac2 .img .imgox .dlhz dd .xian{width: 100%;position: absolute;top: 27%;left: 65%;z-index: 2;}

.fac2 .img .imgox .dlhz dd .xian img{width: 100%;}

.fac2 .img .imgox .dlhz dd .xian img:nth-child(2){position: absolute;top: -17%;left: -43%;z-index: 2;animation: shangx2 2s linear infinite;-webkit-animation: shangx2 2s linear infinite;} 

.fac2 .img .imgox .dlhz dd:nth-child(2){left: 18.8%;top: 39%;}

.fac2 .img .imgox .dlhz dd:nth-child(2n) .xian{width: 100%;position: absolute;top: -34%;left: 79%;z-index: 2;}

.fac2 .img .imgox .dlhz dd:nth-child(2n) .xian img{width: 100%;}

.fac2 .img .imgox .dlhz dd:nth-child(2n) .xian img:nth-child(2){position: absolute;top: 12%;left: -33%;z-index: 2;animation: shangx3 2s linear infinite;-webkit-animation: shangx3 2s linear infinite;}

.fac2 .img .imgox .dlhz dd:nth-child(3){left: 35.3%;top: 2%;}

.fac2 .img .imgox .dlhz dd:nth-child(3)  .xian{width: 100%;position: absolute;top: 37%;left: 83%;z-index: 2;}

.fac2 .img .imgox .dlhz dd:nth-child(4){left: 54%;top: 40%;}

.fac2 .img .imgox .dlhz dd:nth-child(5){left: 69.5%;top: 2%;}

.fac2 .img .imgox .dlhz dd:nth-child(6){left: 85%;top: 35%;}

.fac2 .img .imgox .dlhz dd:nth-child(6) .xian{display: none;}






.fac5{width: 100%;height: 3035px;box-sizing: content-box;padding-bottom: 60px;}

.fac5 .img-container {position: relative;z-index: 1;  width: 380px;margin: 0 auto;pointer-events: none;left: -40px;}

.fac5 .img1 {width: 100%;height: 100%;position: relative; z-index: 5;}
  
.fac5 .img1 #path {visibility: visible;stroke-dashoffset: 0;stroke-dasharray: 0 var(--l);-webkit-transition: all 3s;-o-transition: all 3s;-moz-transition: all 3s;transition: all 3s;-webkit-transition-timing-function: linear;   -moz-transition-timing-function: linear;     -o-transition-timing-function: linear;        transition-timing-function: linear;  }
  
.fac5 .img1 svg {overflow: initial;height: 100%;width: 100%;position: relative;  }
  
.fac5 .img1 .img1-mask {-webkit-transform: translateY(0);   -moz-transform: translateY(0);    -ms-transform: translateY(0);     -o-transform: translateY(0);        transform: translateY(0);-webkit-transition: -webkit-transform 3s;transition: -webkit-transform 3s;-o-transition: -o-transform 3s;-moz-transition: transform 3s, -moz-transform 3s;transition: transform 3s;transition: transform 3s, -webkit-transform 3s, -moz-transform 3s, -o-transform 3s;z-index: 3;-webkit-transform-origin: bottom center;   -moz-transform-origin: bottom center;    -ms-transform-origin: bottom center;     -o-transform-origin: bottom center;        transform-origin: bottom center;-webkit-transition-timing-function: linear;   -moz-transition-timing-function: linear;     -o-transition-timing-function: linear;        transition-timing-function: linear;  }
  
.fac5 .img1 img {position: absolute;width: 100%;height: 100%;-o-object-fit: cover;   object-fit: cover;-o-object-position: top;   object-position: top;top: 0;left: 0;  }
  
.fac5 #path1 {position: relative;z-index: 4; width: 106px; display: block;}

.fac5 .img2{width: 100%;height: 100%;position: absolute;top: 10px;left: 0;}

.fac5 .img2 img {width: 100%;top: 0;left: 0;  }
  
.fac5 .img3{width: 100%;height: 100%;position: absolute;top: 15px;left: 0;}

.fac5 .img3 svg {overflow: initial;width: 100%;height: 100%;  position: relative; -o-object-fit: cover;   object-fit: cover;-o-object-position: top;   object-position: top; }
  
.fac5 .img3 #path_line {visibility: visible;stroke-dashoffset: 0;stroke-dasharray: 0 var(--l);}
  
.fac5 .dl1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3;padding-top: 200px;}

.fac5 .dl1 dd{position: relative;color: #fff;line-height: 1.5;margin-top: 150px;}

.fac5 .dl1 dd.dd3{margin-top: 240px;}

.fac5 .dl1 dd .img{width: 46.5%;float: left;opacity: 0;}

.fac5 .dl1 dd .img img{border-radius: 2vw;}

.fac5 .dl1 dd .txt{width: 46%;float: right; opacity: 0;}

.fac5 .dl1 dd .txt .dtt{line-height: 1.1;text-transform: capitalize;}

.fac5 .dl1 dd .txt .dtc{line-height: 1.5;padding-top: 20px;opacity: 0.8;}

.fac5 .dl1 dd .txt .dtc p{margin-top: 20px;}

.fac5 .dl1 dd .ico{width: 2.2vw;position: absolute;top: 0;left:50%;max-width: 40px;margin-left: -1.1vw;opacity: 0;}

.fac5 .dl1 dd .ico img{width: 100%;border-radius: 50%;}

.fac5 .dl1 dd .ico img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;}

.fac5 .dl1 dd .ico s{display: block;width: 100%;height: 100%;background:   rgba(255, 255, 255, 0.2);position: absolute;top: 0;left: 0;border-radius: 50%;z-index: -1;}

.fac5 .dl1 dd .ico .s1{ animation: scale2 2s linear infinite;-webkit-animation: scale2 2s linear infinite;}

.fac5 .dl1 dd .ico .s2{ animation: scale2 2s linear  1s infinite;-webkit-animation: scale2 2s linear 1s infinite;}

.fac5 .dl1 dd:nth-child(4n) .txt{float: left;text-align: right;}

.fac5 .dl1 dd:nth-child(4n) .img{float: right;}


.fac5 .dl1 dd.act .ico{opacity: 1;}

.fac5 .dl1 dd.act .img{opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}

.fac5 .dl1 dd.act .txt{opacity: 1;transition-delay: .5s;-webkit-transition-delay: .5s;}










/* 动画 */

@-webkit-keyframes zypy {0% {left: -100%;}100% {left: 100%;}}

@keyframes zypy {0% {left: -100%;}100% {left: 100%;}}


@-webkit-keyframes tm {0% {opacity: 1;}100% {opacity: 0;}}

@keyframes  tm {0% {opacity: 1;}100% {opacity: 0;}}


@keyframes scale1 {0%{transform: translate(-50%, -50%) scale(0.4);opacity: 0.5;}20%{opacity: 1;}80%{opacity: 1;}100%{transform: translate(-50%, -50%) scale(1.2);opacity: 0;}}

@-webkit-keyframes scale1 {0%{transform: -webkit-translate(-50%, -50%) scale(0.4);opacity: 0.5;}20%{opacity: 1;}80%{opacity: 1;}100%{transform: -webkit-translate(-50%, -50%) scale(1.2);opacity: 0;}}


@-webkit-keyframes ssxx {0% {height: 0%;}100% {height: 100%;}}

@keyframes  ssxx {0% {height: 0%;}100% {height: 100%;}}


@keyframes zhuan {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}

@-webkit-keyframes zhuan {0%{transform: -webkit-rotate(0deg);}100%{transform: -webkit-rotate(360deg);}}



@keyframes scale2 {0%{transform: scale(1);opacity: 0.5;}20%{opacity: 1;}80%{opacity: 1;}100%{transform: scale(2.5);opacity: 0;}}

@-webkit-keyframes scale2 {0%{transform: scale(1);opacity: 0.5;}20%{opacity: 1;}80%{opacity: 1;}100%{transform: scale(2.5);opacity: 0;}}


@-webkit-keyframes shangx {0% {-webkit-transform: translateY(0px);} 25% {-webkit-transform: translateY(-5px);} 50% {-webkit-transform: translateY(0px);} 75% {-webkit-transform: translateY(5px);}100% {-webkit-transform: translateY(0px);}}

@keyframes shangx {0% {transform: translateY(0px);} 25% {transform: translateY(-5px);} 50% {transform: translateY(0px);} 75% {transform: translateY(5px);}100% {transform: translateY(0px);}}


@-webkit-keyframes  shangx2 {0% {top: -17%;left: -43%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: 12%;left: 33%;opacity: 0;}}

@keyframes shangx2 {0% {top: -17%;left: -43%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: 12%;left: 33%;opacity: 0;}}


@-webkit-keyframes  shangx3 {0% {top: 12%;left: -33%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: -18%;left: 45%;opacity: 0;}}

@keyframes  shangx3 {0% {top: 12%;left: -33%;opacity: 0;} 20% {opacity: 1;} 80% {opacity: 1;} 100% {top: -18%;left: 45%;opacity: 0;}}






/* 弹窗 */

.zz_tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background: rgba(0, 0, 0, 0.5);display: none;}

.zz_tanchuang .zox{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;align-content: center;}

.zz_tanchuang .zox .hezi{width: 90%;max-width: 1200px;padding: 50px 0;border-radius: 20px;background: #fff;text-align: center;color: #666;line-height: 1.5;position: relative;}

.zz_tanchuang .zox .hezi img{width: 100%;margin-bottom: 20px;}

.zz_tanchuang .zox .hezi .out{width: 40px;height: 40px;position: absolute;top: 10px;right: 20px;z-index: 2;cursor: pointer;background: url(../images/svg/out.svg) center no-repeat;}

.zz_tanchuang .zox .hezi .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}







.mhead,.mnav,.mnav2{display: none;}




@media (max-width:1800px) {
    

    .fac5 .dl1 dd.dd3{margin-top: 320px;}

}


@media (max-width:1700px) {
    

    .fac5 .dl1 dd.dd3{margin-top: 380px;}


}


@media (max-width:1600px) {

   .fac5 .dl1 dd.dd3{margin-top: 446px;}


}

@media (max-width:1500px) {


    .fac5 .dl1 dd{margin-top: 250px;}
    
    .fac5 .dl1 dd.dd4{margin-top: 200px;}


    
}


@media (max-width:1450px) {
    

}




@media (max-width:1300px) {

  

}


@media (max-width:1200px )  {


    .wow{opacity: 1;}
  
  
    .box{width: 90%;min-width: 100px;padding: 0;}
  
    /*body{min-width: 200px;padding-top: 50px;}*/
    
  


}

@media (max-width:1050px )  
{
    .mnav,.mhead
    {
        display: block;   
     }
}




@media (max-width:770px ) {



    .fpg{height: auto;}

    .banner_fac .dl_fac dd .wz .cn2{opacity: 1;font-size: 4px;}

    .banner_fac .dl_fac dd .wz .cn{opacity: 0;}


    .banner_fac .dl_fac dd .wz{transform: scale(1.3);-webkit-transform: scale(1.3);}


    .banner .img .pimg{display: none;}

    .banner .img .mimg{display: block;}

    .banner_fac .dl_fac{height: 65%;}

    .banner_fac .dl_fac dd{top: 34%;left: 15%;transform: scale(1.6);-webkit-transform: scale(1.6);}

    .banner_fac .dl_fac dd:nth-child(2){top: 30%;left: 40%;}

    .banner_fac .dl_fac dd:nth-child(3){top: 37%;left: 67.5%;}

    .banner_fac .dl_fac dd:nth-child(4){top: 45%;left: 46%;}
    
    .banner .nan{top: 30px;}

    .banner_fac .dl2{width: 90%;left: 5%; position: relative;flex-wrap: wrap;justify-content: space-between;}

    .banner_fac .dl2 dd{width: 48%;margin-bottom: 20px;display: block;}

    .banner_fac .dl2 dd:nth-child(2n){width: 40%;}

    .banner_fac .dl2 dd .dlt{width: 40px;margin-bottom: 10px;}

    .banner_fac .dl2 dd .drt{width: 100%;}

    .fac2{padding-top: 50px;}

    .fac2 .img{overflow-y: hidden;overflow-x: auto;}

    .fac2 .img .imgox{width: 1680px;}

    .fac2 .img .dl1 {position: absolute;width: 1680px;height: 100%;top: 0;left: 0;}
    .fac2 .img .dl1 dd{left: 0.5%;}
    .fac2 .img .dl1 dd:nth-child(4){left: 51.5%;}
    .fac2 .img .dl1 dd:nth-child(6){left: 82.6%;}

    /*.fac2 .img .dl1 {display: flex;padding-bottom: 20px;overflow: auto;}

    .fac2 .img .dl1 dd{position: static;width: 200px; min-width: 200px;padding: 30px ; line-height: 1.5;margin-right: 10px;background: rgba(211, 211, 211, 0.5);align-items: center;align-content: center;}*/

    .fac5{height: auto ;padding-bottom: 50px;}

    .fac5 .img-container{display: none;}

    .fac5 .dl1{position: relative;padding-top: 0;}

    .fac5 .dl1 dd{display: block;margin-top: 40px;}

    .fac5 .dl1 dd .img{width: 100%;float: none;opacity: 1;}

    .fac5 .dl1 dd .img img{border-radius: 20px;}

    .fac5 .dl1 dd .txt{width: 100%;float: none;opacity: 1;margin-top: 20px;}

    .fac5 .dl1 dd .txt .dtt{line-height: 1.3;}

    .fac5 .dl1 dd .txt .dtc{padding-top: 0;}

    .fac5 .dl1 dd:nth-child(2n) .img{float: none;}

    .fac5 .dl1 dd:nth-child(2n) .txt{float: none;text-align: left;}








}