@import url('reset.css');
@import url('swiper.min.css');
*{box-sizing: border-box; -webkit-box-sizing: border-box;}
body{font-family: '微软雅黑'; background-color: #fff;}
a{background:transparent;text-decoration:none;color:#333}a:active,a:hover{outline:0}a:hover{text-decoration:none;color:#324c9e}
.wrapper{width: 1235px; margin: 0 auto; text-align: left}
.ts{text-transform:uppercase}
.mauto{margin:0 auto}
.pz{position:relative;z-index:0}
.pa{position:absolute;z-index:999}
.bz{box-sizing:border-box}
.b{font-weight:bold}
.i{font-style:italic}
.hidden{display:none !important}
.cb{clear:both}
.vs{overflow:visible !important}
.flex{display: flex; display: -webkit-flex;}
.flexCenter{display: flex; display: -webkit-flex; align-items: center; justify-content: center;}
.flex{display: flex; display: -webkit-flex;}
.flexColumn{display: flex; display: -webkit-flex; flex-direction: column;}
.flexWrap{display: flex; display: -webkit-flex; flex-wrap: wrap;}
.flexCenter{display: flex; display: -webkit-flex;align-items:center;justify-content:center; flex-wrap: wrap; align-content: center;}
.flexRight{display: flex; display: -webkit-flex; justify-content: flex-end;}
.flexAc{display: flex; display: -webkit-flex; align-content: center; align-items: center;}
.flexJc{display: flex; display: -webkit-flex; justify-content: center; justify-items: center;}
.flexJb{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.flexJb:after{content: ''; width: 23%;}
.textLeft{text-align:left}
.ov{overflow: hidden;}
img{max-width: 100%;}
.mt20{margin-top: 20px;}
.allw{width: 100% !important;}
/*header*/
header{width: 100%; height: 37px; background-color: #fafafa; border-bottom: 1px solid #ccc;}
header .wrapper{height: 36px; font-size: 12px; color: #999; text-indent: 25px;}
.header{height: 127px;}
.header .logo{margin: 24px 0 0 26px;}
.header .search{width: 298px; height: 34px; margin: 42px 0 0 345px;}
.header .searchText{width: 218px; height: 34px; background: #fff; border: 1px solid #ccc; line-height: 32px; padding: 0 10px; font-size: 14px;}
.header .searchText:focus{border-color: #2d479b;}
.header .searchBtn{width: 80px; height: 34px; background-color: #2d479b; border: 0; font-size: 14px; color: #fff;}
/*nav*/
nav{width: 100%; height: 60px; background-color: #2d479b; z-index: 1000 !important;}
nav>ul>li{width: 14.1111%; height: 60px;}
nav>ul>li:after{content: ''; width: 1px; height: 16px; background-color: #9fabd1; position: absolute; right: 0; top: 22px;}
nav>ul>li:last-child:after{display: none;}
nav>ul>li>a{width: 100%; height: 60px; font-size: 17px; color: #fff;}
nav>ul>li>a:hover,nav>ul>li:hover>a,nav>ul>li>a.active{background-color: #e69d24; color: #fff;}
nav>ul>li>ul{left: 0; top: 60px; padding-top: 2px; width: 100%; display: none;}
@keyframes slideDown{0%{top:50px;opacity:0}to{top:60px;opacity:1}}@-webkit-keyframes slideDown{0%{top:50px;opacity:0}to{top:60px;opacity:1}}
nav>ul>li:hover>ul{display: block; -webkit-animation:slideDown 0.4s 1;-khtml-animation:slideDown 0.4s 1;animation-direction:alternate}
nav>ul>li>ul>li{width: 100%; height: 48px; border-bottom: 1px solid #fff;}
nav>ul>li>ul>li:last-child{border: 0;}
nav>ul>li>ul>li a{width: 100%; height: 48px; background-color: #2d479b; font-size: 16px; color: #fff;}
nav>ul>li>ul>li a:hover{background-color: #e69d24; color: #fff;}
/*swiper*/
#topSwiper{width: 100%;}
#topSwiper img{width: 100%;}
#topSwiper .swiper-pagination-bullet{width: 100px; height: 11px; background: #e5e5e5; border-radius: 0; opacity: 1;}
#topSwiper .swiper-pagination-bullet-active{background: #e69d24;}
/*footer*/
footer{border-top: 6px solid #e69d24;}
footer .c{margin-top: 4px; background: #2d479b; padding-top: 18px;}
footer .c .links select{width: 283px; height: 42px; line-height: 42px; margin-right: 23px; padding-left: 10px;}
footer .c2{padding: 52px 0 17px 0; background: #2d479b;}
footer .c2 .copyright{margin-left: 280px; width: 745px; padding-right: 10px; line-height: 220%; font-size: 16px; color: #fff;}
footer .c2 .wx{width: 120px;}
footer .c2 .wx h2{height: 31px; font-size: 16px; color: #fff;}
/*index*/
.indexAnnouncements, .indexAbout{width: 1202px; margin: 0 auto;}
.iTop{height: 48px; border-bottom: 1px solid #e6e6e6; line-height: 47px;}
.iTop:before{content: ''; margin: 0 8px 0 3px; display: inline-block; width: 6px; height: 23px; background: #E69D24;}
.iTop .cn{font-size: 28px; margin-right: 10px; line-height: 47px;}
.iTop .en{font-size: 16px; color: #666; line-height: 47px;}
.iTop a{right: 7px; top: 0; font-size: 14px; color: #333;}
.iTop a:hover{color: #e69d24;}
.indexAnnouncements{margin-top: 48px;}
.indexAnnouncements .c{margin-top: 12px; min-height: 100px;}
.indexAnnouncements .c .l{width: 295px; background: #334c9e; padding-top: 16px;}
.indexAnnouncements .c .l li{height: 60px; margin-bottom: 23px;}
.indexAnnouncements .c .l li a{height: 49px; font-size: 18px; color: #fff;}
.indexAnnouncements .c .l li.active a{background: #e69d24;}
.indexAnnouncements .c .list{width: 909px;}
.indexNews{width: 1202px; margin: 0 auto; margin-top: 71px;}
.indexNews .list{width: 582px;}
.indexHonor{width: 100%; height: 550px; background: url(../image/indexPic.jpg) no-repeat center top;}
.indexHonor .cn{height: 71px; font-size: 35px; margin-top: 18px;}
.indexHonor .en{height: 45px; font-size: 14px; color: #999;}
.indexHonor .line{width: 100%; height: 10px; background: url(../image/line.png) no-repeat center;}
.indexHonor .c{width: 1392px; margin: 25px auto 0 auto;}
#honorSwiper{margin-left: 106px; position: static !important; width: 1202px;}
#honorSwiper .swiper-slide{width: 302px; height: 312px;}
#honorSwiper .swiper-slide a{width: 286px; height: 312px;}
#honorSwiper .swiper-slide a .pic{width: 100%; height: 263px; background: #fff;}
#honorSwiper .swiper-slide a .title{width: 100%; height: 49px; background-color: #2d479b; font-size: 14px; color: #fff;}
#honorSwiper .swiper-slide a:hover .title{background-color: #e69d24;}
#honorSwiper .swiper-button-prev, #honorSwiper .swiper-button-next{width: 48px; height: 48px;}
#honorSwiper .swiper-button-prev{left: 0; background: url(../image/prev.png) no-repeat;}
#honorSwiper .swiper-button-next{right: 0; background: url(../image/next.png) no-repeat;}
#honorSwiper .swiper-button-next::after, #honorSwiper .swiper-button-prev::after{display: none;}
.indexAbout{margin-top: 42px;}
.indexAbout .cn{height: 71px; font-size: 35px;}
.indexAbout .en{height: 45px; font-size: 14px; color: #999;}
.indexAbout .line{width: 100%; height: 10px; background: url(../image/line.png) no-repeat center;}
.indexAbout .pic{width: 436px; margin: 61px 0 64px 0;}
.indexAbout .text{width: 685px; margin-left: 40px; margin-top: 60px;}
.indexAbout .text .company{height: 50px; font-size: 24px;}
.indexAbout .text .content{margin: 15px 0; line-height: 220%; font-size: 14px;}
.indexAbout .text .more{width: 145px; height: 39px; margin-top: 30px; border: 1px solid #e69d25; font-size: 16px; color: #7d7d7d;}
.indexAbout .text .more:hover{color: #fff; background: #e69d25;}
/*other*/
.banner{position:relative;z-index:0;width:100%;margin-bottom:2px;text-align:center}
.banner img{display:block;width:100%;margin:0 auto}
.main{margin: 49px auto;}
/*aside*/
aside{width: 251px;}
aside .classname{height: 97px; background-color: #324c9e;}
aside .classname h2{margin-top: 23px; height: 37px; font-size: 26px; color: #fff;}
aside .classname h3{height: 22px; font-size: 15px; color: #fff;}
aside .sons{width: 100%; border: 1px solid #ccc; border-top: 0; padding: 5px 0 10px 0;}
aside .sons>li{height: 61px; }
aside .sons>li a{width: 100%; height: 61px; font-size: 18px; color: #333;}
aside .sons>li a:hover, aside .sons>li.active a{background-color: #324c9e; color: #fff;}
aside .content{padding: 25px 14px; border: 1px solid #ccc; border-top: 0; line-height: 180%; font-size: 16px;}
/*main content*/
.mainContent{width: 985px; margin-left: 34px;}
.mainContent .position{height: 51px; border-bottom: 1px solid #959a99; padding-left: 31px; font-size: 15px; color: #999; background: url(../image/position.png) no-repeat left center;}
.mainContent .position a{color: #999;}
.mainContent .position a:hover{color: #324c9e;}
.sonscate{height: 61px; background: #ebebeb; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding-left: 16px;}
.sonscate a{padding: 0 38px; line-height: 61px; font-size: 18px; color: #666;}
.sonscate a.active,.sonscate li.active a{color: #333; background: url(../image/sons.png) no-repeat center bottom;}
.sonscate a:hover{color: #e69d24;}
.introduction{padding:31px; text-align:justify;line-height: 45px; font-size: 14px; color: #666}
.introduction.nmt{margin-top:0}
.introduction div,.introduction p{font-size:14px; color:#666}
.introduction img{max-width:100%}
.articleImg{width:100%;margin:22px 0 0 0;text-align:center}
.articleImg img{display:block;max-width:100%;margin:0 auto;border:1px solid #120c0d}
.articleImg2{width:100%;margin:0 0 22px 0;text-align:center}
.articleImg2 img{display:block;max-width:100%;margin:0 auto}
.articleTitle{line-height: 36px; font-size: 18px; font-weight: bold; color: #030303; margin-top: 20px;}
.articleTime{width:100%; padding-bottom: 8px; text-align:center; line-height: 33px; font-size: 14px; color:#030303; border-bottom: 1px dashed #70706f;}
.articleContent{padding: 26px 0; text-align: justify; line-height: 30px; font-size: 14px; color: #000}
.articleContent p, .articleContent div{font-size: 14px; color: #000}
.articlePages{margin:20px 50px; font-size: 14px}
.articlePages div{width: 50%; font-size: 14px}
.articlePages div a{font-size: 14px}
.loadingText{margin-top: 57px; width: 100%;}
.loadingText a{width: 100%; line-height: 58px; background-color: #a3a9ae; display: block; text-align: center; font-size: 18px; color: #080808;}
/*单页*/
.singleContent{width: 1356px; margin: 0 auto; margin-top: -39px; background-color: #fff; z-index: 999; border-radius: 8px;}
.singleContent .typename{height: 77px; margin: 0 23px; font-size: 30px; color: #696d65; border-bottom: 1px dashed #80c269;}
.singleContent .typename span{font-size: 24px;}
/*新闻列表*/
.newslist{margin: 10px;}
.newslist li{height: 54px; border-bottom: 1px dashed #d4d4d4;}
.newslist li .title{width: 770px; height: 54px;}
.newslist li .addtime{width: 133px; height: 54px;}
.newslist li span{font-size: 14px; color: #333;}
.newslist li a:hover span{color: #324c9e;}
.newslist li.nt{margin-top: 9px; height: 113px;}
.newslist li.nt .img,.newslist li.nt img{width: 98px; height: 73px;}
.newslist li.nt .img{margin: 20px 0 0 6px;}
.newslist li.nt .text{width: 465px; padding-right: 10px; margin-left: 14px; margin-top: 18px;}
.newslist li.nt .text .title{height: 28px; font-size: 14px;}
.newslist li.nt .text .content{line-height: 150%; font-size: 14px; color: #666;}
.newslist li.nt a:hover .text .content{color: #324c9e;}
/*在线留言*/
   .guestbook{width:600px;height:auto;padding:58px 0 0 176px;}
   .guestbook li{width:100%;height:auto;padding-bottom:22px; overflow: hidden;}
   .guestbook .wz1{width:151px;height:20px;padding-right:13px;text-align:right;line-height:20px;font-size:14px;color:#666;}
   .guestbook .wz2{width:255px;height:27px;text-align:left;line-height:27px;font-size:14px;color:#000;}
   .guestbook .wz3{width:160px;height:27px;text-align:left;line-height:27px;font-size:14px;color:#000;}
   .guestbook .wbk1{width:171px;height:18px;background:none;background:none;border:1px solid #676568;line-height:18px;color:#333;}
   .guestbook .wbk2{width:98px;height:18px;background:none;background:none;border:1px solid #676568;line-height:18px;color:#333;}
   .guestbook .wby{overflow:scroll;overflow-x:hidden;overflow:auto;width:313px;height:102px;background:none;border:1px solid #676568;line-height:20px;color:#333;}
   .guestbook .yanzhengma{width:75px;height:25px;margin-left:5px;cursor:pointer;}
   .guestbook .changeAnother{width:70px;height:25px;text-align:center;line-height:25px;}
   .guestbook .changeAnother:link,.guestbook .changeAnother:visited,.guestbook .changeAnother:hover{color:#666;}
   .guestbook h2{width:25px;height:10px;text-align:center;line-height:10px;color:#cb411e;}
   .guestbook .btnSubmit,.guestbook .joinusSubmit{width:99px;height:31px;margin:4px 0 0 220px;background:#00468c;border:0;text-align:center;line-height:30px;color:#fff;cursor:pointer;}
   .guestbook .regAlert{color:red;}
   .guestbook .regValid{color:green;}
/*图片列表*/
.picslist{margin: 20px 0;}
.picslist li{width: 23%; margin-bottom: 20px;}
.picslist li:nth-child(4n+2){margin: 0 2%;}
.picslist li:nth-child(4n+3){margin-right: 2%;}
.picslist li a{width: 100%; height: 312px;}
.picslist li a .pic{width: 100%; height: 263px; background: #fff;}
.picslist li a .title{width: 100%; height: 49px; background-color: #2d479b; font-size: 14px; color: #fff;}
.picslist li a:hover .title{background-color: #e69d24;}

.openHtml{overflow:hidden;width:798px;height:533px;background-color:#fff}
.openHtml .h1{position:relative;z-index:0;width:100%;height:46px;border-bottom:1px solid #eee;line-height:46px;text-indent:25px;font-size:14px;font-family:"Microsoft YaHei";color:#333}
.openHtml .close{position:absolute;z-index:999;top:14px;right:17px;display:block;width:13px;height:11px;background:url(/theme/default/images/close.gif) no-repeat}
.openHtml .htmlContent{overflow:scroll;overflow-x:hidden;overflow-y:auto;width:753px;height:420px;padding:10px 0 0 25px;padding-right:10px;border-bottom:1px solid #ddd;line-height:28px;font-size:14px;font-family:"Microsoft YaHei";color:#333}
.openHtml .closeBlock{position:relative;z-index:0;width:100%;height:54px;margin-top:1px;background-color:#f5f5f5}
.openHtml .close2{position:absolute;z-index:999;top:13px;left:15px;display:block;width:82px;height:30px;background:#2384ef;background:linear-gradient(to bottom, #0080eb, #0565b2);text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";color:#fff}

.floatMenu{position:fixed;z-index:99999;_position:absolute;_bottom:expression(eval(document.documentElement.scrollTop+50));right:5px;top:50%;margin-top:-90px;width:56px}
.floatMenu a{display:block;width:56px;height:56px;margin-bottom:4px}
.floatMenu a.qq{background:url(/theme/default/images/fqq.png) no-repeat}
.floatMenu a.mobile{position:relative;z-index:0}
.floatMenu a.mobile .icon{position:absolute;z-index:999;left:0;top:0;width:56px;height:56px;background:url(/theme/default/images/fmobile.png) no-repeat}
.floatMenu a.mobile span{position:absolute;z-index:1;top:0;right:15px;width:1px;height:56px;background-color:#ff7777;border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;-webkit-border-radius:8px 0 0 8px;-khtml-border-radius:8px 0 0 8px;-ms-border-radius:8px 0 0 8px;-o-border-radius:8px 0 0 8px;text-align:center;line-height:56px;font-size:20px;font-weight:bold;font-family:微软雅黑;color:#fff}
.floatMenu a.mobile:hover span{right:45px;width:202px}
.floatMenu a.weixin{position:relative;z-index:0;background:url(/theme/default/images/fweixin.png) no-repeat}
.floatMenu a.weixin img{*display:none;position:absolute;z-index:999;right:-130px;top:0;width:120px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-opacity:0}
.floatMenu a.weixin:hover img{*display:block;left:-130px;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-opacity:1}
.floatMenu a.up{background:url(/theme/default/images/fup.png) no-repeat}
.floatMenu a.up:hover{background-position:0 -56px}
/*分页*/
.pages{overflow:hidden;width:100%;padding:0 0 30px 0;text-align:center;line-height:24px;font-size:13px;color:#333}
.pages a,.pages span{display:inline-block;*display:inline;*zoom:1;height:24px;margin-right:10px;padding:0 5px;border:1px solid #3e90e0;line-height:24px}
.pages span.red{background-color:#4baf3d;color:#fff}
.hidden-m{display:block}
.hidden-pc{display:none}
@media (max-width: 768px) {
   .hidden-m{display:none}
   .hidden-pc{display:block}
    .wrapper{width: 100%;}
    .header{height: auto; padding: 10px 2%;}
    .header .wrapper{flex-direction: column;}
    .header .logo{width: 100%; margin: 0;}
    .header .search{width: 100%; padding: 10px; margin: 0 0 10px 0; display: flex; display: -webkit-flex;}
    .header .searchText{width: 100%;}
    nav{display: none;}
    #topSwiper .swiper-pagination-bullet{width: 20px; height: 6px;}
    footer .links{flex-wrap: wrap; padding: 0 2%;}
    footer .c{padding-bottom: 10px;}
    footer .c .links select{width: 100%; margin-bottom: 15px; margin-right: 0;}
    footer .c2{padding: 0;}
    footer .c2 .wrapper{flex-direction: column; padding: 0 2%;}
    footer .c2 .copyright{width: 100%; margin: 0; font-size: 14px;}
    footer .c2 .wx{width: 100%; margin: 15px 0; justify-content: center;}
    footer .c2 .wx p{width: 100%; display: flex; display: -webkit-flex; justify-content: center;}
    .navCtrl{z-index:999;top: 8px;right: 16px;width: 30px;height:20px;background:url(../image/navCtrl.png) no-repeat;background-size:100% 100%}
    .all_shadow{position:fixed;z-index:998;left:0;top:0;width:100%;height:10000px;background-color:#000;-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3}
    .mnav{overflow:scroll;overflow-x:hidden;ovreflow-y:scroll;position:fixed;z-index:9999;top:0;left:-50%;width:50%;height:100%;background-color:#fff}
    .mnav ul{padding-top:10px;width:100%}
    .mnav li{width:100% !important;border-bottom:1px solid #ccc;line-height: 40px !important;}
    .mnav dt{text-indent:15%}
    .mnav a{display:block;width:100%;padding:0 5%;line-height:40px;font-size:14px}
    .mnav a:hover{background:#2d479b;color:#fff !important}
    .mnav a img{height:.4rem;margin:.1rem .2rem 0 0}
    .main{margin: 20px 0; padding: 0 2%; flex-direction: column;}
    aside{width: 100%;}
    aside .classname{height: auto; padding: 10px 0;}
    aside .classname h2{margin-top: 0; font-size: 18px;}
    aside .sons>li{height: 41px;}
    aside .sons>li a{height: 41px; font-size: 15px;}
    .mainContent{width: 100%; margin-left: 0;}
    .introduction{padding: 10px 0; line-height: 185%; font-size: 14px;}
    .newslist li .title{flex: 1; width: auto;}
    .sonscate{height: auto; min-height: 40px;}
    .sonscate a{padding: 0 10px; line-height: 40px; font-size: 14px;}
    .sonscate a.active, .sonscate li.active a{background-size: 10px 5px;}
    .picslist li{width: 48%;}
    .picslist li:nth-child(4n+2){margin: 0;}
    .picslist li:nth-child(4n+3){margin-right: 0;}
    .picslist li:nth-child(2n+2){margin-left: 4%;}
    .indexAnnouncements{margin-top: 20px;}
    .iTop .cn{font-size: 18px;}
    .iTop .en{font-size: 14px;}
    .indexAnnouncements,.indexNews,{width: 100%; padding: 0 2%;}
    .indexAnnouncements .c{flex-direction: column;}
    .indexAnnouncements .c .l{width: 100%; padding-left: 2%; padding: 0;}
    .indexAnnouncements .c .l li{display: inline-block; height: 40px; margin-right: 0; width: 20%; margin-bottom: 0;}    
    .indexAnnouncements .c .l li a{height: 40px; font-size: 14px; padding: 0;}
    .indexNews{margin-top: 20px;}
    .newslist li.nt{height: auto; margin-top: 0; padding-bottom: 10px;}
    .newslist li.nt .text{width: auto; flex: 1;}
    .newslist li.nt .text .content{line-height: 1.6em; max-height: 3.2em; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
    .indexHonor,.indexAbout{height: auto; padding: 20px 2%;}
    .indexHonor .cn,.indexAbout .cn{margin-top: 0; font-size: 18px; height: 40px;}
    .indexHonor .c, .indexAbout{width: 100%; height: auto;}
    #honorSwiper{margin-left: 0;}
    #honorSwiper{width: 100%;}
    .swiper-slide{width: 100%; height: auto; display: flex; display: -webkit-flex; justify-content: center;}
    .indexAbout{margin-top: 0;}
    .indexAbout .c{flex-direction: column;}
    .indexAbout .pic{width: 100%; margin: 0;}
    .indexAbout .text{width: 100%; margin: 20px 0 0;}
    .indexAbout .text .company{height: 40px; font-size: 18px;}
    .indexAbout .text .more{width: 100px; font-size: 14px;}
}