.commTit{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}

.commTit .tit{position: relative;z-index: 0;width: 100%;}

.commTit .tit h3{font-weight: bold;font-size: 42px;color: #333333;line-height: 1;letter-spacing: 4px;}

.commTit .tit span{display: block; font-size: 70px;line-height: 1; font-weight: bold;color:#F1F5FB;text-transform: uppercase; text-shadow: 1px 1px #dae1e7, -1px -1px #dae1e7, 1px -1px #dae1e7,-1px 1px #dae1e7;margin-top: -26px;position: relative;z-index: -1;}

.commTit .tit img{display: block;height: 58px;margin-top: -20px;position: relative;z-index: -1;}


.commTit2 .tit span{color: #FFFFFF;}

.commTit .newsTit{display: flex;align-items: center;}

.commTit .newsTit a{ display: block; width: 140px; background: transparent; border-radius: 4px; border: 1px solid #333333; font-size: 22px; color: #333333; line-height: 40px; text-align: center; margin-left: 20px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

.commTit .newsTit a.active,.commTit .newsTit a:hover{background: #00B03D;color: #fff;border-color: #00B03D;}



.search{ position: relative; }

.search input { width: 344px; height: 68px;font-size: 16px;color: #333333;line-height: 68px;padding: 0 30px 0 56px;background: #FFFFFF; border-radius: 34px; -webkit-border-radius: 34px; -moz-border-radius: 34px; -ms-border-radius: 34px; -o-border-radius: 34px;}

.search img{display: block;width: 16px;height: 16px;position: absolute;left: 32px;top: 50%;margin-top: -8px;}





.videoBox{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;background: rgba(0,0,0,.5);display: none;}

.videoBox .video{ max-width: 80vw;max-height: 80vh;  position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.videoBox .video video{max-width: 80vw;max-height: 80vh;}

.videoBox .video .close{width: 50px;height: 50px;cursor: pointer;position: absolute;right: -60px;top: -60px;}



.footer{background: #363739;}

.footer .link{border-bottom: 1px solid rgba(255,255,255,.2 );}

.footer .link .aBox{font-size: 0;text-align: center;}

.footer .link .aBox a{font-size: 16px;color: #FFFFFF;line-height: 48px;display: inline-block;padding: 0 4%;}

.footer .link .aBox a:hover{color: #00B03D;}

.footer .bot{background: #262729;padding: 10px 0;}

.footer .bot p{font-size: 14px;color: rgba(255,255,255,.2);line-height: 30px;text-align: center;}

.footer .bot p a{color: rgba(255,255,255,.2);}

.footer .top{padding: 50px 0 45px;}

.footer .top .wrap{display: flex;justify-content: space-between;}

.footer .top .logo{width: 190px;margin-top: 80px;}

.footer .top .logo img{display: block;width: 100%;}

.footer .top h3{font-size: 16px;color: rgba(255,255,255,.8);line-height: 30px;font-weight: normal;}

.footer .top i{width: 34px;height: 1px;background: #434345;display: block;margin: 25px 0;}

.footer .top .dhBox{width: 22%;}

.footer .top .dhBox .aBox {display: flex;flex-wrap: wrap;}

.footer .top .dhBox .aBox a{width: 33.33%;font-size: 14px;color: rgba(255,255,255,.4);line-height: 30px;margin-bottom: 15px;}

.footer .top .dhBox .aBox a:hover{color: rgba(255,255,255,1);}

.footer .top .pBox p{font-size: 14px;color: rgba(255,255,255,.6);line-height: 30px;margin-bottom: 15px;}

.footer .top .pBox p img{display: inline-block;width: 22px;height: 20px;margin-right: 10px;}

.footer .top .ewmBox ul{display: flex;margin-top: 30px;}

.footer .top .ewmBox ul li{margin-right: 18px;}

.footer .top .ewmBox ul li img{display: block;width: 120px;height: 120px;}

.footer .top .ewmBox ul li span{font-size: 14px;color: #FFFFFF;line-height: 30px;display: block;text-align: center;}

.footer .top .ewmBox ul li:last-child{margin-right: 0;}



.commBanner{overflow: hidden;}

.commBanner img{display: block;width: 100%;}

.commNav{ width: 100%; background: #fff; transform: all 300ms ease; -webkit-transform: all 300ms ease; -moz-transform: all 300ms ease; -ms-transform: all 300ms ease; -o-transform: all 300ms ease; }

.commNav.active{position: fixed;left: 0;top: 0;z-index: 99;box-shadow: 0 5px 20px rgba(0,0,0,.1);}

.commNav .aNav{display: flex;position: relative;margin: 0 -2.5vw;}

.commNav .aNav li a{display: block;font-size: 22px;color: #333333;line-height: 80px;padding: 0 2.5vw;}

.commNav .aNav li:hover a,.commNav .aNav li.active a {font-weight: bold;}

.commNav .active-bar {position: absolute;bottom: 8px;width: 48px;height: 6px;background: #00B03D;border-radius: 3px;transition: all 0.4s cubic-bezier(0.65, 0, 0.35, 1);}



.commNav2{background: #FFFFFF;box-shadow: 0px 2px 27px 0px rgba(14,14,28,0.08);width: 100%;}

.commNav2.active{position: fixed;top: 0;left: 0;z-index: 99;}

.commNav2 .aBox{display: flex;align-items: center;justify-content: space-between;}

.commNav2 .aBox a{width: 11.11%; display: block;font-size: 22px;color: #333333;line-height: 80px;position: relative;text-align: center;}

.commNav2 .aBox a::after{ content: ''; width: 0; height: 6px; background: #00B03D; border-radius: 3px; position: absolute; left: 0; right: 0; bottom: 8px; margin: 0 auto; opacity: 0; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

.commNav2 .aBox a:hover::after,.commNav2 .aBox a.active::after{opacity: 1;width: 48px;}

.commNav2 .aBox a:hover,.commNav2 .aBox a.active{font-weight: bold;}





.pages{display: flex;justify-content: center;margin-top: 20px;flex-wrap: wrap;}

.pages a{min-width: 48px; font-size: 16px;color: #666666;line-height: 36px; background: #FFFFFF;border: 1px solid #E3E3E3;text-align: center;margin: 0 4px;padding: 0 15px;}

.pages a.active,.pages a:hover{background: #00B03D;color: #fff;border-color: #00B03D;}

.more2{ width: 400px; height: 88px; background: #00B03D; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin: 70px auto 0; font-size: 24px; color: #FFFFFF; line-height: 88px; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

.more2 img{display: block;width: 24px;height: 24px;margin-left: 14px;}

.more2:hover{ transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }