a{color:#FFF;font-size:16px;transition:all 0.5s;}
a:hover{color:#fff;}
.shadow{box-shadow:0 0 6px #888888;}
#fixtop{position:fixed;top:0;left:0;width:100%;z-index:99;}
#header{background:#004098;padding:19px 56px;display:flex;flex-wrap:wrap;justify-content:flex-end;transition:all 0.5s;}
#header .topnav{display:flex;flex-basis:100%;}
#header .nav{line-height:80px;}
#header .logo{margin-right:auto;}
#header .logo img{max-width:74vw;}
#header .navul{display:flex;}
#header .navli{margin-left:49px;}
#header .navli a:hover{color:#ffcc00;}
#header .search{margin-left:72px;display:flex;line-height:80px;}
#header #search{cursor:pointer;background:url("../images/search.png") no-repeat scroll 0 31px;width:19px;}
#header #line{margin:0 24px;color:#FFFFFF;font-size:16px;}
#header .ebook{background:url("../images/icon.png") no-repeat scroll 0 30px;}
#header .ebook a{padding-left:28px;}
#header .m{display:none;}
#header #mnav{cursor:pointer;background:url("../images/mnav.png") no-repeat scroll 0 16px;width:19px;}
#header .hide{display:none;}
#header .searchbox{display:flex;margin-top:24px;}
#header .searchbox .serach-btn{width:80px;height:40px;text-align:center;border:none;background-color:rgba(5, 70, 134, 0.8);color:#FFFFFF;}
#header .searchbox .serach-txt{border:1px solid;width:300px;padding-left:16px;}
#header .mnav{display:none;flex-basis:100%;height:100vh;}
#header .mnav .mnavul{text-align:center;}
#header .mnav .mnavli{border-bottom:1px solid #fff;}
#header .mnav a{color:#86b2f0;line-height:12vh;}
#footer{background-color:#80828f;}
.fright{margin-right:30px;width:120px;}
.fright img{width:120px;float:left;}
.fright span{float:left;color:#fff;height:40px;line-height:40px;text-align:center;width:120px;}
#footer .footerin{padding:104px 56px 30px;max-width:1392px;margin:0 auto;}
#footer .nav{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,0.2);}
#footer .navdown ul{display:flex;}
#footer .navdown .firstli a{padding-left:0;}
#footer .navdown ul li a{border-right:1px solid #FFFFFF;padding:0 14px;}
#footer .navdown ul li:last-child a{border:0px;}
#footer .navtext p{color:rgba(255,255,255,0.6);font-size:14px;margin:40px 0 56px;}
#footer .copyright{display:flex;justify-content:space-between;}
#footer .copyright p{color:#ffffff;font-size:14px;margin-top:30px;}
 @media only screen and (max-width:1440px) {
#footer .footerin{padding:104px 3% 30px;}
#header .navli{margin-left:26px;}
#header .search{margin-left:20px;}}
 @media only screen and (max-width:1180px) {
#header{padding:3vw;background-color:#014099;}
#footer .footerin{padding:54px 9vw 30px;}
#footer .fright img,  #header .nav,  #header .search{display:none;}
#header .m{display:flex;}}
 @media only screen and (max-width:620px) {
#footer .navdown ul{flex-wrap:wrap;}
#footer .navdown .firstli a{padding-left:0px;}
#footer .navdown li:nth-child(4) a{padding-left:0px;}
#footer .copyright .cright{display:none;}}
#banner-inside{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto}
#banner-inside .bannertext{width:100%;text-align:center;position:absolute;top:40%;}
.bannertext .bigtext{font-size:50px;margin-bottom:60px;color:#fff;position:relative;width:100%;display:table;}
.bannertext .bigtext:after{content:'';display:block;position:absolute;left:50%;width:72px;height:1px;margin-left:-36px;bottom:-40px;background:#fff;}
.bannertext .bigtext2{font-size:40px;font-weight:300;font-family:'Microsoft YaHei Light', 'Microsoft YaHei';color:#ffcc00;width:100%;display:table;}
#banner-inside img{width:100%;}
 @media (max-width:768px) {
#banner-inside {}
#banner-inside img{left:0;margin-left:0px;}
.bannertext .bigtext{font-size:30px;}
.bannertext .bigtext2{font-size:20px;}}
.g-bd{padding:50px 56px;margin:0 auto;max-width:1392px;}
#navpart{position:relative;background:#80828f;margin:102px auto 0;width:100%;display:table;}
#navpart .position{padding:25px 3% 25px;margin:0 auto;color:#fff;font-size:12px;text-align:left;float:right;}
#navpart .position a{color:#fff}
#navpart .position a:hover{color:#ffcc00;text-decoration:underline}
#navpart .column{padding:20px 56px 20px;max-width:1392px;margin:0 auto;text-align:left;overflow:auto}
#navpart .column ul{text-align:left}
#navpart .column ul li{display:inline-block;float:left;border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.6);height:40px;line-height:40px;padding:0 30px;margin-right:10px;font-size:14px;text-align:center;}
#navpart .column a{display:block;color:#002e90;}
#navpart .column .A, #navpart .column ul li:hover{background:#ffcc00;border:1px solid #ffcc00}
#navpart .column .A a, #navpart .column ul li:hover a{color:#fff}
#navpart .column #scrollwidth{width:auto}
.linkbox{display:none;}
.footer-social ul li{color:#ccc;display:inline-block;margin-right:10px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:12px;}
.footer-social ul{margin:1.5em 0}
.footer-social ul li a{color:#ccc;font-size:12px;}
.footer-social ul li:hover a{color:#fff;text-decoration:none}
 @media(max-width:768px) {
#navpart{margin-top:58px;}
#header .mnav{background:#80828f}
#header .mnav a{line-height:50px;color:#fff}
.title-style h2{line-height:30px;height:30px}
.about-ours .img img{height:inherit !important}
.about-ours .right2{display:none}}
.cright a{ margin-left:10px;}