*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
    color: #333;
}
body{
	font-family: "微软雅黑";
}

ul,li{
    list-style: none;
}

img{
    max-width: 100%;
}

.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.c_0002{
	background:#b8b8b8;
	line-height:35px;
	padding-left:20px;
	margin-bottom:20px;	
	margin-top:10px;
	color:#fff;
}
.list_0001_s td{
	padding-left:10px;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*缓存*/
/*.myPhone{
    position: absolute;
    top: 108px;
    width: 301px;
    overflow: hidden;
    transform: translate(0,0);
    display: none;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
    transform: translate(0,10px);
    right: 0;
    z-index: 10;
}

.tel-bar {
    display: inline-block;
    background: #008DD5;
    color: #fff;
    padding: 2em 4em;
    text-align: center;
}

.tel-bar img {
    width: 4em;
    margin-bottom: 1em;
}

.tel-bar .tel-link {
    font-size: 2em;
    display: block;
    color: #fff!important;
}
.tel-bar p {
    display: inline-block;
    font-size: 0.9em;
    padding: 0.5em;
    line-height: 1;
    margin: auto;
    /* background-color: #34B7FB; */
/*}*/
.load_box {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
}

.load_box .loader_loader {
    width: 100%;
    height: 100%;
    max-width: 100%;
}
.loader_loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
}
@-webkit-keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes line-scale-party {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }

  50% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

.line-scale-party > div:nth-child(1) {
  -webkit-animation-delay: 0.77s;
          animation-delay: 0.77s;
  -webkit-animation-duration: 1.26s;
          animation-duration: 1.26s; }
.line-scale-party > div:nth-child(2) {
  -webkit-animation-delay: 0.29s;
          animation-delay: 0.29s;
  -webkit-animation-duration: 0.43s;
          animation-duration: 0.43s; }
.line-scale-party > div:nth-child(3) {
  -webkit-animation-delay: 0.28s;
          animation-delay: 0.28s;
  -webkit-animation-duration: 1.01s;
          animation-duration: 1.01s; }
.line-scale-party > div:nth-child(4) {
  -webkit-animation-delay: 0.74s;
          animation-delay: 0.74s;
  -webkit-animation-duration: 0.73s;
          animation-duration: 0.73s; }
.line-scale-party > div {
  background-color: #7aba1e;
  width: 4px;
  height: 35px;
  border-radius: 2px;
  margin: 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation-name: line-scale-party;
          animation-name: line-scale-party;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-delay: 0;
          animation-delay: 0; }


/*end*/


/*头部*/
/*.headers{
    width: 100%;
    background: #fff;
    position: relative;
    top: 0;
    left: 0;
    z-index: 12;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}

.headers>div{
    max-width: 1310px;
    margin: auto;
    height: 129px;
}*/
.listheader{
    width: 100%;
    z-index: 100;
    height: 114px;
}

.listheader>div{
    max-width: 1520px;
    margin: auto;
    padding: 0 10px;
    position: relative; 
}

.listheaderLeft{
    float: left;
    height: 114px;
    line-height: 114px;
    width: 31%;
}

.listheaderphone{
    position: absolute;
    right: 0;
    top: 22px;
}
.listheaderphone a{

}
.listheaderphone>img{

}
.listheaderphone span{
    font-size: 18px;
    font-weight: 700;
    color: #2f8d35;
    position: relative;
    top: 2px;
    margin-left: 8px;
}



.listheaderform{
    position: absolute;
    right: 276px;
    top: 22px;
    overflow: hidden;
}
.listheaderform input{
    width: 230px;
    height: 33px;
    border: 1px solid #dfdfdf;
    padding-left: 15px;
    outline: none;
    float: left;
    border-radius: 6px 0 0 6px;
}
.listheaderform button{
    width: 37px;
    height: 33px;
    background: url(../img/images/1_03.jpg)center 0 no-repeat;
    overflow: hidden;
    border: 0;
    outline: none;
    float: left;
}





.listheaderRight{
	    float: right;
    margin-top: 7.5rem;
    position: relative;
    z-index: 10;
}





.nas{
    display: flex;
    margin: 0;
}

.nas>li{
    position: relative;
    padding-left: 6rem;
    height: 39px;
}
.nas>li>a{
    display: block;
    font-size: 16px;
    overflow: hidden;
    color: #464646;
    width: 100%;
    text-align: center;
    position: relative;
}
.navs{
    transition: 0.3s linear;
}
/*.nas span{
    color: #ce9d59;
    display: block;
}*/
.nas>li:hover>a .navs{
    color: #2f8d35;
}

.topnav{
    display: none;
}




/**/
.clear {
    clear: both;
}

header .nav-btn {
    width: 45px;
    height: 34px;
    margin-top: 7px;
    position: relative;
}
.fl {
    float: left;
    display: inline;
}

header .nav-btn span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background: #068585;
    position: absolute;
    left: 0;
    top: 12px;
    transition: left 0.3s,top 0.3s;
}
header .nav-btn span.line1, header .nav-btn span.line3, header .nav-btn span.line3 {
    left: 15px;
}
header .nav-btn span.line2 {
    left: 30px;
    background: #e8921f;
}

header .logo {
    margin: 0 auto;
    width: 96px;
    display: block;
    padding-top: 1rem;
}
header .logo img {
    width: 100%;
}

header .nav-btn.hover span.line2{
    left: 12px;
}
header .nav-btn.hover span.line0{
    top: 0;
}
header .nav-btn.hover span.line1{
    top: 0;
    left: 24px;
}
header .nav-btn.hover span.line3{
    top: 24px;
    left: 0;
}
header .nav-btn.hover span.line4{
    top:24px;
    left:24px;
}

.headerphone{
    line-height: 100%;
    font-size: 18px;
    color: #2759a3;
    margin-left: 2rem;
    margin-top: 4.5rem;
}
.headerphone img{
    margin-left: 2.5rem;
    margin-right: 1rem;
}
.clear{
    clear: both;
}
.fr {
    float: right;
    display: inline;
}


.headers a.menu {
    display: block;
    width: 22px;
    float: left;
    z-index: 1;
    margin-top: 4.5rem;
}


.headers a.menu span:first-child {
    margin-top: 0;
}

.headers a.menu span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #3f6db3;
    margin-top: 5px;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

.headers a.menu span:last-child {
    width: 12px;
}

.headers a.menu:hover span:nth-child(1) {
    width: 11px;
}
.headers a.menu:hover span:nth-child(2) {
    width: 18px;
}

.headers a.menu:hover span:nth-child(3) {
    width: 22px;
}















.search {

}
.search-box {
    width: 28%;
    position: fixed;
    right: 0;
    top: 120px;
    display: none;
    z-index: 10;
    background: #5fb136;
    padding: 18px 2%;
}
.search-box .close {
    float: right;
    width: 35px;
    height: 35px;
    background: url(../image/wel26.png) no-repeat center;
    background-size: 100%;
    margin-top: 2px;
    opacity: 1;
}
.search-box form {
    width: 76%;
    height: 40px;
    line-height: 40px;
    position: relative;
    border: 1px solid rgba(255,255,255,.2);
}
.search-box form .text {
    font-size: 12px;
    color: #fff;
    border: none;
    background: none;
    padding: 0 28px 0 18px;
    width: 100%;
    height: 40px;
    color: #fff;
    line-height: 40px;
}
.search-box form .submit {
    width: 14px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 14px;
    margin-top: -15px;
    background: url(../image/wel25.png) no-repeat center;
    border: none;
}
.search-box form .text::-webkit-input-placeholder{
    color: #fff;
}
.search-box form .text:-moz-placeholder{
    color: #fff;
}
.search-box form .text::-moz-placeholder{
    color: #fff;
}
.search-box form .text:-ms-input-placeholder{
    color: #fff;
}
/*.clickPhone:hover .myPhone{
    opacity: 1;
    transition: transform 500ms, opacity 500ms 100ms, left 0s 0s;
}*/
.nas>li .more{
    position: absolute;
    border-radius: 0 0 5px 5px;
    background: #fff;
    top: 39px;
    box-shadow: 0 2px 3px #454545;
    width: 450px;
    left: 50%;
    margin-left: -196px;
    display: none;
    padding: 20px 25px;
    overflow: hidden;
    z-index: 10;
}
.nas>li .more a{
    display: block;
    float: left;
    width: 50%;
    text-align: center;
    padding: 10px;
}
.nas>li .more a div{

}
.nas>li .more a div img{

}
.nas>li .more a span{
    color: #464646;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}

.nas>li .more a:hover{
    color: #5fb136;
}

.nas>li .myiimore{
    position: absolute;
    border-radius: 0 0 5px 5px;
    background: #fff;
    top: 39px;
    box-shadow: 0 2px 3px #454545;
    width: 450px;
    left: 50%;
    margin-left: -196px;
    display: none;
    padding: 20px 25px;
    overflow: hidden;
    z-index: 10;
}

.nas>li .myiimore .topnavleft{
    width: 158px;
    border-right: 1px solid #ccc;
    min-height: 180px;
    float:left;

}
.nas>li .myiimore .topnavleft a{
    display: block;
    overflow: hidden;
    color: #333;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
}
.nas>li .myiimore .topnavleft a img{
    margin-right: 10px;
}
.nas>li .myiimore .topnavRight{
    float: right;
    width: 200px;
}
.nas>li .myiimore .topnavRight img{
    
}

#map{
	width:100%;
	height:400px;
}



.banner{
    width: 100%;
}
.banner img{
    width: 100%;
}

.banner .bannerswiperpagination span.swiper-pagination-bullet-active{
    background: #2f8d35;
}

.banner video {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: fill;
}


.xingindex_a{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    overflow: hidden;
}

.xingindex_a a{
		transition:1s ease all;
    display: block;
    width: 25%;
    overflow: hidden;
    text-align: center;
    background: #f2f2f2;
    padding-top: 87px;
    padding-bottom: 87px;
    text-decoration: none;
}
.xingindex_a a div{
    height:90px;
    overflow: hidden;
    line-height: 90px;
	
}
.xingindex_a a div img{
	transition:1s ease all;
}
.xingindex_a a:hover div img{
	transform:rotate(360deg)
    
}
.xingindex_a a span{
    font-size: 22px;
    color: #1f1f1f;
}
.xingindex_a a p{
    color: #464646;
    font-size: 16px;
    margin: 0;
    margin-top: 5px;
}

.xingindex_a a:nth-child(2n){
    background: #f8f8f8;
}




.xingindex_b{
    max-width: 1520px;
    margin:75px auto;
    padding: 0 10px;
    position: relative; 
    overflow: hidden;
}

.xingindex_bLeft{
    float: left;
    width: 42%;
    overflow: hidden;
}

.xingindex_bLeft label{
    font-size: 20px;
    margin-top: 20px;
}
/* .xingindex_bLeft span{
    width: 81px;
    height: 3px;
    display: block;
    background: #67b541;
} */
.xingindex_bLeft div{
    color: #666666;
    line-height: 32px;
    margin: 45px 0;
    margin-bottom: 60px;
}
.xingindex_bLeft a{
    display: block;
    width: 162px;
    height: 36px;
    background: #5fb136;
    color: #fff;
    text-align: center;
    position: relative;
    line-height: 36px;
    font-size: 16px;
}
.xingindex_bLeft a img{
    position: absolute;
    right: -22px;
    top: 10px;
}


.xingindex_bRight{
    float: right;
    background: url(../img/8.png)center 0 no-repeat;
    height: 506px;
    width: 47%;
    background-size: cover;
}

.xingindex_bRightTop{
    text-align: center;
    color: #fff;
    margin-top: 36px;
    margin-bottom: 44px;
    overflow: hidden;
}
.xingindex_bRightTop label{
    display: block;
    font-size: 24px;
}
.xingindex_bRightTop div{
    width: 34px;
    height: 3px;
    background: #f1f1f1;
    margin: auto;
}


.xingindex_bRights{
    position: relative;
    overflow: hidden;
}

