@charset "utf-8";
/* by Sean Lu 20190115 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #002b69; }
sup,sub{ font-size:10px;}
/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #002b69; color: #fff; }
::-moz-selection { background: #002b69; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }

.fl { float: left; }
.fr { float: right; }

.topbar { background: #002b69; height: 40px; padding: 0 40px; }
.topbar .fl { font-size: 12px; color: #fff; line-height: 40px; }
.topbar .fl strong { font-weight: normal; color: #fff; margin: 0 4px; }
.topbar .fr { font-size: 12px; line-height: 40px; }
.topbar .fr .link { float: left; }
.topbar .fr .link a { float: left; color: #fff; }
.topbar .fr .link span { float: left; margin: 0 10px; color: #666; }
.topbar .fr .lang { float: left; margin-left: 20px; }
.topbar .fr .lang a { float: left; color: #fff; margin-left: 10px; background: url(../img/lang02.jpg) no-repeat left center; padding-left: 26px; display: block; }
.topbar .fr .lang a:last-child { background-image: url(../img/lang01.jpg); }

.header { height: 80px; }
.header .wrapper{ height:80px;}
.header .logo { float: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; height: 100%; }
.header .logo img { display: block; }
.header .tel { float: right; text-align: right; color: #666; font-size: 13px; background: #8493ab; color: #fff; padding: 0 40px; box-sizing: border-box; height: 80px; padding-top: 3px; }
.header .tel .nam { display: inline-block; padding-left: 26px; background: url(../img/shoiji.png) no-repeat left center; background-size: auto 20px; line-height: 30px; }
.header .tel strong { display: block; font-family: Verdana; font-size: 17px; color: #fff; }

.toptip { background: #a3b400; padding: 11px 0; text-align: center; color: #fff; line-height: 32px; font-size: 14px; }
.toptip .btn { display: inline-block; color: #fff; font-size:14px; border: 2px solid #fff; border-radius: 28px; padding: 0 20px; text-decoration: none; line-height: 28px; margin-left: 20px; -webkit-transition: all .2s; transition: all .2s; }
.toptip .btn:hover { background: #fff; color: #a3b400; }

.top_nav{ background:#efefef;}
.top_nav .nav { text-align: center; height: 50px; }
.top_nav .nav .nli { float:left; width:calc(100% / 6); position: relative; }
.top_nav .nav .nli .na { font-size: 16px; display: block; padding: 0 12px; text-decoration: none; line-height: 50px; -webkit-transition: all .2s; transition: all .2s; }
.top_nav .nav .nli .na:hover { color: #fff; background: #002b69; }

.banner{ position:relative;}
.mySwiper2 {width:100%; position:relative;}
.mySwiper {box-sizing:border-box;padding:10px 0; position:absolute; bottom:10px; left:50%; transform: translateX(-50%); z-index:9; text-align:center;}
.mySwiper .swiper-slide { cursor:pointer; display:inline-block; width:auto !important;}
.mySwiper .swiper-slide-thumb-active {}
.swiper-slide img {display:block;width:100%;object-fit:cover;}
.mySwiper .swiper-slide img{ box-shadow: 0px 0px 5px #000; border:2px solid #fff; box-sizing:border-box; height:80px; width:auto; opacity:0.6;}
.mySwiper .swiper-slide.swiper-slide-thumb-active img{ opacity:1;}


.sealine { height: 45px; line-height: 35px; background: #f6f6f6; border-bottom: 1px solid #eee; padding: 5px 0; box-sizing: border-box; }
.sealine .links { font-size: 12px; color: #666; }
.sealine .links a { color: #666; margin: 0 4px; }
.sealine .seabox {  }
.sealine .seabox .key { border: 1px solid #eee; border-bottom-color: #ccc; border-right: 0; line-height: 35px; height: 35px; box-sizing: border-box; font-size: 12px; padding: 0 20px; display: block; width: 160px; float: left; font-family: microsoft yahei; }
.sealine .seabox .btn { background: #002b69 url(../img/searccc.png) no-repeat center; text-indent: -9999px; color: #fff; width: 60px; float: left; font-size: 12px; text-align: center; border: 0; border-bottom: 1px solid #cccc; line-height: 35px; height: 35px; display: block; box-sizing: border-box; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; }
.sealine .seabox .btn:hover { opacity: .8; }

.homebox01 { padding: 60px 0; }
.homebox01 .title { margin-bottom: 30px; text-align: center; }
.homebox01 .title .cn { line-height: 50px; font-size: 35px; color: #666; margin-bottom: 5px; }
.homebox01 .title .en { line-height: 22px; font-size: 14px; color: #666; }
.homebox01 .nav { text-align: center; margin-bottom: 30px; }
.homebox01 .nav a { font-size: 13px; line-height: 40px; height: 40px; border: 1px solid #ccc; padding: 0 20px; display: inline-block; text-decoration: none; margin: 2px 0; }
.homebox01 .nav a:first-child { color: #fff; background: #002b69; border-color: #002b69; }
.homebox01 .nav a:hover { border-color: #002b69; }
.homebox01 .list {  }
.homebox01 .list .item { width: 24%; margin: 0 .5% 16px; -webkit-transition: all .7s; transition: all .7s; float: left; }
.homebox01 .list .item .img {  }
.homebox01 .list .item .img a { display: block; }
.homebox01 .list .item .img img { display: block; width: 100%; }
.homebox01 .list .item .info { background: #f1f7fb; padding: 20px 0; text-align: center; color: #666; }
.homebox01 .list .item .info .id { font-family: Verdana; font-size: 12px; }
.homebox01 .list .item .info .nam { font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px; }
.homebox01 .list .item .info .txt { font-size: 12px; line-height: 19px; height: 38px; overflow: hidden; margin-bottom: 15px; margin-top: 15px; margin-left: 30px; margin-right: 30px; }
.homebox01 .list .item .info .mor {  }
.homebox01 .list .item .info .mor a { font-size: 12px; line-height: 26px; border: 1px solid #ccc; display: inline-block; padding: 0 20px; border-radius: 20px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .list .item .info .mor a:hover { border-color: #002b69; color: #fff; background: #002b69; }
.homebox01 .list .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.homebox01 .more { line-height: 45px; heiht: 45px; text-align: center; margin-top: 30px; }
.homebox01 .more a { display: inline-block; background: #002b69 url(../img/cdgs.png) no-repeat 20px center; color: #fff; font-size: 12px; padding: 0 25px 0 45px; text-decoration: none; border-radius: 30px; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .more a:hover { opacity: .8; }


.homebox02 { height: 376px; background: url(../img/nm.jpg) no-repeat center; position: relative; color: #fff; text-align: center; }
.homebox02:after { content: ''; display: block; width: 1px; height: 100px; background: #999; position: absolute; left: 50%; bottom: -25px; }
.homebox02 .wrapper { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; height: 100%; }
.homebox02 .wrapper .title { }
.homebox02 .wrapper .title .cn { font-size: 35px; margin-bottom: 10px; }
.homebox02 .wrapper .title .en { font-size: 14px; line-height: 24px; }


.homebox03 { padding: 70px 0 20px; background: #f7f7f7; }
.homebox03 .item { margin-bottom: 50px; }
.homebox03 .item .con { float: left; width: 50%; box-sizing: border-box; padding-right: 70px; color: #666; padding-top: 60px; }
.homebox03 .item .con .tit { font-size: 24px; margin-bottom: 30px; }
.homebox03 .item .con .txt { font-size: 14px; line-height: 24px;  margin-bottom: 20px; }
.homebox03 .item .con .lis { font-size: 14px; line-height: 24px; padding-left: 20px; }
.homebox03 .item .con .lis li { list-style-type: disc; }
.homebox03 .item .img { float: right; width: 50%; }
.homebox03 .item .img img { display: block; max-width: 100%; }
.homebox03 .item.items .con { float: right; padding-right: 0; padding-left: 70px; padding-top: 60px; }
.homebox03 .item.items .img { float: left; }


.homebox04 { padding: 70px 0 60px; }
.homebox04 .title { text-align: center; margin-bottom: 30px; }
.homebox04 .title .cn { font-size: 30px; color: #666; margin-bottom: 4px; }
.homebox04 .title .en { font-size: 12px; color: #999; margin-bottom: 20px; font-weight: bold; font-family: arial; }
.homebox04 .title .ti { font-size: 14px; color: #999; line-height: 24px; font-weight: bold; }
.homebox04 .list { }
.homebox04 .list .item { box-sizing: border-box; border: 1px solid #ddd; float: left; width: 31.333333%; margin-right: 3%; }
.homebox04 .list .item:last-child { margin-right: 0; }
.homebox04 .list .item .line { padding: 20px 30px; font-size: 14px; line-height: 20px; color: #666; }
.homebox04 .list .item .line:first-child { background: #fafafa; }
.homebox04 .list .item .line .img { float: left; padding-top: 4px; margin-right: 16px; }
.homebox04 .list .item .line.lines { color: #fff; background: #002b69; }


.foot { background: #002b69; color: #fff; padding: 40px 0 60px; font-size: 13px; line-height: 20px; }
.foot a { color: #fff; }


.inbanner { height: 220px; background: url(../img/inbanner01.jpg) no-repeat center top; position: relative; color: #fff; display: table; width: 100%; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); z-index: 2; }
.inbanner:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../img/a.png) repeat center; content: ''; }
.inbanner .title { position: relative; text-align: center; display: table-cell;vertical-align: middle; }
.inbanner .title .cn { font-size: 38px; letter-spacing: 5px; font-weight: bold; margin-bottom: 5px; }
.inbanner .title .en { font-size: 20px; text-transform: uppercase; font-family: arial; }

.inpage { background: #f5f7f9; overflow: hidden; padding: 30px 0; }

.side { width: 300px; float: left; }


.main { width: calc(100% - 330px);float: right;}
.main2{width: 100%; }


.snav { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); border-top: 3px solid #002b69; box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.snav .hd { text-align: center; font-size: 20px; color: #002b69; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.snav .hd .split { margin: 0 10px; font-family: simsun; }
.snav .bd { background: #fff; padding: 10px; }
.snav .bd .bul { padding: 0 10px; }
.snav .bd .bul .bli { line-height: 40px; height: 40px; overflow: hidden; border-bottom: 1px dashed #fff; position: relative; }
.snav .bd .bul .bli .ba { display: block; font-size: 16px; color: #39424b; position: relative; text-align: center; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; padding: 0 20px; }
.snav .bd .bul .bli:before { content: ''; background: #002b69; display: block; border-radius: 30px 0 30px 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); height: 40px; width: 100%; position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all .2s; transition: all .2s; text-decoration: none; }
.snav .bd .bul .bli:hover:before, .snav .bd .bul .bli.on:before { -webkit-transform: translateY(0); transform: translateY(0); }
.snav .bd .bul .bli:hover .ba, .snav .bd .bul .bli.on .ba { color: #fff; }
.snav .bd .bul .bli.on { border-color: transparent; }
.snav .bd .bul .bsub { background: #f3f3f3; margin: -20px 0 2px 0; padding-top: 25px; padding-bottom: 10px; text-align: center; border-radius: 0 0 20px 20px; }
.snav .bd .bul .bsub li { line-height: 36px; }
.snav .bd .bul .bsub li a { font-size: 14px; color: #666; }
.snav .bd .bul .bsub li a:hover, .snav .bd .bul .bsub li.on a { color: #d00c18; }

.sbox { background: #fff; padding: 4px; margin-bottom: 30px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.sbox .hd { text-align: center; font-size: 18px; color: #002b69; font-weight: bold; line-height: 20px; padding: 20px 0 10px; }
.sbox .hd .split { margin: 0 10px; font-family: simsun; }
.sbox .bd { background: #fff; padding: 15px; }
.scon { font-size: 14px; color: #666; line-height: 24px; }


.mainbox { background: #fff; border: 0 solid #dedede; padding: 40px 64px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.mainbox .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.mainbox .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.mainbox .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.mainbox .now .split { margin: 0 4px; font-family: simsun; }
.mainbox .now a { color: #999; }
.mainbox .now a:hover { color: #002b69; }

.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox .bd img { max-width: 100%; height:auto; }
.mainbox .bd p { margin-bottom: 20px; }
.mainbox .bd h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 20px 0 20px 0; margin-bottom: 20px; margin-top: 40px; }
.mainbox .bd .kfc { padding-left: 20px; margin-bottom: 20px; }
.mainbox .bd .kfc li { list-style-type: disc; }

.mainbox2 { background: #fff; border: 0 solid #dedede; padding: 40px 64px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); }
.mainbox2 .hd { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.mainbox2 .hd h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.mainbox2 .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.mainbox2 .now .split { margin: 0 4px; font-family: simsun; }
.mainbox2 .now a { color: #999; }
.mainbox 2.now a:hover { color: #002b69; }

.mainbox2 .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainbox2 .bd img { max-width: 100%; }
.mainbox2 .bd p { margin-bottom: 20px; }
.mainbox2 .bd h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 20px 0 20px 0; margin-bottom: 20px; margin-top: 40px; }
.mainbox2 .bd .kfc { padding-left: 20px; margin-bottom: 20px; }
.mainbox2 .bd .kfc li { list-style-type: disc; }

.bdshare-button-style0-16.lihaile { width: 112px; margin: 0 auto; }
.bdshare-button-style0-16.lihaile a { width: 50px; height: 50px; padding-left: 0; }
.bdshare-button-style0-16.lihaile .bds_tsina { background: url(../img/icon_01.png) no-repeat 0 0; }
.bdshare-button-style0-16.lihaile .bds_weixin { background: url(../img/icon_02.png) no-repeat 0 0; }

.snav .sd { display: none; }





.prolist { }
.prolist .item { width: 32.666%; float: left; margin: 0 1% 10px 0; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }
.prolist .item .img a { display: block; }
.prolist .item .img img { width: 100%; display: block; }
.prolist .item .box { padding: 20px 30px; position: relative; overflow: hidden; }
.prolist .item .box .nam { font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 10px; overflow: hidden; height: 30px; }
.prolist .item:hover .box .nam {  }
.prolist .item .box .nam a { color: #333; }
.prolist .item:hover .box .nam a { color: #002b69; }
.prolist .item .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }
.prolist .item:hover .box .txt { }
.prolist .item .box .btn { position: absolute; left: 0; bottom: 0; right: 0; height: 58px; line-height: 58px; background: #002b69; color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }
.prolist .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; }


.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; margin-bottom: 50px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; font-family: microsoft yahei; }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ea0000; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.newslist { }
.newslist .item { width: 49.5%; margin-right:1%; float: left; margin-bottom: 12px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n){ margin-right:0%;}
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; }
.newslist .item .name a:hover { color: #ea0000; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../img/hb01img01.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02.png); }

.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.main .con .yanzhengma { display: inline; }

.messagebtn.btnon { background: #002b69; }


.intit { overflow: hidden; line-height: 40px; padding: 0 40px 20px; }
.intit h1 { float: left; font-size: 30px; font-weight: normal; color: #333; position: relative; }
.intit h1:before { content: ''; width: 4px; height: 20px; background: #002b69; position: absolute; left: -20px; top: 10px; }
.intit .iul { float: right; font-size: 16px; }
.intit .iul .ili { float: left;position:relative;text-align:center;line-height:60px;color:#333;cursor:pointer; width:120px;}
.intit .iul .ili .ia { display: block; padding: 0 20px; text-decoration: none; position: relative; }
.intit .iul .ili :hover::before {
	transform:scaleX(1);
	transform-origin:0 0;
}

.intit .iul .ili ::before{	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:120px;
 	height:2px;
	background:#002b69;
    transition: transform .3s;
    transform: scaleX(0);
	transform-origin:0 0;

}
.intit .iul .ili.on .ia { color: #002b69; }


.aboutbox01 { height: 180px; width: 100%; background: #f1f1f1; display: table; margin-bottom:20px;}
.aboutbox01 .item { display: table-cell; position: relative; text-align: center; vertical-align: middle; height: 100%; color: #666; }
.aboutbox01 .item .num { font-size: 60px; font-family: impact; color: #002b69; line-height:82px;}
.aboutbox01 .item .txt { line-height: 26px; }

.contop{ text-align:center;margin-bottom:30px;}
.ch1{ font-size:30px; }
.contop p{ font-size:15px;}
.contact{position: relative;display: flex;}
.contactl{width: 50%;padding:50px; color:#002b69;background: #f8f8f8; text-align:center; background: url(../img/bg.png) center top no-repeat #f8f8f8;}
.contactr{width: 50%;padding: 50px;background: #002b69; color:#fff;}
.contactl .p1{ font-size:24px; margin-bottom:30px;}
.contactl .p2{font-size:16px; line-height:1.8;}
.contactr .p1{ font-size:16px;}
.msg{width: 100%;margin-top: 30px;display: -webkit-box;}
.msg div{width: 100%;padding-bottom: 36px;}
.msg div .fl{ margin-bottom:5px;}
.msg div i{display: block;font-style: normal;font-size: 16px;float: left;letter-spacing: 3px;}
.msg div p input{width: 350px;height: 25px;border: none;border-bottom: 1px solid #fff;background: none;overflow: hidden;font-size: 16px; color:#fff;}
.msg div p select{ width:184px; height: 48px; float: left; border:1px solid #d9d9d9; border-radius:4px; overflow: hidden; font-size: 16px; text-indent: 12px; margin-left: 8px;	 color:#fff;}
.msg div textarea{ width:350px; border:none; border-bottom:1px solid #fff; background:none; overflow: hidden; font-size: 16px; height: 100px;  margin-bottom:50px; color:#fff;font-family: aria;}
.submits{ display: block; padding:5px 20px; font-size: 14px;background: #fff;border:0 none; cursor: pointer; margin-top:20px; color:#002b69;}

.honor_ul{ width:100%;}
.honor_ul li{ width:23.5%; float:left; margin:0 2% 0 0; margin-bottom:2%;}
.honor_ul li:nth-child(4n){ margin-right:0;}
.honor_ul li a{ display:block; padding:5px; border:1px solid #ddd; position:relative;}
.honor_ul li a:hover{ border:1px solid #13418e;}
.honor_ul li img{ width:100%;}
.honor_ul li p{ text-align:center; margin-top:10px; font-size:14px;}
.honor_ul li p a{ color:#666;}
li .cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #002b69; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease; transition: all .2s ease; }
li:hover .cover { opacity: .8; filter: alpha(opacity=80); }
li .ico01 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: -94px; background: url(../img/i5.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico01 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }
li .ico02 { width: 68px; height: 68px; position: absolute; top: 50%; left: 50%; margin-top: -34px; margin-left: 64px; background: url(../img/i6.png) no-repeat center center; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
li:hover .ico02 { margin-left: -34px; opacity: 1; filter: alpha(opacity=100); }


.inpage .nav { text-align: center; margin-bottom: 30px; }
.inpage .nav a { font-size: 13px; line-height: 40px; height: 40px; border: 1px solid #ccc; padding: 0 20px; display: inline-block; text-decoration: none; margin: 2px 0; }
.inpage .nav a.on{color: #fff; background: #002b69; border-color: #002b69;}
.inpage .nav a:hover { color: #fff; background: #002b69; border-color: #002b69; transition:all .5s; }

.minfoot{height:0px; display: none;}
	.fixednav { height: 46px; border:0 solid #214083; position: fixed; left: 0; bottom: 0; background: #214083; width: 100%; }
	.fixednav ul { text-align: center; height: 60px; }
	.fixednav ul li { display: block; width: 25%; float: left; }
	.fixednav ul li a { display: block; width: 100%; height: 22px; line-height: 22px; padding-top: 24px; font-size: .75rem; color: #fff; background: url(../img/fixednavicon01.png) no-repeat center -3px; background-size: 35px auto;  }
	.fixednav ul li.on a {background-color: #021a4e; color: #fff; }
	.fixednav ul li#nav01 a { background-image: url(../img/fixednavicon01.png);  }
	.fixednav ul li#nav02 a { background-image: url(../img/fixednavicon02.png);  }
	.fixednav ul li#nav03 a { background-image: url(../img/fixednavicon03.png);  }
	.fixednav ul li#nav04 a { background-image: url(../img/fixednavicon04.png);  }
	.fixednav ul li#nav05 a { background-image: url(../img/fixednavicon05.png);  }
	.fixednav ul li#nav11 a { background-image: url(../img/fixednavicon11.png);  }
	.fixednav ul li#nav12 a { background-image: url(../img/fixednavicon12.png);  }


.newsmaincon table {border-bottom: 1px solid #bfbfbf;border-left: 1px solid #bfbfbf;border-spacing:0; width:100%;word-break: break-all; text-align:center;}
.newsmaincon table tr:nth-child(odd){ background:#b9e1f9;}
.newsmaincon table tr { background:#f1f1f1;}
.newsmaincon table td {border-top: 1px solid #bfbfbf;border-right: 1px solid #bfbfbf;padding: 10px;}

.prop{color: #045fd0;font-weight: bold;font-size: 20px;}
.ga{ width:210px; margin:10px auto 0;}

@media (max-width: 1140px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	
	.header .tel { display: none; }
	.topbar .fl { display: none; }
	.topbar .fr .link { display: none; }
	.header .nav { text-align: right; }
	
}

@media (max-width: 840px){
	.topbar { padding: 0 20px; }
	
	.bannerslide .swiper-slide { height: 300px; }
	
	.header { height: auto; padding: 0 20px; }
	.header .logo { float: none; width: 100%; height: 90px; }
	.header .logo img { height: auto; width: 100%; }
	
	.header .nav { padding-top: 0; overflow: hidden; height: auto; text-align: center; background: #214083; margin: 0 -20px; }
	.header .nav .nli { float: left; display: block; width: 33.3333333%; }
	.header .nav .nli:first-child { display: none; }
	.header .nav .nli .na { color: #fff; font-weight: normal; line-height: 40px; }
	.header .nav .nli .sub { display: none; }
	.header .nav .nli:hover .sub { display: none; }
	
	.toptip { height: auto; padding: 16px 20px; line-height: 24px; }
	.toptip .btn { display: block; width: 120px; margin: 10px auto 0; }
	
	.bannerslide .swiper-slide a .con { margin-top: 30px; }
	.bannerslide .swiper-slide a .con .tit { padding: 0 20px; font-size: 26px; margin-bottom: 10px; }
	.bannerslide .swiper-slide a .con .txt { font-size: 12px; line-height: 20px; padding: 0 20px; }
	.bannerslide .swiper-slide a .con .txt br { display: none; }
	
	.sealine { display: none; }
	
	.homebox01 { padding: 30px 0; }
	.homebox01 .title .cn { font-size: 24px; }
	.homebox01 .nav { margin-bottom: 20px; }
	.homebox01 .nav a { font-size: 12px; line-height: 30px; height: 30px; padding: 0 12px; }
	.homebox01 .list .item { width: 49%; margin-bottom: 6px; }
	
	.homebox02 { height: 260px; background-size: cover; }
	.homebox02 .wrapper .title .cn { font-size: 22px; }
	.homebox02 .wrapper .title .en br { display: none; }
	.homebox02:after { height: 60px; }
	
	
	.homebox03 { padding: 30px 0 0; }
	.homebox03 .item { margin-bottom: 20px; }
	.homebox03 .item .img { float: none; width: 100%; }
	.homebox03 .item .con { float: none; width: 100%; padding: 20px 0; }
	.homebox03 .item.items .con { padding: 20px 0; }
	
	.homebox04 { padding: 30px 0; }
	.homebox04 .title .cn { font-size: 22px; }
	.homebox04 .title .ti br { display: none; }
	.homebox04 .list .item { float: none; width: 100%; margin: 0 0 10px;}
	
	.foot { padding: 30px 0; margin-bottom:40px; }
	.foot .fl { float: none; text-align: center; }
	.foot .fr { float: none; text-align: center; }

	
	.inbanner { height: 120px; background-size: cover; }
	.inbanner .title .cn { font-size: 22px; }
	.inbanner .title .en { font-size: 14px; }
	
	.side { width: 100%; float: none; }
	.main { width: 100%; float: none; }
	
	.sbox { display: none; }
	
	.snav { padding: 0; margin-bottom: 0; }
	.snav .sd { background: #666; line-height: 36px; font-size: 12px; color: #fff; text-align: center; display: block; }
	.snav .hd { display: none; }
	.snav .bd { display: none; }
	.snav .bd.sbon { display: block; }
	
	.snav .bd .bul .bli .ba { font-size: 14px; }
	.mainbox .now { display: none; }
	
	.mainbox { padding: 20px; }
	.mainbox .hd { border-color: transparent; margin: -20px -20px 40px; }
	.mainbox .hd h1 { float: none; text-align: center; background: #002b69; color: #fff; font-size: 16px; padding-right: 0; }
	.mainbox .bd div{font-size:14px;}
	.mainbox .bd p{ font-size:14px;}
	.mainbox2 { padding: 0px; }
	.mainbox2 .hd { border-color: transparent; margin: -20px -20px 40px; }
	.mainbox2 .hd h1 { float: none; text-align: center; background: #002b69; color: #fff; font-size: 16px; padding-right: 0; }
	.mainbox2 .bd p{ font-size:14px; margin-bottom:10px;}
	.mainbox .bd span{ font-size:14px;}
	
	.newsbackline ul li a { width: 100%; }
	
	
	.newslist .item { width: 100%; float: none; margin-right: 0; }
	.newslist .item .name { height: auto; }
	
	.messagecon p  { }
	.messagetarea { width: 90%; margin: 0 auto; display: block; }
	.messagetit { text-align: center; margin-top: 5px; font-size: .75rem; }
	.messageinput { width: 90%; margin: 0 auto; display: block; margin-bottom: 5px; }
	.main .con .yanzhengma { display: block; width: 20%; margin: 20px auto; }
	.messagebtn { margin: 5px auto 0; width: 80%; display: block; }
	.messagebtn.btnon { width: 80%; }
	
	.prolist .item { width: 100%; margin: 0 0 10px; }
	.minfoot{ display:block;}
	.intit{ padding:0;}
	.intit h1{ text-align:center; float:none; font-size:20px;}
	.intit .iul{ font-size:14px; width:100%;}
	.intit .iul .ili{ width:33.33333%;}
	.intit .iul .ili ::before{ width:100%;}
	.aboutbox01 .item{display: block; width:50%; height:auto; float:left; margin:20px 0;}
	.aboutbox01 .item .num{ font-size:30px; font-weight:bold; line-height:1.6;}
	.aboutbox01 .item .txt{ font-size:14px; line-height:1.6;}
	
	.inpage .nav a{ width:100%; padding:0;}
	.honor_ul li{ width:96%;}
	
	.contact{ display:block;}
	.contactl{ width:100%; padding:50px 0;}
	.contactl .p1{ font-weight:bold; font-size:16px;}
	.contactl .p2{ margin-bottom:10px;}
	.contop{ padding:20px; line-height:1.6; margin-bottom:0;}
	.contop .ch1{ font-size:19px;}
	.contop p{ font-size:12px;}
	.contactr{ width:100%; padding:50px 0;}
	.contactr .p1{ padding:0 20px;}
	.msg div .fl{ float:none; padding:0 20px;}
	.msg div i{ font-size:14px;}
	.f_content{ }
	.msg div p input{ font-size:14px; width:auto; height:auto;}
	.msg div textarea{font-size:14px; width:100%; height:50px; margin-bottom:20px;}
	.submits{ margin:0 20px;}
	.newsmaincon table td{ font-size:12px; padding:3px;line-height: 1.5;}
	.ga{ display:none;}
	.foot .fl span{ display:none;}
}