@charset "utf-8";

/* CSS Document */

/* self-adaption global css v1.0
 * 此文件是网站全局自适应个性化css，也适当补充了自适应栅格系统（补充的是每行5个元素），此样式表在zui框架基础上进行开发，需要先引入zui核心文件。
 * This file is the global adaptive personalized CSS of the website, and it also complements the adaptive grid system (supplemented by 5 elements per line). This stylesheet is developed on the basis of the zui framework, which requires the introduction of the zui core file first.
 * 作者: 杨，2018.10.25。    written by carry yang, 2018.10.25
 * 使用此文件请保留我的信息，谢谢！ Please keep my information in this file, thank you!
 */
@font-face { font-family: 'iconfont'; src: url('iconfont.eot'); src: url('iconfont.eot?#iefix') format('embedded-opentype'), url('iconfont.woff2') format('woff2'), url('iconfont.woff') format('woff'), url('iconfont.ttf') format('truetype'), url('iconfont.svg#iconfont') format('svg'); }

/* project id 1272221 
@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_1272221_u8993c1i3l.eot');
  src: url('//at.alicdn.com/t/font_1272221_u8993c1i3l.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.woff') format('woff'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1272221_u8993c1i3l.svg#iconfont') format('svg');
}*/
.iconfont { font-family: "iconfont" !important; vertical-align: middle; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
/* for global 全局 */
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-xs-5ths { width: 20%; }
@media (min-width:768px) {
    .col-sm-5ths { width: 20%; float: left; }
}
@media (min-width:992px) {
    .col-md-5ths { width: 20%; float: left; }
}
@media (min-width:1200px) {
    .col-lg-5ths { width: 20%; float: left; }
}
body { background: #fff; color: #000; font-size: 16px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";}
a { color: #000; cursor: pointer; text-decoration: none; outline: none; blr: expression(this.onFocus=this.blur()); }
a:focus { outline: none; text-decoration: none; }
a:hover { outline: none; text-decoration: none; color: #1a8e04; }
li { list-style: none; }

/* box size */
.no-margin { margin: 0; }
.no-padding { padding: 0; }

/* display */
.inline-block { display: inline-block }

/* position */
.pst-relative { position: relative; }
.fl {float: left;}
.fr {float: right;}

/* clear */
.clear-block { clear: both; }

/* vertical-align */
.vc-middle { display: inline-block; vertical-align: middle; }

/* font */
.text-12px { font-size: 12px }
.text-14px { font-size: 14px }
.text-18px { font-size: 18px }
.text-20px { font-size: 20px }

/* other */
.middle-ctrl { display: inline-block; height: 100%; width: 0px; vertical-align: middle; }
.screen-phone .container .row{margin:0;}

/* header */
#headerbar { border: none; background-color: #fff; font-size: 0px; position: relative; border-radius: 0; padding-bottom: 0px; }
#headerhd { display: inline-block; vertical-align: middle; }

.head-top { color: #000; font-size: 14px;height: 50px; display: block; margin: 20px 0; }
.head-top .logo { width: auto;height: 100%; float: left; }
.head-top .logo img{width: auto;height: 100%;}
.head-top .logo a { }
.head-top .top-center{float: left;}
.head-top .top-center p{font-size: 21px;margin-bottom: 0;font-weight: 700;}
.head-top .top-center p+p{font-size: 12px;font-weight: 400;}
.head-top .top-right { width: 250px; float: right; text-align: left;font-size: 18px; line-height: 30px; position: relative;}
.head-top .top-right .search{width: 250px;height: 30px;position: absolute;top: -10px;right:0px;}
.head-top .top-right .search .icon{line-height: 30px;}
.head-top .top-right .search .btn-primary{background: #1a8e04;border-color: #1a8e04; }
.head-top .top-right .search .input-group .form-control{outline: none!important;}
.head-top .top-right .search .input-group .form-control:focus{outline: none!important;box-shadow: none; border-color: #1a8e04;}
.head-top .top-right .headtel{width: 200%;text-align: right; font-size:16px;line-height: 28px;position: absolute;top: 30px;right: 0;}
.head-top .top-right .headtel span{display: inline;}
.head-top .top-right .headtel span+span{color: #1a8e04;font-size: 20px;}
#headernav { width: 100%; position: relative; box-sizing: border-box; background: #1a8e04;border-top: 1px solid #ccc;}
#headernav ul { text-align: center; float: none; }
#headernav ul>li { display: inline-block; position: relative; float: none; height: 50px; width: 16.6666%; }
#headernav ul>li>a { display: block; width: 100%;height: 100%; font-size: 14px; color: #fff; padding: 0px; line-height: 50px; }
#headernav ul>li:hover>a,#headernav ul>li.active>a { background: #ec8914;color: #fff; }
#headernav ul>li .navplus { width: 100%; display: none; position: absolute; z-index: 1009; text-align: left; top: 50px; left: 0; font-size: 0; background: #1a8e04; border-top: 1px solid #ec8914; }
#headernav ul>li .navplus>a { display: block; font-size: 12px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 14px 20px; height: 42px; line-height: 14px; }
#headernav ul>li .navplus>a i { margin-right: 2px; }
#headernav ul>li .navplus>a:hover { background: #ec8914;color: #fff; }
#m-headerbar { padding-top: 6px; padding-bottom: 6px; border: none; background-color: #fff; border-bottom: #d1d1d1; box-shadow: 0px 3px 5px 0px #d1d1d1; }
#m-headerhd { pointer-events: auto;width: 55%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;}
#m-headerhd:hover { color: #1a8e04; }
#m-headerbar .hdtitle-img {    /*
         *width: 40px;
         */
width: auto; height: 40px; }
#m-headerbar .hdtitle-img img { width: auto; height: 100%; }
#m-headerbar .hdtitle-ch { font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: 1px; padding-left: 10px; }
#m-headerbar .hdtitle-en { font-family: Georgia, "serif"; font-size: 14px; font-weight: 700; letter-spacing: 1px; line-height: 1.1; padding-left: 10px; }
#m-headerbtn { position: absolute; top: 10px; right: 10px; color: #1a8e04; text-shadow: none; background-color: #fff; border-color: #1a8e04; }
#leftmenulayout { display: none; width: 100%; height: 100%; width: 100vw !important; height: 100vh !important; position: fixed; z-index: 999998; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5; }
#leftmenulayout span { display: block; width: 40%; height: 100%; margin-left: 60%; color: #7d7d7d; font-size: 4rem; overflow: hidden; text-align: center; }
#leftmenu { display: none; width: 60%; height: 100% !important; width: 60vw; height: 100vh !important; background-color: #1a8e04; border-right: 1px solid #333; position: fixed; z-index: 999999; box-shadow: rgba(0, 0, 0, .15) 0 .15rem .5rem, rgba(0, 0, 0, .25) 0 .15rem .5rem; overflow-y: auto !important; }
#leftmenu>.items { display: block; width: 100%; border-bottom: 1px solid #32b11a; position: relative; }
#leftmenu>.items>a { margin: 0 15%; font-size: 15px; display: block; height: 55px; line-height: 55px; position: relative; color: #fff; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }
#leftmenu>.items>i { text-align: center; display: block; position: absolute; top: 0; right: 10px; color: #fff; height: 55px; width: 55px; font-size: 24px; line-height: 55px; }
#leftmenu>.items>.listplus { display: none; text-align: center; padding: 10px 0; }
#leftmenu>.items>.listplus>a { display: block; color: #fff; line-height: 26px; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: inherit; }

/*
| ----------------------------------------------------------
| Glide styles
| ----------------------------------------------------------
| Here are slider styles
| banner滚动轮播插件的个性样式，需要配合jquery.glide.min.js使用
*/
.screen-phone .c1{padding:0;}
.mainbanner { width: 100%; height: auto; font-size: 0px; }
.mainbanner ul, .mainbanner ul li { list-style: none; margin: 0; padding: 0; font-size: 0; display: block; }
.mainbanner ul li { float: left; }
.slider { position: relative; width: 100%; height: auto; overflow: hidden; }
.slides { height: auto;    /* Simple clear fix */ overflow: hidden;    /**  * Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;    /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.slide { list-style: none; height: auto; float: left; clear: none; }
.arrowsWrapper { display: none; }
.slider:hover .arrowsWrapper { display: block }
.slider-arrow { position: absolute; display: block; margin-bottom: 0px; padding: 4%; text-decoration: none; text-align: center; opacity: 1; }
.slider-arrow--right { bottom: 50%; right: 4%; background: url(../../images/right_jt.png) no-repeat center; background-size: 50%; -webkit-transform: translate(0,50%);-ms-transform: translate(0,50%);transform: translate(0,50%);}
.slider-arrow--left { bottom: 50%; left: 4%; background: url(../../images/left_jt.png) no-repeat center; background-size: 50%; -webkit-transform: translate(0,50%);-ms-transform: translate(0,50%);transform: translate(0,50%);}
.slider-nav { padding: 10px 0; border-radius: 18px; position: absolute; bottom: 2%; text-align: center; }
.slider-nav__item { width: 15px; height: 15px; background: #fff; border: none; clear: none; display: inline-block; margin: 0 5px; border-radius: 50%; }
.slider-nav__item:first-child { margin-left: 10px; }
.slider-nav__item:last-child { margin-right: 10px; }
.screen-phone .slider-nav__item { width: 10px; height: 10px; }
.slider-nav__item:hover, .slider-nav__item--current { background: #1a8e04; }


.thebreadcrumb{width: 100%;background: #f1f1f1;font-size: 16px;text-align: left;line-height:28px;padding-top: 10px;padding-bottom: 10px;}
.thebreadcrumb a{color:#1a8e04;}
.screen-phone .thebreadcrumb{font-size: 14px;}
.breadcrumb{display:inline-block;margin-bottom: 0; padding: 0;}
.breadcrumb i{font-size: 16px;}
.breadcrumb > li + li::before {padding: 0 5px;color: #ccc;content: "»";}
.about_bg { background-color:#f7f8f8;}


.titlestyle-main { display: block; width: 100%; text-align: center; margin-bottom: 10px; }
.titlestyle-main .line { display: block; width: 100%; height: 21px; background: url(../../images/line1.png) center center repeat-x; margin-top: 8px; }
.titlestyle-main .line1 {display: block; width: 100%; height: 21px;margin-top: 8px;position: relative;overflow: hidden;}
.titlestyle-main .line1 span{width: 100%;height: 1px;background: #aaa;display:block;margin-top:10px;}
.titlestyle-main .line1 i{width: 100%;height: 4px;background: #1a8e04;display:block;position: absolute;top: 8px;left: 0;}

.titlestyle-main .line_d { width: 100px; height: 2px; border-top: #f8931f 3px solid;margin: 0 auto; }
.titlestyle-main .maintitle1 { font-size: 30px; color: #1a8e04; font-weight: 700; text-transform: uppercase; }
.titlestyle-main .maintitle { font-size: 24px; color: #000; font-weight: 700; text-transform: uppercase; }
.titlestyle-main .subtitle { font-size: 20px; color: #000; font-weight: 400; padding: 5px 0; }
.titlestyle-main .xxtitle { font-size: 16px; color: #828181;line-height: 36px; }
.screen-phone .titlestyle-main .maintitle { font-size: 20px; font-weight: 700; color: #000; }
.screen-phone .titlestyle-main .subtitle { font-size: 16px; color: #828181; text-transform: uppercase; }
.beautifulbtn1 { background-color: #1a8e04; height: 50px; line-height: 50px; width: 180px; font-size: 14px; text-align: center; max-width: 100%; display: inline-block; vertical-align: middle; position: relative; box-sizing: border-box; color: #fff !important; outline: none !important; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.beautifulbtn1::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #3f3b3a; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: all .3s ease-out; }
.beautifulbtn1:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.lte-ie-8 .beautifulbtn1:hover { background: #3f3b3a; }
.screen-phone .beautifulbtn1 { height: 40px; line-height: 40px; width: 120px; }
.contentbox img, .contentbox iframe, .contentbox iframe div { max-width: 100%; overflow: hidden; }
.padding { padding-top: 30px; padding-bottom: 50px; }
.screen-phone .padding { padding-top: 30px; padding-bottom: 30px; }


.newsLeft { overflow:hidden; width: 100%;height: auto;min-height: 514px; background-color:#fff;padding: 0;}
.newsLeft h3{ font-size:16px; font-weight:normal; padding-left:20px; padding-top:14px; padding-bottom:14px; background-color:#1a8e04;margin-top: 0;margin-bottom: 0; }
.newsLeft h3 a{ color:#fff;font-size:16px;line-height:22px;}
.newsLeft ul{ overflow:hidden; width:100%; margin-bottom:14px; padding: 0px 10px 10px; position:relative; z-index:2;border: 1px solid #eee;min-height: 410px;}
.newsLeft li{ font-size:14px;background: #fff;border-bottom:1px dashed #eee;overflow:hidden;height: 96px; }
.newsLeft li+li{padding-top: 0;}
.newsLeft li a{ display: block;width: 100%;height: 100%; color:#000;background: #fff;text-align: left;}
.newsLeft li a b{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 40px;}
.newsLeft li a p{font-size: 14px;color: #999; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.newsLeft li a:hover{text-decoration: none;}
.newsLeft li a:hover b{text-decoration: underline;}

.screen-phone .newsLeft{min-height: auto;}
.screen-phone .newsLeft ul{min-height: auto;}

.proLeft { width: 100%;height: auto; background-color:#fff;padding: 0;}
.proLeft h3{ font-size:16px; font-weight:normal; padding-left:20px; padding-top:14px; padding-bottom:14px; background-color:#1a8e04;margin-top: 0;margin-bottom: 0; }
.proLeft h3 a{ color:#fff;font-size:16px;line-height:22px;}
.proLeft ul{ width:100%; margin-bottom:14px; padding: 0; position:relative; z-index:2;}
.proLeft li{ font-size:14px; padding: 10px ;background: #eee;border-top: none;position: relative;}
.proLeft li+li{padding-top: 0;}
.proLeft li a{ display: block;width: 100%;height: 100%; color:#000;background: #fff;text-align: left;position: relative;}
.proLeft li a{ font-size:14px; color:#000; line-height:21px;padding: 12px 5px 12px 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proLeft li a:hover,.proLeft li.active a{color: #fff;background: #1a8e04;}
.proLeft li a i.icon{position: absolute;top: 50%;right: 0;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.proLeft li .sonnav{display:none;position: absolute;right: -98%;top: 0;}
.proLeft li:first-child .sonnav{top: 10px;}
.proLeft li .sonnav li{background: #6c7b9d;padding: 1px;}
.proLeft li .sonnav li+li{padding-top:0;}
.proLeft li .sonnav li a{display: block;width: auto;height: 100%; color:#000;background: #fefefe;text-align: left;font-size:13px; color:#000; line-height:20px;padding: 8px 0px 8px 5px;}
.proLeft li .sonnav li a:hover{color: #1a8e04;}
.proLeft li .sonnav li a i{display: inline-block;width: 4px;height: 4px;margin: 3px 5px; border-radius: 50%; background: #1a8e04;}

.contact { overflow:hidden; width: 100%;height: auto; background-color:#fff; padding: 0;}
.contact h3{ font-size:16px; font-weight:normal; padding-left:20px; padding-top:14px; padding-bottom:14px; background-color:#1a8e04;margin-top: 0;margin-bottom: 0;}
.contact h3 a{ color:#fff;font-size:16px;line-height:22px;}
.contact ul{ overflow:hidden; width:100%; margin-bottom:14px; padding: 20px 0 20px;background: #eee; position:relative; z-index:2;}
.screen-phone .contact ul{padding:10px 0;}
.contact li{ font-size:14px;color:#000;  padding: 10px ;border-top: none;}
.contact li+li{padding-top: 0;}
.contact li{ overflow:hidden; }

.contact1 { overflow:hidden; width: 100%;height: auto; background-color:#fff; padding: 0;}
.contact1 h3{ font-size:16px; font-weight:normal; padding-left:20px; padding-top:14px; padding-bottom:14px; background-color:#1a8e04;margin-top: 0;margin-bottom: 0;}
.contact1 h3 a{ color:#fff;font-size:16px;line-height:22px;}
.contact1 ul{ overflow:hidden; width:100%; margin-bottom:14px; padding: 10px 0;background: #eee; position:relative; z-index:2;}
.contact1 li{ font-size:14px;color:#000;  padding: 10px ;border-top: none;}
.contact1 li+li{padding-top: 0;}
.contact1 li{ overflow:hidden; }

/*pro*/
.pro-imgs { overflow:hidden; width:100%; height:auto; background:#fff;margin-bottom: 30px;}
/* 滚动*/
.roll-wrap:hover .control{display:block;}
.roll-wrap{position:relative;left:50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0); width:100%;height:50px;overflow:hidden;}
.roll_row .roll__list::before,.roll_row .roll__list::after{content:"";display:table;line-height:0;}
.roll_row .roll__list::after{clear:both;}
.roll_row .roll__list{ width:9999px;}
.roll_row .roll__list li{float: left;display:block;margin-right:20px;width:150px;height:50px;line-height:20px;font-weight:normal;font-size:12px;text-align:center;color:#fff;overflow: hidden;position: relative;border: 1px solid #ccc;}
.roll_row .roll__list li img{height:40px;width: 100%; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.roll_row .roll__list li p{position: relative;top: 40px; font-size:14px; color:#fff; text-align:center; }
.roll_row .roll__list li a{display:block; text-decoration:none;}
.roll_row .roll__list li img{height: 40px;}

.pro { overflow:hidden;margin:0 auto;margin-top: 40px;margin-bottom: 40px; padding: 0;position: relative;}
.pro a:hover{text-decoration: underline;}
.proRight {width: 100%;height: auto; overflow:hidden; border-radius:3px;padding: 0;}
.screen-phone .proRight{height:auto;}
.proRight .prolayer{ background-color:#fff;height: 100%;}
.proRight .proBox{ overflow:hidden; width:100%; margin:0 auto;}
.proRight .proBox ul{ overflow:hidden; width:100%; margin:0;padding:0;}
.proRight .proBox li{ height:auto;padding: 0px 10px 20px;}
.proRight .proBox li a{display: block; padding: 10px 10px;border: 1px solid #ccc;}
.proRight .proBox li .pro-img{padding-top: 100%; position: relative; font-size: 0; line-height: 0;}
.proRight .proBox li .pro-img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.proRight .proBox li .pro-img>div>div{height: 100%; max-width: 100%;position: relative;overflow: hidden;}
.proRight .proBox li .pro-img>div>div>img{display:block;width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: none; padding: 0; margin: 0;}

.proRight .proBox li p{ font-size:13px; color:#666; text-align:left;margin-bottom: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.proRight .more{text-align: center;padding-bottom: 10px;}
.proRight .more a{font-size: 14px;color: #000;}
.proRight .more a:hover{color: #ec8914;text-decoration: none;}

.screen-phone .pro{margin-top: 10px;margin-bottom: 0;}
.screen-phone .proLeft{display: none;}
.screen-phone .proRight{padding: 0;position: relative;}
.screen-phone .proRight .prolayer{padding-bottom: 0px;}
.screen-phone .proRight .proBox li .pro-img{margin-bottom: 10px;}
.screen-phone .proRight .proBox li p{margin-bottom: 0px;}

/* 关于 */
.about { font-size: 16px; padding:10px;color: #333; }
.about .title{ font-size: 16px;font-weight: 700;color: #333;margin-bottom: 10px; }

.about .img{display: block;margin-top: 10px; padding-top: 60%; position: relative; font-size: 0; line-height: 0; overflow: hidden;}
.about .img>div{position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;}
.about .img>div>div{height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index:1;}
.about .img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.about .content{font-size: 14px;line-height: 1.8; overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;margin-top: 0;}
.about .content p{margin-bottom: 0;}
.screen-phone .about{padding:0;margin-bottom:20px;}



/* 友情链接 */
.index-links { margin-bottom: 15px; border: #f8931f 1px solid; color: #000; }
.index-links>p { display: block; height: 28px; line-height: 28px; padding-left: 12px; font-size: 13px; font-weight: bold; background: url(../../images/homelist_bg.jpg) repeat-x; border-bottom: #32b11a 1px solid; margin-bottom: 0; }
.index-links>.link { width: 100%; height: auto; padding: 10px; line-height: 40px; font-size: 13px; }
.index-links>.link>a { display: inline-block; margin: 0 10px; color: #000; }
.index-links>.link>a:hover { color: #1a8e04; }

/*底部*/
#footerbar { width: 100%; font-size: 16px; color: #fff; padding-top: 40px; padding-bottom: 30px; background-color: #000; }
#foot-down { width: 100%; font-size: 16px; text-align: center; padding: 20px; color: #fff; background-color: #1a8e04; }
#foot-down p { margin: 0; font-size: 14px; }
#foot-down a { color: #fff; }
#foot-down a:hover { color: #f8931f; }
#footerbar .row { position: relative;overflow: hidden; }
#footerbar .group-left0 { position: relative;height: 100%; }
#footerbar .group-left0 div { position: absolute;width: 90%; top: 90px; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
#footerbar .group-left0 div img{}
#footerbar a { color: #fff; }
#footerlinks{padding-bottom: 10px;border-bottom: 1px solid #666;}
#footerlinks a { display: inline-block; padding: 15px 30px; font-size: 14px;color: #a5a5a5; }
#footerlinks a:hover { color: #ec8914; }
.screen-phone #footerbar .group-left1{padding:0;}
#footerbar .group-left1 a:hover{color: #ec8914;}
#footerbar .group-left1 a{color: #999;}
#footerbar .group-left1 p{font-size: 12px;margin-bottom: 0;padding-bottom:5px;color: #a5a5a5;}
#footerbar .group-left1 p:nth-child(1){margin-bottom:0;font-size: 18px;color: #fff;}
#footerbar .group-left1 p:nth-child(2){font-size: 12px;padding-bottom:20px;color: #fff;}
.screen-phone #footerbar .group-left1 p{line-height: 24px;}
.screen-phone #footerbar .group-left1 p:nth-child(1){font-size: 16px;}
#footerbar .group-right>div { display: block; float: right; text-align: center; font-size: 14px; margin-right: 25px;margin-top: 20px; }
#footerbar .group-right>div img{width: 120px;height: auto;}
.screen-phone #footerbar .group-right>div { float: none; margin-right: 0; }
.screen-phone #footerbar { padding-top: 0; padding-bottom: 0; }
#m-footer { border-top: 1px solid #32b11a; background-color: #1a8e04; }
#m-footer a { display: block; color: #fff; padding-top: 5px; padding-bottom: 5px; }
.lilian { padding: 0; margin-top: 10px; }
.lilian ul { padding: 0; }
.lilian ul li { width: 240px; float: left; list-style: none; color: #000; font-weight: bold; font-size: 16px; }
.lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }
.screen-tablet .lilian ul li { width: 220px; }
.screen-tablet .lilian ul li p { font-weight: normal; font-size: 14px; color: #666; margin-top: 10px; }

/* 留言页 */
.form { display: block; padding-bottom: 30px; }
.form .contact { display: block; width: 100%; padding: 0 10px; }
.form .bt1 { padding: 0 20px 10px; }
.form .contact form label { display: block; font-size: 14px; font-weight: 400; }
.form .contact form { display: block; overflow: hidden; padding-top: 10px; }
.form .contact input { display: inline-block; width: 250px; height: 30px; padding: 0 5px; outline: none; margin-top: 10px; }
.form .contact input.fl { float: left; }
.form .contact input.fr { float: right; }
.form .contact textarea { display: block; width: 60%; height: 80px; padding: 10px; margin-top: 10px; outline: none; }
.screen-phone .form .contact textarea { width: 100%; }
.screen-phone .form .contact input { width: 100%; }
.screen-phone .form .contact .in_btn { width: 100%; margin-bottom: 10px; }
.form .contact .in_btn { display: inline-block; width: 200px; height: 40px; border: none; background: #1a8e04; color: #fff; outline: none; }
.form .contact .in_btn:hover { background: #000; }

/* ------------------------- list 列表页 --------------------------- */

/* list with cards style 卡片样式列表 */

/*核心业务-主页*/

.core { margin-top: 80px; margin-bottom: 30px; }
.core .container { padding-left: 0; padding-right: 0; }
.screen-phone .core .container { padding-left: 10px; padding-right: 10px; }
.screen-phone .core { margin-top: 0; margin-bottom: 0; }
.liststyle0 { margin-top: 40px; }
.screen-phone .liststyle0 { padding-left: 0; }
.screen-phone .liststyle0 .col { padding-left: 5px; padding-right: 5px; }
.liststyle0 .item { display: block; background-color: #fff; text-align: center; color: #555657; border: 1px solid #b8b8b8; margin-bottom: 20px; position: relative; }
.liststyle0 .col { padding-right: 25px; padding-left: 25px; }
.screen-phone .liststyle0 .item { margin-bottom: 10px; }
.liststyle0 .item .itemimg { display: block; min-height: 170px; padding-top: 60%; position: relative; font-size: 0; line-height: 0; }
.screen-phone .liststyle0 .item .itemimg { min-height: 130px; top: -20px; }
.liststyle0 .item .itemimg>div { position: absolute; display: block; width: 112px; height: 112px; top: 30px; left: 50%; margin-left: -56px; border: 1px solid #fff; border-radius: 56px; background-color: #8c8d8d; }
.liststyle0 .item .itemimg>div>div { display: block; width: 57px; height: 57px; position: absolute; top: 26px; left: 28px; }
.liststyle0 .item .itemimg>div>div.img-data { background: url(../../images/icon/data.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-government { background: url(../../images/icon/government.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-estate { background: url(../../images/icon/estate.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div.img-internet { background: url(../../images/icon/internet.png) no-repeat center; }
.liststyle0 .item .itemimg>div>div>img { width: 100%; min-height: 100%; border: none; padding: 0; margin: 0; }
.lte-ie-8 .liststyle0 .item .itemimg>div>div>img { width: 100%; height: 100%; position: relative; top: 0; left: 0; }
.liststyle0 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; line-height: 32px; margin-bottom: 0px; margin: 0 5%; }
.liststyle0 .item .itemtitleEn { margin-bottom: 80px; color: #b6b6b6; font-size: 14px; line-height: 20px; }
.screen-phone .liststyle0 .item .itemtitleEn { margin-bottom: 40px; line-height: 20px; }
.liststyle0 .item .itemline { width: 54px; height: 3px; position: absolute; left: 50%; bottom: 40px; margin-left: -27px; background-color: #1a8e04; }
.screen-phone .liststyle0 .item .itemline { bottom: 20px; }
.liststyle0 .item:hover { background-color: #1a8e04; box-shadow: 2px 5px 10px #8c8d8d; }
.liststyle0 .item:hover .itemimg>div { background-color: #fff; }
.liststyle0 .item:hover .itemimg>div>div.img-data { background-image: url(../../images/icon/data_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-government { background-image: url(../../images/icon/government_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-estate { background-image: url(../../images/icon/estate_2.png); }
.liststyle0 .item:hover .itemimg>div>div.img-internet { background-image: url(../../images/icon/internet_2.png); }
.liststyle0 .item:hover .itemtitle { color: #fff; }
.liststyle0 .item:hover .itemtitleEn { color: #b5dcf5; }
.liststyle0 .item:hover .itemimg>div>i { color: #1a8e04; }
.liststyle0 .item:hover .itemline { background-color: #fff; }

/*案例列表页*/
.caseliststyle1 { margin-top: 30px; padding-left: 10px; padding-right: 10px; }
.screen-phone .caseliststyle1 { padding: 0; }
.caseliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative; }
.caseliststyle1 .col { padding-bottom: 20px; }
.caseliststyle1 .item .itemimg { display: block; padding-top: 70%; position: relative; font-size: 0; line-height: 0; overflow: hidden; }
.caseliststyle1 .item .itemimg>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.caseliststyle1 .item .itemimg>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.caseliststyle1 .item .itemimg>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.caseliststyle1 .item .itemtitle { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 40px; margin: 0 5%; }
.caseliststyle1 .item:hover .itemtitle { color: #1a8e04; }
.screen-phone .caseliststyle1 .item .itemtitle { font-size: 14px; }
.caseliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.caseliststyle1 .item_more .a_null { height: 182px; }

/*产品列表页*/
.proliststyle1 { padding-left: 0; padding-right: 0; }
.screen-phone .proliststyle1 { padding: 0; }
.proliststyle1 .item { display: block; width: 100%; height: 100%; background-color: #fff; text-align: center; color: #555657; position: relative;}
.proliststyle1 .col { padding: 0 10px; padding-bottom: 20px; }
.screen-phone .proliststyle1 .col { padding: 0 5px; padding-bottom: 10px; }
.proliststyle1 .item .pro-img { display: block; padding-top: 100%; position: relative; font-size: 0; line-height: 0; overflow: hidden; }
.proliststyle1 .item .pro-img>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.proliststyle1 .item .pro-img>div>div>img { width: 100%; min-height: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }

.proliststyle1 .item .pro-img1 { display: block; padding-top: 30%; position: relative; font-size: 12px; line-height: 20px; overflow: hidden; }
.proliststyle1 .item .pro-img1>div { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.proliststyle1 .item .pro-img1>div>div { height: 100%; max-width: 100%; position: relative; overflow: hidden; z-index: 1; }
.proliststyle1 .item .pro-img1>div>div>img { width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; padding: 0; margin: 0; }
.proliststyle1 .item:hover .itemtitle{color: #1a8e04;}
.proliststyle1 .item .itemtitle { display: block; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 30px; margin: 0 5%; }
.screen-phone .proliststyle1 .item .itemtitle { font-size: 12px; }
.proliststyle1 .item .itemcontent { width: 90%; height: 100px; overflow: hidden; margin: 0 5%; margin-bottom: 30px; font-size: 14px; line-height: 24px; }
.proliststyle1 .item_more .a_null { height: 182px; }

/* 新闻列表样式 */
/* title list style with pic in left 左边有图片的标题列表样式 */
.liststyle2 .items { width: 100%; padding: 14px 0; border-bottom: 1px dashed #dfdfdf; }
.liststyle2 .items>a { display: block; position: relative; }
.liststyle2 .items .news-img { display: block; width: 20%; float: left; overflow: hidden; position: relative; padding-top: 12%; }
.screen-phone .liststyle2 .items .news-img { width: 30%; padding-top: 20%; text-align: center; }
.liststyle2 .items .news-img>div { text-align: center; display: block; position: absolute; font-size: 0px; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle2 .items>a:hover .news-img>div { width: 120%; height: 120%; top: -10%; left: -10%; }
.liststyle2 .items .news-img>div>img { width: 100%; height: 100%; }
.liststyle2 .items .news-con { display: block; width: 75%; margin-left: 5%; float: left; }
.screen-phone .liststyle2 .items .news-con { display: block; width: 68%; margin-left: 2%; float: left; }
.liststyle2 .items .news-con p { width: 100%; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.liststyle2 .items .news-con .news-title { color: #333; font-size: 20px; font-weight: 700; }
.screen-phone .liststyle2 .items .news-con .news-title { color: #333; font-size: 16px; }
.liststyle2 .items .news-con .news-desc { color: #999; font-size: 14px; }
.liststyle2 .items .news-con .news-detailbtn { width: 108px; display: block; cursor: pointer; color: #666; height: 30px; float: left; line-height: 30px; text-align: center; position: relative; background: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, .2); -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle2 .items:hover .news-con .news-detailbtn, .device-mobile .liststyle2 .items .news-con .news-detailbtn { padding-right: 30px; }
.liststyle2 .items .news-con .news-detailbtn span { display: block; width: 0; color: #fff; background-color: #1a8e04; box-shadow: 0px 0px 2px #1a8e04; overflow: hidden; position: absolute; top: 0; right: 0; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle2 .items:hover .news-con .news-detailbtn span, .device-mobile .liststyle2 .items .news-con .news-detailbtn span { width: 30px; }
.liststyle2 .items .news-con .news-detailtime { width: 100px; display: block; color: #999; height: 30px; float: right; line-height: 30px; text-align: center; position: relative; background: #fff; }
.liststyle2 .items:hover .news-con .news-title, .liststyle2 .items:hover .news-con .news-desc, .liststyle2 .items:hover .news-con .news-detailbtn, .liststyle2 .items:hover .news-con .news-detailtime { color: #1a8e04; }
.screen-phone .liststyle2 .items .news-con .news-detailtime { width: 85px; }

/*搜索页  */
.liststyle21 .items{width: 100%;padding: 0;border-bottom: 1px dashed #dfdfdf;}
.liststyle21 .item1{border-bottom: none;padding-bottom:20px;}
.liststyle21 .items>a{display: block;position: relative;}
.liststyle21 .items .news-img{display: block;width: 20%;float: left;overflow: hidden;position: relative;padding-top: 12%;}
.screen-phone .liststyle21 .items .news-img{width: 30%;padding-top: 20%;text-align: center;position: absolute;top: 50%;left:0; -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
.liststyle21 .items .news-img>div{
  text-align: center;
  display: block;
  position: absolute;
  font-size: 0px;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}
.liststyle21 .items>a:hover .news-img>div{width: 120%;height: 120%;top:-10%;left: -10%;}
.liststyle21 .items .news-img>div>img{width: 100%;height: 100%;}
.liststyle21 .items .news-con{display: block;width: 77%;margin-left: 3%;float: left;}
.screen-phone .liststyle21 .items .news-con{display: block;width: 98%;margin-left: 2%;float: left;}
.screen-phone .liststyle21 .item1 .news-con{padding-left: 30%;}
.screen-phone .liststyle21 .item1 .pl{padding-left: 0;}
.liststyle21 .items .news-con p{width: 100%;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.liststyle21 .items .news-con .news-title{color: #343434;font-size: 16px;margin-top:10px;padding-right:100px;}
.liststyle21 .item1 .news-con .news-title{color: #1b54aa;font-size: 20px;padding-right:0;white-space: nowrap;}
.screen-phone .liststyle21 .items .news-con .news-title{font-size: 14px;height: 28px;}
.screen-phone .liststyle21 .item1 .news-con .news-title{font-size: 16px;}
.liststyle21 .items .news-con .news-title>i.icon{position: absolute;line-height: 24px;font-size: 0.1em;}
.liststyle21 .items .news-con .news-title>i.icon.icon-2x{line-height: 24px;font-size: 20px;position: relative;left: 4px;margin-right:10px;}

.liststyle21 .items .news-con .news-desc{color: #999;font-size: 14px;width: 100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.liststyle21 .items .news-con .news-detailbtn{
  width: auto;
  display: block;
  cursor: pointer;
  color: #2d5088;
  height: 30px;
  float: left;
  font-size:14px;
  line-height: 30px;
  text-align: center;
  position: relative;
  background: #fff;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}
.liststyle21 .items:hover .news-con .news-detailbtn,.device-mobile .liststyle21 .items .news-con .news-detailbtn{}
.liststyle21 .items .news-con .news-detailbtn span{
  display: block;
  width: 0;
  color: #fff;
  background-color: #0568c1;
  box-shadow: 0px 0px 2px #0568c1;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s;
}
.liststyle21 .items:hover .news-con .news-detailbtn span,.device-mobile .liststyle21 .items .news-con .news-detailbtn span{width: 30px;}
.liststyle21 .items .news-con .news-detailtime{
  width: auto;
  display: block;
  color: #343434;
  height: 30px;
  float: right;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  position: absolute;
  top: 10px;
  right: 0;
  background: #fff;
}
.liststyle21 .items .news-con .news-title .hot{display: inline;height: 12px;color: red;margin-bottom: 5px;}
.screen-phone .liststyle21 .items .news-con .news-title .hot{display: block;height: 9px; position: absolute;top: 9px;right: 100px;color: red;margin-bottom: 0px;}
.liststyle21 .items:hover .news-con .news-title,.liststyle21 .items:hover .news-con .news-desc,.liststyle21 .items:hover .news-con .news-detailbtn,.liststyle21 .items:hover .news-con .news-detailtime{color: #0568c1;}

/* join 加入我们列表样式 */
.liststyle3 { text-align: center; font-size: 0px; line-height: 0px; overflow: hidden; }
.liststyle3 p { margin: 0px; }
.liststyle3 .group-title { display: block; width: 100%; color: #333; font-size: 24px; line-height: 50px; }
.liststyle3 .item { display: block; width: 100%; color: #fff; background-color: #3f3b3a; position: relative; }
.liststyle3 .item.item-hd { background-color: #1a8e04; }
.liststyle3 .item.item-2n { background-color: #534E4D; }
.liststyle3 .item.active { background-color: #f1f1f1; color: #333; }
.liststyle3 .item>span { display: inline-block; width: 16.66667%; font-size: 16px; line-height: 40px; position: relative; }
.liststyle3 .item>span .morebtn { display: inline-block; font-size: 14px; line-height: 14px; background: #1a8e04; margin: 0; color: #fff; padding: 8px 15px 8px 20px; margin-bottom: 6px; cursor: pointer; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle3 .item>span .morebtn:hover { background: #fff; color: #666; }
.liststyle3 .item.active>span .morebtn:hover { background: #3f3b3a; color: #fff; }
.liststyle3 .item>span .morebtn .icon { display: inline-block; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.liststyle3 .item.active>span .morebtn .icon { transform: rotate(180deg) }
.liststyle3 .item.item-hd>span { font-size: 24px; line-height: 40px; }
.liststyle3 .item .items-main { display: none; width: 100%; color: #534E4D; background-color: #f1f1f1; font-size: 14px; line-height: normal; text-align: left; padding: 2% 4%; }
.screen-phone .liststyle3 .group-title { font-size: 16px; line-height: 42px; }
.screen-phone .liststyle3 .item>span { width: 25%; font-size: 14px; line-height: 30px; vertical-align: top; }
.screen-phone .liststyle3 .item.item-hd>span { font-size: 16px; line-height: 40px; }
.screen-phone .liststyle3 .item>span.xs-hidden { display: none; }
.screen-phone .liststyle3 .item>span .morebtn { display: inline-block; font-size: 12px; line-height: 12px; padding: 4px; }

/* contact 联系我们列表样式 */
.liststyle4 { }
.liststyle4 .item { display: block; padding-top: 30px;}
.liststyle4 .item .item-main { display: block; width: 100%; }
.liststyle4 .item .item-main .title { font-size: 20px; color: #000; }
.liststyle4 .item .item-map { width: 100%; position: relative; padding-top: 56%; overflow: hidden; min-height: 320px; }
.lte-ie-8 .liststyle4 .item .item-map { padding-top: 15%; }
.liststyle4 .item .item-map>div { width: 100%; height: 100%; top: 0; position: absolute; }

/* developmentlist 发展历程时间轴列表样式 */
.liststyle5 { width: 100%; height: 510px; overflow: hidden; position: relative; font-size: 0px; }
.liststyle5 .group-main { width: auto; height: 510px; white-space: nowrap; position: absolute; }
.liststyle5 .group-main .item { display: inline-block; width: 180px; height: 500px; margin: 5px; position: relative; vertical-align: top; }
.liststyle5 .group-main .item .maintitle { position: absolute; display: block; width: 100px; height: 100px; color: #fff; border-radius: 50%; background: #c8cac9; font-size: 18px; white-space: normal; padding: 12px; line-height: 1.2; text-align: center; top: 91px; left: 50%; margin-left: -50px; z-index: 3; behavior: url(style/PIE/PIE.htc); }
.liststyle5 .group-main .item .items-line { position: absolute; display: block; width: 4px; height: 50px; background: #c8cac9; top: 191px; left: 50%; margin-left: -2px; z-index: 2; }
.liststyle5 .group-main .item .items-arrow { position: absolute; display: block; width: 100%; height: 18px; top: 241px; overflow: visible; z-index: 1; }
.liststyle5 .group-main .item .items-arrow .arrowtop { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(40deg); -moz-transform: skew(40deg); -o-transform: skew(40deg); -ms-transform: skew(40deg); transform: skew(40deg); }
.liststyle5 .group-main .item .items-arrow .arrowbottom { position: relative; display: block; width: 100%; height: 9px; background: #c8cac9; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); -ms-transform: skew(-40deg); transform: skew(-40deg); }
.liststyle5 .group-main .item .items-circle { position: absolute; display: block; width: 10px; height: 10px; background: #fff; top: 245px; left: 50%; margin-left: -5px; border-radius: 50%; z-index: 2; behavior: url(style/PIE/PIE.htc); }
.liststyle5 .group-main .item .subtitle { position: absolute; display: block; width: 100%; height: 50px; text-align: center; top: 258px; left: 0; color: #c8cac9; z-index: 3; font-size: 40px; line-height: 50px; }
.liststyle5 .group-main .item .items-main { position: absolute; display: block; width: 100%; height: 180px; overflow: hidden; top: 308px; left: 0; z-index: 3; font-size: 14px; line-height: 18px; white-space: normal; }
.liststyle5 .group-main .item .items-main p { margin: 0; }
.liststyle5 .group-main .item.style .maintitle { top: 308px; }
.liststyle5 .group-main .item.style .items-line { top: 258px; }
.liststyle5 .group-main .item.style .subtitle { top: 191px; }
.liststyle5 .group-main .item.style .items-main { top: 12px; }

/* lightgallery 灯箱画廊样式 */
#lightGallery { }
#lightGallery>a.col { padding: 10px; font-size: 0; text-align: center; position: relative; }
#lightGallery>a.col .grouphd { padding-top: 70%; position: relative; }
#lightGallery>a.col .grouphd .grouphd-img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#lightGallery>a.col .grouphd .grouphd-img>span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
#lightGallery>a.col .grouphd .grouphd-img>img { width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
#lightGallery>a.col .grouposter { display: none; width: 100%; height: 100%; position: absolute; background: rgba(0, 0, 0, .5); top: 0; left: 0; }
#lightGallery>a.col:hover .grouposter { display: block; }
#lightGallery>a.col .grouposter>span { width: 0; height: 100%; display: inline-block; vertical-align: middle; }
#lightGallery>a.col .grouptitle { width: 100%; height: 36px; font-size: 14px; line-height: 36px; background-color: #fff; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#lightGallery>a.col:hover .grouptitle { background-color: #1a8e04; color: #fff; }

/* casenav 选项卡导航 */
.casenav { width: 100%; background: #f1f1f1; font-size: 16px; text-align: center; line-height: 28px; border-bottom: 1px solid #dedede; }
.casenav .casenav-nav { width: 100%; text-align: center; }
.casenav .casenav-nav>li { display: inline-block; position: relative; float: none; }
.casenav .casenav-nav>li.active { background: #1a8e04; }
.casenav .casenav-nav>li.active a { color: #fff; }
.casenav .casenav-nav>li:hover a { color: #1a8e04; }

/* pagectrl 翻页按钮 */
.pagectrl { display: block; width: 100%; padding-top: 20px; }
.pagectrl>a { display: inline-block; padding: 0 8px; height: 30px; line-height: 28px; border: 1px solid #ccc; margin-bottom: 10px; color: #333; }
.pagectrl>a.active, .pagectrl>a:hover { background-color: #1a8e04; border: 1px solid #1a8e04; color: #fff; }
.pagectrl>.pagectrlform { display: inline-block; height: 30px; line-height: 28px; padding: 0px 20px; margin-bottom: 10px; }
.pagectrl>.pagectrlform .pageinput { width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 0; margin-bottom: 10px; text-align: center; }
.pagectrl>.pagectrlform .pagesubmit { padding: 0 8px; height: 30px; background-color: #1a8e04; border: 1px solid #1a8e04; color: #fff; margin-bottom: 10px; }

/* detail 详情页 */
.content{font-size: 16px;width: 100%;margin: 0 auto;margin-top: 20px;color: #000;}
.screen-phone .content{padding-bottom: 0;}
.newstitle{display: block;width: 100%;font-size: 20px;font-weight: 700;line-height: 40px;text-align: center;color: #1a8e04;}
.maincontent{font-size: 16px;width: 100%;max-width: 1000px;margin: 0 auto;padding: 10px;color: #000;}
.maincontent p{margin-bottom: 0;}
.maincontent table{margin:0 auto;}
.maincontent table tr{border:1px solid #000;border-top:none;}
.maincontent table tr td{border-left:1px solid #000;}
.maincontent table tr td:first-child{border-left:none;}
.maincontent table tr.firstRow{border-top:1px solid #000;}
.screen-phone .newstitle{font-size: 18px;line-height: 30px;}

/* prevnext 前一篇-后一篇 */
.prevnext { width: 100%; padding: 20px 0; font-size: 14px; }
.prevnext a { color: #333; }
.prevnext a:hover { text-decoration: underline; color: #1a8e04; }
.prevnext .prev, .prevnext .next { width: 100%; display: block; }
.prevnext .historygo { display: inline-block; padding: 5px; background: #1a8e04; color: #fff; }
.prevnext .historygo:hover { color: #fff; text-decoration: none; background: #3f3b3a; }

/* casedetail 案例详情卡片图片展示 */
.casedetail { padding-top: 54%; position: relative; margin-left: -10px; margin-right: -10px; }
.casedetail .items-images { position: absolute; top: 0; height: 100%; width: 100%; }
.casedetail .items-images .mainimgbox, .casedetail .items-images .mainimgctrl { height: 100%; overflow: hidden; }
.casedetail .items-images .mainimgbox { text-align: center; }
.casedetail .items-images .mainimgbox img { width: 100%; max-height: 100%; }
.casedetail .items-images .mainimgctrl { padding-top: 40px; padding-bottom: 40px; }
.casedetail .items-images .mainimgctrl .upctrl, .casedetail .items-images .mainimgctrl .downctrl { width: 88%; position: absolute; left: 6%; height: 25px; line-height: 20px; text-align: center; color: #fff; background: #1a8e04; cursor: pointer; border: 1px solid #999; -webkit-transition: all .2s ease-out 0s; -moz-transition: all .2s ease-out 0s; -o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s; }
.casedetail .items-images .mainimgctrl .upctrl:hover, .casedetail .items-images .mainimgctrl .downctrl:hover { background: #3f3b3a; }
.casedetail .items-images .mainimgctrl .upctrl { top: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.casedetail .items-images .mainimgctrl .downctrl { bottom: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.casedetail .items-images .mainimgctrl .imagesbox { width: 100%; height: 100%; overflow: hidden; position: relative; }
.casedetail .items-images .mainimgctrl .imagesbox .images { width: 100%; height: auto; position: absolute; top: 0px; -webkit-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -o-transition: all .5s linear 0s; transition: all .5s linear 0s; }
.casedetail .items-images .mainimgctrl .imagesbox .images>img { width: 100%; height: auto; margin: 4px 0; cursor: pointer; }
.casedetailmorebtn { display: inline-block; background-color: #1a8e04; color: #fff; width: 120px; font-size: 16px; line-height: 36px; text-align: center; margin-top: 15px; }
.screen-phone .casedetailmorebtn { width: 80px; font-size: 14px; line-height: 28px; margin-top: 5px; }
.casedetailmorebtn:hover { background-color: #3f3b3a; color: #fff; }
.casedetailbox-title { display: block; width: 140px; background-color: #1a8e04; color: #fff; text-align: center; font-size: 16px; line-height: 36px; font-weight: 700; }
.screen-phone .casedetailbox-title { display: block; width: 120px; background-color: #1a8e04; color: #fff; text-align: center; font-size: 14px; line-height: 28px; font-weight: 700; }
.casedetailbox { border-top: 2px solid #1a8e04; }
.screen-phone .casedetailbox { border-top: 1px solid #1a8e04; }

/* other 其它 */

/* leftnav 左侧小导航栏 */

.leftnav { display: block; width: 90%; background-color: #fff; border: 1px solid #d1d1d1; margin-bottom: 20px; }
.screen-phone .leftnav, .screen-tablet .leftnav { margin-left: auto; margin-right: auto; display: none; }
.leftnav .leftnav-m-ctrl { display: block; width: 100%; font-size: 18px; line-height: 58px; border-bottom: 1px solid #d1d1d1; background: #1a8e04; color: #fff; text-align: center; font-weight: 700; cursor: pointer; }
.leftnav a { color: #666; }
.leftnav ul { padding: 0; margin: 0; }
.leftnav ul li { display: block; width: 100%; }
.leftnav ul li>a { display: block; width: 100%; background-color: #fff; font-size: 16px; color: #666; line-height: 54px; font-weight: 800; padding: 0px 22px; position: relative; }
.leftnav ul li.active>a, .leftnav ul li:hover>a { color: #fff; background-color: #1a8e04; }
.leftnav ul li>a>.icon { position: absolute; right: 22px; line-height: 48px; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); }
.leftnav ul li.active>a>.icon { transform: rotate(180deg); }
.leftnav ul li+li { border-top: 1px solid #d1d1d1; }
.leftnav ul li .navplus { display: none; width: 100%; border-top: 1px solid #d1d1d1; }
.leftnav ul li.left-contact { width: 100%; height: 90px; font-size: 14px; line-height: 16px; background: #333; padding: 20px 0; }
.leftnav ul li.left-contact div.left-tel { background: url(../../images/icon/tel1_03.png) no-repeat center; width: 60px; height: 50px; margin-left: 5px; float: left; border-left: none; }
.leftnav ul li.left-contact div { float: left; color: #fff; padding: 5px; 13px; border-left: 1px dotted #5c5c5c; }
.leftnav ul li.left-contact div p { }
.leftnav ul li .navplus a { display: block; font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-radius: 0px; padding: 12px 20px; line-height: 16px; height: 40px; -webkit-transition: all 0.3s ease-in-out 0.05s; -moz-transition: all 0.3s ease-in-out 0.05s; -ms-transition: all 0.3s ease-in-out 0.05s; -o-transition: all 0.3s ease-in-out 0.05s; }
.leftnav ul li .navplus a:hover, .leftnav ul li .navplus a.active { color: #1a8e04; padding-left: 40px; }

/* rightnav 右侧悬浮导航 */
.rightnav { width: 52px; border: 1px solid #ccc; font-size: 0px; display: block; position: fixed; top: 50%; right: 0px; z-index: 999; }
.rightnav ul { margin: 0px; padding: 0px; }
.rightnav ul li { width: 52px; display: block; height: 52px; overflow: hidden; list-style: none; background-position: 0 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.rightnav ul li:hover { background-position: 0px -62px; }
.rightnav ul li+li { margin-top: 5px; }
.rightnav ul li a { display: block; width: 100%; height: 100%; }
.qq { background: url(../../images/QQ.png) no-repeat; }
.weixin { background: url(../../images/weixin.png) no-repeat; }
.weixin-logo { background: #fff; font-size: 12px; width: 0px; height: 0px; overflow: hidden; position: absolute; top: 0px; right: 127px; transform: rotate(720deg); -webkit-transition: ease-out .5s; -moz-transition: ease-out .5s; -ms-transition: ease-out .5s; -o-transition: ease-out .5s; }
.weixin-logo>img { width: 100%; }
.weixin:hover .weixin-logo { width: 130px; height: auto; top: 0px; right: 52px; text-align: center; color: #000; transform: rotate(0deg); }
.rightnav .liuyan { background: url(../../images/liuyan.png) no-repeat; }
.rightnav .gotop { background: url(../../images/gotop.png) no-repeat; }

/* detailcontent wenhua-imgbox 奥捷文化图片盒子 */
.wenhua-imgbox { width: 100%; -moz-column-count: 2;    /* Firefox */ -webkit-column-count: 2;    /* Safari 和 Chrome */ column-count: 2; -webkit-column-gap: 0px; -moz-column-gap: 0px; column-gap: 0px }
.wenhua-imgbox img { display: inline-block; width: 100%; height: auto; padding: 1px; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }