@charset "utf-8";
/* CSS Document */

@font-face {
/* font-test*/
font-family: oppo-r;
src:url('/fonts/OPPOSans-R-2.ttf');
}

*{ margin:0px; padding:0px}
img{ border:none}
li{ list-style:none}
body{
  font-size:14px; font-family:oppo-r; margin: 0px; padding: 0px;
  overflow-x: hidden;}
div{box-sizing: border-box;}
a{color:#000000;text-decoration:none;}
a:link {text-decoration:none;color:#000000;}
a:active {text-decoration:none;color:#000000;}
a:hover {text-decoration:none;color:#b41d23;}
a:visited {text-decoration:none;color:#000000;}
.cle{ height: 0px; clear: both;}

.max-content{
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

/*** effect zoom in ***/
.img-zoom-in img
{
transition:all .2s ease-in-out;
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
-ms-transition:all .5s ease-in-out;
-o-transition:all .5s ease-in-out;
}

.img-zoom-in:hover img
{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1)
}
/*** effect zoom in ***/

.img-zoom-deg img{
transition:All 0.5s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}

.img-zoom-deg:hover img {
-webkit-transform: rotate(360deg);/*鼠标hover时，i图标旋转*/
transform: rotate(360deg);
}

.clearfix:after{
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {
  /* 触发 hasLayout */
  zoom: 1;
  }



.main_info{
  width: 100%;
  margin: 0px;
  padding:0px;
  /*background:url("../images/bg00.jpg") no-repeat center;*/
  /*height: 500px;*/
  position: relative;
}


.main_info_ {

  max-width: 930px;
  text-align:center;
  padding: 60px 0px;
  margin: 0px auto;
}
.main_info_ img{
  width:36%;
  min-width: 300px;

  margin-bottom: 20px;
}
.main_info_ h3{ font-size: 28px; margin-bottom: 35px;}
.main_info_ h4{ font-size: 20px; }
.main_info_ p{color: #333333; font-size: 16px; line-height: 175%; margin:5px 0px; }
.main_info_ a{ display: block; margin: 35px auto 0px; border: #333333 1px solid;color: #333333; width: 100px; padding: 8px 0px; border-radius: 20px; transition: all 0.5s;}
.main_info_ a:hover{ width: 150px; background: #b41d23;border: #b41d23 1px solid; color: #FFFFFF;}

.main_about{ width: 100%; margin:0px; padding:0px; background:url("../images/bg01.jpg") no-repeat center; height: 850px;}

.main_about_{
  width: 80%; margin: 0px auto;
  padding: 80px 0;
}
.main_about_left{
  max-width: 360px;
  float: left;
  margin: 140px 0px;
  color: #fff;
}
.main_about_left>p{
  font-size: 24px;
  line-height: 36px;
}
.main_about_left .items{
  display: flex;
  margin-top: 32px;
}
.main_about_left .item{
  flex: 1;
  display: flex;
  align-items:flex-end;

}
.main_about_left .zero{
  font-size: 72px;
  font-weight: 700;
  vertical-align: bottom;
  font-style:italic;
  line-height: 60px;
  transform: scaleX(0.8);
}
.main_about_left .item .text{
  font-size: 16px;
  line-height: 16px;
  margin-left: 6px;
}

.main_about_right{ float: right;}
.main_about_ img{ width:100%; display: block;}




.main_join{  width: 100%; margin:0px; padding:0px; background:url("../images/index_03.jpg") no-repeat center; height: 770px;}
.main_join_{
  width: 85%; margin: 0px auto;
}
.main_join_left{
  float: left;
  width: 400px;
  margin-top: 400px;
}
.main_join_left >h3{
  font-size: 46px;
  margin-bottom: 22px;
}
.main_join_left p{
  display: inline-block;
  width: 100%;
  font-size: 22px;
  margin-left: 12px;
  line-height: 42px;
  position: relative;
}
.main_join_left b{
  display: inline-block;
  font-size: 32px;
  position: absolute;
  right: 0;
}


.main_join_right{
  float: right;
  max-width: 700px;
  height: 600px;
  margin-top: 120px;
  box-sizing: border-box;
  /*background: rgba(255,255,255,0.9);*/
  /*margin: 135px 0px 0px 0px; border-radius: 50px; */
  /*box-sizing: border-box;*/
  /*padding: 80px;*/
}
.main_join_right > h3{ font-size: 46px; margin-bottom: 40px;}
.main_join_right > p{ font-size: 18px; line-height: 175%; margin:30px 0px; text-align: justify;}
.main_join_right > a{ display: block; margin: 50px 0px 0px 500px; border: #333333 2px solid;color: #333333; width: 120px; padding: 8px 0px; border-radius: 20px; transition: all 0.5s; text-align: center; font-weight: bold;}
.main_join_right > a:hover{width: 130px; background: #b41d23;border: #b41d23 1px solid; color: #FFFFFF;}


.main_img{  width: 100%; margin:0px; padding:0px; background:url("../images/index903.png") no-repeat center; height: 320px;}


.main_sou{width: 85%; margin: 30px auto 100px;}
.main_sou_tit{ text-align: center; margin: 0px auto;}
.main_sou_tit span{
  display: inline-block;
  width: 70px;
  border-bottom: 2px solid #b41d23;
}
.main_sou_tit h3{
  font-size: 54px;
  padding-top:36px;
  color:#b41d23;
}
.main_sou_tit p{ font-size: 22px; margin-top: 20px; line-height: 150%;}


.main_sou ul{ margin-top: 50px;display: flex;}
.main_sou ul li{ flex:1; height: 650px; overflow: hidden; position: relative; float: left; margin-right:58px; border-radius: 30px;transition: all 1s;}
.main_sou ul li:last-child{ float: right; margin-right: 0px;}
.main_sou ul li a{}
.main_sou ul li img{ position: absolute;z-index: 9;}
.main_sou ul li div{ width: 100%; height: 650px; position: absolute; z-index: 999;
  text-align: center; transition: all 1s;
  padding:80px 0 ;text-align: center; box-sizing: border-box;}
.main_sou ul li div h4{ transition: all 0.5s; color: #FFFFFF; margin-bottom: 20px; font-size: 36px;}
.main_sou ul li div p{ transition: all 0.5s; color: #FFFFFF; margin-bottom: 8px; font-size: 20px; }
.main_sou ul li div span{ transition: all 0.5s;color: #FFFFFF;font-size: 20px; display: inline-block; line-height: 175%;opacity: 0.3;}
.main_sou ul li:hover{ box-shadow:0 0 30px 2px #999999;}
/*.main_sou ul li:hover div{ background:url("../images/index905.png") no-repeat center 0; }*/
.main_sou ul li:hover div p{opacity:1;}
.main_sou ul li:hover div span{opacity:1;}





.main_coff{ width: 100%; margin:0px; padding:0px; background:url("../images/bg03.jpg") no-repeat center; height: 850px;}

.main_coff_{width: 100%; margin: 0px auto; padding-top: 100px; text-align: center;}
.main_coff_ h3{ color: #FFFFFF; font-size: 36px; line-height: 150%; margin-bottom: 20px;}
.main_coff_ p{color: #EEEEEE; font-size: 30px; line-height: 150%;}










/*******************************************20221109*************************************************/


.weizhi{ width: 1280px; margin: 50px auto; color: #999999; font-size: 14px;}
.weizhi a{ color: #999999; font-size: 14px;}
.weizhi a:hover{color: #b41d23;}

.z_banner_a{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner01.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_b{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner02.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_c{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner03.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_d{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner04.jpg") no-repeat center; height:830px; box-sizing:border-box;}
.z_banner_e{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner05.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_f{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner06.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_g{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner07.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_h{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner08.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_i{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner09.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_j{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner10.jpg") no-repeat center; height:830px; box-sizing:border-box;}
.z_banner_k{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner11.jpg") no-repeat center; height:830px; box-sizing:border-box;}
.z_banner_l{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner12.jpg") no-repeat center; height:549px; box-sizing:border-box;}
.z_banner_n{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner13.jpg") no-repeat center; height:830px; box-sizing:border-box;}
.z_banner_m{ width: 100%; margin:0px; padding:220px 0px 0px; background:url("../images/banner14.jpg") no-repeat center; height:830px; box-sizing:border-box;}
.z_banner {text-align: center;}

.z_banner p{  font-size: 36px; color: #FFFFFF; text-transform: uppercase;}
.z_banner em{ display: block; margin: 15px auto; height: 1px; background: #FFFFFF; width: 80px;}
.z_banner h2{ font-size: 28px; color: #FFFFFF;}
.z_banner_b p{  font-size: 36px; text-transform: uppercase;}
.z_banner_b em{ display: block; margin: 15px auto; height: 1px; width: 80px;}
.z_banner_b h2{ font-size: 28px; }
.z_banner_d p{  font-size: 36px; color: #FFFFFF; text-transform: uppercase;}
.z_banner_d em{ display: block; margin: 15px auto; height: 1px; background: #FFFFFF; width: 80px;}
.z_banner_d h2{ font-size: 28px; color: #FFFFFF;}
.z_banner_g p{   color: #000000;}
.z_banner_g em{  background: #000000;}
.z_banner_g h2{  color: #000000;}

.con_about img{width: 100%;}
.con_pro img{width: 100%;}

.con_about_a{width:1280px;margin: 60px auto;}
.con_about_a_tit{ text-align: center; margin: 0px auto;}
.con_about_a_tit h3{width:305px;background:url("../images/index904.png") no-repeat center; height: 110px; margin: 0px auto; box-sizing: border-box; padding-top: 68px; text-transform: uppercase; color:#b41d23;}
.con_about_a_tit p{ font-size: 22px; margin-top: 20px; line-height: 150%;}
.con_about_a ul{ margin-top: 30px;}
.con_about_a ul li{  box-sizing: border-box; padding: 35px; float: left; width: 300px;  height: 300px; text-align: center; margin-right: 20px;}
.con_about_a ul li:last-child{ float: right; margin-right: 0px;}
.con_about_a ul li h5{ font-size: 18px; margin: 25px 0px 15px;}
.con_about_a ul li p{ color: #000000; line-height: 175%; font-size: 12px;}



.con_about_b{ width: 100%;margin: 0px; background: url("../images/bg04.jpg") no-repeat center; height:610px; box-sizing: border-box; }
.con_about_b_{ margin: 0px auto; width: 1280px;}
.con_about_b_l{ float: left;}
.con_about_b_r{ float: right;width: 600px; margin-top: 80px;}
.con_about_b_r h3{ font-size: 40px; color: #000000; text-transform: uppercase; font-weight: lighter; opacity: 0.5;}
.con_about_b_r em{ display: block; margin: 30px 0px; background: #b41d23; width: 50px; height: 2px;}
.con_about_b_r h5{font-size: 26px; color: #000000;}
.con_about_b_r p{ font-size: 14px; color: #000000; line-height: 175%; margin:30px 0px; text-align: justify;}





.con_about_c{  margin: 80px auto; width: 1280px;}
.con_about_c_l{ float: left; width: 400px;}
.con_about_c_l h3{ font-size: 40px; color: #000000; text-transform: uppercase; font-weight: lighter; opacity: 0.5;}
.con_about_c_l em{ display: block; margin: 30px 0px; background: #b41d23; width: 50px; height: 2px;}
.con_about_c_l h5{font-size: 28px; color: #000000;font-weight: 300;margin-top: 80px;}
.con_about_c_l h6{font-size: 18px; color: #000000; }
.con_about_c_l p{ font-size: 14px; color: #000000; line-height: 175%; margin:20px 0px 0px; text-align: justify;}
.con_about_c_r{ float: right;width: 682px;}




.con_about_d{ background: #edf8fb; padding: 80px 0px; width: 100%;}
.con_about_d_{margin: 0px auto; width: 1280px;}
.con_about_d_l{ float:left; width:400px; margin-right: 40px;}
.con_about_d_l_con{ background: #FFFFFF; margin-top: 100px; box-sizing: border-box; padding: 35px;}
.con_about_d_l_con_{}
.con_about_d_l_con_ .fl{ float: left;}
.con_about_d_l_con_ .fl h5{font-size: 48px; color: #000000;}
.con_about_d_l_con_ .fl em{ display: block; background: #b41d23; width: 50px; margin:50px 0px 0px; height: 2px; transition: all 1s;}
.con_about_d_l_con_ .fr{ float: right;text-align: right;}
.con_about_d_l_con_ .fr span{ display: block;  line-height: 175%; color: #000000; font-size: 14px; margin-top:38px;}
.con_about_d_l_con p{  line-height: 175%; color: #333333; text-align: justify; margin-top: 50px;}
.con_about_d_l_con:hover .fl em{ width: 120px;}

.con_about_d_c{ float:left; width:400px;}
.con_about_d_c_con{ background: #FFFFFF; box-sizing: border-box; padding: 35px;}
.con_about_d_c_con_{ margin-bottom: 35px;}
.con_about_d_c_con_ .fl{ float: left;}
.con_about_d_c_con_ .fl h5{font-size: 48px; color: #000000;}
.con_about_d_c_con_ .fl em{ display: block; background: #b41d23; width: 50px; margin:50px 0px 0px; height: 2px;transition: all 1s;}
.con_about_d_c_con_ .fr{ float: right;text-align: right;}
.con_about_d_c_con_ .fr span{ display: block;  line-height: 175%; color: #000000; font-size: 14px; margin-top:38px;}
.con_about_d_c_con p{ margin:12px 0px; line-height: 175%; color: #333333; text-align: justify;}
.con_about_d_c_con p strong{ font-size: 16px;}
.con_about_d_c > img{ display: block; margin-top: 28px;}
.con_about_d_c_con:hover .fl em{ width: 120px;}

.con_about_d_r{ float:right; width: 400px;}
.con_about_d_r_con{ background: #b41d23; box-sizing: border-box; padding: 35px;}
.con_about_d_r_con_{ margin-bottom: 35px;}
.con_about_d_r_con_ .fl{ float: left;}
.con_about_d_r_con_ .fl h5{font-size: 48px; color: #FFFFFF;}
.con_about_d_r_con_ .fl em{ display: block; background: #FFFFFF; width: 50px; margin:50px 0px 0px; height: 2px;transition: all 1s;}
.con_about_d_r_con_ .fr{ float: right;text-align: right;}
.con_about_d_r_con_ .fr span{ display: block;  line-height: 175%; color: #FFFFFF; font-size: 14px; margin-top:38px;}
.con_about_d_r_con p{ margin:12px 0px; line-height: 175%; color: #FFFFFF; text-align: justify;}
.con_about_d_r_con:hover .fl em{ width: 120px;}

.con_about_d_tit h3{ font-size: 40px; color: #000000; text-transform: uppercase; font-weight: lighter; opacity: 0.5;}
.con_about_d_tit em{ display: block; margin: 30px 0px; background: #b41d23; width: 50px; height: 2px;}
.con_about_d_tit h5{font-size: 26px; color: #000000;}


.con_about_e{  margin: 80px auto; width: 1280px;}
.con_about_e_l{ float: left; width: 400px;}
.con_about_e_l h3{ font-size: 40px; color: #000000; text-transform: uppercase; font-weight: lighter; opacity: 0.5;}
.con_about_e_l em{ display: block; margin: 30px 0px; background: #b41d23; width: 50px; height: 2px;}
.con_about_e_l h5{font-size: 28px; color: #000000; font-weight: 300;margin-top: 80px;}
.con_about_e_l h6{font-size: 18px; color: #000000;}
.con_about_e_l p{ font-size: 14px; color: #000000; line-height: 175%; margin:20px 0px 0px; text-align: justify;}
.con_about_e_r{ float: right;width: 720px;}


.con_about_f{  margin: 80px auto; width: 1280px;}
.con_about_f_l{ float: left;width: 720px;}
.con_about_f_r{ float: right; width: 400px; text-align: right;}
.con_about_f_r h3{ font-size: 40px; color: #000000; text-transform: uppercase; font-weight: lighter; opacity: 0.5;}
.con_about_f_r em{ display: inline-block; margin: 30px 0px; background: #b41d23; width: 50px; height: 2px;}
.con_about_f_r h5{font-size: 28px; color: #000000; font-weight: 300;margin-top: 80px;}
.con_about_f_r h6{font-size: 18px; color: #000000;}
.con_about_f_r p{ font-size: 14px; color: #000000; line-height: 175%; margin:20px 0px 0px; text-align: justify;}


/*
.con_about_e_tit h3{ font-size: 40px; color: #CCCCCC; text-transform: uppercase; font-weight: lighter; opacity: 0.5; line-height: 100%;}
.con_about_e_tit em{ display: block; margin: 20px 0px; background: #b41d23; width: 50px; height: 2px;}
.con_about_e_tit h5{font-size: 26px; color: #000000;}

.con_about_e ul{ margin-top: 50px;}
.con_about_e ul li{ float: left;  width:360px; margin-right:100px; margin-bottom: 50px;}
.con_about_e ul li:nth-child(3n){ float: right; margin-right: 0px;}
.con_about_e ul li img{ }
.con_about_e ul li h6{font-size: 20px; color: #000000; margin-top: 20px;}
.con_about_e ul li em{ display: block; margin: 20px 0px; background: #b41d23; width: 60px; height: 2px;}
.con_about_e ul li p{ line-height: 150%; color: #000000; text-align: justify; font-size: 12px;}
*/







/*.con_pro_a{ margin: 60px auto; width: 1280px;}*/
.con_pro_a_tit{  text-align: center;}
.con_pro_a_tit h3{ font-size: 40px; color: #000000; }
.con_pro_a_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_a_tit p{ font-size: 18px; color: #000000;}




.con_pro_hr{margin: 60px auto; background: #DDDDDD; width: 1280px; height:1px;}

.con_pro_b{ margin: 60px auto; width: 1280px;}
.con_pro_b_tit{  text-align: center;}
.con_pro_b_tit h3{ font-size: 40px; color: #000000; }
.con_pro_b_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_b_tit p{ font-size: 18px; color: #000000;}
.con_pro_b_{width: 1280px; height: 650px; overflow: hidden; margin-top: 50px;}
.con_pro_b_ img{ display: block;}

.con_pro_c{ margin: 60px auto; width: 1280px;}
.con_pro_c_tit{  text-align: center;}
.con_pro_c_tit h3{ font-size: 40px; color: #000000; }
.con_pro_c_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_c_tit p{ font-size: 18px; color: #000000;}
.con_pro_c_{width: 1280px; height: 650px; overflow: hidden; margin-top: 50px;}
.con_pro_c_ img{ display: block;}

.con_pro_d{ margin: 60px auto 0px; width: 1280px;}
.con_pro_d h3{ font-size: 40px; color: #000000; float: left; width: 200px;}
.con_pro_d p{ font-size: 20px; color: #000000; float: left; padding-left: 50px; border-left: #CCCCCC 1px solid; margin-top: 15px;}




.con_pro_e{ margin: 80px auto 0px; width: 100%; background: url("../images/bg08.jpg") no-repeat center bottom; padding: 60px 0px; box-sizing: border-box; height:900px;}
.con_pro_e_tit{ margin: 0px auto; width: 1280px;  text-align: center;}
.con_pro_e_tit h3{ font-size: 40px; color: #000000; }
.con_pro_e_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_e_tit p{ font-size: 18px; color: #000000;}
.con_pro_e_{width: 1280px; margin: 30px auto 0px; position:relative;}
.con_pro_e_ .ea{position:absolute; width: 440px; left: 15px; top:120px;}
.con_pro_e_ .eb{position:absolute; width: 280px; left: 230px; top:395px;}
.con_pro_e_ .ec{position:absolute; width: 260px; left: 780px; top:25px;}
.con_pro_e_ .ed{position:absolute; width: 190px; left: 800px; top:350px;}
.con_pro_e_ div h5{ font-size: 28px; margin-bottom: 30px; color: #000000;}
.con_pro_e_ div p{ font-size: 16px; line-height: 160%;color: #000000;}

.m_pro{ display: none; }


.con_pro_i{ margin: 0px auto 80px; width: 100%; background: url("../images/bg10.jpg") no-repeat center bottom; padding: 0px; box-sizing: border-box; height:897px;}
.con_pro_i_{width: 1280px; margin: 30px auto 0px; position:relative;}
.con_pro_i_ .ez{position:absolute;  left: 0px; top:50px; font-size: 36px;color: #000000; font-weight: bold;}
.con_pro_i_ .ea{position:absolute;  left: 20px; top:190px;}
.con_pro_i_ .eb{position:absolute;  left: 20px; top:530px;}
.con_pro_i_ .ec{position:absolute;  left: 1070px; top:200px;text-align: right;}
.con_pro_i_ .ed{position:absolute;  left: 1070px; top:410px;text-align: right;}
.con_pro_i_ .ee{position:absolute;  left: 1070px; top:540px;text-align: right;}
.con_pro_i_ div h5{ font-size: 28px; margin-bottom: 20px; color: #000000;}
.con_pro_i_ div p{ font-size: 28px; line-height: 160%;color: #b41d23;font-weight: bold;}




.con_pro_f{ margin: 60px auto; width: 1280px;}
.con_pro_f_tit{  text-align: center;}
.con_pro_f_tit h3{ font-size: 40px; color: #000000; }
.con_pro_f_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_f_tit p{ font-size: 18px; color: #000000;}
.con_pro_f_{width: 1280px; height: 650px; overflow: hidden; margin-top: 50px;}
.con_pro_f_ img{ display: block;}




.con_pro_g{ margin: 60px auto; width: 1280px;}
.con_pro_g_tit{  text-align: center;}
.con_pro_g_tit h3{ font-size: 40px; color: #000000; }
.con_pro_g_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_g_tit p{ font-size: 18px; color: #000000;}
.con_pro_g_{width: 1280px; overflow: hidden; margin-top: 50px;}
.con_pro_g_ ul{}
.con_pro_g_ ul li{ float: left; width: 160px; margin-right: 52px; text-align: center;}
.con_pro_g_ ul li:last-child{ float: right;}
.con_pro_g_ ul li img{display: block; margin:0px auto 20px; width: 100px; }
.con_pro_g_ ul li p{ font-size: 16px; line-height: 175%;color: #000000;}


.con_pro_h{ margin: 80px auto; width: 100%; background: url("../images/bg09.jpg") no-repeat center; padding: 80px 0px;}
.con_pro_h_tit{ margin: 0px auto; width: 1280px;  text-align: center;}
.con_pro_h_tit h3{ font-size: 40px; color: #000000; }
.con_pro_h_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_h_tit p{ font-size: 18px; color: #000000;}
.con_pro_h_{width: 1280px; margin: 50px auto 0px;}
.con_pro_h_ ul{}
.con_pro_h_ ul li{ float: left; width: 142.2px;text-align: center; position: relative; height: 300px; overflow: hidden; border-right: #FFFFFF 1px solid; box-sizing: border-box; cursor: pointer;}
.con_pro_h_ ul li:last-child{border-right: none; }
.con_pro_h_ ul li img{ position: absolute; z-index: 99; display: block; margin: 0px; opacity: 0.5; transition: all 0.5s;}
.con_pro_h_ ul li p{ position: absolute;  width: 100%; padding: 15px 0px; font-size: 16px;color: #FFFFFF; background: rgba(0,0,0,0.5);  text-align: center; bottom:-80px; transition: all 0.5s; z-index: 9999;}
.con_pro_h_ ul li:hover img{opacity: 1; }
.con_pro_h_ ul li:hover p{ bottom: 0px;}



.con_pro{width:1200px;margin: 60px auto;}

.con_pro_menu{ padding: 20px 0px; border-bottom: #DDDDDD 1px solid;border-top: #DDDDDD 1px solid;}
.con_pro_menu ul{}
.con_pro_menu ul li{ float: left; margin-right: 50px;}
.con_pro_menu ul li a.on{color: #b41d23; font-weight: bold;}

.con_pro_tit {margin: 50px auto; text-align: center;}
.con_pro_tit h3{ font-size: 40px; color: #000000;}
.con_pro_tit em{ display: block; margin: 20px auto; background: #b41d23; width: 80px; height:3px;}
.con_pro_tit p{  font-size: 18px; color: #000000;}


.con_pro_img1{
  float: left;
  width: 71.4%;
  font-size: 0;
}
.con_pro_img2{
   float: left;
   width: 28.6%;
  font-size: 0;
 }
.con_pro_img3{
  float: left;
  width: 30%;
  font-size: 0;
}
.con_pro_img4{
  float: left;
  background-color: #478B38;
  color: #fff;
  width: 70%;
  height: 263px;
  padding: 12px 46px;
}
.con_pro_img4 h3{
  font-size: 32px;
  line-height: 2.5;
}
.con_pro_img4 p{
  font-size: 18px;
  line-height: 1.8;
}

.con_pro_img4 a{
  float: right;
  padding: 2px 12px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 24px;
}


.con_pro_{margin: 50px auto;}
.con_pro_ ul{}
.con_pro_ ul li{ float: left; width: 370px; margin-right: 45px; margin-bottom: 40px;}
.con_pro_ ul li:nth-child(3n){ float: right; margin-right: 0px;}
.con_pro_ ul li div.t{width: 370px; height: 370px; overflow: hidden;}
.con_pro_ ul li div.t img{width: 370px; height: 370px;}
.con_pro_ ul li div.b{ border-bottom: #DDDDDD 1px solid; padding: 15px 0px;}
.con_pro_ ul li div.b .bl{ float: left;}
.con_pro_ ul li div.b .bl p{ font-size: 18px; margin-bottom: 5px;}
.con_pro_ ul li div.b .bl span{ font-size: 14px; color: #b41d23;}
.con_pro_ ul li div.b .br{ float: right; text-align: right;}
.con_pro_ ul li div.b .br p{ font-size: 14px; margin-bottom: 10px;}
.con_pro_ ul li div.b .br span{ display: none;}
.con_pro_ ul li div.b .br i{ font-size: 20px; display: block; cursor: pointer; transition: all 0.6s;}
.con_pro_ ul li div.b .br i.fa-thumbs-up{ color: #FF0000;}




.con_join{margin: 0px auto; width: 100%;}
.con_join_a{margin: 80px auto; width:1280px;}
.con_join_tit h3{ font-size: 45px; color: #000000;}
.con_join_tit em{ display: block; margin: 20px 0px 0px; background: #b41d23; width: 50px; height: 2px;}

.con_join_a_{ margin: 40px 0px 0px; display: flex;flex-wrap: wrap}
.con_join_a_ >div{
  flex: 1;
  margin: 8px;
  background: #F6F6F6;
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px 30px;
}
.con_join_a_ a{
  float: right;
  border: 1px solid #555;
  border-radius: 20px;
  font-size: 12px;
  padding: 2px 8px;
}

.con_join_a_l{width: 49%; float: left; background: #F6F6F6; border-radius: 10px; box-sizing: border-box; padding: 30px;}
.con_join_a_r{width: 49%; float: right; background: #F6F6F6; border-radius: 10px; box-sizing: border-box; padding: 30px;}
.con_join_a_ h3{ font-size: 28px; margin-bottom: 30px;}
.con_join_a_ p{ font-size: 20px; color: #666666;}


.con_join_b{margin: 80px auto; width:1280px;}
.con_join_b_{margin: 40px 0px 0px;}
.con_join_b_ ul{}
.con_join_b_ ul li{ float: left; width:315px; margin-right: 6.525px; box-sizing: border-box; height: 260px; padding: 35px; text-align: center; border-radius: 10px;}
.con_join_b_ ul li:first-child{ /*background: url("../images/join01.jpg") no-repeat center; background-size: cover; color: #FFFFFF;*/background: #b41d23;color: #FFFFFF;}
.con_join_b_ ul li:nth-child(2){ background: #b41d23;color: #FFFFFF;}
.con_join_b_ ul li:nth-child(3){ background: #b41d23;color: #FFFFFF;}
.con_join_b_ ul li:last-child{ float: right;margin-right: 0px; background: #b41d23;color: #FFFFFF;}
.con_join_b_ ul li img{ width: 75px; height: 75px;}
.con_join_b_ ul li p{ font-size: 14px; line-height: 175%; margin-top: 15px;}


.con_join_c{margin: 80px 0px; width:100%; background: url("../images/join02.jpg") no-repeat center;height: 750px; padding: 60px 0px; box-sizing: border-box;}
.con_join_c_tit{margin: 0px auto; width:1280px;}
.con_join_c_tit h3{ font-size: 32px; color: #FFFFFF;}
.con_join_c_tit em{ display: block; margin: 20px 0px; background: #FFFFFF; width: 50px; height: 2px;}
.con_join_c_tit p{ font-size: 18px; color: #FFFFFF;}
.con_join_c_{margin: 75px auto 0px; width: 1280px;}
.con_join_c_ ul{}
.con_join_c_ ul li{ float: left; width:128px;}
.con_join_c_ ul li:nth-child(2n){ margin-top: 260px;}
.con_join_c_ ul li:nth-child(2n) img{ margin-bottom: 10px;}
.con_join_c_ ul li img{ }
.con_join_c_ ul li h5{font-size: 20px; color: #FFFFFF; margin-bottom: 5px;}
.con_join_c_ ul li p{font-size: 16px; color: #CCCCCC; line-height: 150%; margin-bottom: 10px;}

.con_join_d{margin: 80px auto; width:1280px;}
.con_join_d_{ margin: 40px 0px 0px; }
.con_join_d_l{width: 49%; float: left; }
.con_join_d_r{width: 49%; float: right;}
.con_join_d_ img{ float: left; width: 100px;}
.con_join_d_ p{ float: left; margin-left: 35px; font-size: 18px; line-height: 175%; margin-top: 20px;}


.con_join_e{margin: 0px; width:100%; background: url("../images/join03.jpg") no-repeat center;height:830px; padding-top:300px; box-sizing: border-box;}
.con_join_e_{margin: 0px auto; width:1280px; font-size: 50px; font-weight: bold; line-height: 150%; text-align: center; color: #FFFFFF; background: rgba(0,0,0,0.5); padding: 50px; width: 800px}

.con_join_f{
  position: relative;
  white-space: nowrap;
  text-align: center;
}
.con_join_f .text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(255,255,255,0.85);
  padding: 120px 200px;
  border-radius: 10px;
}
.con_join_f .text h3{
  font-size: 58px;
  font-weight: 700;
}
.con_join_f em{
  display: inline-block;
  width: 180px;
  margin: 36px;
  border-bottom: 3px solid #b41d23;
}
.con_join_f .text p{
  font-size: 46px;
}


.con_case{width: 100%;margin: 0px; background: url("../images/bg05.jpg") no-repeat center bottom; height:1700px; box-sizing: border-box; padding: 60px 0px;}
.con_pro_hr_c{margin: 50px auto 20px; background: #DDDDDD; width: 80%; height:1px;}
.con_case_{margin: 0px auto; width: 80%;}
.con_case_ ul{}
.con_case_ ul li{ float: left; width: 445px; margin-right: 93px; margin-top: 50px; position: relative; cursor: pointer;}
.con_case_ ul li:nth-child(3n){ float: right; margin-right: 0px;}
.con_case_ ul li div.t{width: 445px; height: 320px; overflow: hidden;}
.con_case_ ul li div.b{width: 100%; background: #FFFFFF; text-align: center; padding: 30px 0px; transition: all 0.6s;}
.con_case_ ul li div.b .bi{ background: #F6F6F6; width: 75px; height: 75px;  text-align: center; border-radius: 50%; z-index: 9999; position: absolute; left: 50%; margin-left: -37.5px; box-sizing: border-box; padding: 15px 0px; margin-top: -70px;}

.con_case_ ul li div.b .bx{width: 300px; overflow: hidden; margin: 20px auto 0px; height: 100px; overflow: hidden;}
.con_case_ ul li div.b .bx p{ font-size: 28px; color: #000000; transition: all 0.6s; margin-top: 20px;}
.con_case_ ul li div.b .bx em{ display: block; margin: 20px auto; background: #b41d23; width: 50px; height:3px;}
.con_case_ ul li div.b .bx span{ font-size: 16px; color: #000000; display: block; width: 300px; line-height: 175%; margin: 0px auto;}

.con_case_ ul li:hover div.b{background: #b41d23;}
.con_case_ ul li:hover div.b p{ color: #FFFFFF; margin-top: -36px;}
.con_case_ ul li:hover div.b em{ background: #FFFFFF;}
.con_case_ ul li:hover div.b span{color: #FFFFFF;}


    .case_m{margin: 80px 0px; width: 100%; }
    .case_m_{margin: 0px auto; width: 1280px; padding-bottom: 80px; border-bottom: #DDDDDD 1px solid;}

    .case_m_left{ float: left; width: 445px;}
    .case_m_tit img{width: 445px; height: 320px;}
	.case_m_tit h1{ font-size: 32px; margin-bottom: 10px; margin-top: 25px; color: #000000;}
    .case_m_tit h6{font-size:14px; color: #666666; font-weight: normal; line-height: 175%;}

    .case_m_right{ float: right; width: 750px;}
	.case_m_con{}
	.case_m_con p{margin: 0px 0px 35px 0px; font-size: 16px; line-height: 175%; text-align: justify; color: #000000;}
    .case_m_con p img{ max-width: 750px;}
	.case_m_con p a{ font-size: 16px;color: #000000;}


    .case_more{margin: 60px auto; width: 1280px;}
    .case_more h5{ font-size: 24px; margin-bottom: 20px; color: #000000;}
  	.case_more ul{}
	.case_more ul li{ float: left; width: 400px; margin-right: 40px;}
    .case_more ul li:last-child{ float: right; margin-right: 0px;}
    .case_more ul li div{width: 400px; height: 288px;overflow: hidden;}
    .case_more ul li img{width: 400px; height: 288px;}
    .case_more ul li p{ font-size: 16px; padding: 20px 0px; border-bottom: #DDDDDD 1px dashed;}






.con_news{margin: 0px; width:100%; }
.con_news_{width:1280px;margin: 50px auto;}
.con_news_ ul{}
.con_news_ ul li{ padding: 50px 0px; border-bottom: #DDDDDD 1px solid;}
.con_news_ ul li div.t{ float: left; width: 400px; height: 260px; overflow: hidden;}
.con_news_ ul li div.t img{width: 400px; height: 260px;}
.con_news_ ul li div.b{float: right; width: 750px;}
.con_news_ ul li div.b p{ font-size: 24px; margin-bottom: 15px;}
.con_news_ ul li div.b p a{ color: #000000;}
.con_news_ ul li div.b p a:hover{ color: #b41d23;}
.con_news_ ul li div.b span{ font-size: 14px; color: #999999; display: block; margin-bottom: 30px; line-height: 175%;}
.con_news_ ul li div.b em{ font-size: 14px; display: block; font-style: normal;}



.con_contact{margin:0px; width:100%; }

.con_contact_a{margin: 100px 0px; width:100%; height: 300px; background: url("../images/bg06.jpg") repeat-x center;}
.con_contact_a_{width:1280px;margin: 0px auto; padding: 39px 0px 0px;}
.con_contact_a_ ul{}
.con_contact_a_ ul li{ float: left; width: 33.33%; text-align: center;}
.con_contact_a_ ul li img{ width: 80px;}
.con_contact_a_ ul li em{ display: block; margin: 20px auto 35px; background: #b41d23; width: 50px; height:5px;}
.con_contact_a_ ul li h3{ font-size: 20px; margin-bottom:10px;}
.con_contact_a_ ul li p{ line-height: 200%; font-size: 16px;}




.con_contact_c{width:1000px;margin: 80px auto;}
.con_contact_c > h5{ text-align: center; font-size: 24px; margin-bottom:35px;}
.con_contact_c .c_c_1{}
.con_contact_c .c_c_1 ul{}
.con_contact_c .c_c_1 ul li{ float: left; width: 320px; margin-right: 20px;}
.con_contact_c .c_c_1 ul li:nth-child(3){ float: right; margin-right: 0px;}
.con_contact_c .c_c_1 ul li input{ width: 320px; border: none; background: #F6F6F6; box-sizing: border-box; padding: 15px 0px 15px 15px; font-size: 16px; font-family: oppo-r;}

.con_contact_c .c_c_2{ margin: 20px 0px;}
.con_contact_c .c_c_2 textarea{ width: 1000px; height: 360px; border: none; background: #F6F6F6;padding: 15px 0px 15px 15px; box-sizing: border-box;font-family: oppo-r;font-size: 16px;}

::-webkit-input-placeholder{  font-size: 16px; font-family: oppo-r;}

.con_contact_c .c_c_3{ text-align: center;}
.con_contact_c .c_c_3 input{ border: none; background: #b41d23; color: #FFFFFF; font-size: 20px; padding: 15px 120px;font-family: oppo-r;}




.con_ser{margin:0px; width:100%;
  padding: 60px;}
.con_ser img{
  width: 100%;}

.con_ser_a{width:1000px;margin: 100px auto;}
.con_ser_a_l{ float: left;  width:360px;  padding: 35px 0px; box-sizing: border-box;}
.con_ser_a_r{ float: right; width:360px;  padding: 35px 0px;; box-sizing: border-box;}

.con_ser_a .c_s_l{ float: left;}
.con_ser_a .c_s_r{ float: right; transition: all 0.6s; }
.con_ser_a .c_s_r h3{ color: #000000; font-size: 32px; margin-bottom: 10px;}
.con_ser_a .c_s_r p{ color: #000000; font-size: 18px; line-height: 175%;}

.con_ser_a_l:hover{}
.con_ser_a_r:hover{}
.con_ser_a_l:hover .c_s_r{}
.con_ser_a_r:hover .c_s_r{}

.con_ser_b{display: flex;text-align: center;}
.con_ser_b h4{
  font-size: 36px;
  margin-bottom: 20px;
}
.con_ser_b div{
  flex:1;
  margin: 24px;}
.con_ser_c{
  margin: 24px auto;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  position: relative;
}
.con_ser_c .text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.con_ser_con{ width:100%; height: 760px; background: url("../images/bg07.jpg") no-repeat center;}
.con_ser_con_{width:1600px;margin: 0px auto; position: relative;}

.con_ser_con_ .t1{ position: absolute; margin: 50px 0px 0px 160px;}
.con_ser_con_ .t1 h5{font-size: 40px; color: #FFFFFF; line-height: 125%; opacity: 0.5; text-transform: uppercase;}
.con_ser_con_ .t1 em{display: block; margin: 15px 0px; background: #b41d23; width: 80px; height:2px;}
.con_ser_con_ .t1 p{font-size: 30px; color: #FFFFFF;}

.con_ser_con_ .t2{ position: absolute; margin: 520px 0px 0px 160px;font-size: 20px; color: #DDDDDD; line-height: 175%;}

.con_ser_con_ .t3{ position: absolute; margin: 165px 0px 0px 880px; text-align: right;}
.con_ser_con_ .t3 p{font-size:22px; color: #FFFFFF; }
.con_ser_con_ .t3 span{text-transform: uppercase;color: #DDDDDD; font-size: 14px;}

.con_ser_con_ .t4{ position: absolute; margin: 150px 0px 0px 1080px;  background: #b41d23; border-radius: 50%; text-align: center; height: 90px; width: 90px; padding: 17px 0px; box-sizing:border-box;}
.con_ser_con_ .t5{ position: absolute; margin: 165px 0px 0px 1200px; color: #FFFFFF; width: 310px; line-height: 175%; font-size: 16px;}


.con_ser_con_ .t6{ position: absolute; margin: 335px 0px 0px 880px; text-align: right;}
.con_ser_con_ .t6 p{font-size:22px; color: #FFFFFF; }
.con_ser_con_ .t6 span{text-transform: uppercase;color: #DDDDDD; font-size: 14px;}

.con_ser_con_ .t7{ position: absolute; margin: 320px 0px 0px 1040px;  background: #b41d23; border-radius: 50%; text-align: center; height: 90px; width: 90px; padding: 17px 0px; box-sizing:border-box;}
.con_ser_con_ .t8{position: absolute; margin: 335px 0px 0px 1160px; color: #FFFFFF; width: 300px; line-height: 175%; font-size: 16px;}


.con_ser_con_ .t9{ position: absolute; margin: 505px 0px 0px 850px; text-align: right;}
.con_ser_con_ .t9 p{font-size:22px; color: #FFFFFF; }
.con_ser_con_ .t9 span{text-transform: uppercase;color: #DDDDDD; font-size: 14px;}

.con_ser_con_ .t10{ position: absolute; margin: 490px 0px 0px 1080px;  background: #b41d23; border-radius: 50%; text-align: center; height: 90px; width: 90px; padding: 17px 0px; box-sizing:border-box;}
.con_ser_con_ .t11{position: absolute; margin: 505px 0px 0px 1200px; color: #FFFFFF; width: 300px; line-height: 175%; font-size: 16px;}


.con_pub{
  padding:40px 0;
}
.con_pub em {
  display: inline-block;
  border-bottom: 3px solid #b41d23;
  width: 60px;
  margin: 20px 0;
}
.con_pub_l{float: left;}
.con_pub_r{float: right;}
.con_pub img{
  width: 100%;
}
.con_pub_a{width:100%;margin: 30px auto 80px;}
.con_pub_a .img{
  /*max-width: 400px;*/
  margin-right: 80px;
}

.con_pub h4{
  font-size: 42px;
}
.con_pub p{
  font-size: 18px;
}
.con_pub_b{
  margin-top: 60px;
}
.con_pub_b .img{
  display: flex;

}
.con_pub_b .img img{
  flex: 1;
  width: 100%;
  max-height: 140px;
  margin: 40px;
}
.con_pub_b p{
  margin: 8px 16px;
}
.con_pub_c{
  margin-top: 60px;
  position: relative;
}
.con_pub_c .text{
  position: absolute;
  top: 80px;
  left: 80px;
}
.con_pub_c h3{
  font-size: 42px;
  color: #fff;
  text-shadow: 0 0 5px #555;
}
.con_pub_d{
  display: flex;
}
.con_pub_d >div{
  margin: 40px 80px;
  flex: 1;
}
.con_pub_d p{
  text-align: right;
  margin-top: 12px;

}

.con_pub_e .img{
  display: flex;
  margin-right: 80px;
}
.con_pub_e .img img{
  flex: 1;
  width: 100%;
  max-height: 240px;
  margin: 4px;
}
.con_pub_e p{
  margin:32px 0;
}
.con_pub_e_3{
  margin-top: 60px;
}
.con_pub_f{
  margin-top: 60px;
}
.con_pub_f p{
  margin: 20px 0;
}


.con_herbal_a {
  max-width: 1080px;
  text-align:center;
  padding: 80px 0px 160px;
  margin: 0px auto;
}
.con_herbal_a h3{ font-size: 58px; margin-bottom: 60px;}
.con_herbal_a h4{ font-size: 36px;
  font-weight: normal;
  margin-top: 50px;
  margin-bottom: 12px;
}
.con_herbal_a p{color: #333333; font-size: 20px; line-height: 175%; margin:5px 0px; }

.con_herbal_b{

}


.con_herbal_b_l{
  float: left;
  background:url("../images/herbal/01.jpg") no-repeat center;
  width: 700px;
  height: 600px;
  position: relative;
}
.con_herbal_b_l .text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.con_herbal_b_l h4{
  font-size: 36px;
  white-space: nowrap;
  color: #fff;
  font-weight: 700;
  text-align: center;

}
.con_herbal_b_r{
  float: right;
  width: calc(100% - 700px);
  height: 600px;
  background-color: #d2e1cc;
  padding: 100px;
}
.con_herbal_b_r h4{
  text-align: center;
  font-size: 46px;
  margin-bottom: 48px;
}

.con_herbal_b_r p{
  font-size: 22px;
  font-weight: 300;
  text-indent: 2rem;
  margin: 24px;
}

.con_herbal_c{
  margin: 100px auto;
  padding: 0 64px ;
  max-width: 1700px;

}
.con_herbal_c_img{
  width: 500px;
  height: 500px;
  color: #fff;
  text-align: center;
  padding: 36px 0;
}
.img_1{
  float: left;
  background:url("../images/herbal/02.jpg") no-repeat center;
}
.img_2{
  float: right;
  background:url("../images/herbal/05.jpg") no-repeat center;
}
.img_3{
  float: left;
  background:url("../images/herbal/08.jpg") no-repeat center;
}

.con_herbal_c h4{
  font-size: 48px;
  line-height: 1.8;
}

.con_herbal_c h5{
  font-size: 24px;
  font-weight: 300;

}
.con_herbal_c_info{
  float: left;
  width: calc(100% - 500px);
  height: 500px;
  padding: 0 42px;
}

.con_herbal_c_info img{
  float: left;
  width: 280px;
  margin-bottom: 46px;
}
.con_herbal_c_info .text{
  float: right;
  width: calc(100% - 300px);
  font-size: 28px;
  line-height: 1.5;
  padding: 24px;
  text-indent: 3rem;
}
.con_herbal_c_info h4{
  text-indent:0;
  font-size: 28px;
  text-align: center;
  font-weight: normal;

}
.con_herbal_c_info p{
  text-indent:0;
}
.con_herbal_c_r{
  float: right;
}
.con_herbal_d{
  background:url("../images/herbal/bg01.jpg") no-repeat center;
  padding-top: 128px;
  padding-bottom: 256px;
  text-align: center;
  color: #fff;
}
.con_herbal_d h4{
  font-size: 42px;
  line-height: 1.5;
}
.con_herbal_d p{
  font-size: 24px;
  line-height: 2;
}


  /*******************************************20221109*************************************************/







	.pro_m{margin: 60px auto; width: 1280px;}
	.pro_m_left{ float: left; width: 600px;height: 600px; overflow: hidden;}
    .pro_m_left img{ width: 600px; height: 600px; }
	.pro_m_right{ float: right; width: 500px;  }
    .pro_m_right h1{ font-size: 32px; color: #b41d23; display: block; margin-bottom: 5px;}
    .pro_m_right p { font-size: 20px; line-height: 200%;}
    .pro_m_right em{display: block; margin: 15px 0px; background: #b41d23; width: 100%; height:1px;}

    .pro_more{margin: 80px auto; width: 1280px;}
    .pro_more h5{font-size: 26px; margin-bottom: 35px;}
	.pro_more ul{}
	.pro_more ul li{ float: left; width: 400px; margin-right: 40px;}
    .pro_more ul li div{width: 400px; height: 400px; overflow: hidden;}
    .pro_more ul li div img{width: 400px; height: 400px; }
	.pro_more ul li:nth-child(3n){ float: right; margin-right: 0px;}
    .pro_more ul li p{ padding: 25px 0px; border-bottom: #DDDDDD 1px solid; font-size: 16px; text-align: left;}




    .news_m{margin: 80px 0px; width: 100%; text-align: center;}

    .news_m_tit{margin: 0px auto; width: 1280px; }
	.news_m_tit h1{ font-size: 32px; margin-bottom: 10px; color: #000000;}
    .news_m_tit h6{font-size:14px; color: #999999; font-weight: normal;}
    .news_m_tit h6 span{ display: inline-block; margin-right: 35px;}

	.news_m_{margin: 0px auto; width: 1280px; }
	.news_m_ h3{
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    margin: 35px 0;
  }
	.news_m_ p{margin: 35px 0px; font-size: 16px; line-height: 175%; text-align: justify; color: #000000;}
    .news_m_ img{ max-width: 800px; max-height: 500px}
	.news_m_ p a{ font-size: 16px;color: #000000;}

    .news_more{margin: 0px auto; width: 1280px;}
    .news_more h5{ font-size: 24px; margin-bottom: 20px; color: #000000;}
  	.news_more ul{}
	.news_more ul li{ padding: 8px 0px;}
    .news_more ul li a{ font-size: 16px;}




/*css black2 style pagination*/

.ep-pages{padding:30px 0px;clear:both;text-align:center; font-family:oppo-r; font-size:16px; vertical-align:top;}
.ep-pages a, .ep-pages span{display:inline-block;height:35px;line-height:35px;padding:0 15px;margin:5px 1px 0 0;background:#FFFFFF;border:1px solid #DDDDDD;overflow:hidden;vertical-align:top;}
.ep-pages a:hover{background:#b41d23;border:1px solid #b41d23;}
.ep-pages a, .ep-pages a:visited{color:#000000;}
.ep-pages a:hover, .ep-pages a:active{color:#ffffff;}
.ep-pages .curr{background:#b41d23;border:1px solid #b41d23;color:#FFFFFF;}
.ep-pages .curr font{color:#FFFFFF;}
.ep-pages a.curr, .ep-pages a.current:visited{color:#ffffff}
.ep-pages a.curr:hover, .ep-pages a.curr:active{color:#ffffff}
.ep-pages-ctrl{font-family:"\5B8B\4F53", sans-serif;font-weight:bold;font-size:16px}
.ep-pages-e5e5e5{color:#e5e5e5}
.ep-pages-all{font-size:12px;vertical-align:top}




.wuyou-waiter{position: fixed; right: 0px; bottom: 40px;  width: 60px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999999999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #FFFFFF;}
.waiter-ul li .iconfont{font-size: 26px;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #FFFFFF; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}

.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 80px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #FFFFFF; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#FFFFFF; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -88px; opacity: 1;}

.waiter-ul li.wuyou-shop a{background:#b41d23;}
.waiter-ul li.wuyou-shop .waiter-title{background-color:#b41d23;}
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#b41d23; }
.waiter-ul li.wuyou-shop:hover .waiter-title{left: -128px; opacity: 1;}

.waiter-ul li.wuyou-contact a{background:#FF6600;}
.waiter-ul li.wuyou-contact .waiter-title{background-color:#FF6600; bottom: 18px;}
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#FF6600; }
.waiter-ul li.wuyou-contact:hover .waiter-title{left: -128px; opacity: 1;}

.waiter-ul li.wuyou-top a{background:#333333;}
.waiter-ul li.wuyou-top .waiter-title{background-color:#333333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333333; }


@media screen and (max-width:1600px){

	.main_info_{ padding: 80px 0px;}
	.main_info_ h3{ font-size: 36px; margin-bottom: 30px;}
	.main_info_ h4{ font-size: 28px; }
	.main_info_ p{ font-size: 16px; line-height: 150%;}
	.main_info_ a{margin: 30px auto 0px; width: 80px;}
	.main_info_ a:hover{ width: 120px;}

	.main_about{ background-size:cover; height: 700px;}
	.main_about_{width: 100%; margin: 0px auto;}
	.main_about_left{ margin: 100px;}
	.main_about_right{ width: 48%;}
	.main_about_ img{ width:100%; display: inline-block;}

	.main_join{ background-size:cover; height: 560px;}
  .main_join_left{
    margin-top: 200px;
  }
	.main_join_right{ width: 600px; height: 400px; margin: 75px 0px 0px 0px; padding: 50px;}
	.main_join_right > h3{ font-size: 40px; margin-bottom: 40px;}
	.main_join_right > p{ font-size: 14px; line-height: 150%; margin: 20px 0px;}
	.main_join_right > a{  margin: 20px 0px 0px 380px; width: 100px;}
	.main_join_right > a:hover{width: 120px;}

	.main_img{  background-size:cover; height:240px;}

	.main_sou ul{ margin-top: 35px;}
	.main_sou ul li{ flex: 1; height: 472px;margin-right:34.5px;}

	.main_sou ul li div{ width: 100%; height: 472px; padding:60px 0;}
	.main_sou ul li div p{ margin-bottom: 8px; font-size:18px;}
	.main_sou ul li div span{font-size: 16px; line-height: 150%;}


	.main_coff{ background-size:cover; height:625px;}

	.main_coff_{ padding-top: 80px; }
	.main_coff_ h3{font-size: 30px;}
	.main_coff_ p{font-size: 24px;;}


	.z_banner_a{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_b{  padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_c{  padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_d{  padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_e{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_f{  padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_g{  padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_h{  padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_i{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_j{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_k{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_l{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_n{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner_m{ padding:160px 0px 0px; height:420px;background-size:cover;}
	.z_banner p{  font-size: 30px;}
	.z_banner h2{ font-size: 22px;}

    .con_contact_a{margin: 60px 0px;}

	.con_ser_con{  height: 520px; background-size:cover;}
	.con_ser_con_{width:1280px; }

	.con_ser_con_ .t1{ margin:80px 0px 0px 90px;}
	.con_ser_con_ .t1 h5{font-size: 36px;}
	.con_ser_con_ .t1 p{font-size: 24px;}

	.con_ser_con_ .t2{  margin: 370px 0px 0px 90px;font-size: 14px; line-height: 150%;}


	.con_ser_con_ .t3{ margin: 100px 0px 0px 630px; }
	.con_ser_con_ .t4{margin: 90px 0px 0px 820px;}
	.con_ser_con_ .t5{margin: 103px 0px 0px 920px;  width: 260px; line-height: 150%; font-size:12px;}

	.con_ser_con_ .t6{margin: 235px 0px 0px 650px;}
	.con_ser_con_ .t7{  margin: 220px 0px 0px 800px;}
	.con_ser_con_ .t8{ margin: 240px 0px 0px 900px; width: 260px;  line-height: 150%;font-size:12px;}

	.con_ser_con_ .t9{  margin: 365px 0px 0px 600px;}
	.con_ser_con_ .t10{ margin: 350px 0px 0px 820px; }
	.con_ser_con_ .t11{ margin: 370px 0px 0px 920px; width: 260px; line-height: 150%;font-size:12px;}


	.con_case{height: 1350px; background-size:cover;}
	.con_case_ ul{}
	.con_case_ ul li{ width: 350px; margin-right: 44px; margin-top: 44px; }

	.con_case_ ul li div.t{width: 350px; height: 245px; }
	.con_case_ ul li div.b{width: 350px;}
	.con_case_ ul li div.b .bx{width: 300px; overflow: hidden;  margin: 15px auto 0px; height: 80px;}

	.con_case_ ul li div.b .bx p{ font-size: 18px;}
	.con_case_ ul li div.b .bx span{ font-size: 14px; width: 200px; font-size: 12px;}

  .con_herbal_b_l{
    float: left;
    width: 500px;
    height: 450px;
    position: relative;
  }

  .con_herbal_b_l h4{
    font-size: 32px;
  }
  .con_herbal_b_r{
    width: calc(100% - 500px);
    height: 450px;
    padding: 36px;
  }
  .con_herbal_b_r h4{
    font-size: 36px;
    margin-bottom: 36px;
  }
  .con_herbal_b_r p{
    font-size: 18px;
  }



  .con_herbal_c{
    margin: 60px auto;
    padding: 0 48px ;
  }
  .con_herbal_c_img{
    width: 350px;
    height: 350px;
    padding: 36px 0;
  }
  .con_herbal_c h4{
    font-size: 32px;
  }
  .con_herbal_c h5{
    font-size: 18px;
  }
  .con_herbal_c_info{
    float: left;
    width: calc(100% - 350px);
    height: 350px;
    padding: 0 42px;
  }

  .con_herbal_c_info img{
    float: left;
    width: 200px;
    margin-bottom: 27px;
  }
  .con_herbal_c_info .text{
    width: calc(100% - 200px);
    font-size: 22px;
    text-indent: 2rem;
  }
  .con_herbal_c_info h4{
    font-size: 22px;
  }

}



@media screen and (max-width:1200px){
  .nav_icon{display: none}
  .main_info{padding: 0 80px;}
	.main_join{ background-size:cover; height: 550px;}
  .con_join_f .text{
    padding: 80px 120px;
  }
  .con_join_f em{
    border-bottom: 2px solid #b41d23;
    width: 100px;
    margin: 18px;
  }
  .con_join_f .text h3{
    font-size: 42px;
  }
  .con_join_f .text p{
    font-size: 28px;
  }

  .con_pro{width:90%;margin: 50px auto;}
  .con_pro_img3{
    display: none;
  }
  .con_pro_img4{
    width: 100%;
  }

  .con_pub{
    padding: 32px;
  }

  .con_pub_b .img {
    display: inline-block;
    text-align: center;
  }
  .con_pub_b .img img {
    width: auto;
    height: 100px;
    margin: 12px;
  }
  .con_pub_d{
    display: block;
    margin: 20px 0;
  }
  .con_pub_d >div {
    margin:20px 0;
  }

	.main_img{  background-size:cover; height:228px;}
  /*.main_join_left{display: none}*/
  .main_join_left{
    width: 300px;
  }
  .main_join_left h3{ font-size: 28px; }
  .main_join_left p{ font-size: 16px;
    line-height: 28px;

    margin: 0;}
  .main_join_left b{ font-size: 20px; }

  .main_join_right{ width: 500px;
    margin-top: 35px; border-radius: 20px; padding:30px;}
  .main_join_right > h3{ font-size: 2em; margin-bottom: 30px;}
  .main_join_right > p{ font-size: 1em; line-height: 150%; margin:20px 0px; }





  .main_sou ul li{ width: 360px; height: 468px;margin-right:33px;}
	.con_case_ ul li{ width: 330px; margin-right: 44px; margin-top: 40px; }

  .con_ser_b h4{
    font-size: 24px;}
  .con_ser_c{
    font-size: 24px;
  }

  .con_herbal_b_l{
    float: left;
    width: 25%;
    height: 350px;
    position: relative;

  }

  .con_herbal_b_l h4{
    font-size: 28px;
    white-space: normal;
  }
  .con_herbal_b_r{
    width: 75%;
    height: 350px;
    padding: 28px;
  }
  .con_herbal_b_r h4{
    font-size: 24px;
    margin-bottom: 24px;
  }
  .con_herbal_b_r p{
    font-size: 16px;
    margin: 16px;
  }

  .con_herbal_c{
    margin: 60px auto;
    /*padding: 0 48px ;*/
  }
  .con_herbal_c_img{
    width: 240px;
    height: 240px;
    padding: 24px 12px;
  }
  .con_herbal_c h4{
    font-size: 24px;
  }
  .con_herbal_c h5{
    font-size: 16px;
  }
  .con_herbal_c_info{
    float: left;
    width: calc(100% - 240px);
    height: 240px;
    padding: 0 20px;
  }

  .con_herbal_c_info img{
    float: left;
    width: 130px;
    margin-bottom: 30px;
  }
  .con_herbal_c_info .text{
    width: calc(100% - 130px);
    font-size: 16px;
    text-indent: 2rem;
    padding:0 24px;
  }
  .con_herbal_c_info h4{
    font-size: 16px;
  }


  .con_herbal_d{
    padding-top: 100px;
    padding-bottom: 200px;

  }
  .con_herbal_d h4{
    font-size: 36px;
  }
  .con_herbal_d p{
    font-size: 20px;
  }
}






@media screen and (max-width:768px){


	.main_info{  padding: 30px; background-size: cover; background-position: right; height: auto;}
	.main_info_{ padding: 0px; }
	.main_info_ h3{ font-size: 2em; margin-bottom:20px;}
	.main_info_ h4{ font-size: 1.5em; }
	.main_info_ p{ font-size: 1em; line-height: 150%; margin:10px 0px; text-align: justify;}
	.main_info_ a{   margin: 20px auto 0px;  width: 80px; padding: 8px 0px; border-radius: 15px; }
	.main_info_ a:hover{ width: 120px;}


	.main_about{background-size: cover; height: auto;}
	.main_about_{ }
	.main_about_left{ float: left; margin: 0px 0px 0px 20px;}
	.main_about_right{ float: right;}
	.main_about_ img{ width:100%; display: block;}


	.main_join{ background-size: cover; background-position: left; height: auto;}
	.main_join_{  margin: 0px auto; padding: 50px 0px;}
	.main_join_left{
    display: block;
    margin: 16px auto;
    width: 280px;
    /*padding: 20px;*/
    float: none;
  }
  .main_join_left h3{ font-size: 28px; }
  .main_join_left p{ font-size: 14px;
    line-height: 28px;
    margin: 0;}
  .main_join_left b{ font-size: 20px; }

	.main_join_right{ float: none;width: 100%; height: auto;  margin:  0px; border-radius: 20px; padding:30px;}
	.main_join_right > h3{ font-size: 2em; margin-bottom: 30px;}
	.main_join_right > p{ font-size: 1em; line-height: 150%; margin:20px 0px; }
	.main_join_right > a{ display: block; margin: 20px 0px 0px 160px;  width: 80px; padding: 8px 0px;}
	.main_join_right > a:hover{width: 100px;}


	.main_img{background-size: cover; height: 50px;}


	.main_sou{width: 90%; margin: 30px auto 50px;}
	.main_sou_tit{}
	.main_sou_tit h3{
    padding-top:10px; font-size: 2em;}
	.main_sou_tit p{ font-size: 1.2em; margin-top: 10px; }

	.main_sou ul{ margin-top:30px;width: 100%;display: inline-block}
	.main_sou ul li{ width: 100%; height:200px; float: none; margin-right:0px; border-radius: 20px; margin-bottom: 20px;}
	.main_sou ul li:last-child{ float: none; margin-right: 0px;}
	.main_sou ul li a{}
	.main_sou ul li img{ width: 100%;}
	.main_sou ul li div{ width: 100%; height: 200px;  padding:45px; background:url("../images/index905.png") no-repeat center -300;}
	.main_sou ul li div h4{ margin-bottom:10px; font-size: 2em;opacity: 1;}
	.main_sou ul li div p{ margin-bottom:6px; font-size: 1em;opacity: 1;}
	.main_sou ul li div span{ font-size: 1em; line-height: 150%;opacity: 1;}
	.main_sou ul li:hover{ box-shadow:0 0 20px 2px #999999;}
	.main_sou ul li:hover div{ background:url("../images/index905.png") no-repeat center -300; }
	.main_sou ul li:hover div p{opacity:1;}
	.main_sou ul li:hover div span{opacity:1;}




	.main_coff{ background-size: cover;height: auto;}

	.main_coff_{width: 80%;  padding-top: 50px; padding-bottom: 50px;}
	.main_coff_ h3{  font-size: 2em;  }
	.main_coff_ p{ font-size: 1.2em; }



	.weizhi{ width: 90%; margin: 30px auto;  font-size: 1em;}
	.weizhi a{ font-size: 1em;}

	.z_banner_a{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_b{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_c{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_d{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_e{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_f{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_g{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_h{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_i{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_j{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_k{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_l{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_n{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner_m{ padding:50px 0px; background-size: cover; height:auto; }
	.z_banner p{  font-size: 1.6em;}
	.z_banner em{ margin: 12px auto; width: 50px;}
	.z_banner h2{ font-size: 1.2em;}
	.z_banner_b p{ font-size: 1.6em;}
	.z_banner_b em{ margin: 12px auto; width: 50px;}
	.z_banner_b h2{ font-size: 1.2em;}
	.z_banner_d p{  font-size: 1.6em;}
	.z_banner_d em{ margin: 12px auto; width: 50px;}
	.z_banner_d h2{font-size: 1.2em;}


	.con_about_a{width:90%;margin: 30px auto;}
	.con_about_a_tit h3{width:60%;background-size: cover; height: 62px; padding-top:38px; font-size: 0.8em;}
	.con_about_a_tit p{ font-size: 1em; margin-top: 10px;}
	.con_about_a ul{ margin-top:20px;}
	.con_about_a ul li{    padding:15px;  width:50%;  height:200px; margin-right: 0px;}
	.con_about_a ul li:last-child{ float: left; margin-right: 0px;}
	.con_about_a ul li img{width: 50%;}
	.con_about_a ul li h5{ font-size: 1.2em; margin: 15px 0px 8px;}
	.con_about_a ul li p{ line-height: 150%; font-size:0.6em;}



	.con_about_b{ background-size: cover; height:auto;}
	.con_about_b_{ margin: 0px auto; width: 90%; padding: 30px 0px;}
	.con_about_b_l{ float: none; display: none;}
	.con_about_b_r{ float: none;width: 100%; margin-top: 0px;}
	.con_about_b_r h3{ font-size: 1.8em; }
	.con_about_b_r em{  margin: 15px 0px; }
	.con_about_b_r h5{font-size: 1.2em;  }
	.con_about_b_r p{ font-size: 1em; line-height: 150%; margin:20px 0px; }


	.con_about_c{  margin: 30px auto; width: 90%;}
	.con_about_c_l{ float: none; width: 100%;}
	.con_about_c_l h3{ font-size: 1.8em; }
	.con_about_c_l em{margin: 15px 0px;}
	.con_about_c_l h5{font-size: 1.2em; }
	.con_about_c_l h6{font-size: 1.2em;   margin-top: 20px;}
	.con_about_c_l p{ font-size: 1em; line-height: 150%; margin: 10px 0px 20px; }
	.con_about_c_r{ float: none;width: 100%;}
	.con_about_c_r img{width: 100%;}


	.con_about_d{ padding: 30px 0px;}

	.con_about_d_tit h3{ font-size: 1.8em;}
	.con_about_d_tit em{ margin: 15px 0px;}
	.con_about_d_tit h5{ font-size: 1.2em;}

	.con_about_d_{margin: 0px auto; width: 90%;}
	.con_about_d_l{ float:none; width:100%; margin-right: 0px;}

	.con_about_d_l_con{margin-top: 20px; padding: 25px;}
	.con_about_d_l_con_{}
	.con_about_d_l_con_ .fl{ float: left;}
	.con_about_d_l_con_ .fl h5{font-size: 2.5em; }
	.con_about_d_l_con_ .fl em{  width: 30px; margin:20px 0px 0px;}
	.con_about_d_l_con_ .fr{ float: right;text-align: right;}
	.con_about_d_l_con_ .fr span{  line-height: 150%;   font-size: 1em; margin-top:18px;}
	.con_about_d_l_con p{  line-height: 150%;  margin-top:20px;}
	.con_about_d_l_con:hover .fl em{ width: 50px;}

	.con_about_d_c{float:none; width:100%; margin-top: 20px;}
	.con_about_d_c_con{ padding: 25px;}
	.con_about_d_c_con_{ margin-bottom: 20px;}
	.con_about_d_c_con_ .fl{ float: left;}
	.con_about_d_c_con_ .fl h5{font-size: 2.5em; }
	.con_about_d_c_con_ .fl em{ width: 30px; margin:20px 0px 0px;}
	.con_about_d_c_con_ .fr{ float: right;text-align: right;}
	.con_about_d_c_con_ .fr span{  line-height: 150%;   font-size: 1em; margin-top:18px;}
	.con_about_d_c_con p{ line-height: 150%;}
	.con_about_d_c_con p strong{ font-size: 1.2em;}
	.con_about_d_c > img{ display: block; width: 100%; margin-top: 0px;}
	.con_about_d_c_con:hover .fl em{ width: 50px;}

	.con_about_d_r{ float:rignoneht; width: 100%; margin-top: 20px;}
	.con_about_d_r_con{padding: 25px;}
	.con_about_d_r_con_{ margin-bottom:20px;}
	.con_about_d_r_con_ .fl{ float: left;}
	.con_about_d_r_con_ .fl h5{font-size: 2.5em;}
	.con_about_d_r_con_ .fl em{ width: 30px; margin:20px 0px 0px;}
	.con_about_d_r_con_ .fr{ float: right;text-align: right;}
	.con_about_d_r_con_ .fr span{ line-height: 150%; font-size: 1em; margin-top:18px;}
	.con_about_d_r_con p{ line-height: 150%; }
	.con_about_d_r_con:hover .fl em{ width: 50px;}
    .con_about_d_r > img{ display: block; width: 100%; margin-top: 0px;}



	.con_about_e{  margin: 35px auto; width: 90%;}
	.con_about_e_l{ float: none; width: 100%;}
	.con_about_e_l h3{ font-size: 1.8em;}
	.con_about_e_l em{  margin: 15px 0px;}
	.con_about_e_l h5{font-size: 1.5em; }
	.con_about_e_l h6{font-size: 1.2em;margin-top: 20px;}
	.con_about_e_l p{ font-size: 1em;line-height: 150%; margin:15px 0px 0px;}
	.con_about_e_r{ float: none;width: 100%; margin-top: 20px;}
	.con_about_e_r img{width: 100%;}

	.con_about_f{  margin: 35px auto; width: 90%;}
	.con_about_f_l{ float: none;width: 100%;}
	.con_about_f_l img{width: 100%;}
	.con_about_f_r{ float: none; width: 100%; text-align: left; margin-top: 20px;}
	.con_about_f_r h3{ font-size: 1.8em;}
	.con_about_f_r em{  margin: 15px 0px;}
	.con_about_f_r h5{font-size: 1.5em;}
	.con_about_f_r h6{font-size: 1.2em;margin-top: 20px;}
	.con_about_f_r p{ font-size: 1em;line-height: 150%; margin:15px 0px 0px;}





	.con_pro_a{width: 90%; margin: 30px auto 30px;}
	.con_pro_a_tit{ }
	.con_pro_a_tit h3{width:60%;background-size: cover; height: 68px; padding-top:42px; font-size: 0.8em;}
	.con_pro_a_tit p{ font-size: 1em; margin-top: 10px; }

	.con_pro_hr{margin: 35px auto; width: 90%;}
	.con_pro_b{ margin: 35px auto; width: 90%;}
	.con_pro_b_tit{ }
	.con_pro_b_tit h3{font-size: 1.8em; }
	.con_pro_b_tit em{ margin: 15px auto;}
	.con_pro_b_tit p{ font-size: 1.2em;}
	.con_pro_b_{width: 100%; height: auto;  margin-top: 30px;}
	.con_pro_b_ img{  width: 100%;}

	.con_pro_c{ margin: 35px auto; width: 90%;}
	.con_pro_c_tit{  }
	.con_pro_c_tit h3{ font-size: 1.8em; }
	.con_pro_c_tit em{ margin: 15px auto;}
	.con_pro_c_tit p{font-size: 1.2em;}
	.con_pro_c_{width: 100%; height: auto;  margin-top: 30px;}
	.con_pro_c_ img{ width: 100%;}




	.con_pro_e{ margin: 50px auto 0px; width: 90%; background: none; padding: 0px 0px; height:auto;}
	.con_pro_e_tit{ width: 100%;}
	.con_pro_e_tit h3{ font-size: 1.8em;}
	.con_pro_e_tit em{ margin: 15px auto;}
	.con_pro_e_tit p{ font-size: 1em;}
	.con_pro_e_{width: 100%;  background: #F6F6F6; padding: 20px; box-sizing: border-box;}
	.con_pro_e_ div{ margin: 15px 0px;}
	.con_pro_e_ .ea{position:relative; width:  100%; left: 0px; top:0px;}
	.con_pro_e_ .eb{position:relative; width:  100%; left: 0px; top:0px;}
	.con_pro_e_ .ec{position:relative; width:  100%; left: 0px; top:0px;}
	.con_pro_e_ .ed{position:relative; width:  100%; left: 0px; top:0px;}
	.con_pro_e_ div h5{ font-size: 1.5em; margin-bottom: 5px; }
	.con_pro_e_ div p{ font-size: 0.9em; line-height: 150%;}
	.m_pro{ display: block; width: 100%;}
	.m_pro img{ width: 100%;}



	.con_pro_i{ margin: 0px auto 50px; width: 90%; background: none; padding: 0px; height:auto;}
	.con_pro_i_{width: 100%; margin: 20px auto 0px; position:relative;}
	.con_pro_i_ .ez{position:relative;  left: 0px; top:0px; font-size: 1.8em; margin-bottom: 20px;}
	.con_pro_i_ .ea{position:relative;  left: 0px; top:0px;}
	.con_pro_i_ .eb{position:relative;  left: 0px; top:0px;}
	.con_pro_i_ .ec{position:relative;  left: 0px; top:0px;text-align: left;}
	.con_pro_i_ .ed{position:relative;  left: 0px; top:0px;text-align: left;}
	.con_pro_i_ .ee{position:relative;  left: 0px; top:0px;text-align: left;}
	.con_pro_i_ div{margin: 15px 0px;}
	.con_pro_i_ div h5{font-size: 1.2em; margin-bottom: 2px; }
	.con_pro_i_ div p{font-size: 1.5em; line-height: 150%;}



	.con_pro_f{ margin: 35px auto; width: 90%;}
	.con_pro_f_tit{ }
	.con_pro_f_tit h3{ font-size: 1.8em; }
	.con_pro_f_tit em{margin: 15px auto;}
	.con_pro_f_tit p{ font-size: 1.2em;}
	.con_pro_f_{width: 100%; height: auto;  margin-top:20px;}
	.con_pro_f_ img{ width: 100%;}




	.con_pro_g{ margin: 35px auto; width: 90%;}
	.con_pro_g_tit{ }
	.con_pro_g_tit h3{ font-size: 1.5em;}
	.con_pro_g_tit em{margin: 15px auto;}

	.con_pro_g_{width: 100%; margin-top: 30px;}
	.con_pro_g_ ul{}
	.con_pro_g_ ul li{  width: 33%; margin-right: 0px; text-align: center; margin-bottom: 20px;}
	.con_pro_g_ ul li:nth-child(3n){float: right;}
	.con_pro_g_ ul li:last-child{ float: right;}
	.con_pro_g_ ul li img{  margin:0px auto 10px; width: 60px; }
	.con_pro_g_ ul li p{ font-size: 0.8em; line-height: 150%;}

	.con_pro_h{ margin: 35px auto;  background-size: cover; padding: 35px 0px;}
	.con_pro_h_tit{  width: 90%; }
	.con_pro_h_tit h3{ font-size: 1.8em; }
	.con_pro_h_tit em{ margin: 15px auto;}
	.con_pro_h_tit p{font-size: 1.2em;}
	.con_pro_h_{width: 90%; margin: 30px auto 0px;}
	.con_pro_h_ ul{}
	.con_pro_h_ ul li{ float: left; width: 33%;  height: 150px; margin-bottom: 2px;}
	.con_pro_h_ ul li:nth-child(3n){border-right: none; }
	.con_pro_h_ ul li:last-child{border-right: none; }
	.con_pro_h_ ul li img{ width: 100%;}
	.con_pro_h_ ul li p{ font-size: 1.2em;  bottom:-80px;}
	.con_pro_h_ ul li:hover img{opacity: 1; }
	.con_pro_h_ ul li:hover p{ bottom: 0px;}



	.con_pro{width:90%;margin: 50px auto;}

  .con_pro_img1{
    width: 100%;
  }
  .con_pro_img2{
    display: none;
  }

  .con_pro_img4{
    text-align: center;
  }

  .con_pro_img4 h3{
    font-size: 24px;
  }
  .con_pro_img4 p{
    font-size: 16px;
  }

  .con_pro_img4 a{
    float: right;
    padding: 2px 12px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-top: 24px;
  }



	.con_pro_tit{width:100%;margin:30px auto; }
	.con_pro_tit h3{ font-size: 1.8em; }
	.con_pro_tit em{ margin: 15px auto;}
	.con_pro_tit p{font-size: 1.2em;}

	.con_pro_{margin: 30px auto;}
	.con_pro_ ul{}
	.con_pro_ ul li{  width: 49%; margin-right: 0px; margin-bottom:20px;}
	.con_pro_ ul li:nth-child(2n){ float: right;}
	.con_pro_ ul li:nth-child(3n){ float: left;}
	.con_pro_ ul li:nth-child(6){ float: right;}
	.con_pro_ ul li:nth-child(12){ float: right;}
	.con_pro_ ul li div.t{width: 100%; height: 100%;}
	.con_pro_ ul li div.t img{width: 100%; height: 100%;}

	.con_pro_ ul li div.b{ border-bottom: #DDDDDD 1px solid; padding: 10px 0px;}
	.con_pro_ ul li div.b .bl{ float: none;}
	.con_pro_ ul li div.b .bl p{ font-size: 1em;}
	.con_pro_ ul li div.b .bl span{ font-size: 1em;}
	.con_pro_ ul li div.b .br{ float: none; text-align: left;}
	.con_pro_ ul li div.b .br p{ font-size: 0.8em;}
	.con_pro_ ul li div.b .br i{ font-size: 1.5em; }


	.pro_m{margin: 50px auto; width: 90%;}
	.pro_m_left{ float: none; width: 100%;height: 100%; overflow: hidden;}
    .pro_m_left img{ width: 100%; height: 100%; }
	.pro_m_right{ float: none; width: 100%; margin-top:20px; }
    .pro_m_right h1{ font-size: 1.5em;}
    .pro_m_right p { font-size: 1.2em; line-height: 150%;}
    .pro_m_right em{}

    .pro_more{margin: 50px auto; width: 90%;}
    .pro_more h5{font-size: 1.5em; margin-bottom: 20px;}
	.pro_more ul{}
	.pro_more ul li{ width: 49%; margin-right: 0px; margin-bottom: 20px;}
    .pro_more ul li div{width: 100%; height: 100%;}
    .pro_more ul li div img{width: 100%; height: 100%; }
	.pro_more ul li:nth-child(2n){ float: right; }
	.pro_more ul li:nth-child(3n){ float: left;}
    .pro_more ul li p{ padding: 15px 0px;   font-size: 1em;}





	.con_case{  background-size: cover; height:auto; padding: 35px 0px;}
	.con_pro_hr_c{margin: 30px auto 10px; width: 90%;}
	.con_case_{  width: 90%;}
	.con_case_ ul{}
	.con_case_ ul li{ float: none; width: 100%; margin-right: 0px; margin-top:20px;}
	.con_case_ ul li:nth-child(3n){ float: none; margin-right: 0px;}
	.con_case_ ul li div.t{width: 100%; height:220px; overflow: hidden;}
	.con_case_ ul li div.t img{width: 100%; height:220px;}
	.con_case_ ul li div.b{ width: 100%; padding: 20px 0px;box-sizing: border-box;}
	.con_case_ ul li div.b .bi{ margin-top: -60px;}
	.con_case_ ul li div.b .bx{width: 100%; margin: 20px auto 0px; height: auto; }
	.con_case_ ul li div.b .bx p{ font-size: 1.5em; }
	.con_case_ ul li div.b .bx em{  margin: 10px auto; }
	.con_case_ ul li div.b .bx span{ font-size: 1em; width: 80%; line-height: 150%;}
	.con_case_ ul li:hover div.b p{ margin-top: 20px;}




	.case_m{margin: 35px 0px; }
    .case_m_{  width: 90%; padding-bottom: 35px;}

    .case_m_left{ float: none; width: 100%;}
    .case_m_tit img{width: 100%; height: 100%;}
	.case_m_tit h1{ font-size: 1.8em;}
    .case_m_tit h6{ display: none;}

    .case_m_right{ float: none; width: 100%;}
	.case_m_con{}
	.case_m_con p{ font-size: 1em; line-height: 150%;}
    .case_m_con p img{ max-width: 100%; width: 100%;}
	.case_m_con p a{ font-size: 1em;}


    .case_more{margin: 60px auto; width: 90%;}
    .case_more h5{ font-size: 1.5em;}
  	.case_more ul{}
	.case_more ul li{ float: left; width: 49%; margin-right: 0px; margin-bottom: 20px;}
	.case_more ul li:nth-child(2n){ float: right; }
    .case_more ul li:last-child{ float: left;}
    .case_more ul li div{width: 100%; height: 120px;}
    .case_more ul li img{width: 100%; height: 120px;}
    .case_more ul li p{ font-size: 1em; padding: 15px 0px;}



	.con_join{}
	.con_join_a{margin: 35px auto; width:90%;}
	.con_join_tit h3{ font-size: 2em;}
	.con_join_tit em{ }

	.con_join_a_{ margin: 20px 0px 0px;}
	.con_join_a_l{width: 100%; float: none;  padding: 20px;}
	.con_join_a_r{width: 100%; float: none;  padding: 20px; margin-top: 20px;}
	.con_join_a_ h3{ font-size: 1.5em;}
  .con_join_a_ >div{flex: none;width: 100%; }
	.con_join_a_ p{ font-size: 1.2em; line-height: 150%;}


	.con_join_b{margin: 35px auto; width:90%;}
	.con_join_b_{margin: 20px 0px 0px;}
	.con_join_b_ ul{}
	.con_join_b_ ul li{  width:49%; margin-right: 0px;   height: 220px; padding: 20px; margin-bottom: 10px; }
	.con_join_b_ ul li:first-child{background: #b41d23;color: #FFFFFF;}
	.con_join_b_ ul li:nth-child(2){  float: right;}
	.con_join_b_ ul li:nth-child(3){ float: left;}
	.con_join_b_ ul li:last-child{ float: right;}
	.con_join_b_ ul li img{ width: 50px; height: 50px;}
	.con_join_b_ ul li p{ font-size: 0.8em; line-height: 150%; margin-top: 10px; text-align: justify;}


	.con_join_c{margin: 35px 0px;  background: url("../images/join02_m.jpg") no-repeat center;height: auto; padding: 30px 0px; background-size: cover;}
	.con_join_c_tit{ width:90%;}
	.con_join_c_tit h3{ font-size: 1.5em; }
	.con_join_c_tit em{   margin: 10px 0px; }
	.con_join_c_tit p{ font-size: 1em;}
	.con_join_c_{margin: 35px auto 0px; width: 90%;}
	.con_join_c_ ul{}
	.con_join_c_ ul li{ width:48%; border: #CCCCCC 1px solid; border-radius: 15px; padding: 15px; box-sizing: border-box; margin-bottom: 10px;}
	.con_join_c_ ul li:nth-child(2n){ margin-top: 0px; float: right;}
	.con_join_c_ ul li:nth-child(2n) img{ margin-bottom: 10px;}
	.con_join_c_ ul li img{ }
	.con_join_c_ ul li h5{font-size: 1.2em;}
	.con_join_c_ ul li p{font-size: 1em;}



	.con_join_d{margin: 35px auto; width:90%;}
	.con_join_d_{ margin: 20px 0px 0px; }
	.con_join_d_l{width: 100%; float: none;}
	.con_join_d_r{width: 100%; float: none; margin-top: 20px;}
	.con_join_d_ img{ float: left; width: 80px;}
	.con_join_d_ p{ float: left; margin-left: 25px; font-size: 1.2em; line-height: 150%; margin-top: 5px; width: 200px;}


	.con_join_e{ background-size: cover;height:auto; padding-top:30px; padding-bottom: 30px; }
	.con_join_e_{ width:90%; font-size: 1.5em; padding: 20px; width: 90%;}

  .con_join_f .text{
    padding: 20px 40px;
  }
  .con_join_f em{
    border-bottom: 2px solid #b41d23;
    width: 80px;
    margin: 12px;
  }
  .con_join_f .text h3{
    font-size: 26px;
  }
  .con_join_f .text p{
    font-size: 18px;
  }

	.con_news{}
	.con_news_{width:90%;margin: 35px auto;}
	.con_news_ ul{}
	.con_news_ ul li{ padding: 30px 0px;}
	.con_news_ ul li div.t{ float: none; width: 100%; height: 220px; }
	.con_news_ ul li div.t img{width: 100%; height: 220px;}
	.con_news_ ul li div.b{float: none; width: 100%; margin-top: 15px;}
	.con_news_ ul li div.b p{ font-size: 1.3em; margin-bottom: 10px; font-weight: bold;}
	.con_news_ ul li div.b span{ font-size: 0.8em;  margin-bottom: 20px; line-height: 150%;}
	.con_news_ ul li div.b em{ font-size: 1em; }



	.news_m{margin:35px 0px; width: 100%; }

    .news_m_tit{ width: 90%; }
	.news_m_tit h1{ font-size: 1.5em; margin-bottom: 5px; }
    .news_m_tit h6{font-size:0.8em;}
    .news_m_tit h6 span{  margin-right: 10px;}

	.news_m_{margin: 0px auto; width: 90%; }
	.news_m_ p{margin: 25px 0px; font-size: 1em; line-height: 150%;}
    .news_m_ p img{ max-width: 100%;width: 100%;}
	.news_m_ p a{ font-size: 1em;}

    .news_more{margin: 0px auto; width: 90%;}
    .news_more h5{ font-size: 1.3em;  }
  	.news_more ul{}
	.news_more ul li{ padding: 8px 0px;}
    .news_more ul li a{ font-size: 1em;}


	.con_ser{
    padding: 0px; }
	.con_ser_a{width:90%;margin:35px auto;}
	.con_ser_a_l{ float: none; width:100%;  padding:25px 0px; box-sizing: border-box;}
	.con_ser_a_r{ float: none; width:100%;  padding:25px 0px;; box-sizing: border-box;}

	.con_ser_a .c_s_l{ float: left;}
	.con_ser_a .c_s_r{ float: right; width: 210px; text-align: left; margin-top: 5px;}
	.con_ser_a .c_s_r h3{   font-size: 1.5em; margin-bottom: 5px;}
	.con_ser_a .c_s_r p{   font-size: 1em; line-height: 150%;}

  .con_ser_b{display: block}
  .con_ser_c{
    white-space: nowrap;
    }

	.con_ser_con{ height: auto; background-size: cover;}
	.con_ser_con_{width:90%; padding: 30px 0px;}

	.con_ser_con_ .t1{ position: relative; margin: 0px 0px 0px 0px;}
	.con_ser_con_ .t1 h5{font-size: 1.2em;  }
	.con_ser_con_ .t1 em{ margin: 10px 0px;}
	.con_ser_con_ .t1 p{font-size: 1.5em; }

	.con_ser_con_ .t2{ position: relative; margin: 20px 0px 0px 0px;font-size: 0.9em; line-height: 150%;}

	.con_ser_con_ .t3{ position: relative; margin: 50px 0px 0px 0px; text-align: left;}
	.con_ser_con_ .t3 p{font-size:1.2em;  }
	.con_ser_con_ .t3 span{ font-size: 0.8em;}

	.con_ser_con_ .t4{display: none;}
	.con_ser_con_ .t5{ position: relative; margin: 10px 0px 0px 0px;   width: 100%; line-height: 150%; font-size: 1em;}


	.con_ser_con_ .t6{position: relative; margin: 50px 0px 0px 0px; text-align: left;}
	.con_ser_con_ .t6 p{font-size:1.2em; }
	.con_ser_con_ .t6 span{font-size: 0.8em;}

	.con_ser_con_ .t7{display: none;}
	.con_ser_con_ .t8{ position: relative; margin: 10px 0px 0px 0px;   width: 100%; line-height: 150%; font-size: 1em;}


	.con_ser_con_ .t9{position: relative; margin: 50px 0px 0px 0px; text-align: left;}
	.con_ser_con_ .t9 p{font-size:1.2em;  }
	.con_ser_con_ .t9 span{font-size: 0.8em;}

	.con_ser_con_ .t10{display: none;}
	.con_ser_con_ .t11{ position: relative; margin: 10px 0px 0px 0px;   width: 100%; line-height: 150%; font-size: 1em;}




	.con_contact{ }

	.con_contact_a{margin: 50px 0px; width:100%; height: auto; background: none;}
	.con_contact_a_{width:90%; padding: 10px 0px 0px;}
	.con_contact_a_ ul{}
	.con_contact_a_ ul li{ float: none; width: 100%; text-align: center; margin-bottom: 30px;}
	.con_contact_a_ ul li img{ width: 80px;}
	.con_contact_a_ ul li em{   margin: 10px auto 20px; }
	.con_contact_a_ ul li h3{ font-size: 1.5em; margin-bottom:5px;}
	.con_contact_a_ ul li p{ line-height: 150%; font-size: 1em;}

	.map{width:90%; margin: 30px auto;}


	.con_contact_c{width:90%;margin: 35px auto;}
	.con_contact_c > h5{   font-size: 1.5em; margin-bottom:20px;}
	.con_contact_c .c_c_1{}
	.con_contact_c .c_c_1 ul{}
	.con_contact_c .c_c_1 ul li{ float: none; width: 100%; margin-right: 0px; margin-bottom: 5px;}
	.con_contact_c .c_c_1 ul li:nth-child(3){ float: none; margin-right: 0px;}
	.con_contact_c .c_c_1 ul li input{ width: 100%;  padding: 10px 0px 15px 10px; font-size: 1em; }

	.con_contact_c .c_c_2{ margin: 10px 0px;}
	.con_contact_c .c_c_2 textarea{ width: 100%; height: 120px;  padding: 10px 0px 15px 10px; font-size: 1em;}


	.con_contact_c .c_c_3{ text-align: center;}
	.con_contact_c .c_c_3 input{font-size: 1.2em; padding: 5px 50px; }


  .con_pub{
    padding: 24px;
  }

  .con_pub_a .img,.con_pub_b {
    /* max-width: 400px; */
    margin: 0;
  }
  .con_pub_b .img {
    display: inline-block;
    text-align: center;
  }
  .con_pub_b .img img {
    width: auto;
    height: 80px;
    margin: 6px;
  }
  .con_pub_c h3 {
    font-size: 24px;
  }
  .con_pub_c .text {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    white-space: nowrap;
  }

  .con_pub_e .img{
    display: block;
    margin: 0;
  }
  .con_pub_e .img img{
    flex: 1;
    width: 100%;
    height: auto;
    max-height: none;
    margin: 4px;
  }



  .con_herbal_a {
    padding: 40px 0px 60px;
    margin: 0px auto;
  }
  .con_herbal_a h3{ font-size: 38px; margin-bottom: 30px;}
  .con_herbal_a h4{
    font-size: 26px;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 12px;
  }
  .con_herbal_a p{color: #333333; font-size: 18px; line-height: 175%; margin:5px 0px; }


  .con_herbal_b_l{
    float: none;
    width: 100%;
    height: 260px;
  }
  .con_herbal_b_l h4{
    font-size: 28px;
  }
  .con_herbal_b_r{
    float: none;
    width: 100%;
    height: auto;
    padding: 24px;
  }
  .con_herbal_b_r h4{
    font-size: 32px;
    margin: 32px 0;
  }
  .con_herbal_b_r p{
    font-size: 20px;
  }


  .con_herbal_c{
    margin: 24px auto;
    padding: 0 12px ;
  }
  .con_herbal_c_img{
    width: 100%;
    height: 100px;
    padding: 18px;
    float: none;
  }
  .con_herbal_c h4{
    font-size: 24px;
  }
  .con_herbal_c h5{
    font-size: 16px;
  }
  .con_herbal_c_info{
    float: none;
    width: 100%;
    height: auto;
    padding: 12px;
  }

  .con_herbal_c_info img{
    float: left;
    width: 80px;
    margin: 24px 0;
  }
  .con_herbal_c_info .text{
    width: calc(100% - 80px);
    font-size: 16px;
    text-indent: 2rem;
    padding:0 12px;
  }
  .con_herbal_c_info h4{
    font-size: 16px;
  }

  .con_herbal_d{
    padding:64px 24px 128px;

  }
  .con_herbal_d h4{
    font-size: 28px;
    line-height: 1.3;
  }
  .con_herbal_d p{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }

	.wuyou-waiter{  width: 30px;}
	.waiter-ul li{ height: 30px; line-height: 30px;}
	.waiter-ul li a{  width: 30px; height: 30px; line-height: 30px; font-size: 1em;}


	.ep-pages{ font-size:0.8em;  }
	.ep-pages a, .ep-pages span{ height:25px;line-height:25px;padding:0 10px;}
	.ep-pages-ctrl{font-size:0.8em;}
	.ep-pages-all{font-size:0.8em;}



}