/*section{padding:50px 0;}*/
.margin_top{margin-top:3%;}
.position_relative{position:relative;}
.white_font{color:#fff;}

.index_about{ /*background: url("../images/index_about_bg.png")center center no-repeat;*/padding-bottom: 110px;}
.o-m{margin:20px auto;}
.o-m .ul-o{float:left;position:relative;margin-left: 5%;margin-top: 23px;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2}
.o-m .ul-o .li-t span{background-position:0px -50px;}
.o-m .ul-o .li-s span{background-position:0px -120px;}
.o-m .ul-o .li-f span{background-position:0px -190px;}
.o-m .ul-o .li-w span{background-position:0px -257px;}
.o-m .ul-o .li-l span{background-position:0px -323px;}
.o-m .ul-o li p{float:left;line-height:68px;color:#323232;font-size:16px;font-weight:bold;}
.o-m .ul-o li p:hover{ border-bottom:1px solid #f87022;}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{position:absolute;left:0;top:0;width:335px;height:68px;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{width:80%; height:422px;float:left;}
.o-m .ul-t li{  background: url("../images/index_about_bg.png")center center no-repeat; list-style-type:none;position:relative;height:100%;display:none;}
.o-m .ul-t .li-top{padding:12% 23% 0 52px;}
.o-m .ul-t h3{color:#fff;font-size:24px;line-height:38px;}
.o-m .ul-t p{color:#fff;font-size:14px;line-height:22px;margin-bottom:5px}
.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:100%;text-align:center;position:absolute;left:0;bottom:0;}
.index_about .show-xs{ color: #fff; padding:7% 10px 5%;}
.index_about .show-xs p{ margin-top: 10px;line-height: 2;}
.index_about .show-xs h4{}

.photo_h{ border-bottom: 1px #cfcdcd solid;padding-bottom: 5px;}
.index_photo .photo{  margin-top: 20px;position: relative;}
.index_photo .photo li{ margin-left: 15px;}
.index_photo li img{ width: 100%;}
.index_photo .photo li p{ text-align: center;}
.index_photo .photo .a{  padding: 35px 25px;  position: absolute;  top:50px;  }
.index_photo .photo  .prev{  background:url("../images/left.png") center no-repeat;  left:0;}
.index_photo .photo .next {  background: url("../images/right.png") center no-repeat;  right: 0;}
.tempWrap{width: 90%!important;margin-left: 5%;}

.index_pro{ /*background: url("../images/index_pro_bg.png")top center no-repeat; */padding-bottom: 0;}
.index_pro .index_pro1{ background: #fff;/* padding:25px 10px; margin-top: 30px;*/}
.index_pro .index_pro1 .pro_left{ padding-right: 0;}
.index_pro .index_pro1 .pro_right{ padding-right: 0;}
.index_pro .index_pro1 img{width: 100%; }
.index_pro a.image{display: block;position:relative;}
.index_pro .layer{position:absolute;width:100%;height:20%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:80%;
    -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;
    transition: all .5s ease-in-out; padding: 9px 0 ; color: #fff;text-align: center; font-size: 16px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.index_pro .pro_right li{ margin-bottom: 15px;}
.index_pro .show-xs-pro{ font-size: 24px;}

.index_culture .index_culture_h h2{color: #191919; }
.index_culture .index_culture_h  p{ color:#4a4a4a; padding: 10px 0; }
.index_culture .index_culture_h .line{ border-bottom: 1px #ec651f solid; width: 50px;margin: 0 auto;}
.index_culture .culture{ margin-top: 40px;}
.index_culture .culture img{ width: 100%;}
.index_culture .culture p{ margin: 10px 0;font-size: 16px; color: #1a1a1a;}
.index_culture .culture span{ font-size: 12px; color: #676767}
.index_culture .more{ background-color: #ec651e; width: 130px;padding: 10px 20px;text-align: center;margin: 35px auto 0; color: #fff;}

.index_ad{ background: #f8f8f8;}
.index_ad .ad_img img{width: 100%;}
.index_ad .ad img{ float: left;}
.index_ad .ad .ad_h{float: left; margin-top: 24px; color: #ec651e; }
.index_ad .ad .ad_h span{ color: #262624;font-size: 20px;margin-top: 15px;display: block;padding-bottom: 10px; border-bottom: 1px #c1c0be solid;}
.index_ad .ad .ad_p{ margin-top: 20px; margin-left: 20%;line-height: 2; font-size: 16px;}
.index_ad .ad .ad_p img{ margin-right: 5px;}
.index_ad .index_pro_h{margin-top: 50px;}
.index_ad .index_pro2{ position: relative; margin: 10px 0;
    text-align: center;}
.index_ad .index_pro2 img{ width: 100%;}
.index_ad .index_pro2 .layer{  position: absolute;
    top: 54%;
    padding: 20px;
    width: 86%;
    margin: 10px 7%;}
.index_ad .index_pro2 .layer .line{ padding:10px 0;border-bottom: 1px  #ec651e solid; width:70px; margin: 0 auto;}
.index_ad .index_pro2 .layer  p{ padding-top: 15px;
	    height: 59px;
	    font-size: 14px;
	    line-height: 22px;
	    overflow: hidden;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;}
.index_ad .index_pro2 .layer a{
	color: #ec651e;
	line-height: 46px;
	text-align: center;
}

.index_team .index_team_h h2{color: #191919; }
.index_team .index_team_h  p{ color:#4a4a4a; padding: 10px 0; }
.index_team .index_team_h .line{ border-bottom: 1px #ec651f solid; width: 50px;margin: 0 auto;}
.index_team .index_team_list{ margin-top: 30px;}
.index_team .index_team_list img{width: 100%;}
.index_team .team{ margin-bottom: 20px;}

.honor_h{ border-bottom: 1px #cfcdcd solid;padding-bottom: 5px;}
.index_honor{ margin-top:30px;}
.index_team .honor{  margin-top: 20px;position: relative;}
.index_team .honor li{ margin-left: 10px;}
.index_team li img{ width: 100%;}
.index_team .honor .a{  padding: 35px 25px;  position: absolute;  top:50px;  }
.index_team .honor  .prev{  background:url("../images/left.png") center no-repeat;  left:0;}
.index_team .honor .next {  background: url("../images/right.png") center no-repeat;  right: 0;}


.index_news{background: #f7f7f7;}
.index_news .index_news_left{ background: #fff; padding: 15px;}
.index_news .index_news_left .index_news_title{ font-size: 16px; color: #212121; font-weight: bold;}
.index_news .index_news_left .index_news_list .new1 img{ width: 100%; margin-top: 20px;}
.index_news .index_news_left .index_news_list .new1 h5{ font-weight: bold; margin-top: 15px;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap; }
.index_news .index_news_left .index_news_list .new1 p{ font-size: 12px; color: #777777;margin-top: 15px;display: -webkit-box;
    -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  }
.index_news .index_news_left .index_news_list .new1 { padding-bottom: 20px;  border-bottom: 1px #777 dashed}
.index_news .index_news_left .index_news_list li{ margin-top: 20px;font-size: 12px; color: #777;}
.index_news .index_news_left .index_news_list li a{ color: #777;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;display: block;
}
.index_news .index_news_left .index_news_list li:hover a{color: #ec651f; }
.index_news .index_news_right{ background: #fff; padding: 15px;}
.index_news .index_news_right .index_news_title{ font-size: 16px; color: #212121; font-weight: bold;}
.index_news .index_news_right .news2{margin-top: 20px; }
.index_news .index_news_right .news2 li{ padding-bottom:16px; border-bottom: 1px #cfcfcf solid;margin-top: 15px;  }
.index_news .index_news_right .news2 li img{padding-left: 0;}
.index_news .index_news_right .news2 li h5{ font-weight: bold; color: #222222;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;  }
.index_news .index_news_right .news2 li p{ font-size: 12px; color: #777; margin-top: 15px;display: -webkit-box;
    -webkit-box-orient: vertical;  -webkit-line-clamp:2;  overflow: hidden;}
.index_news .index_news_right .news2 li a{ color: #ec651f; margin-top: 10px;display: block; }

.index_mess{ background: url("../images/index_mess_bg.png")center no-repeat; padding: 0;}
.index_mess .index_mess_left{background: rgba(0,0,0,0.7);padding: 20px; }
.index_mess .index_mess_left .online_mess p{ font-size: 30px; margin: 7px 0 10px; color: #ec651f;}
.index_mess .index_mess_left .online_mess span{ color: #fff; font-size: 12px;}
.index_mess .index_mess_left form p{width: 92%; float: left; margin:6px 10px;color:#fff;font-size: 14px; border: 1px #ec651f solid; padding: 10px;}
.index_mess .index_mess_left form input[type='text']{width:79%;background:transparent;border:0;outline: none}
.index_mess .index_mess_left form textarea{width:80%;vertical-align: top;height:70px;background:transparent;border:0;resize:none;outline: none;}
.index_mess .index_mess_left input[type='submit'],.index_mess .index_mess_left input[type='reset']{background:#ec651f;border:0;padding:5px 40px;margin:10px 2% 0;
    color:#fff;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.index_mess .index_mess_right{background: rgba(242,242,242,0.7);padding: 20px; }
.index_mess .index_mess_right .line{ padding-bottom: 20px; border-bottom: 1px #333 dashed;}
.index_mess .index_mess_right p{ line-height: 2;padding: 30px 0;}
.index_mess .index_mess_right p img{ margin-right: 5px;}
.index_mess .index_mess_right a{ background-color: #ec651f;padding: 10px 20px;color: #fff; margin-top: 25px;display: block;width: 150px; text-align: center;}


.inner_nav{ background: #0aac84;}
.inner_nav a{  padding:10px; display: block; width: 120px;float: left; text-align: center;color: #fff;}
.inner_nav a.on,.inner_nav a:hover{ background-color: #008665;}


.about{ background: #f5f5f5;}
.about p{ padding: 20px 120px;color: #919191; line-height: 2;}
.about a{ padding: 5px 20px; text-align: center; margin: 0 auto; border: 1px #919191 solid; color: #919191;display: block;width: 100px;}
/*.ab_speech{ background: url("../images/about_cul.png")center no-repeat;}
.ab_speech h3{ color: #fff;}
.ab_speech p{ padding: 20px 120px;color: #fff; line-height: 2;}
.ab_speech a{ padding: 10px 30px; text-align: center; margin: 0 auto; background: #0aac84; color: #fff;display: block;width: 150px; -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;  }
.ab_culture{ background: #f5f5f5;}
.ab_culture h3{ color: #000000;padding-bottom: 10px ; }
.ab_culture .line{border-bottom: 1px #b5b5b5 solid;width: 60px; margin: 0 auto;}
.ab_culture p{ padding: 20px;color: #282828; line-height: 2;}
.ab_culture .cul_img img {width: 100%;   }
.ab_culture .cul_img p {text-align: center; font-size: 16px; color: #1a1a1a; padding: 10px; } */
.ab_speech{ }
.ab_speech img{ width: 100%;}
.ab_speech h3{padding-top: 10px;}
.ab_speech p{ padding: 20px 0px; line-height: 2;}
.ab_speech a{ padding: 10px 30px; text-align: center; background: #0aac84; color: #fff;display: block;width: 150px; -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */}
.ab_culture{ background: #f5f5f5;}
.ab_culture h3{ color: #000000;padding-bottom: 10px ; }
.ab_culture .line{border-bottom: 1px #b5b5b5 solid;width: 60px; margin: 0 auto;}
.ab_culture p{ padding: 20px;color: #282828; line-height: 2;}
.ab_culture .cul_img img {width: 100%;   }
.ab_culture .cul_img p {text-align: center; font-size: 16px; color: #1a1a1a; padding: 10px; }





.ab_de{background: url("../images/de_bg.png")center no-repeat; padding:90px 0;  }
.ab_de h3{ color: #fefefe; text-transform: uppercase;}
.ab_de .de .de_right h3{ color: #141414; padding: 20px 0;}
.ab_de .de .de_left{ padding: 0; margin-top: 40px;width: 45%;}
.ab_de .de img{ width: 100%;}
.ab_de .de .de_right{ background-color: #fff; margin-top: 40px; width:550px; height:237px; padding:10px; }
.ab_de .de .de_right p{  color: #101010; line-height: 2;padding-right: 20px;}
.ab_de .de{ position: relative;}
.ab_de .de .a{  padding: 35px 25px;  position: absolute;  top:125px;  }
.ab_de .de  .prev{  background:url("../images/left.jpg") center no-repeat;  left:0;}
.ab_de .de .next {  background: url("../images/right.jpg") center no-repeat;  right: 0;}

.honor_inner{ background:#f5f5f5;}
.honor_inner li{ margin-bottom: 30px;}
.honor_inner li img{ width: 100%;}
.honor_inner li p{ text-align: center; margin-top: 10px;}

.honor_inner .pro img{ width: 100%;}
.honor_inner .pro p{ background: #fff; margin-top: 0; padding: 15px ;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;  }
.honor_inner .lolocation a{ margin: 0 5px;}
.honor_inner .lolocation a.on{color: #0aac84; }
.honor_inner .pro_img{margin-top: 20px;}
.honor_inner .pro_lg_img{padding: 0;background: #fff;}
.honor_inner .pro_xs_img{margin-top: 20px; }
.honor_inner .pro_con{ background: #fff;padding:20px 30px; min-height: 588px;}
.honor_inner .pro_con h3{ font-weight: bold; color: #3e3e3e; padding-bottom: 30px; border-bottom: 1px #a0a0a0 solid; margin-bottom: 30px;}
.honor_inner .pro_con p{ line-height: 2;}

.honor_inner  .recommended{ margin-top: 30px; background: #fff;padding: 10px 20px;}
.honor_inner  .recommended h4{ color: #0aac84;padding-bottom: 10px; border-bottom: 1px #e4eaec solid;}
.honor_inner  .recommended .line{width: 100px; border-top: 2px #0aac84 solid; }
.honor_inner  .recommended .rec_pro { padding-left: 0; margin: 15px 0;}
.honor_inner  .recommended .rec_pro img{width: 100%; }
.honor_inner  .recommended a.image{display: block;position:relative;}
.honor_inner  .recommended .rec_pro .layer{position:absolute;width:100%;height:20%;display:block;background: rgba(50, 50, 50, 0.7);left:0;top:80%;
    -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;
    transition: all .5s ease-in-out; padding: 4px 0 ; color: #fff;text-align: center; font-size: 14px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.honor_inner  .pro_inner{ margin-top: 30px; background: #fff;padding: 10px 20px;}
.honor_inner  .pro_inner h4{ color: #0aac84;padding-bottom: 10px; border-bottom: 1px #e4eaec solid;}
.honor_inner  .pro_inner .line{width: 100px; border-top: 2px #0aac84 solid; }
.honor_inner  .pro_inner .pro_incon{ line-height: 2; padding: 20px ; color: #464646;}




/* 点击小图切换大图 */
.MagicZoomBigImageCont { border:1px solid #3dc094;  background:#FFF;  }
.MagicZoomMain {  text-align: center !important;  width: 92px;  }
.MagicZoomMain div {  padding: 0px !important;  }
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {  font:10px Tahoma, Verdana, Arial, sans-serif;  color:#fff;  background:#3dc094;  text-align:center !important;  }
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {  border: 		0px solid #aaa;  background: #ffffff;  }
/* CSS style for loading animation box */
.MagicZoomLoading {  text-align:center;  background:#ffffff;  color:#444;  border: 1px solid #ccc;  opacity:0.8;  padding:3px 3px 3px 3px !important;  display: none; /* do not edit this line please */  }
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {  padding-top:	3px !important;  }

#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:100%;position:relative;border:1px solid #CCC;font-size:12px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;width: 100% ; height: 100%;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.jpg) no-repeat left center;position:absolute;top:0px;left:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.jpg) no-repeat right center;position:absolute;top:0px;right:8px;cursor:pointer;}
#tsShopContainer #tsPicContainer{width:100%;height:120px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;width:90%!important;top:10px;left:35px;height:120px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:131px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #e4e4e4;display:block;width:125px;height:100px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:1px solid #3dc094;margin:0px;}
/* 点击小图切换大图 END */


.honor_inner li img{width: 100%; }
.honor_inner li .news{ background-color: #fff;padding: 10px 20px;}
.honor_inner li .news time{ color: #767676;margin-bottom: 10px;display: block;}
.honor_inner li .news h4{ padding:10px 0;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;  }
.honor_inner li .news p{ text-align: left;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden; color: #767676; }
.honor_inner .news_inner h3{ padding: 0 15px;}
.honor_inner .news_inner  span{display: block; padding: 20px 0; border-bottom: 1px #757575 dashed; color: #757575;}
.honor_inner .news_inner .news_con{ padding:20px;line-height: 2; color: #757575 ;}


.honor_inner .page-content-menu{display:block;width:100%; overflow:hidden;}
.honor_inner .page-content-menu li{ position:relative;}
.honor_inner .page-content-menu li a{font-size:18px; line-height:48px;color:#fff;display:block;cursor:pointer; text-decoration:none; outline:none;letter-spacing: 0.2em;}
/*.page-content-menu li a:hover{color:#d54b00;}*/
.honor_inner  .page-content-menu .nav_li{font-size:18px; line-height:48px; color:#fff;display:block;cursor:pointer; text-decoration:none;
    outline:none;letter-spacing: 0.2em; background-color: #808080; margin-bottom: 5px;-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */}
.honor_inner  .page-content-menu .nav_li span{padding: 0 9.8%;}
.honor_inner  .page-content-menu .sec-menu{display:none;width:100%;}
.honor_inner  .page-content-menu .sec-menu li{width:100%;border:1px solid #c4c4c4; margin-bottom: 10px;}
.honor_inner .page-content-menu .sec-menu li a{display:block;font-size:16px; line-height:48px; color:#656565;background:#f2f2f2 !important;}
.honor_inner .page-content-menu .sec-menu li a p{width: 308px; display: inline-block;*display:inline;*zoom:1;text-align: center;}

.honor_inner  .page-content-menu .thr-menu{display:none;}
.honor_inner .page-content-menu .thr-menu li{border-top:10px solid #fff; border-bottom:none;position:relative;background-color: #fff;}
.honor_inner .page-content-menu .sec-menu .e_li .thr-menu li>p{ margin: 0 100px;font-size:14px;line-height: 28px; color: #6b6b6b;text-align: left;}
.honor_inner .page-content-menu .sec-menu .e_li .thr-menu li>a:hover{color:#d54b00;}

.honor_inner .page-content-menu li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  color: #656565;  -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;  }
.honor_inner .page-content-menu li i.fa-chevron-down {  right: 12px;  left: auto;  font-size: 16px;  }
.honor_inner .sec-menu li i { position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  color: #6a6565;  -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;  }
.honor_inner .sec-menu li i.fa-chevron-down {  right: 6.2%;  left: auto;  font-size: 16px;  }
.honor_inner .sec-menu li a.open i {color: #6a6565;  }
.honor_inner .sec-menu li a.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);  }
.honor_inner .text_rec{display: none;}


.pro_nav{ background: #f5f5f5;}
.pro_nav .pro_nav1{ width: 87.5% ;float: left;}
.pro_nav .pro_nav1  .pro1{width: 100%;}
.pro_nav .pro_nav1  .pro1 .pro_h{ width: 14.28%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
.pro_nav .pro_nav1  .pro1 .pro_h p{ text-align: center; font-size: 28px; color: #7fa7ae;padding-top:20px;}
.pro_nav .pro_nav1  .pro1 .pro_h span{ text-align: center; font-size: 14px; display: block;color: #7fa7ae; padding: 10px 0;}
.pro_nav .pro_nav1 .pro1 li {width: 14.28%; float: left;background: #7fa7ae;padding: 10px 0; border-right: 1px #fff solid; vertical-align:middle;height: 130px; position: relative}
.pro_nav .pro_nav1 .pro1 li a{  display: block; position: absolute; top: 50%; margin: -28% 0 0 0; width: 100%;}
.pro_nav .pro_nav1 .pro1 li p{ text-align: center; font-size: 16px;color: #fff;padding:0 10px;}
.pro_nav .pro_nav1 .pro1 li span{text-align: center; font-size: 10px; color: #fff; padding: 10px 0; display: block;padding: 10px;}

.pro_nav .pro_nav1  .pro2{width: 100%;}
.pro_nav .pro_nav1  .pro2 .pro_h{ width: 14.28%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
.pro_nav .pro_nav1  .pro2 .pro_h p{ text-align: center; font-size: 28px; color: #d3c5aa;padding-top:20px;}
.pro_nav .pro_nav1  .pro2 .pro_h span{ text-align: center; font-size: 14px; display: block;color: #d3c5aa; padding: 10px 0;}
.pro_nav .pro_nav1 .pro2 li {width: 14.28%;  float:left;background: #d3c5aa;padding: 10px 0; border-right: 1px #fff solid; vertical-align:middle;height: 130px;position: relative;}
.pro_nav .pro_nav1 .pro2 li a{  display: block; position: absolute; top: 50%; margin: -25% 0 0 0; width: 100%;}
.pro_nav .pro_nav1 .pro2 li p{ text-align: center; font-size: 16px;color: #fff;padding:0 10px;}
.pro_nav .pro_nav1 .pro2 li span{text-align: center; font-size: 10px; color: #fff; padding: 10px 0; display: block;padding: 10px;}

.pro_nav .pro_nav1  .pro3{width: 100%;}
.pro_nav .pro_nav1  .pro3 .pro_h{ width: 14.28%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
.pro_nav .pro_nav1  .pro3 .pro_h p{ text-align: center; font-size: 28px; color: #63514e;padding-top:20px;}
.pro_nav .pro_nav1  .pro3 .pro_h span{ text-align: center; font-size: 14px; display: block;color: #63514e; padding: 10px 0;}
.pro_nav .pro_nav1 .pro3 li {width: 14.28%; float:left; background: #63514e;padding: 10px 0; border-right: 1px #fff solid; vertical-align:middle;height: 130px;position: relative;}
.pro_nav .pro_nav1 .pro3 li a{  display: block; position: absolute; top: 50%; margin: -15% 0 0 0; width: 100%;}
.pro_nav .pro_nav1 .pro3 li p{ text-align: center; font-size: 16px;color: #fff;padding:0 10px;}
.pro_nav .pro_nav1 .pro3 li span{text-align: center; font-size: 10px; color: #fff; padding: 10px 0; display: block;padding: 10px;}

.pro_nav .pro_nav1  .pro4{width: 100%;}
.pro_nav .pro_nav1  .pro4 .pro_h{ width: 14.28%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
.pro_nav .pro_nav1  .pro4 .pro_h p{ text-align: center; font-size: 28px; color: #7ea7af;padding-top:20px;}
.pro_nav .pro_nav1  .pro4 .pro_h span{ text-align: center; font-size: 14px; display: block;color: #7ea7af; padding: 10px 0;}
.pro_nav .pro_nav1 .pro4 li {width: 14.28%; float:left; background: #7ea7af;padding: 10px 0; border-right: 1px #fff solid; vertical-align:middle;height: 130px;position: relative;}
.pro_nav .pro_nav1 .pro4 li a{  display: block; position: absolute; top: 50%; margin: -15% 0 0 0; width: 100%;}
.pro_nav .pro_nav1 .pro4 li p{ text-align: center; font-size: 16px;color: #fff;padding:0 10px;}
.pro_nav .pro_nav1 .pro4 li span{text-align: center; font-size: 10px; color: #fff; padding: 10px 0; display: block;padding: 10px;}

.pro_nav .link{ float: left;width:12.5%;padding-left: 20px;}
.pro_nav .link p{  font-size: 24px;}
.pro_nav .link a{ margin: 15px 0;display: block;font-size: 16px; text-align:left;}



.pagination{text-align: center;font-size: 0; margin: 30px 0;display: block;}
.pagination a{font-size: 14px; background-color: #fff;display: inline-table;padding: 3px 10px; margin:0 5px;line-height: 25px;color: #333;}
.pagination a.active{color:#fff;background:#0aac84;}

.prev_next{position:relative;margin:30px 0; line-height: 2;}
.prev_next a{padding:3px 10px;position:absolute;}
.prev_next a.left{left:0;}
.prev_next a.right{right:0;}


@media (max-width: 480px) {
    .index_about{ background: url("../images/index_about_bgxs.png")center center no-repeat;padding-bottom: 0;}
    .index_ad .ad .ad_p{  margin-left: 4%;}
    .index_ad_h img{width: 100%;}
    .index_ad .ad .ad_h h2{ font-size: 24px;}
    .index_ad .index_pro_h img{width: 100%}
    .index_ad .index_pro2 .layer{ position: absolute;top:55%; padding: 20px;}
    .index_news .index_news_right{ margin-top: 30px;}
    .index_team{ margin-top: 0px!important;}
    .index_mess{ background: none;}
    .index_mess .index_mess_left{ background: url("../images/index_messleft_bg.png")no-repeat;}
    .index_mess .index_mess_right{ background: url("../images/index_messright_bg.png")no-repeat;}
    .index_mess .index_mess_left .online_mess p{ font-size: 30px; margin:0px; color: #ec651f;}
    .index_mess .index_mess_right p{ line-height: 2;padding: 10px 0;}
    .inner_nav a{ width: 46%; margin: 0 1.5%;}
    .about p{ padding: 20px;}
    .ab_speech p{ padding:10px 0;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 6;  overflow: hidden;  }
    .ab_de{ padding: 40px 0;}
    .ab_de .de .de_right h3{ padding: 0;}
    .ab_de .de .de_right{ padding:50px 50px;}
    .ab_de .de .de_right p{ padding-right:0;}
    .honor_inner .lolocation a{ margin: 0 5px;}
    .honor_inner .pro_con{ min-height: 270px;}
    .honor_inner  .recommended .rec_pro { padding-left:5px; padding-right: 5px; margin: 15px 0;}
    .honor_inner .page-content-menu .sec-menu .e_li .thr-menu li>p{ margin: 0 15px;}


    .pro_nav .pro_nav1  .pro1 .pro_h{ width: 100%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
    .pro_nav .pro_nav1 .pro1 li {width: 33.333%; float: left;background: #7fa7ae;padding: 10px 0; border-right: 1px #fff solid;border-bottom: 1px #fff solid; vertical-align:middle;height: 130px; position: relative}
    .pro_nav .pro_nav1 .pro1 li a{  display: block; position: absolute; top: 17%; margin: -2% 0 0 0; width: 100%;}

    .pro_nav .pro_nav1  .pro2 .pro_h{ width:100%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
    .pro_nav .pro_nav1 .pro2 li {width: 33.333%;  float:left;background: #d3c5aa;padding: 10px 0; border-right: 1px #fff solid;border-bottom: 1px #fff solid;  vertical-align:middle;height: 130px;position: relative;}
    .pro_nav .pro_nav1 .pro2 li a{  display: block; position: absolute; top: 29%; margin: -6% 0 0 0; width: 100%;}

    .pro_nav .pro_nav1  .pro3 .pro_h{ width: 100%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
    .pro_nav .pro_nav1 .pro3 li {width:33.333%; float:left; background: #63514e;padding: 10px 0; border-right: 1px #fff solid;border-bottom: 1px #fff solid;  vertical-align:middle;height: 130px;position: relative;}
    .pro_nav .pro_nav1 .pro3 li a{  display: block; position: absolute; top: 46%; margin: -15% 0 0 0; width: 100%;}


    .pro_nav .pro_nav1  .pro4 .pro_h{ width: 100%;float: left;background: #fcfbf0 ; border-top: 1px #efefe4 solid;height: 130px; }
    .pro_nav .pro_nav1 .pro4 li {width:33.333%; float:left; background: #7fa7ae;padding: 10px 0; border-right: 1px #fff solid;border-bottom: 1px #fff solid;  vertical-align:middle;height: 130px;position: relative;}
    .pro_nav .pro_nav1 .pro4 li a{  display: block; position: absolute; top: 46%; margin: -15% 0 0 0; width: 100%;}



    .pro_nav .pro_nav1{ width:100%;}
    .pro_nav .link{ width:100%;padding-left: 20px; margin-top: 20px;}
    .pro_nav .link p{  font-size: 20px;}
    .pro_nav .link a{ margin: 15px 0;display: block;font-size: 14px; text-align:left;width: 33.33%!important;float: left;}

}

@media (max-width: 768px) {
    section{padding:20px 0;}
    .index_team{ margin-top: 60px;}

    .pro_nav .pro_nav1{ width:100%;}
    .pro_nav .link{ width:100%;padding-left: 20px; margin-top: 20px;}
    .pro_nav .link p{  font-size: 20px;}
    .pro_nav .link a{ margin: 15px 0;display: block;font-size: 14px; text-align:left;width: 20%;float: left;}

    .pro_nav .pro_nav1 .pro1 li a{  display: block; position: absolute; top: 16%!important; margin: -2% 0 0 0; width: 100%;}
    .pro_nav .pro_nav1 .pro2 li a{  display: block; position: absolute; top: 24%!important; margin: -6% 0 0 0; width: 100%;}

}

@media (min-width: 768px){
    section{padding:20px 0;}
    .index_about .show-xs{ width: 75%;}


}

@media (min-width: 992px){
    section{padding:50px 0;}

}

@media (min-width: 1200px){

    .index_news .index_news_left{ background: #fff; padding: 15px; width: 48%; margin-right: 2%;}


}

