body{ font-family: 'Noto Sans SC'; font-size: 24px; color: #333;}
.wrap{ margin:0 auto;padding: 0 30px;}
.commTop{margin-top: 100px;}
.header{width: 100%; height: 100px; background: linear-gradient( 180deg, rgba(94, 180, 232, .2) 0%, rgba(255,255,255,.2) 100%);display: flex;align-items: center;justify-content: space-between;padding: 0 30px;position: fixed;top: 0;left: 0;z-index: 99;}
.header .logo{display: block;width: 350px;}
.header .logo img{display: block;width: 100%;}
.header .menu{display: block;width: 50px;}
.header.active{background: #ffffff;box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.navBox{ width: 100%; height: 100vh; background: #ffffff; position: fixed; top: 0; left: -100%; z-index: 999999999; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }
.navBox.active{left: 0;}
.navBox .top{width: 100%;height: 100px; display: flex;align-items: center;justify-content: space-between;background: linear-gradient( 180deg, rgba(94, 180, 232, .2) 0%, rgba(255,255,255,.2) 100%);padding: 0 30px;}
.navBox .top .logo{display: block;width: 400px;}
.navBox .top .logo img{display: block;width: 100%;}
.navBox .top .close{width: 40px;display: block;}
.searchBox{ position: relative;width: 560px;margin: 50px auto;}
.searchBox input{ width: 560px; height:52px; border: 1px solid #2F78DB; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;background: transparent;padding: 0 110px 0 30px;font-size: 24px;color: #515151;line-height: 52px;}
.searchBox .search{ width: 106px; height: 40px; background: #2F78DB; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-size: 24px;color: #FFFFFF;line-height: 40px;text-align: center;position: absolute;right: 6px;top: 6px;cursor: pointer;}
.navBox .nav{padding: 0 30px;}
.navBox .nav li a{font-size: 28px;color: #333333;line-height: 116px;border-top: 1px solid #DFDFDF;display: block;padding: 0 20px;font-weight: bold;}
.navBox .nav li:last-child a{border-bottom: 1px solid #DFDFDF;}
.navBox .nav li.active a{color: #2F78DB;}

.crumbs{background: #F4F4F4;padding: 0 30px;font-size: 26px;color: #7F7F7F;line-height: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.crumbs a{font-size: 26px;color: #7F7F7F;line-height: 50px;}
.crumbs span{font-size: 26px;color: #333333;line-height: 50px;}
.commCrumbs{background: rgba(47, 120, 219, .25);position: relative;height: 44px;margin-top: 26px;}
.commCrumbs .h3{min-width: 132px;height: 50px; font-size: 28px;color: #ffffff;line-height: 44px;background-image: url('../images/index/bg5.png');background-repeat: repeat-x;position: absolute;left: 0;top: -6px;padding: 0 14px;}
.commCrumbs .h3::after{content: '';width: 140px;height: 50px;background-image: url('../images/index/bg4.png');background-repeat: repeat-x;background-position: center;background-size: 100%;position: absolute;right: -138px;bottom: 0;}
.commCrumbs2{height: 34px;}




.commTit{display: flex;align-items: center;justify-content: space-between;}
.commTit h3{font-size: 30px;color: #333333;line-height: 36px;font-weight: 500;padding-left: 16px;background-image: url(../images/common/dian.png);background-position: left 8px;background-repeat: no-repeat;background-size: auto 26px;}
.commTit .more{font-size: 20px;color: #98A3B7;line-height: 30px;padding-right: 10px;background-image: url(../images/common/more1.png);background-repeat: no-repeat;background-position: right center;background-size: 8px auto;}

.footer .bg{display: block;width: 100%;}
.footer .box{background: #2F78DB;flex-wrap: wrap;padding: 44px 0 74px;position: relative;}
.footer .box .block h3{font-size: 24px;color: #ffffff;line-height: 30px;font-weight: normal;margin-top: 30px;}
.footer .box .block h3::after{content: '';width: 26px;height: 3px;background: #ffffff;display: block;margin-top: 20px;margin-bottom: 16px;}
.footer .box .block .p1{font-size: 24px;color: rgba(255,255,255,.6);line-height: 34px;}
.footer .box .block .p2{font-size: 20px;color: rgba(255,255,255,.6);line-height: 34px;display: inline-block;margin-left: 20px;}
.footer .box .block .p2 img{display: inline-block;vertical-align: middle;width: 26px;margin-right: 6px;}
.footer .box .ewmBox{ width: 690px; position: absolute; bottom: 320px; left: 30px; margin: 0 auto; padding: 6px; background: #FFFFFF; font-size: 0; text-align: center; 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; box-shadow: 0 5px 20px rgba(0,0,0,.1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; z-index: 999;}
.footer .box .ewmBox .imgBox{display: flex;flex-wrap: wrap;}
.footer .box .ewmBox img{width: 100% !important;display: inline-block;vertical-align: middle;margin: 5px;}
.footer .box .ewmBox .ewm{width: 158px !important;display: inline-block;vertical-align: middle;margin: 5px;}
.footer .box .ewmBox img{display: block;width: 100% !important;}
.footer .box .ewmBox h4{font-size: 22px;color: #333333;line-height: 28px;text-align: center;}
.footer .box .ewmBox::after{content: '';border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #ffffff;position: absolute;right: 204px;bottom: -10px;}
.footer .box .p2.active .ewmBox{opacity: 1;visibility: visible;}
.footer .bot{font-size: 24px;color: #666666;line-height: 36px;background: #D8D8D8;padding: 10px 0;text-align: center;}
.footer .bot a{display: block;font-size: 24px;color: #666666;line-height: 36px;}

.pages{font-size: 0;text-align: center;margin:28px 0;}
.pages a{display: inline-block;vertical-align: top;font-size: 24px;color: #6B6B6B;line-height: 40px;border:1px solid #E3E3E3;background: #F5F5F5;min-width: 40px;text-align: center;margin: 0 4px;}
.pages .a1{padding: 0 20px;}
.pages a:hover,.pages a.active{background: #3F93DE;border-color: #3F93DE;color: #ffffff;}
.pages a.active{background: #3F93DE;border-color: #3F93DE;color: #ffffff;}