<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,body{padding: 0;margin: 0;font-family:Poppins;color: #333333; /*min-width: 1200px;*/}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ovh5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}
.wrap{
    width: 96%;
    max-width: 1600px;
	margin: 0 auto;
}
/**å¯¼èˆªèœå•**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;text-align: center;height: 80px;background: #fff;border-bottom: 1px solid #CCCCCC; }
header .logo a{height: 80px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 100%;}
header .dImg{display: none;}
header .hImg{display: block;}
header .rightDiv{float: right;}
header .rightDiv .menu{}
header .rightDiv .menu&gt;ul{display: inline-block!important;}
header .rightDiv .menu&gt;ul&gt;li{float: left;margin-right: 60px;}
header .rightDiv .menu&gt;ul&gt;li&gt;a{height: 80px;text-align: left;color: #333333;font-size: 17px;display: flex;justify-content: center;align-items: center;position: relative;text-transform: capitalize; }
header .rightDiv .menu&gt;ul&gt;li:hover&gt;a,
header .rightDiv .menu&gt;ul&gt;li:focus&gt;a,
header .rightDiv .menu&gt;ul&gt;li.on&gt;a,
header .rightDiv .menu&gt;ul&gt;li.active&gt;a{background:transparent;color: #0D5094;}
header .rightDiv .menu&gt;ul&gt;li.on&gt;a{font-weight: bold;}
header .rightDiv .menu&gt;ul&gt;li&gt;a::after{content: "";width: 58px;position: absolute;left: 50%;margin-left: -29px;background: #0D5094;height: 3px;bottom: 0;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;border-radius: 2px;}
header .rightDiv .menu&gt;ul&gt;li:hover&gt;a::after,
header .rightDiv .menu&gt;ul&gt;li.on&gt;a::after{opacity: 1;transform: scaleX(1);}
header .othersDiv{height: 80px; }
header .othersDiv .ssDiv{cursor: pointer; }
header .othersDiv .langDiv{margin-left: 30px;position: relative; }
header .othersDiv .langDiv&gt;a{color: #333;height: 80px; }
header .othersDiv .langDiv&gt;a i{width: 11px;height: 100%;background: url(../img/xia1.png) no-repeat center center; }
header .othersDiv .langDiv&gt;a span{margin: 0 9px 0 4px; }
header .othersDiv .langDiv .aDiv{position: absolute;left: 50%;width: 100px;background: rgba(255,255,255,.9);top: 100%;transform: translateX(-50%);border-radius: 3px;font-size: 14px;display: none; }
header .othersDiv .langDiv .aDiv a{color: #333;display: block;line-height: 40px; }
header .othersDiv .langDiv .aDiv a.on{color: #4D4DE1; }
header .othersDiv .langDiv:hover .aDiv{display: block; }
.searchDiv{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.8);z-index: 9999;display: none; }
.searchDiv form{width: 98%;max-width: 520px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);position: relative; }
.searchDiv form a{position: absolute;right: 10px;top: -40px;width: 20px; }
.searchDiv form input{width: 100%;line-height: 48px;background: #fff;border-radius: 30px;padding: 0 120px 0 20px;border: 0; }
.searchDiv form button{width: 100px;height: 100%;border: 0;background: #4D4DE1;position: absolute;right: 0;top: 0;border-radius: 0 30px 30px 0;cursor: pointer;color: #fff; }


header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../img/menu.png) no-repeat center center;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

header.indexHeader{background: transparent;border: 0; }
header.indexHeader .rightDiv .menu&gt;ul&gt;li&gt;a{color: #fff;}
header.indexHeader .rightDiv .menu&gt;ul&gt;li:hover&gt;a,
header.indexHeader .rightDiv .menu&gt;ul&gt;li:focus&gt;a,
header.indexHeader .rightDiv .menu&gt;ul&gt;li.on&gt;a,
header.indexHeader .rightDiv .menu&gt;ul&gt;li.active&gt;a{background:transparent;color: #fff;}
header.indexHeader .rightDiv .menu&gt;ul&gt;li&gt;a::after{background: #fff;}
header.indexHeader .dImg{display: block;}
header.indexHeader .hImg{display: none;}
header.indexHeader .langDiv&gt;a{color: #fff; }
header.indexHeader .othersDiv .langDiv&gt;a i{background: url(../img/xia.png) no-repeat center center; }

.on-fixed header{background: #fff;border-bottom: 1px solid #EDEDED; }
.on-fixed header:before{display: none;}
.on-fixed header.indexHeader .dImg{display: none;}
.on-fixed header.indexHeader .hImg{display: block;}
.on-fixed header .rightDiv .menu&gt;ul&gt;li&gt;a{color: #333;}
.on-fixed header .rightDiv .menu&gt;ul&gt;li:hover&gt;a,
.on-fixed header .rightDiv .menu&gt;ul&gt;li:focus&gt;a,
.on-fixed header .rightDiv .menu&gt;ul&gt;li.on&gt;a,
.on-fixed header .rightDiv .menu&gt;ul&gt;li.active&gt;a{color: #4D4DE1;}
.on-fixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} 
.on-fixed header.indexHeader .langDiv&gt;a{color: #333; }
.on-fixed header.indexHeader .othersDiv .langDiv&gt;a i{background: url(../img/xia1.png) no-repeat center center; }
.on-fixed header.indexHeader .rightDiv .menu&gt;ul&gt;li&gt;a::after{background: #4D4DE1;}

.onFixed header{background: #fff;border-bottom: 1px solid #EDEDED; }
.onFixed header:before{opacity: 0; }
.onFixed header.indexHeader .dImg{display: none; }
.onFixed header.indexHeader .hImg{display: block; }
.onFixed header .rightDiv .menu&gt;ul&gt;li&gt;a{color: #333; }
.onFixed header .rightDiv .menu&gt;ul&gt;li:hover&gt;a,
.onFixed header .rightDiv .menu&gt;ul&gt;li:focus&gt;a,
.onFixed header .rightDiv .menu&gt;ul&gt;li.on&gt;a,
.onFixed header .rightDiv .menu&gt;ul&gt;li.active&gt;a{color: #4D4DE1;}
.onFixed header .rightDiv .menu&gt;ul&gt;li&gt;a::after{background: #4D4DE1;}
.onFixed header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;} 
.onFixed header.indexHeader .langDiv&gt;a{color: #333; }
.onFixed header.indexHeader .othersDiv .langDiv&gt;a i{background: url(../img/xia1.png) no-repeat center center; }

.on-menu header.indexHeader .dImg{display: none;}
.on-menu header.indexHeader .hImg{display: block;}
.on-menu header .mbtn{background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;}

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu&gt;ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu&gt;ul&gt;li{float:left;}
.menu&gt;ul&gt;li&gt;a{padding:0;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu&gt;ul&gt;li:hover&gt;a,.menu&gt;ul&gt;li.active&gt;a{color:#fff}
.menu ul ul{position:absolute;background: #fff;width: 100%; top: 100%;left:-9999px;z-index: 999;padding: 30px 0; }
.menu&gt;ul&gt;li:hover&gt;ul{left: 0; }
.menu&gt;ul&gt;li .ul{display: grid;grid-template-columns: repeat(7,1fr);grid-gap: 30px;  } 
.menu&gt;ul&gt;li .ul li{position: relative; }
.menu&gt;ul&gt;li .ul li .imgDiv{padding-top: 55.79%; }
.menu&gt;ul&gt;li .ul li .title{color: #333;margin-top: 10px; }
.menu&gt;ul&gt;li.proLi .ul{display: flex;justify-content: space-between;align-items: flex-start;  } 
.menu&gt;ul&gt;li.proLi .ul li{position: relative;margin-right: 20px;flex: 1; }
.menu&gt;ul&gt;li.proLi .ul li:last-child{margin-right: 0; }
.menu&gt;ul&gt;li.proLi .ul li&gt;a{color: #000;text-align: left;font-size: 18px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #EDEDED; }
.menu&gt;ul&gt;li.proLi .ul li .aDiv{display: flex;flex-direction: column;align-items: flex-start; }
.menu&gt;ul&gt;li.proLi .ul li .aDiv a{margin-top: 10px;color: #555555;text-align: left;font-size: 14px;margin-top: 15px; }
.menu&gt;ul&gt;li.proLi .ul li .aDiv a:hover{color: #4D4DE1;text-decoration: underline;text-underline-offset: 4px; }



/****åº•éƒ¨***/
.footLine{width: 100%;height: 10px;background: linear-gradient(270deg, #4D4FE1 0%, #4D9EE1 100%); }
.footerDiv{position: relative;background: #0B0B20; }
.footerDiv .hdDiv{padding: 60px 0; }
.footerDiv .hdDiv .hlDiv{width: 285px; }
.footerDiv .hdDiv .hlDiv .telDiv{margin: 50px 0 40px;color: #fff; }
.footerDiv .hdDiv .hlDiv .telDiv p{font-weight: bold;font-size: 28px; }
.footerDiv .hdDiv .hrDiv{/* flex: 1; */width: 65.25%;align-items: flex-start; }
.footerDiv .hdDiv .shareDiv a{margin-right: 10px;position: relative; }
.footerDiv .hdDiv .shareDiv a span{width: 42px;height: 42px;display: flex;justify-content: center;align-items: center;background: #39396C;border-radius: 50%; }
.footerDiv .hdDiv .shareDiv .hImg{display: none; }
.footerDiv .hdDiv .shareDiv a:hover .dImg{display: none; }
.footerDiv .hdDiv .shareDiv a:hover .hImg{display: block; }
.footerDiv .hdDiv .shareDiv a:hover span{background: #4D4DE1; }
.footerDiv .hdDiv .shareDiv a .ewmDiv{position: absolute;left: 0;top: 110%;width: 100px;display: none; }
.footerDiv .hdDiv .shareDiv a:hover .ewmDiv{display: block; }
.footerDiv .hdDiv .listDiv{margin-left: 4vw; }
.footerDiv .hdDiv .listDiv:first-child{margin-left: 0; }
.footerDiv .hdDiv .listDiv&gt;span{font-size: 18px;color: #fff; }
.footerDiv .hdDiv .listDiv .aDiv {margin-top: 20px; }
.footerDiv .hdDiv .listDiv .aDiv a{display: block;color: #ccc;margin-top: 15px;font-size: 14px; }
.footerDiv .hdDiv .listDiv .aDiv span{display: block;color: #fff; }
.footerDiv .hdDiv .listDiv .aDiv .p{margin-top: 20px;word-break:break-all; }
.footerDiv .hdDiv .listDiv .aDiv .p img{margin-right: 10px; }
.footerDiv .hdDiv .listDiv .aDiv a:hover{color: #6363EE; }
.footerDiv .bdDiv{padding: 0 0 34px;color: #999999;font-size: 14px; }


/*::-webkit-scrollbar  
{  
    width: 2px;  
    height: 2px;  
}  
::-webkit-scrollbar-track  
{  
    border-radius: 4px;  
    background-color: #f5f5f5;
}  
::-webkit-scrollbar-thumb  
{  
    border-radius: 4px; 
    background-color: #0E50D1;
}*/

/********************************* é¦–é¡µ **********************************/
.main{margin-top: 0; }


/*bannerè½®æ’­*/
.index-banner{width: 100%;position:relative;}
.index-banner .swiper-slide{overflow: hidden;}
.index-banner .img{width: 100%;display: block;height: 48.4375vw;background: none no-repeat center;background-size: cover;}
.index-banner .img .wrap{position: relative;}
.index-banner .gridVideo{width: 100%;display: block;height: 46.875vw;position: relative;position: absolute;left: 0;top: 0;}
.index-banner .gridVideo video {width: 100%;height: 100%;object-fit: cover;position: absolute;left: 0;top: 0;opacity: 1;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition: z-index 0s ease 0.7s,opacity 0.35s ease 0.7s;display: block;}
.index-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets{bottom: 20px;}
.index-banner .swiper-pagination-bullet{width: 6px;height: 6px;background: #fff;border-radius:50%;opacity:1;position: relative; }
.index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative; }
.index-banner .swiper-pagination-bullet-active:after{content: "";width: 16px;height: 16px;border: 1px solid #fff;border-radius: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;  }
.index-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px; }

.indexTitle{position: relative;/* width: 45%; */}
.indexTitle span{display: block;font-size: 36px;color: #333333;font-weight: bold; }
.indexTitle .line{width: 50px;height: 6px;background: linear-gradient(270deg, #4D4FE1 0%, #4D9EE1 100%);margin-top: 10px; }
.ihdDiv .tabsDiv{flex: 1;flex-wrap: wrap; }
.ihdDiv .tabsDiv a{width: 140px;line-height: 44px;border: 1px solid #4D4DE1;border-radius: 23px;color: #333;font-size: 20px;background: #fff;text-align: center;margin-left: 20px;margin-bottom: 10px; }
.ihdDiv .tabsDiv a.on,.ihdDiv .tabsDiv a:last-child:hover{background: #4D4DE1;color: #fff; }

.indexDiv1{padding: 90px 0 70px;}
.indexDiv1 ul{/* flex-wrap: wrap; */ }
.indexDiv1 ul li{/* width: 217px;height: 217px; */border: 1px solid #4D4DE1;border-radius: 50%;margin-right: 3vw;margin-bottom: 20px;width: 16.666666%; }
.indexDiv1 ul li .conDiv{padding-top: 100%;position: relative; }
.indexDiv1 ul li .conDiv .textDiv{display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.indexDiv1 ul li:last-child{margin-right: 0; }
.indexDiv1 ul li span{font-size: 36px;color: #4D4DE1;margin: 15px 0 10px;line-height: 1; }

.indexDiv2{padding: 90px 0; }
.indexDiv2 .bdDiv{margin-top: 87px; }
.indexDiv2 .bdDiv .tabsCon{display: none; }
.indexDiv2 .bdDiv .tabsCon.on{display: block; }
.indexDiv2 .bdDiv .rowDiv{position: relative;justify-content: flex-end; }
.indexDiv2 .bdDiv .rlDiv{width: 37.5%;overflow: initial;position: absolute;left: 0;top: 0;height: 100%;display: flex;justify-content: center;align-items: center; }
.indexDiv2 .bdDiv .rlDiv img{max-width: 100%;max-height: 100%; }
.indexDiv2 .bdDiv .rrDiv{width: 56.875%; }
.indexDiv2 .bdDiv .rrDiv .rrh{margin-bottom: 60px;}
.indexDiv2 .bdDiv .rrDiv .rrh a{color: #666;font-size: 24px;margin-right: 2vw; }
.indexDiv2 .bdDiv .rrDiv .rrh a.on{color: #333;text-decoration: underline;text-underline-offset: 5px; }
.indexDiv2 .bdDiv .rrDiv .rrh a:last-child{margin-right: 0; }
.indexDiv2 .bdDiv .rrDiv .rrb .p{color: #3D3D3D;line-height: 2.4; }
.indexDiv2 .bdDiv .rrDiv .rrb .p a{color: #4D4DE1; }
.indexDiv2 .bdDiv .rrDiv .rrb .p a:hover{text-decoration: underline; }
.indexDiv2 .bdDiv .rrDiv .rrb .yylyDiv{margin-top: 50px; }
.indexDiv2 .bdDiv .rrDiv .rrb .yylyDiv span{font-weight: bold;}
.indexDiv2 .bdDiv .rrDiv .rrb .yylyDiv ul{display: flex;justify-content: space-between;margin-top: 20px; }
.indexDiv2 .bdDiv .rrDiv .rrb .yylyDiv ul li{width: calc(33.333% - 10px); }
.indexDiv2 .bdDiv .rrDiv .show{display: none; }
.indexDiv2 .bdDiv .rrDiv .show.on{display: block; }
.indexDiv2 .bdDiv .rrDiv .rrb .yylyDiv ul li .imgDiv{padding-top: 56.2%; }

.imgOver{position: relative;}
.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden; }
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }

.indexDiv3{padding: 90px 0; }
.indexDiv3 .indexTitle .line{background: #333; }
.indexDiv3 .bdDiv{margin-top: 40px;position: relative; }
.indexDiv3 .bdDiv .lunboDiv{position: absolute;left: 0;top: 0;width: 100%;z-index: 0;opacity: 0; }
.indexDiv3 .bdDiv .lunboDiv.on{position: relative;z-index: 1;opacity: 1; }
.indexDiv3 .bdDiv .swiper-slide a{display: block;position: relative;  }
.indexDiv3 .bdDiv .swiper-slide a .imgDiv{padding-top: 75.04%; }
.indexDiv3 .bdDiv .swiper-slide a .textDiv{padding: 20px;color: #333; }
.indexDiv3 .bdDiv .swiper-slide a .textDiv .title{font-size: 24px;font-weight: 700; }
.indexDiv3 .bdDiv .swiper-slide a .textDiv .p{margin-top: 15px;line-height: 2; }
.indexDiv3 .bdDiv .swiper-slide a:hover{background: #fff; }
.indexDiv3 .btnDiv{margin-top: 40px; }
.indexDiv3 .swiper-button-next, .indexDiv3 .swiper-button-prev{width: 60px;height: 60px;margin-top: initial;top: initial;bottom: 0;position: relative; }
.indexDiv3 .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: auto;}
.indexDiv3 .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: auto;}
.indexDiv3 .swiper-button-next:hover{background: url(../img/right_.png) no-repeat center center/100%;right: auto;}
.indexDiv3 .swiper-button-prev:hover{background: url(../img/left_.png) no-repeat center center/100%;left: auto;}
.indexDiv3 .swiper-pagination-fraction{position: relative;bottom: auto;width: auto;margin: 0 25px;font-size: 20px; }

.indexDiv4{position: relative;background: linear-gradient(270deg, #4D4DE1 0%, #4D9EE1 100%); }
.indexDiv4 .bdDiv{position: relative; }
.indexDiv4 .swiper-slide a{display: block;position: relative;  }
.indexDiv4 .swiper-slide a .imgDiv{overflow: hidden;height: 33.8541vw; }
.indexDiv4 .swiper-slide a .imgDiv img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv4 .swiper-slide a .title{position: absolute;left: 3vw;top: 4vw;color: #fff;font-size: 24px;font-weight: 700; }
.indexDiv4 .swiper-slide a .title img{margin-left: 10px; }
.indexDiv4 .swiper-button-next, .indexDiv4 .swiper-button-prev{width: 3.125vw;height: 3.125vw;margin-top: initial;top: initial;bottom: 3vw;left: initial; }
.indexDiv4 .swiper-button-next{background: url(../img/right1.png) no-repeat center center/100%;right: 27vw;}
.indexDiv4 .swiper-button-prev{background: url(../img/left1.png) no-repeat center center/100%;left: auto;right: 36.45vw;}
.indexDiv4 .swiper-button-next:hover{background: url(../img/right_.png) no-repeat center center/100%;}
.indexDiv4 .swiper-button-prev:hover{background: url(../img/left_.png) no-repeat center center/100%;}
.indexDiv4 .hdDiv{padding: 70px 0 60px;color: #fff; }
.indexDiv4 .hdDiv .hlDiv{width: 70%; }
.indexDiv4 .hdDiv .indexTitle {margin-right: 3vw; }
.indexDiv4 .hdDiv .indexTitle span{color: #fff; }
.indexDiv4 .hdDiv .indexTitle .line{background: #fff; }
.indexDiv4 .hdDiv .hlDiv .p{max-width: 580px;flex: 1; }
.indexDiv4 .swiper-pagination-fraction{position: relative;bottom: auto;width: auto;margin: 0 25px;font-size: 20px;color: #fff; }
.indexDiv4 .jianImg{position: absolute;left: 30.2vw;bottom: 0;z-index: 1;width: 6.25vw; }

.indexDiv5{padding: 90px 0;}
.indexDiv5 .indexTitle span{color: #fff; }
.indexDiv5 .bdDiv{margin-top: 40px; }
.indexDiv5 .bdDiv ul{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 10px; }
.indexDiv5 .bdDiv ul li .conDiv{background: rgba(0, 0, 0, .5);padding: 70px 30px;position: relative; flex-direction: column; }
.indexDiv5 .bdDiv ul li .conDiv .xh{position: absolute;left: 30px;top: 30px;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;background: #fff;border-radius: 50%;font-size: 20px;  }
.indexDiv5 .bdDiv ul li .conDiv .imgDiv {max-width: 200px;}
.indexDiv5 .bdDiv ul li .conDiv .imgDiv img{border-radius: 50%;}
.indexDiv5 .bdDiv ul li .conDiv .title{color: #fff;font-size: 20px;margin-top: 20px;text-align: center; }
.indexDiv5 .bdDiv ul li .conDiv:hover{background: #fff; }
.indexDiv5 .bdDiv ul li .conDiv:hover .xh{background: #4D4DE1;color: #fff; }
.indexDiv5 .bdDiv ul li .conDiv:hover .title{color: #333; }

.indexDiv6{padding: 90px 0; }
.indexDiv6 .blDiv{width: 40.625%; }
.indexDiv6 .blDiv .p{margin: 30px 0;line-height: 2; }
.indexDiv6 .blDiv a{color: #4D4DE1; }
.indexDiv6 .blDiv a:hover{text-decoration: underline; }
.indexDiv6 .blDiv img{margin-top: 60px; }
.indexDiv6 .brDiv{width: 53.125%;border-radius: 150px 0 0 0;overflow: hidden; }

.indexDiv7{padding: 90px 0;}
.indexDiv7 .hdDiv{margin: 40px 0 60px;align-items: initial; }
.indexDiv7 .hdDiv .hlDiv{width: 66.0625%; }
.indexDiv7 .hdDiv .hlDiv a{height: 100%; }
.indexDiv7 .hdDiv .hlDiv a img{width: 100%;height: 100%;object-fit: cover; } 
.indexDiv7 .hdDiv .hrDiv{width: 32.0625%;display: flex;justify-content: space-between;flex-direction: column; }
.indexDiv7 .hdDiv .hrDiv a{height: calc(100% - 15px); }
.indexDiv7 .hdDiv .hrDiv a:last-child{margin-top: 30px; }
.indexDiv7 .hdDiv a{position: relative;display: block; }
.indexDiv7 .hdDiv a .textDiv{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;flex-direction: column;display: flex;justify-content: space-between;padding: 2vw 2vw 1.5vw;align-items: flex-start;color: #fff; }
.indexDiv7 .hdDiv a .textDiv .date{background: #4D4FE1;padding:5px 10px;display: flex;justify-content: center;align-items: flex-start;flex-direction: column; }	
.indexDiv7 .hdDiv a .textDiv .date span{font-size: 24px; }
.indexDiv7 .hdDiv a .text{width: 100%; }
.indexDiv7 .hdDiv .hrDiv a .title{font-size: 24px; }
.indexDiv7 .hdDiv .hlDiv a .title{font-size: 32px;margin-bottom: 10px; }
.indexDiv7 .hdDiv .hlDiv a .p{line-height: 1.8; }
.indexDiv7 .bdDiv .row&gt;div a{display: block;border-bottom: 1px solid #CCCCCC;padding-bottom: 30px;  }
.indexDiv7 .bdDiv .row&gt;div .date{color: #666666; }
.indexDiv7 .bdDiv .row&gt;div .p{color: #333;font-size: 24px;font-weight: bold;margin: 15px 0 20px; }
.indexDiv7 .bdDiv .row&gt;div .date{color: #666666; }
.indexDiv7 .bdDiv .row&gt;div span{color: #666; }
.indexDiv7 .bdDiv .row&gt;div a:hover{border-color: #4D4DE1; }
.indexDiv7 .bdDiv .row&gt;div a:hover .p{color: #4D4DE1; }
.indexDiv7 .tabsCon .rowDiv{display: none; }
.indexDiv7 .tabsCon .rowDiv.on{display: block; }


/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/




/*.menu ul ul li.has-sub&gt;a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub&gt;a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover&gt;a::after{border-color:#fff}*/

@media (max-width:1570px) {
	header .rightDiv .menu&gt;ul&gt;li{margin-right: 3vw; }
	header .othersDiv .langDiv{margin-left: 1.5vw; }
	header .logo{width: 15%;}
}
@media (max-width:1400px) {
	.indexDiv1 ul li img{width: 50px; } 
	.indexDiv1 ul li span{font-size: 30px;margin: 10px 0 5px; }
	.indexDiv1 ul li p{font-size: 14px; }
	
}
@media (max-width:1200px) {
	header .rightDiv .menu&gt;ul&gt;li{margin-right: 2vw; }
	.indexDiv1 ul li img{width: 40px; } 
	.indexDiv1 ul li span{font-size: 20px;margin: 10px 0 5px; }
	.indexTitle span{font-size: 30px; }
	.ihdDiv .tabsDiv a{font-size: 18px; }
	.indexDiv3 .bdDiv .swiper-slide a .textDiv .title{font-size: 20px; }
	.indexDiv7 .hdDiv .hlDiv a .title{font-size: 24px; }
	.indexDiv7 .hdDiv .hrDiv a .title,.indexDiv7 .bdDiv .row&gt;div .p{font-size: 20px; }
	.ihdDiv .tabsDiv a{width: 120px;line-height: 40px; }
	.indexDiv2 .bdDiv .rrDiv .rrh a{font-size: 20px; }
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu&gt;ul&gt;li&gt;a{padding: 0 20px;}
	.menu.align-center&gt;ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover&gt;ul&gt;li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover&gt;ul&gt;li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover&gt;ul&gt;li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu&gt;ul&gt;li,.menu.align-center&gt;ul&gt;li,.menu.align-right&gt;ul&gt;li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover&gt;a,.menu ul ul li a:hover{color:#333}
/*	/*
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover&gt;a,.indexHeader .menu ul ul li a:hover{color:#fff}*/
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover&gt;a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu&gt;ul&gt;li.has-sub&gt;a::after,.menu ul ul li.has-sub&gt;a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #333;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover&gt;ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0 15px;}
	.menu ul ul .hd{display: none;}
	.menu ul ul .bd{padding: 0;}
	header .rightDiv .menu&gt;ul&gt;li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu&gt;ul&gt;li li a{color: #fff;}*/
	.on-fixed header.indexHeader .rightDiv .menu&gt;ul&gt;li li a{color: #333;}
	header:before{display: none;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .header-container{height: 50px;}
	header .logo a{height: 50px;width: initial;}
	header .logo a img{max-height: 60%;}
	header .mbtn {display: block;}
	body.on-menu header{background: rgba(255,255,255,.97);}
	body.on-menu.on-fixed  header{background:  rgba(255,255,255,.97);}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: calc(100% - 50px);
		padding-top: 0;
		background-color: rgba(255,255,255,.97);
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	.on-fixed header .rightDiv .menu{
		background-color: rgba(255,255,255,.97);
	}
	header .rightDiv .menu ul{float: initial;height: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	header .rightDiv .menu&gt;ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu&gt;ul&gt;li&gt;a{padding:0 15px;background: none;}
	header .rightDiv .menu&gt;ul&gt;li&gt;a::after{display: none;}
	header .rightDiv .menu&gt;ul&gt;li:hover&gt;a, header .rightDiv .menu&gt;ul&gt;li:focus&gt;a, header .rightDiv .menu&gt;ul&gt;li.on&gt;a, header .rightDiv .menu&gt;ul&gt;li.active&gt;a{font-weight: bold;}

	/* header.indexHeader .rightDiv .menu&gt;ul&gt;li&gt;a{color: #333;} */
	.menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;}
	.menu ul ul .flexbet,.menu ul ul .flexend{padding: 0;}
	.menu&gt;ul&gt;li:hover&gt;ul{transform: initial;}
	.main {position: relative;right: 0;transition: right 300ms !important;}
	header .othersDiv{height: 50px;padding-right: 40px; }
	header .othersDiv .langDiv{margin-left: 15px; }
	header .othersDiv .langDiv&gt;a{height: 50px;}
	.menu&gt;ul&gt;li .ul{display: block; }
	.menu&gt;ul&gt;li .ul li .imgDiv{padding-top: 0; }
	.menu&gt;ul&gt;li .ul li .title{position: relative;color: #333;margin-top: 0; }
	.menu&gt;ul&gt;li.proLi .ul{flex-wrap: wrap;grid-gap: 0; }
	.menu&gt;ul&gt;li.proLi .ul li{width: 100%;margin-right: 0;padding: 0 20px;flex: initial; }
	.menu&gt;ul&gt;li.proLi .ul li&gt;a{padding: 0;border: 0; }
	.menu&gt;ul&gt;li.proLi .ul li&gt;.line{margin: 0; }
	.menu&gt;ul&gt;li.proLi .ul li .aDiv{flex-wrap: wrap;flex-direction: row; }
	.menu&gt;ul&gt;li.proLi .ul li .aDiv a{margin-top: 0;width: auto;padding: 0;margin-right: 20px;font-size: 14px; }
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*æ‰‹æœº*/
@media (max-width:767px) {
	html, body{min-width: initial;overflow-x: hidden;font-size: 14px;}
	
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	.floatRightDiv{display: none;}
	.wrap{padding: 0 15px;width: 100%;}
	
	header .logo{width: auto;}
	.index-banner .img{height: 54vw;}
	.index-banner .swiper-container-horizontal&gt;.swiper-pagination-bullets{bottom: 15px; }
	
	.indexDiv1{padding: 45px 0 25px; }
	.indexDiv1 ul{flex-wrap: wrap; }
	.indexDiv1 ul li{width: 30%;border: 0; }
	.indexDiv1 ul li img{width: 35px; }
	.indexDiv2{padding: 45px 0; }
	.ihdDiv{display: block; }
	.indexTitle span{font-size: 24px; }
	.indexTitle .line{height: 3px;width: 30px; }
	.ihdDiv .tabsDiv{margin-top: 20px;justify-content: center; }
	.ihdDiv .tabsDiv a{font-size: 14px;width: 100px;line-height: 32px;margin: 0 5px 10px; }
	.indexDiv2 .bdDiv{margin-top: 40px; }
	.indexDiv2 .bdDiv .rowDiv{display: block; }
	.indexDiv2 .bdDiv .rowDiv .rlDiv{width: 100%;position: relative; }
	.indexDiv2 .bdDiv .rowDiv .rrDiv{width: 100%;margin-top: 20px; }
	.indexDiv2 .bdDiv .rrDiv .rrh{margin-bottom: 30px;overflow-x: auto;white-space:nowrap; }
	.indexDiv2 .bdDiv .rrDiv .rrh a{font-size: 16px;margin-right: 20px;margin-bottom: 10px; }
	.indexDiv2 .bdDiv .rrDiv .rrb .yylyDiv{margin-top: 20px; }
	.indexDiv3{padding: 45px 0; }
	.indexDiv3 .swiper-button-next, .indexDiv3 .swiper-button-prev{width: 40px;height: 40px; }
	.indexDiv3 .swiper-pagination-fraction{margin: 0 15px;font-size: 16px; }
	.indexDiv3 .btnDiv{margin-top: 20px; }
	.indexDiv4 .swiper-slide a .imgDiv{height: 55.8541vw; }
	.indexDiv4 .swiper-slide a .title{font-size: 18px; }
	.indexDiv4 .swiper-button-next, .indexDiv4 .swiper-button-prev{width: 30px;height: 30px; }
	.indexDiv4 .swiper-button-next{right: 22vw; }
	.indexDiv4 .hdDiv{padding: 35px 0; }
	.indexDiv4 .hdDiv .flexbet{flex-direction: column-reverse;}
	.indexDiv4 .hdDiv .hlDiv{width: 100%;margin-top: 15px; }
	.indexDiv4 .hdDiv .indexTitle{margin-right: 30px; }
	.indexDiv5{padding: 45px 0; }
	.indexDiv5 .bdDiv{margin-top: 20px; }
	.indexDiv5 .bdDiv ul{grid-template-columns: repeat(2, 1fr); }
	.indexDiv5 .bdDiv ul li .conDiv{padding: 20px 15px;height: 100%; }
	.indexDiv5 .bdDiv ul li .conDiv .imgDiv{max-width: 100px; }
	.indexDiv5 .bdDiv ul li .conDiv .title{font-size: 16px;margin-top: 10px; }
	.indexDiv5 .bdDiv ul li .conDiv .xh{left: 10px;top: 10px;width: 25px;height: 25px;font-size: 14px; }
	.indexDiv6{padding: 45px 0; }
	.indexDiv6 .bdDiv{display: block; }
	.indexDiv6 .blDiv{width: 100%; }
	.indexDiv6 .blDiv .p{margin: 15px 0; }
	.indexDiv6 .blDiv img{margin-top: 30px; }
	.indexDiv6 .brDiv{width: 100%;margin-top: 20px;border-radius: 80px 0 0; }
	.indexDiv7{padding: 45px 0; }
	.indexDiv7 .hdDiv{margin: 20px 0 0;display: block; }
	.indexDiv7 .hdDiv .hlDiv{width: 100%; }
	.indexDiv7 .hdDiv .hrDiv{width: 100%;margin-top: 20px; }
	.indexDiv7 .hdDiv .hrDiv a:last-child{margin-top: 20px; }
	.indexDiv7 .hdDiv .hrDiv a .title, .indexDiv7 .bdDiv .row&gt;div .p{font-size: 18px; }
	.indexDiv7 .hdDiv .hlDiv a .title{font-size: 20px; }
	.indexDiv7 .bdDiv .row&gt;div{margin-top: 20px; }
	.indexDiv7 .bdDiv .row&gt;div a{padding-bottom: 20px; }
	.indexDiv7 .bdDiv .row&gt;div .p{margin: 10px 0 15px; }
	.footerDiv .hdDiv{padding: 30px 0 15px;display: block;text-align: center; }
	.footerDiv .hdDiv .hlDiv{width: 100%; }
	.footerDiv .hdDiv .hlDiv .telDiv{margin: 25px 0 20px; }
	.footerDiv .hdDiv .hlDiv .telDiv p{font-size: 20px; }
	.footerDiv .hdDiv .hlDiv .shareDiv{justify-content: center; }
	.footerDiv .hdDiv .hrDiv{width: 100%;margin-top: 20px;display: block; }
	.footerDiv .hdDiv .listDiv{text-align: left;margin-left: 0;margin-bottom: 10px; }
	.footerDiv .hdDiv .listDiv .aDiv{display: flex;flex-wrap: wrap;  }
	.footerDiv .hdDiv .listDiv .aDiv{margin-top: 0; }
	.footerDiv .hdDiv .listDiv .aDiv a{margin-top: 6px;margin-right: 10px; }
	.footerDiv .bdDiv{flex-direction: column;text-align: center;padding-bottom: 15px; }
	.footerDiv .bdDiv p{margin-top: 5px; }
	.footerDiv .hdDiv .listDiv&gt;span{font-size: 16px; }
	.footerDiv .hdDiv .shareDiv a:last-child{margin-right: 0; }
	
	
	@media (max-width:320px) {
	}
	
}
</pre></body></html>