@charset "utf-8";

@font-face{ font-family: Poppins; src:url(../fonts/Poppins-Regular.ttf);} 
@font-face{ font-family: Poppins; font-weight: bold; src:url(../fonts/Poppins-Bold.ttf);} 
@font-face{ font-family: "Monotype Corsiva"; src:url(../fonts/MTCORSVA.TTF);} 
@font-face{ font-family: "Century Gothic"; font-weight: bold; src:url(../fonts/GOTHICB.TTF);} 

/* @font-face {
    font-family: "思源黑体 Medium";font-weight: 500;
    font-display: swap;
} */
/* @font-face {
    font-family: "思源黑体 Bold";font-weight: 500;src:
    font-display: swap;
} */
/* @font-face {
    font-family: "思源宋体 SemiBold";font-weight: 600;src: 
    font-display: swap;
}
@font-face {
    font-family: "思源宋体 Bold";font-weight: 600;src: 
    font-display: swap;
} */

#page_bg{width:100vw;height: 100vh;display:flex;justify-content:center;align-items:center;margin:0;padding:0;position: fixed;z-index: 10000000;}
#page_bg::after,#page_bg::before{content:"";display:block;position:absolute;top:0;width:50%;height:100%;background: #021450;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;}
#page_bg::before{left:0}
#page_bg::after{right:0}

