/* 前端金饶玲 */
@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: #333333;font-family:  Microsoft Yahei,Arial, sans-serif; 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;}
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:#d03129;}
body::-webkit-scrollbar-track{ background:#fff;} 

@font-face {
	font-family: "din";
	src: url("../fonts/DIN-REGULAR-2.woff") format("woff"),
		 url("../fonts/DIN-REGULAR-2.ttf") format("truetype"),
		 url("../fonts/DIN-REGULAR-2.eot") format("embedded-opentype"),
		 url("../fonts/DIN-REGULAR-2.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

.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_54{font-size: 54px;}
.f_56{font-size: 56px;}
.f_60{font-size: 60px;}
.f_64{font-size: 64px;}
.f_72{font-size: 72px;}
.f_76{font-size: 76px;}
.f_88{font-size: 88px;}
.f_100{font-size: 100px;}
.f_120{font-size: 120px;}
.p_60{padding: 60px 0;}
.p_80{padding:80px 0}
.p_90{padding: 90px 0;}
.p_120{padding: 120px 0;}
.p_100{padding: 100px 0;}
.pt_100{padding-top: 100px;}
.ibox {max-width:1550px;min-width: 1200px;width:83.4%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.sbox {max-width:1920px;min-width: 1200px;width:83.33%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.cbox {max-width:1680px;min-width: 1200px;width:87.5%; 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;}
.fw{font-weight: 100;}
.yd{display: none;}

.ab_top .img{
    width: 100%;
}
.img.ab_img{
    width: 100%;
}
.img.ab_img img{
    width: 100%;
}
.img img.pc{
    width: 100%;
}
/* 头部 */
/* 移动端头部 */
.nav_y{width: 100%;height: 50px;position: fixed;top: 0;left: 0;background: #fff;display: none; z-index: 100;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.nav_y .con_y{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.nav_y .con_y .logo_y{width: 65px;}
.nav_y .con_y .san{width: 25px;height: 25px;cursor: pointer;}
.nav_y_con{width: 100%;height: 100vh;background: #fff;position: absolute;left: 0;top: 0;transform: translateX(110%);transition: all 0.6s;z-index: 101;}
.nav_y_con.act{transform: translateX(0);transition: all 0.6s;}
.nav_y_con .cuo{position: absolute;right: 5%;top: 30px;width: 30px;height: 30px;cursor: pointer;z-index: 102;}
.nav_y_con .navy_top{display: flex;justify-content: space-between;padding: 100px 5% 20px;}
.nav_y_con .navy_top .top_le,.nav_y_con .navy_top .top_re{width: 40px;height: 40px;border:1px solid #b5b5b5;border-radius: 50px;line-height: 38px;text-align: center;display: block;color: #999999;}
.nav_y_con .navy_top .top_re{background: url(../images/sso.png) no-repeat center;background-size: 20px;border: 1px dashed;}
.nav_y_con .ul{overflow-y:auto;height: 70%;}
.nav_y_con .ul::-webkit-scrollbar{ width:0px;height: 0;}
.nav_y_con .ul::-webkit-scrollbar-thumb{ background:#d03129;}
.nav_y_con .ul::-webkit-scrollbar-track{ background:#fff;} 
.nav_y_con .li{padding-left: 15px;margin-bottom: 10px;}
.nav_y_con .li .ptop{display: block;line-height: 40px;position: relative;cursor: pointer;}

.nav_y_con .li .ptop a{display: block;}
.nav_y_con .li .ptop::after{content: "";position: absolute;left: -15px;width: 5px;height: 20px;background: #d03129;top: 50%;transform: translateY(-50%);}
.nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;background: url(../images/touj.png) center no-repeat;background-size: 15px;}
.nav_y_con .li .ptop.act::before{transform: rotate(90deg);}
.nav_y_con .li .txt{padding-left: 5px;display: none;}
.nav_y_con .li .txt .atxt{padding-left: 15px;}
.nav_y_con .li .txt a{display: block;line-height: 35px;}
.nav_y_con .li.lis .txt .at{font-weight: bold;}

.nav_y_con .li:nth-child(5) .ptop::before{content: none;}

.nav{position: fixed;width: 100%;height: 110px;z-index: 100;left: 0;top: 0;padding:0 10px;}
.nav.act_de,.nav.act2{border-bottom: 1px solid #eee;background-color: #fff;}

.nav .nav_con{display: flex;justify-content: space-between;width: 92.8%;margin: 0 auto;}

.nav .nav_con .logo{display: flex;align-items: center;}

.nav .nav_con .logo a{display: block;}

.nav .nav_con .ul{display: flex;height: 100%;align-items: center;}

.nav .nav_con .nav_txt{display: flex;}

.nav .nav_con .nav_txt .txt_re{display: flex;}

.nav .nav_con .nav_txt .txt_re .re1 {display: flex;align-items: center;padding:0 30px 0 39px;position: relative;}

.nav .nav_con .nav_txt .txt_re .re1 s{display: block;width: 25px;}

.nav .nav_con .nav_txt .txt_re .re1 a{color: #fff;position: relative;display: flex;align-items: center;}

.nav .nav_con .nav_txt .txt_re .re1  a img{width: 18px;margin-left: 8px;}
.nav .nav_con .nav_txt .txt_re .re1  a img:last-child{display: none;}
.nav .nav_con .nav_txt .txt_re .re1:hover  a img:first-child{display: none;}
.nav .nav_con .nav_txt .txt_re .re1:hover  a img:last-child{display: block;}

.nav .nav_con .nav_txt .txt_re .re1 .li_txt{position: absolute;width: 100%;padding: 20px 10px;background: #fff;left: 0;border-radius: 5px;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(20px);box-shadow: 0 0 1px 1px #f3f4f6;top: 110px;}

.nav .nav_con .nav_txt .txt_re .re1 .li_txt a{display: block;line-height: 40px;text-align: center;}

.nav .nav_con .nav_txt .txt_re .re1:hover .li_txt{z-index: 100;pointer-events: visible;visibility: visible;opacity: 1;transform: translateY(1px);}

.nav .nav_con .nav_txt .txt_re .re1 .li_txt a:hover{color: #d03129;}

.nav .nav_con .nav_txt .txt_re .re2 {position: relative;padding: 0 30px;}

.nav .nav_con .nav_txt .txt_re .re3{padding-left: 89px;display: flex;align-items: center;position: relative;}

.nav .nav_con .nav_txt .txt_re .re3 .res{position: absolute;right: 30px;width: 0;overflow: hidden;}

.nav .nav_con .nav_txt .txt_re .re3 .res input{width: 100px;height: 25px;outline: none;padding-left: 15px;border-radius: 5px;border: 1px solid #333333;background: #fff}

.nav .nav_con .nav_txt .txt_re .re3  a{display: block;position: relative;}

.nav .nav_con .nav_txt .txt_re .re3  a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.nav .nav_con .nav_txt .txt_re .re2::after{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.nav .nav_con .nav_txt .txt_re .re2::before{content: "";width: 1px;height: 15px;background: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

.nav .nav_con .nav_txt .txt_re .re2 .r1{display: flex;color: #fff;align-items: center;cursor: pointer;height: 100%;}

.nav .nav_con .nav_txt .txt_re .re2 .r2{position: absolute;width: 100%;background: #fff;padding: 20px 0;border-radius: 5px;transform: translateY(20px);left: 0;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;}

.nav .nav_con .nav_txt .txt_re .re2 .r2 a{display: block;text-align: center;line-height: 25px;}

.nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img{position: relative;margin-left: 5px;}

.nav .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.nav .nav_con .ul .li{padding: 0 29px;position: relative;}

.nav .nav_con .ul a.lia{display: block;height: 100%;height: 110px;line-height: 110px;color: #fff;position: relative;font-weight: 300;opacity: .8;}

.nav .nav_con .ul .li.act a.lia{font-weight: normal;opacity: 1;}

.nav .nav_con .ul a.lia::after{position: absolute;left: auto;right: 0;bottom: 15px;width: 0;height: 3px;background: #d03129;content: "";}

.nav .nav_con .ul .li .li_txt{position: absolute;width: 100%;padding: 20px 10px;background: #fff;left: 0;border-radius: 5px;opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;transform: translateY(20px);box-shadow: 0 0 1px 1px #f3f4f6;top:109px;}

.nav.act2 .nav_con .ul .li .li_txt{top:89px;}

.nav .nav_con .ul .li .li_txt a{display: block;line-height: 40px;text-align: center;}


.nav .nav_con .ul .li:hover .li_txt{z-index: 100;pointer-events: visible;visibility: visible;opacity: 1;transform: translateY(1px);}
.nav.act{background: #fff;}
.nav .nav_con .nav_txt .txt_re .re3:hover .res{width: 100px;}

.nav.act2{height: 90px;}

.nav.act2 .nav_con .nav_txt .txt_re .re1 .li_txt,.nav.act2 .nav_con .ul .li:hover .li_txt{top: 89px;}

.nav.act2 .nav_con .ul a.lia{line-height: 90px;height: 90px;}

.nav.act2 .nav_con .logo a {  width: 64px;}
.nav.act2 .nav_con .ul a.lia::after { bottom: 10px;}
.nav.act4{background: none;}

.nav.act1,.nav.act2,.nav.act3{background: #fff;}

.nav.act1 .nav_con .ul a.lia,.nav.act2 .nav_con .ul a.lia,.nav.act3 .nav_con .ul a.lia,.nav.act4 .nav_con .ul a.lia,.nav.act_de .nav_con .ul a.lia{color: #222222;;}


.nav.act1 .nav_con .nav_txt .txt_re .re1 a,.nav.act2 .nav_con .nav_txt .txt_re .re1 a,.nav.act3 .nav_con .nav_txt .txt_re .re1 a,.nav.act4 .nav_con .nav_txt .txt_re .re1 a,.nav.ind.act1 .nav_con .nav_txt .txt_re .re1 a,.nav.act_de .nav_con .nav_txt .txt_re .re1 a{color: #666;}

.nav.act1 .nav_con .nav_txt .txt_re .re1 a.act,.nav.act2 .nav_con .nav_txt .txt_re .re1 a.act,.nav.act3 .nav_con .nav_txt .txt_re .re1 a.act,.nav.act4 .nav_con .nav_txt .txt_re .re1 a.act{border-bottom: 1px solid #222222;}

.nav.act1 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act3 .nav_con .nav_txt .txt_re .re2 .r1,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1{color: #333333;}

.nav.act1 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re2 .r1 .r_img img:last-child{opacity: 1;}

.nav.act1 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act2 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act3 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act4 .nav_con .nav_txt .txt_re .re3 a img:last-child,.nav.act_de .nav_con .nav_txt .txt_re .re3 a img:last-child{opacity: 1;}

.nav.act4 .nav_con .ul a.lia{color: #333333;}

.nav .nav_con .ul .li:hover a.lia::after{width: 56%;left: 22%;right: auto;transition: all 0.4s;}

.nav .nav_con .nav_txt .txt_re .re2:hover .r2{opacity: 1;pointer-events: visible;visibility: visible;z-index: 100;transform: translateY(1px);} 

.nav .nav_con .ul .li.act   a.lia::after{width: 56%;left: 22%;}

.nav .nav_con .ul .li:hover  a.lia::after{width: 56%;left: 22%;transition: all 0.4s;}

.nav .nav_con .ul .li .li_txt a:hover{color: #d03129;}

.nav .nav_con .nav_txt .txt_re .re2 .r2 a:hover{color: #d03129;}

.nav .nav_con .nav_txt .txt_re .re1 a:hover{color: #d03129;}

.nav.ind  .nav_con .nav_txt .txt_re .re1 a.act{border-bottom: 1px solid #fff;}

.nav.ind .nav_con .nav_txt .txt_re .re1 {color: #fff;}

.nav.ind .nav_con .nav_txt .txt_re .re1 a{color: #fff;}

.nav.act_de .nav_con .nav_txt .txt_re .re1{color: #666;}

.nav.act_de .nav_con .nav_txt .txt_re .re1 a{color: #666;}

.nav.act1 .nav_con .nav_txt .txt_re .re1 a,.nav.act2 .nav_con .nav_txt .txt_re .re1 a,.nav.act3 .nav_con .nav_txt .txt_re .re1 a,.nav.act_de .nav_con .nav_txt .txt_re .re1,.nav.act1 .nav_con .nav_txt .txt_re .re1,.nav.act2 .nav_con .nav_txt .txt_re .re1{color: #333333;}

.nav.act1 .nav_con .nav_txt .txt_re .re3 a img:first-child, .nav.act2 .nav_con .nav_txt .txt_re .re3 a img:first-child, .nav.act3 .nav_con .nav_txt .txt_re .re3 a img:first-child, .nav.act4 .nav_con .nav_txt .txt_re .re3 a img:first-child{opacity: 0;}

/* 搜索弹窗 */
.seatanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 200;background: rgba(0, 0, 0, 0.45);visibility: hidden;opacity: 0;}
.seatanchuang s{position: absolute;width: 100%;height: 100%;z-index: 1;}
.seatanchuang .stop{width: 100%;height: 110px;position: absolute;top: -200px;left: 0;z-index: 2;background: #f5f5f5;}
.seatanchuang .stop .sbox{width: 1000px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding: 10px 0;border-bottom: 1px solid #000;z-index: 3;}
.seatanchuang .stop .sbox input{display: block;width: calc(100% - 40px);float: left;height: 40px;border: 0;outline: none;background: #f5f5f5;font-size: 16px;}
.seatanchuang .stop .sbox a{display: block;width: 40px;height: 40px;background: url(../images/sso.png) center no-repeat;float: right;background-size: 30px;}
.seatanchuang.act{visibility: visible;opacity: 1;}
.seatanchuang.act .stop{top: 0;}


/* 侧边栏 */

.cebain{position: fixed;right: 90px;top: 50%;transform: translateY(-50%);z-index: 100;width: 50px;}

.cebain a{display: block;margin-bottom: 15px;}

.cebain a:last-child{margin-bottom: 0;}

.cebain .s1{width: 11px;height: 11px;border-radius: 100%;background: #999999;display: block;margin: 0 auto ;transform: scale(0.5);}

.cebain .s2{width: 2px;height: 20px;background: #999999;display: block;margin: 0 auto ;}

.cebain .t{writing-mode:tb-rl;color: #666666;margin: 10px auto 7px;}

.cebain .c{height: 0px;overflow: hidden;}

.cebain a.act .s1{transform: scale(1);background: #dc0716;}

.cebain a.act .c{height: auto;}

.cebain a s:hover{background: #dc0716;}

.cebain.act .s1{background: #fff;}

.cebain.act .t{color: #fff;}

.cebain.act .s2{background: #fff;}

.cebain.act2{right: -100px;}

.xial{position: absolute;left: 81px;bottom: 66px;z-index: 10;transform:rotate(90deg);display: flex;font-weight: bold; color: #FFFFFF;}

.xial s{display: block;width:108px;height: 2px;background: rgba(255, 255, 255, .4);overflow: hidden;position: relative; margin: 7px 20px 0 20px}

.xial s::after{content: "";width: 17px;height: 2px;background: rgba(255, 255, 255, 1);position: absolute;top: 0;left: 0;animation: dong 3s infinite linear ;}


@keyframes dong {
    0%{width: 17px;}
    100%{width: 108px;}
}

/* 头部结束 */

/* 底部开始 */



/* 底部结束 */
@keyframes cx {
    0%{opacity: 0;}
    30%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx2 {
    0%{opacity: 0;}
    35%{opacity: 0;padding-top: 50px;} 
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx3 {
    0%{opacity: 0;}   
    40%{opacity: 0;padding-top: 50px;}  
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx4 {
    0%{opacity: 0;}
    45%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx5 {
    0%{opacity: 0;}
    50%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}
@keyframes cx6 {
    0%{opacity: 0;}
    60%{opacity: 0;padding-top: 50px;}
    100%{opacity: 1;padding-top: 0px;}
}

@keyframes pf {
    0%{opacity: 0;margin-top: 25px;}
    70%{opacity: 1;}
    100%{opacity: 0.5;margin-top: 0px;}
}

@keyframes rc {
    0%{opacity: 0.5;}

    100%{opacity: 1;}

    0%{opacity: 0.5;}
}
@keyframes xz {
    0%{transform: rotate(0);}
    100%{transform: rotate(360deg);}
}

.time{padding-top: 50px;opacity: 0;}
.section.active .time{padding-top: 0;opacity: 1;animation: cx 0.5s linear alternate;}
.section.active .time2{padding-top: 0;opacity: 1;animation: cx2 1.5s linear alternate;}
.section.active .time3{padding-top: 0;opacity: 1;animation: cx3 1.6s linear alternate;}
.section.active .time4{padding-top: 0;opacity: 1;animation: cx4 1.7s linear alternate;}
.section.active .time5{padding-top: 0;opacity: 1;animation: cx5 1.8s linear alternate;}
.section.active .time6{padding-top: 0;opacity: 1;animation: cx6 1.9s linear alternate;}

.pagin{bottom: 30px !important;}

.pagin .swiper-pagination-bullet{width: 11px;height: 11px;background: #999999;opacity: 1;transform: scale(0.6);margin:0 8px !important;}

.pagin .swiper-pagination-bullet-active{transform: scale(1);background: transparent;border: 1px solid #999999;}

.gendduo{width: 190px;height: 52px;border-radius: 30px;background: #005a90;color: #fff;display: flex;align-items: center;justify-content: center;padding-left: 10px;}

.gendduo s{width: 27px;height: 27px;background:#fff url(../images/j.png) center no-repeat;background-size: 100% 100%;border-radius: 100%;margin-left: 40px;}

.gendduo:hover s{transform: translateX(-5px);}

.in1_sw  .con{position: relative;}

.in1_sw  .con .img{position: relative;}

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

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

.in1_sw .img img{width: 100%;height: 100vh;}

.in1_sw  .con .txt .c1{line-height: 75px;color: #555555;}

.in1_sw  .con .txt .c2{margin-top: 35px;}

.in1_sw .swiper-slide  .con .txt .c{margin-top: 80px;transition-delay: 0.5s;}

.in1_sw .swiper-slide-active .con .txt .c{margin-top: 0;transition-delay: 0.8s;}

.in1_sw .swiper-slide.act .con .txt .c1{color: #fff;}

.in2_con {background: #eff3f5;height: 100%;padding: 200px 0 110px;}

.in2_con .con1{text-align: center;margin: 0 auto 55px;}

.in2_con .con2{text-align: center;margin: 0 auto 25px;width: 920px;line-height: 33px;}

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


.in2_con .con3 .con_l{width: 49.35%;position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0);}

.in2_con .con3 .con_l a{display: block;}

.in2_con .con3 .con_l img{width: 100%;}

.in2_con .con3 .con_l .img{width: 15px;height: 15px;position: relative;margin-left: 5px;}

.in2_con .con3 .con_l .txt{position: absolute;color: #fff;right: 20px;bottom: 25px;display: flex;align-items: center;line-height: 15px;}

.in2_con .con3 .con_l .img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.in2_con .con3 .con_l:hover .i{transform: scale(1.05);}

.in2_con .con3 .con_l:hover .txt{color: #005a90;}

.in2_con .con3 .con_l:hover .txt .img img:last-child{opacity: 1;}

.in2_con .con3 .con_l:hover .txt .img img:first-child{opacity: 0;}

.in3_con{padding: 200px 0 155px;background: #005a90;height: 100%;color: #fff;}

.in3_con .con1{text-align: center;margin-bottom: 75px;}

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

.in3_con .con2 .con_le {padding-top: 50px;width: 48.1%;}


.in3_con .con2 .con_re {width: 46.45%;overflow: hidden;-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.in3_con .con2 .con_re img{width: 100%;}

.in3_con .con2 .con_le .le1{display: flex;margin-bottom: 40px;}

.in3_con .con2 .con_le .le1 span{margin-right: 45px;-webkit-text-stroke: 1px #71a3c1;color: transparent; line-height: 45px;display: block;cursor: pointer;line-height: 46px;border-bottom: 2px solid transparent;transition: all 0.6s;}

.in3_con .con2 .con_le .le1 span.act{color: #fff;-webkit-text-stroke: navajowhite;border-bottom: 2px solid #fff;}

.in3_con .con2 .con_le .le1 span:hover{transition: all 0.6s;border-bottom: 2px solid #71a3c1;}

.in3_con .con2 .con_le .le2{}

.in3_con .con2 .con_le .le2 .ls{display: none;}

.in3_con .con2 .con_le .le2 .ls.act{display: block;}

.in3_con .con2 .con_le .le2 .l{line-height: 38px;}

.in3_con .con2 .con_le .le2 .l2{margin-top: 55px;}

.gendduo2{border: 1px solid #fff;}

.in3_con .con2 .con_re img{display: none;transition: all 0.6s;width: 100%;}

.in3_con .con2 .con_re img.act{display: block;}

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

.in4_con{width: 100%;height: 100%;position: relative;}

.in4_con .img img{width: 100%;height: 100vh;}

.in4_con .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 200px 0 0;color: #fff;}

.in4_con .txt .ts {text-align: center;}

.in4_con .txt .ts .t1{margin-bottom: 110px;}

.in4_con .txt .ts .t2{width: 800px;margin: 0 auto;line-height: 30px;}

.in4_con .txt .ts .t2 .t{display: none;}

.in4_con .txt .ts .t2 .t.act{display: block;}

.in4_con .txt .ul{position: absolute;bottom: 0;height: 255px;left: 9.635%;display: flex;left: 50%;transform: translateX(-50%);}

.in4_con .txt .ul .li{height: 100%;border-right: 1px solid rgba(255, 255, 255, 0.3);flex: 1;padding: 25px 50px;cursor: pointer;position: relative;}

.in4_con .txt .ul .li:first-child{border-left: 1px solid rgba(255, 255, 255, 0.3);}

.in4_con .txt .ul .li s{display: block;width: 0px;height: 2px;background: #fff;position: absolute;left: 50px;bottom: 30px;}

.in4_con .txt .ul .li.act{background: #0077bd;}

.in4_con .txt .ul .li.act s{width: 70px;}

.in5_con{width: 100%;height: 100%;background: #eff3f5;padding: 200px 0 95px;}

.in5_con .con1{text-align: center;margin-bottom: 70px;}

.in5_con .con2{display: flex;justify-content: space-between;}

.in5_con .con2 a{display: block;overflow: hidden;-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.in5_con .con2 .con_le{width: 50%;position: relative;}

.in5_con .con2 .con_le .txt{position: absolute;left: 0;width: 100%;bottom: 0;color: #fff;padding: 55px 50px;background: linear-gradient(to top , #0077bd,#0077bd00);pointer-events: none;}

.in5_con .con2 .con_le .txt .t1{margin-bottom: 35px;}

.in5_con .con2 .con_le .txt .t2{line-height: 40px;text-align: justify; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}

.in5_con .con2 .con_le img{width: 100%;}

.in5_con .con2 .con_re{width: 46.5%;position: relative;}

.in5_con .con2 .con_re .re1{background: #0077bd;position: relative;}

.in5_con .con2 .con_re .re1::before{width: 6px;background: #0fa3fb;position: absolute;left: 0;top: 0;content: "";height: 100%;}

.in5_con .con2 .con_re .re1::after{content: "";width: 6px;background: #db0716;position: absolute;bottom: 0;left: 0;height: 25.5%;transition: all 0.6s;}

.in5_con .con2 .con_re .re1 a{padding: 40px 40px 40px 50px;display: flex;justify-content: space-between;align-items: center;}

.in5_con .con2 .con_re .re1 .img{width: 44.4%;overflow: hidden;-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);}

.in5_con .con2 .con_re .re1 .img img{width: 100%;}

.in5_con .con2 .con_re .re1  .txt{width: 51%;color: #fff;}

.in5_con .con2 .con_re .re1  .txt .t1{margin-bottom: 15px;}

.in5_con .con2 .con_re .re1  .txt .t2{line-height: 35px;margin-bottom: 35px;height: 70px;display: -webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}


.in5_con .con2 a:hover img{transform: scale(1.05);}

.in5_con .con2 .con_re .re1 a:hover .txt .t3 img{transform: translateX(10px);}

.in5_con .con2 .con_re .re1:hover::after{height: 100%;transition: all 0.6s;}

.in5_con .con2 .con_re .re2 a{display: flex;line-height: 50px;margin-top:15px;}


.in5_con .con2 .con_re .re2 a:first-child{margin-top: 25px;}

.in5_con .con2 .con_re .re2 a .a1{width: 110px;}

.in5_con .con2 .con_re .re2 a .a2{width: calc(100% - 110px); overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.in5_con .con2 .con_re .re3 {position: absolute;left: 0;bottom: 0;}

.in5_con .con2 .con_re .re3 a{color: #0077bd;border-bottom: 1px solid #0077bd;}

.in5_con .con2 .con_re .re2 a:hover div{color: #0077bd;}

.in5_con .con2 .con_re .re3 a:hover{transform: translateX(10px);}

.in5_con .con2 .con_le a:hover img{transform: scale(1.05);}

.in5_con .con2 .con_le a:hover .txt .t1{color: #0077bd;}

/* 侧边开始 */
.right{width:70px;height: auto;position: fixed; right: -70px; top: 30%; z-index: 1000;}
.right.act{ right: 0px;}
.right ul{  display: block; border-radius:4px ; background: #e8e8e8; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; box-shadow: 0px 10px 20px 0px rgba(22,36,75,0.05);}
.right li,.but{cursor:pointer; list-style: none; display: block; font-size: 12px;text-align: center;height:70px;padding: 13px 10px 10px; background: white;}
.right li{position: relative;}
.right li .lo{width: 25px; height: 25px;margin: 0 auto; }
.right li.li2 .lo{width: 25px; height: 24px;}
.right li.li3 .lo{width: 30px; height: 24px;}
.right .but .lo{margin: 0 auto 13px;display: flex;align-items: center;}
.right li p{margin-top: 9px; color: #808080;}
.right .li1,.li2,.li3{margin-bottom: 1px;}
.right li .hov{background: white;}
.right .but{ margin-top: 10px;  color: #808080; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; }
.right .but img{margin-bottom: 5px;width: 27px;height: 21px;}
.right li:hover p{color: #D03129;}
.right .but:hover p{color: #D03129;}
.right li .li1_hov{width: 130px; height: auto; position: absolute; left: -150px;top:26%;  display: block;height: 40px;line-height: 40px;display: block;pointer-events: none;color:#D03129;font-size:16px;}
.right li .li3_hov,.right li .li4_hov{ width: 100px; height: 100px; position: absolute; left: -120px; top:-20%;  pointer-events: none; }
.right li .li2_hov{ width: 140px;  position: absolute; left: -140px; top:-20%; background-color:transparent;height:300px;display: none;}
.right li .li2_hov .li2_hov_inn{ width: 120px;  margin-right:20px;background-color:#fff; position: relative;padding:10px 0 ; }
.right li .li2_hov.act{ display: block;animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.right li .li2_hov a{ height:26px;line-height:26px;font-size:14px; }
.right li .li2_hov a:hover{ color: #D03129; }
.right li .li3_hov,.right li .li4_hov,.right li .li1_hov{ display: none;}
.right li .li2_hov:hover{ display:block !important; }
.right .li1_hov{color: #D03129;}
.right li:hover .li3_hov,.right li:hover .li4_hov,.right li:hover .li1_hov{ display: block; animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-animation: bounceInLefts 1s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
.right li .li2_hov:hover .li2_hov_inn{ display:block !important; }
.right li .hov img{width: 100px; height: 100px;}
.tr{width: 0;height: 0;display: block;border-width: 10px;border-style: solid;border-color:transparent transparent transparent white;position: absolute;right: -20px;top:35%;}
.li1 .tr{ right: -20px;top:20%;}
@keyframes bounceInLefts {
  0% {
    opacity: 0;
    transform: translate3d(-40px, 0, 0);
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
}
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {

    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
@keyframes anim { 
	0% {opacity: 0;}
	100%{opacity:1;}
}

@media screen and (max-width:960px) {
    .right{display: none;}
}
/* 侧边结束 */
/* 底部开始 */
.in6_con{height: auto;}
.in6_con .con1{padding: 68px 0 42px;display: flex;justify-content: space-between;}
.in6_con .con1 .con_le{width: 27%;}
.in6_con .con1 .con_le .le1{margin-bottom: 45px;}
.in6_con .con1 .con_re{width: 62.5%;}
.in6_con .con1 .con_le .le2 .l{display: flex;align-items: center;color: #000000;line-height: 20px;margin-bottom: 30px;}
.in6_con .con1 .con_le .le2 .l:first-child{font-family: D;font-weight: bold; color: #000000;line-height: 1;position: relative;}
.in6_con .con1 .con_le .le2 .l:first-child span{position: relative;cursor: pointer;}
.in6_con .con1 .con_le .le2 .l:first-child span::after{position: absolute;content: '';width: 100%;  height: 1px; border: 1px solid #222222;bottom: -8px;left:0;}
.in6_con .con1 .con_le .le2 .l>img{width: 19px;margin-right: 18px;}
.in6_con .con1 .con_le .le2 .l s{display: block;width: 1px;height: 12px;background: #cccccc;margin: 4px 8px 0;}
/* .in6_con .con1 .con_le .le2 .l  a{color: rgba(255, 255, 255, 0.6);} */
.in6_con .con1 .con_le .le2 .l  a:hover{color: rgba(0, 0, 0, 0.7);}
.in6_con .con1 .con_le .le3{margin-top: 26px;display: flex;}
.in6_con .con1 .con_le .le3 .fangs{ position: relative;}
.in6_con .con1 .con_le .le3 .fangs .fan a{position: relative;}
.in6_con .con1 .con_le .le3 .fangs .fan a img{width: 33px;margin-right: 27px;}
.in6_con .con1 .con_le .le3 .fangs a img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}
.in6_con .con1 .con_le .le3 .fangs .fan:hover a img:last-child{opacity: 1;}
.in6_con .con1 .con_le .le3 .fan:hover a img:first-child{opacity: 0;}
.in6_con .con1 .con_le .le3 .fangs .img{position: absolute;left: -20%;width: 130px;height: 130px;transform: translateY(25px);opacity: 0;z-index: -2px;visibility: hidden;pointer-events: none;}
.in6_con .con1 .con_le .le3 .fangs .fan:hover .img{transform: translateY(15px);opacity: 1;visibility: visible;pointer-events: visible;z-index: 2;}
.in6_con .con1 .con_le .le3 span{display: block;width: 95px;text-align: center;margin-top: 12px;}
.in6_con .con1 .con_re .ul{display: flex;justify-content: space-between;padding-top: 24px;}
.in6_con .con1 .con_re .ul .li a{display: block;line-height: 30px;font-weight: 400; color: #666666;cursor: pointer;}
.in6_con .con1 .con_re .ul .li a:hover{color: #000;}
.in6_con .con1 .con_re .ul .li a:first-child{height: 50px;font-weight: bold;color: #333333;}
.in6_con .con2{display: flex;justify-content: space-between;line-height: 25px;padding: 42px 0;color: rgba(0, 0, 0, 0.7);}
.in6_con .con2 .con_le{display: flex;align-items: center;}
.in6_con .con2 a{color: rgba(0, 0, 0, 0.7);}
.in6_con .con2 a:hover{color: rgba(0, 0, 0, 0.9);}
/* 底部结束 */

.in4y{display: none;}

@media screen and (max-width:1800px) {
    .in5_con .con2 .con_re .re2 a{margin-top: 10px;}

    .in5_con .con2 .con_re .re2 a:first-child{margin-top: 20px;}
}

@media screen and (max-width:1700px) {
    .in5_con .con2 .con_re .re2 a{line-height: 45px;}
}

@media screen and (max-width:1680px) {
    .f_18{font-size: 16px;}
    .f_20{font-size: 18px;}
    .f_22{font-size: 20px;}
    .f_24{font-size: 22px;}
    .f_26{font-size: 22px;}
    .f_28{font-size: 26px;}
    .f_30{font-size: 26px;}
    .f_32{font-size: 26px;}
    .f_36{font-size: 32px;}
    .f_40{font-size: 32px;}
    .f_42{font-size: 36px;}
    .f_44{font-size: 38px;}
    .f_48{font-size: 40px;}
    .f_50{font-size: 40px;}
    .f_52{font-size: 40px;}
    .f_54{font-size: 46px;}
    .f_56{font-size: 48px;}
    .f_60{font-size: 42px;}
    .f_64{font-size: 42px;}
    .f_72{font-size: 52px;}
    .f_76{font-size: 54px;}
    .f_88{font-size: 60px;}
    .f_100{font-size: 80px;}
    .cebain{right: 30px;}
    .xial{right: 45px;}
    .in5_con .con2 .con_re .re2 a{margin-top: 5px;}
    .in4_con .txt .ul{}

}

@media screen and (max-width:1560px) {
    .nav .nav_con .ul .li{padding: 0 15px;}
    .nav .nav_con .nav_txt .txt_re .re3 { padding-left: 69px;}
}


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

    .in5_con .con2 .con_re .re2 a{margin-top: 0px;}

    .in5_con .con2 .con_re .re2 a:first-child{margin-top: 15px;}
}



@media screen and (max-width:1400px) {
    .cebain{right: 10px;}
    .xial{right: 25px;}
    .nav .nav_con .ul .li{padding: 0 10px;}
    .nav .nav_con .nav_txt .txt_re .re3 { padding-left: 59px;}
}








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

    .fw{font-weight: 400;}

    .pc{display: none;}

    .yd{display: block;}

    body{min-width: 200px;margin-top: 50px;}

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

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

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

    .box{min-width: 200px;width: 90%;}
    .f_16{font-size: 14px;}
    .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: 22px;}
    .f_36 {font-size: 22px;}
    .f_40{font-size: 22px;}
    .f_42{font-size: 24px;}
    .f_44{font-size: 24px;}
    .f_48{font-size: 24px;}
    .f_50{font-size: 24px;}
    .f_54{font-size: 26px;}
    .f_56{font-size: 26px;}
    .f_60{font-size: 30px;}
    .f_64{font-size: 36px;}
    .f_72{font-size: 22px;}
    .f_76{font-size: 24px;}
    .f_88{font-size: 24px;}
    .f_100{font-size: 50px;}
    .p_100{padding: 30px 0;}
    .p_100_45{padding: 30px 0 10px;}
    .p_100_120{padding: 30px 0;}
    .pb_120{padding-bottom: 30px;}
    .p_100_80{padding: 30px 0;}
    .p_80{padding: 30px 0;}
    .p_75_100{padding: 30px 0;}
    .p_20_120{padding: 20px 0 30px;}
    .p_100_50{padding: 30px 0;}
    .p_80_100{padding: 30px 0;}
    .p_100_60{padding: 30px 0;}

    .pt_100{padding-top: 30px;}

    .nav{display: none;}

    .nav_y{display: block;}

    .in1_sw .con .txt .c1{line-height: 40px;}

    .in1_sw .con .img video{display: none;}

    .gendduo{width: 150px;}

    .gendduo s{margin-left: 15px;}

    .xial{display: none;}

    .cebain{display: none;}

    .in1_sw .img img{height: auto;}

    .in1_sw .con .txt .c2{margin-top: 20px;}

    .in2_con{padding: 30px 0;}

    .time{opacity: 1;padding: 0;}

    .in2_con .con2{width: 100%;line-height: 30px;}

    .in2_con .con1{margin: 0 0 20px;}

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

    .in2_con .con3 .con_l{width: 100%;margin-bottom: 20px;}

    .in2_con .con3 .con_l:last-child{margin-bottom: 0}

    .in3_con{padding: 30px 0;}

    .in3_con .con1{margin-bottom: 25px;}

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

    .in3_con .con2 .con_le{width: 100%;padding: 0;}

    .in3_con .con2 .con_re{width: 100%;margin-top: 25px;}

    .in3_con .con2 .con_le .le1 span{margin-right: 0;}

    .in3_con .con2 .con_le .le1{justify-content: space-between;margin-bottom: 20px;}

    .in3_con .con2 .con_le .le1 span{line-height: 25px;}

    .in3_con .con2 .con_le .le2 .l{line-height: 30px;}

    .in3_con .con2 .con_le .le2 .l2{margin-top: 30px;}

    .in4y{display: block;padding: 30px 5%;}

    .in4_con{display: none;}

    .in4y .con{text-align: center;margin-bottom: 25px;}

    .in4y img{width: 100%;}

    .in4y .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;text-align: justify;padding: 50px 5%;}
   
    .in4y .txt .t1{text-align: center;}

    .in4y .txt .t2{line-height: 30px;}

    .in4y .txt s{display: block;width: 40px;height: 2px;background: #fff;margin: 20px auto;}

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

    .in5_con{padding: 30px 0;}

    .in5_con .con1{margin-bottom: 25px;}

    .in5_con .con2{flex-wrap: wrap;}

    .in5_con .con2 .con_le{width: 100%;margin-bottom: 20px;}

    .in5_con .con2 .con_re{width: 100%;}

    .in5_con .con2 .con_le .txt{padding: 10px 20px;}

    .in5_con .con2 .con_le .txt .t2{line-height: 32px;}

    .in5_con .con2 .con_le .txt .t1{margin-bottom: 20px;}

    .in5_con .con2 .con_re .re1{color:#fff;}

    .in5_con .con2 .con_re .re1 a{padding: 20px;flex-wrap: wrap;}

    .in5_con .con2 .con_re .re1 .img{width: 100%;}

    .in5_con .con2 .con_re .re1 .txt{width: 100%;margin-top: 20px;}

    .in5_con .con2 .con_re .re1 .txt .t2{line-height: 30px;height: 60px;margin-bottom: 20px;}

    .in5_con .con2 .con_re .re3{position:static;margin-top: 10px;}

    .in5_con .con2 .con_re .re3 a{display: inline-block;}

    .in5_con .con2 .con_re .re2 a{line-height: 35px;}

    .in5_con .con2 .con_re .re2 a .a1{width: 90px;}

    .in5_con .con2 .con_re .re2 a .a2{width: calc(100% - 90px);}

    .in6_con .con1{padding: 30px 0 0;flex-wrap: wrap;}

    .in6_con .con1 .con_le{width: 100%;}

    .in6_con .con1 .con_re{display:none;}

    .in6_con .con2{flex-wrap: wrap;justify-content: center;padding: 110px 0 22px;}

    .in6_con .con2 .con_le{flex-wrap: wrap;justify-content: center;}

    .in6_con .con2 a{margin-left: 0;}
    .nav_y .con_y .logo_y{width: 50px;}

    .in6_con .con1 .con_le .le3 .fangs .img{position: absolute;opacity: 1;z-index: -2px;visibility: visible;top: 15px;}
    .in6_con .con1 .con_le .le3 .fangs .fan:hover .img{transform: translateY(25px);opacity: 1;visibility: visible;pointer-events: visible;z-index: 2;top: 15px;}

}