@charset "utf-8";
body{font-family: -apple-system, BlinkMacSystemFont,"PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;font-size:16px;color:#333;overflow-x:hidden;}
*{box-sizing: border-box;margin:0;padding:0;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
a{text-decoration: none;color:#333}
a:hover{color:#067C5A}
ul,li{list-style-type:none;}
ul, ol, dl{margin:0}
.bold{font-weight:bold;}
/* 禁止长按链接与图片弹出菜单 */
a,img{-webkit-touch-callout: none;}
img{border:0;max-width:100%;vertical-align:middle;}
/*ios android去除自带阴影的样式*/
a,input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
button,input{border-radius: 0;border:none;outline: none;}
input::-webkit-input-placeholder {color:#98999B}
ul{padding-left:0!important;}
.fl{float:left}
.fr{float:right!important;}
.rel{position:relative;}
.abl{position:absolute;z-index:1;}
.clear{clear:both;}
.ovh{overflow:hidden;}
.ellip1{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.clearfix{clear:both;}
.h100{height:100%;}
.layout{padding:0 98px}
/* font */
.font60{font-size:60px;font-weight:bold;}
.font48{font-size:48px;font-weight:bold;}
.font46{font-size:46px;font-weight:bold;}
.font36{font-size:36px;font-weight:bold;}
.font30{font-size:30px;}
.font24{font-size:24px;}
.font20{font-size:20px;}
.font18{font-size:18px;}
.font14{font-size:14px;}
.m80{margin:80px 0}
.m60{margin:60px 0}
.p80{padding:80px 0}
.p40{padding:40px 0}
.p60{padding:60px 0}
.pb60{padding-bottom:60px}
.lh30{line-height:30px;}
.p120{padding:120px 0}
/* 上移动态 */
.transy{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.transy:hover{transform: translateY(-5px);}
/* 放大 */
.pic,.bimg{overflow:hidden;}
.biao img,.pic img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;}
.pic img,.bimg img{width:100%;height:100%;}
.biao:hover img{transform: scale(1.09) !important;}
.pic:hover img{webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.bimg img {transition: all 2.6s ease-in 0s; }
.bimg:hover img {transform: scale(1.09) !important; }
.pimg:hover{transform: scale(1.09) !important; }
.pimg{height:100%;width:100%;transition: all 2.6s ease-in 0s;}

/* header */
.header{background:#fff;width: 100%;position: fixed;top:0;left: 0;z-index:222;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.header .navbar-logo{width:283px;display:inline-block;overflow:hidden;}
.header .navbar.navbar-show>.navbar-body{margin-left:2%}
.header .navbar{padding:0;font-size:18px;}
.header .nav>li>a{padding:1.6em 1.3em}
.header ul li .navdown a{color:#282828;position:relative;z-index:1;display:block;}
.header ul li .navdown{width:180px;position:absolute;background:#fff;display:none;z-index:2;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
/* 加载动画 */
@keyframes anim1{ 0%{
opacity: 0; transform: translate(0, 50px) }
100%{opacity: 1; transform: translate(0, 0) }
}
.header ul li .navdown li{height:45px;line-height:45px;font-size:14px;position:relative;text-align:left;padding-left:25px;}
.header ul li .navdown li::after{content:"";width:0;height:45px;position:absolute;left:0;z-index:0;background:#067C5A;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;top:0;}
.header ul li:hover::after,.header ul li.on::after{width:100%;}
.header ul li:hover .navdown{animation:anim1 0.35s;display:block;}
.header ul li:hover .navdown li::after{width:0}
.header ul li:hover .navdown li:hover::after{width:100%;}
.header ul li .navdown li:hover a{color:#fff}
.header ul li a.toplink{position:relative;}
.header ul li a.toplink::before{content:"";width:0;height:4px;background:#067C5A;position:absolute;bottom:0;left:50%;transform: translateX(-50%);transition:all .3s;}
.header ul li:hover a.toplink::before,.header ul li a.toplink.on::before{width:70px}
.header ul li:nth-child(1):hover a.toplink::before,.header ul li:nth-child(1) a.toplink.on::before{width:36px}
.header ul li a.toplink.nothis::before{width:0}
.header ul li a.toplink.nothis{color:#333!important}
.header ul li a.toplink.nothis:hover::before{width:70px}
.header ul li a.toplink.nothis:hover{color:#067C5A!important}
.header ul li a.toplink.on{color:#067C5A}
.nav>li.active>a, .nav>li>a:hover, .nav>li>a:active{color:#067C5A}
.header.on .navbar{font-size:16px;}
.header.on  .nav>li>a{padding:1.38em 1.5em}
.header.on .navbar-logo{width:180px}
.header.on .search_k{right:-36px}
.header.on .search_k .search_case{margin-top:20px;}
.header.on ul li a.toplink::before{height:2px;}
.header.on .search_box{height:75px;}
/* search */
.search_box{position: relative;margin: 0 0 0 .5vw;font-size: 16px;font-weight: 700;color: #0d1c27;text-align: center;pointer-events: auto;height:90px;display:inline-flex;align-items: center;text-align:center;padding:0 25px}
.search_k{position: absolute;right: -34px;top:40px;opacity: 0;transform: translateY(50px);transition: all .5s ease;z-index:-2;display:none;}
.search_k .search_case{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-color: rgba(255,255,255,1);padding:15px 25px;max-width: calc(100vw - 30px);width: 400px;min-height: 80px;margin-top:30px;-webkit-box-shadow: 0 0 99px rgba(29,56,75,.4);-moz-box-shadow: 0 0 99px rgba(29,56,75,.4);box-shadow: 0 0 99px rgba(29,56,75,.4);position: relative;z-index:2;}
.search_k .search_case::after{content: '';display: block;width: 18px;height: 18px;transform: rotate(45deg);top: -8px;right: 60px;background-color: #fff;position: absolute;}
.sea_inp_box{font-size: 14px;position:relative;z-index:22;}
.sea_inp_box> input{background-color: transparent;border: none;display: block;float: left;width: calc(100% - 30px);padding-right: 10px;line-height: 55px;height: 50px;box-shadow: 0 0 100px 46px #fff inset;margin-top:3px}
.sea_inp_box> span{cursor: pointer;width: 30px;display: block;float: right;text-align: right;line-height: 50px;height: 50px;color: #e1e1e1;}
.sea_inp_box> span button{border: none;display: block;height: 100%;background-color: transparent;}
.sea_inp_box> span i{font-size: 18px;vertical-align: middle;}
.btn_sea i{font-size: 20px;vertical-align: middle;margin-right: 6px;color:#909090;cursor:pointer;}
.search_box:hover .search_k{display: block;animation:anim1 0.35s;}
.pul_initial .search_box:hover .btn_sea{color: rgba(255,255,255,1);}
.search_box:hover .search_k{opacity: 1;transform: translateY(0);pointer-events: auto;z-index:22;}
.btn_sea{cursor:pointer;}

/* footer */
.footer_wrap{background:url(../img/bg_footer.jpg) no-repeat;clear:both;color:#fff;background-size:cover;overflow:hidden;}
.footer{width:100%;position:relative;z-index:1;padding:60px 0}
.footer .fbox1{padding:0 0 25px 0;clear:both;position:relative;z-index:1;overflow:hidden;}
.footer .fbox2{font-size:14px;padding:30px 0 0 0;clear:both;border-top:1px solid rgba(255,255,255,.2);margin-top:5px;position:relative;z-index:0}
.footer .share{padding:0;margin-top:5px;}
.footer .share li{float:left;margin-right:15px;width: 40px;height: 40px;line-height:40px;text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;border:1px solid rgba(248, 248, 248, .8);border-radius:6px;}
.footer .share li i{font-size:20px;color:rgba(248, 248, 248, .8);vertical-align:middle;}
.footer .share li img{vertical-align:middle;height:25px;margin-top:-3px}
.footer .share li .ewm{position:absolute;z-index:2;margin-top:15px;display:none;margin-left:-42px}
.footer .share li .ewm:before{content:"";position:absolute;top:-20px;border:10px solid transparent;border-bottom:10px solid #fff;left:42%}
.footer .share li:hover .ewm{display:block;}
.footer .share li:hover{opacity:.8;}
.footer .footer_nav .title{color:#fff;font-size:14px;padding-bottom:10px}
.footer .footer_nav a{color:#D1D1D1}
.footer .footer_nav a:hover{color:rgba(255,255,255,.8)}
.footer .footer_nav ul{padding:10px 0}
.footer .footer_nav .dd{margin-top:5px;font-size:12px;}
.footer .footer_nav .dd p{height:28px;line-height:28px;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .footer_nav .dd a{color:#fff}
.footer .footer_nav .dd p:hover a{color:rgba(255,255,255,.8)}
.footer .qrcode{text-align:center;max-width:150px;margin:0 auto}
.footer .qrcode .ewm{margin-bottom:10px}
.footer .lxfs{color:#fff;font-size:12px;}
.footer .lxfs li{margin:10px 0;overflow:hidden;width:100%}
.footer .lxfs li span{width:25px;    display: inline-block;flex-shrink: 0;text-align:center;display:none}
.footer .lxfs li i{font-size:20px;margin-right:10px;vertical-align:middle;}
.footer .lxfs li:nth-child(1) i{margin-right:7px;}
.footer .lxfs .fa-envelope-o{font-size:17px;margin-right:5px;}
.footer .lxfs p{margin-bottom:15px}
.copyright{color:#D1D1D1;font-size:12px;border-top:1px solid rgba(255,255,255,.2);clear:both;padding:15px 0;position: relative;z-index:2;}
.copyright a{color:#D1D1D1;margin-left:10px;}
.copyright a:hover{color:rgba(255,255,255,.8)}
.copyright .tech{float:right;}
.layout2{max-width:1720px;margin-left: auto;margin-right:auto;}
.type{font-weight:bold;}


.maskfadeUp {
    display: block;
    background-color: #31af9a;
    z-index: 1;
    -webkit-transition: -webkit-transform 1.2s 0.5s;
    transition: transform 1.2s 0.5s;
}

.maskfadeUp {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.maskfadeUp.animated {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
}

@media screen and (min-width:1600px) {
.container{padding-left:0!important;padding-right:0!important}
}
@media screen and (max-width:999px) {
html{font-size:62.5%}
body{font-size:1.4rem;overflow-x:hidden;}
.font60{font-size:3rem}
.font48{font-size:2.4rem}
.font36{font-size:2.2rem}
.font30{font-size:1.8rem}
.font24{font-size:1.7rem}
.font20{font-size:1.6rem}
.font18{font-size:1.5rem}
.font16{font-size:1.4rem}
.p80{padding:3rem 0}
.pt80{padding-top:3rem}
.pb80{padding-bottom:3rem}
.p60{padding:2rem 0}
.pt60{padding-top:2rem}
.pb60{padding-bottom:2rem}
.type{padding-bottom:.6rem}
.type::after{width:3.5rem;}
.layout{padding:0 1.5rem}
.lh30{line-height:2.5rem;}
.tkg{clear:both;height:5rem}
/* header */
.mtop{height:60px;padding:0;box-shadow: 0 0px 10px rgba(0,0,0,.175)!important;position:fixed;top:0;z-index:33;width:100%;background:#fff;left:0;border-bottom:1px solid #ddd;display: flex;}
.mtop .navbar{height: 100%;padding:0 1.5rem}
.mtop .navbar .nav li a{font-size:1.6rem}
.mtop .navbar .nav li ul li a{font-size:1.4rem}
.mtop .navbar-logo img{height:30px;}
.size-mini{font-size:1.5rem!important;margin-right:0rem;margin-top:.2rem}
.mtop .nav li .arrow{float:right;position:absolute;right:1.5rem;z-index:1;width:20px;height:30px;top:.5rem;color:#999;font-size:2.6rem;text-align:center;}
.mc_search_xl::before{height:60px;}
.mtop .nav li .arrow:before{ content: "\f107";}
.mtop .nav li .arrow.on:before{ content: "\f106";}
.mtop .topnav li a.toplink.on{color:#009944!important}
.mtop .topnav{padding:10px 0 0 0}
.mtop .topnav li a.toplink{height:45px;color:#666;line-height:45px;padding:0 1rem}
.mc_scm_form {width: 80%;margin:0 auto}
.mtop .topnav li ul{margin:.3rem 0!important;padding-top: 7px;padding-bottom: 8px;background: #f7f8fa;border-top: 1px solid rgba(0, 0, 0, .065);border-bottom: 1px solid rgba(0, 0, 0, .065);margin-bottom:1rem!important;display:none;width:100%;padding-left:0;overflow:hidden;padding:1rem 1.5rem!important}
.mtop .topnav li ul li{text-align:left;padding:0;height:35px;line-height:35px;width:100%;}
.mtop .topbtn{position:absolute;right:6rem;top:1.6rem;}
.mtop .topbtn .lang{height:3rem;line-height:3rem;font-size:1.4rem}
.mc_search_xl.show{height:90px;;}
.mc_search_xl{top:60px}
.mc_search{width:3rem;height:3rem;line-height:3rem;text-align:center;background:#333;border-radius:50%;display:block;margin:0 0 0 1.5rem}
.mc_search .s2{height:12px;}
.mtop .navbar-body{top:60px;position:fixed;width:100%;left:0;}

.mtop .topnav li a.toplink.on{color:#0C6EB5}
.mtop .topbtn li a{width:38px;height:38px;line-height:38px;text-align:center;background:rgba(141, 40, 70, 1);border-radius:50%;margin-left:11px;display:block;}
.mtop .topbtn li:hover a{background:rgba(141, 40, 70, .8);}
.mtop .topnav li a.toplink.on.nothis{color:#666}
.mtop .topnav li a.toplink.on.nothis::after{display:none;}
.mtop .topnav li a.toplink.on.nothis:hover::after{display:block;}
#lightbox{position:fixed;z-index:1;width:100%;left:0;height:100%;top:0;background:rgba(0,0,0,.7);display:none;}
/* search */
.mc_search i{font-size: 20px;color: #fff;vertical-align: middle;transition: all .5s ease-in-out;}
.mc_search_xl{position: fixed;left: 0;top:60px;width: 100%;z-index: 99;display:none;}
.mc_search_xl::before{content: "";position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height:95%;background:#fff;opacity: 0;transition: all .5s ease-in-out;}
.mc_search_xl.show{transition: all .5s ease-in;}
.s2{display:none;height:16px;}
.mc_search.isshow .s2{display:inline-block;}
.mc_search.isshow .s1{display:none;}
.mc_search_xl.show::before{opacity: .95;}
.mc_nav_line{display: block;position: absolute;height: 2px;bottom: 0;background: #0028AA;transition: all .4s ease;opacity: 0;}
.mc_navbar.mc_fixed .mc_nav_line{opacity: 1;}
.mc_msc_box{font-size: 0;padding: 8px;border-bottom: 1px solid #dfdede;display:flex;align-items:center;}
.mc_pos_center{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;}
.mc_msc_input{width: calc(100% - 30px);height: 26px;font-size: 14px;color: #333;line-height: 20px;padding: 3px 0;padding-right: 12px;background:none;}
.mc_msc_submit{font-size: 22px;color: #666666;background:none;width: 30px;vertical-align: top;}

/* footer */
.footer_wrap{padding-bottom:1.5rem;}
.footer{padding:3rem 0 1rem 0;overflow:hidden;}
.footer .logo{width:100%;text-align:center;padding:1.5rem 0 3rem 0}
.footer .share{width:100%;text-align:center;}
.footer .share li{display:inline-block;float:unset;width:3rem;height:3rem;line-height:3rem;margin:0 1rem!important}
.footer .share li i{font-size:2rem}
.footer .lxfs{font-size:1.4rem}
.footer .lxfs .p1{font-size:1.6rem;margin:-10px 0 15px 0}
.footer .lxfs .p2{font-size:1.4rem;}
.footer .lxfs p{margin-bottom:.5rem}
.footer .fbox1{padding-bottom:1rem;}
.footer .fbox2{padding:.5rem 0 1rem 0;border:0;}
.copyright{font-size:1.4rem;text-align:center;padding:1.2rem 0 1.5rem 0}
.copyright .bn{clear:both;width:100%;float:left;margin-top:.3rem}
.copyright .tech{display:inline-block;float:none}
.copyright .bn a{margin:0 .3rem}
}