body{ background:#ffffff; font-size:14px; font-family:"微软雅黑"}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
a{text-decoration:none; color: inherit;}
ul,li{list-style:none}
img { max-width:100%;vertical-align: middle !important; border: 0; }
input:autofill {border:none ! important;}
input:-webkit-autofill {border:none ! important;}
.w1200 {
	width: 1400px;
	max-width: 73.5%;
	min-width: 1200px;
	margin: 0 auto;
	
}
.fl{ float:left}
.fr{ float:right}
.clearfix:after {
    content: '';
    clear: both;
    display: block;
}



.x-key {
    color: #0158cb;
    font-size:15px;
    line-height:44px;
 padding:0;
}
.x-header-right{padding:0;}
.x-key a {
    color: #666666;
    margin-right: 6px;
}
.x-header-right #formsearch {
    border: 1px solid #0158cb;
    width: 420px;
    border-radius: 4px;
}
.x-header-right #formSearch #infoname {
    float: left;
    background: none;
    outline: none;
    border: none;
    width: calc(100% - 60px);
    color: #333;
    height: 40px;
    padding-left: 10px;
}
.x-header-right #formSearch #soo {
    float: left;
    outline: none;
    border: none;
    width: 60px;
    height: 42px;
    background: url(../images/sousuo.png) no-repeat 20px center #313540;
   background-size: 18px;
    color: #fff;
    padding-left: 30px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.x-header-right .search-bg{
 background: #fff;
    width: 100%;
    
}
#formSearch{
display: flex;
    justify-content: flex-end;
    align-items: center;
}
.x-key a:hover {
    color: #0158cb;
}
.x-header-right{ width: 77%; padding: 12px 0; }
.x-header .head-container{}
.x-logo {padding: 20px 0;}
.x-logo .img {float: left;}
.x-logo .img img {max-width: 100%;}

