html,body{-webkit-overflow-scrolling: touch; overflow: auto;}
.wrap {max-width: 1600px;width: 88%;margin: 0 auto; }
.commBg{background: #F1F5FB;}
.commBg2{background: #fff;}
.commPad{padding: 80px 0;}
.commTop{margin-top: 90px;}
.header{width: 100%; position: fixed;left: 0;top: 0;z-index: 9;border-bottom: 1px solid rgba(255,255,255,.6);}
.header .wrap{height: 90px;display: flex;align-items: center;justify-content: space-between;}
.header .logo{width: 156px;position: relative;}
.header .logo img{display: block;width: 100%;}
.header .logo .img2{opacity: 0;position: absolute;left: 0;top: 0;}
.header .right{display: flex;justify-content: flex-end; width: 85%;}
.header .nav{display: flex;align-items: center;width: 90%;}
.header .nav li{padding: 0 2%;}
.header .nav li a{font-size: 20px;color: #FFFFFF;line-height: 90px;display: block;}
.header .nav li.active a,.header .nav li:hover a{font-weight: bold;}
.header .lan{display: flex;align-items: center;font-size: 20px;color: #FFFFFF;line-height: 90px; cursor: pointer;position: relative;margin-left: 2%;}
.header .lan .i1{display: inline-block;vertical-align: middle; width: 22px;height: 22px;margin-right: 5px;background-image: url(../images/common/lan.png); background-repeat: no-repeat;background-position: center;background-size: 100%;}
.header .lan .i2{display: inline-block;vertical-align: middle;width: 8px;height: 6px;margin-left: 5px;background-image: url(../images/common/more.png);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.header .lan ul{ position: absolute; left: 50%; top: 100px; width: 120px; margin-left: -60px; opacity: 0; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.header .lan ul li a{display: block;font-size: 16px;color: #FFFFFF;line-height: 40px;text-align: center;background: rgb(0, 176, 61,.6);border-bottom: 1px solid rgba(255,255,255,.5);}
.header .lan ul li:last-child a{border-bottom: 0;}
.header .lan ul::after{content: '';border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid rgb(0, 176, 61,.6);position: absolute;left: 50%;top: -10px;margin-left: -10px;}
.header .lan ul li:hover a{background: rgb(0, 176, 61,1);}
.header .lan.active ul{opacity: 1;visibility: visible;top: 80px;}


.header.active{background: rgba(255,255,255,.8) !important;}
.header.active .logo .img1{opacity: 0;}
.header.active .logo .img2{opacity: 1;}
.header.active .nav li a{color: #333333;}
.header.active .nav li.active a,.header.active .nav li:hover a{color: #00B03D;}
.header.active .lan{color: #333333;}
.header.active .lan .i1{background-image: url(../images/common/lan2.png);}
.header.active .lan .i2{background-image: url(../images/common/more2.png);}

.header.hover{background: rgba(255,255,255,1);}
.header.hover .logo .img1{opacity: 0;}
.header.hover .logo .img2{opacity: 1;}
.header.hover .nav li a{color: #333333;}
.header.hover .nav li.active a,.header.hover .nav li:hover a{color: #00B03D;}
.header.hover .lan{color: #333333;}
.header.hover .lan .i1{background-image: url(../images/common/lan2.png);}
.header.hover .lan .i2{background-image: url(../images/common/more2.png);}

.menuBtn{display: none;width: 60px;height: 60px;padding: 17px 0 0;cursor: pointer;z-index: 9;width: 60px;height: 60px;margin: 0;position: fixed;top: 0;right: 0;transition: all 500ms ease;-webkit-transition:all 500ms ease;}
.menuBtn b{display: block;height: 3px;background-color: #333333;margin: 3px auto 5px;border-radius: 2px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;width: 30px;}
.menuBtn.open{margin-top: 0;padding:0;background: #00B03D;}
.menuBtn.open b{display: none;margin: 0;position: absolute;top: 50%;width: 30px;left: 50%;margin-left: -15px;background: #ffffff;}
.menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.navbg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index:0;}

.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;}
.commTit .more{ width: 200px; height: 64px; background: #00B03D; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 20px; color: #FFFFFF; line-height: 64px; 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 .more img{display: block;width: 8px;height: 14px;margin-left: 6px;}
.commTit .more:hover{ transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); }
.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: 9;background: rgba(0,0,0,.5);display: none;}
.videoBox .video{ width: 60vw;  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{width: 100%;height: 100%;}
.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); }







@media only screen and (max-width:1690px){
	.header .nav li{padding: 0 1.5%;}
}
@media only screen and (max-width:1600px){
	.header .nav li a{font-size: 18px;}
    .header .lan{font-size: 18px;}
    .commTit .tit h3{font-size: 38px;}
    .commTit .tit span{font-size: 56px;}
    .commTit .more{width: 180px;height: 60px;font-size: 18px;line-height: 60px;}
    .commNav .aNav li a{font-size: 20px;}
    .search input{height: 60px;line-height: 60px;}
    .commNav2 .aBox a{font-size: 20px;}
    .more2{width: 390px;height: 84px;font-size: 22px;line-height: 84px;}
}
@media only screen and (max-width:1440px){
    .commPad{padding: 70px 0;}
    .commTop{margin-top: 70px;}
    .header .logo{width: 140px;}
    .header .wrap{height: 70px;}
	.header .nav li a{font-size: 16px;line-height: 70px;}
    .header .lan{font-size: 16px;line-height: 70px;}
    .header .lan.active ul{top: 70px;}
    .header .lan ul li a{font-size: 14px;line-height: 36px;}
    .commTit .tit h3{font-size: 30px;}
    .commTit .tit span{font-size: 52px;margin-top: -20px;}
    .commTit .more {width: 160px;height: 56px;font-size: 16px;line-height: 56px;}
    .search input{font-size: 14px;height: 56px;line-height: 56px;}
    .footer .link .aBox a{font-size: 14px;}
    .footer .top{padding: 40px 0 35px;}
    .footer .top .ewmBox ul li img{width: 100px;height: 100px;}
    .footer .top .ewmBox ul li span{font-size: 12px;}
    .footer .top .lxBox{width: 22%;margin-right: 40px;}
    .footer .top .logo{width: 164px;margin-right: 40px;}
    .commNav .aNav li a{font-size: 18px;line-height: 70px;}
    .pages a{font-size: 14px;}
    .commNav2 .aBox a{font-size: 18px;line-height: 70px;}
    .more2{width: 300px;height: 70px;font-size: 18px;line-height: 70px;}
    .commTit .newsTit a{font-size: 18px;}
}
@media only screen and (max-width:1366px){
    .header .nav{width: 85%;}
	.header .nav li{padding: 0 1%;}
    .commTit .tit span{font-size: 44px;}
    .commTit .more {width: 150px; height: 52px;font-size: 14px;line-height: 52px;}
    .footer .link .aBox a{padding: 0 2%;}
    
}
@media only screen and (max-width:1199px){
    .header .nav{width: 88%;}
	.header .nav li a{font-size: 14px;}
    .footer .top .logo{display: none;}
    .footer .top .dhBox{width: 27%;}
    .footer .top i{margin: 15px 0;}
    .footer .top .ewmBox ul{margin-top: 22px;}
    .footer .top {padding: 32px 0 26px;}
    .more2{width: 240px;height: 60px;font-size: 16px;line-height: 60px;}
}
@media only screen and (max-width:992px){
    .wrap{padding: 0 15px;width: 100%;}
    .commPad{padding: 35px 0;}
    .commTop{margin-top: 60px;}
	.menuBtn{display: block;}
    .header .logo{width: 170px;}
    .header .wrap{height: 60px;padding-right: 70px;}
    .header .nav{position: fixed;top: 0;left: -100%;width:calc(100% - 60px);height: 100%;padding: 0;background: #fff;z-index: 14;float: none;margin-left: 0;transition: all ease 0.5s;-webkit-transition: all ease 0.5s;display: block;opacity: 1;visibility: visible;margin-top: 0;overflow-y: auto;}
    .header .nav li{padding: 0;}
    .header .nav li a{font-size: 16px;line-height: 46px;padding: 0 25px;}
    .header .nav li:nth-of-type(odd) a{background: #f4f4f4;}
    .header .nav li:first-child a { line-height: 64px;}
    .header .nav li.active a, .header .nav li:hover a {color: #00B03D;}
    .header .nav.active{left: 0;}
    .header .lan{font-size: 18px; line-height: 60px;}
    .header .lan .i1{width: 22px;height: 22px;}
    .header .lan.active ul{top: 56px;}
    .commTit{margin-bottom: 25px;}
    .commTit .tit h3{font-size: 26px;letter-spacing: 2px;}
    .commTit .tit span{font-size: 24px;margin-top: -8px;}
    .commTit .more{width: 114px;height: 40px; font-size: 16px;line-height: 40px;}
    .commTit .more img{width: 6px;height: 12px;margin-left: 4px;}
    .commTit .tit img{width: 100%; height: auto;margin-top: -10px;}
    .footer .link .aBox{padding: 15px 0;}
    .footer .link .aBox a{font-size: 16px;line-height: 30px;}
    .footer .top h3{font-size: 18px;}
    .footer .top{padding: 20px 0;}
    .footer .top .wrap{display: block;}
    .footer .top i{margin: 5px 0;}
    .footer .top .logo{display: block;width: 190px;margin: 0 auto 10px;}
    .footer .top .dhBox{width: 100%;margin-bottom: 15px;}
    .footer .top .dhBox .aBox a{font-size: 16px;line-height: 26px;margin-bottom: 5px;}
    .footer .top .lxBox{width: 100%;margin-bottom: 15px;}
    .footer .top .pBox p{font-size: 16px;line-height: 26px;margin-bottom: 6px;}
    .footer .top .pBox p img{width: 18px;height: 16px;margin-right: 5px;}
    .footer .top .ewmBox ul{flex-wrap: wrap;justify-content: space-between;margin-top: 15px;}
    .footer .top .ewmBox ul li{width: 31%;margin: 0 0 10px;}
    .footer .top .ewmBox ul li img{width: 100%;height: auto;}
    .commNav .aNav{display: block;white-space: nowrap;overflow-x: auto;}
    .commNav .aNav li{display: inline-block;vertical-align: top;}
    .commNav .aNav li a{font-size: 18px;line-height: 60px;}
    .pages a{font-size: 14px;line-height: 30px;padding: 0 8px;margin: 5px 3px;}
    .commNav2 .aBox{display: block;white-space: nowrap;overflow-x: auto;}
    .commNav2 .aBox a{font-size: 18px;line-height: 60px;display: inline-block;width: auto;margin: 0 10px;}
    .commNav2 .aBox a::after{height: 4px;}
    .more2 {width: 230px;height: 60px;line-height: 650px;font-size: 18px;margin-top: 35px;}
    .more2 img{width: 24px;height: 24px;}
    .videoBox .video{width: 90vw;}
    .videoBox .video .close{right: 0;}
    .commTit .newsTit{width: 100%;justify-content: center;margin-top: 20px;}
    .commTit .newsTit a{margin: 0 10px;}
    .commTit .newsTit a{width: 126px; font-size: 20px;}
}