@charset "UTF-8";
/*banner*/
.banner{
    width: 100%;
    height: 320px;
    overflow: hidden;
    position: relative;
	top:0;
  	background-color:#fff;
    z-index: 95;
}
/*c_tab*/
.gshj{
	padding:40px 0;
}
.gshj h3.pro_tjtil{
    line-height: 40px;
      background: #f1f1f1;
      color: #168300;
      padding: 6px 0 6px 15px;
      margin-bottom: 20px;
}
.gsgj_box{
	width:100%;
  	position:relative;
}
.swiper-container {
  	width:100%;
    overflow: hidden;
    z-index: 1;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}
.gsgj_box .swiper-slide img {
    animation-duration: 5s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
  background: #fff;
}
.gsgj_box:hover .swiper-button-prev,.gsgj_box:hover .swiper-button-next{
    opacity: 1;
}
.swiper-button-prev,.swiper-button-next{
width: 40px;
    display: block;
    position: absolute;
    left: -50px;
    top: 50%;
    margin-top: -20px;
    z-index: 9;
    border-radius: 50px;
    cursor: pointer;
    opacity: 0;
    background: rgba(0,0,0,0.5);
    height: 40px;
}

.swiper-button-prev{
    color: #fff;
    text-align: center;
    display: block;
    line-height: 40px;
}
.swiper-button-next{
    left: auto;
    right: -50px;
}

.cnav_tab{
	width: 100%;
	padding-bottom: 40px;
}
.cnav_tab li{
	margin:4px 25px;
}
.cnav_tab li a{
    font-size: 16px;
    line-height: 40px;
    display: block;
    padding: 0 25px;
    color: #444444;
    background: #fff;
    border-bottom: 3px solid #fff;
}
.cnav_tab li:hover a,.cnav_tab li.current a{
    border-bottom: 3px solid #168300;
    color: #168300;
}

.mess-box input,.mess-box textarea{
    background: #f1f1f1 !important;
}
/*products*/
.pro h4{
    color:#333;
    font-size: 24px;
    padding-bottom: 20px;
  	font-weight:700;
}
.pro ul{
    margin: 0 -10px;
}
.pro ul li{
    width: 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
	max-width: 25%;
	margin-bottom: 30px;
}
.gift_box ul li{
    width: 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
	max-width: 33.33%;
}
.pro ul li a{
    margin: 0 10px;
    position: relative;
    display: block;
}

.pro ul li .pro-pic{
    position: relative;
}
.pro ul li .pro-pic span{
    position: absolute;
    left: 0;
    top: 0;
    background: #168300;
    font-size: 20px;
    line-height: 42px;
    padding:0 10px;
    color: #fff;
}
.pro ul li .pro_box{
	overflow:hidden
}
.pro ul li .pro_box img{
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}
.pro ul li:hover .pro_box img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.pro ul li .pro-pic,.pro .pro-pic{
    position: relative;
    -moz-box-shadow: 0 0 10px #c7c7c7;
    -webkit-box-shadow: 0 0 10px #c7c7c7;
    box-shadow: 0 0 5px #c7c7c7;
}
.gshj .pro .pro-pic{
    margin: 5px;
}
.pro h3{
    font-size: 16px;
    color: #333333;
    text-align: center;
    line-height: 50px; 
    height: 50px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
}
.pro ul li:hover h3{
    color:#168300
}
.pro.gift_box h3{
    line-height: 50px;
}
.pro span{
    display: block;
    width: 100%;
    background: #e8e8e8;
    text-align: center;
    padding-bottom: 15px;
    line-height: 18px;
    color: #168300;
}

/*pro_detail*/
.weizhi{
    color:#444;
    font-size: 14px;
    padding: 20px 0 10px 0;
}
.pro_de .container{
    width: 1000px;
}
.pro_left{
    float: left;
    width: 46%;
}
.pro_left .tb-pic.tb-s310{
    max-width: 540px;
    max-height: 540px;
    width: 100%;
    overflow: hidden;
    float: left;
    border:1px solid #d1d1d1;
}
#thumblist li{
    margin-right:10px;
    width: calc(25% - 10px);
    float: left;
    margin-top: 10px;
}
#thumblist li .tb-pic {
    border: 1px solid #d1d1d1;
}
#thumblist li.tb-selected .tb-pic {
    border: 1px solid #168300;
}
#thumblist{
    width: 100%;
}
.pro_right{
    width: 50%;
    float: right;
}
.pro_right h3{
    color: #333333;
    font-size: 36px;
    font-weight: 700;
    line-height: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px;
}
.pro_right_con h4{
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}
.pro_feat{
    color:#444444;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
}
.pro_right_con ul{
    padding-bottom: 10px;
}
.pro_right_con ul li{
    color: #444444;
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #d8d8d8;
    padding: 4px 0;
}
.pro_right_con ul li h4{
    display: inline-block;
    width: 120px;
}


