@charset "utf-8";
body{ font-family:"微软雅黑"; margin: 0; padding: 0; font-size: 16px; color: #444;}
p,h1,h2,h3,h4,h5,h6,li,dl,dd,ul,ol,li{ margin:0; padding: 0;}
a{ text-decoration: none; color: #444;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
a:hover{ text-decoration: none; color: #444;}
input{ border: none; outline: none; background: none;}

li{ list-style: none;}
img{ border: none;}
.clear{ clear: both; margin: 0; padding: 0; line-height: 0;}

.header{ width: 100%; position: absolute; top:0; z-index: 100; left: 0; background: rgba(255,255,255,.8);}
.header .logo{ float: left; width:80px; margin-top:5px; margin-bottom: 5px;}
.logo img{ max-width: 100%; height: 84px;}

.header .navbox{ float: right;}
.header .navbox ul{ float: right; margin-top: 24px;}
.header .navbox li{ float: left; margin-right: 1px;border:1px solid rgba(255,25,255,0); line-height: 32px;}
.header .navbox li>a{ display: block; padding:0 20px; font-size:16px; color: #444;}
.header .navbox li:hover{border:1px solid rgba(119,165,29,1); border-radius: 50px;}
.header .navbox li.current{ border:1px solid rgba(119,165,29,1); border-radius: 50px;}

.header .navbox .solid{ float: right; margin-top: 35px;}
.header .searchbox{ float: right; width:15px; height:81px; position:relative; margin-left:20px;}
.searchbox img{ margin-top:34px;}
.searchbox form{ display:none; position: absolute; z-index: 100; right:0; top:0; width:340px; height:81px;}
.searchbox form input.text{ float: left; line-height:81px; font-size: 18px; color: #4f4f50; padding-left:10px; padding-right:10px; width: 260px; background:#dfdfdf;height:81px;}
.searchbox form input.button{ float: left; width:80px; height:81px;color:#fff; font-size: 18px; background: #86d599; }

.line-h{ width: 100%; height: 1px; background: rgba(255,255,255,0.2);}

@media (max-width: 992px) {
    .header{ height: 70px;}
    /*.header .logo{ margin-top: 25px;}*/
    .header .logo img{ max-width: 100%; height: auto;}
    .header .navbox li a{ display: block; padding:0 6px; font-size:16px; color: #444;}
}
/*手机版头部*/
.mobileNav{ display:none; position:absolute; top:70px; z-index:100; padding-bottom:40px; background:#222222; width:100%; height:auto; left:0; padding-top:25px;}
.mobileNav .close{ float:right;opacity: 1; margin-right:15px; width:25px; height:25px; background:url(../images/close.png) no-repeat; background-size: 20px auto; }
.mobileNav ul{clear:right;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid #393939; width:100%; line-height:60px; padding-left:22px; margin:auto; background:url(../images/add.jpg) no-repeat 93% center; background-size:20px auto; font-size:18px; color:#fff; }
.mobileNav ul li dl{ display:none; background:url(../images/subBg.png) repeat;}
.mobileNav ul li dl dd{ margin:auto; background:url(../images/arrow-r.png) no-repeat 95% center; background-size: 25px auto; }
.mobileNav ul li dl dd a{ line-height:50px; color:#fff; border-bottom: 1px solid #000; display:block; font-size:16px; padding-left:34px;}

@media (max-width: 767px) {
    .navbar-toggle{ margin-top:18px;}
    .header .logo{ margin-left: 15px;}
}

.banner{}
#slides {
    position: relative;
    width: 100%;
}
.slidesjs-pagination {
    position: absolute;
    bottom: 43px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 20;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 4px;
}

.slidesjs-pagination li a {
    display: block;
    width: 12px;
    height: 12px;
    background:url(../images/dots.png) no-repeat;
    overflow: hidden;
}

.slidesjs-pagination li a.active {
    background:url(../images/dots-r.png) no-repeat;
}

.banner_slide {
    background-position: center center;
    background-size: 100% 100%;
}
.banner_slide .container{
    position:relative;
}
.bannerText1{
    /*display: none;*/
    width: 100%;
    position:absolute;
    left:15px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    top:200px;
}
.banner2 .bannerText1{ width: 100%;
    left: 0;
    text-align: center;
}
.bannerText1 h1{ text-align: center; margin-bottom: 12px; font-size: 46px; font-weight: bold; }
.bannerText1 p{ font-size:30px;}

.mainbox{ width: 100%; padding-top: 70px; padding-bottom: 160px; background: url(../images/indexBg.png) no-repeat center center #f1f7f5; background-size:100% 100%; }
.smalldots{ position: absolute; right: 0; top: 0;}
.smalldots a{ display: inline-block; width:12px; margin-left: 8px; height:12px; background: url(../images/dots-solid.png) no-repeat;}
.smalldots a:hover{ width: 35px; background: url(../images/dots-solid-r.png) no-repeat;}
.smalldots a.active{ width: 35px; background: url(../images/dots-solid-r.png) no-repeat;}
.mainbox .czbox{ position: relative; padding-bottom: 104px;}
.czbox h1{ font-size:34px; margin-bottom: 10px; color: #002d32; font-weight: bold;}
.czbox span{ font-size:16px; color: #002d32;}
.czbox .czIndex{ display: none; margin-top: -15px;}
.czIndex .cz-l{ width: 51.8%; margin-top: 64px; padding:50px 56px 50px 48px;border-radius: 10px 0 0 10px; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.15); float: left; background: #dce4ef;}
.cz-l h2{ font-size:28px; font-weight: bold; color: #002d32;}
.cz-l h3{ font-size: 18px; color: #002d32; font-weight: bold; margin-top: 15px; margin-bottom: 10px;}
.cz-l .line-s{ width:27px; margin-top: 15px; margin-bottom:10px; height:2px; background: #444444;}
.cz-l span{ color: #002d32; font-size:16px; line-height: 32px;}
.cz-l div{ margin-top:16px; margin-bottom: 46px; font-size:16px; color: #002d32; line-height:28px;}
.cz-l a{ display: inline-block; width:110px; height:34px; line-height:34px; border-radius: 50px; font-size:18px; color: #002d32;border: 1px solid #3e3e3e; text-align: center;}
.cz-l a:hover{ background: #2a933e; border: 1px solid #2a933e; color: #fff;}

.czIndex .cz-r{ width: 48.2%; float: right; background: #f1f7f5; border-radius: 10px;box-shadow:5px 5px 15px 0 rgba(0,0,0,0.15);}
.cz-r img{ width: 100%; height: auto; border-radius: 10px;}

.aboutbox{ overflow: hidden; padding-top:85px; padding-bottom:110px; background: url(../images/indexAboutBg.jpg) no-repeat left top; background-size: 65% 100%;}
.aboutbox .aboutIndex{}
.aboutIndex .about-l{ width:50%; float: left; padding-right: 45px;}
.about-l h1{ color: #fff; font-size:34px; margin-bottom: 23px; color: #fff; font-weight: bold;}
.about-l p{ color: #fff; font-size:16px; line-height:28px;}
.about-l div{ margin-top: 42px;}
.about-l div a{ display: inline-block; padding:0 15px; margin-bottom: 18px; margin-right:20px; line-height: 42px; color: #fff; font-size: 16px; border: 1px solid #fff;}
.aboutIndex .about-r{ width: 50%; margin-top: 64px; background: url(../images/indexVideoBg.jpg) no-repeat 45px top; float:left; position: relative; }
.aboutIndex .about-r video{ margin-left: 12%; margin-top: 19px;}
.aboutIndex .about-r img{ max-width: 100%; height: auto;}
.aboutMore{ display: inline-block; width:110px; margin-top: 15px; line-height:34px;text-align: center;border-radius: 50px; font-size:18px; color: #fff;border: 1px solid #fff;}
.aboutMore:hover{ background: #2584c3; color: #fff;}

#slides-about {
    position: relative;
    width: 95.6%;
    margin-left: 11%; margin-top: 19px;
}
#slides-about .banner_slide{ background-size: 100% auto;}
#slides-about .slidesjs-pagination{ display: none;}


.newsindex{ padding-top: 55px; padding-bottom:84px;}
.newsindex h1{ text-align: center; margin-bottom: 46px; color: #002d32; font-size: 34px; font-weight: bold;}
.newsindex ul{ overflow: hidden; padding-bottom: 40px;}
.newsindex ul li{ float: left; box-shadow: 5px 5px 10px rgba(0,0,0,0.15); border: 1px solid #e0dede; width: 32%; margin-right: 2%;}
.newsindex ul li a{ display:block;}
.newsindex ul li .imgbox{ overflow: hidden;}
.newsindex ul li .imgbox img{ width: 100%; height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.newsindex ul li:hover .imgbox img{ width: 100%; height: auto;
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -o-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -moz-transform: scale(1.25);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.newsindex ul li h2{ color: #444; padding-bottom: 16px; margin-bottom: 10px; font-size: 16px; border-bottom: 1px solid #e5e5e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsindex ul li .news-title{ padding: 20px 22px 28px;}
.newsindex ul li .time{ float: left; color: #d7d7d7; font-size:14px; font-family: "Futura Md BT";}
.newsindex ul li .arrow-r{ float: right; color: #444; font-size: 22px; font-weight: bold;}
.newsindex ul li:hover h2,.newsindex ul li:hover .arrow-r{ color: #2e9540;}

.lookMore{ clear: left; text-align: center;}
.lookMore a{display: inline-block;border-radius:50px;  height: 40px; padding: 0 22px; margin-left:8px; margin-right:8px;line-height: 40px; text-align:center; border:1px solid #2e9540; color: #2e9540; font-size:16px; }
.lookMore a:hover{ background: #2e9540; color: #fff;}

.footerbox{ padding-top: 38px; padding-bottom: 38px; background: url(../images/footerBg.png) no-repeat right bottom #dce2e2;}
.footerbox .footer{ overflow: hidden;}
.footer .foot-l{ float: left; width: 8.7%;text-align: center; margin-left: 15%;}
.foot-l img{ margin-bottom: 15px;}
.foot-l p{margin-top: -9px;  color:#001a1d; font-size:16px;}
.footer .foot-c{ float: left; width:50%;}
.foot-c h2{ font-size:20px; font-weight: bold; margin-top: 10px; margin-bottom:12px; color: #001a1d;}
.foot-c p{ color: #001a1d; font-size:16px; line-height:24px;}
.foot-c img{ border: 3px solid #fff; margin-top: 12px;}
.footer .foot-r{ float: right; width: 20.8%; margin-top: 13px;}
.foot-r h3{ font-size: 16px; color: #001a1d; margin-bottom: 22px;}
.foot-r a{ display: inline-block; margin-bottom: 9px; padding-left:19px; padding-right:19px; border:1px solid #748485; font-family: "幼圆"; line-height:30px;}
.foot-r a:hover{ background: #2e9540; color: #fff; border: 1px solid #2e9540;}
.copyright{ background: #0e1414; height:70px; line-height:70px; text-align: center; font-size:16px; color: #fff;}
.copyright p a{ color: #fff; font-size: 16px;}
.copyright p a:hover{ color: #2e9540;}

.slider{ position: fixed; top:50%; right: 0; z-index: 1000;}
.slider ul{ background: url(../images/bg-g.png) repeat; overflow: hidden; border-left:14px solid #048ec9; border-radius:6px 0 0 6px;}
.slider ul li{ float: left; background: url(../images/solid-g.jpg) no-repeat right 54px;  padding: 20px 22px; text-align: center;}
.slider ul li h2{ font-size:16px; color: #444; margin-top: 18px; margin-bottom:10px;}
.slider ul li p{ font-size:14px; color: #444; line-height:18px;}

.slider.active{ opacity: 0;
    transition: all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

.logobox{ opacity: 0; width:60px;position: fixed; top:50%; right: 0; z-index: 100; background: rgba(242,242,242,0.5);
    transition: all .6s;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    -moz-transition: all .6s;
}
.logobox img{ max-width: 100%; height: auto;}
.logobox:hover{ cursor: pointer; background: #2e9540;}

    /*内页头部*/
.headerbox{ position: relative;}
.headerbox .logo{/*width: 20.75%;*/ margin-top: 6px;}
.headerbox .searchbox{ width:21px; height:100px;}
.headerbox .navbox ul{ margin-top: 0;}
.headerbox .navbox li{ position: relative; border-bottom: 3px solid #fff; margin-right: 0; height:100px; line-height: 97px;}
.headerbox .navbox li>a{ color: #444; padding: 0 22px;}
.headerbox .navbox li:hover{border-radius: 0;border: 1px solid rgba(255,255,255,1);border-bottom: none; border-bottom: 3px solid #77A51D; background: #f5f5f5;}
.headerbox .navbox li.current{border-radius: 0;border: 1px solid rgba(255,255,255,1);border-bottom: none; border-bottom: 3px solid #77A51D; background: #f5f5f5;}
.headerbox .line-h{ display: none;}
.headerbox .navbox .solid{ margin-top: 40px;}
.headerbox .searchbox img{ margin-top: 40px;}
.headerbox .searchbox form{ height: 100px;}
.headerbox .searchbox form input.text{height: 100px; line-height: 100px;}
.headerbox .searchbox form input.button{ height: 100px; background: #2a933e;}

.navbox li dl {position:absolute; overflow: hidden; width:240px; display: block; background: #1d8c37; }
.navbox li dl dd a{display:block;height: 0px;border: none;line-height: 45px;color: #fff; padding-left: 15px;  }
.navbox li:hover dl { padding: 15px 0 15px 0; height:auto;transition:all 0.6s;  }
.navbox li:hover dl dd a { height: 45px;
    /*border-bottom: 1px solid #4086DE;*/transition:all 0.6s;}
.navbox li dl dd a:hover {text-decoration: none; background-color:#2a933e ;
    /*border-bottom: 1px solid #4086DE;*/ }

.position{position: fixed; top: 0; left: 0; z-index:100;}
#banner{ width: 100%; height:190px; overflow: hidden; position: relative;}
#banner p{ position: absolute; left: 50%; margin-left: -960px;}
#banner .container{ position: relative;}
#banner .container h1{ margin-top:108px;font-size:36px; color: #fff;}

.aboutMain{ padding-top: 75px; padding-bottom:66px; background: url(../images/componyBg.jpg) no-repeat left 20px; background-size: 58% 100%;}
.aboutMain .company{ }
.company .aboutleft{ float: left; width:43.75%; margin-top:0;}
.aboutleft h1{ font-size: 24px; color: #444; font-weight: bold; margin-bottom: 27px;}
.aboutleft .brief{ padding-top:0; padding-right: 30px; font-size: 16px; color: #444; line-height: 30px;}
.company .aboutright{ float: right; padding-top: 12px; padding-right: 12px; width: 54.8%; background: url(../images/gsjjBg.png) no-repeat top right; background-size:52.4% auto;}

.company .aboutright ul.aboutBottom{ overflow: hidden;}
.company .aboutright ul.aboutBottom li{ float: left; max-height:348px; overflow: hidden;  margin-right:2%; }
.company .aboutright ul.aboutBottom li img{ width: 100%; height: auto;}

.aboutright .scroll{ margin-bottom: 9px;}
.scroll #slides-about {
    position: relative;
    width: 100%;
    margin-left: 0;
}
.scroll #slides-about .banner_slide{ height: 348px; background-size: 100% auto;}
.scroll #slides-about .slidesjs-pagination{ display: none;}

.history{ width:100%; position: relative; background:url(../images/timeBg.jpg) no-repeat;background-size: 100% 100%; padding-top:70px; }
.timer{ position:relative;}
.timebox{ position:relative; overflow:hidden;}
.timebox ul{ min-height:580px; position:relative;}
.timebox ul li{ position:absolute; left:0; bottom:0; width:275px; background:url(../images/line.jpg) repeat-y 6px top; padding-bottom:26px; padding-right:25px;}
.timebox ul li dl{ padding-left:28px;padding-top:28px; background:url(../images/dots-null.png) no-repeat left top;}
.timebox ul li dl dd { margin-bottom:15px;}
.timebox ul li dl dd span{color:#fff; font-family:"Adobe 黑体 Std"; font-size:24px; line-height: 42px;}
.timebox ul li dl dd span i{ font-family:"Century Gothic";}
.timebox ul li dl dd p{ font-size:16px; color:#fff; line-height:20px; }
.timebox ul li dl dd img{ width: 100%;height: auto; margin-top:10px;}
.timebox ul li h2{ font-size:50px; color:#fff; font-style:italic; font-family:"Century Gothic"; text-indent:25px;}
.previous{ width:42px; height:42px; background:url(../images/arrow-l.png) no-repeat; position:absolute; left:0px; top:50%; z-index: 100;}
.follow{ width:42px; height:42px; background:url(../images/arrow-rr.png) no-repeat; position:absolute; right:0px; top:50%; z-index: 100;}
.previous:hover{background:url(../images/arrow-lr.png) no-repeat;}
.follow:hover{background:url(../images/arrow-r-r.png) no-repeat;}

.skills{ padding-top:65px; padding-bottom: 88px;}
.skills h1{ text-align: center; margin-bottom: 15px; font-size:34px; color: #444; font-weight: bold;}
.skills .aboutinfo{width: 70%; margin: auto; text-align: center; line-height: 28px; font-size:16px; color: #444;}
.skills ul{ width: 65%; margin: 0 auto; margin-top: 30px;}
.skills ul li{ width:20.5%; margin-right:19.25%; text-align: center; float: left;}
.skills ul li .icon{ position: relative;}
.skills ul li .icon img{ width: 100%; height: auto;}
.skills ul li img.normal{ }
.skills ul li img.hover{display: none;}
/*.skills ul li img.hover{ position: absolute; left: 0; top: 0;z-index: -1;}*/
.skills ul li p{ margin-top:13px; font-size: 24px; color: #444; font-weight: bold;}
.skills ul li img.arrowUp{ display: none; margin-top: 15px;}
.skills ul li:hover .icon {cursor: pointer;}
/*.skills ul li.active img.hover{*/
    /*animation: change 5s linear infinite;*/
    /*-webkit-animation: change 5s linear infinite;*/
    /*-o-animation:change 5s linear infinite;*/
    /*-moz-animation:change 5s linear infinite;*/
/*}*/
.skills ul li:hover .icon .normal{ display: none;}
.skills ul li:hover .icon .hover{ display: inline-block;}
.skills ul li.active .icon .normal{ display: none;}
.skills ul li.active .icon .hover{ display: inline-block;}
.skills ul li.active img.arrowUp{ display: inline-block;}
@-webkit-keyframes change {
    0%{-webkit-transform: rotate(0deg)}
    50%{-webkit-transform: rotate(-180deg)}
    100%{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes change {
    0%{-moz-transform: rotate(0deg)}
    50%{-moz-transform: rotate(-180deg)}
    100%{-moz-transform: rotate(-360deg)}
}
@-o-keyframes change {
    0%{-o-transform: rotate(0deg)}
    50%{-o-transform: rotate(-180deg)}
    100%{-o-transform: rotate(-360deg)}
}
@-ms-keyframes change {
    0%{-ms-transform: rotate(0deg)}
    50%{-ms-transform: rotate(-180deg)}
    100%{-ms-transform: rotate(-360deg)}
}
.skillContent{ clear: left; padding:28px 30px; background: #eef6f9;}
.skillContent .textInfo{ display: none;}
.textInfo dl dd{ overflow: hidden; margin-bottom: 20px;}
.textInfo dl dd i{ float: left; width: 6%; font-size:55px; color: #1d8c37; }
.textInfo dl dd div{ float: right; width: 94%; margin-top: 13px;}
.textInfo dl dd div p{ font-size:16px; color: #444; line-height:28px;}
.textInfo dl dd div p span{ font-size: 22px; font-weight: bold;}
.textInfo table{ background: #fff; margin-top: 15px;}
.textInfo table tr th{ text-align: center; line-height:48px; color: #fff; font-size: 18px;}
.textInfo table tr td{ text-align: center; font-size: 16px; line-height:40px; color: #444;}
.textInfo ol{ overflow: hidden; margin-top: 15px;}
.textInfo ol li{ float: left; width: 32.75%; margin-right: 0.875%;}
.textInfo ol li img{ width: 100%; height: auto;}

/* 组织架构 */
.singleContent{
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 500px;
}
.singleContent p{
    font-size: 16px;
    line-height: 32px;
    color: #444;
}
.singleContent p img{
    max-width: 100%;
    height: auto;
}
/* 企业文化 */
.spiritBox{
    padding-top: 14px;
    overflow: hidden;
}
.spiritBox .spiritText{
    float: left;
    margin-top: 32px;
    width: 50.4%;
    padding: 40px;
    background: #f2f5f5;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.spiritText h2{
    font-size: 18px;
    line-height:30px;
    color: #1d8c37;
    padding: 14px 0 6px;
    font-weight:bold;
}
.spiritText p{
    font-size: 16px;
    line-height: 26px;
    color: #222;
}
.spiritBox .spiritImg{
    float: right;
    width: 49.6%;
    padding-right: 20px;
    padding-bottom: 26px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: url(../images/spritBg.png) no-repeat right bottom;
    background-size: 83.9% auto;
}
.spiritImg img{
    width:100%;
    height:auto;
}

/*蜂窝*/
.fw{ width: 100%;background: #eef6f9; padding-top: 80px; padding-bottom:50px;}
.fw h1{text-align: center; margin-bottom:65px; font-size: 34px; color: #444; font-weight: bold;}
.zl .zl-list{ float: left;width:48%; margin-right: 4%; margin-bottom:70px; padding-left:25px; position: relative;}

.zl-list h2{position:absolute; left:0;top:-24px;width: 140px; height:48px; background: #0075b9; color: #fff; line-height:48px; text-align: center; font-size: 24px; font-weight: bold;}
.zl-list dl{ border: 1px solid #e7e7e7; overflow: hidden;  padding: 40px 25px 26px; }
.zl-list dl dd{line-height: 42px;padding-left: 22px;padding-right: 20px; background: url(../images/dots-g.png) no-repeat left 17px; }
.zl-list dl dd a{ display: block;}

.zl-list dl dd:hover a{ color: #1d8c37; font-weight: 600;}
.zl-list.index0{ width: 100%;}
.zl-list.index0 dd{
    float: left; width: 25%;
}
.zl-list.index1 dl{ height: 194px;}
.zl-list.index2{ margin-right: 0;}
.zl-list.index4{ margin-right: 0;}
.zl-list.index4 dl{ height: 320px;}

.zlbox{ height: 800px;}
.zlbox dl{ position: relative; }
/*.zlbox dl dd{background:url(../images/g100.png) no-repeat;position:absolute;}*/
/*.zlbox dl dd .text{width:150px;height:130px; margin: 0 auto;}*/
/*.zlbox dl .index10{background:url(../images/g10.png) no-repeat;}*/
/*.zlbox dl .index20{background:url(../images/g20.png) no-repeat;}*/
/*.zlbox dl .index30{background:url(../images/g30.png) no-repeat;}*/
/*.zlbox dl .index40{background:url(../images/g40.png) no-repeat;}*/
/*.zlbox dl .index50{background:url(../images/g50.png) no-repeat;}*/
/*.zlbox dl .index60{background:url(../images/g60.png) no-repeat;}*/
/*.zlbox dl .index70{background:url(../images/g70.png) no-repeat;}*/
/*.zlbox dl .index80{background:url(../images/g80.png) no-repeat;}*/
/*.zlbox dl .index90{background:url(../images/g90.png) no-repeat;}*/
/*.zlbox dl .index100{background:url(../images/g100.png) no-repeat;}*/
/*.zlbox dl .index110{background:url(../images/g110.png) no-repeat;}*/
/*.zlbox dl .current{background:url(../images/gcurrent.png) no-repeat;width: 213px;  height: 185px;text-align:center;z-index:10;}*/
/*.zlbox dl dd .text img {*/
    /*display: inline-block;*/
    /*margin: 0px auto;*/
/*}*/
/*.zlbox dl .current img {*/
    /*padding-top: 25px;*/
    /*margin: 0 auto;*/
/*}*/


/* 资质荣誉内容 */
.honorContent{
    padding-top: 40px;
    padding-bottom: 60px;
}
.honorContent h1{
    font-size: 20px;
    color: #000;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}
.honorContent img{
    max-width: 50%;
    height: auto;
}

/*主营业务*/
.location{ width:27%; background:url(../images/location.png) no-repeat left center; padding-left: 15px; line-height:55px;}
.location a{ font-size:14px; color: #666666;}
.location a.current{color: #1d8c37;}
.menu{ width: 73%; text-align: right;}
.menu a{ display: inline-block; margin-left: 5px; line-height: 55px; padding-left: 5px; padding-right: 5px; border-bottom:4px solid #fff;}
.menu a:hover{ border-bottom: 4px solid #2a933e; color: #2a933e;}
.menu a.current{ border-bottom: 4px solid #2a933e; color: #2a933e;}

.ywimg{ width: 100%; background: #f7f7f5; padding-top:75px; padding-bottom:75px;}
.ywimg img{vertical-align: bottom;}
.ywimg img.img-l{width: 59.9%; height: auto;}
.ywimg img.img-r{width: 39.5%; height: auto;}

.ywbox{ padding-top:64px; padding-bottom: 88px; background: url(../images/gfBg.jpg) no-repeat; background-size: cover;}
.ywbox h1{ text-align: center; margin-bottom: 30px; color: #fff; font-size:28px; font-weight: bold;}
.ywbox .ywbrief{ text-align: center; font-size:16px; color: #fff; line-height:28px;}
.ywbrief p span{ font-size: 18px; font-weight: bold;}
.ywbox dl{ width: 76%; margin: auto; margin-top:55px;}
.ywbox dl dd{ width:25.2%; float: left; margin-right:12.2%;}
.ywbox dl dd img{width: 100%; height: auto;}

.ywfw{ background: #303338;}
.ywfw tr td img{ max-width: 100%; height: auto;}

.leftbox{ width: 50%; float: left; background: #1c8c37; padding-top:80px;}
.leftbox .zy-left{ width:78%; float: right; text-align: right; color: #fff; padding-bottom: 108px; padding-right: 50px;}
.zy-left h2{ font-size: 24px; font-weight: bold; margin-bottom: 17px;}
.zy-left p{ font-size: 16px; line-height: 28px;}
.zy-left p span{ font-weight: bold;}
.zy-text{min-height: 280px;}
.zy-left ul{ overflow: hidden;}
.zy-left ul li{ float: right; width: 30%; margin-right: 5%;}
.zy-left ul li img{ width: 100%;}

.rightbox{ width: 50%; float: right; background: #0075b9; padding-bottom: 108px; padding-top:80px;}
.rightbox .zy-right{ width:78%; float: left;color: #fff;  padding-left: 50px;}
.zy-right h2{ font-size: 24px; font-weight: bold; margin-bottom: 17px;}
.zy-right p{ font-size: 16px; line-height: 28px;}
.zy-right p span{ font-weight: bold;}
.zy-right ul{ overflow: hidden;}
.zy-right ul li{ float: left; width: 30%; margin-right: 5%;}
.zy-right ul li img{ width: 100%;}



/*新闻资讯*/
.graybox{ background: #f5f5f5; border-top: 1px solid #f5f5f5;}
.newspic{ padding:65px 0 50px;}
.newspic .datetime{ height: 44px; padding-left: 16px; margin-bottom: 22px;}
.datetime a{ display: inline-block; line-height: 44px; font-size:30px; margin-right: 24px; color: #999; font-family: "Futura Md BT";}
.datetime a:hover{ font-size:35px; color: #2a933e;}
.datetime a.current{ font-size:35px; color: #2a933e;}

#pbl{position:relative;}
.grid{/*min-height:100px;*/border:1px solid #e1e1e1;font-size:12px;float:left;
    -webkit-transition:top 1s ease, left 1s ease;
    -moz-transition:top 1s ease, left 1s ease;
    -o-transition:top 1s ease, left 1s ease;
    -ms-transition:top 1s ease, left 1s ease;
}
.grid a{ display:block; background:#fff;}
.grid .imgholder{ position:relative; overflow:hidden;}
.grid .imgholder div{position:absolute; width:100%; height:100%; top:0; left:0; z-index:1; transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;}
.grid .imgholder img{width:100%; height:auto;background:#ccc;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
}
.grid .titlebox{ padding:15px 20px; overflow:hidden;}
.titlebox h2{ float: left; font-size:16px; color:#444; line-height:20px;}
.titlebox p{ float:left; font-size:14px; color:#d7d7d7; font-family:"Futura Md BT";}
.titlebox span{ float:right;font-size:16px; color:#444;}
.grid:hover h2{ color:#2a933e;}
.grid:hover p{ color:#2a933e;}
.grid:hover span{ color:#2a933e; font-weight:bold;}
.grid:hover .imgholder div{ background:rgba(0,0,0,0.3); transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;}
.grid:hover .imgholder img{
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -ms-transform:scale(1.05);
    -o-transform:scale(1.05);
}

/*信息公示*/
.news{ background: #fff; padding:45px 65px 80px;}
.list li{ overflow: hidden; border-bottom: 1px dashed #b6b6b6; line-height: 62px;}
.list li a{line-height: 52px;background: url(../images/dots-g.png) no-repeat 4px 23px; padding-left: 22px;}
.list li span{ color: #444; font-size:16px; text-align: right;}
.list li:hover a{ color: #2a933e;}

.pages{ text-align: center; margin-top: 50px;}
.pages a{ display: inline-block; margin-left: 4px; margin-right: 4px; font-size: 16px; padding: 4px 15px; background: #dfdfdf;}
.pages b{ display: inline-block; margin-left: 4px; margin-right: 4px; font-size: 16px; padding: 4px 15px; color: #fff; background: #2a933e;}
.pages a:hover{color: #fff; background: #2a933e;}

/*新闻内容页*/
.content{ background: #fff; padding: 50px 60px; }
.content .top{ overflow: hidden; border-bottom:1px solid #e8e8e8; padding-bottom:13px;}
.top .topleft{
    /*float: left;*/
    text-align: center;
}
.top h1{ font-size: 24px; color: #444; margin-bottom:8px;}
.top span{ font-size: 14px; color: #666; margin-right: 15px;}
.top a{ display: none; float: right; width:33px; height:33px; background: url(../images/back.png) no-repeat;}
.top a:hover{ background: url(../images/back-r.png) no-repeat;}
.content .newstext{ padding-top: 30px; padding-bottom: 40px; font-size:16px; color: #444; line-height: 32px;}
.newstext img{ max-width: 100%; height: auto;}

.nextpage{ border-top: 1px solid #e5e5e5; padding-top: 30px;}
.nextpage p{ font-size: 16px; line-height: 32px;}
.nextpage p a{ color: #444; font-size: 16px;}
.nextpage p:hover a{ color: #2a933e;}

.banner-dj{ position: absolute; top: 0; left:0;}
.djHeader .logo{ margin-top:17px;}
.djHeader .navbox ul{ margin-top: 24px;}
.djHeader .navbox li{height:auto; margin-right:1px;border:1px solid rgba(211,1,36,0); line-height: 32px;}
/*.djHeader .navbox li a{color: #444;}*/
.djHeader .navbox li:hover{border:1px solid rgba(211,1,36,1); border-radius: 50px; background: #d30124;}
.djHeader .navbox li.current{ border:1px solid rgba(211,1,36,1); border-radius: 50px; background: #d30124;}
.djHeader .navbox li:hover a{ color: #fff;}
.djHeader .navbox li.current a{ color: #fff;}
.djHeader .searchbox,.djHeader form,.djHeader .searchbox form input.button{height: 81px;}
.djHeader .searchbox img,.djHeader .navbox .solid{ margin-top: 34px;}
.djHeader .searchbox form input.text{ line-height: 81px; height: 81px;}
.djHeader form input.button{ background: #d30124;}

.banner-dj{ width: 100%; height:442px; overflow: hidden; position: absolute; top: 0; left: 0;}
.banner-dj p{ position: absolute; left: 50%; margin-left: -800px;}

/*党建之窗*/
.djnav{ margin-top: 361px; text-align: center; background: #d30124; height: 55px; line-height: 55px;}
.djnav .djtab a{ font-weight: 600; margin-left: -5px; margin-right: 1px; font-size:24px; font-family: "创艺简老宋"; color: #fff; padding-left: 50px; padding-right: 50px; display: inline-block; background: url(../images/solid-dj.jpg) no-repeat right center;}
.djtab a.addclass{ background: none;}
.djtab a:hover{ background: #bf0221;}
.djtab a.current{ background: #bf0221;}

.djmain{ padding-top: 45px; padding-bottom: 65px; background: url(../images/djBg.jpg) no-repeat; background-size: cover;}
.djmain .mainContent{ background: #fff; padding:25px 22px;}
.mainContent .groupInfo{ overflow: hidden;}
.groupInfo .group-l{ float: left; width: 44.2%;}
.group-l img{ width: 100%; height: auto;}
.groupInfo .group-r{ float: right; width:53.8%; padding-right:20px;}
.group-r h1{ float: left; margin-top: 15px; margin-bottom: 23px; font-size:28px; color: #444;}
.group-r h1 a{ color:#444;}
.group-r a.groupMore{ float: right; color: #999; margin-top: 4px;}
.group-r .groupBrief{ clear: both; font-size: 16px; line-height: 28px;}

.djbrand{ padding-top: 56px;}
.djbrand h1{ margin-bottom: 40px; text-align: center; font-size:34px; color: #444;}
.djbrand .brandbox{ overflow: hidden; border: 1px solid #d30124; padding: 37px 70px 40px;}
.brandbox .logodj{ text-align: center; float: left; width: 14.2%;}
.logodj img{ width: 100%; height: auto; }
.brandbox .brandInfo{ float: right; width: 79%; font-size: 16px; line-height: 28px; color: #444; padding:10px 0 26px 73px; border-left:3px solid #e6e8e9;}

.djzx{ padding-top: 44px;}
.djzx h1{ float: left; margin-bottom: 27px; font-size:34px; color: #444444;}
.djzx .djMore{ float: right; margin-top: 4px; color: #666; font-size: 16px;}
.djzx .djMore:hover{ color: #d30124;}
.djzx .djnewsbox{ overflow: hidden; clear: both;}
.djnewsbox .djnewspicbox{ float: left; width:34.6%;}
.djnewspicbox a{ display: block;}
.djnewspicbox .djImgbox{ overflow: hidden; position: relative;}
.djImgbox img{width: 100%; height: auto;
    transform:scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform:scale(1);
    -moz-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
}
.djImgbox .djtime{ position: absolute; left: 0; bottom: 0; width:74px; color: #fff; text-align: center; height:74px; background: url(../images/redBg.png) repeat;}
.djtime h3{ font-size: 40px; font-family: "arial"; margin-top:8px;}
.djtime span{ display:block; font-size:14px; font-family: "arial"; margin-top: -7px;}
.djnewspicbox h2{ font-size:20px; color: #000; margin-top: 11px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.djnewspicbox p{ font-size:16px; color: #000; line-height:22px;}
.djnewspicbox:hover img{
    transform:scale(1.25);
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform:scale(1.25);
    -moz-transform: scale(1.25);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
}
.djnewspicbox:hover h2{ color: #d30124;}

.djnewsbox ul.djnewslist{ float: right; width:61.5%;}
.djnewslist li{ overflow: hidden; padding-bottom:16px; margin-bottom:10px; border-bottom: 1px solid #dfdfdf;}
.djnewslist li .date{ float: left; width: 10.2%;}
.date h3{ font-size:62px; color: #0361af; font-weight: bold; font-family: "arial"; }
.date span{ display: block; margin-top: -5px; font-family: "arial"; color: #0361af; font-size:16px;}
.djnewslist li .dj-r{ float: right; width:88%; margin-top: 2px;}
.dj-r h2{ font-size:20px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px;}
.dj-r p{ font-size:16px; color: #444; line-height:28px;}
.djnewslist li:hover h2{ color: #0361af;}
.djnewslist li:hover p{ color: #0361af;}


/*党建资讯列表*/
.djnews{ background: #fff; padding: 40px 45px; margin-top: 20px;}
.djnews h1{ text-align: center; font-size:34px; color: #0361af;}
/*.djnews .list{ background: #fff; padding:25px 45px 0;}*/
/*.djnews .list li a{background: url(../images/dots-red.png) no-repeat 4px 23px;}*/
/*.djnews .list li:hover a{ color: #d30124;}*/

.djnews ul.djlist{}
.djnews li{ overflow: hidden; padding-bottom:25px; margin-bottom:25px; border-bottom: 1px solid #dfdfdf;}
.djnews li .date{  float: left; width: 10%; padding: 12px 0 15px; text-align: center; background: #f2f2f2;}
.djnews li .dj-r{ float: right; width:88%; margin-top: 8px;}
.djnews li:hover h2{ color: #0361af;}

.djmain .pages b{  background: #d30124;}
.djmain .pages a:hover{background: #d30124;}

/*党建资讯内容*/
.djmain .top a:hover{ background: url(../images/back-rr.png) no-repeat;}
.djmain .nextpage p:hover a{ color: #d30124;}

/*业务咨询*/
.ywzxbox{ border-top: 1px solid #eff1f0; overflow: hidden; padding-top: 50px; padding-bottom: 60px;}
.ywzxbox #map{ float: left; width:61%; height:390px;}
.ywzxbox .ywzx-r{ float: right; width:36.4%;}
.ywzx-r span{ font-size: 16px; color: #000;}
.ywzx-r h1{ margin-top:9px; margin-bottom:25px; height: 55px; line-height: 55px; padding-left: 30px; font-size:27px; font-family: "Century Gothic"; font-weight: bold; color: #fff; background: url(../images/callBg.png) no-repeat; background-size: 100% 100%;}
.ywzx-r h2{ font-size: 20px; margin-bottom: 12px; color: #40b260; font-weight: bold;}
.ywzx-r p{ font-size:16px; color: #444; line-height:28px;}
.ywzx-r p a:hover{ color: #1c8c37;}
/*系统申请指南*/
.guide{ background: #f4f7f7; padding-top:65px; padding-bottom:75px;}
.guide ul li{ width:48%; max-height: 334px; float: left; padding:48px 26px 80px; background: #fff;margin-right:4%; }
.guide ul li h2{ font-size:18px; margin-bottom: 18px; color: #444; font-weight: bold;}
.guide ul li p{ color: #444; line-height: 28px; font-size:16px;}
.guide ul li span{ font-weight: bold;}
.guide ul li a{ display: inline-block; padding-left: 35px; padding-right: 35px; line-height: 42px; font-size:16px; background: #1974ba; margin-top:18px; border-radius:5px; color: #fff;}
.guide ul li a:hover{ background: #1c8c37;}
/*规范包装要求*/
.pakage{ padding-top: 48px; padding-bottom: 68px;}
.pakage h1{ text-align: center; margin-bottom: 25px; font-size:28px; color: #444;}
.pakage p{ font-size: 16px; color: #444;line-height: 28px;}
.pakage .pakagebox{ overflow: hidden; margin-top: 30px;}
.pakagebox .pakage-l{ float: left; width:33.75%;}
.pakage-l img{ width: 100%; height: auto;}
.pakagebox .pakage-r{ float: right; width:65.4%; background: #f4f7f7; padding:26px 34px;}
.pakage-r h2{ font-size:18px; margin-bottom: 4px; font-weight: bold; color: #1c8c37;}

.gfbox{ padding-top: 34px;}

.pakage h3{/* border-bottom: 1px solid #d9d9d9; */margin-bottom: 35px;text-align: center;font-size:24px; color: #1974ba;}
.gfbox h3{/* border-bottom: 1px solid #d9d9d9; */margin-bottom: 24px; margin-top:32px;text-align: center;font-size:24px; color: #1974ba;}
.gfbox h3 span{ font-size: 1.4rem;}
.pakage h3 span{ font-size: 1.4rem;}
.gflist{}
.gflist h4{ line-height:40px;background:url(../images/xh.png) no-repeat left 6px; padding-left:40px;font-size:20px; margin-bottom:15px; color: #284089;}
.gflist h4 span{ font-size:16px;}
.gflist table{background: #fff; margin-bottom:30px;}
.gflist table tr th{ line-height:46px; font-weight: normal; text-align: center; font-size:20px; color: #fff;}
.gflist table tr td{ padding:12px; line-height:28px; background: #f8f8f8; font-size:16px; color: #444;}
.gflist table tr td img{ max-width: 100%; height: auto;}

/*车辆预约流程*/
.step{ text-align: center; background: #f4f7f7; padding-top: 50px; padding-bottom: 68px;}
.step h1{ font-size: 28px; color: #444; margin-bottom:35px;}

/*搜索*/
.searchMain{ padding:30px 50px 80px; overflow: hidden; background: #fff; margin-top: 30px;}
.searchMain .searchtop{ border-bottom:2px solid #2a933e;font-size:24px; color:#2a933e;padding-bottom: 20px;}
.searchMain .search-list{ padding-top: 20px; padding-bottom: 50px;}
.search-list li{overflow: hidden; line-height:42px; border-bottom: 1px dashed #dfdfdf;}
.search-list li a{ font-size:16px; color: #444;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-list li span{ text-align: right; color: #b1b1b1; font-size:16px;}
.search-list li:hover a{ color: #2a933e;}
.search-list li:hover span{ color: #2a933e;}

.about-r .swiper-pagination{
    opacity: 0;
}