.spinner{width:40px;height:40px;background-color:#ffffff;border-radius:100%;-webkit-animation:sk-scaleout 1s infinite ease-in-out;animation:sk-scaleout 1s infinite ease-in-out; transition:2s}
@-webkit-keyframes sk-scaleout{
	0%{-webkit-transform:scale(0)}
	100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes sk-scaleout{
	0%{-webkit-transform:scale(0);transform:scale(0)}
	100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
body.loading #page_bg .spinner{ opacity:0; visibility:hidden; transform:scale(0)}

.line_shuxian{ position:absolute; left:50%; margin-left:-0.5px; top:0; width:1px; height:100%; background:rgba(255,255,255,0.05); opacity:0; visibility:hidden; transition:1s; transition-delay:1}
.line_shuxian:before{ content:""; position:absolute; left:0; top:0; width:1px; height:0; background:rgba(255,255,255,0.05); transition:1s linear; }
body.loading #page_bg .line_shuxian{ opacity:1; visibility:visible}
body.loading #page_bg .line_shuxian:before{ height:100%; }
body.loading01 #page_bg .line_shuxian{ opacity:0; visibility:hidden; transform:scale(0);}
body.loading01 #page_bg::after, body.loading01 #page_bg::before{ width:0}

/* .body{ height: 100vh; overflow: hidden;}
.body.loading01{ height: auto; overflow: inherit;} */

/*==========================================公共 开始=============================================*/

.h4s2{font-size: .2rem;color: #000000;line-height: .3rem;max-height: .6rem\0;transition: .5s;letter-spacing: .001rem;}
.h4s3{font-size: .24rem;color: #000000;line-height: .3rem;max-height: .9rem\0;transition: .5s;letter-spacing: .001rem;}

.ps3{ font-size: .18rem; color: #535353; line-height: .3rem; max-height: .9rem\0; transition: .5s;}
.h6s1{font-size: .18rem;color: #000000;font-family: "Monotype Corsiva";letter-spacing: .015rem;}

.pc_hb{ height: 0;}
.pc_h{position: fixed;top: 0;left: 0;right: 0;z-index: 100001;height: 1.2rem;transition: .5s;}
.pc_h:before{content: "";position: absolute;top: 0;right: 0;left: 0;height: 1.15rem;background: url(../images/pc_h.png) top center no-repeat;background-size: 100% 100% !important;z-index: -1;}
.pc_h .wp{width: 18.7rem;height: 100%;align-items: center;justify-content: space-between;}
.pc_h .logo{width: 4.37rem;max-width: 25%;}
.pc_h .right{width: 13.5rem;max-width: calc(100% - 4.37rem - .6rem);}
.pc_h .top{align-items: center;justify-content: flex-end;order: 1;margin-left: .38rem;}
.list1 .line{width: 1px;height: .28rem;background: rgba(255,255,255,.38);margin: 0 .15rem;}
.list1{align-items: center;flex-wrap: nowrap;white-space: nowrap;}
.list1 li .a{display: block;line-height: .36rem;height: .36rem;font-size: .15rem;color: #fff;padding: 0;}
.list1 li img{margin: 0 .04rem 0 0;width: .18rem;}
.search_btn{cursor: pointer;}
.search_btn img{ height: .2rem}
#nav{width: 100%;flex: 1;}
#nav ul{justify-content: space-between;height: .5rem;}
#nav ul li{z-index:0;position: relative;height: .69rem;line-height: .5rem;transition: .2s;}
#nav ul li i{ display: none}
#nav ul li>a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;}
#nav ul li .h3{font-size: .19rem;color: #fff;position:relative;}
#nav ul li.on .h3:after, #nav ul li:hover .h3:after{opacity: 1;visibility:visible; transform: translateY(0);}
#nav ul li .sub{position:absolute;opacity: 0;visibility: hidden;top:100%;min-width: 1.6rem;left: 50%;z-index: 10000;padding: 0;background: #fff;/* overflow: hidden; */box-shadow: 0 8px 16px rgba(0,0,0,.1);line-height: 20px;letter-spacing: -.02em;white-space: nowrap;text-align: center;transform-origin: top;transform: translateX(-50%) scaleY(0);-webkit-transform: translateX(-50%) scaleY(0);-moz-transform: translateX(-50%) scaleY(0);-ms-transform: translateX(-50%) scaleY(0);-o-transform: translateX(-50%) scaleY(0);transition: .5s;}
#nav ul li .sub .box{text-align: center;position: relative;}
#nav ul li .sub .box:before{content: '';position: absolute;left: 50%;transform: translateX(-50%);
border: 8px solid transparent;border-bottom-color:#fff;top:-.16rem;}
#nav ul li .sub a{padding: .05rem 10px;line-height: 2.75;color: #333;font-size: .16rem;white-space: nowrap;transition: .5s;display: block;}
#nav ul li .sub a+a{ border-top: 1px dotted rgba(255, 255, 255, 0.3);}
#nav ul li .sub a:hover{color: #0d246e;background: #edf3f9;}
#nav ul li:hover .sub{ opacity: 1; visibility: visible;transform: translateX(-50%) scaleY(1);-webkit-transform: translateX(-50%) scaleY(1);-moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1);-o-transform: translateX(-50%) scaleY(1);}

.pc_hb.fixed .pc_h{ background: #d10015;}

#search1{position: fixed;top:0;height:0;width:100%;z-index: 100002;/* visibility: hidden; */}
#search1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
#search1.open{/* height:100vh; *//* visibility: visible; */}
.module>.module_container{margin:0 auto;padding: 0 15px;max-width:1536px;position:relative;-webkit-transition: all .8s ease;transition: all .8s ease;}
#search1 .module_container{height:0;overflow:hidden;background: #fff;max-width:none;-webkit-transition-duration:1s;transition-duration:1s;display: flex;align-items: center;}
#search1.open .module_container{height: 100vh;}
#search1 .wrapper{width: 10.24rem;max-width: 100%;margin:0 auto;-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper form{display: flex;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #c6c6c6;justify-content: space-between;}
.icon_search{background-image:url(../images/icon_search.png);width:16px;height:16px;cursor: pointer;}#search1 .wrapper form .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper form .input1{font-size: .18rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
.fl{float:left}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#000;position:absolute;content:"";left:50%}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{ background: #d10015; color: #fff}
#search1.open .close{ opacity: 1; visibility: visible}

/*手机端开始*/
.m_header_box{transition: .6s;display: none;height: .75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header{padding: 0 0 0 15px;height: .75rem;box-shadow: 0 3px 5px rgba(0,0,0,.05);background-size: cover;position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;background: #0d246e;}
.m_header_box header #logo img{max-height: .35rem;max-width: 100%;width: auto;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list_box1{margin-right: .4rem;}
.m_header_box .list_box1 .li a{border-radius: 0;width: 28px;height: 20px;font-size: 10px;}

.m_header_box .search_btn{margin-right: 0;position: relative;z-index: 10;}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: .7rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;vertical-align: middle;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 82px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: block;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;background: #f5f5f5;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

.m_header_box .list1 .line{ margin: 0 .1rem; height: .15rem}

.list_box_nav_mobile{max-width: 90%;margin: 0 auto;margin-top: .2rem;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{position:relative;/* display: flex; *//* flex-wrap: wrap; */}
.list_box_nav_mobile>li .h3{width: 100%;border-bottom: 1px solid rgba(0,0,0,.06);line-height: .64rem;color: #000;padding: 0;font-size: .2rem;display: flex;position: relative;transition: .5s;}
.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .box{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .sub{position: relative;top: 0;left: 0;right: 0;}
.list_box_nav_mobile>li i{content:"";opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 16px 16px !important;position: absolute;display: block;right: -.2rem;top: 0;cursor: pointer;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.list_box_nav_mobile>li .sub a{display:block;font-size:13px;color: #666;line-height: 2.5;min-width: 33.33%;}
.nav_mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.banner_box{padding: 0;position: relative;z-index: 1000;overflow: hidden;background: #0d246e;}
.banner_box .line{width: 30%;height: .26rem;background: #be2222;position: absolute;right: 0;bottom: 0;z-index: 10;transition: 2s;}
[data-aos=fade-line].banner_box .line{ width: 0}
[data-aos=fade-line].aos-animate.banner_box .line{width: 30%;}
.more0 svg{width: .24rem;height: .24rem;fill: #fff;transform: translateY(1px);}

.banner{ overflow: hidden; position: relative; z-index: 1;}
.banner ul li .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner ul li .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/ba_t1.svg) right bottom no-repeat;background-size: auto 60%;z-index: 10;pointer-events: none;}
.banner ul li .a .img{overflow: hidden;/* width: 100vw; */transform: scale(1);transition: 6s;}
.banner ul li .a .img .imgLi{padding-bottom: 100vh;transform: scale(1) !important;transition: 0s;}
.banner ul li .a .img video{ width: 100vw; height:100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.banner ul li .a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: flex-end;z-index: 1;}
.banner ul li .a .top h3{transform: translateY(100px);transition: 2s;max-width: 80%;}
.banner ul li .a .top h3 img{max-width: 80%;}
.banner .swiper-pagination{position: absolute;display: flex;align-items: center;justify-content: center;margin: 0;font-size: .3rem;color: rgba(255,255,255,.5);bottom: .85rem;width: .81rem;height: .81rem;right: .7rem;left: auto;z-index: 1;font-style: italic;padding: .06rem 0 0;}
.banner .swiper-pagination::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/banner_t1.png) center no-repeat;background-size: 100% 100%;z-index: -1;-webkit-animation: play 15s linear infinite;-moz-animation: play 15s linear infinite;animation: play 15s linear infinite;}
.banner .swiper-pagination span{font-size: .16rem;color: #fff;margin: 0;font-family: "Monotype Corsiva";transform: translateY(.05rem);}
.banner .swiper-pagination span.swiper-pagination-current{font-size: .25rem;color: #fff;transform: translateY(-.1rem);margin-left: -.02rem;margin-right: 0;}

.banner.on ul li.swiper-slide-active .a .img{ transform: scale(1.05);}
.banner.on ul li.swiper-slide-active .a .top .bg1{ transform: translate(-50%, -45%) scale(1);}
.banner.on ul li.swiper-slide-active .a .top h3{ transform: translateY(0);}

.pad1{ padding: 1.2rem 0; overflow: hidden;}

.homeBox{min-height: 300vh;position: relative;z-index: 1;background: #f3f3f3;overflow: hidden;}
.homeBox .bg1{position: absolute;top: 25%;right: 0;left: 0;z-index: -1;}
.homeBox .bg1s{position: absolute;top: 43%;right: 0;left: -10%;z-index: -1;width: 10.71rem;max-width: 56%;}
.homeBox .wp{ position: relative; z-index: 100}

.sky{position: fixed;left: 0;bottom:0;width: 100%;height: 100vh;z-index: 5;overflow:hidden;opacity: 1;pointer-events: none;/* z-index: -1; */}
.sky .clouds_one{background:url(../images/yun1.png) top center;background-size: auto 100%;position:absolute;left:0;top:0;height: 55%;width:300%;-webkit-animation:cloud_one 50s linear infinite;-moz-animation:cloud_one 50s linear infinite;-o-animation:cloud_one 50s linear infinite;animation:cloud_one 60s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: .4;}
.sky .clouds_two{background:url(../images/yun2.png) top center;background-size: auto 100%;position:absolute;left:0;top: 8%;height:60%;width: 300%;-webkit-animation:cloud_two 75s linear infinite;-moz-animation:cloud_two 75s linear infinite;-o-animation:cloud_two 75s linear infinite;animation:cloud_two 85s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: .4;}
.sky .clouds_three{background: url(../images/yun3.png) bottom center;background-size: auto 100%;position:absolute;left:0;top:50%;height:50%;width:300%;-webkit-animation:cloud_three 100s linear infinite;-moz-animation:cloud_three 100s linear infinite;-o-animation:cloud_three 100s linear infinite;animation:cloud_three 110s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity: .6;}

@keyframes cloud_one{0%{left:0}100%{left:-200%}}
@keyframes cloud_two{0%{left:0}100%{left:-200%}}
@keyframes cloud_three{0%{left:-200%}100%{left:0}}
@keyframes roted{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes imgchangsmall{0%{transform:scale(1.1);}50%{transform:scale(1);}100%{transform:scale(1.1);}}

.tit1{justify-content: space-between;align-items: center;margin-bottom: .55rem;position: relative;z-index: 1;}
.tit1 .ll{ max-width: 100%;}
.tit1 .ll img{ max-width: 100%}
.more1{font-size: .18rem;color: #010101;font-family: "Monotype Corsiva";transition: .5s;letter-spacing: .01rem;}

.home1{background: url(../images/home1_b1.png) center top no-repeat;background-size: 100% auto;min-height: 8rem;position: relative;z-index: 6;}

.list2Box{ margin-bottom: .4rem}
.list2 .a{ align-items: center; }
.list2 .img{ width: 6.7rem; margin-right: .8rem;}
.list2 .txt{ flex: 1;}
.list2 p{ margin: .38rem 0;}
.list2 .img .imgLi{ padding-bottom: 59.70%;}

.list3Box{margin: -.15rem;padding: .15rem;width: calc((100vw - 14.4rem)/2 + 100% + .3rem);}
.list3Box:after{content: "";position: absolute;top: .15rem;right: 0;bottom: .15rem;width: 4rem;background-image: -moz-linear-gradient( 0deg, transparent 0, #f3f3f3, #f3f3f3);background-image: -webkit-linear-gradient( 0deg, transparent 0, #f3f3f3, #f3f3f3);background-image: -ms-linear-gradient( 0deg, transparent 0, #f3f3f3, #f3f3f3);z-index: 1;}
.list3{ position: relative}
.list3 a{display: block;position: relative;transition: .5s;cursor: pointer;}
.list3 a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #be2222 .05rem solid; opacity: 0; transition: .5s;}

.list3 .swiper-slide-thumb-active a{box-shadow: 0 0 0.15rem rgba(190,34,34, .5);}
.list3 .swiper-slide-thumb-active a:after{ opacity: 1;}

.arrow1{position: absolute;right: 13%;z-index: 100;top: 50%;margin-top: -.33rem;}
.arrow1 .arrow{background: #fff;border-radius: 50vw;width: .67rem;height: .67rem;display: flex;align-items: center;justify-content: center; cursor: pointer; transition: .5s;}
.arrow1 .next{ background: url(../images/list2_r.png) center no-repeat; background-size: 100% 100% !important;}

.arrow1 .next:hover{ background: url(../images/list2_r_on.png) center no-repeat;}

.home2{padding: 0;background: url(../images/home2_b1.png) left top no-repeat;position: relative;}
.home2:after{content: "";position: absolute;top: 33%;left: 0;bottom: 0;background: #be2222;width: .26rem;z-index: 10;}
.home2 .fl1{padding: 1.3rem 0 0;position: relative;}
.home2 .fl1:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/home2_b2.png) center no-repeat; background-size: 100% 100%}
.home2 .fl1 .left{ width: calc(100% - 62.5%); padding: 0 5% 0 0;}
.home2 .fl1 .left .more1{margin-top: .6rem;display: inline-block;}
.home2 .fl1 .right{width: 62.5%;position: relative;} 
.home2 .fl1 .right:before{content: "";position: absolute;bottom: 0;background: #be2222;width: .26rem;height: 1.76rem;left: -.26rem;}
.home2 .fl1 .right .img .imgLi{ padding-bottom: 61%;}

.home2 .fl2{padding: 1.15rem 0 1.2rem; position: relative;}
.home2 .fl2:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/home2_b3.png) center no-repeat; background-size: 100% 100%}
.home2 .fl2 .left{width: calc(100% - 53.4%);padding: 0 0 0 5%;order: 1;}
.home2 .fl2 .left .ar_article, .home2 .fl2 .left .ar_article p{ color: #fff}
.home2 .fl2 .left .more1{margin-top: .6rem;display: inline-block;}
.home2 .fl2 .left .more1{ color: #fff; margin-top: .3rem;}
.home2 .fl2 .left .tit1{ margin-bottom: .2rem;}
.home2 .fl2 .right{width: 53.4%;padding: 0 0 0 6.9%;}

.home3{padding: .74rem 0 .3rem;}
.list4{width: calc(100% - 7.34rem);padding: .1rem 0 0;}
.list4 .a{height: 1.375rem;display: flex;flex-direction: column;justify-content: center;position: relative;z-index: 1;padding: 0 .7rem 0 .25rem;margin-left: -.25rem;}
.list4 .a:before{content: "";position: absolute;top: -.1rem;right: 0;bottom: -.1rem;width: 0;/* box-shadow: 0 0 .15rem rgba(0,0,0,.35); */transition: .5s;opacity: 0;background: url(../images/list4_b1.png) center no-repeat;background-size: 100% 100%;transform: scale(1.1);transform-origin: right;z-index: -1;}
.list4 h6{margin-top: .15rem;}
.list5Box{ width: 7.34rem;}
.list5 li .img .imgLi{ padding-bottom: 77.65%;}
.list4 li.active .a:before{opacity: 1;width: 100%;}
.list4 li.active h4{ color: #be2222;}

.tit1c{ justify-content: center;}
.tit1c .more1{ position: absolute; right: 0; top: 50%; margin-top: -.1rem;}

.home4{ padding: 1.3rem 0 0}
.list6 h6{ margin-top: .18rem;}
.list6Box .dots{display: flex;justify-content: center;margin-top: .5rem;}
.list6Box .dots span{width: .14rem;height: .14rem;background: #b5b5b5;opacity: 1;margin: 0 .1rem !important;}
.list6Box .dots span.active{ background: #be2222}

.home5{background: url(../images/home5_b1.png) left top no-repeat;background-size: cover;position: relative;z-index: 10;margin-top: -.5rem;}
.home5 .fl1{ padding: 3rem 0 .6rem;}
.home5 .fl1 .left{ width: 48.95%;}
.home5 .fl1 .right{ width: calc(100% - 48.95%); padding: 0 0 0 .6rem;}
.home5 .fl1 .right h4{font-size: .3rem;color: #333;font-family: "Monotype Corsiva";text-align: center;margin-bottom: .25rem;letter-spacing: .01rem;transform: translateY(-1.3rem);}
.home5 .fl1 .right .more1{color: #fff;transform: translateY(-.9rem);display: block;}

.list7{ margin: 0 -.3rem;}
.list7 li{ width: 50%; padding: 0 .3rem;}
.list7 li:nth-child(2) .a{ display: block; transform: translateY(.75rem)}
.list7 h4{font-size: .3rem;color: #fff;font-family: "Monotype Corsiva";text-align: center;margin-bottom: .2rem;letter-spacing: .01rem;}
.list7 li .img .imgLi{ padding-bottom: 112%;}

.list8{margin: 0 -.15rem;transform: translateY(-1.2rem);}
.list8 li{ width: 50%; padding: 0 .15rem; margin-bottom: .3rem;}
.list8 li .img .imgLi{ padding-bottom: 66.875%;}
.home5 .fl2{ padding: 1rem 0;}
.home5 .fl2 .wp{justify-content: space-between;align-items: flex-start;}
.home5 .fl2 .tit1{width: 4.97rem;max-width: 35%;}
.home5 .fl2 .tit1 img{ max-width: 100%}
.home5 .fl2 .right{width: 7.8rem;max-width: 60%;}
.home5 .fl2 .right h4{font-size: .18rem;color: #fff;font-weight: bold;line-height: 1.5;margin-bottom: .15rem;}
.home5 .fl2 .right .con{ justify-content: space-between}
.home5 .fl2 .right .con2{ width: 2.66rem}
.home5 .fl2 .right p{ font-size: .14rem; color: #fff; line-height: .26rem}

footer{background: #242527;padding: .25rem 0;text-align: center;position: relative;z-index: 100;}
footer p{ font-size: .14rem; color: rgba(255,255,255,.4); line-height: 1.5;}

.n_banner {position: relative;z-index: 1;}
.n_banner .img .imgLi {padding-bottom: 30%;}
.n_banner .top {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/n_b_t1.png) center no-repeat;background-size: cover;}
.n_banner .top .wp {height: 100%;display: flex;flex-direction: column;justify-content: flex-end;position: relative;width: 16.2rem;padding-bottom: .56rem;}
.n_banner .top h2{font-family: "Monotype Corsiva";font-size: .6rem;color: #fff;margin-bottom: .25rem;}
.list_ej1{width: 6.6rem;max-width: 42%;min-height: .36rem;}
.list_ej1 li{/* min-width: 25%; *//* flex: auto; */margin-right: .6rem;}
.list_ej1 li a{font-size: .24rem;color: rgba(255,255,255,.6);display: block;position: relative;z-index: 1;line-height: 1.5;transition: .5s;font-family: "Monotype Corsiva";}
.list_ej1 li a::before{content: "";position: absolute;left: -.34rem;top: .12rem;background: url(../images/list_ej1_i1.svg) center no-repeat;background-size: cover;width: .27rem;height: .12rem;opacity: 0;transition: .5s;}

.list_ej1 li.on a, .list_ej1 li:hover a{ color: #fff}
.list_ej1 li.on a::before, .list_ej1 li:hover a::before{ opacity: 1}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #be2222;background-size: cover;}
#n_n_title{display: flex;align-items: center;justify-content: space-between;padding: 0 15px;}
#bnt_back {left: 15px;top: 0px;line-height: .3rem;padding: 0;}
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 {font-size: .18rem;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;}
#bnt_sub_nav {height: 50px;cursor: pointer;color: rgb(255, 255, 255);font-size: 18px;display: flex;align-items: center;}
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: #9e0c3b; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;margin-bottom: 0px;min-width: 33.33%;width: 100%;}
#sub_nav_content dt a {margin: 5px 20px;display: block;color: #333;line-height: 1.5;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #fba33e; border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: #fba33e; }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #be2222;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: #9e0c3b; }

/*==========================================首页 结束=============================================*/

@media(min-width: 2300px){
    .home5 .fl1{ padding: 4rem 0 .6rem;}
}

@media(min-width: 1024px){
	.a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}

    .more1:hover, .a:hover .h4s3, .a:hover .h4s2{ color: #be2222;}
}
@media(max-width: 1600px){
	.pc_h .logo{ width: 2.6rem}
	.pc_h .right{ max-width: calc(100% - 2.6rem - .4rem);}
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
	.pc_hb{ display: none;}
	.m_header_box{ display: block;}

    .banner ul li .a .img .imgLi{ padding-bottom: 50%;}
    .list2 .img{margin: 0 auto;}
    .list2 .txt{width: 100%;flex: auto;padding: .3rem 0 0;}
    .list3Box{width: 120%;}

    .tit1 img{max-height: .46rem;}
    .home1{ padding: .5rem 0;}

    .home2 .fl1 .left{width: 100%;padding: 0;}
    .home2 .fl1 .right{width: 5rem;padding: .4rem 0 0;max-width: 100%;margin: 0 auto;}

    .home2 .fl2 .left{width: 100%;padding: 0;}
    .home2 .fl2 .right{order: 1;width: 5rem;padding: .4rem 0 0;max-width: 100%;margin: 0 auto;}
    
    .home2 .fl1:before{ display: none}
    .home2 .fl2:before{ display: none}

    .home2 .fl2{background: #0d246e;padding: .5rem 0;margin: .5rem 0 0;}
    .home2:after{ display: none}
    .home4{ padding: .5rem 0 0}

    .home2 .fl1{padding: 0;}

    .list4{width: 100%;padding: 0;margin-bottom: .5rem;}
    .list5Box{ max-width: 100%}

    .home5 .fl1 .left{ width: 100%;}
    .home5 .fl1 .right{width: 100%;padding: .3rem 0;}

    .home5 .fl1 .right h4, .list8, .home5 .fl1 .right .more1{ transform: translateY(0)}
    .home5 .fl1 .right h4{ color: #fff}

    .home5 .fl2{ padding: .5rem 0}
    .home5 .fl1{padding-bottom: 0;padding-top: 1.5rem;}
}
@media(max-width: 800px){
	#gotop{ right:0; transform:scale(0.7)}

	.list7{ margin: 0 -.1rem;}
    .list7 li{ width: 50%; padding: 0 .1rem;}
    .list7 li:nth-child(2) .a{ display: block; transform: translateY(0)}

    .list8{margin: 0 -.1rem;transform: translateY(0);}
    .list8 li{width: 50%;padding: 0 .1rem;margin-bottom: .2rem;}
    .tit1{margin-bottom: .3rem;justify-content: space-between;}
    .list7 h4{ font-size: .24rem}

    .home5 .fl2 .tit1{width: 100%;max-width: 100%;text-align: center;justify-content: center;}
    .home5 .fl2 .right{width: 100%;max-width: 100%;text-align: center;}
    .home5 .fl2 .right .con{align-items: center;text-align: center;}
    .home5 .fl2 .right .con>div{ width: 100%}

    .home5 .fl2{ padding: .3rem 0 .4rem}

    .list4 .a{padding: 0 .2rem;margin-left: 0;height: 1.25rem;}
    .list4 .a:before{transform: scale(1.02);}

    .home3{padding: .5rem 0 0;}
    .list2 p{ margin: .15rem 0 .2rem}
    .arrow1{ transform: scale(.6)}
    .list3Box:after{width: 40vw;top: .1rem;bottom: .1rem;}
    .list3Box{margin: -.1rem;padding: .1rem;}
    .list3 .swiper-slide-thumb-active a{box-shadow: 0 0 0.1rem rgba(190,34,34, .5);}
    .banner .swiper-pagination{transform: scale(.6);right: .1rem;bottom: .2rem;}
    .banner ul li .a .top h3{ margin-bottom: .2rem}
    .home2 .fl1 .left .more1{ margin-top: .3rem;}
    .more1{ letter-spacing: 0;}

    #m_n_nav{ display: block;}
    .list_ej1{ display: none;}

    .n_banner .top h2{font-size: .36rem;margin-bottom: .15rem;}
    .n_banner .top .wp{ padding-bottom: .1rem;}
}
@media(max-width: 560px){
	.m_header_box header #logo img{max-height: .3rem;}
} 

.n_container{position: relative;z-index: 101;overflow: hidden;background: #f3f3f3;min-height: 70vh;}
.n_container .bg1{position: absolute;top: 0;left: 0;z-index: 1;width: 6.9rem;max-width: 36%;pointer-events: none;}
.n_container .bg1 img{ width: 100%}
.n_container .bg2{position: absolute;bottom: -1.7rem;right: 0;z-index: -1;width: 9.84rem;max-width: 52%;overflow: hidden;}
.n_container .bg2 img{ width: 100%}
.n_container .bg3{position: absolute;bottom: 0;right: 0;z-index: -1;width: 100%;max-width: 100%;overflow: hidden;}
.n_container .bg3 img{ width: 100%}
.n_pad1{padding: 1.6rem 0 1.3rem;}

.about .fl1{ position: relative;z-index: 1;}
.about .fl1 .left{ width: calc(100% - 7.7rem); padding: 0 .52rem 0 0;}
.about .fl1 .right{ width: 7.7rem;}

.about .fl2{padding: 1.4rem 0 0;position: relative;z-index: 1;}
.about .fl2:before{content:"";position: absolute;top: -1.9rem;right: 0;bottom: 0;left: 0;background: url(../images/about_i1.png) center top no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}


.h31{font-size: .42rem;color: #0d246e;font-family: "Monotype Corsiva";margin-bottom: .2rem;line-height: 1.375;}
.h31 a{font-size: .32rem;float:right;}
.list9{ display: flex; margin: .4rem -.13rem 0;}
.list9 li{ width: 33.33%; padding: 0 .13rem;}
.list9 li:nth-child(2) .a{ margin-top: .4rem;}
.list9 li .a{ position: relative;}
.list9 li:nth-child(2) .a::before{ content: ""; position: absolute; top: 0; left: -.26rem; background: #be2222; width: .26rem; height: 1.55rem;}
.list9 li:nth-child(2) .a::after{ content: ""; position: absolute; bottom: 0; right: -.26rem; background: #0d246e; width: .26rem; height: 1.55rem;}
.about .fl3 .logo1 img{max-width: 40vw;margin-top: .3rem;}
.about .fl4{ position: relative;z-index: 1;}
.about .fl4 .left{width: calc(100% - 6.46rem);padding: 0 .52rem 0 0;}
.about .fl4 .right{width: 6.46rem;transform: translateY(-.3rem);}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .about .fl1 .left{margin: 0 auto;width: 100%;padding: 0;}
    .about .fl1 .right{max-width: 100%;margin: .3rem auto;}
    .about .fl2:before{ top: -.8rem}
    .about .fl4 .left{width: 100%;padding: 0;}
    .about .fl4 .right{width: 6.46rem;transform: translateY(0);max-width: 100%;margin: .3rem auto;}
    .about .fl2:before{ top: -.3rem}
}
@media(max-width: 800px){
    .list9{ margin: .4rem -.05rem 0;}
    .list9 li{ padding: 0 .05rem;}
    .list9 li:nth-child(2) .a{ margin-top: .2rem}
    .list9 li:nth-child(2) .a::before{ left: -.1rem;  width: .1rem; height: .4rem;}
    .list9 li:nth-child(2) .a::after{ right: -.1rem; width: .1rem; height: .4rem;}

    .h31{ font-size: .3rem}
    .n_pad1{padding: .4rem 0 .4rem;}
    .n_container .bg1{ max-width: 20%}
    .about .fl2{ padding: .8rem 0 0}
}
@media(max-width: 560px){
} 

.list10{ margin: 0 -.2rem -.5rem}
.list10 li{ width: 33.33%; padding: 0 .2rem; margin-bottom: .5rem;}
.list10 .a{ display: block; position: relative; box-shadow: 0px .2rem .4rem 0px rgba(0, 0, 0, 0.05);}
.list10 .time{position: absolute;right: .15rem;bottom: .15rem;font-family: "Monotype Corsiva";font-size: .18rem;color: #fff;letter-spacing: .01rem;z-index: 1;}
.list10 .img:after{content: "";position: absolute;background: url(../images/list10_t1.png) right bottom no-repeat;top: 0;right: 0;bottom: 0;left: 0;background-size: 100% auto !important;transition: .5s;}
.list10 .txt{ background: #fff; height: 2.36rem; padding: .2rem .14rem .3rem}
.list10 h4{font-size: .18rem;color: #222222;line-height: .34rem;height: calc(.34rem * 4);position: relative;padding: 0 .2rem;transition: .5s;}
.list10 h4:before{ content: ""; position: absolute; top: .08rem; left: 0; width: .038rem; height: .86rem; background: #be2222}
.list10 h6{ padding: 0 .2rem; margin-top: .3rem}
.list10 h6 img{ transition:.5s; -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;width: .26rem;}

.pages{margin: 1.2rem 0 0;}
.pages ul{text-align: center;}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin: .03rem .01rem;color: #666666;}
.pages ul li a{height: .33rem;text-align: center;padding: 0 8px;min-width: .35rem;display: flex;border: 1px solid #94bde1;border-radius: .04rem;align-items: center;justify-content: center;transition: .5s;}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{border: #015aac 1px solid;padding: 0 8px;min-width: .33rem;height: .33rem;line-height: .31rem;border-radius: 3px;}
.pages ul li a.on{background:#9d0c3a;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color: #fff;border: #cf0921 1px solid;background: #cf0921;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #94bde1;width: .35rem;height: .33rem;float: left;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form span{float: left;color: #666}
.page-form button{border:none;height: .33rem;line-height: .31rem;text-align: center;background: #015aac;color: #fff;border-radius: .04rem;margin-left: 5px;font-size: .16rem;cursor: pointer;padding: 0 .15rem;}
.pages ul li.next svg{ transform: rotateY(180deg)}
.pages ul li a:hover{border: #015aac 1px solid;color: #015aac;}
.pages ul li a:hover{color: #015aac;}
.pages ul li a:hover svg{fill: #015aac;}

@media(max-width: 560px){
    .pages{ margin-top: .4rem;}
}

@media(min-width: 1024px){
    .list10 .a:hover h4{ color: #be2222}
    .list10 .a:hover h6 img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
    .list10 .a:hover .img:after{content: "";position: absolute;background: url(../images/list10_t1_on.png) right bottom no-repeat;top: 0;right: 0;bottom: 0;left: 0;background-size: 100% auto;transition: .5s;}

}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list10 li{ width: 50%;}
    .list10{ margin: 0 -.1rem -.2rem}
    .list10 li{ padding: 0 .1rem; margin-bottom: .2rem;}
    .list10 h6{ margin-top: .15rem;}
    .list10 .txt{ height: 2.1rem;}
}
@media(max-width: 560px){
} 

.ar_tit{ border-bottom: #bcbcbc 1px solid; padding-bottom: .26rem; margin-bottom: .4rem; text-align: center}
.ar_tit h3{ font-size: .4rem; color: #000000; line-height: 1.375; width: 10rem; max-width: 100%; margin: 0 auto; margin-bottom: .15rem; }
.ar_tit h6 span{ font-size: .14rem; color: #333333; line-height: 1.375; margin: 0 .15rem;}
.detail .ar_article p{ margin-bottom: .3rem;}

#ar_top{display: flex;flex-direction: column;justify-content: center;align-items: center;margin-top: .6rem;}
#ar_top .ico{background: url(../images/ar_top_b1.png) center no-repeat;background-size: 100% 100%;width: .66rem;height: .66rem;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#ar_top .ico img{ width: .29rem; transition: .5s;}
#ar_top h6{font-size: .18rem;color: #1a317b;line-height: 1.5;opacity: .5;margin-top: .1rem;}
@media(min-width: 1024px){
    #ar_top:hover .ico img{ transition: .5s; transform: translateY(-.03rem)}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .ar_tit h3{ font-size: .26rem;}
    .ar_tit{ margin-bottom: .2rem;}
    #ar_top{ margin-top: .25rem;}
    #ar_top .ico{ width: .5rem; height: .5rem;}
    #ar_top .ico img{ width: .22rem;}
}
@media(max-width: 560px){
} 

.miso_form1{justify-content: flex-end;margin-top: -.4rem;margin-bottom: .4rem;}
.xlss{width: 4rem;height: .54rem;border-radius: 50vw;border: #cce6f4 1px solid;background: #e6f0f6;position: relative;padding: 0 .32rem;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);}
.xlss .h3{font-size: .18rem;color: #222222;text-align: left;line-height: .54rem;display: block;align-items: center;cursor: pointer;margin-right: .3rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xlss .h3::after{content:"";border-left: 0.06rem solid transparent;border-right: 0.06rem solid transparent;border-top: 0.06rem solid #0a4e94;left: auto;right: .3rem;top: 50%;bottom: auto;width: auto;height: auto;margin-top: -0.05rem;position: absolute;}
.xlss ul{border-top: 2px solid #0a4e94;background: #fff;position: absolute;top: calc(100% + 0.2rem);width: 100%;display: none;z-index: 10000;transition: 0s;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);padding: .1rem 0;left: 0;border-radius: 0 0 .1rem .1rem;}
.xlss ul li{font-size: 0.16rem;color: #333;text-align: center;padding: 0.1rem 0;background: #fff;width: 100%;transition: 0.5s;cursor: pointer;line-height: 1.5;}
.xlss ul::after{content: "";position: absolute;border-left: 0.05rem solid transparent;border-right: 0.05rem solid transparent;border-bottom: 0.08rem solid #0a4e94;left: 50%;top: -.1rem;bottom: auto;width: auto;height: auto;margin-left: -0.05rem;transition: 0.5s;}
.xlss ul li:hover{ color: #be2222}

.list11 li{ margin-bottom: .42rem; padding-bottom: .32rem; position: relative;z-index: 1}
.list11 li:last-child{ margin-bottom: 0}
.list11 li:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #c2c2c2;transition: .5s;}
.list11 .a{align-items: center;}
.list11 .imgW{width: 1.7rem;margin-right: .46rem;position: relative;z-index: 1;}
.list11 .imgW:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #be2222; z-index: -1; transform: translate(.1rem, -.1rem)}
.list11 .imgW:after{content: "";position: absolute;height: .58rem;right: 0;bottom: 0;left: 0;background: #19307a;z-index: -1;transform: translate(.1rem, -.1rem);transition: .5s;}
.list11 .img .imgLi{padding-bottom: 116.67%;}
.list11 .txt{flex: 1;overflow: hidden;padding-bottom: .1rem;}
.list11 .txt h3{font-size: .16rem;color: #0a4e94;line-height: 1.375;font-weight: normal;}
.list11 h3 big{font-size: .3rem;color: #222222;font-weight: bold;margin-right: .15rem;}
.list11 h4{font-size: .18rem;color: #1a307a;line-height: 1.5;font-weight: 600;margin: .04rem 0 .24rem;}
.list11 p{font-size: .22rem;color: #444444;line-height: .3rem;max-height: .6rem\0;}

@media(min-width: 1024px){
	.list11 li:hover:before{ background: #0a4e94}
	.list11 .a:hover .imgW:after{ height: 100%}
}
@media(max-width: 1024px){
    .miso_form1{ margin-top: 0;}
}
@media(max-width: 800px){
    .list11 h3 big{ font-size: .24rem;}
    .list11 .imgW{margin-right: .36rem;width: 1.5rem;}
}
@media(max-width: 560px){
} 

.home5s1{background: url(../images/home5s1_b1.png) center top no-repeat;margin-top: -.2rem;}
.home5s1 .fl2{ padding: 1.7rem 0 1rem;}
@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .home5s1 .fl2{ padding: .6rem 0 .4rem;}
    .n_container .bg2{ bottom: -.3rem}
}
@media(max-width: 560px){
} 

.list12W{position: relative;z-index: 1;}
.list12Box{width: 10.62rem;max-width: 74%;margin: 0 auto;}
.list12 .a{ display: block; position: relative}
.list12 .img .imgLi{ padding-bottom: 65%;}
.list12 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center}
.list12 .ico img{ width: .3rem; height: .3rem; fill: #fff; position: relative; z-index: 1}
.circle{width: 1.2rem;height: 1.2rem;position: relative; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.circle:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #dc081f;
    transform: scale(.66);
    display: block;
    box-sizing: border-box;
    z-index: 99;
    opacity: .8;
}

.circle span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: #dc081f;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-animation: circleScale 3s linear infinite;
	-moz-animation: circleScale 3s linear infinite;
	-ms-animation: circleScale 3s linear infinite;
	animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.arrow2 .arrow{position: absolute;top: 50%;width: .58rem;height: .58rem;border: #0062bb 1px solid;border-radius: 50vw;margin-top: -.29rem; display: flex; align-items: center; justify-content: center; transition: .5s; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=40); opacity:0.4;  -moz-opacity:0.4; -khtml-opacity:0.4; cursor: pointer;}
.arrow2 .prev{left: .2rem;}
.arrow2 .next{right: .2rem;}

.list13Box{ margin: .5rem 0 0;  position: relative; z-index: 1}
.list13Box:before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: #ebebeb; height: 1px}
.list13 li{ padding-bottom: .4rem; }
.list13 li.swiper-slide-thumb-active{ border-bottom: #0062bb 1px solid}
.list13 .a{position: relative;z-index: 1;cursor: pointer;}
.list13 .img .imgLi{ padding-bottom: 62%;}
.list13 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.4); transition: .5s}
.list13 .top img{ width: .41rem}
.list13 .top1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.list13 .top1 span{background: url(../images/list13_i2.png) center no-repeat;width: 1.48rem;height: .29rem;display: flex;align-items: center;justify-content: center;font-size: .14rem;color: #ffffff;font-weight: bold;opacity: 0;transform: translateY(.3rem);transition: .5s;}
.list13 .swiper-slide-thumb-active .top{ opacity: 0}
.list13 .swiper-slide-thumb-active .top1 span{ opacity: 1; transform: translateY(0)}

.vision .fl2 .content{ position: relative;}
#moreImg img{ width: 4.86rem;}
#moreImg .txt{ float: left; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} 

.vision .fl2{padding: 1.3rem 0 0;}

.more4 .a{display: flex;width: .58rem;height: .58rem;border: #0062bb 1px solid;border-radius: 50vw;background: #fff;align-items: center;justify-content: center;margin: 0 auto;}

@media(min-width: 1024px){
    .arrow2 .arrow:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
    .list_box_wall .photo:hover .txt{ transform: translateY(0)}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

/*瀑布流开始*/
.list_box_wall{margin: 0 -.15rem;font-size:0;text-align: center;margin-bottom: 0;}
.list_box_wall .photo{position: relative;text-align: center;overflow: hidden;margin-bottom: .3rem;}
.list_box_wall .photo a{ display:block; position:relative}
.list_box_wall .photo .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list10s_t1.png) center 101% no-repeat;background-size: 100% auto;display: flex;align-items: flex-end;padding: .15rem .3rem;transform: translateY(101%);transition: .5s;}
.list_box_wall .photo>a>img{width:100%;}
.list_box_wall .photo .txt h4{ font-size: .18rem; color: #fff}
.wall-column{display:inline-block;width: 33.33%;padding: 0 .15rem;vertical-align:top;}
.vision{ overflow: hidden;}

@media(max-width: 1024px){
    .tit1{ margin-top: 0;}
	.tit1 big{ font-size: 1rem;}
    .tit1 small{ font-size: .5rem;}
    .tit1 .rr{ font-size: .24rem;}
}
@media(max-width: 800px){
	.wall-column{width: 33.3333333%;}
    .vision .fl2{ padding: .4rem 0;}

    .tit1 big{ font-size: .5rem;}
    .tit1 small{ font-size: .25rem;}
    .tit1 .rr{ font-size: .18rem;}
    .arrow2 .arrow{ transform: scale(.6);}
    .arrow2 .prev{left: 0;}
    .arrow2 .next{right: 0;}
    .list12Box{ max-width: 70%;}
    .circle{ width: .8rem; height: .8rem;}
    .list13 .top img{ width: .3rem;}
}
@media(max-width: 560px){
	.list_box_wall{ margin:0 -7px}
	.wall-column{width: 50%; padding:0 7px}
}
/*瀑布流结束*/

.contact .fl1 .content{position: relative;z-index: 1;padding: .5rem 1.3rem;}
.contact .fl1 .content::before{content: "";position: absolute;top: -.18rem;right: -.18rem;background: #be2222;z-index: -1;width: 2.3rem;height: 2.3rem;}
.contact .fl1 .content::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/contact_b1.jpg) center no-repeat;background-size: cover;z-index: -1;border-radius: 1.8rem 0 1.8rem 0;pointer-events: none;}
.contact table{width: 100%;border-collapse: collapse;border-spacing: 0;}
.contact table th{font-size: .18rem;color: #015aac;line-height: 1.375;text-align: left; border-bottom: rgba(74,114,194,.25) 1px solid; padding: .15rem 0}
.contact table td{font-size: .18rem;color: #444;line-height: 1.375;padding: .35rem 0;border-bottom: #7e8db5 1px solid;}
.contact table td img{ width: .25rem; margin: 0 .15rem 0 0}
.contact table td:nth-child(1){ width: 40%; position: relative}
.contact table td:nth-child(1)::before{content: "";background: url(../images/contact_l1.png) center no-repeat;width: .52rem;height: .07rem;position: absolute;left: 0;bottom: -.15rem;background-size: 100% 100%;}
.contact table tr:last-child td{ border-bottom: none}
.contact table tr:last-child td:nth-child(1)::before{ display: none}

.contact .fl2{ padding: 1.1rem 0;}
.contact .fl2 .wp{ align-items: flex-start;}
.contact .fl2 .left{width: 5.26rem;padding: 0 .5rem 0 0;}
.contact .fl2 .right{flex: 1;overflow: hidden;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);padding-bottom: .1rem;}

#miso_map{height: 4.3rem;}
.contact .fl2 .h31{margin-bottom: .3rem;color: #fff;}
.h4-1{font-size: .36rem;color: #fff;line-height: 1.25;margin-bottom: 0;font-family: "Monotype Corsiva";}
.h4-1 img{ width: .54rem; margin: 0 .1rem 0 0}
.list14{margin-bottom: .24rem;}
.list14:last-child{ margin-bottom: 0}
.list14 p{font-size: .18rem;color: #fff;line-height: .3rem;opacity: .8;}

.contact .fl2 .content{position: relative;z-index: 1;padding: .7rem 1.3rem;align-items: flex-end;}
.contact .fl2 .content::before{content: "";position: absolute;bottom: -.18rem;left: -.18rem;background: #be2222;z-index: -1;width: 3.4rem;height: 3.3rem;border-radius: 0 0 0 1.9rem;}
.contact .fl2 .content::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/contact_b2.jpg) center no-repeat;background-size: cover;z-index: -1;border-radius: 0 1.8rem  0 1.8rem;pointer-events: none;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .contact .fl2 .left{width: 100%;padding: 0 0 .4rem;}
    .contact .fl2 .right{width: 100%;flex: auto;}
}
@media(max-width: 800px){
    table td{font-size: .2rem;padding: .18rem 0;}
    .contact .fl2{padding: .4rem 0 .5rem;}
    .contact .fl2 .h3-1{ margin-bottom: .2rem}
    .contact .fl2 .h4-1{ font-size: .22rem}
    .list7 p{ font-size: .18rem}
    #miso_map{ height: 3rem}
    .ar_article .scroll{ width: 100%; overflow: hidden; overflow-x: scroll;}
    .ar_article .scroll table{width: 800px;}

    .contact .fl1 .content{ padding: .3rem .2rem}
    .contact .fl1 .content:after{ border-radius: .5rem 0 .5rem 0}
    .contact table td{ padding: .3rem 0 .2rem}
    .contact .fl2 .content{ padding: .3rem .2rem}
    .contact .fl2 .content:after{ border-radius:  0 .5rem 0 .5rem}
    .h4-1 img{ width: .36rem}
    .contact .fl2 .content::before{border-radius: 0 0 0 .5rem;width: 2rem;height: 1.5rem;}
    .contact .fl1 .content::before{ width: 1.5rem; height: 1.5rem}
}
@media(max-width: 560px){
} 

.list15Box{position: relative;z-index: 1;padding: 2.2rem 0 1.6rem;}
.list15Box::before{content: "";position: absolute;width: .66rem;height: .66rem;background: url(../images/hico1.png) no-repeat;background-size: 100%;left: 50%;transform: translateX(-50%);top: 0rem;z-index: 1;margin-left: -1px;}
.list15Box::after{content: "";position: absolute;top: .55rem;bottom: 3.5rem;z-index: -1;width: 1.5px;border-left: #be2222 1px dashed;left: 50%;transform: translateX(-50%);}
.list15{display: flex;flex-direction: column;position: relative;z-index: 1;}
.list15::after{width: 0.01rem;height: calc(100% - .5rem);background: #660774;left: 50%;transform: translateX(-50%);top: .05rem;}
.list15 li{width: 50%;margin: -1.1rem 0;padding: .2rem 0;position: relative;z-index: 1;}
.list15 li .a{align-items:flex-start;position: relative;z-index: 1;padding: 0;min-height: 4rem;}     
.list15 li .time{width: 2.7rem;position: relative;z-index: 1;padding: 1.26rem .2rem 0;text-align: right;}
.list15 li .time h3{color: #0d246e;font-size: 1.2rem;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #0d246e;font-family: "Monotype Corsiva";padding: 0 .15rem;height: 1.16rem;}
.list15 li .time h6{color: #0d246e;font-size: .3rem;font-family: "Monotype Corsiva"; text-align: left; padding: 0 .15rem}
.list15 li .txt{ width: calc(100% - 2.7rem)}
.list15 li .time .line1 img{ max-width: 100%}
.list15 li .img{ border-radius: .6rem 0 .6rem 0}
.list15 li .img .imgLi{padding-bottom: 57%;}
.list15 li .a::before{content: "";position: absolute;width: .28rem;height: .28rem;border: 1px solid #be2222;border-radius: 50%;left: -.15rem;top: 2.28rem;background: #fff;box-sizing: border-box;}
.list15 li .a::after{content: "";position: absolute;width: .28rem;height: .28rem;border-radius: 50%;left: -.15rem;top: 2.28rem;background: #0d246e;box-sizing: border-box;transform: scale(0); transition: .5s}
.list15 h4{ font-size: .22rem; color: #be2222; line-height: .28rem; margin: .15rem 0 .12rem}
.list15 p{ font-size: .18rem; color: #666; line-height: .3rem}

@media(min-width: 1024px){
    .list15 li:nth-child(2n-1){align-self: flex-end;}
    .list15 li:nth-child(2n):after{ left: auto; right: calc(100% + .35rem);}
    .list15 li:nth-child(2n) .a{ padding: 0 .5rem 0 0 }
    .list15 li:nth-child(2n) .time{order:2;text-align: right;}
    .list15 li:nth-child(2n) .time .line1 img{  transform: rotateY(180deg)}
    .list15 li:nth-child(2n) .time h6{ text-align: right}
    .list15 li:nth-child(2n) .a::before{ left: auto; right: -.14rem}
    .list15 li:nth-child(2n) .a::after{ left: auto; right: -.14rem}

    .list15 li:hover .a::after{ transform: scale(.5)}
}
@media(max-width: 1024px){	
	.list15Box{padding: .5rem 0 .5rem .1rem;}
    .list15Box::after{left: .1rem;top: .3rem;bottom: .3rem;}
    .list15Box::before{width: .3rem; height: .3rem; left: .1rem}
    .list15 li{width: 100%;margin: .1rem 0;padding: .1rem 0;}
    .list15 li .a::before{transform: scale(.5);}
    .list15 li .a{ padding: 0 0 0 .15rem}
    .list15 li .time .line{ width: .2rem;}
    .list15 li .con h4{ font-size: .24rem !important; margin: .08rem 0 .24rem;}
    .list15 li .time span{ font-size: .26rem;}
    .list15 li .box{ padding-left: 0;}
}
@media(max-width: 800px){
    .list15 li .time{width: 100%;text-align: left;margin-bottom: .3rem;padding: 0;}
    .list15 li .time h3{ font-size: .8rem; height: .8rem}
    .list15 li .txt{ width: 100%}
    .list15 li .img{ border-radius: .3rem 0 .3rem 0}
}
@media(max-width: 560px){
	
} 

.szdw_d .fl1{ padding-bottom: .8rem; overflow: hidden;}
.szdw_d .fl1 .img{ width: 3rem;}
.szdw_d .fl1 .img .imgLi{ padding-bottom: 140%;}
.szdw_d .fl1 .txt{flex: 1;overflow: hidden;padding: .65rem .6rem;background: #fff url(../images/szdw_d_b1.png) top right no-repeat;box-shadow: 0px 27px 46px 0px rgba(0, 0, 0, 0.04);background-size: 100% auto; position: relative; z-index: 1}
.szdw_d .fl1 .txt:after{ content:""; position: absolute; width: .1rem; height: 1.04rem; background: #be2222; right: 0; bottom: 0}
.szdw_d .fl1 h3{ font-size: .3rem; color: #333; font-weight: bold;}
.szdw_d .fl1 h4{font-size: .2rem;color: #be2222;line-height: 1.5;margin: .18rem 0 .4rem;}
.szdw_d .fl2 .ar_article{ padding: 0 0 0 .42rem; margin-bottom: .6rem;}
.szdw_d .ar_article p{font-size: .16rem;color: #222222;line-height: .34rem;letter-spacing: 0;}

.tit2{position: relative;padding: 0 0 0 .42rem;background: url(../images/tit2_i1.png) .04rem .02rem no-repeat;margin-bottom: .3rem;background-size: .25rem auto;}
.tit2 h3{ font-size: .22rem; color: #162d77; line-height: 1.25; font-weight: bold;}

.szdw_d .fl2{ overflow: hidden;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .szdw_d .fl1 .img{margin: 0 auto;margin-bottom: .3rem;}
    .szdw_d .fl1 .txt{width: 100%;flex: auto;padding: .4rem .25rem;}
}
@media(max-width: 800px){
	.szdw_d .fl1 .img{ width: 2rem}
    .szdw_d .fl2 .ar_article{ padding: 0;}
}
@media(max-width: 560px){
} 

.list16{ margin: 0 0 -.45rem}
.list16 li{margin-bottom: .45rem;}
.list16 .a{position: relative;background: #f7f7f7;transition: .5s;align-items: flex-start;}
.list16 .img{width: 5.44rem;order: 1;}
.list16 .time{position: absolute;right: .15rem;bottom: .15rem;font-family: "Monotype Corsiva";font-size: .18rem;color: #fff;letter-spacing: .01rem;z-index: 1;}
.list16 .img:after{content: "";position: absolute;background: url(../images/list10_t1.png) right bottom no-repeat;top: 0;right: 0;bottom: 0;left: 0;background-size: 100% auto !important;transition: .5s;}
.list16 .txt{padding: .4rem .38rem;flex: 1;overflow: hidden;position: relative;z-index: 1;}
.list16 .a:after{content: "";position: absolute;left: 0;bottom: 0;width: .05rem;height: 0;background: #be2222;transition: .5s;}
.list16 h4{font-size: .2rem;color: #222222;line-height: .34rem;height: calc(.34rem * 3);position: relative;padding: 0;transition: .5s;}
.list16 h6{padding: 0;}
.list16 h6 img{ transition:.5s; -webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:.6;-moz-opacity:.6;-khtml-opacity:.6;width: .26rem;}
.list16 p{font-size: .16rem;color: #a8a8a8;margin: .15rem 0 .4rem;}

@media(min-width: 1024px){
    .list16 .a:hover{ box-shadow: 0px 27px 46px 0px rgba(0, 0, 0, 0.1); }
    .list16 .a:hover h4{ color: #be2222}
    .list16 .a:hover h6 img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
    .list16 .a:hover .img:after{content: "";position: absolute;background: url(../images/list10_t1_on.png) right bottom no-repeat;top: 0;right: 0;bottom: 0;left: 0;background-size: 100% auto;transition: .5s;}
    .list16 .a:hover:after{ height: 1.04rem}
}
@media(max-width: 1024px){
	.list16 .img{width: 100%;order: 0;}
	.list16 .txt{ width: 100%}
}
@media(max-width: 800px){
    .list16{margin: 0 0 -.3rem;}
    .list16 li{margin-bottom: .3rem;}
    .list16 h6{ margin-top: .15rem;}
    .list16 .txt{height: auto;padding: .35rem .25rem;}
}
@media(max-width: 560px){
} 

.list_sj{padding: 0 0 .9rem;justify-content: center;margin-top: -.4rem;}
.list_sj li{ padding: 0 .18rem}
.list_sj li .a{display: block;padding: .34rem .08rem .15rem;text-align: center;font-size: .2rem;color: #333333;position: relative;z-index: 1;}
.list_sj li .a:before{content: "";position: absolute;left: 50%;width: 0;height: 1px;bottom: 0;transform: translateX(-50%);transition: .5s;} 
.list_sj li .a:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);transition: .5s;border-left: transparent .05rem solid;border-right: transparent .05rem solid;border-top: #d4213a .06rem solid;bottom: -.06rem;opacity: 0;} 
.list_sj li .a .fj1{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: .77rem;transition: .5s;}
.list_sj li .a .fj1 img{width: 100%;transition: .5s;transform: scale(0);opacity: 0;transform-origin: bottom;transition-delay: .2s;}
.list_sj li .a .fj2{position: absolute;bottom: -.02rem;left: 50%;transform: translateX(-50%);width: .92rem; transition: .5s;}
.list_sj li .a .fj2 img{ width: 100%; transition: .5s;transform: scale(0);opacity: 0;transform-origin: top;}
.list_sj li.on .a{color: #be2222;transition: .5s;}
.list_sj li.on .a:before, .list_sj li .a:hover:before{ width: 100%; background: #de1027}
.list_sj li.on .a:after, .list_sj li .a:hover:after{ opacity: 1}
.list_sj li.on .a .fj1 img, .list_sj li .a:hover .fj1 img{ transform: scale(1);opacity: 1;}
.list_sj li.on .a .fj2 img, .list_sj li .a:hover .fj2 img{ transform: scale(1);opacity: 1;}
.slow img{ transition: .5s;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list_sj{padding: 0 0 .4rem;justify-content: center;margin-top: 0;}
    .list_sj li{ padding: 0 .05rem;}
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.Recherche{background: url(../images/Recherche_b1.png) center -.7rem no-repeat;background-size: 100% auto;}
.Recherche .fl0 .wp{ align-items: center;}
.Recherche .fl0 .imgW{ width: 50%; }
.Recherche .fl0 .txt{ flex: 1; overflow: hidden; padding: 0 0 0 .4rem;}
.Recherche .fl0 h3{ font-size: .8rem; color: #d4d6da; font-family: "Century Gothic";}
.Recherche .fl0 h4{ font-size: .3rem; color: #be2222; line-height: 1.75; margin: .1rem 0 .0;}
.Recherche .fl0 p{ font-size: .16rem; color: #909090; line-height: 1.75; margin-top: .4rem;}

.Recherche .fl2 .imgW{ order: 1; }
.Recherche .fl2 .txt{padding: .6rem .4rem 0 0;align-self: flex-start;}
.Recherche .fl2 .imgW .txt{background: #fff;padding: .8rem .4rem;position: relative;z-index: 1;overflow: visible;}
.Recherche .fl2 .imgW .txt:before{content: "";position: absolute;top: 0;bottom: -1.5rem;left: 0;z-index: -1;width: calc((100vw - 14.4rem)/2 + 100%);background: #fff;pointer-events: none;}

.Recherche .fl3{ position: relative; z-index: 1}
.Recherche .fl3:before{content: "";position: absolute;top: 1.06rem;right: 0;left: 0;background: #ffffff;height: 100%;z-index: -1;pointer-events: none;}
.Recherche .fl3 .content{background: url(../images/Recherche_b2.jpg) center no-repeat;background-size: cover;display: flex;align-items: center;justify-content: flex-end;}
.Recherche .fl3 .content .txt{margin: .95rem 0;width: 50%;background: rgba(190,34,34,.85);flex: auto;max-width: 50%;padding: .42rem;}
.Recherche .fl3 .content .txt p{ color: #fff; margin-top: 0;}
.Recherche .fl3 .wp>.txt{ display: none}

.Recherche .fl4{background: #fff url(../images/c_b2.png) right -20% no-repeat;padding-top: 1.16rem;padding-bottom: 1.3rem;margin-bottom: -1.3rem;position: relative;z-index: 1;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .Recherche .fl0 .imgW{ width: 100%;}
    .Recherche .fl0 .txt{flex: auto;width: 100%;padding: .3rem 0 0;order: 2;margin-bottom: .4rem;}
    .Recherche .fl2 .imgW .txt{ display: none}
    .Recherche .fl3 .content .txt{ padding: .25rem}

    .Recherche .fl4{padding-top: 0;}
    .Recherche .fl3 .wp>.txt{ display: block}
    .Recherche .fl3 .content .txt{ display: none}
    .Recherche .fl3:before{ display: none}
    .Recherche .fl3 .content{height: 2rem;}
}
@media(max-width: 800px){
	.Recherche .fl0 h3{ font-size: .5rem}
	.Recherche .fl0 h4{ font-size: .22rem}
	.Recherche .fl0 p{ margin-top: .2rem}

}
@media(max-width: 560px){
} 

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}

    .ar_article, .ar_article p{ font-size: .18rem;}
}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
}