*{
	margin: 0;
	padding: 0
}
body {
	font-size: 12px;
	background: #fff;
}
a {
	text-decoration: none
}
em {
	font-style: normal
}

li {
	list-style: none
}
.warp{
	max-width: 1920px;
}
.headerBox{
	width: 100%;
	height: 5.0rem;
	background-color: #fff;
	position: fixed;
	top: 0;
	z-index: 999;
}
.header_centerBox{
	width: 75.0rem;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.header_logoBox{
	float: left;
    width: 8.75rem;
    height: 100%;
	/*margin: 0.625rem 0 0 0;*/
}
.header_logoBox>img{
	width: 100%;
	height: 100%;
}
.nav_box{
	float: right;
}
.nav_box>a{
	display: inline-block;
	font-size: 1.125rem;
	color: #333;
	line-height: 5.0rem;
	padding-right: 1.5rem;
}
.nav_box>a:last-child{
	padding-right: 0;
}
.nav_box>a:hover{
	color: #54B000;
	cursor: pointer;
}

.nav_box>a.active{
	color: #54B000;
	cursor: pointer;
}
.bannerBox{
	min-width: 75.0rem;
	width: 100%;
	height: calc(100vh);
	position: relative;
	background-image: url(../images/icon_banner3.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
	background-size: cover;
}
.banner_imgbox{
	width: auto;
	height: calc(100vh); 
}
.banner_footer{
	width: 100%;
	max-height: 5.625rem;
	padding:0.812rem 0rem 1rem;
	box-sizing:border-box;
	background: rgba(255,255,255,.7);
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
}
.banner_footer p {
	line-height: 1rem;
	font-size: 0.75rem;
}
.banner_footer p a{
	color: #333;
	font-size: 0.75rem;
}
.banner_footer p a:hover{
	color: #54B000 !important;
}
.banner_footerImg{
	text-align: center;
	margin-top: 0.62rem;
}
.banner_footerImg a{
	display: inline-block;
}
.banner_footerImg a:first-child{
	margin-right: 1.438rem;
}
.shubiaoImg{
	width: 1.375rem;
	height: 2.0rem;
	position: absolute;
	bottom: 7.063rem;
	left: 50%;
	margin-left: -0.688rem;
	opacity: 0;
  animation: opacity 3s ease-out infinite;
  /*animation-iteration-count:1;*/
}
@-webkit-keyframes opacity {
    from {
        opacity: 1;
        bottom:7.063rem;
    }
    to {
        opacity: 0;
        bottom:8.563rem;
    }
}
.shubiaoImg>img{
	width: 100%;
	height: 100%;
}
.bannerBox_close{
  width: 18px;
  height: 18px;
  background: url(../images/icon_guanbi.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0.667rem;
  right: 18px;
}
.bannerBox_close:hover{
	cursor: pointer;
}
.contentBox{
	width: 100%;
	display: none;
	transition: all 2s ease-in;
}
.introduction_box{
	width: 100%;
	background: #f6f6f6;
	box-sizing: border-box;
}
.introduction_cont{
	width: 75.0rem;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 55px;
	box-sizing:border-box;
	padding-bottom: 0rem;
}
.introduction_text{
	float: left;
	width:100%;
	height: 18.25rem;
}
.introduction_text p{
	margin-bottom: 1.25rem;
	text-indent: 2.0rem;   
	text-align: justify;
}
.introduction_P1{
	font-size: 1.0rem;
	color: #1E1E1E;
	line-height: 2.188rem;
}
.introduction_P3{
	color: #54B000;
	font-size: 1.25rem;
	line-height: 2.188rem;
	font-weight: bold;
}
.introduction_img{
  float: right;
  width: 12.625rem;
  height: 21.625rem;
  margin-top: -0.5rem;
}
.introduction_img img{
	width: 100%;
	height: 100%;
}
/*历史发展*/
.historyBox{
	width: 100%;
	background: #fff;
	height: 23.75rem;
	overflow: hidden;
}
.historyContBox{
	width: 75.0rem;
	height: 11.375rem;
	margin: 6.188rem auto;
	position: relative;
}
.historyContBox>img{
	width: 100%;
	height: 100%;
}
.time {
  position: absolute;
  top: -1.25rem;
  left: 0;
  width: 7.6%;
  height: 50px;
  cursor: pointer;
  margin-left: -1.8%;
  font-size: 2.375rem;
  color: #999999;
  font-weight: bold;
}

.time_b {
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  width: 7.6%;
  height: 50px;
  cursor: pointer;
  margin-left: -1.8%;
  font-size: 2.375rem;
  font-weight: bold;
  color: #999999;
}
.jt_shang {
  position: absolute;
  top: 26%;
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 1.28%;
  background: url(../images/icon_xiangshangjiantou.png) no-repeat center center;
  animation: movetop 5s ease-out infinite;
}

.jt_xia {
  position: absolute;
  top: 65%;
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 1.4%;
  background: url(../images/icon_xiangxiajiantou.png) no-repeat center center;
  animation: movebottom 5s ease-out infinite;
}
@-webkit-keyframes movetop {
  from {
      top: 30%;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  to {
      top: 15%;
      opacity: 0;
      -webkit-transform: scale(.8);
      transform: scale(.8);
  }
}

@-webkit-keyframes movebottom {
  from {
      top: 65%;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  to {
      top: 70%;
      opacity: 0;
      -webkit-transform: scale(.8);
      transform: scale(.8);
  }
}

@keyframes movebottom {
  from {
      top: 65%;
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  to {
      top: 70%;
      opacity: 0;
      -webkit-transform: scale(.8);
      transform: scale(.8);
  }
}

.jt_shang2 {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

.jt_shang3 {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}

.jt_shang4 {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.jt_shang5 {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.jt_shang6 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.jt_shang13 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.jt_xia7 {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.jt_xia8 {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.jt_xia9 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.jt_xia10 {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.jt_xia11 {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.jt_xia12 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.jt_xia14 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.time_first,
.jt_shang1 {
  left: 4.9625%;
}

.time_second,
.jt_shang2 {
  left: 18.27083333%;
}

.time_three,
.jt_shang3 {
  left: 31.3%;
}

.time_four,
.jt_shang4 {
  left: 44.7%;
}

.time_five,
.jt_shang5 {
  left:57.76875%;
}

.time_six,
.jt_shang6 {
  left: 70.9375%;
}
.time_ninth,
.jt_shang13 {
  left:84.104167%;
}

.time_seven,
.jt_xia7 {
  left: 11.608333%;
}

.time_eight,
.jt_xia8 {
  left: 24.789583%;
}

.time_nine,
.jt_xia9 {
  left:38.158333%;
}

.time_ten,
.jt_xia10 {
  left: 51.370833%;
}

.time_elv,
.jt_xia11 {
  left: 64.4875%;
}

.time_twe,
.jt_xia12 {
  left: 77.804167%;
}


.time_Twenty,
.jt_xia14 {
  left: 91.004167%;
}
/*战略合作*/
.cooperationBox{
	width: 100%;
	background: #f6f6f6;
}
.cooperationCont{
	width: 75.0rem;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom:4.5rem;
}
.cooperation_title{
	font-size: 2.375rem;
	color: #000;
	padding-top:4.5rem;
	text-align: center;
	width: 100%;
	text-align: center;
}
.cooperation_logo{
	text-align: center;
	margin-top: 1.75rem;
}
.cooperation_logo a{
	display: inline-block;
}
.cooperation_logo1{
	height:  4.125rem;
	
}
.cooperation_logo2{
	height: 5.125rem;
	vertical-align: middle;
	margin-top: -3.875rem;
	margin-left: 2.062rem;
	margin-right: 1.25rem;
}
.cooperation_logo3{
	height: 5.125rem;
}
.cooperation_content{
	width: 100%;
	margin-top: 3.0rem;
}
.cooperation_content:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0
}
.cooperation_content{
	zoom:1;
}
.cooperation_content li{
	width: 216px;
	float: left;
	margin-right: 1.625rem;
	border-radius: 25px;
	background: #fff;
	border:1px solid #E6E6E6;   
	transition: all .3s linear;
}
.cooperation_content li:hover{
  box-shadow: 1px 1px 11px rgba(0, 0, 0, .2);
	cursor: pointer;
}
.cooperation_content li:last-child{
	margin-right: 0;
}
.cooperation_img{
	width: 100%;
	height: 170px;
	border-radius: 25px 25px 0 0;
}
.cooperation_img>img{
	width: 100%;
	height: 100%;
	border-radius: 25px 25px 0 0;
}
.cooperation_text{
	width: 100%;
	text-align: center;
	height: 84px;
	color: #444;
	font-size: 22px;
	border:1px solid transparent;
	border-radius:0 0  25px 25px;
	padding-top: 50px;
}
.cooperation_text>p{
	line-height: 28px !important;
}
.cooperation_text>p:first-child{
	margin-top: -10px;
}
/*品牌故事*/
.brandstoryBox,.brandstoryVideoBox{
	width: 100%;
}
.brandstoryVideo_cont{
	width: 75.0rem;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	padding-bottom: 3.625rem;
}
.brandstoryVideo_left{
	width: 678px;
	height: 384px;
	float: left;
	margin-top: 3.625rem;
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); 
  -webkit-transform: rotate(0.000001deg); 
  -webkit-border-radius: 20px; 
  -moz-border-radius: 20px;
  border-radius: 20px; 
}
.brandstoryVideo_right{
	float: left;
	width: 424px;
	margin-top: 117px;
	margin-left: 5.875rem;
}
.brandstoryVideo_P1{
	font-size: 1.5rem;
	color: #666;
	margin-bottom: 4.062rem;
	font-weight: normal;
	line-height: 2.5rem;
}
.brandstoryVideo_P2{
	font-size: 32px;
	color: #000000;
	width: 100%;
	text-align: right;
}
.brandstoryStory{
	width: 100%;
	background: #f6f6f6;
}
.brandstoryStory_cont{
	width: 75.0rem;
	margin:  0 auto;
	padding-top: 3.938rem;
	padding-bottom: 3.125rem;
	overflow: hidden;
}
.brandstoryStory_title{
	text-align: center;
	width: 100%;
	font-size: 38px;
	color: #000;
	margin-bottom: 65px;
}
/*.brandstoryStory_left{
	float: left;
	width: 796px;
}*/
.brandstoryStory_cont p{
	text-indent: 32px;
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-bottom: 1.25rem;   
	text-align: justify;
}
.brandstoryStory_right{
	float: right;
	width: 21.375rem;    
	margin-left: 2rem;
}
.brandstoryStory_right img{
	width: 100%;
	height: 12.5rem;
	margin-bottom: 1.625rem;
}
.brandstoryStory_bottom{
	width: 100%;
	float: left;
}
.brandstoryStory_bottom p{
	font-size: 16px;
	color: #666;
	line-height: 32px;
	margin-bottom: 1.25rem;
	text-indent: 2.0rem;
}
/*企业文化*/
.corporateculture_box{
	width: 100%;
	height: 76.625rem;
	position: relative;
}
.corporateculture_backimg{
	width: 100%;
	height: 76.625rem;
	position: absolute;
	top:0;
	left: 0;
}
.corporateculture_cont{
	min-width: 75.0rem;
	width: 75.0rem;
	margin: 0 -37.5rem;
	position: absolute;
	left: 50%;
	top: 0
}
.corporateculture_cont img{
	width: 100%;
}
.corporateculture_img1{
	margin-top: 5.625rem;
}
.corporateculture_img2{
	margin-top: 3.062rem;
}
/*商城首页*/
.shopindex_box{
	width: 100%;
	height: calc(100vh - 5.0rem);
	position: relative;
}
.shopindex_back{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
  background: url(../images/icon_diqiu.png) no-repeat center center;
}
.shopindex_cont{
	width: 75.0rem;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -37.5rem;
}
.shopindex_text1{
	position: absolute;
	top: 4.938rem;
	left: 0;
	transition: all 2s ease-in;
}
.shopindex_text1 a{
	display: inline-block;
}
.shopindex_P1{
  font-size: 40px;
  color: #fff;
  font-family: FZLanTingHeiS-L-GB;
  line-height: 42px;
  margin-bottom: 0.625rem;
}
.shopindex_P2{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
}
.shopindex_text1_img{
	position: absolute;
  right: 0;
  bottom: 0;
	width: 0.875rem;
	height: 0.875rem;
	margin-left: 0.438rem;
	vertical-align: middle;
  animation: moveRight 2s linear infinite;
}
@keyframes moveRight {
  from {
      right: 0;
      opacity: 1;
  }
  to {
      right: -20%;
      opacity: 0;
  }
}
.shopindex_text1:hover,.shopindex_text2:hover{
	transform:scale(1.2);
}
.shopindex_text2{
	position: absolute;
	top: 4.938rem;
	right:0;
	 transition: all 2s ease-in;
}
/*底部*/
.footer_box{
	width: 100%;
	max-height: 5.625rem;
	padding: 1rem 0rem 1rem;
	box-sizing:border-box;
	background: #fff;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}
.footer_box p {
	line-height: 1rem;
	font-size: 0.75rem;
}
.footer_box p a{
	color: #333;
	font-size: 0.75rem;
}
.footer_box p a:hover{
	color: #54B000  !important;
}

.jjlg_mode_zhezhao,
.jjlg_mode_zhezhao2,
.jjlg_mode_zhezhao3,
.jjlg_mode_zhezhao4,
.jjlg_mode_zhezhao5,
.jjlg_mode_zhezhao6,
.jjlg_mode_zhezhao7,
.jjlg_mode_zhezhao8 {
  position: fixed;
  width: 79.9%;
  background-color: #fff;
  opacity: .8;
  top: -2.5rem;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
  border-radius: 20px;
  padding-left: 4.896%;
  padding-top: 2.6%;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
  display: none;
  max-width: 1100px;
}
    
.jjlg_mode,
.jjlg_mode2,
.jjlg_mode3,
.jjlg_mode4,
.jjlg_mode5,
.jjlg_mode6,
.jjlg_mode7,
.jjlg_mode8 {
  width: 79.9%;
  max-width: 1100px;
  position: fixed;
  top: -2.5rem;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999999;
  border-radius: 20px;
  padding-left: 4.896%;
  padding-top: 2.6%;
  display: none;
}
     
.jjlg_mode h1.logo {
  width: 160px;
  height: auto;
}
.jjlg_mode h1.logo img {
  width: 100%;
  height: auto;
}
.main {
  height: 100%;
  position: relative;
}

.close_red,
.close_red2,
.close_red3,
.close_red4,
.close_red5,
.close_red6,
.close_red7,
.close_red8 {
  position: absolute;
  right: -30px;
  top: -30px;
  background: Red;
  width: 59px;
  height: 59px;
  background: url(../images/develop/close.png) no-repeat  center center;
  cursor: pointer;
}

    /*弹框*/
.jjlg_mode_zhezhao,
.jjlg_mode{
  width: 50.416667%;
  padding: 1% 3%;
  box-sizing: content-box;
}
.jjlg_mode_zhezhao2,
.jjlg_mode2 {
  width: 50.416667%;
  box-sizing: content-box;
  padding: 1% 0;
}

.jjlg_mode,
.jjlg_mode2,
.jjlg_mode3,
.jjlg_mode4,
.jjlg_mode5,
.jjlg_mode6,
.jjlg_mode7,
.jjlg_mode8 {
  border: 1px solid #54b000;
}

.jjlg_mode img,
.jjlg_mode2 img {
  width: 100%;
  height: auto;
  display: block;
}
.jjlg_mode .date,
.jjlg_mode2 .mode2_date {
  float: left;
}

.jjlg_mode8 .date {
  float: left;
}
.jjlg_mode2 .mode2_date {
  width: 16%;
}
.jjlg_mode2 .line_a {
  float: left;
  width: 2px;
  height: 100%;
  margin: 0% 4% 0;
}
.jjlg_mode .line_a{
  float: left;
  width: 1px;
  height: 100%;
  margin: 2% 10% 0;
}
.jjlg_mode8 .line_a{
  float: left;
  width: 1px;
  height: 90%;
  margin:0% 9% 0;
}
.jjlg_mode8 .line_a img{
	width: 100%;
	height: 100%;
}
.jjlg_mode .line_a img,
.jjlg_mode2 .line_a img {
  width: 100%;
  height: 89%;
}
.jjlg_mode2 .mode2_date {
  margin-top: 7%;
  margin-left: 5%;
}
.jjlg_mode2 .mode2_main {
  width: 69%;
  float: left;
  margin-top: 7%;
}

.jjlg_mode .mode_main {
  width: 40%;
  float: left;
  margin-top: 6%;
}

.jjlg_mode8 .mode_main8 {
  width: 49%;
  float: left;
  margin-top: 3%;
}
.jjlg_mode8 .mode_main8 .top_img img{
	width: 100%;
}
.jjlg_mode .mode_main .top_img {
  width: 100%;
}

.jjlg_mode .mode_main .text {
  margin-top: 5%;
  color: #666;
  font-size: 16px;
}

.jjlg_mode2 .mode2_top_mode,
.jjlg_mode2 .mode2_bottom_mode {
  height: 50%;
  padding: 0 3%;
}
.mode2_top_img{
	width: 85%;
}
.mode2_text{
	font-size: 1.0rem;
	line-height: 28px;
}
/*mode3*/
.jjlg_mode3,
.jjlg_mode_zhezhao3 {
  width: 90%;
  min-width:68.75rem;
}

.jjlg_mode3 .mode3_main .list,
.jjlg_mode3 .mode3_main .line_a {
  float: left;
}

.jjlg_mode3 .mode3_main .list {
  width: 20%;
  height: 100%;
  border-right: 1px solid  #5DAB20;
  box-sizing:border-box;
  padding:3% 2%;
}
.jjlg_mode3 .mode3_main .list:last-child{
	border-right:0px;
}

.jjlg_mode3 .mode3_main .list img {
  width: 47%;
  height: auto;
  display: block;
}

.jjlg_mode3 .mode3_main .list p {
  color: #666;
  font-size: 16px;
  margin-top: 8%;
  line-height: 28px;
}


/*mode4*/

.jjlg_mode4 .mode4_main .mode4_list {
  float: left;
  width: 33.33%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #5DAB20;
}
.jjlg_mode4 .mode4_main .mode4_list:last-child{
	border-right: 0px;
}
.jjlg_mode4 .line_a {
  float: left;
  margin-top: 10%;
  margin: 10% 2% 0
}

.jjlg_mode4 img {
  width: 100%;
  height: auto;
  display: block;
}

.jjlg_mode4 .mode4_date img {
  width: 28%;
  margin: 10% 10% 0;
}

.jjlg_mode4 .mode4_logo img {
  width: 67%;
  margin: 4% auto;
}
.jjlg_mode4 .mode4_main>div .text{
  width: 81%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 28px;
  color: #333;
  margin-top: 6%;
}
/*mode5*/
.jjlg_mode5,
.jjlg_mode_zhezhao5 {
  width: 50%;
  min-width: 720px;
  padding-left: 0;
  padding-top: 0;
}

.jjlg_mode5 .mode5_main .mode5_list {
  float: left;
  width: 33.33%;
  height: 100%;
  border-right:1px solid #5DAB20;
  box-sizing:border-box;
}
.jjlg_mode5 .mode5_main .mode5_list:last-child{
	border-right:0;
}

.jjlg_mode5 .mode5_main .mode5_list .mode5_date {
  width: 37%;
  margin: 13% 0 0 10%;
}
.jjlg_mode5 .mode5_main .mode5_list .mode5_date img{
	width: 100%;
}

.jjlg_mode5 .mode5_main .mode5_list .mode5_text {
  width: 79%;
  margin: 0 auto;
  font-size: 16px;
  color: #333;
  line-height: 28px;
  margin-top: 5%;
}

.jjlg_mode5 .mode5_main .line_a {
  float: left;
}
.mode5_main{
	overflow: hidden;
	height: 100%;
}
/*mdoe6*/
.jjlg_mode6 .date,
.jjlg_mode7 .date {
  float: left;
  width: 20%;
}

.jjlg_mode7 .date {
  margin-top: 6.3%;
  margin-left: 7.1%;
}

.jjlg_mode6 .date img,
.jjlg_mode7 .date img {
  width: 100%;
  height: auto;
  display: block;
}

.jjlg_mode6 .line_a,
.jjlg_mode7 .line_a {
  float: left;
  margin-right: 4%;
}

.jjlg_mode6 .mode_main6,
.jjlg_mode7 .mode_main7 {
  float: left;
  width: 70%;
  margin-top: 5%;
}

.jjlg_mode6 .mode_main6 .left_img {
  float: left;
  width: 36%;
}
.jjlg_mode6 .mode_main6 .left_img img{
	width: 100%;
	border-radius: 15px;
}

.jjlg_mode6 .mode_main6 .text {
	float: left;
  width: 36%;
  margin-top: 3%;
  margin-left: 10%;
}

.jjlg_mode6 .mode_main6 .text p {
  line-height: 200%;
  font-size: 16px;
}
/*mode7*/
 .jjlg_mode7,.jjlg_mode_zhezhao7{
	width: 50%;
	min-width: 62.5rem;
 	padding-top: 0;
 	padding-left: 0;
 }
 .jjlg_mode7 .mode_main7 {
  width: 56.4%;
 }
 .jjlg_mode7 .mode_main7 .top_img{
 	 width: 100%;
 }
  .jjlg_mode7 .mode_main7 .top_img img{
	width: 83%
  }
.jjlg_mode7 .mode_main7 .text {
  line-height: 150%;
  margin-top: 4%;
  font-size: 16px;
  color: #333;
  line-height: 28px;
}
.jjlg_mode7 .mode_main7 .text p:first-child{
	margin-bottom:4%; 
}
.jjlg_mode7 .line_a {
  margin: 2.7% 6.6% 0 6.9%;
}

/*mode8*/

.jjlg_mode8 .mode_main8 .text {
  line-height: 28px;
  font-size: 1.0rem;
}


.jjlg_mode8 .mode_main8 .text {
  margin-top: 3%;
}

.jjlg_mode,.jjlg_mode_zhezhao{
 	width: 35%;
 	min-width:30.0rem;
	padding-left:1%;
  padding-top: 1%;
 }
 .jjlg_mode8,.jjlg_mode_zhezhao8{
 	width:45%;
 	min-width:62.5rem;
	padding-left:1%;
  padding-top: 1%;
 }
 .jjlg_mode2,.jjlg_mode_zhezhao2{
 	 min-width:62.5rem;
 }
 .jjlg_mode3,.jjlg_mode_zhezhao3{
 	 padding-top: 0;
 	 padding-left: 0;
 }
 .mode3_main{
 	height: 100%;
 }
 .jjlg_mode6,.jjlg_mode_zhezhao6{
	width: 58%;
	min-width: 62.5rem;
  padding-top: 0;
  padding-left: 0;
 }
 .jjlg_mode6 .line_a{
  float: left;
  margin-right: 6%;
  height: 92%;
}
.jjlg_mode6 .line_a img{
	height: 100%;
}
 .jjlg_mode8  .date img{
 	 width: 100%;
 }
 .jjlg_mode4,.jjlg_mode_zhezhao4{
	width:58%;
	min-width:60.625rem;
	padding-left:0%;
  padding-top: 0%;
 }
 /*战略合作*/
 .cooperationwrap {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.cooperationimg {
  width: 560px;
  height: auto;
  margin-bottom: 50px;
}

.model_u {
  width: 100%;
}

.model_u li {
  border-radius: 6px;
  overflow: hidden;
  float: left;
  width: 218px;
  margin-right: 25px;
  transition: all .3s linear;
  border: 1px solid #d4d2d2;
  cursor: pointer;
}

.model_u li:hover {
  box-shadow: 1px 1px 15px rgba(0, 0, 0, .1);
}

.model_u li .u_img img {
  width: 218px;
  height: auto;
  display: block;
}

.model_u li .txt {
  width: 220px;
  text-align: center;
  color: #646464;
  font-size: 24px;
  height: 84px;
  padding-top: 50px;
}

.model_u li p {
  color: #646464;
  font-size: 24px;
}

.jjlg_mode_zhezhao_cooperation {
  padding: 0;
  border: 1px solid #54b000;
  position: fixed;
  background-color: #fff;
  opacity: .8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999;
  border-radius: 20px;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
  display: none;
  max-width: 1100px;
}

.jjlg_mode_cooperation {
  padding: 0;
  max-width: 1100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 99999999;
  border-radius: 20px;
  display: none;
}

.cooperation_main {
  padding: 3.125rem 4.375rem  4.875rem;
  width: 67.375rem;
  height: 41.562rem;
  overflow: auto;
  box-sizing:border-box;
}


/*信心药业弹窗*/

.cooperation_mode_title {
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #54b000;
  font-size: 30px;
  margin-bottom: 2.625rem;	
}

#mode1 p {
  color: #333;
  text-indent: 2em;
  width: 58.625rem;
  margin: 0 auto 10px;
  line-height: 2.0rem;
  font-size: 1.0rem;
}

#mode1 img {
  width: 11.25rem;
  height: auto;
  display: block;
  margin: 30px auto 0;
}
/*品牌故事*/
#brandstory_main{
	padding-top: 3.125rem;
  box-sizing:border-box;
}
#brandstory_main .storytxt {
  width: 85%;
  margin: 0 auto;
}
#brandstory_main .storytxt img {
  float: right;
  width: 200px;
  height: auto;
  margin-top: 10px;
}

#brandstory_main .storytxt p {
  color: #333;
  text-indent: 2em;
  margin: 0 auto 14px;
  line-height: 2.0rem;
  font-size: 1.0rem;
}
/*发展历史*/
#history_main {
  padding: 3.125rem 3.125rem 20px;
  width: 100%;
  height: 90%;
  box-sizing:border-box;
  overflow: auto;
}
#history_main .cooperation_mode_title{
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #54b000;
  font-size: 30px;
  margin-bottom: 1.562rem;
}
#history_main ul li {
  border: 1px solid #ECECEC;
  height: 127px;
  width: 100%;
  border-radius: 16px;
  margin-bottom: 19px;
}

#history_main ul li:after {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
}

#history_main ul li .year {
  float: left;
  width: 103px;
  margin: 45px 25px 0 30px;
}

#history_main ul li .year img {
  width: 96px;
  height: auto;
}

#history_main ul li p {
  float: left;
  width: 679px;
  color: #333;
  margin-top: 30px;
  margin-right: 25px;
  font-size: 16px;
  line-height: 32px;
}

#history_main ul li .imgdesc {
  float: left;
  width: 85px;
}

#history_main ul li .imgdesc img {
  width: 85px;
  height: auto;
}
/*企业荣誉和质量保障*/
#honor_main {
  width: 87%;
  margin: 50px auto 72px;
}

#honor_main h3 {
  font-size: 20px;
  color: #54b000;
  font-weight: normal;
  line-height: 32px;
  margin-bottom: 15px;
}
#honor_main p {
  color: #333;
  text-indent: 2em;
  margin: 0px auto 8px;
  line-height: 32px;
  font-size: 16px;
}
.honor_img {
  text-align: center;
  margin-top: 50px;
}
/*目标和理念*/
#objective_main {
  width: 86%;
  margin: 50px auto 34px;
  box-sizing: border-box;
}
#objective_main .cooperation_mode_title{
	margin-bottom: 43px;
}
#objective_main h3 {
  font-size: 20px;
  color: #54b000;
  margin-bottom: 1rem;
  font-weight: normal;
}

#objective_main p {
  color: #333;
  text-indent: 32px;
  margin: 5px auto 0;
  line-height: 23px;
  font-size: 16px;
}

.zhezhao{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	z-index: 999;
	display: none;
}