.x-logo .text {float: left;position: relative;padding-left: 52px;padding-top: 13px;}
.x-logo .text::before {content: "";width: 1px;height: 80px;position: absolute;top: 10px;background-color: #1007c1;left: 25px;}
.x-logo .text h1 {color: #0158cb;font-size: 25px;
    line-height: 40px;
    font-weight: 550;margin-bottom: 0;}
.x-logo .text p {color: #222222;font-size: 20px;
    line-height: 40px;
    font-weight: 500;}
.x-seo a { color: #ffffff;font-size: 14px;
    line-height: 30px;
    font-weight: 400;text-decoration: none;}
.x-seo a:hover {color: rgba(255, 255, 255, 0.7);text-decoration: none;}
.x-seo { background-color: #0158cb; text-align: center; color: #ffffff; font: 400 14px/30px "Microsoft yahei"; 
padding-bottom: 3px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;width: 340px; margin-left: 100px;}
.x-header-hotline {float: right;text-align: left; padding: 34px 0}
.x-header-hotline h3 {color: #666666;font-size: 14px;
    line-height: 20px;
    font-weight: 400;}
.x-header-hotline p {color: #333333;font-size: 30px;
    line-height: 36px;
    font-weight: 600;margin-bottom: 0;}
@media (max-width: 1090px){
    .x-logo .text h1 {font-size: 20px;}
}
@media (max-width: 991px){
    .hidden-sm {display: none!important;}
}
.header-nav{ background:#91c633; width:100%}


.header-navlists .top-nav{}
.header-navlists .top-nav .container {

width: 100%;
}
.header-navlists .top-nav .logo { color: #2b2b2b; float: left; margin-top: 5px;display: none; }
.header-navlists .top-nav .logo img{     display: none;}
.header-navlists .top-nav .logo .logon { margin-left: 10px; margin-top: 5px; }
.header-navlists .top-nav .logo .logon h2 { font-size: 20px; margin: 5px 0; }
.header-navlists .top-nav .logo .logon p { font-size: 14px; margin: 0; color: #666; }
.header-navlists .top-nav .navbar {  border: 0;margin:0; width: 65% }
.header-navlists .top-nav .navbar > ul{height: 60px;
color: #fff;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;}
.header-navlists .top-nav .navbar > ul > li { float: left; line-height:60px; position: relative;    width: 14.3%; text-align: center; transition: 300ms; }
.header-navlists .top-nav .navbar > ul > li:hover{/*background-color: rgb(1 88 203);*/ font-weight: bold;}
.header-navlists .top-nav .navbar > ul > li > a { font-size: 18px; color:#fff; display: block; color: inherit; position: relative;padding: 0 5px; text-decoration: none; }
.header-navlists .top-nav .navbar > ul > li .subnav {position: absolute;
z-index: 9999;
width: 100%;
    left: 0;
    top: 60px;
    background: #ffffff;
    padding: 5px 0;
    opacity: 0;
    border-radius: 5px;
visibility: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all .5s ease;
transition: all .5s ease; }
.header-navlists .top-nav .navbar > ul > li .subnav::before {
    content: "";
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid;
    border-color: transparent transparent #fff;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}
.navbarr{ width: 30% }
.header-navlists .top-nav .navbar  ul li.active a{ font-weight: 600; }
.header-navlists .top-nav .navbar > ul > li .subnav li { line-height: 35px; font-size: 14px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.header-navlists .top-nav .navbar > ul > li .subnav li a { display: block; padding: 0 5px; text-decoration: none;
    font-size: 14px;
    color: #515050;width: 100%;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.header-navlists .top-nav .navbar > ul > li .subnav li:hover {background-color:#91c633;}
.header-navlists .top-nav .navbar > ul > li .subnav li:hover a { color: #fff; }
.header-navlists .top-nav .navbar > ul > li:hover > a{color:#fff;}
.header-navlists .top-nav .navbar > ul > li:hover .subnav { opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0); }
.header-navlists .top-nav .t-contact {display:none; float: right; line-height: 35px; font-size: 16px; font-weight: 700; padding-left: 40px; background: url(/mFile/3021/images/phone.png) no-repeat left center; margin-top: 20px; }
.header-navlists .top-nav .nav-toggle { float: right; margin-top: 8px; padding: 9px 10px; border: 1px solid #fff; border-radius: 4px; cursor: pointer; display: none; }
.header-navlists .top-nav .nav-toggle span { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #fff; margin-top:3px;}
.header-navlists .top-nav .nav-toggle span:first-child{margin-top:0;}
.header-navlists .top-nav .nav-toggle span   span { margin-top: 4px; }
.header-navlists .top-nav .mobile-navbar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 997; opacity: 0; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; }
.header-navlists .top-nav .mobile-navbar .mask { position: fixed; width: 100%; height: 100%; z-index: 998; background-color: rgba(0, 0, 0, 0.3); }
.header-navlists .top-nav .mobile-navbar .menu { position: fixed; width: 300px; height: 100vh; right: 0; top: 0; z-index: 999; background-color: #fff; padding: 0 20px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all ease .3s; transition: all ease .3s;overflow: auto; }
.header-navlists .top-nav .mobile-navbar .menu .menu-box { margin-top: 10px; text-align: right; }
.header-navlists .top-nav .mobile-navbar .menu .menu-box .menu-close { display: inline-block; width: 30px; height: 30px; background: url(/mFile/3021/images/close.png) no-repeat center center/auto 20px; cursor: pointer; }
.header-navlists .top-nav .mobile-navbar .menu > ul > li { border-bottom: 1px solid #efefef; }
.header-navlists .top-nav .mobile-navbar .menu > ul > li > a { display: block; line-height: 22px; font-size: 18px; padding: 16px 30px 16px 0; color: #333; position: relative; }
.header-navlists .top-nav .mobile-navbar .menu > ul > li > a .toggle { display: inline-block; width: 25px; height: 25px; position: absolute; right: 0; top: 14px; background: url(/mFile/3021/images/toggle.png) no-repeat center center/auto 100%; -webkit-transition: all ease .3s; transition: all ease .3s; }
.header-navlists .top-nav .mobile-navbar .menu > ul > li > a.active .toggle { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.header-navlists .top-nav .mobile-navbar .menu > ul > li .subnav { padding: 10px 30px 10px 20px; display: none; }
.header-navlists .top-nav .mobile-navbar .menu > ul > li .subnav li { padding: 7px 0; }
.header-navlists .top-nav .mobile-navbar .menu > ul > li .subnav li a { color: #999; }
.header-navlists .top-nav .mobile-navbar.show { opacity: 1; visibility: visible; }
.header-navlists .top-nav .mobile-navbar.show .menu { -webkit-transform: translateX(0); transform: translateX(0); }
.header-navlists .top-nav .navbar > ul > li::after{
content: '';
position: absolute;
z-index: 100;
width: 1px;
right: 0;
height: 16px;
top: 25px;     transform: rotate(17deg);
background-color: #fff;
}
.header-navlists .top-nav .navbar > ul > li:last-child::after{display:none;}
@media (min-width: 992px) and (max-width: 1200px) { .header-navlists .top-nav .navbar { margin-left: 30px; }
.header-navlists .top-nav .navbar > ul > li { margin: 0 10px; } }
@media (max-width: 992px) { 
.header-navlists .top-nav .logo { display: inline-block; }
.header-navlists .top-nav { padding: 5px 0 10px; background: #0158cb;}
.header-navlists .top-nav .navbar { display: none; }
.header-navlists .top-nav .nav-toggle { display: block; }
.header-navlists .top-nav .t-contact { display: none; } }
@media (max-width: 768px) { .header-navlists .top-nav .logo .logon h2 { font-size: 16px; }
.header-navlists .top-nav .logo .logon p { font-size: 14px; } }
@media (max-width: 320px) { .header-navlists .top-nav .logo img { width: 40px; }
.header-navlists .top-nav .logo .logon { display: none; }
.header-navlists .top-nav .nav-toggle { margin-top: 10px; } }
.header-navlists .top-nav .mobile-navbar.show .menu ul{height: 82%;overflow-y: auto;}

@media (max-width: 996px){
.logo-left h1{
font-size: 18px;
    color: #fff;
    margin-top: 0px;
    display: inline-block;
line-height: 32px;
}
}
 .logo-left>.logo{float: left;
font-size: 16px;
    color: #fff !important;
    font-weight: bold;
    vertical-align: middle;margin-right:15px;}
    .swiper-pagination-bullet-active{ background:#91c633 !important}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px !important; }
.index-banner .pc-slide{padding: 0;}
.index-banner .swiper-container { width: 100%;}
.index-banner .swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
 }
.index-banner .swiper-slide-active img,.index-banner .swiper-slide-duplicate-active img{
    transition:5s linear;
    transform:scale(1,1);
}   
.index-banner .swiper-next{width: 50px ;height: 50px;background-image: url(../images/r-arrow.png);display: block !important;background-color: rgba(0,0,0,.5);background-size: 28px;-webkit-transition: all ease .35s;transition: all ease .35s;}
.index-banner .swiper-prev{width: 50px;height: 50px ;background-image: url(../images/l-arrow.png);display: block !important;background-color: rgba(0,0,0,.5);background-size: 28px;-webkit-transition: all ease .35s;transition: all ease .35s;}
.index-banner .swiper-next:hover, .index-banner .swiper-prev:hover {background-color: #91c633;}
.index-banner .swiper-pagination-bullet{transition: all ease .3s;width: 14px;
    height: 14px;
    border-radius: 0;
    background: #fff;
    opacity: 1;}
.index-banner .swiper-pagination-bullet-active {background: #91c633 !important;}



@media (max-width:765px) {
    .index-banner .swiper-next,.index-banner .swiper-prev{width: 35px;height: 35px;background-size: 24px;}
    .index-banner .swiper-pagination{display: none;}
    .index-banner .swiper-slide img{transform: scale(1);}
}


.index-pro{ padding-top:50px; padding-bottom:40px;}
.index-tit h3 {
    margin: 0;
    font-size: 34px;
    color: #8dc923;
    font-weight: bold;
    
    text-transform: uppercase;
}
.index-tit .index-des{ font-size:24px; font-family:Arial; color:#555555}




@media (max-width: 765px) {
/* .box3009_-4359 .m-site { padding: 15px 0; margin-bottom: 30px; border-bottom: 1px solid #efefef; }
  .box3009_-4359 .m-site .pos { float: left; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; }
  .box3009_-4359 .m-site .more { float: right; color: #666; } */
.list-unstyled li a::after{display:none;}
}
@media (min-width: 768px) {/* .box3009_-4359 .m-classify { margin-bottom: 50px; }*/
  .list-unstyled { text-align: center; }
  .list-unstyled  li { display: inline-block; /*margin: 0 5px;*/ }
  .list-unstyled li a { min-width: auto;
    max-width: auto;
    display: block;
    margin: 10px;
    font-size: 18px;
    padding: 14px 1%;
    border: none;
    background: none;
    color: #313540;
    border: 3px solid;
    /*border-color: #d8d8d8;*/
    vertical-align: middle;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    width: 100%;
    -webkit-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); border:none ; font-weight:600; font-family:"微软雅黑" !important; text-decoration:none}
  .list-unstyled li a:hover { color: #fff;/*border-color: #0158cb;*/ }
  .list-unstyled li.active a { color: #fff;/*border-color: #0158cb;*/ } }
.list-unstyled li a::after{
content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #37474f;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
  .list-unstyled li a:hover::after,  .list-unstyled li.active a::after {
    opacity: 1;
    background-color: #8dc923;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
@media (max-width: 768px) { 
  .list-unstyled { position: fixed; top: 0; left: 0; height: 100%; width: 70%; background-color: #fff; z-index: 1002; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
  .list-unstyled h3 { font-size: 20px; padding: 15px; border-bottom: 1px solid #efefef; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .list-unstyled li a { display: block; color: #666; font-size: 14px; line-height: 40px; padding: 0 15px; -webkit-transition: all ease .3s; transition: all ease .3s; border-bottom: 1px solid #efefef; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .list-unstyled li a:hover { background-color: #0158cb; color: #fff; border-bottom: 1px solid #fff; }
  .list-unstyled li.active a { background-color: #0158cb; color: #fff; border-bottom: 1px solid #fff; }
  .list-unstyled.show .mask { opacity: 1; visibility: visible; }
  .list-unstyled.show ul { -webkit-transform: translateX(0); transform: translateX(0); }
.list-unstyled li a::after{display:none;}
 }








.in-product{ padding-top:50px;}

.in-product .pro-item { width: 25%;
  /*  margin-left: 22px;*/
    margin-bottom: 28px;
    /*border: 1px solid #e6e6e6;
    padding: 10px 10px;*/ }
 .in-product .pro-item a {
   display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center; text-decoration:none
}
 .in-product .pro-item:hover .caption .title{color: #8dc923;}
.in-product .pro-item:hover .pro-img{border: 1px solid #8dc923;}
 .in-product .pro-item .pro-img { width: 100%;border: 1px solid #e6e6e6;
    padding: 10px 10px;
    text-align: center;
    overflow: hidden;
    float: left;
    vertical-align: middle;}
.in-product .pro-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; }
.in-product .pro-item .caption { /*position: absolute;
    bottom: 0;*/
    /*background: #f3f3f3;*/
    width: 100%;
    text-align: left;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;}
.in-product .pro-item .caption .title { font-weight: bold;
    font-size: 18px;
    color: #313540;
    font-size: 18px;
    line-height: 60px; padding-left:6%;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;}
 .in-product .pro-item .caption .sub-title { line-height: 40px;color: #666; text-align:center; margin-top: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; background:#f2f2f2 }
 .in-product .pro-item:hover .pro-img img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.in-product .pro-item:hover .caption .sub-title{background: -webkit-linear-gradient(left,#75af17,#1197f6); color:#fff}
@media (max-width: 1420px) { 
 .in-product .pro-item{
width: 24%;
    margin-left: 1%;
    margin-bottom: 10px;
}



}
@media (max-width: 992px) { 
.in-product .pro-item{
width: 48%;
    margin: 0 1% 15px;
    box-sizing: border-box;
}

 .in-product{padding: 0 20px;}
}
@media (max-width: 768px) { 
 .in-product .pro-item { margin-bottom: 20px; padding: 0 10px; }
 .in-product .pro-item .caption { padding: 0;position: relative;}
 .in-product .pro-item .caption .title { font-size: 15px;
    line-height: 35px; }
 .in-product .pro-item .caption .sub-title { font-size: 14px; }
 .in-product .pro-item:nth-child(2n){margin-right:0;}
 }


@media (max-width: 768px) { 
 .in-product .pro-item {
 width: 49%;
    margin: 0 auto;
    margin-right: 2%;
    margin-bottom: 10px;
padding: 0;
}
.in-product .row {
    margin: 0;
}
}
.index-about{ width:100%; background:url(../images/index-aboutbg.png) no-repeat;}
.index-about-title{ padding-top:36px; padding-bottom:30px; text-align:center; color:#fff}
.index-about-title .index-about-tit{ font-size:34px; font-weight:600; line-height:34px; padding-bottom:12px;}
.index-about-title .index-about-entit{ font-size:24px; font-family:Arial; line-height:24px; }
.index-aboutl{ width: 55%;
    padding-left: 3.8%; }
.index-aboutl h1{ font-family:Arial; font-weight:normal; font-size:128px; color:#fff; line-height:100px; padding-bottom:23px;}

.index-aboutl p{ font-size:16px; line-height:34px; color:#444444;   overflow:hidden

}
.calltel{ padding-top: 36px; }
.index-aboutl .rm{ text-align:left; padding-top:35px;}
.index-aboutl .rmore{display:inline-block; color:#0840af; font-size:14px; font-weight:bold; text-align:center; }
.index-aboutrimg{ width:100%}
.index-aboutrimg img{ max-width:100%}
.index-about-con{ background:url(../images/index-aboutbombg.png) no-repeat}
.index-aboutr{      padding-right: 3%; 
    padding-top: 2.4%; padding-bottom: 2.4%}
    .index-about-con2{ padding-top:76px; margin-bottom:36px; position:relative}
    .pet-con{ width:54%;  /*padding-top:86px;*/ padding-bottom:88px;}
.pet-con h3{ font-size:68px; color:#e6e8e1; line-height:68px; padding-bottom:12px; font-family:Arial; font-weight:600}
.pet-con h2{color: #313540;
    font-size: 38px;
    line-height: 38px; font-weight:600 }
.pet-con h2 span{ font-size: 38px;
    color: #8dc923;
    font-weight: bold; line-height:38px;}
.pet-con h4{ color:#9a5847; font-size:33px; line-height:33px; font-weight: bold; padding-top:70px; padding-bottom:31px;}
.pet-con-p p{ font-size: 18px; line-height:220%;  color:#313540; text-align: justify}
.pet-con-p{ padding-top:65px;}
.pet-conimg{ width:100%}
.pet-con{ width:55%}
.xmfl {
    width: 100%;
    margin: 0 auto;
    margin-top: 58px;
}.xmfl li:first-child {
    margin-left: 0;
}.xmfl .selected {
  /*  background: #fff;*/
}.xmfl li {
    float: left;
   /* height: 80px;*/
    border-radius: 5px !important;
    width: 23.5%;
    margin-left: 2%;
    text-align: center;
    color: #fff;
   
    background: #e6e9e3;-webkit-transition: all .3s ease;
    transition: all .3s ease;
}.xmfl .selected a {
    color: #fff; text-decoration:none
}.groupove-xm {
    padding: 14px 0;
}.xmfl h5 {
   font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #313540;
}.xmfl li:first-child {
    margin-left: 0;
}.xmfl li:hover {
    background: #8dc923;
    border: none;
    border-radius: 5px !important;
    /* background: #013b84; */
}.xmfl li:hover  h5{ color:#fff}
.aboutimg li{ width:42%; margin-right:1%; float:left; margin-top:2%}
.index-about-con2l{ width:45%}
.index-parnews{ background:url(../images/parbg.jpg) repeat-x; width:100%}
.index-partner h3{ font-size:28px; color:#474a53; font-weight:600; margin-bottom:78px;}
.index-partner{ padding-top:135px; width:67%}
.index-news{ width:30%; padding-bottom: 70px;}




.index-partner li{ transition: all .3s linear; margin-bottom:2%}

.index-partner li:hover{webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0);
    }
    .index-partner li:hover img {
     border-radius:5px;  }
    .index-partner-img{ overflow:hidden}
    .index-partner-img img{    max-width: 100%;
  transition: all cubic-bezier(.165,.84,.44,1) .8s;}
    .index-partn{ padding-bottom:2.78vh;}
    .hzhb{ padding-top:40px;}
    
    
.news-fl .news-intro .info{background:0;position:static}
 .news-fl .news-intro .info span{color:#666;margin-left:0;font-size:14px;font-weight:normal;}
 
.news-fl .news-intro{padding:0; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d3d3d3}
.news-fl .news-intro .content{white-space:normal;font-size:14px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}

 
 .news-fl:hover .title a{color:#f85810}
.news-fl .news-intro .title i{ background:url(../images/index-news-icon.png) left center no-repeat; padding-left:10px;font-style:normal;font-size: 16px;
    color: #373737;
    line-height: 28px;}
 .news-fl{width: auto;
   
    float: left;
    
    background-color: #ffffff;
  

    display: block;
    -webkit-transition: all ease-out .3s;
    transition: all ease-out .3s; position:relative}
 .news-fl .news-intro .title{ height:28px; overflow:hidden; position:relative; }
 .news-fl:after{display:none}
 .news-fl .news-img{overflow:hidden;display:block;}
 .news-fl:hover{-webkit-box-shadow:0 2px 17px rgba(0,0,0,.1);box-shadow:0 2px 17px rgba(0,0,0,.1)}

.in-news-tit{ font-size:34px; font-weight:bold; color:#77b011; padding-bottom:36px;}
.in-news-tit span{ font-size:24px; font-family:Arial; color:#555555; font-weight:normal; padding-left:10px;}
.news-fl ul{ padding:20px;}
.news-fl .news-intro .title .date{ font-size:14px; font-family:Arial; color:#b5b5b5;    position: absolute;
    right: 0;
    bottom: 0;}
    .news-fl .more {
    text-align: center;
    overflow: hidden; position:absolute; left:34%;  bottom:-45px;
}
.news-fl .more a {
    margin: 30px auto;
    display: block;
    width: 135px;
    height: 41px;
    line-height: 41px;
    font-size: 16px;
    font-family: Arial;
    color: rgb(255, 255, 255);
    background: #8dc923;
 
    text-decoration: none;
}


.breadc {
    border-bottom: 1px solid #eeeeee; background:#f7f7f7; padding-top: 20px;
}
.parentcat {
    /*padding-top: 30px;*/
    width: 15%;
    
    
}
.parentcat h2 {
  font-size: 34px;
    color: #313540;
    font-weight: bold;
    padding-bottom: 0px;
    line-height:76px;
    
  
}




.breadcrumb1 {
    padding-top: 46px;
    
}
.breadcrumb1 .first {
    font-size: 14px;
    color: #666666;background:url(../images/xfz-icon.png) no-repeat left center; padding-left:24px;
}
.breadcrumb1 a {
    font-size: 14px;
    color: #666666;
}
.pro-lm {
   
    color: #444;
}.pro-lm .tabs-title {

    width: 100%;
    font-size: 0;
}.pro-lm .tabs-title a:first-child, .pro-lm .tabs-title a:hover {
    background: #8dc923;
    color: #fff;
}.pro-lm .tabs-title a {
   display: inline-block;
    color: #313540;
    font-size: 18px;
    line-height: 36px; font-weight:bold;
    padding: 20px 2%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center; text-decoration:none
}
.pronl{ width:60%}
.breadcl .first{
    font-size: 16px;
    color: #6f6f6f;
    background: url(../images/seat.png) no-repeat left center;
    padding-left: 24px; display:inline-block
}
.breadcl a{ font-size:16px; color:#6f6f6f; text-decoration:none }
.breadcl .first a{ font-size: 1.6px;
    color: #6f6f6f; }
    
    .breadcr .back {
  
}
.breadcr .back a{ display:inline-block; text-decoration: none;    color: #fff;
    background: #313540; font-size:16px; padding:7px 24px}
.cl-content p {
    font-size: 16px;
    line-height: 200%;
    margin-top: 5px;
    text-indent: 2em;
}
.weiz{ padding-top:23px;}
.breadc {
    border-bottom: 1px solid #eeeeee; background:#f7f7f7
}
.parentcat {
    
    width: 15%;
    
    
}
.parentcat h2 {
  font-size: 34px;
    color: #313540;
    font-weight: bold;
    padding-bottom: 0px;
    line-height:76px;
    
  
}



.product-lists{ padding-top:20px;}

.product-lists .pro-item { width: 25%;
  
    margin-bottom: 28px;
    }
 .product-lists .pro-item a {
   display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center; text-decoration:none
}
 .product-lists .pro-item:hover .caption .title{color: #8dc923;}
.product-lists .pro-item:hover .pro-img{border: 1px solid #8dc923;}
 .product-lists .pro-item .pro-img { width: 100%;border: 1px solid #e6e6e6;
    padding: 10px 10px;
    text-align: center;
    overflow: hidden;
    float: left;
    vertical-align: middle;}
.product-lists .pro-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; }
.product-lists .pro-item .caption { 
    width: 100%;
    text-align: left;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;}
.product-lists .pro-item .caption .title { font-weight: bold;
    font-size: 18px;
    color: #313540;
    font-size: 18px;
    line-height: 60px;/* padding-left:6%;*/
    -webkit-transition: all ease .3s;
    transition: all ease .3s;}
 .product-lists .pro-item .caption .sub-title { line-height: 40px;color: #666; text-align:center; margin-top: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; background:#f2f2f2 }
 .product-lists .pro-item:hover .pro-img img {  }
.product-lists .pro-item:hover .caption .sub-title{background: -webkit-linear-gradient(left,#75af17,#1197f6); color:#fff}
@media (max-width: 1420px) { 
 .product-lists .pro-item{
width: 32%;
    margin-left: 1%;
    margin-bottom: 10px;
}



}
@media (max-width: 992px) { 
.product-lists .pro-item{
width: 48%;
    margin: 0 1% 15px;
    box-sizing: border-box;
}

 .product-lists{padding: 0 20px;}
}
@media (max-width: 768px) { 
 .product-lists .pro-item { margin-bottom: 20px; padding: 0 10px; }
 .product-lists .pro-item .caption { padding: 0;position: relative;}
 .product-lists .pro-item .caption .title { font-size: 15px;
    line-height: 35px; }
 .product-lists .pro-item .caption .sub-title { font-size: 14px; }
 .product-lists .pro-item:nth-child(2n){margin-right:0;}
 }


@media (max-width: 768px) { 
 .product-lists .pro-item {
 width: 49%;
    margin: 0 auto;
    margin-right: 2%;
    margin-bottom: 10px;
padding: 0;
}
.product-lists .row {
    margin: 0;
}
}
.breadcl .first{
    font-size: 16px;
    color: #6f6f6f;
    background: url(../images/seat.png) no-repeat left center;
    padding-left: 24px; display:inline-block
}
.breadcl a{ font-size:16px; color:#6f6f6f; text-decoration:none }
.breadcl .first a{ font-size: 1.6px;
    color: #6f6f6f; }
    
    .breadcr .back {
  
}
.breadcr .back a{ display:inline-block;     color: #fff;
    background: #313540; font-size:16px; padding:7px 24px}

.weiz{ padding-top:23px;}

.breadcrumb1 {
    padding-top: 46px;
    
}
.breadcrumb1 .first {
    font-size: 14px;
    color: #666666;background:url(../images/xfz-icon.png) no-repeat left center; padding-left:24px;
}
.breadcrumb1 a {
    font-size: 14px;
    color: #666666;
}
.products-lm {
   
    color: #444;
}.products-lm .tabs-title {
    
    width: 100%;
    font-size: 0;
}
 .products-lm .tabs-title a:hover {
    background: #8dc923;
    color: #fff;
}
.products-lm .tabs-title a.selected{
    background: #8dc923;
    color: #fff;
}
.products-lm .tabs-title a {
   display: inline-block;
    color: #313540;
    font-size: 18px;
    line-height: 36px; font-weight:bold;
    padding: 20px 2%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center; text-decoration:none
}
.pronl{ width:60%}
.page-con{ padding-top:50px; padding-bottom:60px;}
.pages-con p{ font-size:18px; line-height:200%; text-indent:2em; margin-top:5px;}
.news-lists {
  font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif;
  color: #333;
  width: 100%;
  margin: 40px auto;
}
.news-lists * {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.news-lists a {
  text-decoration: none;
  color: inherit;
}
.news-lists img {
  max-width: 100%;
  border: none;
  vertical-align: middle;
}
.news-lists ul,
.news-lists li {
  list-style: none;
}
.news-lists .news-item {
  padding: 20px;
  margin: 15px 0px;
  border: 1px solid #eee;
  overflow: hidden;
  width: 49%;
  float: left; margin-right:1%;
  transition: all ease .3s;
}
.news-lists .news-item:nth-child(2n){ margin-right:0}
.news-lists .news-item:hover{
 box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  border: 1px solid #91c633;
  background:#91c633;
}
.news-lists .news-item:hover .date-info h2,.news-lists .news-item:hover .date-info h3,.news-lists .news-item:hover .news-title a,.news-lists .news-item:hover .news-content p{color:#fff}

.news-lists .news-item .date-info {
  width: 80px;
  height: 80px;
  float: left;
  border-radius: 4px;
  text-align: center;
  overflow: hidden;
}
.news-lists .news-item .date-info h2 {
  height: 55px;
  line-height: 55px;
  font-size: 38px;
  color: #aaa;
transition: all ease .3s;
}
.news-lists .news-item .date-info h3 {
  height: 25px;
  line-height: 25px;
  color: #aaa;
  font-size: 14px;
  font-weight: normal;
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
.news-lists .news-item .news-content {
  margin-left: 110px;
}
.news-lists .news-item .news-content .news-title {
  font-size: 16px;
  font-weight: normal;
  margin-top:5px;
  margin-bottom: 10px; color: #999
}
.news-lists .news-item:hover .news-content .news-title{ color: #fff;transition: all ease .3s; }
.news-lists .news-item .news-content a {
  -webkit-transition: all ease .3s;
  transition: all ease .3s;
}
.news-lists .news-item .news-content p {
  font-size: 14px;
  color: #999;
transition: all ease .3s;
}
.nhonor{
 
  }
.nhonor ul{
  width:100%;
  overflow:hidden;
  }
.nhonor ul li{
  margin:10px 0;
  }
.nhonor ul li img{
  max-width:100%;
  height:auto;
  }
.nhonor ul li:hover img{
  -webkit-transform: scale(1.1);
    transform: scale(1.02);
  }
.poptrox-popup{
  overflow:visible !important;
}


.partners-lists li{ transition: all .3s linear; margin-bottom:2%}

.partners-lists li:hover{webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0);
    }
    .partners-lists li:hover img {
   border-radius:5px;filter:grayscale(0)  }
    .partners-lists-img{ overflow:hidden}
    .partners-lists-img img{    max-width: 100%;
  transition: all cubic-bezier(.165,.84,.44,1) .8s;filter:grayscale(100%)}
    .index-partn{ padding-bottom:2.78vh;}
    .hzhb{ padding-top:40px;}



    .ncontact {
	margin-top: 10px;
	margin-bottom: 60px;
}
.ncontact .ncontactlf{
	width:46%;
	overflow:hidden;
	}
/*.ncontact .ncontactlf .ncontactimg{
	width:100%;
	overflow:hidden;
	}*/
.ncontactnr .nlogo img{
	max-width:100%;
	height:auto;
	}
.ncontactnr,.ncontactnr .nlogo{
	width:100%;
	overflow:hidden;
	}
.ncontactnr .nlogo{
	margin-bottom:10px;
	}
.ncontactnr{
	padding:26px 5% 50px 5%;
	border:solid 1px #d5d5d5;

	width:89.3%
	}
.ncontactnr .ncontactlist{
	width:100%;
	overflow:hidden;
	border-top:solid 1px #e2e2e2;
	padding-top:30px;
	}
.ncontactnr .ncontactlist p{
	width:100%;
	overflow:hidden;
	line-height:30px;
	font-size:16px;
	color:#343434;
	margin-top:10px;
	}
.ncontact .ncontactrt{
	width: 52%;
	overflow:hidden;
	}
.formBox{ width:390px; margin:0 auto; overflow:hidden; /*padding-top:20px*/}
.formBox .inputbox{ height:36px; line-height:36px; margin-top:20px;}
.formBox .inputbox label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox input{ width:305px; float:right; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}
.formBox .inputbox input.yzm{ float:right; width:172px}
.formBox .inputbox .yzmimg{ float:right; width:123px; height:36px; margin-left:10px}
.formBox .inputbox .btn1{ width:100px; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#fff; text-align:center; background:#91c633; float:left;border-radius:4px; cursor:pointer; outline:none; letter-spacing:1px; padding:0}
.formBox .inputbox2{ min-height:36px; line-height:36px; margin-top:20px; overflow:hidden}
.formBox .inputbox2 label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox2 label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox2 textarea{ width:305px; float:right; height:80px;line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}

/**/
.sx_con{ font-size:12px; color:#666;}
.sx_con .title{ text-align:center; border-bottom:#bbbbbb2e 1px solid; padding-bottom:10px;}
.sx_con .title h1{ color:#336699; font-size:14px; line-height:30px;}
.sx_con .title p span{ margin:0 10px;}
.sx_con .contMain{ padding:20px 0; line-height:200%;}
.sx_con .contMain .tiyao{ font-size: 14px; display: none; border:#E0E0E0 1px dashed; background:#F5F8FC; padding:10px; margin-bottom:30px;}
.sx_con .change{ margin-top:10px;}
.sx_con .change a{ color:#666; text-decoration:none; font-weight:normal;}
.sx_con .change a:hover{ color:#c49c5e;}
.sx_con .change .lastone{ color:#666666;}
.sx_con .key{ background:#F8F8F8 url(/iFile/165/artIcon.gif) no-repeat 10px 10px; height:30px; line-height:30px; padding-left:30px; margin-top: 30px;}
.sx_con .key a{ color:#4A628D; text-decoration:none;}
.sx_con .newslist h2{ font-size:14px; font-family:"微软雅黑",Arial; color:#505050; height:30px; line-height:30px;}
.sx_con .newslist li a{ color:#666; text-decoration:none; line-height:26px;}
.sx_con .title .title1{ font-size: 28px !important;color: #333;/*margin-bottom:30px !important;*/}
.nscontent p {
    font-family: "微软雅黑";
    text-indent: 2em;
    font-size: 16px;
    line-height: 200%;
    margin-top: 10px;
}.lb{
  
  margin-top: 20px; font-size: 16px; color: #333
}.fz16 {
  font-size: 16px;
  color: #333;
}.fz16 a {
 
  color: #3274b7
}.its {
  width: 100%;
  margin-top: 40px;
}.fz18 {
  font-size: 18px;
  color: #333;
}.its .txt2 {
  width: 100%;
  line-height: 1.6;
  color: #888;
  margin-top: 12px;
}.fz14 {
  font-size: 14px;
  color: #333;
}.its .txt1 span {
  color: #0f96fd;
  margin-left: 20px;
}
.show_sx{ padding-top: 50px;color: #414141 }
.show-prev-next{ margin-bottom: 10px; }
.show_sx a{color: #414141; font-size: 14px;}
.show_sx strong{ font-size: 16px; font-weight: normal; }
.zs-show-conl{ width: 80% }
.zs-show-conr{ width: 18% }

/**/

.xm-content {
    position: relative;
}.xm-content .cp_miaoshu {
    width: 47%;
    margin-left: 40px;
    float: left;
    height: 376px;
    padding-top: 20px;
    padding-bottom: 5px;
}
.xm-content .cp_miaoshu .cp_title {
    font-size: 28px;
    font-weight: 600;
    border-bottom: 1px #d5d5d5 dashed;
    color: #333;
   
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}
.xm-content .cp_miaoshu .cp_con {
    padding-top: 10px;
    padding-bottom: 20px;
}
.xm-content .cp_miaoshu .cp_con .cp_type {
    line-height: 30px;
    color: #444;
   
    font-size: 18px;
    font-weight: 400;
    display: block;
}
.xm-content .cp-dec {
    margin-bottom: 20px;
    margin-right: 5%;
}
.xm-content .cp-dec p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    text-align: justify;
    -webkit-line-clamp: 3;
    min-height: 30px;
}
.xm-content .online li {
    font-size: 14px;
    margin-top: 8px;
}
.xm-content .online li a {
    display: inline-block;
    vertical-align: middle;
}
.xm-content .phone {
    font-size: 20px;
    color: #ca0a1d;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom: 20px;
    width: 310px;
}
.xm-content .phone span {
    font-size: 26px;
    color: #fb6028;
    line-height: 40px;
}
.lxfs {
    position: absolute;
    bottom: 0;
}
.lxfs-gzhewm {
}
.lxfs-gzhewm {
    width: 125px;
    height: 125px;
}
.lxfs-gzhewm img {
    width: 100%;
}
.xm-content img {
    border: 0;
}
.lxfs-ywzx {
    padding-left: 30px;
}
.lxfs-ywzx h5 {
    font-size: 14px;
    font-weight: normal;
}
.lxfs-ywzx h4 {
    font-size: 36px;
    color: #0263e7;
    font-family: Impact;
    line-height: 46px;
}
.lxfs-ywzx p {
    color: #8b8b8b;
    font-size: 14px;
    line-height: 20px;
}
.xq-con .product_title {
    border-bottom: 1px solid #dedede;
    margin-bottom: 40px;
    padding-bottom: 15px;
    margin-top: 50px;
}.product_title b {
    font-size: 24px;
    font-weight: normal;
    color: #333;
    /*padding-left: 34px;*/
   
}



.its .txt2 {
  width: 100%;
  line-height: 1.6;
  color: #888;
  margin-top: 12px;
}.its .txt1 span {
  color: #0f96fd;
  margin-left: 20px;
}.xm-con .submit {
  width: 100%;
  margin-top: 46px;
}.xm-con .submit .btn.cur {
  background: #8dc923;
  color: #fff;
  border-color: #8dc923;
  margin-right: 20px;
}.xm-con.submit .btn {
  line-height: 1;
  color: #666;
  border: 2px solid #888;
  padding: 18px 56px;
}
.xm-con .submit .btn {
  line-height: 1;
  color: #666;
  border: 2px solid #888;
  padding: 18px 56px;
}
.xm-con{ padding-top: 30px; }
.footer{ width:100%; background:#333333;}
.daohang a {
    color: #949494;
    padding: 0 12px; display: inline-block; font-size:16px; text-decoration:none 
}.daohang{ color: #bdc6cf; padding-top:60px; margin-left:3%}
.footernav h3{ font-family:Arial; font-size:16px; font-weight:bold; color:#fff; padding-bottom:10px;}
.footernav h4{ font-size:18px; font-weight:bold; color:#ffffff}
.footnavtit{ padding-top:40px;width:10% }
.footernav{ width:80% }
.ljzx{ padding-top:40px;}
.index-lxfs h3{ font-size:18px; color:#ffffff; font-weight:bold}
.index-lxfscon{ padding-top:55px;}
.qilin-footer-info {
 
   
    padding-top: 20px;
}
.qilin-footer-info li { float:left; margin-right:3%; padding-left:26px;
}
.qilin-footer-info li:last-child{ margin-right:0}
.qilin-footer-info li.i1 {
    background: url(../images/addr-icon.png) left center  no-repeat ;
}
.qilin-footer-info li.i2 {
    background: url(../images/email-icon.png) left center no-repeat;
}
.qilin-footer-info li.i3 {
    background: url(../images/wz-icon.png) left center no-repeat;
}
.qilin-footer-info li strong{ font-size: 16px;
    color: #949494; font-weight: normal;}
	.index-lxfs{ width:70%}
	  .foot-tel {
   background: url(../images/foot-telbg.png) no-repeat 0 center;
  
   padding-left: 50px;
   margin-left: 40px;
   margin-top: 12px;
   float: left;
}
.foot-tel strong {
       display: block;
    font-size: 32px;
    font-family: Arial;
    line-height: 1;
    margin-top: 5px;
    color: #8dc923;
}
.foot-tel span{     color: #b5b5b5;
    font-size: 18px;
    font-weight: bold;
    padding-left: 16px;}
	.copy{ line-height:62px; color:#595959; font-size:14px; border-top:1px solid #424242; margin-top:50px;}
.copy-right{}
.copy-left{ }
.ditu iframe{ border:none; }
.ditutop{ padding-bottom: 0 }
.news-fl .news-intro a{ text-decoration: none; }

.zqjsw p{ display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; }
    @media (min-width: 1200px) and (max-width: 1600px) {
.zqjsw{ height: 170px; overflow: hidden; }
.index-aboutl{ width:52%; }
.pronl{ width: 70% }
.xm-content .cp_miaoshu{ width:46%; }
     }
  .page1 {
    text-align: center;
    margin: 20px 0 30px;
    color: #666;
}
.pageing .list_no dt, .pagination {
    display: inline-block;
    margin-right: 24px;border-radius: 0;
}
.pageing .list_no dd, .pagination li {
    display: inline-block;
    margin-right: 6px;border-radius: 0;
}
.page1 a {
   display: inline-block;
    line-height: 24px;
    padding: 3px 10px;
    margin: 0 3px;
    border: 1px solid #ededed;
    color: #666 !important;
    -webkit-transition: all ease .3s;
    transition: all ease .3s; border-radius: 0 !important
}
.pagination .active {
    color: #fff;border-radius: 0;
}
.pageing .list_no dd, .pagination li {
    display: inline-block;
    margin-right: 6px;border-radius: 0;
}
.pagination .active a {
    color: #fff !important; border: 1px solid #ededed !important;
    background: #8dc923 !important;border-radius: 0 !important;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    background-color: #8dc923 !important;
    border-color: #8dc923 !important; color: #fff !important}