#app .header {
  height: 76px;
  text-align: justify;
  position: relative;
  color: #333;
  overflow: hidden;
}
#app .header .logo {
  display: inline-block;
  text-indent: -99999px;
  width: 63px;
  height: 48px;
  background: url(../img/pc_logo.png) no-repeat center;
  background-size: 63px 48px;
  position: relative;
  top: 12px;
  margin-left: 47px;
}
#app .header ol {
  display: inline-block;
  font-size: 16px;
}
#app .header ol a{
  display: block;
  height: 36px; line-height: 36px;
  margin: 20px 0;
}
#app .header ol .header_list {
  display: inline-block;
  /*width: 110px;*/
  padding: 0 23px;
  margin: 0 auto;
  height: 76px;
  text-align: center;
}
#app .header ol .header_list.active {
  display: inline-block;
  /*width: 110px;*/
  padding: 0 23px;
  margin: 0 auto;
  height: 76px;
  text-align: center;
}
#app .header ol .header_list.active a{
  color: #23a197;
  height: 34px; line-height: 34px;
  border-bottom: #23a197 2px solid;
}
#lifather{ position: relative; }
#lifather:hover .lison{ display: block; }
#lifather .lison{
  display: none;
  width: 200px;
  line-height: 40px;
  text-align: left;
  padding: 0 12px;
  position: absolute;
  background: url(../img/li_sonbj.png) repeat;
  z-index: 10;
}
#lifather .lison p:nth-of-type(1){
  border-bottom: #666666 solid 1px;
}
#lifather .lison p:hover{ 
  color:#ff0000; 
}
#app .header ol .header_list:hover {
  cursor: pointer;
}
#app .header ol .header_list.active {
  color: #23a197;
  transition: all .2s;
}
#app .header em {
  display: block;
  width: 80px;
  height: 3px;
  background: #23a197;
  position: absolute;
  bottom: 16px;
  left: 337px;
  transition: all .2s;
}
#app .banner1 {
  position: relative;
  overflow: hidden;
  height: 365px;
}
#app .banner1 .banner1_box {
  width: 500%;
  font-size: 0px;
  position: absolute;
  /*left: -1120px;*/
  left: 0;
}
#app .banner1 .banner1_box .banner1_list {
  width: 1120px;
  height: 365px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-size: 24px;
  color: #fff;
}
#app .banner1 .banner1_box .banner1_list img {
  width: 100%;
  height: 365px;
  position: absolute;
  /*top: -60px;*/
}
#app .banner1 .banner1_box .banner1_list a {
 /* position: absolute;
  top: 140px;
  left: 726px;
  color: #fff;*/
}
#app .banner1 .control_ZY {
  display: none;
  font-size: 24px;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
