@charset "utf-8";
/* by Sean Lu 20191025 */
/* 移动端全局控制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: #405ca3; }

/* 清理浮动 */
.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: #405ca3; color: #fff; }
::-moz-selection { background: #405ca3; color: #fff; }

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


.topbar { line-height: 40px; height: 40px; border-bottom: 1px solid #e1e1e1; }
.topbar .tip { font-size: 12px; float: left; color: #666; }
.topbar .more { float: right; }
.topbar .more a { font-size: 12px; float: left; }
.topbar .more a.on { background: #405ca3; display: inline-block; color: #fff; padding: 0 20px; margin-left: 20px; text-decoration: none; }
.topbar .more a.on:hover { opacity: .8; }
.topbar .more .split { font-size: 12px; color: #cbcbcb; margin: 0 10px; float: left; }


.header { height: 100px; background: #fff; }
.header .logo { float: left; height: 44px; padding: 28px 0; display: block; }
.header .logo img { display: block; height: 100%; }
.header .tel { float: right; text-align: right; padding-top: 30px; }
.header .tel .txt { font-size: 12px; color: #666; margin-bottom: 4px; }
.header .tel .txt:before { content: ''; width: 24px; height: 14px; display: inline-block; background: url(../img/telicon.jpg) no-repeat center; background-size: cover; vertical-align: bottom; margin-right: 4px; }
.header .tel .num { font-size: 17px; font-weight: bold; color: #666; font-family: arial bold; }
.navbar { background: #405ca3; }
.navbar .nav { text-align: left; padding-top: 0; height: 50px; }
.navbar .nav .nul { text-transform: uppercase; }
.navbar .nav .nul .nli { display: inline-block; position: relative; }
.navbar .nav .nul .nli .na { font-size: 15px; color: #fff; font-weight: bold; padding: 0 23px; display: block; line-height: 50px; text-decoration: none; }
.navbar .nav .nul .nli .na:hover { color: #fff; }
.navbar .nav .nul .nli:hover .na { color: #fff; opacity: .8; }
.navbar .nav .nul .nli .sub { position: absolute; z-index: 9; background: #405ca3; color: #fff; padding: 20px 0 20px 20px; width: 90px; font-size: 14px; text-align: left; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.navbar .nav .nul .nli:hover .sub { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
.navbar .nav .nul .nli .sub .sli { line-height: 24px; height: 24px; position: relative; }
.navbar .nav .nul .nli .sub .sli .sa { color: #fff; text-decoration: none; }
.navbar .nav .nul .nli .sub .sli .sa:hover { opacity: .8; }
.navbar .nav .nul .nli .sub .sli .oyo { position: absolute; left: 170px; top: 0; width: 260px; background: #405ca3; padding: 20px 0 20px 20px; -webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.navbar .nav .nul .nli .sub .sli:hover .oyo { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; visibility: visible; }
.navbar .nav .nul .nli .sub .sli .oyo .oa { color: #fff; }


.bannerslide { }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 620px; }
.bannerslide .swiper-slide.swiper-slide-active .textbox .p3 { left: 0; opacity: 1; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #405ca3; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23405ca3'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23405ca3'%2F%3E%3C%2Fsvg%3E"); }


.homebox01 { padding: 50px 0; background: #fff; text-align: center; }
.homebox01 .tit { font-size: 24px; font-weight: bold; color: #355197; margin-bottom: 30px; text-transform: uppercase; }
.homebox01 .txt { font-size: 18px; line-height: 30px; color: #666; margin-bottom: 20px; text-align: left; }
.homebox01 .btn { text-align: left; overflow: hidden; }
.homebox01 .btn a { display: inline-block; line-height: 20px; border: 1px solid #e2e8f4; background: #e2e8f4; border-radius: 20px; padding: 10px 20px; margin: 0 4px 6px; text-decoration: none; text-transform: uppercase; font-size: 14px; }
.homebox01 .btn a:hover { opacity: .8; border-color: #405ca3; color: #405ca3; }
.homebox01 .btn a.on { background: #405ca3; color: #fff; border-color: #405ca3; }
.homebox01 .btn a.ons { background: #333; color: #fff; border-color: #333; }

.homebox01 .btn .line { width: 49%; float: left; margin-right: 2%; border: 1px solid #355197; box-sizing: border-box; min-height: 334px; }
.homebox01 .btn .line:nth-child(2n) { margin-right: 0; }
.homebox01 .btn a { float: left; box-sizing: border-box; width: 48%; margin: 0 0 10px 1.4%; }
.homebox01 .btn a.ons { display: block; text-align: center; margin: 0 0 10px; background: #355197; border-color: #355197; width: 100%; border-radius: 0; }/*
.homebox01 .btn .line:nth-child(2n) a:nth-child(2) { width: 97.4%; }
.homebox01 .btn .line:nth-child(2n) a:nth-child(3) { width: 97.4%; }
.homebox01 .btn .line:nth-child(2n) a:last-child { width: 97.4%; }*/


.homebox02 { height: 600px; background: #e2e8f4 url(../img/homebox02bg.jpg) no-repeat center bottom; padding-top: 40px; }
.homebox02 .box { padding-top: 0; text-align: center; }
.homebox02 .box .nam { font-size: 24px; font-weight: bold; color: #666; margin-bottom: 16px; text-transform: uppercase; }
.homebox02 .box .txt { font-size: 18px; color: #666; margin-bottom: 20px; }
.homebox02 .box .btn {  }
.homebox02 .box .btn a { font-size: 13px; color: #355197; text-decoration: underline; }
.homebox02 .box .btn a:hover { opacity: .8; }
.homebox02 .box .nani { margin-top: 20px; }
.homebox02 .box .nani span { display: inline-block; line-height: 40px; font-size: 14px; color: #777; border: 1px solid #b8babc; padding: 0 20px; margin: 0 4px; border-radius: 10px; background: rgba(255,255,255,.4); cursor: pointer; text-transform: uppercase; }
.homebox02 .box .nani span:hover { color: #405ca3; border-color: #405ca3; }


.homebox03 { height: 615px; background: url(../img/homebox03bg.jpg) no-repeat center; }
.homebox03 .box { padding-top: 40px; text-align: center; }
.homebox03 .box .nam { font-size: 24px; font-weight: bold; color: #666; margin-bottom: 16px; text-transform: uppercase; }
.homebox03 .box .txt { font-size: 18px; color: #666; margin-bottom: 20px; }
.homebox03 .box .btn {  }
.homebox03 .box .btn a { font-size: 13px; color: #355197; text-decoration: underline; }
.homebox03 .box .btn a:hover { opacity: .8; }
.homebox03 .box .nani { margin-top: 16px; }
.homebox03 .box .nani span { display: inline-block; line-height: 40px; font-size: 14px; color: #777; border: 1px solid #b8babc; padding: 0 20px; margin: 0 4px; border-radius: 10px; background: rgba(255,255,255,.4); cursor: pointer; text-transform: uppercase; }
.homebox03 .box .nani span:hover { color: #405ca3; border-color: #405ca3; }


.homebox04 { height: 490px; background: #eee url(../img/homebox04bg.jpg) no-repeat center bottom; padding-top: 40px; }
.homebox04 .box { padding-top: 0; text-align: center; }
.homebox04 .box .nam { font-size: 24px; font-weight: bold; color: #666; margin-bottom: 16px; text-transform: uppercase; }
.homebox04 .box .txt { font-size: 18px; color: #666; margin-bottom: 20px; }
.homebox04 .box .btn {  }
.homebox04 .box .btn a { font-size: 13px; color: #355197; text-decoration: underline; }
.homebox04 .box .btn a:hover { opacity: .8; }
.homebox04 .box .nani { margin-top: 16px; }
.homebox04 .box .nani span { display: inline-block; line-height: 40px; font-size: 14px; color: #777; border: 1px solid #b8babc; padding: 0 20px; margin: 0 4px; border-radius: 10px; background: rgba(255,255,255,.4); cursor: pointer; text-transform: uppercase; }
.homebox04 .box .nani span:hover { color: #405ca3; border-color: #405ca3; }


.homebox05 { height: 618px; background: url(../img/homebox05bg.jpg) no-repeat center; }
.homebox05 .box { width: 46%; float: left; padding: 60px 0 0 40px; }
.homebox05 .box .nam { font-size: 24px; font-weight: bold; color: #666; margin-bottom: 26px; text-transform: uppercase; }
.homebox05 .box .txt { font-size: 18px; color: #666; margin-bottom: 20px; }
.homebox05 .box .btn { font-size: 13px; }
.homebox05 .box .btn a { color: #355197; text-decoration: underline; }
.homebox05 .box .btn a:hover { opacity: .8; }
.homebox05 .box .list { padding-right: 50px; text-align: left; box-sizing: border-box; margin-top: 20px; }
.homebox05 .box .list span { display: inline-block; line-height: 40px; height: 40px; font-size: 14px; border: 1px solid #b8babc; border-radius: 10px; color: #777; box-sizing: border-box; padding: 0 20px; text-align: left; margin-bottom: 5px; margin-right: 4px; background: rgba(255,255,255,.4); cursor: pointer;  text-transform: uppercase; }
.homebox05 .box .list span:hover { color: #405ca3; border-color: #405ca3; }
.homebox05 .box .nani { margin-top: 20px; }
.homebox05 .box .nani span { display: inline-block; line-height: 40px; font-size: 14px; color: #777; border: 1px solid #b8babc; padding: 0 20px; margin: 0 4px; border-radius: 10px; background: rgba(255,255,255,.4); cursor: pointer; text-transform: uppercase; }
.homebox05 .box .nani span:hover { color: #405ca3; border-color: #405ca3; }


.homebox06 { height: 526px; background: url(../img/homebox06bg.jpg) no-repeat center; }
.homebox06 .box { padding-top: 40px; text-align: center; }
.homebox06 .box .nam { font-size: 24px; font-weight: bold; color: #355197; margin-bottom: 16px; text-transform: uppercase; }
.homebox06 .box .txt { font-size: 18px; color: #666; margin-bottom: 20px; text-align: left; line-height: 30px; }
.homebox06 .box .btn {  }
.homebox06 .box .btn a { font-size: 13px; color: #355197; text-decoration: underline; }
.homebox06 .box .btn a:hover { opacity: .8; }
.homebox06 .img { text-align: center; margin-top: 30px; }
.homebox06 .img img { max-width: 100%; }


.homebox07 { background: #f5f5f5; }
.homebox07 .box { background: #fff; padding: 30px; box-shadow: 0 0 20px rgba(0,0,0,.1); position: relative; top: -60px; }
.homebox07 .box img { max-width: 100%; }
.homebox07 .box a:hover { opacity: .8; }


.homebox08 { background: url(../img/homebox08bg.jpg) no-repeat center; height: 504px; }
.homebox08 .box { padding-top: 40px; text-align: center; }
.homebox08 .box .nam { font-size: 24px; font-weight: bold; color: #355197; margin-bottom: 16px; text-transform: uppercase; }
.homebox08 .box .txt { font-size: 18px; color: #666; margin-bottom: 20px; text-align: left; line-height: 30px; }
.homebox08 .box .btn {  }
.homebox08 .box .btn a { font-size: 13px; color: #355197; text-decoration: underline; }
.homebox08 .box .btn a:hover { opacity: .8; }
.homebox08 .img { margin-top: 40px; }
.homebox08 .img img { max-width: 100%; }


.footer { background: #232f3e; padding: 40px 0 60px; color: #fff; }
.footer .footbar { padding-bottom: 20px; border-bottom: 1px solid #435467; }
.footer .footbar .links { float: left; text-transform: uppercase; }
.footer .footbar .links a { color: #fff; margin-right: 10px; font-size: 12px; }
.footer .footbar .more { float: right; }
.footer .footbar .more a { color: #fff; margin-left: 10px; font-size: 12px; padding-left: 20px; background: url(../img/footicon01.png) no-repeat left center; }
.footer .footbar .more a:nth-child(2) { background-image: url(../img/footicon02.png); }
.footer .footbar .more a:nth-child(3) { background-image: url(../img/footicon03.png); }
.footer .footdl { padding: 40px 0 80px; border-bottom: 1px solid #2e3c4c; margin-bottom: 50px; }
.footer .footdl dl { float: left; margin-right: 5%; text-transform: uppercase; }
.footer .footdl dl a { color: #e5e5e5; text-decoration: none; }
.footer .footdl dl a:hover { color: #fff; text-decoration: none; }
.footer .footdl dl dt { font-size: 16px; color: #e5e5e5; margin-bottom: 20px; }
.footer .footdl dl dd { font-size: 14px; line-height: 26px; color: #e5e5e5; }
.footer .footdl dl.last { margin-right: 0; float: right; text-align: right; }
.footer .btn { text-align: center; margin-bottom: 30px; }
.footer .btn a { display: inline-block; padding: 0 20px 0 46px; line-height: 40px; border: 1px solid #6e767f; background: url(../img/ga01.png) no-repeat 20px center; font-size: 12px; color: #fff; margin: 0 10px; border-radius: 4px; text-decoration: none; }
.footer .btn a:hover { opacity: .8; }
.footer .sha { font-size: 14px; line-height: 24px; color: #e5e5e5; text-align: center; }


.inbanner { height: 220px; background-repeat: no-repeat; background-position: center; background-size: cover; }

.innav { line-height: 34px; padding: 16px 0; background: #e8f1f9; }
.innav .hd { float: left; font-size: 18px; font-weight: bold; color: #666; text-transform: uppercase; }
.innav .hd img { height: 18px; margin-right: 10px; display: inline-block; vertical-align: middle; }
.innav .bd { float: right; }
.innav .bd .bul {  }
.innav .bd .bul .bli { float: left; margin-left: 10px; }
.innav .bd .bul .bli .ba { font-size: 15px; text-decoration: none; display: block; padding: 0 20px; background: #fff; border-radius: 20px; text-transform: uppercase; }
.innav .bd .bul .bli.on .ba { background: #405ca3; color: #fff; }


.videoiframe { width: 100%; height: 676px; }


.inpage { padding: 60px 0; background: #fff; }
.inpage .hd { margin-bottom: 30px; text-align: center; }
.inpage .hd .nam { font-size: 32px; color: #405ca3; margin-bottom: 5px; }
.inpage .hd .txt { font-size: 14px; color: #666; }
.inpage .bd { font-size: 16px; line-height: 30px; color: #333; }
.inpage .bd p { margin-bottom: 20px; }
.inpage .bd h3 { margin-bottom: 30px; padding: 10px 20px; background: #e8f1f9; font-weight: bold; border-radius: 6px 6px; font-size: 18px; line-height: 36px; position: relative; text-transform: uppercase; }
.inpage .bd h3:before { content: ''; display: block; width: 4px; height: 16px; background: #405ca3; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.inpage .bd ul.ss {  }
.inpage .bd ul.ss li:before { content: '·'; margin-right: 10px; font-weight: bold; color: #405ca3; }
.inpage .bd img { max-width: 100%; }

.shuaitable { width: 100%; margin-bottom: 20px; color: #333; }
.shuaitable th { font-size: 16px; line-height: 30px; padding: 5px 10px; background: #f5f5f5; text-transform: none; }
.shuaitable td { font-size: 16px; line-height: 30px; padding: 5px 10px; text-transform: none; }
.shuaitable.shuaitablecen td { text-align: center; }
.shuaitable tr:nth-child(2n) td { background: #f1f1f1; }


.commontit { text-align: center; color: #666; margin-bottom: 50px; }
.commontit .tit { line-height: 48px; font-size: 24px; font-weight: bold; text-transform: uppercase; }
.commontit .txt { line-height: 22px; font-size: 14px; }
.commontit .en { line-height: 22px; font-size: 14px; text-transform: uppercase; }


.caselist { }
.caselist li { background: #fff; border: 1px solid #dedede; box-shadow: 0 0 10px rgba(0,0,0,.1); box-sizing: border-box; padding: 20px; width: 32%; float: left; margin-right: 2%; margin-bottom: 20px; font-size: 16px; line-height: 28px; height: 96px; color: #333; border-radius: 6px; }
.caselist li span { display: block; font-size: 14px; color: #666; }
.caselist li:nth-child(3n) { margin-right: 0; }

.conimg { float: right; }

.newslist { margin-bottom: 0px; }
.newslist .item { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; border: 6px 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; text-transform: uppercase; }
.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; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist .item .name a:hover { color: #405ca3; }
.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/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../img/hb01img02s.png); }


.newstitle { font-size: 24px; text-align: center; line-height: 30px; margin-bottom: 5px; word-break: break-all; text-transform: uppercase; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; }
.newsmaincon p { margin-bottom: 20px; text-align: justify; text-transform: none; }
.newsmaincon img { max-width: 100%; }
.newsmaincon video { height: 60vh; }
.newsmaincon h3 { font-size: 20px; font-weight: normal; color: #405ca3; line-height: 30px; padding: 5px 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon.spimg h4 { background: #f1f1f1; padding: 20px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; font-size: 16px; line-height: 30px; text-align: left; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #0f40b6; font-weight: bold; margin-right: 10px; }
.newsmaincon ul.ss {  }
.newsmaincon ul.ss li:before { content: '·'; color: #0f40b6; font-weight: bold; margin-right: 10px; }

.newsbackline { line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 30px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; text-transform: uppercase; }
.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; }


.cullist { }
.cullist li { width: 49%; float: left; margin-right: 2%; margin-bottom: 20px; background: #fff; border: 1px solid #dedede; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1); box-sizing: border-box; border-radius: 4px; }
.cullist li:nth-child(2n) { margin-right: 0; }


.honorlist { }
.honorlist li { width: 23%; float: left; margin-right: 2%; margin-bottom: 20px; }
.honorlist li:nth-child(4n) { margin-right: 0; }
.honorlist li img { display: block; width: 100%; }
.honorlist li span { display: block; font-size: 14px; line-height: 24px; margin: 10px 0; text-align: center; height: 24px; overflow: hidden; }

.pronav { text-align: left; margin-bottom: 30px; text-transform: uppercase; }
.pronav a { display: inline-block; line-height: 36px; border: 1px solid #dedede; font-size: 16px; padding: 0 20px; margin: 0 4px; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; margin-bottom: 6px; }
.pronav a:hover { color: #fff; background: #405ca3; border-color: #405ca3; }
.pronav a.on { color: #fff; background: #405ca3; border-color: #405ca3; }
.pronav a.ons { color: #fff; background: #333; border-color: #333; }


.prolist {  }
.prolist .item { width: 23.5%; float: left; margin-right: 2%; background: #fff; -webkit-transition: all .2s; transition: all .2s; margin-bottom: 20px; }
.prolist .item:hover { -webkit-transform: scale(1.01); transform: scale(1.01); }
.prolist .item:nth-child(4n) { margin-right: 0; }
.prolist .item .img {  }
.prolist .item .img a { display: block; }
.prolist .item .img img { display: block; width: 100%; }
.prolist .item .inf { padding: 30px 30px; border: 1px solid #dedede; }
.prolist .item .inf .nam { line-height: 20px; margin-bottom: 20px; height: 20px; overflow: hidden; color: #333; font-size: 16px; text-transform: uppercase; }
.prolist .item .inf .nam a { color: #333; text-decoration: none; }
.prolist .item .inf .nam a:hover { color: #0668b0; }
.prolist .item .inf .txt { color: #666; font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 20px; }
.prolist .item .inf .btn { color: #666; font-size: 12px; line-height: 20px; height: 20px; position: relative; margin-bottom: 10px; }
.prolist .item .inf .btn a { color: #666; text-decoration: none; }
.prolist .item .inf .btn a:hover { color: #0668b0; }
.prolist .item .inf .btn:before { width: 16px; height: 3px; content: ''; display: block; background: #e70000; position: absolute; left: 0; bottom: -9px; }
.prolist .item .inf .btn:after { width: 16px; height: 3px; content: ''; display: block; background: #0052c2; position: absolute; left: 16px; bottom: -9px; }


.messagecon { margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { 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: #405ca3; }


.joblistyes { }
.joblistyes .item { width: 32%; float: left; margin-right: 2%; box-sizing: border-box; border: 3px solid #999; padding: 20px; text-align: left; margin-bottom: 20px; }
.joblistyes .item:hover { border-color: #405ca3; }
.joblistyes .item:nth-child(3n) { margin-right: 0; }
.joblistyes .item .nam { font-size: 22px; font-weight: bold; color: #405ca3; line-height: 40px; height: 40px; margin-bottom: 20px; }
.joblistyes .item .txt { font-size: 14px; color: #666; line-height: 24px; margin-bottom: 20px; min-height: 144px; overflow: hidden; }
.joblistyes .item .btn {  }
.joblistyes .item .btn a { display: inline-block; line-height: 36px; padding: 0 20px; background: #405ca3; color: #fff; border-radius: 20px; font-size: 14px; text-decoration: none; }
.joblistyes .item .btn a:hover { opacity: .8; }



@media (max-width:1180px) {
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.header .nav { text-align: right; }
	.header .nav .nul .nli .na { font-size: 14px; padding: 0 5px; }
	.header .tel { display: none; }
	.navbar .nav .nul .nli{ width: 10.5%; text-align: center; height:50px; overflow:hidden;}
	.navbar .nav .nul .nli .na { padding:0; }




}
@media (max-width:800px) {

	.videoiframe { width: 100%; height: 220px; }

	.bannerslide .swiper-slide { height: 200px; }

	.topbar { display: none; }
	.header .logo { float: none; width: 100%; }
	.header .logo img { margin: 0 auto; }
	.header { height: auto; }
	.header .wrapper { padding: 0; }

	.navbar .nav { height: auto; padding: 0; padding: 10px 0; }
	.navbar .nav .nul { overflow: hidden; }
	.navbar .nav .nul .nli { float: left; width: 25%; height:25px; }
	.navbar .nav .nul .nli:first-child{ display:none;}
	.navbar .nav .nul .nli .na { line-height: 30px; padding:0; }

	.homebox01 .btn a { margin-bottom: 4px; }

	.homebox02 { background-size: cover; height: 380px; }
	.homebox03 { background-size: cover; height: 380px; }
	.homebox05 { display: none; }
	.homebox06 { height: auto; padding-bottom: 90px; }
	.homebox08 { height: auto; padding-bottom: 30px; }

	.homebox02 .box .nani { display: none; }
	.homebox04 .box .nani { display: none; }
	.homebox03 .box .nani { display: none; }

	.footer .footbar { display: none; }
	.footer .footdl { display: none; }
	.footer .btn a { margin-bottom: 4px; }


	.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%; }

	.contactimg { float: none; }


	.prolist .item { width: 100%; margin-right: 0; float: none; }
	.prolist .item:nth-child(2n) { margin-right: 0; }

	.newslist .item { width: 100%; margin-right: 0; float: none; }
	.cullist li { width: 100%; margin-right: 0; float: none; }
	.honorlist li { width: 100%; margin-right: 0; float: none; }


	.joblistyes .item { width: 100%; margin-right: 0; float: none; margin-bottom: 20px; }



  .newsmaincon { overflow-x: auto; }
  .productalllist { width: 100% !important; }
  .tutu .productalllist img { width: 100%; display: block; }


	.homebox01 .btn .line { width: 100%; margin: 0 0 20px 0; }
	.homebox01 .btn a { font-size: 14px; line-height: 20px; padding: 10px 20px; float: none; width: 98%; margin: 0 4px 4px 4px; box-sizing: border-box; }
	.homebox01 { padding: 30px 0; }
	.homebox01 .tit { font-size: 20px; margin-bottom: 20px; }

	.homebox02 .box .nam { padding-top: 0 !important; font-size: 20px; }
	.homebox02 { background-size: auto 150px; height: 177px; }
	.homebox04 .box .nam { padding-top: 0 !important; font-size: 20px; }
	.homebox04 { background-size: auto 150px; height: 177px; }
	.homebox03 .box .nam { padding-top: 0 !important; font-size: 20px; }
	.homebox03 .box { padding-top: 20px; }
	.homebox03 { background-size: auto 200px; height: 200px; }

	.navbar .nav .nul .nli:hover .sub { display: none !important; }
	.header .logo img { height: 40px; }

	.innav .hd { display: block; float: none; margin-bottom: 10px; }
	.innav .bd { display: block; float: none; overflow: hidden; }
	.innav .bd .bul .bli { margin-bottom: 10px; width: 49%; margin-right: 2%; font-size: 12px; margin-left: 0; }
	.innav .bd .bul .bli .ba { font-size: 12px; padding: 0; text-align: center; }
	.innav .bd .bul .bli:nth-child(2n) { margin-right: 0; }
	.innav .bd.bdx .bul .bli { width: 100%; margin-right: 0; }

	.inbanner { height: 130px; }

	.inpage { padding: 30px 0; }
	.commontit { margin-bottom: 20px; }

	.productalllist { width: 100% !important; }
	.tutu .productalllist img { max-width: 100% !important; }

	.shuaitable th { font-size: 10px; line-height: 18px }
	.shuaitable td { font-size: 10px; line-height: 18px; }

	.newsbackline ul li a { width: 100%; }


	.footer .btn a { background-position: 10px center; padding: 0 9px 0 38px; }
	.navbar .nav .nul .nli .na { font-size: 12px; text-align: left; }
	.navbar .nav .nul .nli { width: 33.333333333%; }
	.navbar .nav .nul .nli:nth-child(3) { width: 66%; }


}