.xingindex_bRights .xingindex_bRightsswiper{
    width: 80%;
    padding: 44px 0;
}

.xingindex_bRights .xingindex_bRightsswiper a{
    display: block;
    width: 100%;
}
.xingindex_bRights .xingindex_bRightsswiper a img{
    width: 100%;
}
/*.xingindex_bRights .xingindex_bRightsswiper .swiper-slide.swiper-slide-next{
    z-index: 100;
}*/
.xingindex_bRights .xingindex_bRightsswiper .swiper-slide.swiper-slide-next{
    transform: scale(1.3);
    z-index: 100;
    transition: all 0.5s;
}
.xingindex_bRights .xingindex_bRightsnext{
    width: 47px;
    height: 47px;
    background: url(../img/10.png)center 0 no-repeat;
    margin-top: -23.5px;
    overflow: hidden;
}
.xingindex_bRights .xingindex_bRightsprev{
    width: 47px;
    height: 47px;
    background: url(../img/11.png)center 0 no-repeat;
    margin-top: -23.5px;
    overflow: hidden;    
}





.xingindex_c{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
}

.allTop{
    text-align: center;
    overflow: hidden;
    margin-top: 61px;
    margin-bottom: 56px;
}
.allTop div{
    font-size: 87px;
    color: #e1e0e0;
    text-transform: uppercase;
    line-height: 100%;
}
.allTop span{
    display: block;
    font-size: 32px;
    font-weight: 700;
    position: relative;
    margin-top: -57px;
    margin-bottom: 13px;
}
.allTop i{
    width: 75px;
    height: 2px;
    background: #71b02b;
    margin: auto;
    display: block;
}




.alldao{
    max-width: 1520px;
    margin:0 auto;
    padding: 0 10px;
    position: relative; 
    overflow: hidden;
    margin-bottom: 40px;    
}
.alldao div{
    height: 47px;
    border-bottom: 1px solid #cbcbcb;
    overflow: hidden;
}
.alldao img{

}
.alldao span{
    font-size: 24px;
    color: #464646;
    margin-left: 12px;
    position: relative;
    top: 4px;
}
.alldao a{
    color: #414141;
    float: right;
    line-height: 47px;
}


.xingindex_d{
    max-width: 1520px;
    margin:0 auto;
    padding: 0 10px;
    position: relative; 
}

.jieindex_b{ width:100%; margin-bottom:99px;overflow: hidden;}
.jieindex_b li{transition: all 0.8s;  width:7.07%; float:left; border-left:solid 1px white; position:relative; height:569px; overflow:hidden;background: rgba(0,0,0,0.6); cursor:pointer;}
.jieindex_b li .img{width: 1000px;
    height: 569px;
    position: absolute;
    max-width: none;
    opacity: 0.3;
    margin: auto;
    display: block;
    top: 0;
    margin-left: -500px;
    left: 50%;}
.jieindex_b li .title{     width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    padding: 0px 35% 0 35%;
    font-size: 22px;
    color: #fff;
    line-height: 30px;}
.jieindex_b li .title img{vertical-align: top;
    display: block;
    margin: auto;
    margin-top: 77px;
visibility: hidden;}
.jieindex_b li .title span{ display:block; font-size:28px; line-height:28px; letter-spacing:1px;}
.jieindex_b li.on{    width: 64.6%;}
.jieindex_b li.on .img{ opacity:1;margin-left: 0;top: 0;left:0;width: 100%;}
.jieindex_b li.on .title{ display:none;}
.jieindex_b li .text{    width: 100%;
    position: absolute;
    left: -200%;
    top: 50%;
    background: rgba(255,255,255,0.8);
    height: 428px;
    margin-top: -214px;
    padding: 57px 85px 0 89px;
    text-align: right;}
.jieindex_b li .text .name{
    width: 100%;
    font-size: 24px;
    color: #242424;
    line-height: 38px;
    letter-spacing: 1px;
    font-weight: 700;
}
.jieindex_b li .text .name span{     font-weight: bold;
    font-size: 31px;
    color: #5fb136;
    margin-right: 10px;}
