@font-face { font-family: arial; src: url(../fonts/arial.ttf); }
@font-face { font-family: ariblk; src: url(../fonts/ariblk.ttf); }
@font-face { font-family: DINBold; src: url(../fonts/DIN-Bold.ttf); }
i, em { font-style: normal; }
.wrap { width:1410px; margin: 0 auto; }
body { line-height: 1.7; font-size: 16px; font-family:"微软雅黑", Microsoft YaHei, arial, Helvetica, sans-serif; color: #272727;}
a { color: #272727; }
a:hover { color: #fa5822; }
img { border: 0; max-width: 100%; }
.imgZoom { overflow: hidden; }
.imgZoom img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; display: block; margin: 0 auto; }
.imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.header { display: flex; justify-content: space-between; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; z-index: 999; width: 100%; position: fixed; top: 0; left: 0; background-color:rgba(0,0,0,0.2); }
.header .logo { float: left; margin-top: 25px; width:30%; }
.header .logo img { vertical-align: middle; }
.header .logo .img2{ display:none;}
.header_right { width: 50%; float:right; display: flex; flex-grow: 1; }

.menu { height: 6.25rem; float: left; width: 100%;}
.menu ul { overflow: hidden;display: flex; align-items: center; justify-content: space-between; height: 100%; }
.menu ul li { float: left; text-align: center; height: 100%;display: flex; align-items: center; }
.menu ul li a { color: #ffffff; font-size: 1.125rem; display:block; }
.subMenu{display: none;position: absolute;top:6.25rem;left: 0;width: 100%;background-color: rgba(241,241,241,1); text-align:left; color:#333333; }
.subMenu dl{display: flex; justify-content: space-between;}
.subMenu dt{ padding:3rem 0; border-right:1px #dadcde solid; width:20%;}
.subMenu h3{ color:#333333; font-size:1.25rem; margin-bottom:10px; font-weight:bold;}
.subMenu dt p{ font-size:0.875rem; margin-top:10px; color:#666666;}
.subMenu dd{ padding:3rem 0;}
.subMenu dd p{ font-size:1rem; color:#666666; line-height:2;}
.subMenu h3 a{ color:#333333!important;}
.subMenu h3 a:hover{ color:#fa5822!important;}

.header:hover,.header.xg { background:#ffffff;}
.header:hover .logo .img1,.header.xg .logo .img1{ display:none;}
.header:hover .logo .img2,.header.xg .logo .img2{ display:block;}
.header:hover .menu ul li:hover,.header.xg .menu ul li:hover{ background:url(../images/nav1.png) no-repeat center bottom;}
.header:hover .menu ul li a,.header.xg .menu ul li a{ color:#333333;}
.header:hover .menu ul li a:hover,.header.xg .menu ul li a:hover{ color: #fa5822; }
.header .right { float: right; height: 5rem; line-height: 5rem; display: flex; flex-grow: 1; position: relative; }

.mheader, #nav_btn_box { display: none; }
#nav_btn_box { height: 100%; z-index: 999999999; margin-left: 20px; position: fixed; height: 4.5rem; right: 2rem; top: 1rem; display: none; }
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; padding-bottom: 4px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 1.375rem; height: 22px; position: relative; outline: none; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 1.375rem; }
#nav_btn .navbtn { position: absolute; top: 12px; left: 0; display: inline-block; width: 1.375rem; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;/* background: #333; */ }
#nav_btn .navbtn::after, #nav_btn .navbtn::before { position: absolute; left: 0; display: inline-block; width: 1.375rem; height: 3px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #ffffff; }
#nav_btn .navbtn::after { top: -5px; }
#nav_btn .navbtn::before { top: 5px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
.m_nav_list { flex-direction: column; justify-content: flex-start; width: 100%; overflow: auto; }
 .m_nav_list::-webkit-scrollbar {display:none;}
#m_nav { z-index: 99999; position: fixed; background: rgba(0,0,0,0.9); width: 20rem; height: 100vh; right: -400px; top: 0; display: none; padding: 50px 0; overflow: hidden; pointer-events: none; transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1); display: block; flex-direction: column; justify-content: flex-start; align-items: flex-start; }
#m_nav.act { pointer-events: auto; right: 0; }
#m_nav>ul>li { width: 100%; overflow: hidden; padding: 0 2.3rem; }
#m_nav>ul>li+li,.submenu li{ border-top: 1px solid rgba(255, 255, 255, 0.1); }
#m_nav li a { display: block; color: #ffffff; line-height: 4.5rem; height: 4.5rem; font-size: 1.125rem; text-transform: capitalize; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.4); display: none; }

.banner{ background:url(../images/bannerbg.jpg) no-repeat center center; height:100vh; text-align:center;}
.bannertxt{ display:flex; justify-content:center; align-items:center; height:100%;text-align: center;}
.section1 { overflow: hidden; background:url(../images/sec1bg.png) no-repeat center top; position:relative; margin-top:-80px; padding:7rem 0 3rem; }
.sectit { margin-bottom: 2rem; display:flex; align-items:center;justify-content: space-between; }
.sectit h2 { font-size: 1.875rem; font-weight: bold;  display:flex; align-items:center;}
.sectit h2:before{ content:""; display:inline-block; background:url(../images/sec1-1.png) no-repeat center center; width:95px; height:8px; margin-right:15px;}
.sectit a{ display:block; float:right;}
.sec1con { width:82%; float:right; font-size:1.25rem;}
.sec1con p{text-indent:2em; line-height:2;  background:url(../images/sec1-2.png) no-repeat left top; padding-left:120px;}
.sec1a{ display:block; float:right; width:147px; height:40px; line-height:40px; text-align:center; border-radius:20px; border:1px #272727 solid; font-size:1rem;}
.sec12 { overflow: hidden; background:url(../images/sec1-3.jpg) no-repeat center center; padding:3rem 0; }
.sec12 li { width: 25%; float: left; position: relative;color: #ffffff; text-align:center;}
.sec12 li span { font-size: 4rem; font-family: DINBold; line-height: 1.2;  position: relative; }
.sec12 li em { font-size: 1.125rem; display:block; }
.sec12 li span:after { margin-left: 5px; font-size: 1.5rem; font-family:Arial, Helvetica, sans-serif; font-weight:normal; display: inline-block; position: absolute; top: 5px; right: -23px; }
.sec12 li span:before {font-size: 1.25rem; font-weight:normal; display: inline-block; position: absolute; bottom: 5px; right: -26px; }
.sec12 li:nth-child(2) span:before{ content: "个"; }
.sec12 li:nth-child(3) span:before{ content: "名"; }
.sec12 li:nth-child(2) span:after,.sec12 li:nth-child(3) span:after{ content: "+"; }
.sec12 li:hover span { color: #fa5822; }

.section2{ padding:4.5rem 0 320px;background:url(../images/sec2bg.png) #f4f5f7 no-repeat center bottom; position:relative;}
.sec2list{ display:flex; flex-wrap:wrap;}
.sec2list dt{ width:48%; margin-right:4%; background-color:#ffffff;}
.sec2list dt .imgZoom img{ width:100%;}
.sec2list dt .txt1{ padding:2rem 3rem;}
.sec2list dt .txt1 h3{ font-size:1.125rem; margin-bottom:10px;}
.sec2list dt .txt1 .date{ float:right; font-size:0.875rem; opacity:0.6;}
.sec2list dt .txt1 p{ padding-top:1rem; border-top:1px #e4e4e4 solid; opacity:0.8; }
.sec2list dd{ width:48%; background-color:#ffffff;}
.sec2list dd ul{ padding:2rem 3rem;}
.sec2list dd ul li{ border-bottom:1px #e4e4e4 solid; padding:10px 0; margin-bottom:5px;}
.sec2list dd ul li a{ display:block; display:flex; align-items:center;justify-content: space-between; flex-wrap:none;}
.sec2list dd ul li h3{ font-size:1rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sec2list dd ul li .date{ float:right; font-size:0.875rem; opacity:0.6;display: block; width: 100px; text-align: right;}
.sec2list dd ul li h3:before{ content:""; width:5px; height:5px; background-color:#d6d6d6; border-radius:50%; display:inline-block; margin-right:10px;}
.homebg{ background-color:#f4f5f7;}
.section3{  margin-top:-90px; position:relative; padding-bottom:4rem;}
.section3 ul{ overflow:hidden;}
.section3 ul li{ width:16%; margin-left:2%; float:left; margin-bottom:15px; position:relative; text-align:center;}
.section3 ul li:before{ content:""; display:block; width:100%; height:100%; background-color:#ffffff; transform: skewX(-15deg); border-radius:10px; position:absolute; top:0; left:0;box-shadow: 10px 10px 10px #ebeced; }
.section3 ul li img{ position:relative; z-index:33; margin:1.5rem 0;}
.section3 ul li:first-child{ margin-left:10%;}
.section3 ul li:nth-child(11){ margin-left:10%;}

.footer{ background:url(../images/footbg.png) no-repeat center top;color:rgba(255,255,255,0.5); position:relative; }
.footer .wrap{ position:relative;}
.backtop{ background-color:#fa5822; width:10rem; height:10rem; border-radius:50%; text-align:center; float:right; display:flex; flex-wrap:wrap;align-items:center;justify-content:center; font-size:1.125rem; position:relative; margin-top:-50px;color: #ffffff; z-index:33;}
.backtop span{ display:block; font-size:1.875rem;}
.backtop a{ color:#ffffff;}
.flx{ padding:120px 0 50px; line-height:1.8; width:50%;float:left;}
.flx h4{ font-size:1.125rem;}
.flx .ftel{ font-size:1.875rem; color:#fa5822; background:url(../images/ftel.png) no-repeat center left; padding-left:37px;}
.fdh{ width:15%; float:left; padding:140px 0 50px;/* border-left:1px rgba(255,255,255,0.1) solid;*/}
.fdh a{ display:block;color:rgba(255,255,255,0.5); line-height:2.5;}
.fdh a:after{ content:"→"; display:block; float:right; color:#242424;}
.fdh a:before{ content:"|"; display:block; float:left; color:#242424; margin-right:30px;}
.fdh a:hover:after,.fdh a:hover:before{ color:#fa5822;}
.footer:before{ content:""; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background-color:rgba(255,255,255,0.1);}
.fwx{padding:140px 0 50px; position:absolute; right:0; width:12%;}
.fwx img{ display:block; margin-top:10px;}

.copyright {border-top:1px rgba(255,255,255,0.1) solid; overflow: hidden; overflow:hidden; clear:both; }
.copyright a{color:rgba(255,255,255,0.5);}
.fdz{ width:50%; float:left; display:flex;align-items: center;}
.banquan{ width:50%; float:left; padding:25px 0 30px 30px;}
.fdz:before{ content:""; display:block; width:26px; height:33px; background:url(../images/fdz.png) no-repeat center center; padding:25px 15px; margin-right:20px; float:left;border-left:1px rgba(255,255,255,0.1) solid;border-right:1px rgba(255,255,255,0.1) solid;}


@media (min-width:1921px) {
html { font-size: 18px; }
}
@media (max-width:1920px) {
html { font-size: 16px; }
}
@media (min-width:1400px) and (max-width:1600px) {
html { font-size: 16px !important; }
}
@media (min-width:640px) and (max-width:1399px) {
html { font-size: 16px !important; }
}
@media (min-width:471px) and (max-width:639px) {
html { font-size: 16px !important; }
}
@media (min-width:329px) and (max-width:470px) {
html { font-size: 16px !important; }
}
@media (max-width:328px) {
html { font-size: 16px !important; }
}
@media (max-width:1700px) {
.sec12 li{ display:block;}	
.sec12 li em{ display:block;}
}

@media (max-width:1400px) {
.wrap{ width:96%; margin:0 auto;}

}
@media (max-width:1280px) {
.sec1con{ width:100%; float:none;}



}
@media (max-width:980px) {
.header_right{ display:none;}
.header{ position:relative; display:none;}
.mheader, #nav_btn_box { display: block; }
.mheader { height: 4.5rem; position: fixed; top: 0; width: 100%; z-index: 999; transition: 0s 1.5s; background:rgba(0,0,0,0.9); box-shadow: 0 0 3px rgb(0 0 0 / 15%); }
.mheader .logo img { height: 2.5rem; margin: 1rem; vertical-align: middle; }
.m_nav_list .submenu{ display: block; padding-left:20px; }
.sec2list{flex-direction: column;}
.sec2list dt{ width:100%;margin-right: 0; margin-bottom:15px;}
.sec2list dd{ width:100%;}
.section3 ul li{ width:23%;}
.section3 ul li:first-child,.section3 ul li:nth-child(11),.section3 ul li{ margin-left:1%; margin-right:1%;}
.section3 ul li:before{transform: skewX(0deg);}
.sec12 li span{ font-size:3rem;}
}
@media (max-width:800px) {
.sec12 li{ width:50%;}
.sec12 li:first-child,.sec12 li:nth-child(2){margin-bottom:15px;}
.sec1con p{ background-image:none; padding-left:0;}
.section2{ background-image:none;padding: 3rem 0; }
.section3{ margin-top:0;}
.sec2list dt .txt1,.sec2list dd ul{ padding:1rem;}
.copyright .wrap{ display:flex;}
.banquan{padding: 15px 0 10px 30px; }
.fdh,.fwx{ width:100%;padding: 0; position:relative;clear: both; text-align:center;}
.fdh a{ width:25%; float:left;}
.backtop{ width:7rem; height:7rem;}
.footer{ background-color:#242424;}
.flx{ padding:20px 0; text-align:center;}
.flx .ftel{ background-image:none; display:flex;align-items: center; justify-content: center;}
.flx .ftel:before{ content:""; display:inline-block;background: url(../images/ftel.png) no-repeat center center; width:30px; height:26px; margin-right:5px;}
.footer:before{ display:none;}
.fwx img{ margin:0 auto 20px;}
.copyright .wrap{flex-direction: column; padding:1rem 0;}
.fdz,.banquan{ width:100%; padding:0; text-align:center; display:block;}
.fdz:before{ display:none;}
}
@media (max-width:640px) {
.bannertxt img{ max-width:80%;}
.flx,.fdh{ width:100%;}
.fdh a:before{ margin-right: 0; }

}