﻿@charset "utf-8";blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight:lighter}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:auto;position:relative}
/*公共样式*/
.container{width:100%;max-width:1600px;margin:auto;}
.img-cover{ position: relative; padding-bottom: 75%;}
.img-cover img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
.img-contain{ position: relative; padding-bottom: 75%;}
.img-contain img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: contain;}
.flex{display: flex; display: -webkit-flex;  -webkit-justify-content: space-between; justify-content: space-between;  -webkit-align-items: center;align-items: center;}
.flwrap{  -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.flexcolumn {-webkit-flex-direction: column; flex-direction: column;}
.fixed{ position: fixed;}
.fl{ float: left;}
.fr{ float: right;}
/*头部样式*/
.header{ width: 100%; box-sizing:border-box; z-index: 999; transition: all 0.5s; background: #fff; }
.header.hbbg{ box-shadow: 0 0 1rem rgba(0,0,0,.1); background: #fff;}
.header .logo{ position: relative; z-index: 1002;}
.header .logo img{ max-height: 4rem;}
.header .logo .tel{ margin-left: 2rem; padding-left: 2rem; border-left: 1px solid #ddd; line-height: 1; font-size: 1.4rem; color: #888;}
.header .logo .tel b{ min-width: 15rem; display: block; font-size: 2rem; padding-top: 0.5rem; color: #0079c2; white-space: nowrap; }
.header.hbg{ box-shadow: 0 0 1rem rgba(0,0,0,0.1);}
.header .lang{ position: relative; z-index: 1002;}
.header .lang .langimg{ width: 2rem; height: 2rem;}
.header .search{ position: relative; z-index: 1001; width: 3.5rem; height: 3.5rem; min-width: 3.5rem;}
.header .search a{ display: block; height: 3.5rem; background: url(../images/s.png) no-repeat center #00b278; border-radius: 50%; overflow: hidden; background-size: 1.6rem;}
.navbox{position: relative; z-index: 1001; width: 100%; -webkit-justify-content:flex-end; justify-content:flex-end}
.nav{width: 100%; max-width:80rem; height: 8rem; line-height: 8rem; padding:0 3rem}
.nav > ul > li{ position: relative; width:auto;}
.nav > ul > li>a{ position: relative; z-index: 1; display: block; width: 100%; padding: 0 0.5rem; color:#333; text-align: center; font-size: 1.6rem; font-weight: bold; transition: all 0.5s;}
.nav > ul > li > a::before {position: absolute; z-index: 999;bottom: 0;left: 50%;display: block;width: 0;height: 4px;background-color: #0079c2;content: '';transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);}
.nav > ul > li:hover > a::before{width: 100%;}
.nav > ul > li:hover > a,.nav > ul > li.active > a {color: #0079c2;}
/*栏目下拉菜单*/
.header .width{max-width:1400px;display:flex;align-items: center;justify-content:space-between;margin: 0 auto;width: calc(100% - 100px);}
.header .popup{position: fixed;top:8rem;left:0;width:100%;z-index: 1000;background: #fff; max-height: 0; overflow: hidden; transition: all 0.5s;}
.header .popup::before{content:'';height:100%;background: #f7f7f7;position: absolute;top:0;left:0;width:50%}
.header .popup .width{max-width: 1400px;align-items: stretch;position: relative;z-index: 2;background: #fff;}
.header .popup .cate{width:24%;padding:50px 0 90px 60px;background: #f7f7f7;}
.header .popup .cate>a{display: block;line-height: 1.2; font-size: 1.6rem;background: url(../images/arrow4-g.png) no-repeat calc(100% - 30px) center/10px;padding:2rem 3rem;margin-bottom: 10px;transition: .3s;border-radius: 5px 0 0 5px;}
.header .popup .cate>a:last-child{margin-bottom: 0;}
.header .popup .cate>a.active{background-image: url(../images/arrow4-w.png);background-color:#0079c2;color:#fff}
.header .popup .tabbox{width:76%;}
.header .popup .con-box{display: none;}
.header .popup .con-box.active{ display: block;}
.header .nav > ul > li:hover .popup{ max-height: 100%;}
.header .about-con{padding:6rem;}
.header .about-con>a:nth-of-type(1){font-size:30px;display: block; line-height: 1;}
.header .about-con>p{font-size:16px;line-height: 28px;color:#666;margin:25px 0 40px}
.header .about-con>a:nth-of-type(2){width:160px;line-height: 50px;border:1px solid #999;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.header .about-con>a:nth-of-type(2)>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.header .about-con>a:nth-of-type(2)>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #0079c2 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.header .news-con{padding:6rem;}
.header .news-con>a:nth-of-type(1){font-size:24px; display: block; line-height: 2;}
.header .news-con>p:nth-of-type(1){color:#666;line-height: 1; background: url(../images/15.png) no-repeat left center/17px;padding-left: 30px;margin:15px 0}
.header .news-con>p:nth-of-type(2){font-size:16px;line-height: 28px;color:#666;margin-bottom:40px}
.header .news-con>a:nth-of-type(2){width:160px;line-height: 50px;border:1px solid #999;border-radius: 25px;display: flex;align-items: center;justify-content: center;overflow: hidden;transition: .3s;}
.header .news-con>a:nth-of-type(2)>span:first-child{font-size: 16px;margin-right: 10px;transition: .3s;}
.header .news-con>a:nth-of-type(2)>span:last-child{width:34px;height: 34px;border-radius: 50%;background: #0079c2 url(../images/arrow2.png) no-repeat center center/15px;transition: .3s;}
.header .popup .pbox{ padding:3rem 6rem;}
.header .popup .pbox .pbox_con{ width: 100%; padding: 1rem 0;}
.header .popup .pbox .pbox_con > a{ display: block; color: #0079c2; font-size: 1.6rem; line-height: 1; padding: 1rem 0;}
.header .popup .pbox .pbox_con .pbox_con_item{padding:0; justify-content: flex-start; flex-wrap: wrap;}
.header .popup .pbox .pbox_con .pbox_con_item a{ display: block; line-height: 1; margin: 1rem; margin-top: 0; margin-left: 0; font-size: 1.4rem; padding: 1rem 2rem; border-radius: 0.5rem; background: #f5f5f5;}
.header .popup .pbox .pbox_con .pbox_con_item a:hover{ background: #0079c2; color: #fff;}
.header .news-con>a:nth-of-type(1):hover{color: #0079c2;}
.header .news-con>a:nth-of-type(2):hover{background: #0079c2;border-color:#0079c2}
.header .news-con>a:nth-of-type(2):hover>span:first-child{transform: translateX(22px);color:#fff}
.header .news-con>a:nth-of-type(2):hover>span:last-child{transform: translateX(100px);}
.header .about-con>a:nth-of-type(1):hover{color: #0079c2;}
.header .about-con>a:nth-of-type(2):hover{background: #0079c2;border-color:#0079c2}
.header .about-con>a:nth-of-type(2):hover>span:first-child{transform: translateX(22px);color:#fff}
.header .about-con>a:nth-of-type(2):hover>span:last-child{transform: translateX(100px);}
/*移动端导航样式*/
.menu-handler{position: relative;z-index:1012;left:0;top:0;width:auto; width: 7rem; height:7rem; padding: 1.5rem; overflow:hidden;cursor:pointer;}
.menu-handler .icon-menu{ position: relative; width: 4rem; height: 4rem; background: #0079c2;}
.menu-handler .burger{position:absolute;z-index:5;top:1rem;left:0.8rem;display:block;width:3rem;height:2px;margin:0;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-1{ width: 2.4rem;}
.menu-handler .burger-2{ width: 2.4rem; top:1.9rem}
.menu-handler .burger-3{ width: 2.4rem; left: auto; right: 0.8rem; top:2.8rem}
.menu-handler.active .burger-1{ width: 2.4rem; top:2rem;-webkit-transform:rotate(225deg);transform:rotate(225deg);}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{width: 2.4rem; top:2rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg);}
.menuBlack{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:#fff;display:none}
.menuBox{position:fixed;width:100%;top:0;left:-100%;height:100%; z-index:1001;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;background:url(../images/hbg.jpg) no-repeat center #fff; background-size: cover;}
.navMobile{margin-top:10rem;padding:3rem 0; display: flex; justify-content: center; flex-wrap: wrap;}
.navMobile dd{ width: 16%;}
.navMobile dd a{display:block;line-height:1;color:#333;font-weight:400;font-size:2.4rem;text-align:center;}
.navMobile dd p{ border-right: 1px solid rgba(0,0,0,0.1);}
.navMobile dd:last-child p{ border-right:0;}
.navMobile dd p a.act{color:#0079c2}
.navMobile dd a:hover{color: #0079c2;}
.navMobile .mtnav{ margin-top: 3rem; max-height: 50rem; overflow-y: hidden;}
.navMobile .mtnav a{ line-height: 5rem; font-size:1.6rem}
.navMobile .mtnav a:hover{ color: #0079c2;}
.menuBox .hfoot{ justify-content: flex-end; margin-top: 3rem;}
.menuBox .hfoot a{ display: block; padding: 0 3rem; font-size: 1.4rem; font-weight: bold; border-right: 1px solid rgba(0,0,0,.1);}
.menuBox .hfoot a:hover{ color: #0079c2;}

/*幻灯大图*/
.home{width:100%;height:auto; overflow:hidden; position:relative}
.home::after{ position: absolute; content: ""; bottom: 0; z-index: 998; background: url(../images/banner_bot.png) no-repeat center bottom; width: 100%; height: 42px;}
.home .swiper-container{width:100%;height:100%}
.home .swiper-slide{position:relative;background:#fff;overflow:hidden}
.home .swiper-slide-txt{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}
.home .swiper-slide-txt h3{ font-size: 3rem; color: #fff; padding-bottom: 1rem; font-weight: normal; opacity: 0; transform: translateY(30px); transition: all 0.5s;}
.home .swiper-slide-txt h1{ text-transform: uppercase; font-size: 10rem; line-height: 1; color: #fff; opacity: 0; transform: translateY(80px); transition: all 1s;}
.home .swiper-slide-txt p{ margin: 2rem 0; font-size: 5rem; line-height: 1.5; color: #fff; font-weight: normal; opacity: 0; transform: translateY(30px); transition: all 0.5s;}
.home .swiper-slide-txt a{ display: inline-block; position: relative; overflow: hidden; font-size: 1.2rem; padding: 1rem 3rem; color: #fff; background: #0079c2;}
.home .swiper-slide-active .swiper-slide-txt h3 {opacity: 1; transform: translateY(0px);}
.home .swiper-slide-active .swiper-slide-txt h1 {opacity: 1; transform: translateY(0px);}
.home .swiper-slide-active .swiper-slide-txt p {opacity: 1; transform: translateY(0px);}
.home .swiper-slide .vbox{position:absolute;left:0;top:0;width:100%;height:100%}
.home .swiper-slide .vbg{ position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, .5);}
.home .swiper-slide .vidbg{position:relative;z-index:9}
.home .swiper-slide-img{ width: 100%; height: auto;}
.home .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
.home .swiper-slide-active img,.home .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}
.home .swiper-pagination{ right:0; left: auto; bottom: 0; width: 10rem; height: 100%; border-left: 1px solid rgba(255,255,255,0.2); -webkit-flex-flow: column; flex-flow: column; justify-content: center;}
.home .swiper-pagination-bullet{width:1.2rem;height:1.2rem; border-radius: 1.2rem; opacity:1;background:rgba(255,255,255,.5);transition:all .5s}
.home .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0.5rem;}
.home .swiper-pagination-bullet-active{ background:#0079c2; height: 3rem;}
.home .swiper-button-next,.home .swiper-button-prev{ right: 2.85rem; left: auto; top: 50%; width:4rem ;height:4rem; border-radius: 4rem; border: 2px solid #fff; }
.home .swiper-button-next{ background: url(../images/l.png) no-repeat center;background-size: 2rem; margin-top: -10rem; }
.home .swiper-button-prev{ background: url(../images/r.png) no-repeat center;background-size: 2rem; margin-top: 6rem; }
.home .swiper-button-next:hover,.home .swiper-button-prev:hover{ background-color: #0079c2; border-color: #0079c2;}
.mouse_icon{ position: absolute; left: 50%; bottom:0; cursor:pointer; margin-left: -6rem; width: 12rem; padding: 1rem; height: auto;color: rgba(255, 255, 255, .75); text-align: center; z-index: 999;}
.mouse_icon p{ font-size: 1.4rem; display: block; margin-top: 0.5rem;  padding: 0 1rem;}
.mouse_icon .mouse{ width: 2.5rem; height: auto; margin:auto; position: relative;}
.mouse_icon .mouse img{ -webkit-animation: upAnimate 2s ease infinite; width: 100%;}
@-webkit-keyframes upAnimate{
    0%,100%{
        -webkit-transform: translateY(-4px);
    }
    50%{
        -webkit-transform: translateY(4px);
    }
}
.mouse_icon .icon{ width: 12px; margin: 0px auto;}
.mouse_icon .icon img{ -webkit-animation: upAnimate2 2s ease infinite;} 
@-webkit-keyframes upAnimate2{
    0%,100%{
        -webkit-transform: translateY(-1px);
    }
    50%{
        -webkit-transform: translateY(3px);
    }
}
/*底部*/
.footer{position: relative; width: 100%; height: auto; overflow: hidden;}
.footer::before{ position: relative; content: ""; display: block; z-index: 1; width: 100%; height: 40px; background: url(../images/footer_top.png) no-repeat center top;}
.footer .footer_bg{ width: 100%; height: auto; overflow: hidden; background: #0079c2;}
.footer .lbox{ width: 48%; padding:5rem 5rem 5rem 0;}
.footer .lbox .msgbox{ padding: 3rem 0;}
.footer .lbox .msgbox h3{ line-height: 1.2; padding-bottom: 2rem; font-size: 1.8rem; color: #fff;}
.footer .lbox .msgbox input.phone{ width: 100%; background: #fff; border: 0; border-radius: 3rem; height: 6rem; line-height: 6rem; padding:0 2rem; font-size: 1.6rem;}
.footer .lbox .msgbox input.btn{ position: absolute; right: 0; z-index: 1; width: 18rem; height: 6rem; background: none;}
.footer .lbox ul.fast-nav{ height: auto; overflow: hidden; margin: 5rem 0; align-items: stretch;}
.footer .lbox ul li h3{ padding-bottom: 2rem; font-size: 2rem;} 
.footer .lbox ul li h3 a{ color: #fff;}
.footer .lbox ul li p a{ font-size: 1.6rem; color: #fff;}
.footer .lbox ul li p a:hover{ color: #bfe7ff;}
.footer .lbox .copyright{ padding-top: 5rem; font-size: 1.4rem; line-height: 2; color: #fff;}
.footer .lbox .copyright a{ color: #fff;}
.footer .lbox .copyright a:hover{ color: #bfe7ff;}
.footer .rbox{ width: 48%; padding:5rem 0 5rem 5rem;}
.footer .rbox h1{position: relative; margin: 5rem 0; padding-bottom: 1rem; border-bottom: 1px solid #ddd; font-size: 1.8rem;color: #fff;}
.footer .rbox h1::after{ content: ""; position: absolute; left: 0; bottom: -2px; width: 8rem; height: 3px; background: #fff;}
.footer .rbox .contact p{ justify-content: flex-start; align-items: stretch;}
.footer .rbox .contact p span{ padding: 1rem; display: block;color: #fff;}
.footer .rbox .WeChat{ margin-top: 5rem; justify-content: flex-start;}
.footer .rbox .WeChat .item{ margin-right: 5rem;}
.footer .rbox .WeChat img{ max-width: 14rem;}
.footer .rbox .WeChat p{ padding-top: 1rem; line-height: 1.5; font-size: 1.4rem;color: #fff;}
.footer .container .input_box{ position: relative; border-radius: 5rem;overflow: hidden;}
.footer .container .more-btn{ position: absolute; z-index: 2; top: 0; right: 0; pointer-events: none;}
/*侧边栏客服代码*/
.m-kefu-btn{ position: fixed; z-index: 998; bottom: 2rem; right: 2rem; width: 6rem; height: 6rem; border-radius: 50%; background:url(../images/kefubtn.png) no-repeat center #fff; background-size: 3rem; cursor: pointer; box-shadow: 0 0  1rem rgba(0, 0, 0, .1); transition: all 0.5s;}
.m-kefu-btn.on{ bottom: 8rem;}
.m-kefu-bg{ position: fixed; display: none; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); transition: all 0.5s;}
.m-kefu-box{ position: fixed; z-index: 1001; right: -100%; bottom: 9rem; width: 70%; max-width: 30rem; height: auto; padding: 2rem; border-radius: 1rem; background: #fff; box-shadow: 0 0 1rem rgba(0,0,0,.2); transition: all 0.5s;}
.m-kefu-box ul{ flex-direction: column; align-items: flex-start;}
.m-kefu-box ul li{ padding: 1rem 0;}
.m-kefu-box ul li p{ line-height: 2rem;}
.m-kefu-box ul li a{ display: flex; justify-content: flex-start; align-items: flex-start;}
.m-kefu-box ul li span{ display: block; width: 2rem;min-width: 2rem; height: 2rem;margin-right: 1rem;}
.m-kefu-box ul li span.kefu1{ background: url(../images/i04.png) no-repeat center; background-size: 2rem;}
.m-kefu-box ul li span.kefu2{ background: url(../images/i01.png) no-repeat center; background-size: 2rem;}
.m-kefu-box ul li span.kefu3{ background: url(../images/i03.png) no-repeat center; background-size: 2rem;}
.m-kefu-box ul li span.kefu4{ background: url(../images/i02.png) no-repeat center; background-size: 2rem;}
.return {position: fixed;z-index: 998;width: 5rem;height: 5rem;bottom: 2rem;right: 2.5rem;opacity: 0;background-color: #00b278;border-radius: 50%;background-repeat: no-repeat;background-position: center;cursor: pointer;background-image: url(../images/fanhui.png);transition: all 0.5s;}
.return.on{ opacity: 1;}
/* 语言选择容器 - 核心样式 */
.custom-select{position: relative;width: auto;margin: 0 1rem;}
.select-trigger {padding:0;height: auto;line-height: 1.5; padding-right: 3rem;font-size: 1.6rem; font-weight: bold; cursor: pointer;position: relative;transition: border-color 0.2s; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.select-trigger::after {content: ""; background: url(../images/down.png) no-repeat center; width: 3rem; height: 2rem; position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 1.2rem;color: #999;transition: transform 0.2s; background-size: 1.5rem;}
.select-trigger.active::after {transform: translateY(-50%) rotate(180deg);}
.select-options {position: absolute;top: calc(100% + 2.8rem);right: 0; min-width: 130%; background-color: #f5f5f5; max-height: 0; overflow: hidden;transition: max-height 0.2s ease;z-index: 100;}
.select-options.show {max-height: 500px;}

.chinese_simplified > a{ background: url(../images/lang1.png) no-repeat 1rem center;}
.chinese_traditional > a{ background: url(../images/lang2.png) no-repeat 1rem center;}
.english > a{ background: url(../images/lang3.png) no-repeat 1rem center;}
.indonesian > a{ background: url(../images/lang4.png) no-repeat 1rem center;}
.hindi > a{ background: url(../images/lang5.png) no-repeat 1rem center;}
.thai > a{ background: url(../images/lang6.png) no-repeat 1rem center;}
.tamil > a{ background: url(../images/lang7.png) no-repeat 1rem center;}
.vietnamese > a{ background: url(../images/lang8.png) no-repeat 1rem center;}
.korean > a{ background: url(../images/lang9.png) no-repeat 1rem center;}
.malay > a{ background: url(../images/lang10.png) no-repeat 1rem center;}
.filipino > a{ background: url(../images/lang11.png) no-repeat 1rem center;}
.japanese > a{ background: url(../images/lang12.png) no-repeat 1rem center;}

.select-options a{ display: block; padding: 1rem 1rem 1rem 5rem; color: #333; font-size: 1.2rem; background-size: 3rem;}
.select-option { cursor: pointer;transition: background-color 0.2s;}
.select-option:hover {background-color: #fff;}
.select-option.selected {background-color: #fff; font-weight: 500;}
/*不同语种自定义样式*/
.russian .nav > ul > li > a{ font-size: 1.2rem;}
.tamil .nav > ul > li > a,.tamil .nav .subnav > a{ font-size: 1.2rem;}
.english .nav .subnav > a{ font-size: 1.2rem;}

/*搜索框*/
.search_container {width: 600px;height: 250px;margin: 0 auto;position: fixed;top: 240px;left: 50%;transform: translateX(-50%);z-index: 999;background-color: #fff;padding: 60px 0;display: none;box-shadow: 0 0 3rem rgba(0,0,0,0.1);}
.search_container input {position: relative;border: none;background: #f5f5f5;padding-left: 70px;font-size: 20px;color: #3a434a;width: 500px;margin: 0 auto;display: block;font-weight: 400;line-height: 60px;}
.search_container #searchBtn {background: url(../images/search_btn.png) no-repeat center center;background-size: 25px 25px;display: block;width: 60px;height: 40px;position: absolute;top: 70px;left: 55px;}
.search_container .search_close {background: url(../images/search_close.png) no-repeat center center;background-size: 15px 15px;width: 25px;height: 25px;display: block;position: absolute;top: 22px;right: 22px;cursor: pointer;}
.search_container .search_list {position: absolute;top: 130px;left: 0;width: 100%; padding: 0 5rem;}
.search_container .search_list ul {display: flex; flex-wrap: wrap; justify-content: flex-start;align-items: center;}
.search_container .search_list ul li {margin-right: 20px;}
.search_container .search_list ul li a {font-size: 14px;color: #b2b2b2;transition: 0.5s;}
.search_container .search_list ul li a:hover {color: #0079c2;}
.search_container .search_list ul li:first-child {margin-right: 10px;}
.search_container .search_list ul li:first-child a {color: #4c4c4c;}
/*按钮*/
.more-btn { position: relative; display: inline-flex;align-items: center;justify-content: space-between;width: auto; height: 6rem;padding: 0 3rem; padding-right: 9rem; background: linear-gradient(90deg, #1e96c8 0%, #46c0e8 100%);border-radius: 3rem;color: #fff;font-size: 1.6rem;text-decoration: none; cursor: pointer;transition: all 0.3s ease;box-sizing: border-box;}
.more-btn span{ color: #fff;}
.more-btn .arrow { position: absolute; right: 0; display: flex;align-items: center;justify-content: center;width: 6rem;height: 6rem;background: #fff;border-radius: 50%;color: #1e96c8;font-size: 14px;transition: transform 0.3s ease;}
.more-btn:hover {background: linear-gradient(90deg, #1880b0 0%, #3bb0d8 100%);}
.more-btn:hover .arrow {transform: rotate(90deg);}

/*首页*/
.wrapper{position: relative; width: 100%; height: auto; overflow: hidden; background: #fff; bottom: -40px;}

.moduleA{ width: 100%; height: auto; overflow: hidden;}
.numCount .item{ width:25%; border-left: 1px solid rgba(0,0,0,.2); padding:0 1rem;cursor: default;}
.numCount .item:first-child{ border-left: 0;}
.numCount .item .txt{ text-align: center;}
.numCount .item sub{ font-size: 1.6rem;}
.numCount .item .txt h3{ transition: all 0.5s; font-size: 6rem;color:#0079c2}
.numCount .item .txt h3 sup{font-size:1.6rem; font-weight: normal; color: #0079c2; vertical-align: top; top: 2rem;}
.numCount .item .txt p{ color:#333; font-size: 2rem;}

.moduleA .box{ width: 100%; margin: 5rem 0;}
.moduleA .left{ width: calc(50% - 5rem);}
.moduleA .right{ width: calc(50% - 5rem);}
.moduleA .left h1{ font-size: 4rem;}
.moduleA .left h3{ font-size: 2.5rem;font-weight: normal; margin: 1rem 0; color: #0079c2;}
.moduleA .left p{ line-height: 3rem; font-size: 1.6rem; color: #666; margin: 3rem 0; text-align: justify; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}

.moduleA .right{ border-top-left-radius: 6rem; border-bottom-right-radius: 6rem; overflow: hidden;}
.moduleA .right .img-cover{ padding-bottom: 65%;}
.moduleA .right .imgbox{ position: relative;}
.moduleA .right .vbtn{ position: absolute; z-index: 999; width: 8rem; height: 8rem; text-align: center; left: 50%; top: 50%; margin-top: -4rem; margin-left: -4rem; color: #fff; cursor: pointer; padding-top: 5rem; background: url(../images/video.png) no-repeat center top; background-size: 5rem;}

/**/
.moduleB{ width: 100%; height: auto; overflow: hidden; margin: 10rem 0;}
.moduleB .moduleB_box{ position: relative; width: 100%; height: auto; padding: 5rem 10rem; border-radius: 3rem; overflow: hidden; background: #f0f0f0;}
/* .moduleB .moduleB_box::after{ content: ""; position: absolute; z-index: 0; width: 100%; height: 20%; left: 0; bottom: 0; background: linear-gradient(to right,#eee,#fff 50%,#eee);} */
.moduleB .moduleB_box .box{ position: relative; z-index: 1;}
.moduleB_box .tab{ margin-bottom: 2rem; justify-content: center;}
.moduleB_box .tab a{ display: block; margin:0 1rem; height: 6rem; line-height: calc(6rem - 4px); padding: 0 3rem; font-size: 1.6rem; border: 2px solid #0079c2; color: #0079c2; border-radius: 3rem;}
.moduleB_box .tab a.on{ background: linear-gradient(90deg, #1880b0 0%, #3bb0d8 100%); color: #fff; border: none; line-height: 6rem; }
.moduleB_box .item{ display: none;}
.moduleB_box .item > .flex{ align-items: center;}
.moduleB_box .item.on{ display: block;}
.moduleB_box .item .lbox{ width: calc(100% - 30rem);}
.moduleB_box .item .rbox{ width: 28rem; position: relative; z-index: 2;}
.moduleB_box .item .rbox ul li a{ display: block; text-align: center; width: 100%; margin: 1rem 0; height: 5rem; line-height: 5rem; border-radius: 2.5rem; overflow: hidden; background: #fff; cursor: default;}
.moduleB_box .item .rbox ul li:hover a,.moduleB_box .item .rbox ul li.active a{ background: #00b278; color: #fff;}
.moduleB_box .box{ padding-top: 3rem;}
.moduleB_box .lbox_item{ display: none;}
.moduleB_box .lbox_item > .flex{ align-items: center; justify-content: flex-start;}
.moduleB_box .lbox_item.active{ display: block;}
.moduleB_box .lbox_item .img{ width: 56%; max-width: 50rem; height: 100%;}
.moduleB_box .lbox_item .txt{ width: calc(44% - 3rem);}
.moduleB_box .lbox_item .txt h1{ font-size: 2.5rem;}
.moduleB_box .lbox_item .txt h3{ font-size: 2.5rem;font-weight: normal; margin: 2rem 0;}
.moduleB_box .lbox_item .txt p{ font-size: 1.8rem; color: #666;}
.moduleB_box .lbox_item .txt a{ margin-top: 3rem;}
.moduleB_box .lbox_item .img-contain{ padding-bottom: 100%;}

/**/
.moduleC{ position: relative; width: 100%; height: auto; overflow: hidden; background: #eee;}
.moduleC .box{width: 100%; height: auto; overflow: hidden;}
.moduleC .box .item{ display: none;}
.moduleC .box .item.on{ display: block;}
.moduleC .box .img{ width: calc(50% + 20rem); float: right;}
.moduleC .box .img .img-cover{ padding-bottom: 70%;}
.moduleC .box .txt{ position: absolute; width: 100%; height: 100%; padding-bottom: 22rem; left: 0; top: 0;}
.moduleC .box .txt .container{ height: 100%;}
.moduleC .box .txt .txt_box{ width: calc(50% - 20rem); height: 100%; justify-content: center; flex-direction: column; align-items: flex-start;}
.moduleC .box .txt h1{ font-size: 4rem;}
.moduleC .box .txt h3{ margin: 3rem 0; font-size: 2.5rem; font-weight: normal;}
.moduleC .box .txt h3 span.dot{ display: block; font-size: 1.6rem; width: 3rem; height: 3rem; background: #0079c2; color: #fff; text-align: center; line-height: 3rem; margin-right: 1rem;}
.moduleC .box .txt p{ font-size: 1.6rem; color: #666;}
.moduleC .box .txt a.more-btn{ margin-top: 3rem;}
.moduleC .tab{ position: absolute; width: 100%; height: auto; left: 0; bottom: 3rem;}
.moduleC .tab ul{align-items: stretch; width: 100%; height: auto; background: #fff;}
.moduleC .tab ul li{ width: 16.66%; position: relative; padding: 3rem 0; cursor: pointer;}
.moduleC .tab ul li .txt{ position: relative; z-index: 1; width: 100%; height: 100%; padding-left: 4rem; border-right: 1px solid #ddd;}
.moduleC .tab ul li .txt span{ display: block; line-height: 1.5;}
.moduleC .tab ul li .txt span:first-child{ font-size: 1.6rem; color: #aaa;}
.moduleC .tab ul li .txt span:last-child{ font-size: 2rem; font-weight: bold;}
.moduleC .tab ul li:last-child .txt{ border: none;}
.moduleC .tab ul li .tab_img{ display: none; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; background: #0079c2;}
.moduleC .tab ul li.on .txt{ border: none;}
.moduleC .tab ul li.on .txt span{ color: #fff;}
.moduleC .tab ul li.on .tab_img{ display: block;}
.moduleC .tab ul li.on .tab_img .img-cover{ padding-bottom: 18rem;}
.moduleC .tab ul li.on .tab_img img{opacity: 0.1;}
/**/
.moduleD{width: 100%; height: auto; padding: 5rem 0; overflow: hidden; background: url(../images/moduleD_bg.jpg) no-repeat center; background-size: cover; }
.moduleD .tit{ width: 100%; height: auto; padding: 1rem 0;}
.moduleD .tit h1{ line-height: 1; font-size: 4rem; text-align: center;}
.moduleD .tit p{ text-align: center; font-size: 1.6rem; padding-top: 2rem;}
.moduleD .swiper { width: 100%; height: auto; overflow: hidden; padding-bottom: 5rem; }
.moduleD .swiper-slide { width: 100%; overflow: hidden; height: auto;}
.moduleD ul li{ width:calc(20% - 2rem); margin-top: 2.5rem;}
.moduleD ul li a{ display: block; background: #fff; border-radius: 1rem; overflow: hidden; padding: 1rem 3rem; cursor: default;}
.moduleD .img-contain{ padding-bottom: 50%;}
.moduleD ul li:hover{ box-shadow: 0 0 2rem rgba(0, 0, 0, .1);}
/**/
.moduleE{width: 100%; height: auto; padding: 5rem 0; overflow: hidden; }
.moduleE .tit{ width: 100%; height: auto; padding: 1rem 0;}
.moduleE .tit h1{ line-height: 1; font-size: 4rem; text-align: center;}
.moduleE .submenu{ width: 100%; height: auto; overflow: hidden; padding: 1rem 0; justify-content: center;}
.moduleE .submenu a{ display: block; padding: 1rem 3rem; min-width: 18rem; margin:0 1rem; line-height: 2; font-size: 2rem; border: 2px solid #ddd; border-radius: 6rem; text-align: center;}
.moduleE .submenu a.on{ background: linear-gradient(90deg, #1880b0 0%, #3bb0d8 100%); color: #fff; border: 0;}
.moduleE .submenu a:hover{color: #fff; background: linear-gradient(90deg, #1880b0 0%, #3bb0d8 100%); border: none;}
.moduleE .box{ margin: 3rem 0; align-items: stretch;}
.moduleE .lbox,.moduleE .cbox,.moduleE .rbox{ width: calc(33.33% - 4rem);}
.moduleE .item a{ display: block; border-radius: 1rem; overflow: hidden; background: #f5f5f5;}
.moduleE .item .img-cover{ padding-bottom: 65%;}
.moduleE .item .txt{ padding: 3rem;}
.moduleE .item .txt h3{ font-size: 2.5rem; font-weight: normal;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.moduleE .item .txt p{ font-size: 1.6rem; color: #666; margin: 2rem 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.moduleE .item .txt .date{ justify-content: flex-start; font-size: 1.4rem; color: #aaa;}
.moduleE .item .txt .date span.icon-date{ display: block; width: 2rem; height: 2rem; background: url(../images/date.png) no-repeat center;}
.moduleE .item a:hover h3{ color: #0079c2;}
.moduleE .rbox{ padding: 3rem; background: #f5f5f5; border-radius: 1rem; overflow: hidden;}
.moduleE .rbox ul li{ width: 100%; height: auto; padding: 1rem 0;}
.moduleE .rbox ul li p{ font-size: 1.8rem; font-weight: bold; line-height: 1; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom: 1rem;}
.moduleE .rbox ul li span{ font-size: 1.4rem; color: #aaa;}
.moduleE .rbox ul li a{ display: block;}
.moduleE .rbox ul li:hover p{ color: #0079c2;}

/**/
.moduleF{ width: 100%; height: auto; padding: 15rem 0; background: url(../images/moduleF_bg.jpg) no-repeat center; background-size: cover;}
.moduleF h3{ font-size: 4rem; color: #fff; padding-bottom: 2rem;}
.moduleF p{ font-size: 1.8rem; color: #fff;}
.moduleF .lbox{ max-width: 800px;}
