@charset "utf-8";
a:active{outline: none; star: expression(this.onFocus=this.blur());}
*{margin: 0; padding: 0;border: 0; list-style: none; outline: none; word-wrap: break-word;}
img{border:none;margin-top:0;max-width:100%;}
table{table-layout: fixed; border-collapse: collapse;}
a{text-decoration: none;}
body{font: 12px/1.5 'Microsoft JhengHei','Microsoft YaHei','微软雅黑','STHei', 'Hei', Helvetica, Arial, Verdana, sans-serif; background: #fff; color: #000; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; -webkit-font-smoothing:antialiased;/*none,antialiased,subpixel-antialiased*/ font-smooth:always;}
body, html{-webkit-text-size-adjust: none; height: 100%;}
input{-webkit-appearance: none;}
.clearFix:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearFix{zoom:1;}
.popBomb{width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.6); z-index: 9999;}
.box{width: 1280px;margin: 0 auto;}
.site-nav1{width: 100%; height: 3px; background: #d6000f;}
.site-nav{width: 100%; height: 42px; background: #eee;}
.site-nav .box{position: relative;}
.site-nav .site-phone{padding: 0 0 0 32px; background: url("../images/site-i1.png") no-repeat left center; float: left; font-family: Arial;}
.site-nav .site-phone a{font-size: 16px; height: 42px; line-height: 42px; color: #e50012; display: block; float: left;font-weight: bolder;}
.site-nav .site-phone a:first-child{margin: 0 10px 0 0;}
.site-nav .site-link{float: right;}
.site-nav .site-link ul li{float: left; height: 42px; color: #fff; padding: 0 20px; line-height: 42px; font-size: 16px; position: relative;}
.site-nav .site-link ul li:after{content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 20px; background-color: #666; margin-top: -10px;}
.site-nav .site-link ul li:nth-child(3):after{background-color:#eee;}
.site-nav .site-link ul li a{display: block; height: 100%; color: #666;}
.site-nav .site-link ul li .ewm{width: 20px; background: url("../images/site-i2.png") no-repeat center;}
.site-nav .site-link .ewmBox{background: #fff; position: absolute; z-index: 100; top: 100%; right: -60px;width: 180px;}
.site-nav .site-link .ewmBox img{display: block;}
.searchBox{position: absolute; top: 42px; z-index: 1000; background-color: #5e5a5b; width: 100%; left: 0; /*padding-top: 10px;*/}
.searchBox .search-key{display: block; float: left; width: 64%; height: 80px; line-height: 80px; font-size: 28px; font-weight: 500; color: white; background: #5e5a5b; border: 0 none;}
.searchBox .search-btn{width: 8%; height: 36px; font-size: 16px; line-height: 36px; border: 0 none; background: #d6000f; color: white; float: right; margin-left: 18%;}
.searchBox .search-close{width: 10%; height: 80px; line-height: 80px; background: url("../images/site-close.png") no-repeat right center; opacity: 1;cursor: pointer;}
.container{padding: 90px 0;}
.main{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.submenu{width: 23%;}
.submenu .subnav{font-size: 15px;}
.submenu .subnav a{color: #000000; text-decoration: underline;}
.menulist{margin-top: 60px; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.menulist .item{width: 100%;}
.menulist .item span{display: block; width: 11px; height: 9px; background-image: url("../images/arrowdown.png") ; background-size: 11px 9px; margin-left: 5px;}
.menulist .item a{color: #000000; display: block; height: 40px; line-height: 40px; font-size: 16px; font-weight: bolder; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; margin-right: 80px;}
.menulist .item a:hover{color: #d6000f;}
.menulist .item .subitem a{display: block; font-size: 14px; text-indent: 1em;}
.menulist .item:nth-of-type(1) a{border-top: 1px solid #e6e6e6; display: flex; display: -webkit-flex; align-items: center;}
.menulist .item.selected>a{color: #df0000;}
.menulist .item:nth-of-type(1).selected span{background-image: url("../images/arrowUp.png");}
.menulist .item .subitem{display: none;}
.menulist .item .subitem :hover{height: 60px; line-height: 60px; color: #df0000;}
.content{width: 77%;}
.side-bar{position: fixed; bottom: 100px; right: 20px; z-index: 9999;}
.side-bar .bar{display: block; width: 46px; height: 56px; border-radius: 6px; box-shadow: 0px 0px 6px #eee; margin: 12px 0 0 0;}
.side-bar .bar:first-child{margin: 0;}
.side-bar .bar.cooperation{background: #d6000f url("../images/bar-1-b.png") no-repeat center;}
.side-bar .bar.wx{background: #fff url("../images/bar-2-a.png") no-repeat center;}
.side-bar .bar.top{background: #fff url("../images/bar-3-a.png") no-repeat center;}
.side-bar .bar.wx:hover{background: #d6000f url("../images/bar-2-b.png") no-repeat center;}
.side-bar .bar.top:hover{background: #d6000f url("../images/bar-3-b.png") no-repeat center;}
.side-bar a.wx .bar-wx{background: url(../images/bar-wx.png) no-repeat right center; background-size: auto 10px; padding: 0 7px 0 0; width: 157px; position: absolute; left: -168px; margin-top: -70px; transition: 400ms; -moz-transition: 400ms; -webkit-transition: 400ms; -o-transition: 400ms; display: none;}
.side-bar a.wx .bar-wx .wx-box{width: 100%; background: #d6000f; padding: 20px 0; border-radius: 7px;}
.side-bar a.wx .bar-wx .ewm{display: block; width: 108px; margin: 0 auto;}
.side-bar a.wx .bar-wx .wx-txt{font-size: 12px; color: #fff; text-align: center; margin: 10px 0 0 0;}
.side-bar a.wx:hover .bar-wx{display: block;}
.page-content{width: 1680px; margin: 0 auto;}
.app-box{width: 670px; margin: 0 auto;}
/*导航*/
.navigation{width: 90%; position: absolute; left: 5%; top: 2.5%; background: rgba(255,255,255,0.7); z-index: 9999;}
.navigation.fix{top: 0;}
.navigation .logo{float: left; height: 72px; line-height: 80px; font-size: 33px; color: #333; padding: 0 0 0 125px; background: url("../images/home/logo-1.png") no-repeat left center; background-size: auto 55px; margin: 0 0 0 3%;}
.navigation .logo.logo-2{padding: 0;width: 210px; background: url("../images/home/logo-2.png") no-repeat left center; background-size: auto 88%;}
.navigation .nav{margin: 0 3% 0 0; float: right;}
.navigation .nav .li{display: inline-block; height: 72px; line-height: 72px; margin-left: 50px; cursor: pointer; position: relative;}
.navigation .nav .li:first-child{margin-left: 0;}
.navigation .nav .li .tbs{display: block; font-size: 16px; text-align: center; color: #333;}
.navigation .nav .li.active .tbs,.navigation .nav .li:hover .tbs{color: #f4121c;}
.navigation .nav .li .line{display: block; width: 0; height: 1px; position: absolute; left: 0; top: calc(50% + 16px); transition: all .6s;}
.navigation .nav .li.active .line{width: 100%; background-color: #f4121c;}
.navigation .nav .li:hover .line{width:100%;transition:all .6s;background-color:#f4121c}
.navigation .phone{float: right; height: 72px; line-height: 72px; font-size: 20px; color: #f4121c; font-weight: bold; padding: 0 0 0 30px; background: url("../images/home/nav-i1.png") no-repeat left center; margin: 0 3% 0 0;}
.navigation .phone-2{float: right; width: 170px; height: 72px; line-height: 72px; font-size: 20px; color: #f4121c; font-weight: bold; background: url("../images/home/nav-i2.png") no-repeat center;background-size: 100% auto; margin: 0 3% 0 0;}
.banner{width: 100%; height: 100%;}
.banner .banner-img{display: block; width: 100%; height: 100%; background-size: cover!important;}
.banner video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.home-bottom .welcome{background: #f8f8f8;}
.home-bottom .welcome .page-content{padding: 30px 0 20px 0; border-bottom: 1px solid #ccc;}
.home-bottom .welcome .left{float: left;}
.home-bottom .welcome .left .t1{font-size: 47px; font-weight: bold; color: #333;}
.home-bottom .welcome .left .t2{font-size: 14px; color: #333; line-height: 200%;}
.home-bottom .welcome .left .t3{font-size: 14px; color: #333; line-height: 200%;}
.home-bottom .welcome .left .t3 span{color: #f4121c;}
.home-bottom .welcome .left .t3 a{display: inline-block; color: #333333; margin: 0 0 0 20px;}
.home-bottom .welcome .left .t3 a:hover{color: #f4121c;}
.home-bottom .welcome .left .t4{font-size: 14px; color: #333; line-height: 200%;}
.home-bottom .welcome .right{float: right;}
.home-bottom .welcome .right .tip{width: 808px; height: 70px; line-height: 70px; border: 6px solid #f4121c; font-size: 35px; text-align: center; font-weight: bold; color: #333;}
.home-bottom .welcome .right .tip span{margin: 0 26px 0 0;}
.home-bottom .welcome .right .tip span:last-child{margin: 0;}
.home-bottom .welcome .right .more{font-size: 12px; margin: 20px 0 0 0;}
.home-bottom .welcome .right .more a{color: #666; margin: 0 16px 0 0;}
.home-bottom .welcome .right .more a:hover{color: #f4121c;}
.home-bottom .welcome .right .more a:last-child{margin: 0;}
.footer{background: #f8f8f8; padding: 20px 0 40px 0;}
.footer .left{float: left; padding: 0 0 0 130px; background: url("../images/home/logo-1.png") no-repeat left center; background-size: auto 85%;}
.footer .left .item .f-link{height: 30px; line-height: 30px; font-size: 14px; margin: 0 20px 0 0; color: #333;}
.footer .left .item .f-link:hover{color: #f4121c;}
.footer .left .item .f-link:last-child{margin: 0;}
.footer .ewmBox{width: 80px; float: right; background: #fff;}
.footer .ewmBox .ewm{width: 76px; height: 76px; overflow: hidden; margin: 0 auto;}
.footer .ewmBox .txt{text-align: center; font-size: 12px; height: 24px; line-height: 24px; color: #666;}
.footer .footInfo{float: right; margin: 0 24px 0 0; padding: 24px 0 0 0; text-align: right;}
.footer .footInfo .phone{display: inline-block; font-size: 16px; padding: 0 0 0 20px; font-weight: bold; color: #333; background: url("../images/home/foot-i1.png") no-repeat left center;}
.footer .footInfo .info{font-size: 12px; margin: 6px 0 0 0; color: #666;}
.footer .footInfo .info span{margin: 0 16px 0 0;}
.footer .footInfo .info a{color: #666;}
.footer .footInfo .info a:hover{color: #f4121c;}
.btn-next, .btn-prev{width: 18px; height: 30px; background-size: 18px 30px;}
.btn-prev, .swiper-container-rtl .btn-next{background-image: url("../images/arrowleft.png"); left: 3%;}
.btn-next, .swiper-container-rtl .btn-prev{background-image: url("../images/arrowleft.png"); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); right: 3%;}
.m-nav{background: #fff; width: 100%; height: 140px; line-height: 140px; cursor: pointer; top: 0px; position: fixed; left: 0; z-index: 10; display: none;}
.m-nav .logo{width:40%;max-width: 295px;margin-left: 5%; height: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column; float: left;}
.m-nav .icon{width: 6.67%; max-width: 50px; min-width: 26px; height: 100%; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column; float: right; margin-right: 9%;}
.m-nav .icon span{display: block; width: 100%; height: 4px; background-color: #333; border-radius: 1px; margin: 5px 0; transition: transform .3s linear;}
.m-nav .icon.selected span{margin: -2px 0;}
.m-nav .icon.selected span:nth-of-type(1){transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);;}
.m-nav .icon.selected span:nth-of-type(2){transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.m-nav .icon.selected span:nth-of-type(3){display: none;}
.m-menu{position: absolute; top: 140px; width: 100%; height: calc(100vh - 140px); background-color: #fff; display: flex; justify-content: center;}
.m-menu .menu-list-box .li{display: block; color: #333; height: auto; line-height: 150%; font-size: 46px; margin-bottom: 60px; text-align: center; padding-bottom: 10px;}
.m-menu .menu-list-box .li.active{border-bottom: 2px solid #f4121c;}
.m-banner{width: 100%;padding: 140px 0 0 0;max-width: 750px;margin: 0 auto;display: none;}
.m-banner img{display: block;max-width: 100%;}
.m-banner video{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.m-bottom{display: none;}
.m-bottom .m-welcome{background: #f1f1f1; padding: 80px 0 110px 0;}
.m-welcome .info-1 .t1{font-size: 84px; line-height: 136%; font-weight: bold; color: #333;}
.m-welcome .info-1 .t2{font-size: 26px; color: #333; line-height: 200%;}
.m-welcome .info-1 .t3{font-size: 26px; color: #333; line-height: 200%;}
.m-welcome .info-1 .t4{font-size: 26px; color: #333; line-height: 200%;}
.m-welcome .info-1 span{font-weight: bold;}
.m-welcome .info-1 .red{color: #f4121c;}
.m-welcome .info-1 .link{display: block; font-size: 26px; color: #333333; margin: 20px 0 0 0;}
.m-welcome .tip{padding: 60px; border: 10px solid #f4121c; margin: 70px auto;}
.m-welcome .tip p{font-size: 56px; font-weight: bold; color: #333;}
.m-welcome .more a{display: block; font-size: 30px; color: #666; margin: 60px 0 0 0;}
.m-welcome .more a:first-child{margin: 0;}
.m-bottom .m-footer{background: #f4121c; padding: 20px 0;}
.m-footer .info{float: left;}
.m-footer .info p{font-size: 24px; line-height: 200%; color: #fff;}
.m-footer .info a{display: inline-block; color: #fff;}
.m-footer .wx{font-size: 24px; width: 64px; height: 4em; background: url("../images/mobile/wx-icon.png") no-repeat center; background-size: 100% auto; float: right;}
.ewmPop .ewmBox{background: #fff; width: 250px; position: absolute; left: 50%; top: 50%; margin: -134px 0 0 -125px;}
.ewmPop .ewmBox .imgBox{width: 80%; height: 160px; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.ewmPop .ewmBox .info{padding: 0 0 24px 0; text-align: center; font-size: 14px; color: #333; line-height: 200%;}
.ewmPop .ewmBox .icon-close{position: absolute; bottom: -70px; left: 50%; margin-left: -25px; width: 50px; height: 50px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABECAYAAAA85kOPAAAAAXNSR0IArs4c6QAAAe5JREFUeF7t2sFNw0AQBdA/BXCmBu40QBl0AtwRNEAhqYAyqIEjQuK6yCKWomB7969ndm3l55rxruf5Z2ITDHpNCphcpgUEM5MMwQiGGxpKjBKjxHACSgznpRmjxCgxnIASw3lpxigxSgwnoMRwXpoxrRKTUnoB8GVmr9w14qpTSjcA3gDcm9knd3S+2jUxR5SH47aPUThHlHcA1wA+ANx547jBpJSeADyfXQt3nDOUcbsB59bMfvJZKKvwhBmiPV7F093dcGZQhr3c9hhP3A1mWDDyxCPXnsqQK0wUTmuUoQ93GG+cHihhMF44vVBCYdbi9EQJh6nF6Y3SBIbF2QJKM5hSnK2gNIXJ4QA4RN8glt3z/lWFfF0vncBCKr4BXEU/UpTiNIfJJCfkUaIU47SuC0wBjvuzD4sjmBmxLjALc+ZyP0oavhMRXbpPudiv65Kbt5IadojW1jeZMUzDTG1t0yXHhcPUNFpzTEmzTE0ozJoG1xzLAMzVhsF4NOaxRi1SCIxnQ55rMUjuMBGNRKyZQ3KFiWwgcu0pJDeYFifeYo8RyRNGP9HOfT71o/7C5NK/geTG+s7fd5sxO3f4d/qC2dJf8PaQLiVGieFyqsQoMUoMJ6DEcF6aMUqMEsMJKDGcl2aMEqPEcAJKDOf1Cy05IlQhjU09AAAAAElFTkSuQmCC) no-repeat; background-size: 100% 100%;}
@media screen and (max-width:1680px){.page-content{width: 90%;} .navigation .logo{height: 72px; line-height: 80px; font-size: 27px; padding: 0 0 0 102px; background-size: auto 45px;}.navigation .logo.logo-2{padding: 0;background-size: auto 88%;} .navigation .nav .li{height: 72px; line-height: 72px; margin-left: 40px;} .navigation .nav .li .tbs{font-size: 14px;} .navigation .nav .li .line{top: calc(50% + 14px);} .navigation .phone{height: 72px; line-height: 72px; font-size: 16px; padding: 0 0 0 25px;} .footer{padding: 16px 0 33px 0;} .footer .left{padding: 0 0 0 110px;} .footer .left .item .f-link{height: 26px; line-height: 26px; font-size: 12px; margin: 0 16px 0 0;} .home-bottom .welcome .page-content{padding: 25px 0 16px 0;} .home-bottom .welcome .left .t1{font-size: 39px;} .home-bottom .welcome .left .t2{font-size: 12px; line-height: 175%;} .home-bottom .welcome .left .t3{font-size: 12px; line-height: 175%;} .home-bottom .welcome .left .t3 a{margin: 0 0 0 16px;} .home-bottom .welcome .left .t4{font-size: 12px; line-height: 175%;} .home-bottom .welcome .right .tip{width: 662px; height: 58px; line-height: 58px; border: 5px solid #f4121c; font-size: 28px;} .home-bottom .welcome .right .tip span{margin: 0 21px 0 0;} .home-bottom .welcome .right .more{margin: 16px 0 0 0;} .home-bottom .welcome .right .more a{margin: 0 13px 0 0;}}
@media screen and (max-width:1440px){.footer{padding: 16px 0 30px 0;} .home-bottom .welcome .page-content{padding: 16px 0;} .home-bottom .welcome .left .t1{font-size: 35px;} .home-bottom .welcome .right .tip{width: 606px; height: 52px; line-height: 52px; font-size: 26px;} .home-bottom .welcome .right .tip span{margin: 0 20px 0 0;} .home-bottom .welcome .right .more{margin: 15px 0 0 0;} .home-bottom .welcome .right .more a{margin: 0 12px 0 0;}.navigation .logo.logo-2{width: 14%;}.navigation .phone-2{width: 10%;}}
@media screen and (max-width:1366px){.footer{padding: 16px 0;}}
@media screen and (max-width:1280px){.box{width: 96%;}.site-nav .site-link .ewmBox{right: -10px;width: 120px;} .navigation .logo{font-size: 24px;} .navigation .nav{margin: 0 3% 0 0;} .navigation .nav .li .tbs{font-size: 12px;} .navigation .phone{font-size: 12px;} .footer .ewmBox .ewm{width: 70px; height: 70px;} .home-bottom .welcome .left .t1{font-size: 30px;} .home-bottom .welcome .right .tip{width: 500px; height: 40px; line-height: 40px; border: 2px solid #f4121c; font-size: 21px;}}
@media screen and (max-width: 1152px){.banner,.home-bottom{display: none;} .m-nav,.m-banner,.m-bottom{display: block;}}
@media screen and (max-width:750px){.box{width: 92%;}.site-nav,.site-nav1{display: none;}.side-bar .bar.cooperation,.side-bar .bar.wx{display: none;}.side-bar{right: 0;}}
@media screen and (max-width: 670px){.app-box{width: 90%;} .m-nav{height: 120px; line-height: 120px;} .m-banner{padding: 120px 0 0 0;}}
@media screen and (max-width: 540px){.m-nav{height: 100px; line-height: 100px;} .m-banner{padding: 100px 0 0 0;}.m-menu{top: 100px;height: calc(100vh - 100px);}.m-menu .menu-list-box .li{font-size: 33px;margin-bottom: 42px;padding-bottom: 7px;} .m-bottom .m-welcome{padding: 58px 0 78px 0;} .m-welcome .info-1 .t1{font-size: 60px;} .m-welcome .info-1 .t2{font-size: 18px;} .m-welcome .info-1 .t3{font-size: 18px;} .m-welcome .info-1 .t4{font-size: 18px;} .m-welcome .info-1 .link{font-size: 18px; margin: 14px 0 0 0;} .m-welcome .tip{padding: 42px; border: 7px solid #f4121c; margin: 50px auto;} .m-welcome .tip p{font-size: 40px;} .m-welcome .more a{font-size: 21px; margin: 42px 0 0 0;} .m-bottom .m-footer{padding: 14px 0;} .m-footer .info p{font-size: 17px;} .m-footer .wx{font-size: 17px; width: 46px;}}
@media screen and (max-width: 460px){.container{padding: 70px 0;} .submenu{width: 100%;} .menulist{margin-top: 40px; width: 100%;} .menulist .item{width: 48%; text-align: center;} .menulist .item a{width: 100%;} .menulist .item:nth-of-type(1) a{border-top: 0; display: flex; display: -webkit-flex; justify-content: center;} .content{width: 100%; margin-top: 40px;} .m-nav{height: 70px; line-height: 70px;} .m-nav .icon span{height: 2px; margin: 3px 0;} .m-nav .icon.selected span{margin: -1px 0;} .m-menu{top: 70px; height: calc(100vh - 70px);} .m-menu .menu-list-box .li{font-size: 23px; margin-bottom: 30px; padding-bottom: 5px;} .m-menu .menu-list-box .li.active{border-bottom: 1px solid #f4121c;} .m-banner{padding: 70px 0 0 0;} .m-bottom .m-welcome{padding: 40px 0 55px 0;} .m-welcome .info-1 .t1{font-size: 42px;} .m-welcome .info-1 .t2{font-size: 13px;} .m-welcome .info-1 .t3{font-size: 13px;} .m-welcome .info-1 .t4{font-size: 13px;} .m-welcome .info-1 .link{font-size: 13px; margin: 10px 0 0 0;} .m-welcome .tip{padding: 30px; border: 5px solid #f4121c; margin: 35px auto;} .m-welcome .tip p{font-size: 28px;} .m-welcome .more a{font-size: 15px; margin: 30px 0 0 0;} .m-bottom .m-footer{padding: 10px 0;} .m-footer .info p{font-size: 12px;} .m-footer .wx{font-size: 12px; width: 32px;}}
@media screen and (max-width: 320px){.m-nav{height: 60px; line-height: 60px;} .m-banner{padding: 60px 0 0 0;} .m-menu{top: 60px; height: calc(100vh - 60px);} .m-menu .menu-list-box .li{font-size: 21px; margin-bottom: 26px; padding-bottom: 4px;}}
@media screen and (min-width: 1921px){.page-content{width: 90%;} .navigation .nav .li .tbs{font-size: 24px} .home-bottom .welcome .left .t4, .home-bottom .welcome .left .t3, .home-bottom .welcome .left .t2, .footer .left .item .f-link, .footer .footInfo .phone, .footer .footInfo .info, .home-bottom .welcome .right .more{font-size: 24px;}}