#app .banner1 .control_ZY a {
  display: inline-block;
  width: 30px;
  color: #fff;
}
#app .banner1 .control_dian {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
}
#app .banner1 .control_dian span {
  display: inline-block;
  width: 13px;
  height: 13px;
  border: 2px solid #fff;
  border-radius: 50%;
  margin-right: 7px;
}
#app .banner1 .control_dian span.banner1_active_sapn {
  background: #fff;
}
#app .aboutus_banner1.banner1 .banner1_list img {
  width: 100%;
  position: static;
}
#app .show1 {
  text-align: center;
  font-size: 14px;
  padding-left: 103px;
  padding-bottom: 30px;
}
#app .show1 a.nn {
  width: 225px;
  text-align: center;
  padding-top: 39px;
  display: inline-block;
}
#app .show1 a.nn img {
  display: inline-block;
  width: 58px;
  height: 58px;
}
#app .show1 a.nn p {
  line-height: 16px;
}
#app .aboutus {
  color: #656565;
  font-size: 14px;
  background: url(../img/pc_aboutus.png) center;
  padding-bottom: 30px;
}
#app .aboutus .aboutus_head {
  text-align: center;
}
#app .aboutus .aboutus_head h1 {
  font-size: 24px;
  color: #000;
}
#app .aboutus .aboutus_head h2 {
  font-size: 18px;
  line-height: 16px;
}
#app .aboutus > div {
  padding-left: 57px;
  padding-top: 25px;
  padding-right: 50px;
}
#app .aboutus > div .aboutus_title {
  width: 738px;
  display: inline-block;
  line-height: 33px;
  color: #333;
}
#app .aboutus > div .aboutus_img {
  width: 236px;
  height: 156px;
  display: inline-block;
  position: relative;
}
#app .aboutus > div .aboutus_img img {
  position: relative;
  z-index: 2;
}
#app .aboutus > div .aboutus_img .video_box {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 1;
  width: 236px;
  height: 156px;
}
#app .aboutus > div .aboutus_img .video_box video {
  width: 236px;
  height: 156px;
}
#app .banner2 {
  height: 509px;
  padding-top: 31px;
}
#app .banner2 > img.show {
  width: 297px;
  height: 368px;
}
#app .banner2 .option {
  text-align: center;
}
#app .banner2 .option h1 {
  font-size: 24px;
  color: #000;
}
#app .banner2 .option h2 {
  font-size: 18px;
  line-height: 16px;
  color: #656565;
}
#app .news {
  height: 340px;
  background: #e6e6e6;
  padding-top: 28px;
  padding-left: 22px;
}
#app .news .biaoti {
  text-align: center;
  padding-bottom: 20px;
}
#app .news .biaoti h1 {
  font-size: 24px;
  color: #000;
}
#app .news .biaoti h2 {
  font-size: 18px;
  line-height: 16px;
  color: #656565;
}
#app .news .content {
  height: 217px;
  font-size: 0;
  background-color: #fff;
  width: 1076px;
  position: relative;
}
#app .news .content > img {
  width: 331px;
  height: 199px;
  display: inline-block;
  position: relative;
  top: 10px;
  left: 10px;
}
#app .news .content > .title {
  display: inline-block;
  width: 743px;
  height: 217px;
  font-size: 14px;
  position: absolute;
  background: #fff;
  padding-left: 20px;
}
#app .news .content > .title > a {
  height: 47px;
  line-height: 47px;
  color: #333;
  border-bottom: 1px dashed #595757;
  width: 689px;
  display: block;
}
#app .news .content > .title > a > i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url(../img/pc_news_dian.png) no-repeat center;
  margin-right: 16px;
}
#app .news .content > .title > a > span {
  float: right;
}
#app .news .content > .title > a:hover {
  text-decoration: underline;
}
#app .news .content .sd_news_more {
  display: inline-block;
  position: absolute;
  height: 40px;
  color: #333;
  top: 182px;
  left: 970px;
  font-size: 14px;
}
#app .news .content .sd_news_more:hover {
  text-decoration: underline;
}
#app .footer {
  /*height: 106px;*/
  font-size: 14px;
  color: #e6e6e6;
  background: url(../img/pc_footer.png) no-repeat center;
  background-size: cover;
  position: relative;
  padding-top: 5px;
}
#app .footer > .footer_title {
  display: inline-block;
  text-align: center;
  width: 100%;
}
#app .footer > .footer_title > p {
  height: 20px;
}
#app .footer > .footer_title > p.small {
  font-size: 10px;
}
#app .footer > .erweima {
  display: block;
  position: absolute;
  width: 179px;
  height: 70px;
  top: 20px;
  right: 69px;
}
#app .footer > .erweima > img:last-child {
  float: right;
}
#app .banner1.details_introduce_banner1 .banner1_box .banner1_list img {
  top: -210px;
}
#app .details_introduce_content {
  position: relative;
  padding-left: 279px;
}
#app .details_introduce_content .details_list {
  background-color: #000;
  position: absolute;
  color: #595757;
  font-size: 16px;
  left: 92px;
  top: -42px;
}
#app .details_introduce_content .details_list .details_about_us {
  width: 154px;
  height: 113px;
  background-color: #29b3a8;
  font-size: 20px;
  text-align: center;
  line-height: 105px;
  margin-bottom: 28px;
  color: #fff;
}
#app .details_introduce_content .details_list .details_about_us em {
  font-size: 16px;
  position: relative;
  top: -85px;
}
#app .details_introduce_content .details_list .datails_introduce_box {
  background-color: #fff;
  padding: 0 7px;
  text-align: center;
  border: 2px solid #b3b5b7;
  border-top: none;
}
#app .details_introduce_content .details_list .datails_introduce_box .datails_introduce_list {
   display: block;
  /*height: 33px;*/
  border-bottom: 2px solid #595757;
  line-height: 33px;
  position: relative;
  cursor: pointer;
}
#app .details_introduce_content .details_list .datails_introduce_box .datails_introduce_list em {
  display: inline-block;
  width: 93px;
  text-align: left;
  position: relative;
}
#app .details_introduce_content .details_list .datails_introduce_box .datails_introduce_list em i {
  position: absolute;
  right: 0;
}
#app .details_introduce_content .details_list .datails_introduce_box .datails_introduce_list.active {
  color: #29b3a8;
}
#app .details_introduce_content .details_list .datails_introduce_box .datails_introduce_list:last-child {
  border: none;
}
#app .details_introduce_content .main {
  width: 752px;
  color: #686767;
}
#app .details_introduce_content .main .alt {
  height: 58px;
  font-size: 18px;
  line-height: 58px;
}
#app .details_introduce_content .main .hr {
  display: block;
  height: 2px;
  background: #595757;
  width: 752px;
  margin-bottom: 10px;
}
#app .details_introduce_content .main .datails_introduce_p1 {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 38px;
}
#app .details_introduce_content .main .main_img1 {
  width: 566px;
  height: 424px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
  margin-bottom: 39px;
}
#app .details_introduce_content .main .datails_introduce_p2 {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 15px;
}
#app .details_introduce_content .main .datails_introduce_p3 {
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 30px;
}
#app .details_introduce_content .main_history .center {
  position: relative;
}
#app .details_introduce_content .main_history .center .history_zhzou {
  position: absolute;
  left: 380px;
}
#app .details_introduce_content .main_history .center .history_zhzou > .history_shu {
  position: absolute;
  width: 5px;
  height: 1182px;
  background: #7a7b78;
  top: 60px;
}
#app .details_introduce_content .main_history .center .history_zhzou > .history_jiantou {
  position: absolute;
  width: 27px;
  height: 22px;
  top: 33px;
  left: -11px;
}
#app .details_introduce_content .main_history .center h2 {
  font-size: 23px;
  color: #29b3a8;
  text-align: center;
}
#app .details_introduce_content .main_history .center .box1 {
  display: inline-block;
  font-size: 16px;
  padding-top: 60px;
  padding-bottom: 40px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(1) {
  color: #eb7c2b;
  text-align: left;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(1) img {
  margin-left: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(2) {
  color: #4b9d72;
  position: relative;
  left: 185px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(2) img {
  margin-right: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(3) {
  color: #872957;
  text-align: left;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(3) img {
  margin-left: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(4) {
  color: #4695b5;
  position: relative;
  left: 185px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(4) img {
  margin-right: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(5) {
  color: #29b3a8;
  text-align: left;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(5) img {
  margin-left: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(6) {
  color: #16683d;
  position: relative;
  left: 185px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(6) img {
  margin-right: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(7) {
  color: #cc261f;
  text-align: left;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(7) img {
  margin-left: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(8) {
  color: #29b3a8;
  position: relative;
  left: 185px;
}
#app .details_introduce_content .main_history .center .box1 .title:nth-child(8) img {
  margin-right: 49px;
}
#app .details_introduce_content .main_history .center .box1 .title {
  height: 148px;
  padding: 22px 0;
}
#app .details_introduce_content .main_history .center .box1 .title p {
  color: #686767;
  width: 353px;
  line-height: 20px;
}
#app .details_introduce_content .main_history .center .box1 .title h3 {
  font-size: 18px;
}
#app .details_introduce_content .main_history .center .box1 .title > img {
  display: inline-block;
  width: 169px;
  height: 87px;
}
#app .details_introduce_content .main_history .center .box1 .title > div {
  display: inline-block;
}
#app .details_introduce_content .main_honor.main {
  font-size: 14px;
}
#app .details_introduce_content .main_honor.main .honor_imgs {
  position: relative;
  left: 121px;
  width: 500px;
  margin-bottom: 5px;
}
#app .details_introduce_content .main_honor.main .honor_imgs img:nth-child(1) {
  margin-right: 52px;
}
#app .details_introduce_content .main_honor.main .honor_imgs img {
  width: 210px;
  height: 303px;
}
#app .details_introduce_content .main_honor.main .honor_img {
  position: relative;
  left: 186px;
  margin-bottom: 35px;
}
#app .details_introduce_content .main_honor.main .datails_introduce_p1 a:hover {
  text-decoration: underline;
}
#app .details_introduce_content .main_responsibility.main .honor_imgs {
  margin-bottom: 15px;
}
#app .details_introduce_content .main_responsibility.main .honor_imgs img {
  width: 350px;
  height: 240px;
}
#app .details_introduce_content .main_responsibility.main .honor_imgs > i.responsibilit_bian {
  display: inline-block;
  padding: 2px;
  border: 1px solid #e0e6e5;
  width: 354px;
  height: 210px;
}
#app .details_introduce_content .main_responsibility.main .honor_imgs > i.responsibilit_bian:first-child {
  margin-right: 30px;
}
#app .details_introduce_content .main_responsibility.main .honor_img {
  margin-bottom: 45px;
}
#app .details_introduce_content .main_responsibility.main .honor_img img {
  width: 640px;
  position: relative;
  left: 50%;
  transform: translate(-50%, 0);
}
#app .details_introduce_content .main.main_adviser {
  font-size: 14px;
  padding-bottom: 10px;
}
#app .details_introduce_content .main.main_adviser .zhuanjia_box {
  position: relative;
  margin-bottom: 20px;
}
#app .details_introduce_content .main.main_adviser .zhuanjia_box > img {
  display: inline-block;
  width: 135px;
  height: 180px;
}
#app .details_introduce_content .main.main_adviser .zhuanjia_box .adviser_title {
  display: inline-block;
  width: 595px;
  position: absolute;
  top: 0;
  right: 0;
}
#app .details_introduce_content .main.main_adviser .zhuanjia_box .adviser_title h4 em {
  font-weight: 700;
}
#app .details_introduce_content .main.main_adviser .zhuanjia_box .adviser_title p {
  line-height: 24px;
}
#app .details_introduce_content .main.main_adviser .zhuanjia_box .adviser_title h4 {
  margin-bottom: 10px;
}
#app .details_introduce_content .aboutus_main .aboutus_top {
  margin-bottom: 90px;
}
#app .details_introduce_content .aboutus_main .aboutus_top > h1 {
  font-size: 16px;
  color: #56beb5;
  margin-bottom: 15px;
}
#app .details_introduce_content .aboutus_main .aboutus_top > div {
  font-size: 14px;
}
#app .details_introduce_content .aboutus_main .aboutus_top > div p {
  line-height: 20px;
}
#app .details_introduce_content .aboutus_main .aboutus_bottom {
  margin-bottom: 26px;
}
#app .details_introduce_content .aboutus_main .aboutus_bottom .aboutus_bottom_left {
  width: 284px;
  display: inline-block;
  padding: 3px 0;
  text-align: left;
  border-right: 1px solid #b3b5b7;
}
#app .details_introduce_content .aboutus_main .aboutus_bottom .aboutus_bottom_left p.aboutus_blue {
  color: #56beb5;
  font-size: 16px;
  display: block;
  position: static;
}
#app .details_introduce_content .aboutus_main .aboutus_bottom .aboutus_bottom_left p {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  left: 20px;
}
#app .details_introduce_content .aboutus_main .aboutus_bottom .aboutus_bottom_right {
  width: 284px;
  display: inline-block;
  padding: 3px 0;
  text-align: center;
}
#app .details_introduce_content .aboutus_main .aboutus_bottom .aboutus_bottom_right p.aboutus_blue {
  color: #56beb5;
  font-size: 16px;
}
#app .details_introduce_content .aboutus_main .aboutus_bottom .aboutus_bottom_right p {
  font-size: 14px;
  line-height: 22px;
}
#app .details_introduce_content .faq_main {
  padding-bottom: 135px;
}
#app .details_introduce_content .faq_main .faq_form {
  height: 45px;
  border: 1px solid #29b3a8;
  width: 420px;
  margin-bottom: 15px;
}
#app .details_introduce_content .faq_main .faq_form > input {
  width: 310px;
  height: 44px;
  padding-left: 10px;
  color: #999999;
}
#app .details_introduce_content .faq_main .faq_form > button {
  background-color: #29b3a8;
  width: 102px;
  height: 44px;
  font-size: 14px;
  color: #fff;
}
#app .details_introduce_content .faq_main .faq_question {
  font-size: 14px;
  line-height: 22px;
  width: 424px;
}
#app .details_introduce_content .faq_main .faq_question > h6 {
  font-weight: 700;
}
#app .details_introduce_content .faq_main > img {
  position: absolute;
  right: 215px;
  bottom: 15px;
}
#app .cooperation_big_img {
  height: 365px;
  overflow: hidden;
}
#app .cooperation_big_img img {
  position: relative;
  top: -50px;
}
#app > .details_big_img {
  height: 365px;
  overflow: hidden;
}
#app > .details_big_img img {
  position: relative;
  top: -210px;
}
#app .cooperation_content > .details_list > .details_about_us > em.cooperation_em {
  top: -173px;
}
#app .product_content > .details_list > .details_about_us > em.cooperation_em {
  top: -173px;
}
#app .main_cooperation > .cooperation_box {
  line-height: 30px;
  font-size: 14px;
  color: #595757;
  margin-bottom: 25px;
}
#app .main_cooperation > .cooperation_box h3 {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}
#app .main_cooperation > .cooperation_imgs {
  margin-bottom: 20px;
}
#app .main_news.main > i.hr {
  margin-bottom: 37px;
}
#app .main_news.main > .zhuanjia_box {
  font-size: 14px;
  color: #595757;
  position: relative;
  padding-bottom: 5px;
  cursor: pointer;
}
#app .main_news.main > .zhuanjia_box > img {
  width: 193px;
  height: 132px;
  display: inline-block;
}
#app .main_news.main > .zhuanjia_box > .adviser_title {
  width: 517px;
  display: inline-block;
  position: absolute;
  top: 0;
  margin-left: 43px;
}
#app .main_news.main > .zhuanjia_box > .adviser_title > h4 {
  font-size: 16px;
  margin-right: 15px;
}
#app .main_news.main > .zhuanjia_box > .adviser_title > h4 em.news_time {
  float: right;
}
#app .main_news.main > .zhuanjia_box > .adviser_title > p {
  line-height: 30px;
}
#app .main_news.main > .zhuanjia_box:hover > .adviser_title > h4,
#app .main_news.main > .zhuanjia_box:hover > .adviser_title > p {
  text-decoration: underline;
}
#app .main_news.main > .news_nav_list {
  text-align: center;
  font-size: 22px;
  position: relative;
  top: -5px;
}
#app .main_news.main > .news_nav_list > span {
  margin: 3px 7px;
}
#app .main_news.main > a {
  display: block;
}
#app .main_news_d.main .news_d_center {
  color: #686767;
}
#app .main_news_d.main .news_d_center > h5 {
  font-size: 17px;
  font-weight: bold;
  color: #29b3a8;
  margin-bottom: 10px;
}
#app .main_news_d.main .news_d_center > div.bocxx {
  font-size: 14px;
}
#app .main_product {
  padding-bottom: 66px;
}
#app .main_product .product_main.main > p {
  font-size: 14px;
  color: #686767;
  line-height: 26px;
  margin-bottom: 50px;
}
#app .main_principle {
  font-size: 14px;
}
#app .main_principle p {
  line-height: 24px;
}
#app .main_principle .principle_box {
  padding-bottom: 25px;
}
#app .main_principle .principle_box > h5 {
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
}
#app .main_principle .principle_box > p {
  margin-bottom: 20px;
}
#app .main_principle .principle_box > img {
  margin-bottom: 22px;
}
#app .main_principle .principle_box h6 {
  color: #42b9af;
  line-height: 30px;
}
#app .main_principle .principle_box > div {
  margin-bottom: 35px;
}
#app .main_principle .principle_box > div.pri_img > div {
  width: 530px;
  display: inline-block;
}
#app .main_principle .principle_box > div.pri_img > img {
  width: 169px;
  display: inline-block;
  position: relative;
  left: 43px;
}
#app .lin_img {
  width: 1120px;
  height: 365px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  font-size: 24px;
  color: #fff;
}
#app .lin_img img {
  width: 100%;
  position: absolute;
  top: -60px;
}
#app .lin_img span {
  position: absolute;
  top: 140px;
  left: 700px;
  color: #fff;
}
/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin:20px auto 20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}