.jieindex_b li .text .p{
    width: 100%;
    margin-top: 12px;
    font-size: 16px;
    color: #242424;
    line-height: 29px;
    letter-spacing: 1px;
    height: 145px;
    overflow: hidden;
}
.jieindex_b li .text .detail{ width:100%; margin-top:24px;}
.jieindex_b li .text .detail a{ display:block; float:right; text-align:center; width:150px; height:40px; line-height:40px; background:#2f8d35; color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; border-radius:30px;}
/*.jieindex_b li .text .detail a:hover{ background:#333;}*/
.jieindex_b li.on .text{ left:0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}




@media screen and (max-width: 1366px) {
.jieindex_b li .text{ width:70%; }
.jieindex_b li .title{ padding:70px 30% 0 30%;}
}
@media screen and (max-width: 1199px) {
.jieindex_b li .text{ width:80%; }
}
@media screen and (max-width: 991px) {
.indexTre{ padding:30px 0 40px 0;}
.jieindex_b{ margin-top:29px;}
.jieindex_b li{ height:400px;}
.jieindex_b li .img{ width:711px; height:400px; margin-left:-355.5px;}
.jieindex_b li .text{ height:340px; margin-top:-170px; padding:37px 36px 0 20px; }
.jieindex_b li .text .name{ padding-bottom:30px; font-size:22px; line-height:32px;}
.jieindex_b li .text .name span{ font-size:28px; margin-right:8px;}
.jieindex_b li .text .p{ margin-top:10px; font-size:14px; line-height:25px; height:auto;}
.jieindex_b li .text .detail{ margin-top:20px;}
.jieindex_b li .text .detail a{ width:130px; height:38px; line-height:38px;}
.jieindex_b li .title{ padding:50px 25% 0 25%; font-size:18px; line-height:25px;}
.jieindex_b li .title img{ width:20px; margin:10px 0 22px 0;}
.jieindex_b li .title span{ font-size:26px; line-height:26px;}
}
@media screen and (max-width: 767px) {
.jieindex_b {
    margin-top: 19px;
    margin-bottom: 36px;
}
.jieindex_b li{ width:100%; height:auto; padding:15px;}
.jieindex_b li .text{ display:block; height:auto; float:left; margin-top:0;padding:20px 26px 10px 10px; width:100%; position:relative; left:auto; top:auto;}
.jieindex_b li.on .text{ left:auto;}
.jieindex_b li.on{ width:100%;}
.jieindex_b li.on .img,.jieindex_b li .img{ opacity:0.8;}
.jieindex_b li .img{ width:100%; height:auto; left:auto; margin-left:0; position:relative; top:auto; float:left;}
.jieindex_b li .title{ display:none; padding:10px 25% 0 25%; font-size:16px; line-height:20px;}
.jieindex_b li .title img{ display:none;}
.jieindex_b li .title span{ font-size:20px; line-height:20px;}
.jieindex_b li .text .name{ padding-bottom:15px; font-size:16px; line-height:26px; background-size:auto 4px;}
.jieindex_b li .text .name span{ font-size:22px; margin-right:4px;}
.jieindex_b li .text .p{ margin-top:6px; font-size:12px; line-height:23px; height:auto;}
.jieindex_b li .text .detail{ margin-top:10px;}
.jieindex_b li .text .detail a{ width:100px; height:30px; line-height:30px; font-size:12px;}
}



.xingindex_e{
    max-width: 1520px;
    margin:0 auto;
    padding: 0 10px;
    position: relative;
    padding-bottom: 112px;     
}

.xingindex_eswiper{
    width: 100%;
}

.xingindex_eswiper a{
    display: block;
    overflow: hidden;
    position: relative;
}
.xingindex_eswiper a>img{
    width: 100%;
    border: 1px solid #e1e1e1;
}
.xingindex_eswiper a .xingindex_etext{
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(47,141,53,0.6);
    left: 0;
    text-align: center;
    opacity: 0;
    transition: all 0.5s;
}
.xingindex_eswiper a .xingindex_etexts{
    display: table;
    width: 100%;
    height: 100%;
}
.xingindex_eswiper a .xingindex_etexts div{
    vertical-align: middle;
    display: table-cell;
}
.xingindex_eswiper a .xingindex_etexts div label{
    font-size: 17px;
    color: #fff;
    display: block;
    margin-bottom: 15px;
}
.xingindex_eswiper a .xingindex_etexts div img{
    
}


.xingindex_eswiper a:hover .xingindex_etext{
    opacity: 1;
}

.xingindex_e .xingindex_eswiperpagination{
    text-align: center;
    width: 100%;
    bottom: 44px;
}
.xingindex_e .xingindex_eswiperpagination span{
    margin: 0 5px;
}
.xingindex_e .xingindex_eswiperpagination span.swiper-pagination-bullet-active{
    background: #2f8d35;
}





.xingindex_f{
    max-width: 1520px;
    margin:0 auto;
    padding: 0 10px;
    position: relative;
    padding-bottom: 112px;     
}

.xingindex_f .swiper-slide a{
    display: block;
    overflow: hidden;
}
.xingindex_f .swiper-slide a div{
    width: 100%;
    overflow: hidden;
}
.xingindex_f .swiper-slide a div img{
    width: 100%;
    transition: all 0.5s; 
}
.xingindex_f .swiper-slide a span{
    display: block;
    line-height: 50px;
    text-align: center;
    background: #eaeaea;
    font-size: 18px;
    color: #575757;
}


.xingindex_f .swiper-pagination{
    text-align: center;
    width: 100%;
    bottom: 44px;
}
.xingindex_f .swiper-pagination span{
    margin: 0 5px;
}
.xingindex_f .swiper-pagination span.swiper-pagination-bullet-active{
    background: #2f8d35;
}




.xingindex_h{
    width: 100%;
    overflow: hidden;
    background: #f3f3f3;
}

.xingindex_hs{
    max-width: 1622px;
    padding: 0 10px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding-bottom: 163px;
}

.xingindex_hs .xingindex_hsswiper{
    max-width: 1500px;
}

.xingindex_hs .xingindex_hsswiper a{
    display: block;
    overflow: hidden;
    background: #fff;
    padding: 27px 20px;
}
.xingindex_hs .xingindex_hsswiper a .xingindex_hsleft{
    float: left;
    width: 29%;
    overflow: hidden;
}
.xingindex_hs .xingindex_hsswiper a .xingindex_hsleft img{
    width: 100%;
    transition: all 0.3s;
}
.xingindex_hs .xingindex_hsswiper a:hover .xingindex_hsleft img{
    transform: scale(1.1);
}
.xingindex_hs .xingindex_hsswiper a .xingindex_hsRight{
    float: right;
    width: 68%;
    overflow: hidden;
}
.xingindex_hs .xingindex_hsswiper a .xingindex_hsRight label{
    font-size: 16px;
    color: #464646;
}
.xingindex_hs .xingindex_hsswiper a .xingindex_hsRight div{
    color: #797979;
    line-height: 30px;
}
.xingindex_hs .xingindex_hsswiper a .xingindex_hsRight p{
    color: #808080;
    margin-top: 10px;
}

.xingindex_hs .swiper-pagination{
    text-align: center;
    width: 100%;
    bottom: 68px;
}
.xingindex_hs .swiper-pagination span{
    margin: 0 5px;
}
.xingindex_hs .swiper-pagination span.swiper-pagination-bullet-active{
    background: #2f8d35;
}


.xingindex_hs .xingindex_hsswipernext{
    background: url(../img/21.png)center 0 no-repeat;
    width: 39px;
    height: 39px;
    overflow: hidden;
    top: 32%;
}
.xingindex_hs .xingindex_hsswiperprev{
    background: url(../img/20.png)center 0 no-repeat;
    width: 39px;
    height: 39px;
    overflow: hidden;
    top: 32%;    
}








.jieindex_c{
    max-width: 1520px;
    padding: 0 10px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    margin-bottom: 60px;
}

.jieindex_c .jieindex_cswiper{
    width: 100%;
}

.jieindex_c .jieindex_cswiper a{
    display: block;
    overflow: hidden;
    border: 1px solid #efefef;
}

.jieindex_c .jieindex_cswiper a img{
    transition: all 0.3s;
    width: 100%;
}

.jieindex_c .jieindex_cswiper a:hover img{
    transform: scale(1.1);
}




























.bottom{
    width: 100%;
    background: #1c1d21;
    overflow: hidden;
}


.bottoms{
    max-width: 1644px;
    padding: 60px 10px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}


.bottomsLeft{
    float: left;
    min-height: 233px;
    border-right: 1px solid #313133;
    width: 47%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.bottomsLeft div{
    width: 24%;
    overflow: hidden;
}
.bottomsLeft div a:nth-child(1){
    font-size: 16px;
    color: #fff;
}
.bottomsLeft div a{
    display: block;
    color: #8f8f8f;
    margin-bottom: 13px;
}



.bottomsCenter{
float: left;
    color: #c2c2c2;
    width: 31%;
    min-height: 233px;
    border-right: 1px solid #313133;
    padding-left: 7%;
    overflow: hidden;
}

.bottomsCenter p{
background: url(../img/images/5_03.jpg)left 0 no-repeat;
    min-height: 193px;
    padding-left: 34px;
    line-height: 41px;
    margin: 0;
    margin-bottom: 14px;
}   
.bottomsCenter div{

}
.bottomsCenter div span{

}
.bottomsCenter div a{
    margin-right: 7px;
}
.bottomsCenter div a img{

}



.bottomsRight{
    float: right;
    width: 22%;
    text-align: right;
}
.bottomsRight div{
    display: inline-block;
    text-align: center;
    color: #797979;
    margin-left: 5%;
}
.bottomsRight div img{

}
.bottomsRight div span{
    display: block;
    margin-top: 12px;
}



.allbottom{
    border-top: 1px solid #313133;
    text-align: center;
    line-height:70px;
    color: #707070; 
}

.allbottom a{
    color: #707070;
}





































/**/
.topnav{ width:100%; float:left; height:88px; border-bottom:solid 1px rgba(255,255,255,0.2);}
.topnav .logo{     float: left;
    width: auto;
    margin-top: 2rem;}
.topnav .logo img{ width:62%; float: left;}
.pz_top.on_1 .topnav{ height:70px;}
.pz_top.on_1 .topnav .logo{ margin-top:18px; width:auto;}
.pz_top.on_1 .topnav .menu,.pz_top.on_1 .topnav .menu ul .nli,.pz_top.on_1 .topnav .search_i{ height:70px;}
.pz_top.on_1 .topnav .menu ul .nli span > a{ height:70px; line-height:70px;}
.pz_top.on_1 .topnav .lang,.pz_top.on_1 .topnav .search_i .search_ico{ margin-top:16px;}
.topnav .topnav_right{ float:right;}
.topnav .lang{ float:right; width:38px; height:38px; margin-top:25px; margin-left:13px; overflow:hidden; border:solid 1px #b0b0b0; text-align:center;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.topnav .lang a{ display:block; width:38px; height:38px; font-size:14px; color:black; text-transform:uppercase; line-height:36px;font-family:Arial;}
.topnav .lang:hover,.topnav .search_i .search_ico:hover{ border-color:black;}
.topnav .lang.on .a1{ margin-top:-38px;}
.topnav .search_i{ float:right; margin-left:46px; height:88px; position:relative; cursor:pointer;}
.topnav .search_i .search_ico{ width:38px; height:38px; margin-top:25px; border:solid 1px #b0b0b0; background:url(../image/6.png) no-repeat center center;  cursor:pointer;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
.search .search_k{ width:348px; height:44px; float:left; line-height:44px; background:white; font-size:16px; color:#1b62ba !important; padding-left:20px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.search .search_b{     border: 0;width:50px; height:44px; position:absolute; right:0; top:0; background:url(../image/top8.png) no-repeat center center #000; background-size:contain; cursor:pointer;}
.search_i .search{ width:400px; height:50px; background:#fff; position:absolute; right:0; top:100%; z-index:-5; padding-right:50px; border:solid 3px #000; display:none;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.search_i.on .search{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
@-webkit-keyframes fadeInUp1{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp1{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


.menu{ z-index:99; float: right;}
.menu > ul{ float:left; width:100%;}
.menu ul .nli{ float:left;z-index:99; margin:0 0 0 65px; height:88px; position:relative;}
.menu ul .nli span{ display:block; width:100%; float:left;}
.menu ul .nli span a{ display:block; float:left; height:88px; line-height:88px; color:black; font-size:16px; overflow:hidden;position:relative; border-bottom:solid 3px transparent;}





.so span{display:block;  float:left; width:110px; height:44px; border-right:3px solid #000; background:url(../image/img_1_11.png) no-repeat 88px center #fff; cursor:pointer ; position:relative; z-index:9999;}
.so span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:110px; height:44px; z-index:1; opacity:0; filter:alpha(opacity=00);}
.so span div{ float:left; padding-left:10px; text-align:center;  height:44px; line-height:44px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:88px;}
.so span ul{ display:none; position:absolute; left:-3px; top:44px; background:#f5f5f5; border:3px solid #000;  width:113px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9}
.so span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;}
.so span ul li:hover{ background:#fff;}



/*下拉菜单（漂浮在menu .nli上）*/
.sub{ z-index:21;  position:absolute; width:180px; left: 50%; margin-left:-90px;top:100%; display:none; text-align:center;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.sub .l2{ width:100%; position:relative;}
.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 44px; color: #fff; overflow:hidden; position:relative; padding:0 8px; background:rgba(0,0,0,0.6);}
.sub .l2:hover .l2_a{ background:#7e9ac6;}
.sub .l2 .l3_ul{ width:180px; position:absolute; left:100%; top:0; display:none; padding-left:1px;}
.sub .l2 .l3_ul .l3{ width:100%; position:relative;}
.sub .l2 .l3_ul .l3 .l3_a{ display:block; width:100%; float:left; font-size:14px; line-height: 44px; color: #fff; overflow:hidden; position:relative; padding:0 8px; background:rgba(0,0,0,0.6);}
.sub .l2 .l3_ul .l3:hover .l3_a{ background:#f7680f;}
.sub .l2:hover .l3_ul{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.menu ul .nli:hover .sub{ display:block;
-webkit-animation:fadeInUp1 0.5s 0s ease both;
-moz-animation:fadeInUp1 0.5s 0s ease both;}
.menu.white{ background-image:url(../image/top2.png);}




.menu ul .nli.on span a, .menu ul .nli:hover span a {
    color: #7e9ac6;
    border-color: #7e9ac6;
}

.pf_menu{
    display: none;
}


.section .c_1570 {
    height: 100%;
    position: relative;
}

@media screen and (max-width: 1440px) {
.menu ul .nli{ margin:0 0 0 35px;}
.topnav .logo {
    float: left;
    width: 310px;
    margin-top: 3rem;
}
.pz_top.on_1 .topnav .logo {
    margin-top: 26px;
    width: 310px;
}




}
@media screen and (max-width: 1380px) {
.top .top_r{ padding-left:8px;}
.top .top_r a{ padding-left:17px; padding-right:22px;}
.topnav .search_i{ margin-left:26px;}
}
@media screen and (max-width: 1280px) {
.menu ul .nli {
    margin: 0 0 0 30px;
}
}

@media screen and (max-width: 1199px) {
.menu ul .nli{ margin:0 0 0 20px;}
.topnav .logo{ width: 296px;}
.top .top_r a{ padding-left:7px; padding-right:12px;}

.menu ul .nli span a {
    font-size: 13px;
}


}













@media screen and (max-width: 1023px){

.topnav{ height:58px;}
.menu{ display:none;}
.topnav .logo{width: 209px;
    height: 58px;
    line-height: 58px;
    position: absolute;
    left: 16px;
    top: 0;
    margin-left: 0;
    margin-top: 0;}
.pz_top.on_1 .topnav .logo{ margin-top:0px;}
.topnav .logo img{ float:none; display:inline-block;}
.topnav .topnav_right{ float:left;}
.topnav .search_i{ display:none;}
.topnav .lang{ width:30px; height:30px; margin-top:14px; margin-left:0;}
.topnav .lang a{ width:30px; height:30px; line-height:28px; font-size:12px;}
.menuph{ float:right; cursor: pointer;  width: 30px;  height: 50px; position:relative;}
.menuph .point { display:block;  width: 30px;  height: 30px; margin-top:30px;}
.menuph .navbtn {  position: absolute;  top: 28px;  right: 10px;  display: inline-block;  width: 18px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #000; z-index:9999;}
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 18px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #000;
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px;
border-radius:4px;}
.menuph .navbtn::after { top:-6px;}
.menuph .navbtn::before { top:6px;}
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px;  }
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px;  }
.pz_top_index .menuph .navbtn,.pz_top_index .menuph .navbtn::after,.pz_top_index .menuph .navbtn::before{ background:white;}
.pf_menu{display: block; position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:-100%; z-index:33 !important; display:block; z-index: 98; background: #fff;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pf_menu.on_1{ top:0;}
.ph_menu{ float:left; width:100%; text-align:left; padding:58px 0 0 0px;}
.nav_box{ width:100%; float:left;}
.ph_menu .nli{     list-style: none;float:left; width:100%; position:relative;}
.ph_menu .nli span{ float:left; width:100%;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#000; font-size:14px; line-height:50px; white-space:nowrap; position: relative; letter-spacing: 1px; border-bottom: dashed 1px #ccc; padding:0 10px;}
.ph_menu .nli svg{ display:block; width:40px; height:40px; position:absolute; right:0; top:5px; background:url(../image/top_6_h.png) no-repeat center center; background-size:auto 14px !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .nli.on .l1_a{ color:#00BDF7;}
.ph_menu .nli.on svg{ background-image:url(../image/top_6_h.png); transform:rotate(90deg);}
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; border-bottom: dashed 1px #ccc;}
.ph_menu .nli .l2_ul .l2{ width:100%; float:left; position:relative;}
.ph_menu .nli .l2_ul .l2 .l2_a{ line-height:30px; font-size:12px; color:#333; text-transform:uppercase; opacity:0.6;}
.ph_menu .nli .l2_ul .l2 i{ display:block; width:30px; height:30px; position:absolute; right:0; top:0px; background:url(../image/top_6_h.png) no-repeat center center; background-size:auto 12px !important;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ph_menu .nli .l2_ul .l2.on .l2_a{ opacity:1;}
.ph_menu .nli .l2_ul .l2.on i{ background-image:url(../image/top_6_h.png); transform:rotate(90deg);}
.ph_menu .nli .l3_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; border-bottom: dashed 1px #ccc;}
.ph_menu .nli .l3_ul .l3{ width:100%; float:left;}
.ph_menu .nli .l3_ul .l3 .l3_a{ line-height:30px; font-size:12px; color:#333; text-transform:uppercase; opacity:0.6;}
.ph_menu .searchs{ display:block;  float:left; height:40px; border:solid 1px #000; width:96%; padding: 0 0 0 0; position: relative; left:auto; top:auto; right:auto; margin-top:10px; z-index:1; margin-left:2%;}
.ph_menu .searchs .search_k{ height:38px; line-height:38px; width:100%; background: white; font-size: 14px; color: #000; padding-left:10px; font-weight:bold;}
.ph_menu .searchs .search_b{ position: absolute; right:-1px; top: 0; height:38px; width:40px; background: #000 url(../image/top8.png) no-repeat center center; background-size: 40px 40px;}


.ph_menu .searchs .so1 span{position:absolute; left:0; top:0;}

.so1 span{display:block;  float:left; width:110px; height:38px; border-right:1px solid #000; background:url(/templates/cn/../image/img_1_11.png) no-repeat 88px center #fff; cursor:pointer ; position:relative; z-index:9999;}
.so1 span input.sou_inp{ display:block; position:absolute; left:0; top:0; width:110px; height:38px; z-index:1; opacity:0; filter:alpha(opacity=00);}
.so1 span div{ float:left; padding-left:10px; text-align:center;  height:38px; line-height:38px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:88px;}
.so1 span ul{ display:none; position:absolute; left:-1px; top:38px; background:#f5f5f5; border:1px solid #000;  width:111px; height:auto; overflow-y:auto;overflow-x:hidden;z-index:9}
.so1 span ul li{ float:left; width:100%; text-align:center; height:30px; line-height:30px; font-size:12px; color:#4c4c4c;}
.so1 span ul li:hover{ background:#fff;}


.ph_menu .msg{ width:100%; float:left; margin-top:10px;}
.ph_menu .msg a{ display:block; width:100%; float:left; height:36px; line-height:36px; text-align:center; background:#073d6f; font-size:14px; color:white; font-weight:bold; font-family:Arial;
-moz-border-radius:18px; 
-webkit-border-radius:18px; 
-khtml-border-radius:18px;
border-radius:18px;}
.pf_menu.on{ padding:64px 95px 0 95px;}
.pz_top_index.active{ background:black;}
.ph_menu_down{ width:100%; float:left; padding:10px; margin-top:10px;}
.ph_menu_down li{ width:100%; float:left; font-size:14px; color:#333; line-height:28px;}
.ph_menu_down li a{ color:#333;}
.ph_menu_down li a img{ height:20px; vertical-align:middle; margin:-3px 5px 0 0;}
.ph_menu_down li a p{display:inline-block;}


}



.tablebox {
    display: table;
    vertical-align: middle;
    height: 100%;
    position: relative;
    width: 100%;
    table-layout: fixed;
}

.middlebox {
    display: table-cell;
    vertical-align: middle;
    padding-top: 88px;
}


.tit_1 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 36px;
    color: #788395;
    line-height: 74px;
    font-weight: bold;
    letter-spacing: 4px;
}

@media screen and (max-width:1380px) {
.tit_1{ font-size:26px; line-height:64px; letter-spacing:3px;}
.tit_1 h1{ height:64px; line-height:64px; font-size:80px; letter-spacing:6px;}
}
@media screen and (max-width:1023px) {
.middlebox{ padding-top:0;}
.tit_1{ font-size:20px; line-height:44px; letter-spacing:2px;}
.tit_1 h1{ height:44px; line-height:44px; font-size:60px; letter-spacing:4px}
.fp-scrollable {
    overflow:visible;
}
.pf_menu.on_1 {
    top: 0;
}

}
@media screen and (max-width:767px) {
.middlebox{ padding-top:0;}
.tit_1{ font-size:16px; line-height:34px; letter-spacing:1px;}
.tit_1 h1{ height:34px; line-height:34px; font-size:40px; letter-spacing:2px}

}

.pz_top {
    float: left;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    background: white;
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.tit_1 h1 {
    position: absolute;
    left: 0;
    top: 0;
    height: 74px;
    line-height: 74px;
    font-size: 100px;
    color: #333;
    letter-spacing: 8px;
    text-transform: uppercase;
    opacity: 0.05;
    z-index: -1;
    margin: 0;
}

.c_1570 {
    width: 100%;
    float: left;
    padding: 0 5.3%;
}










/**/

.myhar{
    position: relative;
    border: 0;
}

.myhar .nas>li>a{
    color: #333;
	cursor:pointer;
}

.myhar .English a{
    color: #333333;
    border: 1px solid #ccc;
}

.listc_1570{
    max-width: 1620px;
    padding: 0 10px;
    margin: auto;
}

/*技术支持*/
.pz_menu {
    width: 100%;
    position: relative;
    z-index: 9;
}
.listbanner{ width:100%; float:left; position:relative; height:440px;overflow: hidden;}
.listbanner.on{ margin-top:88px;}
.listbanner img{ width:1920px;  height:440px; max-width:none; position:absolute; left:50%; top:50%; margin:-220px 0 0 -960px;}
.nynav{ width:100%; float:left; margin-top:-47px; position:relative; background:url(../image/nygy3.png) repeat-x; background-size:100% 100%; height:126px;}
.nynav .headline{ width:423px; height:126px; position:relative; z-index:5; background:url(../image/nygy1.png) no-repeat right center; float:left;}
.nynav .headline:before{ content:''; width:500px; top:0; height:100%; background:#5fb136; position:absolute; left:-500px;}
.nynav .headline h4{margin-bottom:0; width:100%; margin-top:28px; font-size:36px; color:white; line-height:35px; font-family:Arial; text-transform:uppercase; font-style:oblique; font-weight:bold;}
.nynav .headline h3{margin: 0; width:100%; padding-left:166px; position:relative; font-size:24px; color:white; line-height:36px;}
.nynav .headline h3:before{ content:''; width:500px; height:1px; background:white; position:absolute; left:-350px; top:50%;}
.nynav .subhead{ float:right; font-size:12px; color:white; line-height:41px;}
.nynav .subhead a{ color:white;}
.nynav .subhead a:hover{ color:#5fb136;}
.nynav .subhead span{ margin:0 9px;}
.nynav .subhead img{ vertical-align:middle; margin:-2px 4px 0 0; height:13px;}
.pz_SideLayer_box{ width:100%; position:absolute; left:0; bottom:0;}
.pz_SideLayer{ /*width:100%;*/ float:right; height:85px; /*padding-left:475px;*/}
.pz_SideLayer li{ list-style: none; float:left; margin-right:2px;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.pz_SideLayer li a{ display:block; padding:0 20px; font-size:16px; color:#000000; line-height:85px;}

.pz_SideLayer li.l2,
.pz_SideLayer li.l3{display:none;}


.pz_SideLayer li.on,.pz_SideLayer li:hover{ margin-top:-4px;}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{    color: #fff; background:#5fb136; padding-top:4px; height:89px;}
@media screen and (max-width:1380px) {
.nynav .headline{ width:323px;}
.nynav .headline h4{ font-size:30px;}
.nynav .headline h3{ padding-left:70px; font-size:24px;}
.nynav .headline h3:before{ left:-450px;}
.nynav .subhead span{ margin:0 5px;}
/*.pz_SideLayer{ padding-left:350px;}*/
.pz_SideLayer li a{ padding:0 15px;  font-size:14px;}
}
@media screen and (max-width:1023px) {

.nynav{ height:86px; margin-top:-29px;}
.nynav .headline{ display:none;}
.nynav .subhead{ line-height:29px;}
.nynav .subhead span{ margin:0 4px;}
.nynav .subhead img{ height:12px;}
.pz_SideLayer{ height:57px; padding-left:0px;}
.pz_SideLayer li a{ padding:0 10px; display:block; width:100%; text-align:center; font-size:14px; line-height:57px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pz_SideLayer li.on,.pz_SideLayer li:hover{ margin-top:-2px;}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{ padding-top:2px; height:59px;}
}
@media screen and (max-width:767px) {

.nynav{ height:auto; background-position:top center; margin-top:-29px;background-size: 100% auto;}
.pz_SideLayer_box{ position:relative; bottom:auto; left:auto; width:auto; margin:0 0;}
.pz_SideLayer_box .c_1570{ padding:0;}
.pz_SideLayer{ background:#3d4047; height:auto; float:left; width:100%;}
.pz_SideLayer li{ margin-right:0px; width:50%;}
.pz_SideLayer li a{color: #fff; line-height:37px;}
.pz_SideLayer li.on,.pz_SideLayer li:hover{ margin-top:0px;}
.pz_SideLayer li.on a,.pz_SideLayer li:hover a{ height:37px; padding-top:0;}

.listc_1570 {
    padding: 0 0;
}

}







.zhaoxin{
    max-width: 1620px;
    margin: auto;
    padding:0 10px;
    overflow: hidden;
    margin-top: 6rem;
    margin-bottom: 8rem;
}
.zhaoxintop{
    display: flex;
    width: 100%;
    background: #7F7F7F;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.zhaoxintop span{
    flex: 1;
    text-align: center;
    color: #fff;
    font-size: 24px;
    padding: 1rem 0;
}
.zhaoxins li {
    position: relative;
    margin-bottom: 2rem;
    border: #eee solid 1px;
}

.zhaoxins li .topDiv {
    height: 48px;
    position: relative;
}
.zhaoxins li .topDiv a {
    display: block;
    height: 48px;
}
.zhaoxins li.liNow .topDiv a {
    background: #5fb136;
    color: #fff;
}
.zhaoxins li.liNow .msgDiv {
    color: #fff;
}

.zhaoxins li .msgDiv {
    color: #999;
}

.zhaoxins li .msgDiv {
    color: #999;
}
.zhaoxins li .msgDiv .dd01 {
    text-align: left;
    text-indent: 50px;
    width: 248px;
}
.zhaoxins li .msgDiv dl{
    display: flex;
    overflow: hidden;
    text-decoration:none;
}
.zhaoxins li .msgDiv dd {
    height: 48px;
    float: left;
    line-height: 48px;
    font-size: 14px;
    margin: 0;
    flex: 1;
    text-align: center;
    text-decoration:none;
}
/*.zhaoxins li .msgDiv .dd02 {
    width: 256px;
}
.zhaoxins li .msgDiv .dd03 {
    width: 210px;
}
.zhaoxins li .msgDiv .dd04 {
    width: 192px;
}
.zhaoxins li .msgDiv .dd05 {
    width: 165px;
}*/
dl{
    margin-bottom: 0;
}
.clear_f {
    clear: both;
    height: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    display: inherit;
}
.zhaoxins li .zhaoxinsbox {
    display: none;
    color: #5d5d5d;
    padding: 45px 50px 60px;
    overflow: hidden;
    width: 100%;
}
.zhaoxins li h2 {
    position: relative;
    height: 30px;
    color: #5fb136;
    font-size: 14px;
}
.zhaoxins li .zhaoxinscontent {
    line-height: 24px;
    padding-bottom: 40px;
    font-size: 14px;
    color: #999;
}
.zhaoxins li .btnDiv a:hover {
    border: #5fb136 solid 1px;
    background: #5fb136;
    color: #fff;
    transition: 0.2s linear;
}
.zhaoxins li .btnDiv{
    margin-top: 1rem;
}
.zhaoxins li .btnDiv a {
    display: block;
    width: 118px;
    height: 33px;
    color: #8b8b8c;
    font-size: 14px;
    text-align: center;
    line-height: 33px;
    border: #e0e0e0 solid 1px;
}





.listabout{
    max-width: 1220px;
    padding: 0 10px;
    overflow: hidden;
    margin:8rem auto;
}

.listaboutTop{
    text-align: center;
    overflow: hidden;
}
.listaboutTop img{

}
.listaboutTop div{
    font-size: 36px;
    font-weight: 700;
    margin-top: -44px;
}
.listaboutTop i{
    display: block;
    width: 5px;
    height: 30px;
    background: #5fb136;
    margin: auto;
    margin-top: 18px;
    margin-bottom: 3rem;
}
.listaboutTop p{
    text-align: left;
    color: #666666;
    font-size: 16px;
    line-height: 38px;
    margin-bottom: 7rem;
}




.listabouts{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
}


.listabouts .listabouts_a{
    position: relative;
    width: 49%;
    overflow: hidden;
    margin-bottom: 2rem;
}
.listabouts .listabouts_a>img{
    width: 100%;
}
.listabouts .listabouts_a .listabouts_as{
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: table;
}
.listabouts_asmy{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    padding-left: 3rem;
}
.listabouts .listabouts_a .listabouts_asmy img{
        float: left;
}
.listabouts .listabouts_a .listabouts_asmy div{
        float: left;
    margin-top: 1rem;
    margin-left: 2rem;
}
.listabouts .listabouts_a .listabouts_asmy label{
        font-size: 24px;
    margin-bottom: 9px;
}
.listabouts .listabouts_a .listabouts_asmy p{
        margin: 0;
    font-size: 16px;
    line-height: 26px;
}

.listabouts_a:nth-child(2) .listabouts_asmy div{
    margin-top: 0;
}



.leinew{
    max-width: 1620px;
    padding: 0 10px;
    margin:7rem auto;
    overflow: hidden;
}

.leinew a{
    display: block;
    background: #f5f5f5;
    margin-bottom: 3.5rem;
    overflow: hidden;
    padding: 26px 0;
    transition: all 0.3s;
}
.leinew a .leinewLeft{
    float: left;
    height: 165px;
    width: 12.5%;
    border-right: 1px solid #DCDCDC;
    text-align: center;
}
.leinew a .leinewLeft div{
    font-size: 72px;
    font-family: Arial Bold;
    font-weight: 700;
    color: #c2c2c2;
}
.leinew a .leinewLeft p{
    margin: 0;
    font-size: 20px;
    color: #333333;
    font-family: Arial Regular;
}
.leinew a .leinewCenter{
    float: left;
    overflow: hidden;
    width: 13.75%;
    margin: 0 3rem;
}
.leinew a .leinewCenter img{
    width: 100%;
    transition: all 0.3s;
}

.leinew a .leinewRight{
    float: left;
    width: 62%;
    overflow: hidden;
}
.leinew a .leinewRight div{
    font-size: 18px;
    color: #1a1a1a;
    margin-top: 3rem;
    margin-bottom: 11px;
}
.leinew a .leinewRight p{
    margin: 0;
    color: #666666;
    line-height: 27px;
}

.leinew a:last-child{
    margin-bottom: 0;
}

.leinew a:hover{
    background: #5fb136;
}
.leinew a:hover .leinewLeft{
    border-right: 1px solid #fff;
}
.leinew a:hover .leinewLeft div{
    color: #fff;
}
.leinew a:hover .leinewLeft p{
    color: #fff;
}
.leinew a:hover .leinewCenter img{
    transform: scale(1.1);
}

.leinew a:hover .leinewRight div{
    color: #fff;
}
.leinew a:hover .leinewRight p{
    color: #fff;
}



.a_0001_s a{
	display:block;
	width:180px;
	line-height:45px;
	text-align:center;
	border:1px solid #dfdfdf;
	color:#464646;
	border-radius:40px;
}
.a_0001_s{
		width:180px;
		margin:2rem auto
}
.a_0001_s a:hover{
	background:#5fb136;
	color:#fff;
}
.listhonor{
    max-width: 1620px;
    overflow: hidden;
    margin: 7rem auto 2rem auto;
    padding: 50px 10px 0px 10px;
    display: flex;
    flex-wrap: wrap;

}
.listhonor a{
    display: block;
    margin-bottom: 3rem;
    width: 24%;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    margin-right: 1.3%;
}

.listhonor a:nth-child(4n){
	margin-right:0;
}

.listhonor a div{
    overflow: hidden;
}
.listhonor a div img{
        width: 100%;
    text-align: center;
    transition: all 0.3s;
}
.listhonor a span{
    display: block;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background: #f0f0f0;
    text-align: center;
    color: #505050;
    transition: all 0.3s;
}

.listhonor a:hover img{
    transform: scale(1.1);
}
.listhonor a:hover span{
    background: #5fb136;
    color: #fff;
}



.listcontact{
    max-width: 1620px;
    overflow: hidden;
    margin: auto;
    padding: 0 10px;
    margin-bottom: 9rem;
}

.listcontactTop{
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 6.4rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.listcontactTop .listcontactTop_a{
    width: 32%;
    border: 1px solid #CCC;
    border-radius: 20px 0 20px 0;
    overflow: hidden;
    position: relative;
    padding: 30px;
    transition: all 0.3s;
    cursor: pointer;
}
.listcontactTop .listcontactTop_a div{
    font-size: 24px;
    color: #5fb136;
    font-weight: 700;
    height: 43px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 1.5rem;
}
.listcontactTop div span{
    width: 95px;
    height: 1px;
    background: #5fb136;
    display: block;
    bottom: -1px;
    position: absolute;
}
.listcontactTop p{
    margin: 0;
    color: #666666;
    line-height: 27px;
}
.listcontactTop a{
    color: #666666;
}
.listcontactTop img{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.listcontactTop .listcontactTop_a{
    background: #5fb136;
}
.listcontactTop .listcontactTop_a div{
    color: #fff;
    border-bottom: 1px solid #21C4F8;
}
.listcontactTop .listcontactTop_a div span{
    background: #fff;
}
.listcontactTop .listcontactTop_a p{
    color: #fff;
}
.listcontactTop .listcontactTop_a a{
    color: #fff;
}



.listcontactTop .listcontactTop_a.on{
    background: #5fb136;
}
.listcontactTop .listcontactTop_a.on div{
    color: #fff;
    border-bottom: 1px solid #93e769;
}
.listcontactTop .listcontactTop_a.on div span{
    background: #fff;
}
.listcontactTop .listcontactTop_a.on p{
    color: #fff;
}
.listcontactTop .listcontactTop_a.on a{
    color: #fff;
}



.listcontactmap{
    width: 100%;
}
.listcontactmap .listcontactmapbox{
    display: none;
    width: 100%;
    height: 814px;
}

#map1{
    width: 100%;
    height: 100%;
}
#map2{
    width: 100%;
    height: 100%;
}
#map3{
    width: 100%;
    height: 100%;
}




.loginheard{
    width: 100%;
    height: 110px;
    line-height: 110px;
    overflow: hidden;
}

.loginheards{
    max-width: 1220px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
}

.loginheards a{

}
.loginheards a img{

}
.loginheards span{
    font-size: 24px;
    color: #e60101;
    border-left: 1px solid #ccc;
    padding-left: 11px;
    margin-left: 11px;
}



.mylogin{
    width: 100%;
    background: url(../image/31.png)center 0 no-repeat;
    height: 870px;
    overflow: hidden;
}

.mylogins{
    max-width: 1200px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
}

.denglu{
    margin-top: 194px;
    overflow: hidden;
    background: #fff;
    float: right;
    padding: 30px 44px;
    width: 460px;
}

.denglu_a{
    font-size: 20px;
    color: #e60101;
    margin-bottom: 20px;
}
.denglu_a img{
    margin: 0 10px;
}


.denglu_b{
    width: 100%;
    border: 1px solid #E4E4E4;
    height: 50px;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 19px;
}
.denglu_b img{
    float: left;
}
.denglu_b input{
    display: block;
    float: left;
    width: 87%;
    height: 100%;
    font-size: 15px;
    outline: none;
    border: 0;
    padding-left: 13px;
}

.denglu_b input::-webkit-input-placeholder {
        color: #e2e2e2;
      }
.denglu_b input::-moz-input-placeholder {
        color: #e2e2e2;
      }
.denglu_b input::-ms-input-placeholder {
        color: #e2e2e2;
      }
.denglu_c{
    width: 100%;
    overflow: hidden;
    margin-bottom: 27px;

}
.denglu_cLeft{
    float: left;
    border: 1px solid #E4E4E4;
    height: 48px;
    border-radius: 4px;
    overflow: hidden;
    width: 66%;
}
.denglu_cLeft div{
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    float: left;
}
.denglu_cLeft div img{

}
.denglu_cLeft input{
    float: left;
    width: 79%;
    height: 48px;
    border: 0;
    padding-left: 11px;
    outline: none;
}
.denglu_c>img{
    float: right;
}


.denglu_c input::-webkit-input-placeholder {
        color: #e2e2e2;
      }
.denglu_c input::-moz-input-placeholder {
        color: #e2e2e2;
      }
.denglu_c input::-ms-input-placeholder {
        color: #e2e2e2;
      }

.denglu_d{
    width: 100%;
    overflow: hidden;
    margin-bottom: 2rem;
}

.denglu_d .denglu_dLeft{
    float: left;
}
.denglu_d .denglu_dLeft input{
    margin: 0;
    width: 15px;
    height: 15px;
    float: left;
}
.denglu_d .denglu_dLeft span{
    display: inline-block;
    float: left;
    margin-top: -3px;
    margin-left: 6px;    
}
.denglu_d .denglu_dright{
    float: right;
}
.denglu_d .denglu_dright a{
    color: #333;
}

.denglu button{
    width: 100%;
    background: #e50012;
    height: 52px;
    text-align: center;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 25px;
    color: #fff;
    outline: none;
}



.xiaznavs{
    transition: 0.3s linear;
    border-bottom: 2px solid rgba(0,187,247,0);
    height: 79px;
}
.nas>li:hover>a .xiaznavs {
    border-bottom: 2px solid rgba(0,187,247,1);
    color: #5fb136;
}




.mk_a{
    text-align: right;
    font-size: 30px;
    color: #5fb136;
    margin-right: 2rem;
    line-height: 74px;
}
.mk_a img{
    margin-top: -7px;
    margin-right: 1rem;
}

.listxiazai{
    max-width: 1620px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    margin-top: 5rem;
    margin-bottom: 7rem;
}

.listxiazaiLeft{
    float: left;
    min-height: 724px;
    overflow: hidden;
    width: 16%;
    background: #eeeeee;
}
.listxiazaiLeft .listxiazaiLeft_a{
    height: 52px;
    line-height: 52px;
    color: #333333;
    padding-left: 3.6rem;
    font-size: 20px;
    cursor: pointer;
}
.listxiazaiLeft .listxiazaiLeft_a img{
    margin-right: 1rem;
    margin-top: -4px;
}
.listxiazaiLeft .listxiazaiLeft_b{
    height: 48px;
    line-height: 48px;
    position: relative;
    background: url(../image/images/4_03.jpg)center 0;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    color: #333333;
    padding-left: 1rem;
    cursor: pointer;
}
.listxiazaiLeft .listxiazaiLeft_b a{
    color: #333333;
}
.listxiazaiLeft .listxiazaiLeft_b img{
        position: absolute;
    top: 50%;
    margin-top: -4.5px;
    right: 2rem;
}
.listxiazaiLeft .listxiazaiLeft_b a:hover{
    color: #5fb136;
}
.listxiazaiLeft .listxiazaiLeft_c{
    display: none;
}
.listxiazaiLeft .listxiazaiLeft_c a{
    display: block;
    height: 51px;
	overflow:hidden;
    background: #f8f8f8;
    font-size: 14px;
    line-height: 51px;
    border-bottom: 1px solid #EEEEEE;
    color: #666666;
    padding-left: 1rem;
    transition: all 0.3s; 
}

.listxiazaiLeft .listxiazaiLeft_c a:hover{
    color: #5fb136;
}

.listxiazaiRight{
    float: right;
    width: 82%;
    overflow: hidden;
}

.ul_5{ width:100%;}
.ul_5 li {
    width: 100%;
    border: solid 1px #e9e9e9;
    padding: 20px 138px 17px 134px;
    position: relative;
    overflow: hidden;
    margin-bottom: 2.6rem;
}
.ul_5 li .tab{ width:92px; height:107px; background:url(../image/jszz1.jpg) no-repeat center center; position:absolute; left:0; top:0; text-align:center; background-position:center center; background-size:contain;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_5 li .tab .ico{ width:100%; margin-top:29px; height:36px;}
.ul_5 li .tab .ico img{ height:100%;}
.ul_5 li .tab h6{ width:100%; height:100%; font-size:14px; color:white; line-height:32px; font-weight:bold; text-transform:uppercase; letter-spacing:1px;}
.ul_5 li .c_674{ width:51.37%; float:left; padding-top:0;}
.ul_5 li .c_674 h4{    margin: 0; width:100%; font-size:16px; color:#333; line-height:27px;}
.ul_5 li .c_674 h5{ width:100%; font-size:12px; color:#888; line-height:23px;}
.ul_5 li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;}
.ul_5 li .c_637{ width:48.63%; float:left; padding:0 52px 0 41px; height:65px; line-height:65px; background:url(../image/jszz5.png) no-repeat left center;}
.ul_5 li .c_637 .p{ display:inline-block; vertical-align:middle; font-size:14px; color:#666; line-height:24px; max-height:72px; overflow:hidden;}
.ul_5 li .down{ width:153px; text-align:center; position:absolute; right:0; top:0; height:100%; background:url(../image/jszz6.png) no-repeat left center; padding-top:29px;}
.ul_5 li .down .ico{width:100%; height:24px; background:url(../image/jszz4.png) no-repeat center center; background-size:contain;}
.ul_5 li .down h5{ width:100%; font-size:14px; color:#666; line-height:20px; margin-top:10px;}
.ul_5 li:hover .tab{ background-image:url(../image/jszz1_h.jpg);}
.ul_5 li:hover .c_674 h4{ color:#5fb136;}
.ul_5 li:hover .down .ico{ background-image:url(../image/jszz4_h.png);}
.ul_5 li:hover .down h5{ color:#5fb136;}







@media screen and (max-width:1380px) {
.ul_5 li .c_674{ width:40%;}
.ul_5 li .c_637{ width:60%; padding:0 32px 0 21px;}
}
@media screen and (max-width:1199px) {
.ul_5 li{ margin-top:20px; padding:20px 123px 20px 103px;}
.ul_5 li .down{ width:123px;}
}
@media screen and (max-width:1023px) {
.c_1570_1{ padding:20px 0 40px 0;}
.ul_5 li .tab{ width:76px; height:88px;}
.ul_5 li .c_674{ padding-top:5px;}
.ul_5 li .c_674 h4{ font-size:14px; line-height:23px;}
.ul_5 li .c_674 h5{ line-height:20px;}
.ul_5 li .c_674 h5 img{ vertical-align:middle; margin:-3px 6px 0 0 ; height:12px;}
.ul_5 li .c_637{  padding:0 12px 0 11px; height:58px; line-height:58px;}
.ul_5 li .c_637 .p{ font-size:12px; line-height:22px; max-height:44px;}
.ul_5 li .down{ width:103px; padding-top:20px;}
.ul_5 li .down .ico{ height:20px;}
.ul_5 li .down h5{ font-size:12px; line-height:18px; margin-top:6px;}
.ul_5 li .tab .ico{ margin-top:20px; height:30px;}
.ul_5 li .tab h6{ font-size:12px; line-height:28px;}
.ul_5 li{ padding:15px 103px 15px 93px;}
.ul_5 li .down{ width:103px;}
}
@media screen and (max-width:767px) {
.c_1570_1{ padding:10px 0 30px 0;}
.ul_5 li .tab{ width:68px; height:79px;}
.ul_5 li .c_674{ width:100%; padding-top:0px;}
.ul_5 li .c_674 h4{ line-height:21px;}
.ul_5 li .c_674 h5{    margin: 0; line-height:18px;}
.ul_5 li .c_637{ width:100%; padding:0; height:20px; line-height:0px; background:none;}
.ul_5 li .c_637 .p{line-height:20px; height:18px;}
.ul_5 li .down{ width:63px; padding-top:18px;}
.ul_5 li .down .ico{ height:18px;}
.ul_5 li .down h5{ line-height:16px; margin-top:4px;}
.ul_5 li .tab .ico{ margin-top:18px; height:24px;}
.ul_5 li .tab h6{ line-height:24px;}
.ul_5 li{ padding:10px 0 10px 76px; margin-top:10px;}
.ul_5 li .down{ width:43px; display:none;}
}







.listxiazaiRightTop{
    height: 53px;
    line-height: 53px;
    background: #eeeeee;
    overflow: hidden;
}
.listxiazaiRightTop img{
    margin-top: -4px;
    margin-left: 14px;
    margin-right: 5px;
}
.listxiazaiRightTop span{
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
}

.listxiazaiRighttime{
    width: 100%;
    min-height: 670px;
    border: 1px solid #eeeeee;
}
.listxiazaiRighttime a{
    display: block;
    height: 55px;
    line-height: 55px;
    padding: 0 19px;
    font-size: 16px;
    color: #666666;
    border-bottom: 1px dashed #ccc;
}
.listxiazaiRighttime a img{

}
.listxiazaiRighttime a div{
    display: inline-block;
    margin-left: 3px;
}
.listxiazaiRighttime a span{
    float: right;
}
.listxiazaiRighttime a:hover{
    color: #5fb136;
}



.listpro{
    width: 100%;
    margin: 4rem 0;
    overflow: hidden;
}
.listpro_a{
    width: 100%;
    overflow: hidden;
}
.listpro_as{
    max-width: 1620px;
    padding: 0 10px;
    overflow: hidden;
    margin:4rem auto;
    position: relative;
}
.listpro_aLeft{
    float: left;
    width: 50%;
    overflow: hidden;
}
.listpro_aLeft img{
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
}
.listpro_aLeft:hover img{
    transform: scale(1.1);
}
.listpro_aRight{
    position: absolute;
    right: 10px;
    width: 49.5%;
    height: 100%;
    overflow: hidden;
    text-align: right;
}

.listpro_aRights{
    width: 100%;
    height: 100%;
    display: table;

}

.listpro_aRights div{
    display: table-cell;
    vertical-align: middle;
}
.listpro_aRights span{
    font-size: 40px;
    color: #5fb136;
    line-height: 100%;
    display: block;
    margin-bottom: 26px;
}
.listpro_aRights p{
    font-size: 20px;
    color: #808080;
    min-height: 112px;
}
.listpro_aRights a{
    font-size: 16px;
    color: #5fb136;
}






.listpro_a:nth-child(2n){
    background: #f2f2f2;
}

.listpro_a:nth-child(2n) .listpro_aLeft{
    float: right;
}
.listpro_a:nth-child(2n) .listpro_aRight{
    left: 10px;
    right: 0;
    width: 48.5%;
    text-align: left;
}





/**/



.listjiejue{
    width: 100%;
    margin: 9rem 0;
    overflow: hidden;
}
.listjiejue_a{
    width: 100%;
    overflow: hidden;
}
.listjiejue_as{
    max-width: 1620px;
    padding: 0 10px;
    overflow: hidden;
    margin: auto;
    position: relative;

}
.listjiejue_aLeft{
    float: left;
    width: 50%;
    overflow: hidden;
}
.listjiejue_aLeft img{
    transition: all 0.3s;
    width: 100%;
    cursor: pointer;
}
.listjiejue_aLeft:hover img{
    transform: scale(1.1);
}
.listjiejue_aRight{
    position: absolute;
    right: 10px;
    width: 49.33%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    background: #f2f2f2;
}

.listjiejue_aRights{
    width: 100%;
    height: 100%;
    display: table;

}

.listjiejue_aRights div{
    display: table-cell;
    vertical-align: middle;
}
.listjiejue_aRights span{
    font-size: 30px;
    color: #333333;
    line-height: 100%;
    display: block;
    margin-bottom: 20px;
}

.listjiejue_aRights a{
    font-size: 16px;
    color: #333333;
}
.listjiejue_a:nth-child(2n){
    
}

.listjiejue_a:nth-child(2n) .listjiejue_aLeft{
    float: right;
}
.listjiejue_a:nth-child(2n) .listjiejue_aRight{
    left: 10px;
    right: 0;
    width: 49.33%;
}











.mylistjiejuedetail{
    width: 100%;
    margin: 7.7rem 0;
    overflow: hidden;
}

.listjiejuedetail{
    max-width: 1620px;
    padding: 0 10px;
    overflow: hidden;
    margin: auto;
    position: relative;
    margin-bottom: 6rem;
}
.listjiejuedetail:last-child{
    margin-bottom: 0;
}

.listjiejuedetailLeft{
    float: left;
    overflow: hidden;
    width: 49%;
}
.listjiejuedetailLeft img{
    transition: all 0.3s;
    cursor: pointer;
    width: 100%;
}
.listjiejuedetailLeft img:hover{
    transform: scale(1.1);
}

.listjiejuedetailRight{
    width: 44.65%;
    float: right;
    overflow: hidden;
}


.listjiejuedetailRight .title {
    width: 100%;
    float: left;
    padding-bottom: 37px;
    border-bottom: dashed 1px #e5e5e5;
    padding-right: 100px;
    font-size: 40px;
    color: #333;
    line-height: 50px;
    font-weight: bold;
    margin-top: 45px;
    position: relative;
    letter-spacing: 1px;
}
.listjiejuedetailRight .title a {
    position: absolute;
    right: 0;
    top: 11px;
    font-size: 16px;
    color: #666;
    line-height: 39px;
    display: block;
    font-weight: normal;
}


.listjiejuedetailRight .title a img {
    width: 20px;
    vertical-align: middle;
    margin: -3px 0 0 9px;
}




.listjiejuedetailRight .p {
    width: 100%;
    float: left;
    padding: 33px 0 35px 0;
    border-bottom: dashed 1px #e5e5e5;
    font-size: 16px;
    color: #676767;
    line-height: 30px;
}

.listjiejuedetailRight .p strong{
    display: block;
    color: #343434;
}



.listjiejuedetailRight .mybtn {
    width: 100%;
    float: left;
    margin-top: 40px;
}



.listjiejuedetailRight .mybtn a {
    display: block;
    float: left;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #5fb136;
    text-align: center;
    font-size: 18px;
    color: white;
}

.listjiejuedetailRight .mybtn a img {
    width: 30px;
    vertical-align: middle;
    margin: -3px 9px 0 0;
}

.listjiejuedetailRight .mybtn a:hover {
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

.listjiejuedetailRight .title a:hover {
    color: #5fb136;
}


@media  screen and (max-width:1580px){
.listjiejuedetailRight .title{ margin-top:5px;}
}


@media  screen and (max-width:1366px){
.listjiejuedetailRight .title{ padding-bottom:27px; padding-right:90px; font-size:30px; line-height:40px;}
.listjiejuedetailRight .title a{ top:6px; font-size:14px; line-height:30px;}
.listjiejuedetailRight .p{ padding:23px 0 25px 0; font-size:14px; line-height:24px;}
.listjiejuedetailRight .mybtn{  margin-top:30px;}
.listjiejuedetailRight .mybtn a{ width:160px; height:40px; line-height:40px; font-size:16px;}
}


@media  screen and (max-width:1023px){
.listjiejuedetailRight .title{ padding-bottom:17px; padding-right:0px; font-size:20px; line-height:24px;}
.listjiejuedetailRight .title a{ top:auto; right:auto; position:relative; float:right; font-size:12px; line-height:24px;}
.listjiejuedetailRight .p{ padding:13px 0 15px 0; line-height:22px;}
.listjiejuedetailRight .mybtn{  margin-top:20px;}
.listjiejuedetailRight .mybtn a{ width:140px;}
.listjiejuedetailRight .mybtn a img{ width:20px; margin:-3px 5px 0 0;}
}


@media  screen and (max-width:767px){
.mylistjiejuedetail {
    margin: 3.7rem 0;
}
.listjiejuedetailLeft{ width:100%;}
.listjiejuedetailRight{ width:100%; margin-top:20px; float:left; margin-left:0;}
}


.productdetail{
    max-width: 1620px;
    padding: 0 10px;
    margin: auto;
    overflow: hidden;
    margin-top: 14rem;
    margin-bottom: 7rem;
}

.productdetail_a{
    border: 1px solid #ccc;
    overflow: hidden;
    width: 100%;
}


.productdetail_aTop{
    text-align: center;
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    line-height: 68px;
}
.productdetail_aTop img{
    margin-right: 7px;
}



.productdetail_acenter{
    overflow: hidden;
}
.productdetail_acenter div{
    line-height: 50px;
    background: #5fb136;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding-left: 38px;
}
.productdetail_acenter p{
    margin: 0;
    padding: 46px 38px;
    font-size: 16px;
    line-height: 39px;
    color: #666666;
}


.productdetail_b{
    overflow: hidden;
}

.productdetail_bTop{
    width: 248px;
    height: 60px;
    background: #5fb136;
    margin: auto;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    margin-top: 6rem;
    margin-bottom: 4rem;
    cursor: pointer;
}



.productdetail_bs{
    width: 850px;
    margin: auto;
    overflow: hidden;
    background: #ebecec;
    overflow: hidden;
    display: none;
    font-size: 16px;
}

.productdetail_bs span{
    display: block;
    line-height: 48px;
    color: #fff;
    text-align: center;
    background: #5fb136;
    margin-bottom: 3.8rem;
}
.productdetail_bs textarea{
        width: 89%;
    margin: auto;
    display: block;
    height: 147px;
    outline: none;
    border: 1px solid #DCDCDC;
    padding-left: 10px;
    padding-top: 13px;
    margin-bottom: 5px;

}
.productdetail_bsinput{
background: #fff;
    overflow: hidden;
    width: 89%;
    margin: auto;
    display: block;
    margin-bottom: 5px;
    border: 1px solid #DCDCDC;
    height: 45px;
}
.productdetail_bsinput div{
    float: left;
    height: 100%;
    line-height: 45px;
    width: 6%;
    text-align: center;
}
.productdetail_bsinput div img{

}
.productdetail_bsinput input{
    float: left;
    width: 94%;
    height: 100%;
    border: 0;
    outline: none;
}


.productdetail_bs button{
    display: block;
    margin: auto;
    width: 121px;
    height: 36px;
    background: #5fb136;
    color: #fff;
    border: 0;
    border-radius: 4px;
    margin-top: 3rem;
    margin-bottom: 2.5rem;
}





.proshow{
    max-width: 1600px;
    margin: 0 10px;
    margin: 8rem auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background: #f0f0f0;
}

.proshowTop{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.proshowTop label{
    width: 11.7125%;
    margin: 0;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 1px solid #fff;
    min-height: 57px;
    background: #d1d1d1;
    line-height: 57px;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #282828;
}
.proshow label:nth-child(1){
    width: 6.3%;
}

.myproshow{
    width: 100%;
    overflow: hidden;
}
.myproshow a{
    display: flex;
    flex-wrap: wrap;
    color: #282828;

}
.myproshow a div{
    min-height: 109px;
    text-align: center;
    display: table;
    width: 11.7125%;
    background: #f0f0f0;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    overflow: hidden;
    padding: 15px;
    border-right: 1px solid #fff;
    transition: all 0.3s;
}
.myproshow a div span{
    display: table-cell;
    vertical-align: middle;
}
.myproshow a div:nth-child(1){
    width: 6.3%;
}
.myproshow a:hover div{
    background: #5fb136;
    color: #fff;
}
/*.proshow .proshow_a:nth-child(1){
    width: 6.3%;
}
.proshow .proshow_a{
    width: 11.7125%;
    overflow: hidden;
    box-sizing: border-box;
    border-right: 1px solid #fff;
}
.proshow .proshow_a label{
    min-height: 57px;
    background: #d1d1d1;
    line-height: 57px;
    margin: 0;
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-size: 20px;
    color: #282828;
}
.proshow .proshow_a div{
        min-height: 109px;
    text-align: center;
    display: table;
    width: 100%;
    background: #f0f0f0;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    color: #282828;
    padding: 15px;
}
.proshow .proshow_a div span{
        display: table-cell;
    vertical-align: middle;
}*/


.page-banner {
    display: table;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 270px;
}

.brand-banner {
    background: url(../img/brand-banner.jpg) no-repeat center;
    background-size: cover;
}
.page-banner .page-banner-taxt {
    display: table-cell;
    vertical-align: middle;
    color: #eee;
    text-align: center;
}
.page-banner .page-banner-taxt span {
    color: #999;
}

.text-shadow {
    text-shadow: 0 0 1px #000;
    color: #fff !important;
}

.page-banner .page-banner-taxt li {
    font-size: 36px;
    margin-bottom: 25px;
}





.brand-cat {
    padding: 100px 0 60px;
    overflow: hidden;
}

.brand-cats{
    position: relative;
    margin: 0 auto;
    max-width: 1380px;
    padding: 30px 10px;
}

.brand-cat .brand-cat-left {
    width: 50%;
    float: left;

}

.brand-cat .brand-cat-left .brand-cat-l-t {
 
    border-bottom: 1px solid #e0e0e0;
}
.brand-cat .brand-cat-left .brand-cat-l-t:before {
    left: 0;
    top: -40px;
}
.brand-cat .brand-cat-left .brand-cat-l-t:after, .brand-cat .brand-cat-left .brand-cat-l-t:before {
    content: '"';
    display: block;
    font-size: 120px;
    color: #eaeaea;
    font-style: italic;
    position: absolute;
}
.brand-cat .brand-cat-left .brand-cat-l-t p {
    padding-bottom: 30px;
    color: #6f6f6f;
    line-height: 2rem;
    text-indent: 2rem;
}

.brand-cat .brand-cat-left .brand-cat-l-t:after {
    right: 0;
    bottom: -60px;
}
.brand-cat .brand-cat-left .brand-cat-l-b {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 30px;
}
.brand-cat .brand-cat-left .brand-cat-l-b li {
    width: 25%;
    float: left;
    text-align: center;
}

.brand-cat .brand-cat-left .brand-cat-l-b li span {
    color: #5fb136;
    font-size: 36px;
}

.brand-cat .brand-cat-left .brand-cat-l-b li p {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}
.brand-cat .brand-cat-right {
    width: 50%;
    float: right;

}


.brand-cat .brand-cat-right div.jy {
    margin: 15px 0;
}

.brand-cat .brand-cat-right p {
    text-align: right;
    font-size: 14px;
    color: #999;
}

.brand-three .brand-three-t {
    padding: 30px 0;
    text-align: center;
}
.brand-three .brand-three-t li {
    font-size: 28px;
    color: #555;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
    list-style: none;
}

.brand-three .brand-three-t li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 1px;
    background: #5fb136;
    margin-left: -50px;
}
.brand-threecenter{
    position: relative;
    margin: 0 auto;
    max-width: 1380px;
    padding: 30px 10px;
}

.brand-three .brand-three-box {
    overflow: hidden;
}

.brand-three .brand-three-box .brand-three-item {
    position: relative;
    float: left;
    width: 33.333%;
    padding: 40px 0;
    text-align: center;
}
.brand-three .brand-three-box .brand-three-item img {
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
    transition: all 1s;
}
.brand-three .brand-three-box .brand-three-item li {
    margin: 25px auto;
    font-size: 24px;
    color: #5e5e5e;
}
.brand-three .brand-three-box .brand-three-item p {
    color: #6f6f6f;
}

.brand-three .brand-three-box .brand-three-item:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 100px;
    margin-top: -50px;
    background: #e1e1e1;
}

.brand-three .brand-three-box .brand-three-item:nth-last-child(1):after {
    width: 0;
}

.brand-three .brand-three-box .brand-three-item:hover img {
    transform: rotateY(180deg);
}



.brand-goodnesscenter{
    position: relative;
    margin: 0 auto;
    max-width: 1380px;
    padding: 30px 10px;
}


.brand-goodness {
    margin: 30px 0;
    padding: 85px 0;
    background: #212121;
    text-align: center;
}

.brand-goodness .brand-goodness-box {
    overflow: hidden;
}

.brand-goodness .brand-goodness-box .brand-goodness-list {
    position: relative;
    padding: 60px 0 30px;
    width: 25%;
    float: left;
}
.brand-goodness .brand-goodness-box .brand-goodness-list li {
    font-size: 36px;
    color: #5fb136;
    margin-bottom: 30px;
}
.brand-goodness .brand-goodness-box .brand-goodness-list p {
    color: #888;
}

.brand-goodness .brand-goodness-box .brand-goodness-list:after {
    content: '...';
    color: #ccc;
    font-size: 50px;
    display: block;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -40px;
}
.brand-goodness .brand-goodness-t .brand-three-t li {
    border-color: #333;
}




.brand-goodness .brand-goodness-box .brand-goodness-list:last-child:after {
    content: '...';
    color: #ccc;
    font-size: 50px;
    display: block;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -40px;
    display: none;
}

.brand-goodnesscentertext{
       position: relative;
    margin: 0 auto;
    max-width: 1380px;
    padding: 30px 10px;
    overflow: hidden; 
}



.brand-ten {
    margin-bottom: 20px;
}

.brand-cat .brand-cat-left {
    width: 50%;
    float: left;

}

.brand-ten .brand-goodnesscentertext .brand-cat-left {
    padding: 0;
}

.brand-cat .brand-cat-right {
    width: 43%;
    float: right;
	margin-top:44px;

}
.brand-ten .brand-goodnesscentertext .brand-cat-right {
    padding: 20px 0 0 80px;
}

.brand-ten .brand-goodnesscentertext li {
    position: relative;
    color: #888;
    padding: 5px 0 10px 15px;
    transition: all .5s;
    cursor: pointer;
    font-size: 16px;
}


.brand-ten .brand-goodnesscentertext li:before {
    content: '.';
    display: block;
    color: #5fb136;
    position: absolute;
    top: -6px;
    left: 0;
    font-size: 20px;
}

.brand-ten .brand-goodnesscentertext li:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    height: 1px;
    background: #5fb136;
    font-size: 20px;
    transition: all .5s;
}

.brand-ten .brand-goodnesscentertext li:hover:after {
    width: 100%;
}


.brand-honor .brand-honor-box {
    overflow: hidden;
    padding: 5px 0px;
    position: relative;
}



.brand-honorswiper{
       position: relative;
    margin: 0 auto;
    max-width: 1380px;
    padding: 30px 10px;
    overflow: hidden; 
}

.brand-honor .brand-honor-box .brand-honor-item {
    padding: 30px 15px;
    float: left;
    text-align: center;
    transition: all .5s;
	border:1px solid #dfdfdf;
}
.brand-honor .brand-honor-box .brand-honor-item li {
    margin: 20px auto;
    color: #666;
}

.news-next, .news-prev {
    display: inline-block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 58%;
    transition: all .5s;
    border-radius: 2px;
}
.news-next {
    right: 0;
    background: url(../img/new-right.png) no-repeat center center;
}
.news-prev {
    left: 0;
    background: url(../img/new-left.png) no-repeat center center;
}






.mycontacttop{
    text-align: center;
}
.mycontacttop label{
    display: block;
    height: 143px;
    line-height: 160px;
    margin: 0;
    font-size:26px;
}
.mycontacttop img{

}

.mycontacttops{
    max-width: 1200px;
    margin: 43px auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mycontacttops a{
    display: block;
    width: 30%;
    position: relative;
    overflow: hidden;
}
.mycontacttops a img{
    width: 100%;
}
.mycontacttops a div{
    text-align: center;
    color: #333;
    position: absolute;
    width: 100%;
    bottom: 29%;
}
.mycontacttops a label{
    font-size: 16px;
}
.mycontacttops a p{
    margin-top: 6px;
    margin-bottom: 0;
}




#allmaps{
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    height: 500px;
    margin-bottom: 45px;
}


.contactliuTop{
    background: url(../img/221.png)center 0 no-repeat;
    width: 742px;
    background-position: 0;
    text-align: center;
    margin: auto;
    margin-bottom: 5rem;
    background-size: 100%;
}
.contactliuTop label{
    color: #005FBD;
    font-family: Arial Bold;
    display: block;
    font-size: 24px;
}
.contactliuTop span{
    color: #04254d;
    font-size: 23px;
}

.liuyan{
    max-width: 1200px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 3rem;
}

.liuyanLeft{
    float: left;
    width: 40%;
    overflow: hidden;
}

.liuyanLeft input{
    display: block;
    width: 100%;
    height: 49px;
    padding-left: 10px;
    margin-bottom: 2rem;
    outline: none;
}

.liuyan textarea{
    display: block;
    float: right;
    width: 53%;
    height: 194px;
    padding: 7px;
    outline: none;  
}

.liuyanbottom{
    float: left;
    width: 100%;
    text-align: right;
    margin-top: 1rem;
}
.liuyanbottom input{
    width: 162px;
    height: 48px;
    background: #005FBD;
    color: #fff;
    border: 0;
    font-size: 18px;
}






.listWrapper {
    padding: 40px 0 60px 0;
    overflow: hidden;
    background: #f4f4f4;
}

.grWidth {
    max-width: 1220px;
    padding: 0 10px;
    margin: auto;
}

.pTitle {
    font-size: 30px;
    font-weight: normal;
    color: #5fb136;
    margin: 0;
    margin-bottom: 20px;
}


.proIndex {
    margin-bottom: 40px;
    overflow: hidden;
}
.proIndex ul {
    width: 100%;
    overflow: hidden;
}


.proIndex li{    float: left;
    width: 24.5%;
    background: #fff;
    margin: 0 0.5% 8px 0;}
.proIndex li .pImg{width:100%;display:block;overflow:hidden;}
.proIndex li img{width:100%;transition:all 0.5s;}
.proIndex li .font{padding:10px 15px 0 15px;color:#999;text-align:center;line-height:22px;}
.proIndex li h4{margin: 0; font-size:14px;font-weight:normal;height:28px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;}
.proIndex li .font p{text-align: left;}
.proIndex li:nth-child(1){    width: 49.5%;}
.proIndex li:nth-child(1) img,.proIndex li:nth-child(1) .pImg{width:100%;}
.proIndex li:nth-child(1) .font{padding: 10px 35px 5px 35px;font-size:14px;}
.proIndex li:nth-child(1) .font h4{font-size:18px;height:35px;}
.proIndex li:nth-child(1) .font h4 a{color:#333;}
.proIndex li:nth-child(1) .font h4 a:hover{color:#5fb136;}
.proIndex li:nth-child(1) .box{height:90px;margin-bottom:10px;overflow:hidden;}
.proIndex li:nth-child(1) .btns a,.proList li .btns a{display:inline-block;width:90px;height:26px;text-align:center;line-height:26px;background:#999;color:#fff;margin-right:10px;transition:all 0.3s;border-radius:3px;font-size:12px;}
.proIndex li:nth-child(1) .btns a:hover,.proList li .btns a:hover{background:#5fb136;}
.proIndex li:hover{box-shadow:0 0 5px #ccc;}
.proIndex li h4:hover{color:#5fb136;}



.pTitle a {
    float: right;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}


.proIndex1 {
    margin-bottom: 40px;
    overflow: hidden;
}
.proIndex1 ul {
    width: 100%;
    overflow: hidden;
}


.proIndex1 li{    float: left;
    width: 24.5%;
    background: #fff;
    margin: 0 0.5% 8px 0;}
.proIndex1 li .pImg{width:100%;display:block;overflow:hidden;}
.proIndex1 li img{width: 100%;
    transition: all 0.5s;}
.proIndex1 li .font{padding:10px 15px 0 15px;color:#999;text-align:center;line-height:22px;}
.proIndex1 li h4{margin: 0; font-size:14px;font-weight:normal;height:28px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;}
.proIndex1 li .font p{text-align: left;min-height:67px;}
.proIndex1 li:hover{box-shadow:0 0 5px #ccc;}
.proIndex1 li h4:hover{color:#5fb136;}


.proIndex1 li .font p{text-align: left;min-height:67px;}
.proIndex2 li .font p{text-align: left;min-height:auto;}
.proIndex2 li {
    float: left;
    width: 31.5%;
    background: #fff;
    margin: 4px 1.5% 8px 0;
}
.proIndex2 li .font{
	    padding: 10px 15px 0 15px;
    color: #999;
	font-size:18px;
    text-align: center;
    line-height: 22px;
}
.proIndex2 li h4 {
    margin: 0;
    font-size: 18px;
    font-weight: normal;
    height:50px;
	line-height:50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
}
/* 采购表单样式 */
.orderBox{padding:25px;max-width:1220px;background:#fff;overflow:hidden;margin:0 auto;}
.orderBox h3{font-size:15px;line-height:18px;font-weight:normal;font-family:"微软雅黑";}
.orderBox .table{padding-top:20px;overflow:hidden;}
.orderBox .table li{width: 46%;
    float: left;
    height: 35px;
    margin-bottom: 10px;}
.orderBox .table li span{    float: left;
    border: 1px solid #ddd;
    line-height: 33px;
    height: 33px;
    width: 24%;
    display: inline-block;
    text-align: center;
    background: #f5f5f5;}
.orderBox .table li .iptTxt{    outline: none;
    float: right;
    width: 76%;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #f5f5f5;
    color: #666;
    padding-left: 10px;}
.orderBox .table li .iptCode{float: left;
    width: 48%;
    border: 1px solid #ddd;
    border-left-width: 0;
    height: 33px;
    line-height: 33px;
    background: #f5f5f5;
    color: #666;
    padding-left: 10px;
    outline: none;
}
.orderBox .table li .checkcode{width: 63px;height: 36px; float:left;border:1px solid #ddd;border-left-width:0;background:#eee;margin-left:2px;padding:6px;}
.orderBox .table li .btn{    padding: 0;width:72%;height:35px;line-height:35px;background:#333;cursor:pointer;font-size:14px;color:#fff;text-align:center;border:none;}
.orderBox .table li .btn:hover{background:#5fb136;color:#fff;}
.orderBox .table li.areLi{width: 47%;
    float: right;
    height: 171px;
    overflow: hidden;}
.orderBox .table li.areLi .txtContent{width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    outline: none;
    resize: none;
    padding: 15px;
    color: #666;
    line-height: 18px;
    background: #f1f1f1;
}




.sWrapper .sMain {
    background: #fff;
    overflow: hidden;
    padding: 20px;
    max-width: 1200px;
    margin-bottom: 20px;
}


/* 产品详情 */
.productshow_top{ height:; overflow: hidden; }
.product-show-pic{    width: 52%;}
.product-show-pic img{
    max-width: none;
}
.jqzoom>img{
    width: 100%;
    height: auto;
}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/* 图片小图样式 */
.spec-preview{width: 78%;
    float: left;}
.spec-scroll{    width: 18%;
    overflow: hidden;
    float: right;
    margin-top: 3px;}
 .spec-scroll a.prev{display:block;width:100%;height:5px;background:url(../img/gotop.gif) no-repeat center top; overflow:hidden;cursor:pointer; margin-bottom:10px;}
.spec-scroll a.prev:hover{background:url(../img/gotop2.gif) no-repeat center top;}
.spec-scroll a.next{display:block;width:100%;height:5px;background:url(../img/gobottom.gif) no-repeat center top; overflow:hidden;cursor:pointer; margin-top:10px;}
.spec-scroll a.next:hover{background:url(../img/gobottom2.gif) no-repeat center top;}
.spec-scroll .items{width:100%;height:445px;overflow:hidden; position: relative;}
.spec-scroll .items ul{position: absolute; width:100%;}
.spec-scroll .items ul li{width:100%;height:115px; text-align: center;}
.spec-scroll .items ul li img{width: 100%;
    height: 90px;cursor:pointer;border:1px solid #ececec;}
.spec-scroll .items ul li:hover img,.spec-scroll .items ul .on img{border:1px solid #5fb136;}
/* 产品右侧简介样式 */
.proShwo_right{width:45%;overflow:hidden;font-size:14px;}
.proShwo_right .title{font-size:30px;color:#5fb136;line-height:30px;padding-bottom:15px;border-bottom:1px dotted #e5e5e5;}
.proShwo_right .p1{height:40px;line-height:40px;border-bottom:1px dotted #e5e5e5;}
.proShwo_right .font{height:180px;overflow:hidden;margin-bottom:10px;padding-top:20px;}
.proShwo_right .font strong{font-size:18px;color:#333;}
.proShwo_right .phone{background: url('../img/picon2.jpg') no-repeat left center;padding-left:25px;margin-bottom:25px;color:#5fb139;}
.proShwo_right .phone span{font-size:22px;font-family:Arial;}
.proShwo_right .btn{padding: 0; display:inline-block;width:130px;height:40px;text-align:center;line-height:40px;background:#5fb139;color:#fff;font-size:16px;border-radius:5px;margin-right:20px;transition:all .3s;}
.proShwo_right .btn2{background:#5fb136;}
.proShwo_right .btn:hover{opacity:.8;}


.gr-tab-list {
    overflow: hidden;
    margin-top: 40px;
}
.gr-tab-list .hd {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e2e2e2;
    font-size: 16px;
}
.gr-tab-list .hd li {
    width: 150px;
    float: left;
    text-align: center;
    background: #f2f2f2;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
}
.gr-tab-list .hd li.on {
    background: #5fb136;
    color: #fff;
}
.gr-tab-list .hd li.on::before {
    position: absolute;
    content: "";
    bottom: -12px;
    left: 70px;
    border: 6px solid transparent;
    border-top-color: #5fb136;
}
.gr-tab-list .bd {
    overflow: hidden;
    padding-top: 15px;
}

.listcontactTop{
    width: 100%;
    margin-top: 5rem;
    margin-bottom: 6.4rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
        justify-content: space-between;
		position:relative;
}

.ddd img{
	position:relative;
}
.listcontactTop .listcontactTop_a{
    width: 32%;
    border: 1px solid #CCC;
    border-radius: 20px 0 20px 0;
    overflow: hidden;
    position: relative;
    padding: 30px;
    transition: all 0.3s;
    cursor: pointer;
}
.listcontactTop .listcontactTop_a div{
    font-size: 24px;
    color: #5fb136;
    font-weight: 700;
    height: 43px;
    border-bottom: 1px solid #ccc;
    position: relative;
    margin-bottom: 1.5rem;
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;


}
.listcontactTop div span{
    width: 95px;
    height: 1px;
    background: #5fb136;
    display: block;
    bottom: -1px;
    position: absolute;
}
.listcontactTop p{
    margin: 0;
    color: #666666;
    line-height: 27px;
}
.listcontactTop a{
    color: #666666;
}
.listcontactTop img{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.listcontactTop .listcontactTop_a:hover{
    background: #5fb136;
}
.listcontactTop .listcontactTop_a div{
    color: #fff;
    border-bottom: 1px solid #93e769;
}
.listcontactTop .listcontactTop_a:hover div span{
    background: #fff;
}
.listcontactTop .listcontactTop_a:hover p{
    color: #fff;
}
.listcontactTop .listcontactTop_a:hover a{
    color: #fff;
}



.listcontactTop .listcontactTop_a.on{
    background: #5fb136;
}
.listcontactTop .listcontactTop_a.on div{
    color: #fff;
    border-bottom: 1px solid #93e769;
}
.listcontactTop .listcontactTop_a.on div span{
    background: #fff;
}
.listcontactTop .listcontactTop_a.on p{
    color: #fff;
}
.listcontactTop .listcontactTop_a.on a{
    color: #fff;
}



.listcontactmap{
    width: 100%;
}
.listcontactmap .listcontactmapbox{
    display: none;
    width: 100%;
    height: 814px;
}

#map1{
    width: 100%;
    height: 100%;
}
#map2{
    width: 100%;
    height: 100%;
}
#map3{
    width: 100%;
    height: 100%;
}
.listcontact11111{
	max-width:1220px;
	margin:30pxauto;
	padding:0 10px;
}
.listcontact .xxxxxxxxx{
	width:50%;
	float:left;
}

.listcontact .wenzi_0001{
	width:48%;
	float:right;
	word-wrap:break-word
}
.izl-rmenu{position:fixed;left:92%;bottom:10px;padding-bottom:73px;background:url(../image/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{display: block; width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#6da9de;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../image/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{max-width: none; position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../image/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../image/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}


.listhonor1 a{
    display: block;
    margin-bottom: 3rem;
    width: 17%;
	border:1px solid #dfdfdf;
    overflow: hidden;
    margin-right: 2.6%;
}
.listhonor1 a:nth-child(5n){
	margin-right:0;
}
.listhonor1 a:nth-child(4n){
    margin-right: 2.6%;
}