*{transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; margin:0; padding:0;}
html,body{font-size:14px;background:#fff; font-weight:normal; color:#595656;width:100%;margin:0px;padding:0px;font-family:"PingFang SC", "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","黑体",sans-serif;overflow-x: hidden;}
body{overflow-x: hidden;}
img{ border: none; vertical-align: bottom; margin: 0; padding: 0;}
a{text-decoration: none; cursor:pointer;}
a:link {color: #595656;}
a:visited {color: #df0011;}
a:hover{color: #df0011;}
a:active {color: #df0011;}
ul,li{list-style-type:none;}
input,button,select,textarea{ outline:none; border: none;}
.clear{ clear:both;}
.pull_left{float: left;}
.pull_right{ float: right;}
button{ cursor:pointer;}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?jheek1');
  src:  url('../fonts/icomoon.eot?jheek1#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?jheek1') format('truetype'),
    url('../fonts/icomoon.woff?jheek1') format('woff'),
    url('../fonts/icomoon.svg?jheek1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow2:before {
  content: "\e902";
}
.icon-arrow1:before {
  content: "\e901";
}

#wrap{
  overflow:hidden;
}
#read-more{
	margin-top:10px;
	text-align:right;
	color:#9f9f9f;
}
#read-more a:link{
	color:#9f9f9f;
	}
.mb_22{
	display: none;
}
header{background: #000; height: 44px; width: 100%; position: fixed; top: 0; z-index: 999;}
section{width: 1200px; margin: 0 auto;}
h1{ background-image: url(../images/logo.svg); text-indent: -100em; width: 149px; height: 65px; background-size:149px 65px; float: left; margin-top: 10px; position: absolute; z-index: 999;}
header nav{ float: right; line-height: 43px; color: #c8c8c8; font-size: 14.7px;
  /* font-family:"PingFangSCd4cd07de416b5f"; */
}
header nav a:link{color: #c8c8c8;}
header nav a:visited {color: #c8c8c8;}
header nav a:hover{color: #c8c8c8;}
header nav a:active {color: #c8c8c8;}
header nav li{ float: left; margin-right: 32px; cursor: pointer;}
header nav li:hover{ border-bottom: 1px solid #df0011;}
header nav li input{ width: 133px; height: 22px; border: 1px solid #646464; color: #b4b4b4; font-size: 13.04px;
  /* font-family:"PingFangSCd4cd07de416b5f";  */
  background-color: #000; float: left; line-height: 22px;}
.search{width: 27px; height: 24px; line-height: 24px;background:rgba(100, 100, 100, 1) url(../images/search.png) no-repeat; background-position: center; float: left;}
header .show{}
header nav li:last-child{ margin-right: 0; margin-top: 10px;}
header nav li:last-child:hover{border-bottom:none;}
.fload{background: rgba(0,0,0,0.6); height: 40px; position: absolute; top: 44px; left: 0; z-index: 990; width: 100%; color: #fff; display: none;}
.fload h3{font-size: 20px; font-weight:normal; float: left; line-height: 40px;}
.fload ul{ float: right; font-size: 14px; line-height: 20px; margin-top: 10px;margin-right: 458px; font-family:"PingFang SC", "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","黑体",sans-serif;}
.fload ul li{ float: left; margin-right: 15px; padding-right: 15px; border-right: 1px solid #fff; }
.fload ul li:last-child{ padding-right: 0; margin-right: 0; border-right: none; margin-top: 0;}
.fload ul li:hover{border-bottom: none; color: #df0011;}
.fload ul li a:hover{border-bottom: none; color:#df0011;}



.fload_new{display: block; z-index: 989;}
.fload_new_1{display: none;}

/**banner**/
.banner{ width: 100%;}
.swiper-container{ height: 719px; background-color: #fff;}
.swiper-container .swiper-slide_1{ background: url(../images/banner_1.jpg) no-repeat; background-size: auto 100%;}
.swiper-container .swiper-slide_2{ background: url(../images/banner_2.jpg) no-repeat; background-size: auto 100%;}
.swiper-slide section .subtitle{ position: absolute; top: 220px; width: 700px; height:auto; text-align:left; color: #fff;}
.swiper-slide section .subtitle1{color: #fff;}
.swiper-slide section .subtitle h3{
  font-size: 90px;
  /* font-family:'SiYuanRegulard4ccf651216b5f';  */
  font-weight: 300;
  word-spacing: -20px;}
.swiper-slide section .subtitle span{ font-size: 70px; font-weight: lighter;
  /* font-family:'SiYuan-ExtraLigda90ef36a16b5f'; */
}
.swiper-slide section .subtitle p{ font-size: 26px; font-weight: lighter;}
.swiper-pagination-bullet{ width: 15px; height: 15px; background-color:rgba(255,255,255,0); border-radius: 50%; border: 1px solid #fff; opacity: 1;}
.swiper-pagination-bullet-active{ background: #df0011; border: 1px solid #df0011;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 140px;
    left: -40%;
    width: 100%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background: none; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background: none; }
.conutup{
	height: 85px;
	position: relative;
}
.conutup section{position: relative; background: url( ../images/shadow.png) no-repeat bottom; top: -120px; z-index: 888; height: 205px; left: 50%; margin-left: -600px;}
.conutup .list_1{width: 33.33%; box-sizing: border-box; height: 167px; float: left; background: #990712; color: #fff; padding: 0 30px; position: absolute;}
.conutup .list_1:hover{height:177px; top:-10px;}
.conutup .title{ margin-top: 45px; float: left; text-align: left; width: 140px;}
.conutup .title h4{ font-size: 20px; font-weight: normal;
  /* font-family:'SiYuanRegulard4ccf651216b5f'; */
   margin-bottom:3px;}
.conutup .title p{ font-size: 15px; font-weight: lighter; text-transform: uppercase;
  /* font-family:'SiYuan-ExtraLigda90ef36a16b5f';  */
  line-height:18px;}
.conutup .list_1 img{ float: right; margin: 20px 0 0;}
.conutup .list_2{ background: #df0011; left:66.66%}
.conutup .list_2:hover{ background: #df0011;height:177px; top:-10px;}
.conutup .list_2 img{ margin-top: 0; margin-right:17px;}
.conutup .list_3{ background: #bf0513; left:33.33%;}
.conutup .list_3:hover{ background: #bf0513;height:177px; top:-10px;}

/**营养分析**/
.banner_2{ width: 1200px; margin: 0 auto ; position: relative;}
.banner_2 h5{
	font-size: 23px;
	font-weight: normal;
	text-align: center;
}
.banner_2 span{
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin-bottom: 40px;
}
.banner_2 img{
	margin-left: 400px;
}
.banner_2 .swiper-container {
    background-color: #fff;
    height: auto;
}
.swiper-container2 .swiper-slide{
	background: #fff;
}
.banner_2 .analysis li{
	width: 210px;
	height: 80px;
	position: absolute;
	box-sizing: border-box;
}
.banner_2 .analysis li h5{
	font-size: 18px;
	text-align: right;
	margin-top: 10px;
}
.banner_2 .analysis li span{
	font-size: 13px;
	text-align: right;
	margin-bottom: 0;
}
.banner_2 .analysis .li_1{
	top: 110px;
	left: 100px;
	background: url(../images/tu_icon_1.png) no-repeat;
	background-position: right center;
	padding-right: 70px;
}
.banner_2 .analysis .li_1:hover{
	background: url(../images/tu_icon_1_hover.png) no-repeat;
	background-position: right center;
}
.banner_2 .analysis .li_1:hover::after{
	content: " ";
	display: block;
	width: 341px;
	height: 342px;
	background: url(../images/line_4.png) no-repeat;
	position: absolute;
	top: 40px;
	left: 215px;
}
.banner_2 .analysis .pro_name{
	width: auto;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid #f1f1f1;
	padding: 10px 8px;
	background: #fff;
	top: 36px;
	display: none;
	z-index: 550;
}
.banner_2 .analysis .li_1 .pro_name{
	right: 65px;
}
.banner_2 .analysis .li_2 .pro_name{
	right: 65px;
}
.banner_2 .analysis .li_3 .pro_name{
	right: 65px;
}
.banner_2 .analysis .pro_name li{
	width: auto;
	height: auto;
	position: static;
	line-height: 28px;
	background: url(../images/spot_1.png) no-repeat left center;
	padding-left: 8px;
	white-space: nowrap;
}

.banner_2 .analysis .li_2{
	top: 257px;
	left: 75px;
	background: url(../images/tu_icon_2.png) no-repeat;
	background-position: right center;
	padding-right: 70px;
}
.banner_2 .analysis .li_2:hover{
	background: url(../images/tu_icon_2_hover.png) no-repeat;
	background-position: right center;
}
.banner_2 .analysis .li_2:hover::after{
	content: " ";
	display: block;
	width: 386px;
	height: 110px;
	background: url(../images/line_2.png) no-repeat;
	position: absolute;
	top: 40px;
	left: 215px;
}

.banner_2 .analysis .li_3{
	top: 390px;
	left: 120px;
	background: url(../images/tu_icon_3.png) no-repeat;
	background-position: right center;
	padding-right: 70px;
}
.banner_2 .analysis .li_3:hover{
	background: url(../images/tu_icon_3_hover.png) no-repeat;
	background-position: right center;
}
.banner_2 .analysis .li_3:hover::after{
	content: " ";
	display: block;
	width: 161px;
	height: 92px;
	background: url(../images/line_3.png) no-repeat;
	position: absolute;
	top: 40px;
	left: 215px;
}

.banner_2 .analysis .li_4{
	top: 257px;
	left: 920px;
	background: url(../images/tu_icon_4.png) no-repeat;
	background-position: left center;
	padding-left: 70px;
}
.banner_2 .analysis .li_4:hover{
	background: url(../images/tu_icon_4_hover.png) no-repeat;
	background-position: left center;
}
.banner_2 .analysis .li_4 h5{
	text-align: left;
}
.banner_2 .analysis .li_4 span{
	text-align: left;
}
.banner_2 .analysis .li_4:hover::after{
	content: " ";
	display: block;
	width: 406px;
	height: 147px;
	background: url(../images/line_1.png) no-repeat;
	position: absolute;
	bottom: 40px;
	right: 215px;
}

.banner_2 .analysis .li_5{
	top: 395px;
	left: 885px;
	background: url(../images/tu_icon_5.png) no-repeat;
	background-position: left center;
	padding-left: 70px;
}
.banner_2 .analysis .li_5:hover{
	background: url(../images/tu_icon_5_hover.png) no-repeat;
	background-position: left center;
}
.banner_2 .analysis .li_5 h5{
	text-align: left;
}
.banner_2 .analysis .li_5 span{
	text-align: left;
}
.banner_2 .analysis .li_5:hover::after{
	content: " ";
	display: block;
	width: 406px;
	height: 147px;
	background: url(../images/line_5.png) no-repeat;
	position: absolute;
	top: 40px;
	right: 215px;
}


.banner_2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image: url( ../images/pre_left.jpg); width: 25px; height: 72px; background-size: cover; left: 0;}
.banner_2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image: url( ../images/pre_right.jpg); width: 25px; height: 72px; background-size: cover; right: 0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{ opacity: 1;}

.banner_2 .swiper-button-prev2{ background-image: url( ../images/button_dog.png); width: 65px; height: 84px; background-size: cover; left:870px; top: 120px;}
.banner_2 .swiper-button-next2{ background-image: url( ../images/button_cat.png); width: 65px; height: 84px; background-size: cover; left:910px; top: 130px;}
.swiper-button-prev2.swiper-button-disabled{
	background-image: url( ../images/button_dog_active.png);background-size: cover; opacity: 1; z-index: 100;
}
.swiper-button-next2.swiper-button-disabled{
	background-image: url( ../images/button_cat_active.png);background-size: cover; opacity: 1; z-index: 100;
}


.gallery-top {
        height: 80%;
        width: 100%;
    }
    .gallery-thumbs {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }
    .gallery-thumbs .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.4;
    }
    .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }


/**通栏大图**/
.big_tu{
	width: 100%;
	height: 489px;
}
.big_tu .mobile{
	display: none;
}
.big_tu img{
	width: 1920px; position: absolute; left: 50%; margin-left: -960px;
}

.title_2{
	margin: 50px auto 30px;
	display: flex;
	box-sizing: border-box;
	padding: 0 25px;
	justify-content: space-between;
	align-items: center;
}
.title_2 .gongyi_50 p{
	line-height: 26px;
	margin-top: 60px;
}
.title_2 .video{
	width: 645px;
	height: 363px;
}
/**.title_2 div{
	float: right;
	line-height: 26px;
	margin-top: 40px;
	color: #4d4d4d;
	width: 40%;
}
.title_2 button{
	border: 1px solid #9f5fa6;
	padding: 10px 30px 10px 30px;
	border-radius: 30px;
	color: #df0011;
	margin-top: 40px;
	background: rgba(255,255,255,1);
	cursor: pointer;
	display: flex;
	align-items: center;
}
.title_2 button span{
	font-size: 1.5em;
	margin-left: 30px;
}
**/

.line{width: 100%; height: 0; border-bottom: 1px solid #303030; margin: 20px 0 50px;}
/**.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 3em;
    height: 3em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
        border-top-color: rgb(255, 255, 255);
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
.video-js .vjs-big-play-button .vjs-icon-placeholder::before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5em;
}
.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -1.5em;
    margin-left: -1.5em;
}
**/

/**首页新闻列表**/
.new_list{
	text-align: center;
	width: 1150px;
}
.new_list h4{
	font-size: 23px;
	font-weight: normal;
	/* font-family:"PingFangSCd4cd07de416b5f"; */
}
.new_list .p_1{
	font-size: 17.5px;
	text-transform: uppercase;
	/* font-family:'SiYuan-ExtraLigda90ef36a16b5f'; */
	word-spacing: -5px;
	line-height: 35px;
}
.new_list span{
	width: 100px;
	height: 1px;
	border-bottom: 1px solid #9a9a9a;
	display: block;
	margin:5px auto;
}

.new_list_content{
	display: flex; justify-content: space-between; margin: 45px auto 40px;
}
.new_list_content .new_list_1{
	padding: 20px 20px 10px;
	width: 360px;
	border: 1px solid #b4b4b4;
	text-align: left;
	position: relative;
	box-sizing: border-box;
	height: 204px;
	border-top:none;
}
.new_list_content .dz_img{
	width: 360px;
	height: 262px;
}
.new_list_content .new_list_1 img{
	position: absolute;
	top: -30px;
	display: none;
}
.new_list_content .new_list_1:hover{
	border-top: 2px double #df0011;
	border-bottom: 2px double #df0011;
}
.new_list_content .new_list_1 h5{
	font-size: 16px;
	color: #4d4d4d;
	margin-top:15px;
}
.new_list_content .new_list_1 p{
	font-size: 13px;
	color: #b4b4b4;
	line-height: 20px;
}
.new_list_content .new_list_1 .new_list_frame{
	box-sizing: border-box;
	float: left;
	width: 50%;
	border: 1px solid #b4b4b4;
	text-align: left;
	margin: 15px 0;
	line-height: 28px;
	color: #b4b4b4;
	padding-left:29px;
}
.new_list_content .new_list_1 .new_list_frame a{
	display: flex;
	align-items: center;
}
.new_list_content .new_list_1 .new_list_frame b{
	font-size: 1.3em;
	margin-left: 35px;
}
.new_list_content .new_list_1 .new_list_frame:nth-child(4n+0){
	border-left: none;
	color: #df0011;
}
.new_list_content .new_list_1 .new_list_frame a:link {color: #df0011;}
.new_list_content .new_list_1 .new_list_frame a:visited {color: #df0011;}
.new_list_content .new_list_1 .new_list_frame a:hover{color: #df0011;}
.new_list_content .new_list_1 .new_list_frame a:active {color: #df0011;}

footer{ background:#2a2a2a; padding: 45px 0 30px; border-top: 2px solid #df0011; color: #646464; margin-top: 100px;}
footer .line_1{width: 100%; height: 1px; border-bottom: 1px solid #4d4d4d; margin: 50px 0 25px;}


footer .border{display: flex; justify-content: space-between;}
footer dt{ color: #f0f0f0; margin-bottom: 30px; font-size: 18px;
  /* font-family:'SiYuanRegulard4ccf651216b5f'; */
}
footer dt::after{
	content: " ";
	width: 22px;
	height: 1px;
	background: #df0011;
	display: block;
	margin-top: 15px;
}
footer dd{ line-height: 24px; background: url(../images/spot.png) no-repeat; background-position: left center; padding-left: 15px; margin-bottom: 5px;}
footer a:link{color: #646464;}
footer a:visited{color: #646464;}
footer a:hover{color: #df0011;}
footer a:active{color: #646464;}
footer .dd_1{ background-image: url(../images/footer_icon_1.jpg); background-position: left 20%; padding-left: 25px;}
footer .dd_2{ background-image: url(../images/footer_icon_2.jpg); background-position: left center; padding-left: 25px;}
footer .dd_3{ background-image: url(../images/footer_icon_3.jpg); background-position: left center; padding-left: 25px;}
footer .pull_right li{float: left; margin: 0 10px;}
footer .pull_right{ position: relative;}
footer .pull_right .code_hide{ position: absolute; background: #fff; padding: 5px; bottom: 30px; display: none;}


/**产品列表**/
.banner_pro{height: 531px;}
.banner_pro section{
	position: relative;
}
.product{ margin: 0px auto 30px; position: relative; text-align: center;}
.pro_icon{ position: absolute; right: 0;}
.product h3{ font-size: 23px; padding-top: 40px; font-weight: normal;}
.product .p_2{ text-transform: uppercase; word-spacing: -2px; font-size: 18px;
  /* font-family: 'SiYuan-ExtraLigda90ef36a16b5f';  */
  line-height:35px;}
.product_list_1{width: 669px; margin: 30px auto;}
.product_list_1::after{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.product_title{ width: 223px; height: 53px; box-sizing: border-box; border: 1px solid #d1d3d4; float: left; line-height: 53px; font-size: 18px; }
.product_title_hover{border-bottom: 2px solid #df0011;}
.product_list_1 a:nth-child(2n+0) .product_title{ border-left: none; border-right: none;}

#tabbox{ width: 1200px; margin-top: 0px;}
#tabs{width: 669px; overflow: hidden; margin: 0 auto;}
#tabs li:first-child{
	width: 0;
}

#tabs .li_1{
	background: url(../images/tu_icon_1.png) no-repeat;
	background-position: center top;
}
#tabs .li_1:hover{
	background: url(../images/tu_icon_1_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_1_active{
	background: url(../images/tu_icon_1_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_2{
	background: url(../images/tu_icon_2.png) no-repeat;
	background-position: center top;
}
#tabs .li_2:hover{
	background: url(../images/tu_icon_2_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_2_active{
	background: url(../images/tu_icon_2_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_3{
	background: url(../images/tu_icon_3.png) no-repeat;
	background-position: center top;
}
#tabs .li_3:hover{
	background: url(../images/tu_icon_3_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_3_active{
	background: url(../images/tu_icon_3_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_4{
	background: url(../images/tu_icon_4.png) no-repeat;
	background-position: center top;
}
#tabs .li_4:hover{
	background: url(../images/tu_icon_4_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_4_active{
	background: url(../images/tu_icon_4_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_5{
	background: url(../images/tu_icon_5.png) no-repeat;
	background-position: center top;
}
#tabs .li_5:hover{
	background: url(../images/tu_icon_5_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_5_active{
	background: url(../images/tu_icon_5_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_6{
	background: url(../images/tu_icon_6.png) no-repeat;
	background-position: center top;
}
#tabs .li_6:hover{
	background: url(../images/tu_icon_6_hover.png) no-repeat;
	background-position: center top;
}
#tabs .li_6_active{
	background: url(../images/tu_icon_6_hover.png) no-repeat;
	background-position: center top;
}
#tabs li{
	cursor: pointer;
	padding-top: 60px;
}
.pro_line{
	width: 300%;
	position: absolute;
	left: 50%;
	margin-left: -1800px;
	top: 100px;
}
.line_search{
	top: 0;
}
.product_list_1 ul li{ width: 20%; float: left; text-align: center; box-sizing: border-box;}
.product_list_1 ul li p{ font-size: 15px; color: #595656; margin-top: 15px;}
.product .product_list:nth-child(4n+0){ margin-right: 0;}
.product_list_1 ul .product_list{display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 90px; width: 100%;}
.product_list .product_info{
	width: 33.33%;
	text-align: center;
	margin-bottom: 80px;
	color: #4d4d4d;
}
.product_list .product_info .product_img{ width: 310px; height:310px;}
.product_list .product_info h4{ font-size: 18px; font-weight: normal; line-height: 36px; padding-top: 20px;}
.product_list .product_info p{ font-size: 15px; margin-top: 0; font-family:"PingFang SC", "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","黑体",sans-serif; word-spacing: 0; color: #767676; width: 80%; margin: 0 auto;}
.product_list .product_info button{ border: 1px solid #4d4d4d; border-radius: 30px; padding: 5px 20px 5px 60px; margin: 20px auto; background:#fff; cursor: pointer;}
.product_list .product_info button:hover{ color: #df0011; border-color: #df0011;}
.product_list .product_info button span{ font-size:10px; margin-left:40px;}



/**产品详情**/
.banner_pro_title{
	width: 50%;
	display: flex;
	position: absolute;
	top: 140px;
	color: #fff;
}
.banner_pro_title_left{
	width: 45%;
}
.banner_pro_title_right{
	width: 55%;
	text-align: center;
}
.banner_pro_title .banner_pro_title_left h3{
	font-size: 42px;
	font-weight: normal;
}
.banner_pro_title .banner_pro_title_left span{
	font-size: 40px;
	/* font-family: 'SiYuan-ExtraLigda90ef36a16b5f'; */
}
.banner_pro_title .banner_pro_title_left h4{
	font-size: 44px;
	font-weight: lighter;
}
.banner_pro_title .banner_pro_title_left p{
	font-size: 16px;
	margin-top: 30px;
}
.banner_pro_title .banner_pro_title_left button{
	padding: 5px 20px 5px 35px;
	border-radius: 50px;
	margin-top: 20px;
	color: #5a5a5a;
	background:rgba( 255,255,255,1);
	cursor: pointer;
}
.banner_pro_title .banner_pro_title_left button span{
	font-size:11px;
	margin-left:35px;
	}
.banner_pro_title .banner_pro_title_right img{
	width: auto;
	position: relative;
	left: 0;
	margin-left: 0;
	max-width: 100%;
}
.pro_icon_1{
	top: -50px;
	width: 40%;
}
.pro_icon_1 li{
	float: left;
	width: 33.33%;
}
.pro_icon_1 li p{
	font-size: 14px;
	margin-top: 10px;
	font-family:"PingFang SC", "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","黑体",sans-serif;
	word-spacing: 0;
}
#tabbox1{
	margin-top: 120px;
	width: 1200px;
	margin-bottom: 100px;
}
#tabs1 li{
	width: 33.33%;
	box-sizing: border-box;
	border: 1px solid #d1d3d4;
	line-height: 55px;
}
#tabs1 .click{
	border-bottom: 2px solid #df0011;
}
#tabs1 li:nth-child(2n+0){
	border-right: none;
	border-left: none;
}
#tabs1 li p{
	margin-top: 0;
	font-size: 18px;
}
#tab_conbox1 table{
	width: 100%;
	border: 1px solid #d1d3d4;
	border-collapse: collapse;
    border-spacing: 0;
}
#tab_conbox1 table .th1{
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	line-height: 50px;
}
#tab_conbox1 table th{
	width: 33.33%;
	font-size: 15px;
	font-weight: normal;
	line-height: 50px;
	border-right: 1px solid #d1d3d4;
	border-bottom: 1px solid #d1d3d4;
	text-align: left;
	padding-left: 30px;
}
#tab_conbox1 table tr th:last-child{
	border-right: none;
}
#tab_conbox1 table tr:last-child th{
	border-bottom: none;
}
#tab_conbox1 li .pro_title{
	line-height: 50px;
	font-size: 15px;
	font-weight: normal;
	border-right: 1px solid #d1d3d4;
	border-left: 1px solid #d1d3d4;
	width: 100%;
	text-align: center;
	border-top: 1px solid #d1d3d4;
	margin-top: 15px;
}
#tab_conbox1 li .pro_title:last-child{
	border-top: none;
	border-bottom: 1px solid #d1d3d4;
}
#tab_conbox1 li .pro_img{
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #b1b1b1;
	text-align: center;
	margin-bottom: 50px;
}
#tab_conbox1 li .pro_img:last-child{
	border: none;
}

/**公益活动**/

.banner_care section .subtitle{ position: absolute; top: 165px; width: 700px; height:auto; text-align:left; color: #fff; text-transform: uppercase; opacity: 0.6;}
.banner_care section .subtitle h3{ font-size: 75px;
  /* font-family:'SiYuan-ExtraLigda90ef36a16b5f';  */
  font-weight:lighter; word-spacing: -30px; line-height: 60px;}
.banner_care section .subtitle span{ font-size: 85px; font-weight:300;
  /* font-family:'SiYuanRegulard4ccf651216b5f';  */
  word-spacing: -30px;}
.banner_care section .subtitle p{ font-size: 30px; font-weight: lighter;
  /* font-family:'SiYuan-ExtraLigda90ef36a16b5f';  */
  letter-spacing:3px;}

.product h4{
	padding-top: 40px;
}
.product_care .line{
	border-bottom-color: #b1b1b1;
}
.product_care .care_text{
	width: 815px;
	text-align: left;
	color: #595656;
	font-size: 14px;
	line-height: 24px;
	margin: 0 auto;
}

.product_care .new_list_content{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.product_care .new_list_content .care_list{
	margin-bottom: 30px;
	margin-right: 35px;
}
.product_care .new_list_content .care_list:nth-child(3n+0){
	margin-right: 0;
}
.product_care .new_list_content .care_list .img_1{
	width: 360px;
	height: 232px;
}


/**分页**/
.ym{ display: inline; float: right; text-align:right; font-size:12px; color:#6c7a81; margin-bottom:40px; width:100%;}
.ym li{  display: inline;list-style: none outside none;margin: 0px;text-align: center;}
.ym a,.ym span{ display:inline-block; margin-left:5px; padding:3px 6px; border-bottom: none; width:auto;}
.ym a{ border:1px solid #e6e6e6;color:#6c7a81}


.pro_care{
	margin-top: 84px;
	display: flex;
	justify-content: space-between;
	text-align: left;
}
.pro_care_left{
	width: 800px;
	color: #4d4d4d;
}
.pro_care_left h3{
	/* font-family:'SiYuan-ExtraLigda90ef36a16b5f'; */
	text-transform: uppercase;
	font-size: 36px;
	word-spacing: -10px;
}
.pro_care_left h4{
	font-size: 21px;
	/* font-family:'SiYuanRegulard4ccf651216b5f'; */
	font-weight: normal;
	padding-top: 0;
	line-height: 40px;
}
.pro_care_left h5{
	font-size: 20px;
	font-weight: 400;
	line-height: 35px;
	margin-top: 10px;
}
.pro_care_left .line{
	border-bottom-color: #b1b1b1;
	margin: 15px 0;
}
.pro_care_left p{
	font-size: 14px;
	line-height: 24px;
	color: #df0011;
}

.pro_care_right{
	width: 310px;

}
.pro_care_right .new_list_content{
	display: block;
	overflow: hidden;
	margin-top: 0;
}

.pro_care_right .new_list_content .pro_care_list{
	margin-bottom: 20px;
}

.pro_care_right .new_list_content img{
	width: 100%;
	height: auto;
}

.pro_care_right .new_list_content .new_list_1{
	padding: 30px 20px 20px;
	width: 310px;
	border: 1px solid #b4b4b4;
	text-align: left;
	position: relative;
	box-sizing: border-box;
}
.pro_care_right .new_list_content .new_list_1 img{
	position: absolute;
	top: -30px;
	width: 43px;
}
.pro_care_right h4{
	font-size: 21px;
	/* font-family:'SiYuanRegulard4ccf651216b5f'; */
	font-weight: normal;
	padding-top: 82px;
	line-height: 40px;
}

/**健康**/
.banner_care section .subtitle_health{ opacity: 0.95;}
.pro_health{
	width: 1200px;
}
.health_list{ background: #f1f1f1; margin: 50px 0;}
.health_list li{ position: relative; height: 277px;}
.health_list li div{ height:100%; width: 50%; position: absolute; top: 0;}
.health_list li .health_img{
	left: 0;
}
.health_list li .health_img img{
	float: left;
	width: 619px;
	height: 277px;
}
.health_list li .health_info{
	right: 0;
	background: url(../images/mask_left.png) no-repeat;
	background-position: left center;
	background-size: auto 100%;
	text-align: left;
	box-sizing: border-box;
	padding: 80px 65px 0;
}
.health_list li .health_info h5{
	font-size: 26px;
	font-weight: lighter;
}
.health_list li .health_info p{
	font-size: 15px;
	line-height: 30px;
}
.health_list li .health_info button{
	padding: 10px 35px 10px 20px;
	border: 1px solid #df0011;
	border-radius: 40px;
	color: #df0011;
	margin-top: 30px;
	cursor: pointer;
	background:#f1f1f1;
}
.health_list li .health_info button span{
	width:0;
	border:none;
	display: inherit;
	margin-left:25px;
	margin-top:0;
	margin-bottom:0;
	height:16px;
	line-height:16px;
	}
.health_list li:nth-child(2n+0) .health_img{
	right: 0;
	left: auto;
}
.health_list li:nth-child(2n+0) .health_img img{
	float: right;
}
.health_list li:nth-child(2n+0) .health_info{
	left: 0;
	right: auto;
	background: url(../images/mask_right.png) no-repeat;
	background-position: right center;
}

.health_list_1 li{
	width: 100%;
	margin-bottom: 15px;
	background: #f1f1f1;
}
.health_list_1 li .health_info{
	text-align: left;
	box-sizing: border-box;
	padding: 30px 20px;
	position: relative;
}
.health_list_1 li .health_info img{
	position: absolute;
	top: -15px;
	left: 0px;
}
.health_list_1 li .health_info h5{
	font-size: 20px;
	font-weight: normal;
	line-height: 35px;
}
.health_list_1 li .health_info p{
	font-size: 14px;
}
.health_list_1 li .health_info button{
	padding: 7px 20px 7px 17px;
	border: 1px solid #df0011;
	border-radius: 40px;
	color: #df0011;
	background: #f1f1f1;
	margin: 15px auto 0;
	display: block;
}
.health_list_1 li .health_info button .icon-arrow2{
	margin-left: 30px;
}


/**最新动态**/
.banner_care section .subtitle_new{top: 140px; width: 580px; opacity: 1;}
.banner_care section .subtitle_new h3{ font-size: 70px;
  /* font-family:'SiYuan-ExtraLigda90ef36a16b5f';  */
  font-weight:lighter; word-spacing: -30px; line-height: 60px;}
.banner_care section .subtitle_new span{ font-size: 55px; font-weight:300;
  /* font-family:'SiYuanRegulard4ccf651216b5f'; */
   word-spacing: -30px;}
.banner_care section .subtitle_new h5{ font-size: 20px; font-weight: lighter; color: #4d4d4d; line-height: 60px;}
.banner_care section .subtitle_new p{ font-size: 14px; color: #4d4d4d;font-family:"PingFang SC", "Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","黑体",sans-serif;}
.banner_care section .subtitle_new .button_new{ margin-top: 30px;}
.banner_care section .subtitle_new .button_new p{
	border: 1px solid #a1725f;
	float: left;
	padding: 8px 20px;
	color: #a1725f;
}
.banner_care section .subtitle_new .button_new p:last-child{
	border-left: none;
	padding-right: 15px;
}
.banner_care section .subtitle_new .button_new p b{
	margin-left:35px;
	}

.pro_new{
	text-align: left;
}
.pro_new p{
	font-size: 36px;
	word-spacing: -15px;
}
.pro_new .line{
	width: 10%;
	margin:5px 0 50px;
}

.banner_care section .subtitle_contact{ opacity: 0.95;}
.banner_care section .subtitle_contact span{
	font-size: 60px;
}
.banner_care section .subtitle_contact h3{
	line-height: 75px;
}
.contact_left{
	text-align: left;
	margin-bottom: 150px;
	width: 35%;
	float: left;
}
.contact_left h5{
	font-size: 23px;
	font-weight: normal;
}
.contact_left p{
	text-transform: uppercase;
	}
.contact_left p::after{
	content: " ";
	display: block;
	width: 150px;
	height: 1px;
	background: #9a9a9a;
	margin-top: 10px;
}
.contact_left span{
	border: none;
	font-size: 40px;
	font-weight: bold;
	color: #797979;
	margin-bottom: 55px;
	width: auto;
	height: auto;
	margin-top: 5px;
}
.contact_left ul{
	margin-bottom: 30px;
}
.contact_left li{
	line-height: 28px;
}
.contact_left img{
	margin-right: 15px;
}
.contact_left .cnc{
	width: auto;
	float: left;
	text-align: center;
}
.contact_left .cnc span{
	font-size: 14px;
	color: #595656;
}
.contact_right{
	width: 60%;
	height: 500px;
	border: 1px solid #4d4d4d;
	float: right;
}


/**防伪查询**/
.banner_check{
	height: 500px;
}
.banner_check section .subtitle{
	width: 1200px;
	top: 140px;
}

.pro_check{
	position: relative;
	height: 500px;
}
.pro_check .check{
	position: absolute;
	top: -100px;
	width: 1200px;
	background: #fff;
}
.pro_check .check .pro_icon{
	right: 50px;
}
.pro_check form{
	padding-left: 245px;
}
.pro_check form::after{
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0px;
}
.pro_check input{
	width: 610px;
	height: 64px;
	box-sizing: border-box;
	border: 1px solid #4d4d4d;
	margin-top: 50px;
	float: left;
	font-size: 33px;
	line-height: 64px;
	padding-left: 10px;
}
.pro_check form img{
	 float: left;
	margin-top: 50px;
}
.pro_check button{
	height: 60px;
	 width: 100px;
	box-sizing: border-box;
	border-top: 1px solid #4d4d4d;
	border-right: 1px solid #4d4d4d;
	border-bottom: 1px solid #4d4d4d;
	background: url(../images/search_1.png) no-repeat center center;
	margin-top: 50px;
	float: left;
}
.pro_check #data{
	width: 40%;
	margin: 20px auto;
	color: #4d4d4d;
	line-height: 28px;
}
.pro_check p{
	font-size: 18px;
	text-transform: uppercase;
	/* font-family:'SiYuan-ExtraLigda90ef36a16b5f'; */
	line-height:35px;
}
.pro_check p::after{
	content: " ";
	width: 100px;
	height: 1px;
	background: #4d4d4d;
	display: block;
	margin: 10px auto;
}
.pro_check h5{
	font-size: 40px;
}


/**关于**/
.banner_care section .subtitle_about{ top: 165px;}
.banner_care section .subtitle_about h3{ font-size:35px; word-spacing:-10px; line-height:40px;}
#tabbox_about{
	margin: 0;
}
.about_nav{
	width: 500px;
	height: 30px;
	background:#fff; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(left, white, rgba(255, 255, 255, 0));
    background:-webkit-gradient(linear, left 0, right 0, from(#fff), to(rgba(255, 255, 255, 0)));
    background:-o-linear-gradient(left, white, rgba(255, 255, 255, 0));
	position: absolute;
	top: -30px;
	left: 0;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	padding-left: 15px;
	display: flex;
}
#tabs1 .tab_li{
	width: auto;
	border: none;
	line-height: 30px;
	margin-right: 15px;
	cursor: pointer;
	/* font-family:"PingFangSCd4cd07de416b5f"; */
}
#tabs1 .tab_li b{
	width: 1px;
	height: 15px;
	background: #df0011;
	display: inline-block;
}
.about_nav .thistab{
	color: #df0011;
}
.about_nav b{
	font-weight: 500;
	color: #df0011;
	margin-left: 15px;
}
.about_left{
	float: left;
	width: 425px;
}
.about_right{
	float: right;
	width: 700px;
}
.about_right p{
	font-size: 14px;
	text-align: left;
	line-height: 24px;
}
.about_jiyu h5{
	font-size: 26px;
	color: #df0011;
	font-weight: lighter;
	margin-bottom: 18px;
}
.about_jiyu h5::before{
	content: "";
	width: 100px;
	height: 3px;
	display: inline-block;
	border-top: 1px solid #df0011;
	border-bottom: 1px solid #df0011;
	margin-right: 20px;
	margin-bottom: 5px;
}
.about_jiyu h5::after{
	content: "";
	width: 100px;
	height: 3px;
	display: inline-block;
	border-top: 1px solid #df0011;
	border-bottom: 1px solid #df0011;
	margin-left: 20px;
	margin-bottom: 5px;
}
.about_name{
	background: url(../images/about_name.jpg) no-repeat;
	background-position: center right;
	height: 278px;
	box-sizing: border-box;
	padding-right: 350px;
	margin-top: 15px;
}
.about_name_mb{
	display: none;
}


.health_list .about_li{ position: relative; height: 277px;}
.health_list .about_li div{ height:100%; width: 50%; position: absolute; top: 0;}
.health_list .about_li .health_img{
	left: 0;
}
.health_list .about_li .health_img img{
	float: left;
}
.health_list .about_li .health_info{
	right: 0;
	background: url(../images/mask_left.png) no-repeat;
	background-position: left center;
	background-size: auto 100%;
	text-align: left;
	box-sizing: border-box;
	padding: 40px 65px 0;
}
.health_list .about_li .health_info h5{
	font-size: 65px;
	font-weight: lighter;
	color: #9f9f9f;
}
.health_list .about_li .health_info h5::after{
	content: "";
	width: 130px;
	height: 1px;
	background: #9f9f9f;
	display: block;
}
.health_list .about_li .health_info p{
	font-size: 14px;
	line-height: 25px;
	margin-top: 20px;
}
.health_list .about_li .health_info button{
	padding: 10px 50px 10px 20px;
	border: 1px solid #df0011;
	border-radius: 40px;
	color: #df0011;
	background: url(../images/arrow.png) no-repeat;
	background-position: 90% center;
	margin-top: 30px;
}
.health_list .about_li:nth-child(2n+0) .health_img{
	right: 0;
	left: auto;
}
.health_list .about_li:nth-child(2n+0) .health_img img{
	float: right;
}
.health_list .about_li:nth-child(2n+0) .health_info{
	left: 0;
	right: auto;
	background: url(../images/mask_right.png) no-repeat;
	background-position: right center;
}




/**时间轴**/
	#swiper-history{
	width:100%;
	max-width:1200px;
	position:relative;
}
#swiper-history  .swiper-container {
        height: 230px;
		margin:0 40px;
    }
#swiper-history	.long-line{
		height:113px;
		border-bottom:4px solid #df0011;
		width:100%;
		position:absolute;
		top:0px;
	}
#swiper-history   .swiper-slide span{
		display:block;
		width:100%;
		text-align:center;
		position:absolute;
		transition: 700ms;
	border: none;
    }
#swiper-history .swiper-slide .detail{
	box-sizing: border-box;
	border: 1px solid #aaa8a8;
	padding: 10px 18px;
	line-height:24px;
    top: 130px;
	color:#aaa8a8;
	font-size: 15px;
    opacity: 0;
	width: 40%;
	left: 30%;
	height: auto
}
#swiper-history .swiper-slide .date{
	color:#df0011;
	position:absolute;
	top: 60px;
	font-size: 24px;
    opacity: 0;
}
#swiper-history .swiper-slide-active span{
	transition: 700ms 700ms;
}
#swiper-history	.swiper-pagination-bullets{
		white-space:nowrap;
		width:auto;
		bottom:106.5px;
		height:18px;
		line-height:18px;
		transition: 700ms;
	}
#swiper-history .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}
#swiper-history .swiper-pagination-bullet{
	opacity:1;
	line-height:18px;
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/dian_16.png) no-repeat;
	border: none;
}
#swiper-history .swiper-pagination-bullet-active {
    background: url(../images/dian_15.png) no-repeat;
	border: none;
}
#swiper-history .swiper-button-next,#swiper-history .swiper-button-prev{
	top: 118px;
}
#swiper-history .swiper-button-next{ background-image: url( ../images/pre_right_15.png); width: 19px; height: 37px; background-size: cover; left: auto; right: 0;}
#swiper-history .swiper-button-prev{ background-image: url( ../images/pre_left_15.png); width: 19px; height: 37px; background-size: cover; right: auto; left: 0;}





@media (min-width: 1400px) and (max-width:1440px ) {
	.bc_1{ background-position: -300px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 4%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 4%;}
}
@media (min-width:1920px ) {
.swiper-container1{width: 1920px;}
}