@charset "utf-8";
/* by Sean Lu 20180904 */

/* 移动端全局控制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: 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; }
img{object-fit: cover; max-width:100%}
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: #1891cb; }
/* 清理浮动 */
.clear { clear: both; }
.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: #1891cb; color: #fff; }

::-moz-selection {
background: #1891cb;
color: #fff;
}
.wrapper { margin: 0 auto; width: 1200px; }
.header { height: 80px; background: #008c45; padding: 0 5%; position: relative; }
.header .logo { display: block; width:16%; height: 100%; float: left; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; position:relative;}
.header .logo img { display: block; max-width:100%; max-height:90%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;}
.header .more { float: right; }
.header .more .sea { float: left; padding-top: 35px; }
.header .more .sea .key { height: 30px; line-height: 30px; border: 1px solid #c0c0c0; color: #666; padding: 0 20px; width: 100px; float: left; border-right: 0; }
.header .more .sea .btn { height: 32px; border: 1px solid #c0c0c0; width: 30px; text-indent: -9999px; background: #006c36 url(../images/search.png) no-repeat center; float: left; border-left: 0; cursor: pointer; }
.header .more .link { float: left; padding-top: 35px; line-height: 30px; margin-left: 20px; }
.header .more .link a { font-size: 14px; }
.header .nav { text-align: center; }
.header .nav .nli { display: inline-block; }
.header .nav .nli .na { line-height: 60px; padding-top: 20px; display: block; font-size: 16px; text-decoration: none; width: 100px; -webkit-transition: all .2s; transition: all .2s; color: #fff; }
.header .nav .nli:hover .na { background: #007b3d; }
.header .nav .nli .sub { position: absolute; left: 0; top: 80px; width: 100%; padding: 15px 0 15px; background: rgba(0, 140, 69, 0.6); border-top: 1px solid #ebecec; visibility: hidden; opacity: 0; -webkit-transition: all .2s; transition: all .2s; z-index: 99; }
.header .nav .nli:hover .sub { visibility: visible; opacity: 1; }
.header .nav .nli .sub .swrap { text-align: center; margin-right: 15%; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli .sub .swrap02 { margin-right: 0; }
.header .nav .nli .sub .swrap02 a { margin: 0 20px; font-size: 14px; }
.header .nav .nli:hover .sub .swrap { -webkit-transform: translateY(0); transform: translateY(0); }
.header .nav .nli .sub dl { text-align: left; display: inline-block; vertical-align: top; margin: 0 20px; }
.header .nav .nli .sub dl dt { line-height: 36px; }
.header .nav .nli .sub dl dt a { display: inline-block; font-size: 14px; color: #fff; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli .sub dl dt a:after { content: '>'; font-family: simsun; color: 999; margin-left: 10px; }
.header .nav .nli .sub dl dt a:hover { color: #ec5900; }
.header .nav .nli .sub dl dd { line-height: 26px; }
.header .nav .nli .sub dl dd a { display: inline-block; font-size: 14px; color: #f1f1f1; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; }
.header .nav .nli .sub dl dd a:hover { color: #cd4d00; }
.bannerslide { position: relative; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative;  }
.bannerslide .swiper-slide .textbox { width: 90%; max-width:600px; text-align: center; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); }
.bannerslide .swiper-slide.swiper-slide-active .textbox { }
.bannerslide .swiper-slide .img { position: absolute; left: 50%; margin-left: -550px; top: 130px; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-15%) scale(0.8); transform: translateX(-15%) scale(0.8); -webkit-transition-delay: .3s; transition-delay: .3s; opacity: 0; }
.bannerslide .swiper-slide.swiper-slide-active .img { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); opacity: 1; }
.bannerslide .swiper-slide .img img { display: block; }
.bannerslide .swiper-slide .textbox .pad { }
.bannerslide .swiper-slide .textbox .sub { font-size: 20px; margin-bottom: 15px; text-transform: uppercase; color: #333; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 1s .3s; transition: all 1s .3s; }
.bannerslide .swiper-slide.swiper-slide-active .textbox .sub { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .swiper-slide .textbox .tit { font-size: 32px; color: #fff; font-weight: bold; margin-bottom: 15px; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 1s .6s; transition: all 1s .6s; }
.bannerslide .swiper-slide.swiper-slide-active .textbox .tit { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .swiper-slide .textbox .txt { font-size: 15px; color: #595757; letter-spacing: 4px; margin-bottom: 15px; -webkit-transform: translateY(-20px); transform: translateY(-20px); opacity: 0; -webkit-transition: all 1s .9s; transition: all 1s .9s; }
.bannerslide .swiper-slide.swiper-slide-active .textbox .txt { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.bannerslide .swiper-slide .textbox .btn { margin-top: 50px; opacity: 0; -webkit-transition: all 1.2s 1.8s; transition: all 1.2s 1.8s; }
.bannerslide .swiper-slide.swiper-slide-active .textbox .btn { opacity: 1; }
.bannerslide .swiper-slide .textbox .btn a { font-size: 12px; line-height: 24px; color: #1d6f03; padding: 0 20px; border: 1px solid #999; display: inline-block; text-align: center; text-decoration: none; -webkit-transition: all .2s; transition: all .2s; background: #fff; }
.bannerslide .swiper-slide .textbox .btn a:hover { background: #fff; color: #1891cb; border-color: #1891cb; }
.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: #f00; }
.bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev { background-image: url(../images/arrows.png); background-size: 80px 60px; background-position: -40px 0; width: 40px; height: 60px; margin-top: -30px; }
.bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next { background-image: url(../images/arrows.png); background-size: 80px 60px; background-position: 0 0; width: 40px; height: 60px; margin-top: -30px; }
.homebox01 { }
.homebox01 .wrapper { padding: 80px 0; }
.homebox01 .leftbox { float: left; width: 660px; height: 515px; }
.homebox01 .rightbox { margin-left: 660px; height: 515px; }
.homebox01 .rightbox .item { position: relative; }
.homebox01 .rightbox .item .img img { display: block; width: 100%; height:257.5px;}
.homebox01 .rightbox .item .textbox { position: absolute; right: 5.6%;/* top: 35.3%;*/ bottom:50px; width: 24%; z-index: 999; }
.homebox01 .rightbox .item .textbox a.tit { margin-bottom: 22px; font-size: 20px; line-height: 26px; color: #fff; text-decoration: none; display: inline-block; }
.homebox01 .rightbox .item .textbox a.btn { display: inline-block; border: #CCC 1px solid; padding: 5px 20px; line-height: 24px; background: #FFF; font-size: 12px; color: #595757; border-radius: 4px; }
.homebox01 .rightbox .item .textbox a.btn:after { content: '>'; font-family: simsun; margin-left: 6px; }
.homebox01 .rightbox .item .textbox a { -webkit-transition: all .5s; transition: all .5s; text-decoration: none; }
.homebox01 .rightbox .item .textbox a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.hb01slide { position: relative; }
.hb01slide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 515px; }
.hb01slide .swiper-slide .textbox { position: absolute; right: 14.2%;/* top: 30.3%;*/ bottom:50px; width: 17%; }
.hb01slide .swiper-slide .textbox02 { width: 20%; top: 30%; left: 14.2%; }
.hb01slide .swiper-slide .textbox a.tit { margin-bottom: 22px; font-size: 20px; line-height: 26px; color: #fff; text-decoration: none; display: inline-block; }
.hb01slide .swiper-slide .textbox a.btn { display: inline-block; border: #CCC 1px solid; padding: 5px 20px; line-height: 24px; background: #FFF; font-size: 12px; color: #595757; border-radius: 4px; }
.hb01slide .swiper-slide .textbox a.btn:after { content: '>'; font-family: simsun; margin-left: 6px; }
.hb01slide .swiper-slide .textbox a { -webkit-transition: all .5s; transition: all .5s; text-decoration: none; }
.hb01slide .swiper-slide .textbox a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }
.homebox02 { background: #e5f3ec; padding: 80px 0; }
.homebox02 .wrapper { background: #fff; }
.homebox02 .wrapper .img { float: right; margin-left: 80px; }
.homebox02 .wrapper .img img { display: block; width: 600px; height: 600px; }
.homebox02 .wrapper .box { padding: 80px; }
.homebox02 .wrapper .box .en { font-family: Georgia; font-size: 14px; color: #999; letter-spacing: 2px; margin-bottom: 10px; }
.homebox02 .wrapper .box .cn { font-family: PMingLiu; font-size: 28px; color: #1d6f03; margin-bottom: 30px; font-weight: bold; }
.homebox02 .wrapper .box .txt { font-size: 18px; color: #666; margin-bottom: 45px; }
.homebox02 .wrapper .box .link { overflow: hidden; margin-bottom: 20px; }
.homebox02 .wrapper .box .link a { display: inline-block; line-height: 38px; font-size: 20px; border-bottom: 1px solid #ccc; text-decoration: none; margin-right: 20px; padding: 0 20px; }
.homebox02 .wrapper .box .link a:hover { border-bottom-color: #1891cb; }
.homebox02 .wrapper .box .tabs { overflow: hidden; }
.homebox02 .wrapper .box .tabs li { float: left; width: 26%; margin-right: 4%; }
.homebox02 .wrapper .box .tabs li .img2{ padding-bottom:75%; position:relative;}
.homebox02 .wrapper .box .tabs li img { display:block;  height:100px; object-fit: contain; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.homebox03 { padding: 80px 0; background: url(../images/homebox0bg.jpg); background-size: cover; }
.homebox03 .wrapper { }
.homebox03 .wrapper .img { float: left; margin-right: 80px; }
.homebox03 .wrapper .img img { display: block; }
.homebox03 .wrapper .box { padding: 80px; }
.homebox03 .wrapper .box .cn { font-size: 28px; color: #333; font-family: PMingLiu; margin-bottom: 40px; }
.homebox03 .wrapper .box .sub { font-size: 18px; color: #333; margin-bottom: 30px; }
.homebox03 .wrapper .box .txt { font-size: 14px; line-height: 24px; color: #666; margin-bottom: 30px; }
.homebox03 .wrapper .box .tip { font-size: 12px; color: #333; margin-bottom: 20px; }
.homebox03 .wrapper .box .tabs { overflow: hidden; }
.homebox03 .wrapper .box .tabs a { display: inline-block; line-height: 34px; font-size: 12px; padding: 0 10px; margin-right: 10px; border: 1px solid #ccc; border-radius: 4px; text-decoration: none; }
.homebox03 .wrapper .box .tabs a:hover { border-color: #1891cb; }
.homebox04 { background: #e8f7f0; padding: 80px 0; }
.homebox04 .hb04tit { }
.homebox04 .hb04tit .tit { float: left; font-family: PMingLiu; font-size: 28px; color: #333; margin-bottom: 20px; }
.homebox04 .hb04tit .link { float: right; }
.homebox04 .hb04tit .link a { display: inline-block; line-height: 34px; font-size: 12px; padding: 0 10px; margin-left: 10px; border: 1px solid #ccc; border-radius: 4px; text-decoration: none; }
.homebox04 .hb04tit .link a:hover { border-color: #1891cb; }
.homebox04 .hb04wrap { background: #fff; }
.homebox04 .hb04wrap .img { float: right; margin-left: 80px; }
.homebox04 .hb04wrap .img img { display: block; width: 600px; height: 500px; }
.homebox04 .hb04wrap .box { padding: 80px; }
.homebox04 .hb04wrap .box .topnews { line-height: 36px; height: 108px; overflow: hidden; margin-bottom: 20px; }
.homebox04 .hb04wrap .box .topnews a { font-size: 24px; font-family: PMingLiu; text-decoration: none; }
.homebox04 .hb04wrap .box .topnews a:after { content: ''; display: inline-block; width: 20px; height: 20px; background: url(../images/hot.png) no-repeat center; background-size: 100% auto; margin-left: 14px; }
.homebox04 .hb04wrap .box .topnews .time { float: right; font-family: arial; font-size: 12px; color: #777; }
.homebox04 .hb04wrap .box .hb04news { font-size: 14px; color: #777; margin-bottom: 50px; }
.homebox04 .hb04wrap .box .hb04news li { line-height: 24px; height: 24px; overflow: hidden; }
.homebox04 .hb04wrap .box .hb04news li:before { content: '•'; margin-right: 5px; }
.homebox04 .hb04wrap .box .hb04news li .time { float: right; font-family: arial; font-size: 12px; color: #777; }
.homebox04 .hb04wrap .box .hb04nlist { overflow: hidden; }
.homebox04 .hb04wrap .box .hb04nlist .imgs { float: left; width: 30px; margin-right: 16px; padding-top: 4px; }
.homebox04 .hb04wrap .box .hb04nlist .imgs img { display: block; width: 100%; height: 30px; }
.homebox04 .hb04wrap .box .hb04nlist .list { }
.homebox04 .hb04wrap .box .hb04nlist .list li { line-height: 20px; height: 20px; overflow: hidden; color: #666; font-size: 12px; }
.homebox04 .hb04wrap .box .hb04nlist .list li a { }
.footer { padding: 60px 0 40px; font-size: 12px; text-align: center; color: #999; }
.footer span { margin: 0 30px; }
.footer .foot { line-height: 24px; padding-top: 25px; margin-top: 25px; border-top: 1px solid #ddd; }
.footer .foot a { color: #999; }
.footer .foot .bei { float: right; }
.footer .foot img { vertical-align: middle; margin-left: 10px; }
.inpage { background: #f7f7f9; padding: 0 0 80px; }
.headimg { border-radius: 10px; overflow: hidden; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); margin-bottom: 60px; }
.headimg img { display: block; width: 100%; }
.innav { padding: 30px 0; text-align: center; background: #f7f7f9; }
.innav a { display: inline-block; margin: 0 5px; line-height: 30px; font-size: 14px; text-decoration: none; padding: 10px 30px; color: #666; }
.innav a:hover { opacity: .8; }
.innav a .icon { display: block; width: 80px; height: 80px; margin: 5px auto 10px; background: #999 url(../images/proicon01.png) no-repeat center top; background-size: 80px auto; border-radius: 4px; }
.innav a img { display: block; width: 50px; height: 50px; margin: 5px auto; }
.innav a.on { color: #1891cb; border-bottom-color: #fff; opacity: 1; }
.innav a.on .icon { background-color: #1891cb; }
.baikedekuang { padding: 40px 0; }
.baikedetou { border-bottom: 1px solid #e3e3e3; line-height: 50px; height: 50px; margin-bottom: 30px; }
.baikedetou h3 { float: left; border-bottom: 2px solid #929493; color: #595758; padding: 0 20px 0 0; font-size: 24px; font-weight: normal; }
.baikedeitem { width: 48%; margin-bottom: 30px; }
.baikedelist { }
.baikedelist li { border-bottom: 1px dashed #dedede; padding-bottom: 20px; margin-bottom: 20px; overflow: hidden; }
.baikedelist li .img { float: left; margin-right: 20px; width: 200px; }
.baikedelist li .img a { display: block; }
.baikedelist li .img img { display: block; width: 100%; }
.baikedelist li .info { margin-left: 220px; }
.baikedelist li .info .name { font-size: 18px; line-height: 28px; height: 28px; overflow: hidden; margin-bottom: 10px; }
.baikedelist li .info .text { font-size: 12px; line-height: 20px; height: 60px; overflow: hidden; color: #999; margin-bottom: 5px; }
.baikedelist li .info .time { font-size: 12px; line-height: 20px; height: 20px; overflow: hidden; color: #999; }
.inwrap { padding: 70px 140px; background: #fff; border-radius: 0 0 10px 10px; -webkit-box-shadow: 2px 2px 30px rgba(0,0,0,0.1); box-shadow: 2px 2px 30px rgba(0,0,0,0.1); font-size: 16px; line-height: 30px; color: #666; }
.inwrap p { margin-bottom: 20px; }
.honorlist { overflow: hidden; margin-bottom: 20px; }
.honorlist li { width: 20%; float: left; box-sizing: border-box; padding: 0 10px; margin-bottom: 20px; }
.honorlist li img { width: 100%; display: block; }
.honorlist li span { text-align: center; display: block; }
.inbanner_news { background: url(../images/inbanner_news.jpg) no-repeat center; }
.newslist { }
.newslist .item { padding: 30px 0; border-bottom: 1px dashed #dedede; }
.newslist .item .img { margin-right: 20px; float: left; }
.newslist .item .name { line-height: 36px; margin-bottom: 20px; font-size: 26px; }
.newslist .item .name a { }
.newslist .item .info { color: #999; margin-bottom: 20px; }
.newslist .item .time { color: #999; font-size: 12px; }
.newstitle { font-size: 26px; text-align: center; line-height: 30px; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; }
.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 0; }
.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; }
.baikebox { margin-bottom: 30px; border-bottom: 1px solid #dedede; padding-bottom: 30px; }
.baikebox .tit { font-size: 20px; color: #1891cb; font-weight: bold; margin-bottom: 20px; }
.baikebox .list { overflow: hidden; }
.baikebox .list .item { width: 33.333333%; float: left; box-sizing: border-box; }
.baikebox .list .item:nth-child(1) { padding-right: 20px; border-right: 1px solid #dedede; }
.baikebox .list .item:nth-child(2) { padding: 0 20px; border-right: 1px solid #dedede; }
.baikebox .list .item:nth-child(3) { padding-left: 20px; }
.baikebox .list .item .name { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dedede; }
.baikebox .list .item ul { margin-bottom: 10px; }
.baikebox .list .item ul li { line-height: 24px; font-size: 12px; height: 24px; overflow: hidden; }
.baikebox .list .item ul li:before { content: '·'; margin-right: 6px; font-weight: bold; }
.baikebox .list .item .btn { text-align: left; }
.baikebox .list .item .btn a { display: inline-block; line-height: 30px; border: 1px solid #1891cb; color: #1891cb; border-radius: 20px; padding: 0 30px; font-size: 12px; }
.baikebox .list .item .btn a:hover { text-decoration: none; background: #1891cb; color: #fff; }
.baikelist { }
.baikelist .tit { font-weight: bold; font-size: 20px; color: #1891cb; margin-bottom: 20px; }
.baikelist ul { }
.baikelist ul li { padding: 10px 0; border-bottom: 1px dashed #dedede; }
.baikelist ul li:before { content: '·'; margin-right: 10px; }
.prolist { }
.prolist li { float: left; width: 31.333333%; margin: 0 1% 20px; box-sizing: border-box; padding: 30px; text-align: center; border: 3px solid #dedede; }
.prolist li:hover { border: 3px solid #f60; }
.prolist li .img{ padding-bottom:95%; position:relative; margin-bottom: 20px;}
.prolist li img { display: block; width: 100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto; -webkit-transition: all .4s; transition: all .4s; }
.prolist li a { display: block; }
.prolist li a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }
.historylist { overflow: hidden; position: relative; padding: 40px 0; }
.historylist:before { position: absolute; width: 2px; background: #1891cb; height: 100%; top: 0; bottom: 0; content: ''; display: block; left: 50%; }
.historylist .item { overflow: hidden; margin-bottom: 40px; }
.historylist .item .ibox { float: right; width: 50%; padding-left: 20px; position: relative; box-sizing: border-box; }
.historylist .item:nth-child(2n) .ibox { float: left; padding-left: 0; padding-right: 20px; text-align: right; }
.historylist .item .ibox:before { content: ''; display: block; width: 10px; height: 10px; background: #1891cb; border-radius: 50%; position: absolute; left: -4px; top: 10px; }
.historylist .item:nth-child(2n) .ibox:before { left: auto; right: -6px; }
.historylist .item .ibox .year { font-size: 30px; font-family: arial; font-weight: bold; color: #1891cb; margin-bottom: 10px; }
.historylist .item .ibox .txt { font-size: 16px; color: #666; line-height: 26px; }
.pk { width: 100%; height: 841px; background: url(../images/pkbg.jpg) no-repeat; }
.pk .tit1 { padding-top: 36px; }
.pk .yy { padding-top: 10px; }
.pk .tit4 { font-size: 25px; float: left; padding-left: 12px; }
.pk .tit5 { font-size: 13px; float: left; color: #666666; }
.pk .pk2 { margin-top: 40px; position: relative; width: 514px; height: 300px; }
.pk .pk2 .box1{ float:left; width:225px;}
.pk .pk2 .box2{ float:right; width:225px;}
.pk .pk2 .img { clear: both; padding-bottom:77%; position:relative; float:none; margin:30px 0 0 0;}
.pk .pk2 .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.pk .pk2 .tit1 { text-align: center; padding: 0 0; line-height: 20px;/* float: left;*/ font-size: 14px; margin-top: 10px; }
.pk .image { float: left; margin: 0px 43px; }
.incont_01 { text-align: center; margin-top: 60px; margin-bottom: 30px; }
.incont_01 h2 { }
.incont_01 h4 { border-bottom: 1px #ccc solid; margin-bottom: 30px; font-weight: normal; padding-bottom: 10px; }
.incont_01 h3 { color: #008c45; }
.incont_01 h3 img { width: 32px; vertical-align: middle; margin-right: 10px; }
.incont_02 { }
.incont_02 li { float: left; width: 31%; margin: 10px 1.1%; background: #f0f0f0; text-align: center; padding: 55px 10px; box-sizing: border-box; height:210px }
.incont_02 li:hover { background: #f6f6f6; }
.incont_02 li img { display: inline-block; width: 60px; }
.in_case { }
.in_case li { float: left; width: 30%; margin: 15px 1.6%; text-align: center; border: 1px #ccc solid; box-sizing: border-box; }
.in_case li .img { padding-bottom:46%; position:relative;}
.in_case li .img img{ max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.in_case li .txt { background: #eee; padding: 20px 15px; line-height: 20px; font-size: 13px; }
.in_case li .txt a { color: #008c45; margin-top: 10px; display: block; }
.inwrap p.web { margin-bottom: 0; }
.in_app { margin-top: 40px; }
.in_app ul { background: #f6f6f6; }
.in_app ul li { width: 50%; float: left; }
.in_app ul li.img { }
.in_app ul li .img2{ padding-bottom:100%; position:relative;}
.in_app ul li.img img { display: block; width: 100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.in_app ul li.txt { box-sizing: border-box; padding: 50px; }
.in_app ul li.txt h2 { margin-top: 40px; background: linear-gradient(to right, rgba(0,109,54,1), rgba(0,140,69,1)); color: #fff; padding: 10px 20px 10px 40px; border-radius: 30px; }
.in_app ul li.txt h3 { text-indent: 24px; margin-top: 10px; }
.in_app ul li.txt h4 { text-indent: 24px; margin-top: 30px; font-weight: normal; }
.in_app ul li.txt span { margin-left: 24px; background: #008c45; display: inline-block; width: 70px; height: 5px; }
.in_app ul:nth-child(2n) li.fl { float: right; }
.in_app ul:nth-child(2n) li.fr { float: left; }
.com_equip_tit { margin-top: 70px; text-align: center; font-size: 42px; color: #008c45; font-weight: bold; line-height: 45px; }
.com_equip_titx { text-align: center; color: #333; margin-top: 10px; }
.com_equip_line { text-align: center; }
.com_equip_line span { width: 90px; height: 5px; background: #008c45; display: inline-block; }
.com_equip { margin-top: 50px; }
.com_equip li { float: left; width: 31%; margin-left: 2%; margin-bottom: 20px; }
.com_equip li:nth-child(3n-2){ margin-left: 0; clear:left;}
.com_equip li img { width: 100%; display: block; padding: 5px; border: 3px #eee solid; box-sizing: border-box; }
.homebox0 { padding: 50px 0; }
.homebox0 .hb0tit { font-family: PMingLiu; font-size: 28px; color: #1d6f03; font-weight: bold; text-align: center; }
.homebox0 .hb0titx { text-align: center; font-family: Georgia; font-size: 14px; color: #999; letter-spacing: 2px; text-transform: uppercase; margin-top: 10px; }
.liu { width: 100%; background: url(../images/liubg.jpg) no-repeat center; height: 395px; }
.liu .contect{ position:relative;}
.liu .contect>div:hover{ -webkit-transform: rotate(360deg); transform: rotate(360deg); border-radius: 50%; background: #fff; box-shadow: 0 0 5px #00b156; }
.liu .liu1 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 50px; left: 40px; border-radius: 50%; }
.liu .liu2 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 50px; left: 205px; border-radius: 50%; }
.liu .liu3 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 50px; left: 370px; border-radius: 50%; }
.liu .liu4 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 50px; left: 537px; border-radius: 50%; }
.liu .liu5 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 50px; left: 707px; border-radius: 50%; }
.liu .liu6 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 50px; left: 870px; border-radius: 50%; }
.liu .liu7 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 50px; left: 1040px; border-radius: 50%; }
.liu .liu8 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 185px; left: 955px; border-radius: 50%; }
.liu .contect .liu8:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); border-radius: 50%; background: #fff; box-shadow: 0 0 5px #ff7b36; }
.liu .liu9 { width: 126px; height: 126px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 50%; position: absolute; top: 230px; left: 787px; border-radius: 50%; }
.liu .liu10 { width: 126px; height: 126px; border-radius: 50%; position: absolute; top: 230px; left: 615px; -webkit-transition: all ease-in 0.2s; transition: all ease-in 0.2s; }
.liu .liu11 { width: 126px; height: 126px; border-radius: 50%; position: absolute; top: 230px; left: 442px; -webkit-transition: all ease-in 0.2s; transition: all ease-in 0.2s; }
.liu .liu12 { width: 126px; height: 126px; border-radius: 50%; position: absolute; top: 230px; left: 265px; -webkit-transition: all ease-in 0.2s; transition: all ease-in 0.2s; }
.liu .liu13 { width: 126px; height: 126px; border-radius: 50%; position: absolute; top: 230px; left: 96px; -webkit-transition: all ease-in 0.2s; transition: all ease-in 0.2s; }
.linno { display: none; }
.pk .contect .contectfl { float: left; }
.pk .pk2 .vs { position: absolute; left: 215px; top: 135px; }
 @media (max-width: 1200px) {
.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
.wrapper.wrapper01 { padding: 0; }
.header { padding: 0 20px; }
.header .more { display: none; }
.incont_02 li { width: 47.5%; }
.in_case li { width: 46%; }
.in_app ul li.txt { padding: 20px; }
.in_app ul li.txt h2 { margin-top: 10px; font-size: 20px; }
.in_app ul li.txt h3 { font-size: 18px; }
.in_app ul li.txt h4 { font-size: 14px; }
.linno { display: block; margin-top: 30px; }
.linno img { width: 100%; }
.liu { display: none; }
}
 @media (max-width: 800px) {
.header { height: auto; padding: 0; }
.header .logo { float: none; height: 80px; width:100%;}
.header .logo img { max-height: 40px; margin:auto auto;}
.header .nav { overflow: hidden; padding: 10px 0; background: #a1a1a1; }
.header .nav .nli { float: left; width: 25%; }
.header .nav .nli .na { padding-top: 0; font-size: 14px; line-height: 30px; width: 100%; }
.header .nav .nli:hover .sub { display: none; }
/* .bannerslide .swiper-slide { height: 200px; } */
.bannerslide .swiper-slide .img { margin-left: 0; top: 20px; left: 5%; }
.bannerslide .swiper-slide .img img { width: 50%; }
.bannerslide .swiper-slide .textbox {/* top: 0; margin-left: 0; left: 5%; -webkit-transform: scale(.3); transform: scale(.3); */}
.bannerslide .swiper-slide .textbox .tit{ font-size:28px; line-height:38px;}
.bannerslide .swiper-button-next, .bannerslide .swiper-container-rtl .swiper-button-prev, .bannerslide .swiper-button-prev, .bannerslide .swiper-container-rtl .swiper-button-next { display: none; }
.homebox01 .wrapper { padding: 0 0; }
.homebox01 .leftbox { float: none; width: 100%; height: 250px; }
.hb01slide .swiper-slide { height: 250px; }
.hb01slide .swiper-slide .textbox { width: 19%; }
.hb01slide .swiper-slide .textbox a.tit { font-size: 14px; line-height: 20px; }
.hb01slide .swiper-slide .textbox a.btn { padding: 0 3px; font-size: 12px; }
.homebox01 .rightbox { margin-left: 0; height: auto; }
.homebox01 .rightbox .item .textbox a.tit { font-size: 14px; line-height: 20px; }
.homebox01 .rightbox .item .textbox a.btn { font-size: 12px; padding: 0 5px; }
.homebox02 { padding: 20px 20px; }
.homebox02 .wrapper .img { float: none; margin-left: 0; padding-top: 20px; }
.homebox02 .wrapper .img img { width: 100%; height: auto; }
.homebox02 .wrapper .box { padding: 20px 0 20px; }
.homebox02 .wrapper .box .link { margin-bottom: 20px; }
.homebox02 .wrapper .box .tabs a { margin-right: 10px; padding: 0 5px; }
.homebox03 { padding: 30px 0; }
.homebox03 .wrapper .img { float: none; margin-right: 0; padding-top: 20px; }
.homebox03 .wrapper .img img { width: 100%; height: auto; }
.homebox03 .wrapper .box { padding: 20px 0 20px; }
.homebox03 .wrapper .box .link { margin-bottom: 20px; }
.homebox03 .wrapper .box .cn { margin-bottom: 20px; }
.homebox03 .wrapper .box .tabs a { margin-right: 10px; padding: 0 5px; margin-bottom: 10px; }
.homebox04 { padding: 20px 20px; }
.homebox04 .hb04tit { margin-bottom: 20px; }
.homebox04 .hb04tit .tit { float: none; text-align: center; margin-bottom: 10px; }
.homebox04 .hb04tit .link { float: none; text-align: center; }
.homebox04 .wrapper { padding: 0; }
.homebox04 .hb04wrap { padding: 0 20px; }
.homebox04 .hb04wrap .img { float: none; margin-left: 0; padding-top: 20px; }
.homebox04 .hb04wrap .img img { width: 100%; height: auto; }
.homebox04 .hb04wrap .box { padding: 20px 0; }
.homebox04 .hb04wrap .box .topnews { height: auto; }
.footer { padding-top: 40px; }
.footer span { margin: 0 10px; }
.footer .foot .bei { float: none; }
.inpage { padding: 0 0 30px; }
.headimg { margin: 0 -20px 30px; border-radius: 0; }
.innav { margin-bottom: 30px; }
.innav a { line-height: 36px; font-size: 12px; padding: 0 14px; margin: 0 2px; }
.inwrap { padding: 30px; }
.honorlist li { width: 50%; }
.newsbackline ul li a { width: 100%; }
.inbanner_news { height: 100px; position: relative; }
.baikebox .list .item { width: 100%; margin-bottom: 20px; }
.baikebox .list .item:nth-child(1) { padding: 0; border: 0; }
.baikebox .list .item:nth-child(2) { padding: 0; border: 0; }
.baikebox .list .item:nth-child(3) { padding: 0; border: 0; }
.prolist li { width: 47%; padding: 10px; }
.in_app ul li.txt h2 { font-size: 16px; padding: 5px 20px; }
.in_app ul li.txt h3 { font-size: 14px; margin-top: 0; text-indent: 0; }
.in_app ul li.txt h4 { font-size: 12px; line-height: 24px; margin-top: 10px; text-indent: 0; }
.in_app ul li.txt span { margin-left: 0; }
.homebox02 .wrapper .box .tabs li { width: 30%; }
.homebox02 .wrapper .box .tabs li:nth-child(3) { margin-right: 0 }
.pk .yy img { width: 100%; }
.pk .contect .contectfl { float: none; }
.pk .pk2{ width: 100%; height: auto; }
.pk .contect .image { display: none; }
.pk .pk2 .box1{ width:45%;}
.pk .pk2 .box2{ width:45%;}
.pk .pk2 .tit1{ }
.pk .vs { left: 42%; }
}
 @media (max-width: 420px) {
.incont_01 h2 { font-size: 22px; }
.incont_01 h3 { font-size: 16px; }
.incont_01 h3 img { width: 26px; }
.incont_02 li { width: 100%; }
.in_case li { width: 100%; }
.in_app ul li { width: 100%; }
.in_app ul li.txt { padding: 40px; }
.com_equip_tit { font-size: 32px; }
.com_equip li { width: 100%; }
.pk .pk2 .vs { top: 120px; left: 43%; }
.pk .vs img { width: 50px; }
}