.pro_con span{
    display: inline-block;
    margin-top: 20px;
}
.pro_con span .pro_mess{
    color: #fff;
    font-size: 15px;
    background: #168300;
    padding: 0 20px;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
}


.xq_xgpro{
    padding: 25px 0;
}
.xq_xgpro h2{
    color: #444;
    font-size: 22px;
    line-height: 45px;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}
.xq_xgpro h2::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -1px;
    display: block;
    margin-left: -25px;
    width: 50px;
    height: 2px;
    background: #168300;
}
.xq_main,.xq_main p{
    color: #444;
    font-size: 15px;
    line-height: 26px;
}

/*pro-zoomDiv*/
.zoomDiv{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}
.zoomDiv img{
  max-width:none;
}
.pro_left .swiper-button-next,.pro_left .swiper-button-prev{
    position: absolute;
    left: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin-top: -20px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 20px;
    font-family: "宋体";
    z-index: 9;
     cursor: pointer;
}
.pro_left .swiper-button-prev{
	left:auto;
  	right:0;
}


/*benefits*/
.benefits{
    background: url(../images/ys_bg.jpg) no-repeat center center fixed;
    width: 100%;
    margin-top: 65px;
    padding: 60px 0;
}
.ben_left{
    width: 520px;
    float: left;
}
.ben_left h2,.ben_left ul li span{
    font-family: typoup;
    font-size: 80px;
    line-height: 90px;
    color: #a0d5ec;
}
.ben_left ul li span{
    font-size: 50px;
    line-height: 40px;
    padding-right: 8px;
    display: inline-block;
    height: 40px;
}
.ben_left ul li{
    font-size: 16px;
    line-height: 40px;
    height: 40px;
}

.ben_right{
    width: 600px;
    float: right;
    border-radius: 5px;
    overflow: hidden;
}

/*about*/
.about_nr .about_left{
    float: left;
    width: 520px;
}
.about_right{
    float: right;
    width: 620px;
}
.about_right p,.about_nr p,.gynr p{
    color:#333333;
    line-height: 35px;
    font-size: 16px;
}
.about_nr .about_til,.gynr h2{
    color: #168300;
    font-size: 65px;
    line-height: 100px;
    font-family: "typoup";
    position: relative;
}
.about_nr .about_til::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 3px;
    background: #168300;
    display: block;
}
.gynr h2{
    text-align: center;
    margin-top: 40px;
}

