@charset "utf-8";
/* by Sean Lu 20190718 */
/* 移动端全局控制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: #62b15d; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 清理浮动 */
.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: #62b15d; color: #fff; }
::-moz-selection { background: #62b15d; color: #fff; }

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

.headblock { height: 75px; }

.header { height: 75px; box-shadow: 0 3px 5px rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 9; }
.header .logo { display: block; height: 55px; margin-top: 10px; float: left; }
.header .logo img { display: block; height: 100%; }
.header .rso { float: right; position: relative; }
.header .rso .btn { display: block; background: #62b15d; font-size: 15px; padding: 0 20px; line-height: 75px; text-decoration: none; color: #fff; float: left; }
.header .rso .btn:hover { opacity: .9; }
.header .rso .btn.btn02 { background: #cb9372; }
.header .rso .seabox { position: absolute; right: 0; top: 80px; background: #fff; width: 260px; padding: 20px; line-height: 1; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .2s; transition: all .2s; }
.header .rso .seabox.sbon { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.header .rso .seabox input { border: 0; background: #f1f1f1 url(../img/seaicon.png) no-repeat 94% center; padding: 0 20px; line-height: 40px; width: 100%; box-sizing: border-box; }
.header .rso .seabox input:focus { outline: none; background-color: #f9f9f9; }
.header .nav { text-align: center; line-height: 75px; }
.header .nav .nli { display: inline-block; position: relative; }
.header .nav .nli:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -20px; height: 20px; }
.header .nav .nli .na { display: block; text-decoration: none; padding: 0 10px; font-size: 15px; font-weight: 600; position: relative; }
.header .nav .nli .na:after { display: block; width: 0; height: 3px; background: #62b15d; content: ''; position: absolute; left: 0; bottom: 0; -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli.on .na:after { width: 100%; }
.header .nav .nli.on .na { color: #62b15d; }
.header .nav .nli .na:hover { color: #fff; background: #62b15d; }
.header .nav .nli:hover .na { color: #fff; background: #62b15d; }
/* .header .nav .nli:hover .na { color: #62b15d; } */
.header .nav .nli .sub { position: fixed; top: 75px; left: 0; right: 0; background: #fff; border-top: 1px solid #eee; height: 130px; box-shadow: 0 3px 4px rgba(0,0,0,.1); opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli:hover .sub { opacity: 1; visibility: visible; }
.header .nav .nli .sub .sul { overflow: hidden; }
.header .nav .nli .sub .sul .sli { width: 25%; float: left; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);  }
.header .nav .nli:hover .sub .sul .sli { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);  }
.header .nav .nli:hover .sub .sul .sli:nth-child(1) { -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(2) { -webkit-transition: all .2s .1s; transition: all .2s .1s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(3) { -webkit-transition: all .2s .2s; transition: all .2s .2s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(4) { -webkit-transition: all .2s .3s; transition: all .2s .3s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(5) { -webkit-transition: all .2s .4s; transition: all .2s .4s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(6) { -webkit-transition: all .2s .5s; transition: all .2s .5s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(7) { -webkit-transition: all .2s .6s; transition: all .2s .6s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(8) { -webkit-transition: all .2s .7s; transition: all .2s .7s; }
.header .nav .nli:hover .sub .sul .sli:nth-child(9) { -webkit-transition: all .2s .8s; transition: all .2s .8s; }
.header .nav .nli .sub .sul.sul3 .sli { width: 33.333333333%; }
.header .nav .nli .sub .sul.sul9 .sli { width: 11.111111111%; }
.header .nav .nli .sub .sul .sli .sa { display: block; font-size: 14px; padding-top: 20px; }
.header .nav .nli .sub .sul .sli .sa img { display: block; height: 50px; margin: 0 auto; }

.bannerslide { }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 764px; }
.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: #007bba; }

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


.homebox01 { padding: 70px 0; background: #ecf7ed; }
.homebox01 .subnav { text-align: center; margin-bottom: 70px; }
.homebox01 .subnav .sna { display: inline-block; font-size: 15px; line-height: 34px; padding: 0 20px; background: #fff; border-radius: 20px; margin: 0 5px; text-decoration: none; }
.homebox01 .subnav .sna.on { background: #62b15d; color: #fff; }
.homebox01 .list {  }
.homebox01 .list .item { width: 32.333333%; float: left; margin-right: 1.5%; background: #fff; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .list .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.homebox01 .list .item:last-child { margin-right: 0; }
.homebox01 .list .item a { display: block; text-decoration: none; }
.homebox01 .list .item .img { display: block; }
.homebox01 .list .item .img img { display: block; width: 100%; }
.homebox01 .list .item .info { padding: 40px; text-align: center; }
.homebox01 .list .item .info .nam { font-size: 18px; line-height: 36px; height: 36px; overflow: hidden; margin-bottom: 10px; }
.homebox01 .list .item .info .txt { font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #777; padding: 0 20px; }


.homebox02 { padding: 70px 0; }
.homebox02 .text { font-size: 14px; color: #666; line-height: 22px; text-align: center; }

.homebox03 { background: url(../img/homebox03bg.jpg) no-repeat center; background-size: cover; padding: 100px 0; }
.homebox03 .list {  }
.homebox03 .list .item { width: 47%; float: left; margin-right: 6%; background: #fff; padding: 40px 80px; box-sizing: border-box; text-align: center; }
.homebox03 .list .item:last-child { margin-right: 0; }
.homebox03 .list .item .icon { margin-bottom: 40px; }
.homebox03 .list .item .icon img { display: block; margin: 0 auto; }
.homebox03 .list .item .nam { margin-bottom: 30px; font-size: 18px; font-weight: 600; color: #666; }
.homebox03 .list .item .txt { font-size: 14px; line-height: 22px; color: #888; }


.homebox04 { padding: 70px 0; }
.homebox04 .subnav { margin-bottom: 70px; text-align: center; }
.homebox04 .subnav .sna { display: inline-block; padding: 0 20px; border-radius: 20px; line-height: 34px; font-size: 15px; background: #f7eee8; text-decoration: none; }
.homebox04 .subnav .sna.on { background: #62b15d; color: #fff; }
.homebox04 .list {  }
.homebox04 .list .item { width: 23.5%; margin-right: 2%; float: left; margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.homebox04 .list .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.homebox04 .list .item:nth-child(4n) { margin-right: 0; }
.homebox04 .list .item a { display: block; text-decoration: none; }
.homebox04 .list .item .img {  }
.homebox04 .list .item .img img { display: block; width: 100%; }
.homebox04 .list .item .info { padding: 40px; background: #f7eee8; text-align: center; }
.homebox04 .list .item .info .nam { line-height: 36px; margin-bottom: 10px; font-size: 18px; }
.homebox04 .list .item .info .txt { line-height: 22px; font-size: 14px; color: #777; height: 44px; overflow: hidden; }


.homebox05 { padding: 70px 0; background: #ecf7ed; }
.homebox05 .subnav { margin-bottom: 70px; text-align: center; }
.homebox05 .subnav .sna { display: inline-block; padding: 0 20px; border-radius: 20px; line-height: 34px; font-size: 15px; background: #fff; text-decoration: none; }
.homebox05 .subnav .sna.on { background: #62b15d; color: #fff; }
.homebox05 .hb02list { }
.homebox05 .hb02list .swiper-slide { text-align: center; }
.homebox05 .hb02list .paginationhb02 { text-align: center; margin-top: 26px; }
.homebox05 .hb02list .swiper-pagination-bullet { background: #333; }
.homebox05 .hb02list .swiper-pagination-bullet-active { background: #cb9372; }
.homebox05 .hb02list .swiper-slide a { display: block; text-decoration: none; padding: 20px; background: #fff; }
.homebox05 .hb02list .swiper-slide .img { position: relative; margin-bottom: 10px; }
.homebox05 .hb02list .swiper-slide .img img { display: block; width: 100%; }
.homebox05 .hb02list .swiper-slide .img .in { display: block; width: 100%; opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.homebox05 .hb02list .swiper-slide .img .co { display: block; width: 100%; opacity: 1; -webkit-transition: all .4s linear; transition: all .4s linear; position: absolute; top: 0; }
.homebox05 .hb02list .swiper-slide a:hover .img .co { opacity: 0; }
.homebox05 .hb02list .swiper-slide .box { text-align: left; }
.homebox05 .hb02list .swiper-slide .box .nam { font-size: 20px; margin-top: 20px; }
.homebox05 .hb02list .swiper-slide .box .txt { font-size: 14px; line-height: 20px; height: 60px; overflow: hidden; color: #777; margin-top: 10px; }


.homebox06 { padding: 70px 0; }
.homebox06 .box { }
.homebox06 .box .item01 { padding: 50px 60px; width: 50%; float: left; box-sizing: border-box; background: #fad701 url(../img/hb06bg01.png) no-repeat right bottom; height: 330px; }
.homebox06 .box .item01 .tip { font-size: 15px; line-height: 20px; margin-bottom: 10px; color: #40292f; font-weight: 900; }
.homebox06 .box .item01 .nam { font-size: 32px; line-height: 38px; margin-bottom: 30px; color: #40292f; font-weight: 600; }
.homebox06 .box .item01 .txt { font-size: 13px; line-height: 20px; color: #706222; width: 270px; height: 80px; overflow: hidden; }
.homebox06 .box .item02 { padding: 80px; width: 50%; float: right; box-sizing: border-box; background: #f0eee5; height: 330px; text-align: center; }
.homebox06 .box .item02 .nam { font-size: 24px; margin-bottom: 30px; font-weight: bold; line-height: 33px; color: #40292f; }
.homebox06 .box .item02 .txt { font-size: 14px; line-height: 22px; height: 44px; overflow: hidden; margin-bottom: 20px; color: #706222; }
.homebox06 .box .item02 .messbox { overflow: hidden; }
.homebox06 .box .item02 .messbox .inp { line-height: 45px; height: 45px; border: 0; background: #fff; padding: 0 20px; box-sizing: border-box; font-size: 14px; width: 70%; color: #aea681; float: left; }
.homebox06 .box .item02 .messbox .btn { line-height: 45px; height: 45px; border: 0; background: #62b15d; text-align: center; box-sizing: border-box; font-size: 14px; width: 30%; color: #fff; float: right; cursor: pointer; }
.homebox06 .box .item02 .messbox .btn:hover { opacity: .8; }


.homebox07 { padding: 70px 0; background: #62b15d; }
.homebox07 .list {  }
.homebox07 .list .item { width: 33.333333%; float: left; color: #fff; text-align: center; position: relative; }
.homebox07 .list .item:after { content: ''; display: block; width: 32px; top: 0; bottom: 0; position: absolute; right: -16px; background: url(../img/bbn.png) no-repeat center; }
.homebox07 .list .item .icon { margin-bottom: 20px; }
.homebox07 .list .item .icon img { display: block; margin: 0 auto; }
.homebox07 .list .item .nam { font-size: 17px; font-weight: bold; letter-spacing: 4px; }
.homebox07 .list .item .en { font-size: 12px; color: #d0e7ce; line-height: 30px; }
.homebox07 .list .item .txt { font-size: 14px; color: #fff; }



.homebox08 { padding: 70px 0; background: url(../img/hb08bg.jpg) no-repeat center bottom; }
.homebox08 dl { float: left; width: 20%; }
.homebox08 dl dt { font-size: 14px; line-height: 40px; margin-bottom: 10px; font-weight: bold; }
.homebox08 dl dd { font-size: 14px; line-height: 24px; }


.footer { padding: 50px 0 70px; background: #2b2b2b; text-align: center; }
.footer p { font-size: 14px; line-height: 22px; color: #948985; margin-bottom: 20px; }
.footer p.cp { color: #6a6361; margin-bottom: 0; }


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

.innav { line-height: 34px; padding: 16px 0; background: #ecf7ed; }
.innav .hd { float: left; font-size: 18px; font-weight: bold; color: #666; }
.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; }
.innav .bd .bul .bli.on .ba { background: #62b15d; color: #fff; }


.inpage { padding: 60px 0; }
.inpage .hd { margin-bottom: 30px; text-align: center; }
.inpage .hd .nam { font-size: 32px; color: #62b15d; 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: 20px; background: #f7eee8; font-weight: normal; border-radius: 10px 10px; font-size: 16px; }
.inpage .bd img { max-width: 100%; }


.bignam { margin-bottom: 30px; }
.bignam .en { font-size: 30px; color: #62b15d; }
.bignam .cn { font-size: 20px; }


.aboutlist { overflow: hidden; margin-bottom: 30px; }
.aboutlist .item { width: 20%; margin: 0 2.5%; float: left; border-radius: 20px 0 20px 0; background: #62b15d; color: #fff; box-sizing: border-box; padding: 30px 20px 20px; text-align: center; }
.aboutlist .item .num { font-size: 40px; font-family: impact; margin-bottom: 10px; }

.honorlist { overflow: hidden; }
.honorlist li { float: left; width: 31.33333%; margin-right: 3%; margin-bottom: 30px; }
.honorlist li img { display: block; width: 100%; }
.honorlist li span { display: block; line-height: 30px; height: 30px; padding: 20px; background: #f7eee8; text-align: center; }
.honorlist li:nth-child(3n) { margin-right: 0; }

.cullist { overflow: hidden; }
.cullist li { width: 50%; float: left; margin-bottom: 30px; }
.cullist li .nam { margin-bottom: 10px; }
.cullist li .nam span { display: inline-block; border-radius: 10px 10px 10px 0; line-height: 36px; background: #62b15d; padding: 0 20px; color: #fff; }

.prolist { }
.prolist .item { float: left; width: 32.333333%; margin-right: 1.5%; background: #ecf7ed; margin-bottom: 20px; -webkit-transition: all .2s; transition: all .2s; }
.prolist02 .item { background: #f5f5f5; }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.prolist .item a { display: block; text-decoration: none; }
.prolist .item .img { display: block; }
.prolist .item .img img { display: block; width: 100%; }
.prolist .item .info { padding: 40px; text-align: center; }
.prolist .item .info .nam { line-height: 36px; margin-bottom: 10px; font-size: 18px; color: #666; height: 36px; overflow: hidden; }
.prolist .item a:hover .info .nam { color: #62b15d; }
.prolist .item .info .txt { line-height: 22px; font-size: 14px; color: #777; height: 66px; padding: 0 20px; overflow: hidden; }

.profoot { overflow: hidden; padding-top: 30px; margin-top: 30px; border-top: 1px dashed #f1f1f1; }
.profoot a { display: block; float: left; width: 18%; margin: 0 1% 10px; background: #ecf7ed; border-radius: 20px; line-height: 34px; text-decoration: none; text-align: center; font-size: 15px; }
.profoot a.on { background: #62b15d; color: #fff; }


.map { float: right; }

.caselist { }
.caselist .item { width: 31.33333%; float: left; margin-right: 3%; margin-bottom: 30px; }
.caselist .item:nth-child(3n) { margin-right: 0; }
.caselist .item a { display: block; text-decoration: none; padding: 20px; background: #fff; background: #f5f5f5; }
.caselist .item .img { position: relative; margin-bottom: 10px; }
.caselist .item .img img { display: block; width: 100%; }
.caselist .item .img .in { display: block; width: 100%; opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.caselist .item .img .co { display: block; width: 100%; opacity: 1; -webkit-transition: all .4s linear; transition: all .4s linear; position: absolute; top: 0; }
.caselist .item a:hover .img .co { opacity: 0; }
.caselist .item .box { text-align: left; }
.caselist .item .box .nam { font-size: 20px; margin-top: 20px; }
.caselist .item .box .txt { font-size: 14px; line-height: 20px; height: 60px; overflow: hidden; color: #777; margin-top: 10px; }


.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: #cb9372; }

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


.sppbox01 { padding: 60px 0; background: #f5f5f5 url(../img/spp/spp01.jpg) no-repeat center bottom; }
.sppbox01 .box { width: 600px; padding: 80px 0 60px; }
.sppbox01 .tit { margin-bottom: 30px; }
.sppbox01 .tit .en { font-size: 30px; color: #62b15d; }
.sppbox01 .tit .cn { font-size: 20px; }
.sppbox01 .txt { font-size: 16px; line-height: 30px; color: #333; }
.sppbox01 .txt p { margin-bottom: 20px; }

.sppbox02 { padding: 60px 0; background: #fff; }
.sppbox02 .list {  }
.sppbox02 .list .item { width: 20%; float: left; text-align: center; }
.sppbox02 .list .item .img { margin-bottom: 20px; }
.sppbox02 .list .item .img img { display: block; margin: 0 auto; -webkit-transition: all 1s; transition: all 1s; }
.sppbox02 .list .item:hover .img img { -webkit-transform: rotateY(360deg) scale(1.1); transform: rotateY(360deg) scale(1.1); }
.sppbox02 .list .item .nam { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; }
.sppbox02 .list .item .txt { font-size: 14px; color: #666; line-height: 24px; }

.sppbox03 { padding: 60px 0; background: #f5f5f5 url(../img/spp/spp03.jpg) no-repeat center; }
.sppbox03 .box { font-size: 16px; line-height: 30px; color: #fff; text-align: center; }
.sppbox03 .box img { display: block; margin: 0 auto 20px; }
.sppbox03 .box strong { font-size: 24px; display: block; font-weight: normal; margin-bottom: 5px; }
.sppbox03 .list { }
.sppbox03 .list .item { width: 25%; float: left; color: #fff; text-align: center; }
.sppbox03 .list .item .num { font-size: 54px; font-family: impact; margin-bottom: 10px; }
.sppbox03 .list .item .txt { font-size: 16px; }


.sppbox04 { padding: 60px 0 260px; background: #fff url(../img/spp/spp04.jpg) no-repeat center bottom; }
.sppbox04 .box { font-size: 16px; line-height: 30px; color: #333; }
.sppbox04 .box p { margin-bottom: 20px; }


.sppbox05 { padding: 80px 0; background: #f5f5f5; }
.sppbox05 .box { font-size: 16px; line-height: 30px; color: #333; }


.dutybox { width: 100%; overflow: hidden; }
.dutybox .img { position: relative; width: 1920px; left: 50%; margin-left: -960px; }
.dutybox .img img { display: block; }
.dutybox .imgm { display: none; }


.bigtable { }
.bigtable td { padding: 5px 10px; }





@media (max-width: 1200px){
	
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	
	.bannerslide .swiper-slide { height: 450px; }
	

}

@media (max-width: 800px){
	
	.dutybox .img { display: none; }
	.dutybox .imgm { display: block; width: 100%; }
	.dutybox .imgm img { display: block; width: 100%; }
	
	.bannerslide .swiper-slide { height: 240px; }
	
	.rso { display: none; }
	
	.header .logo { float: none; height: 46px; margin: 0 auto; padding: 20px 0 20px; position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 9; border-top: 2px solid #62b15d; border-bottom: 1px solid #eee; }
	.header .wrapper { padding: 0; }
	.header .logo img { margin: 0 auto; }
	.header { position: relative; overflow: hidden; height: auto; border-top: 2px solid #62b15d; }
	.header .nav { background: #f5f5f5; line-height: 30px; overflow: hidden; padding: 10px 0; margin-top: 86px; }
	.header .nav .nli { width: 25%; float: left; }
	.headblock { display: none; }
	
	.header .nav .nli:hover .sub { display: none; }
	
	.homebox01 { padding: 30px 0; }
	.commontit { margin-bottom: 20px; }
	.homebox01 .subnav { margin-bottom: 20px; }
	.homebox01 .list .item { width: 100%; margin-right: 0; margin-bottom: 20px; }
	
	.homebox02 { padding: 30px 0; }
	.homebox02 .text { text-align: justify; }
	
	.homebox03 { padding: 30px 0; }
	.homebox03 .list .item { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 40px 20px; }
	
	.homebox04 { padding: 30px 0; }
	.homebox04 .subnav .sna { margin-bottom: 5px; }
	.homebox04 .subnav { margin-bottom: 20px; }
	.homebox04 .list .item { width: 49%; margin-bottom: 10px; }
	.homebox04 .list .item:nth-child(2n) { margin-right: 0; }
	.homebox04 .list .item .info { padding: 20px; }
	.homebox04 .list .item .info .nam { height: 36px; overflow: hidden; }
	
	.homebox05 { padding: 30px 0; }
	.homebox05 .subnav .sna { margin-bottom: 5px; }
	.homebox05 .subnav { margin-bottom: 20px; }
	
	.homebox06 { padding: 30px 0; }
	.homebox06 .box .item01 { width: 100%; float: none; padding: 30px 30px 300px; background-position: 123% bottom; height: auto; }
	.homebox06 .box .item01 .txt { width: 100%; }
	.homebox06 .box .item02 { width: 100%; float: none; padding: 30px; height: auto; }
	
	.homebox07 { padding: 30px 0; }
	.homebox07 .list .item { width: 100%; float: none; margin-bottom: 20px; }
	.homebox07 .list .item:after { display: none; }
	
	.homebox08 { display: none; }
	
	.inbanner { height: 120px; }
	
	.innav .hd { float: none; margin-bottom: 10px; }
	.innav .bd { float: none; }
	.innav .bd .bul .bli { margin-left: 0; margin-right: 4px; margin-bottom: 4px; }
	.innav .bd .bul .bli .ba { padding: 0 10px; }
	
	.aboutlist .item { width: 45%; margin-bottom: 20px; font-size: 12px; }
	.aboutlist .item .num { font-size: 32px; }
	
	.inpage { padding: 30px 0; }
	
	.prolist .item { width: 49%; margin-right: 2%; }
	.prolist .item:nth-child(3n) { margin-right: 2%; }
	.prolist .item:nth-child(2n) { margin-right: 0; }
	.prolist .item .info { padding: 20px 10px; }
	
	.profoot a { width: 49%; margin: 0 2% 10px 0; }
	.profoot a:nth-child(5n) { margin-right: 2%; }
	.profoot a:nth-child(2n) { margin-right: 0; }
	
	.caselist .item { width: 100%; float: none; margin-right: 0; }
	
	.honorlist li { width: 100%; margin-right: 0; }
	
	.cullist li { width: 100%; margin-right: 0; }
	
	.prolist02 .item { width: 100%; float: none; margin-right: 0; }
	
	.newsbackline ul li a { width: 100%; }
	
	.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%; }
	
	
	.sppbox01 { padding: 30px 0 280px; background-size: 300% auto; background-position: 80% bottom; background-color: #fff; }
	.sppbox01 .box { width: 100%; padding: 0 0; }
	
	.sppbox02 { padding: 30px 0; }
	.sppbox02 .list .item { width: 50%; margin-bottom: 20px; }
	.sppbox02 .list .item:last-child { width: 100%; }
	
	.sppbox05 { padding: 30px 0; }
	
	.sppbox03 { padding: 30px 0 10px; }
	.sppbox03 .wrapper { padding: 0; }
	.sppbox03 .list .item { width: 50%; margin-bottom: 20px; }
	.sppbox03 .list .item .num { font-size: 40px; line-height: 50px; }
	.sppbox03 .list .item:last-child .num { font-size: 30px; }
	.sppbox03 .list .item .txt { font-size: 12px; }
	
	.sppbox04 { padding-top: 30px; }
	
	
	
	
	
	

}