/*news*/
.news ul{
    margin: 0 -15px;
}
.news ul li{
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.news ul li .news-box{
    margin: 0 15px;
    position: relative;
    -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0 0px 10px rgba(0,0,0,0.1);
    border-radius: 5px;
    overflow: hidden;
}
.news ul li .news-pic{
    position: relative;
    width: 47%;
    overflow: hidden;
}
.news ul li .news-pic img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.news ul li:hover .news-pic img{
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}
.news ul li .news_font{
    position: relative;
    padding:20px;
}
.news ul li span{
    color: #d1d1d1;
    font-size: 15px;
    line-height: 30px;
    display: block;
    padding: 5px 0;
}
.news ul li h4 a{
    color: #444444;
    font-size: 16px;
    line-height: 24px;
    height: 24px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-wrap: break-word;
}
.news ul li p{
    color: #555555;
    font-size: 14px;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/*news_detail*/
.news_detil{
    border-bottom: 1px dashed #168300;
    padding-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
}
.news_detil h2{
    color: #333;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 10px;
}
.news_detil span{
    color: #555;
    font-size: 15px;
    line-height: 20px;
}
.news_con p{
    color: #333;
    font-size: 15px;
    line-height: 28px;
}
.news_eqh{
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px dashed #168300;
}
.news_eqh a{
    transition: .4s;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.news_eqh a:hover{
    color: #168300;
}
.news_qleft{
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.news_qright{
    width: 50%;
    float: right;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    text-align: right;
}
.video_box{
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video_box  embed, .video_box iframe, .video_box object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*content*/
.content{
	width: 100%;
    padding: 40px 0 0 0;
}

/*contact*/
.contact{
    float: left;
    width: 500px;
}
.contact-main ul li{
    padding-bottom: 10px;
}
.contact-main ul li em,.contact-main ul li span,.contact-main ul li span a{
    color: #333;
    font-size: 16px;
    line-height: 25px;
    float: left;
}
.contact .ho_til,.mess-box  .ho_til{
    margin-top: 0;
}
.mess-box  .ho_til h2{
	font-size:32px;
  	font-weight:400;
}

.mess-box{
    width: 100%;
    position: relative;
}
.mess_nr input,.mess_nr textarea{
    width: 100%;
    border: 1px solid #d1d1d1;
    height: 50px;
    line-height: 50px;
    padding-left: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    background: rgba(255,255,255,0.4);
}
.mess_nr input.name1,.mess_nr input.tel1,.form-yzm{
    width: calc(50% - 20px);
    float: left;
  	margin:5px 10px;
}
.mess_nr textarea{
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    max-height: 120px;
    min-height: 120px;
    line-height: 25px;
    padding-top: 10px;
    margin: 5px 10px;
}
.mess-box .mess_nr input.tel1{
    float: right;
}

.mess_nr button{
    height: 50px;
    background: #168300;
    color: #fff;
    font-weight: 400;
    border-radius: 4px;
    cursor: pointer;
    width: 180px;
    margin: 0 auto;
    display: block;
}

.contact_div{width:100%; height:auto; float:left; padding:40px 0 0 0; font-size:15px; line-height:32px; color:#333;}
.document-width {
    max-width: 1180px;
    margin: auto;
}
h1.lx_h1{ width:100%; height:auto; float:left; background:url(/static/upload/image/20191021/1571640006931824.png) center top no-repeat; font-size:20px; padding-top:55px; text-align:center;}
.contact_div p.p1{ width:29%; height:auto; float:left; margin:40px 1%; font-size:15px; line-height:20px; color:#1e1e20; text-align:center; background:url(../images/contact_tp_01.png) center top no-repeat; padding-top:50px; background-size:auto 40px;}
.contact_div p.p2{ width:21%; height:auto; float:left; margin:40px 1%; font-size:15px; line-height:20px; color:#1e1e20; text-align:center; background:url(../images/contact_tp_02.png) center top no-repeat; padding-top:50px; background-size:auto 40px;}
.contact_div p.p3{ width:21%; height:auto; float:left; margin:40px 1%; font-size:15px; line-height:20px; color:#1e1e20; text-align:center; background:url(../images/contact_tp_03.png) center top no-repeat; padding-top:50px; background-size:auto 40px;}
.contact_div p.p4{ width:21%; height:auto; float:left; margin:40px 1%; font-size:15px; line-height:20px; color:#1e1e20; text-align:center; background:url(../images/contact_tp_04.png) center top no-repeat; padding-top:50px; background-size:auto 30px;}
.contact_form{width:100%; height:auto; float:left; padding:40px 0;}
.contact_form h2{ width:100%; height:auto; float:left; text-align:center; font-size:26px; line-height:36px;}
.contact_form p{ width:100%; height:auto; margin:0 auto; text-align:center; padding-bottom:40px;}
.contact_form .input{ width:32%; height:46px; line-height:46px; float:left; margin:0.5%; border-radius:5px; text-indent:15px; outline:none; border:1px solid #999; font-size:15px; box-sizing:border-box;}
.contact_form .input:nth-child(2n){ margin:0.5% 1%;}
.contact_form .text{width:99%; height:120px; line-height:26px; float:left; margin:0.5% 0.5% 30px 0.5%; border-radius:5px; padding:10px 15px; box-sizing:border-box; outline:none; border:1px solid #999;font-size:15px;}
.contact_form p.p5{ width:350px; height:46px; margin:20px auto;}
.contact_form p.p5 .button{  width:145px; height:46px; line-height:46px; background:#4a4748; color:#fff; font-size:16px; text-align:center; font-weight:600; border:none; cursor:pointer; border-radius:3px; margin:0 15px;}
.contact_form p.p5 .button:hover{background:#1f1e1e;}

.contact_dt{ width:100%; height:auto; float:left;}
.contact_dt img{ width:100%; height:auto; display:block;}


.map{
    margin:40px auto 0px;
    max-width:900px;
    border:2px solid #168300;
    border-radius:20px;
    height: 450px;
    overflow: hidden;
}
.map iframe{
    border-radius: 20px;
    overflow: hidden;
    height: 450px;
    width: 100%;
}


.pro_debox_tab {
    border-bottom: 1px solid #000;
    margin-top: 40px;
  	padding-bottom:15px;
}
.pro_debox_tab li {
    font-size: 15px;
    line-height: 42px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    padding: 0 25px;
    margin-right: 40px;
  	border-radius:50px;
}
.pro_debox_tab li.current, .pro_debox_tab li:hover {
    color: #fff;
    background: #168300;
}
.down {
    width: 80%;
    margin: 0 auto;
}
.down .mb-2 {
    margin-bottom: 5px;
}
.down li h3 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    background: #eee;
    padding: 5px 40px;
    margin-bottom: 5px;
    line-height: 20px;
}
.down li i {
    font-size: 18px;
    color: #000;
    margin-right: 20px;
}


.pro_detail_box{
    padding-top: 20px;
}
.pro_detail_box p{
	color:#333;
	font-size: 14px;
	line-height: 30px;
}
.pro_detail_box table{
	border-collapse:collapse;
  	width:100% !important;
}
.pro_detail_box table td{
    border:1px solid #d1d1d1;
    padding:4px;
}

.pro_detail_box .pro_wnrbox{
  margin:0 auto;
  max-width:1000px;
}
.pro_detail_box .pro_wnrbox li{
	width: 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.pro_detail_box .pro_wnrbox li>div{
  	margin:0 10px;
}
.pro_detail_box .pro_wnrbox li .pro_xqpic{
	text-align:center;
}
.pro_detail_box .pro_ynrbox{
	max-width: 970px;
  	margin: 0 auto;
}
.pro_detail_box .pro_ynrbox .pro_xqpic{
	width:30%;
  	float:left;
}
.pro_detail_box .pro_ynrbox li{
	margin:15px 0;
}
.pro_detail_box .pro_ynrbox li:nth-child(even) .pro_xqpic{
	float:right;
}
.pro_detail_box .pro_ynrbox .pro_xqnr{
	width:70%;
  	padding-left:5%;
  	float:right;
}
.pro_detail_box .pro_ynrbox li:nth-child(even) .pro_xqnr{
	float:left;
  	padding-left:0;
  	padding-right:5%;
}


/*gift*/

.cy_mess{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 99999999;
   display:none;
}
#canvas{width:98px;height:41px;}
.cy_mess .flex_w{
    height: 100%;
}
.cy_box{
    width: 700px;
    margin: 0 auto;
    background: #fff;
    border-radius: 5px;
    padding: 25px 40px;
    position: relative;
}
.cy_colse{
    position: absolute;
    right: 20px;
    top: 10px;
    cursor: pointer;
    font-style: normal;
}
.cy_box h4{
    text-align: center;
    font-size:24px;
    color: #168300;
    line-height: 30px;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 10px;
}
.cy_box h4::before{
    content: "";
    position: absolute;
    left: 50%;
    width: 35px;
    height: 2px;
    bottom: 0;
    margin-left: -14px;
    background: #168300;
    display: block;
}
.mess_box{
    margin-top: 20px;
}
.mess_box p{
    margin-bottom: 10px;
}
.mess_box span{
    width: 20%;
    text-align: left;
    float: left;
    display: block;
    line-height: 40px;
    margin-right: 10px;
}
.mess_box span em,.mess_box div em{
	color:red;
}
.mess_box input{
    width: 60%;
    float: left;
    line-height: 30px;
    padding: 5px 10px;
    display: block;
    border: 1px solid #d1d1d1;
}
.mess_box select{
    width: 70%;
    float: left;
    line-height: 30px;
    padding: 5px 10px;
    display: block;
    border: 1px solid #d1d1d1;
}
.mess_box button{
    width: 165px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto;
    display: block;
    background: #168300;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
}
.mess_box .help_text textarea{
    width: 60%;
    float: left;
    line-height: 30px;
    padding: 5px 10px;
    display: block;
    border: 1px solid #d1d1d1;
    min-height: 75px;
    max-width: 60%;
    min-width: 60%;
    max-height: 75px;
}

.sjban{
    display:none;
}

@media screen and (max-width: 750px){
    .pcban{
        display:none;
    }
    .sjban{
        display:block;
        height: auto !important;
    }
}