@charset "utf-8";
/* CSS Document */
.Rany-Regular {
    font-family: "Rany-Regular", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
}

.Rany-Bold {
    font-family: "Rany-Bold", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
}

.Rany-Italic {
    font-family: "Rany-Italic", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
}

.Rany-Light {
    font-family: "Rany-Light", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
}

.Rany-Medium {
    font-family: "Rany-Medium", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
}


@font-face {
    font-family: "Rany-Regular";
    src: url(../fonts/Rany.ttf);
}

@font-face {
    font-family: "Rany-Bold";
    src: url(../fonts/Rany-Bold.ttf);
}

@font-face {
    font-family: "Rany-Italic";
    src: url(../fonts/Rany-Italic.ttf);
}

@font-face {
    font-family: "Rany-Light";
    src: url(../fonts/Rany-Light.ttf);
}

@font-face {
    font-family: "Rany-Medium";
    src: url(../fonts/Rany-Medium.ttf);
}
body{
	font-size:1rem;
	line-height:1.75rem;
	font-family: 'Microsoft Yahei','微软雅黑', Arial, Helvetica, sans-serif;
	color:#333333;
	padding:0;
	margin:0;
}
*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
ul,li{
	list-style:none;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
a:link,a:visited{
	color:#333333;
	text-decoration:none;
}
img {
    border: none;
    display: block;
    max-width: 100%;
	vertical-align:middle;
}

.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.width-auto{
	width:96%;
	max-width:1200px;
	margin:0 auto;
}
.pc_screen,.banner_wrap .pc_screen{
	display:block;
}
.wap_screen,.banner_wrap .wap_screen{
	display:none;
}
.header_right .mdui-btn{
	display:none;
}
.header .logo{
}
.header_box{
	-webkit-justify-content: space-between;
    justify-content: space-between;
}
.logo_text{
	margin:1.5rem 0 0 0.325rem;
}
.logo_text_cn{
	font-weight:600;
	font-size:2.125rem;
}
.logo_text_en{
	font-weight:600;
	font-size:0.825rem;
}
.searchnav{
	margin-top:25px;
}
.searchnav .input{
	border:#cdcdcd 1px solid;
	line-height:35px;
	padding-left:0.25rem;
}
.searchnav .search_btn{
	width:100px;
	background:rgb(0,113,0);
	color:#ffffff;
	line-height:35px;
	border:0;
	text-align:center;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
	cursor:pointer;
	font-size:1rem;
}
.searchnav .search_btn:hover{
	background:rgb(45, 181, 45);
}
.header_right .header_phone{
	font-size:1rem;
	padding:1.25rem 0 0;
	line-height:2.25rem;
}
.header_phone .icon-dianhua{
	font-size:1.25rem;
	color:rgb(0,113,0);
	margin-right:0.25rem;
}
.header_right .header_phone span{
	font-size:1.625rem;
	color:rgb(0,113,0);
}
.header_menu_wrap{
	width:100%;
	background:rgb(0,113,0)
}
.header_menu_box{
	justify-content: space-between;
    -justify-content: space-between;
}
.header_menu_item{
	width:10%;
	position:relative;
}
.header_menu_item a{
	display:inline-block;
	width:100%;
	text-align:center;
	color:#FFF;
	line-height:3.75rem;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.header_menu_item_active a{
	background:rgb(45, 181, 45);
}
.header_menu_item a:hover{
	background:rgb(45, 181, 45);
}
.header_menu_item ul{
	display:none;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.header_menu_item:hover ul{
	display:block;
	position:absolute;
	left:0;
	top:3.75rem;
	width:100%;
	z-index:9999;
}
.header_menu_item:hover ul li{
	width:100%;
	background:#ffffff;
}
.header_menu_item:hover ul li a{
	line-height:2.125rem;
	background:#ffffff;
	font-size:0.9375rem;
	color:#333333;
	padding:0 0.625rem;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.header_menu_item:hover ul li a:hover{
	background:rgb(45, 181, 45);
	color:#ffffff;
	line-height:2.125rem;
}
.banner_wrap{
	width:100%;
}

/*--内容部分代码--*/
.html_page{
	width:100%;
	background:#f5f2f3;
}
/*--index首页--*/
.index_notice_wrap{
	width:100%;
	background:#666;
	padding:0.325rem 0;
	color:#ffffff;
}
.index_notice_box{
	vertical-align:middle;
}
.index_notice_box .icon-gonggao{
	font-size:1.5rem;
	line-height:35px;
}
.index_notice_title{
	font-weight:bold;
	margin:0 0.5rem;
	line-height:35px;
}
.index_notice_head{
	width:120px;
}
.txtMarquee-left{ width:80%;  position:relative;}
.txtMarquee-left .bd{}
.txtMarquee-left .bd .tempWrap{ width:1000px!important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:35px; line-height:35px;  text-align:left; _display:inline; width:auto !important;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{
	color:#ffffff;
}
.txtMarquee-left .bd ul li span{
	font-size:0.75rem;
	color:#ffffff;
	margin-left:0.625rem;
	}

.index_news_wrap{
	width:100%;
	background:#ffffff;
	padding:4.625rem 0;
}
.index_news_box,.public_head_box,.index_honor_box{
	justify-content: space-between;
    -justify-content: space-between;
}
.public_head_box{
	margin-bottom:1.25rem;
}
.public_name_cn{
	font-weight:600;
	color:rgb(0,113,0);
	font-size:1.125rem;
	line-height:1.625rem;
}
.public_name_en{
	font-size:0.8725rem;
	line-height:1rem;
}
.index_news_pic{
	width:50%;
}
#full-screen-slider { width:100%; height:400px; position:relative}
#slides { display:block; width:100%;height:100%;list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#full-screen-slider #pagination { display:block; width:100%; list-style:none; position:absolute; left:0;bottom:0;z-index:100000;margin:0; text-align:center;}
#pagination li { display:inline-block; list-style:none; width:10px; height:10px;margin-left:8px;background:#FFF }
#pagination li a { display:inline-block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#2db52d;}
.index_news_item{
	width:48%;
}
.index_news_list{
	width:100%;
	overflow:hidden;
	border-bottom:#d8d8d8 1px dotted;
	position:relative;
	padding-left:0.75rem;
}
.index_news_list::after{
	content:'';
	position:absolute;
	left:0.125rem;
	top:0.875rem;
	width:0.375rem;
	height:0.375rem;
	border-radius:50%;
	background:rgb(0,113,0);
}
.index_news_list a{
	width:100%;
	line-height:2.125rem;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.index_news_list a:hover{
	color:rgb(45, 181, 45);
}
.index_news_list .index_news_name{
	display:inline-block;
}
.index_news_list .index_news_date{
	display:inline-block;
	text-align:right;
	font-size:0.75rem;
	color:#999999;
}
.index_news_list:first-child .index_news_demo{
	display:block;
	font-size:0.875rem;
	color:#666666;
	line-height:1.25rem;
}
.index_news_demo{
	display:none;
}
.index_honor_wrap{
	width:100%;
	padding:4.625rem 0;
	background:url(../images/index_honor_back.jpg) center center no-repeat;
	background-size:cover;
}
.index_honor_test{
	width:65%;
	background:#ffffff;
	padding:1.5rem;
}
.index_honor_cert{
	width:32%;
	background:#ffffff;
	padding:1.5rem;
}
.index_honor_pic{
	padding-bottom:130%;
}
.txtMarquee-top .icon-jishiben{
	font-size:1.25rem;
	line-height:35px;
	margin-right:0.25rem;
}
.txtMarquee-top{ 
	width:100%;
	overflow:hidden;
	position:relative;
	}
.txtMarquee-top .infoList li{
	height:35px;
	line-height:35px;
	border-bottom:#cdcdcd 1px dotted;
	}
.txtMarquee-top .infoList li a:hover{
	color:#2db52d;
}
.public_head{
	width:100%;
	text-align:center;
}
.index_service_wrap,.index_case_wrap{
	width:100%;
	background:#ffffff;
	padding:4.625rem 0;
}
.index_service_box{
	width:100%;
}
.index_service_box .swiper{
	padding:2rem 0.5rem;
}
.index_service_list a{
	display:block;
	text-align:center;
	background:#ffffff;
	box-shadow: 0 0 0.25rem rgba(0, 0, 0, .1);
	padding:3.25rem 1.5rem;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.index_service_list a:hover{
	box-shadow: 0 0 0.25rem rgba(45, 181, 45, .3);
}
.index_service_img{
	display:inline-block;
	margin:0 auto;
}
.index_service_name{
	margin:1rem 0;
	text-align:center;
}

.index_service_box .swiper-pagination{
	bottom:-0.5rem;
}
.index_service_btn{
	display:inline-block;
	border:#cdcdcd 1px solid;
	border-radius:25px;
	font-size:0.875rem;
	letter-spacing:1px;
	text-transform:uppercase;
	padding:0.25rem 1.5rem;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.index_public_btn_box {
    width: 2.6041666vw;
    height: 2.6041666vw;
    background: #d6d6d6;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    outline: none;
    margin-right: 0.5208333vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_public_btn_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #14957d;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_public_btn_box:hover {
    background: none;
}

.index_public_btn_box:hover:after {
    -webkit-transform: none;
    transform: none;
}

.index_public_btn_box:last-child {
    margin-right: 0;
}
.index_pro_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_public_btn_icon {
    width: 32%;
    position: relative;
    z-index: 9;
}

.index_public_btn_icon svg {
    fill: #ffffff;
    width: 100%;
    height: 100%;
}
.index_case_content{
	display:inline-block;
	width:100%;
	padding:2rem 0;
	-webkit-align-items: center;
    align-items: center;
	text-align:center;
}
.index_case_content img{
	display:inline-block;
	width:100%;
	text-align:center;
}
.index_lab_wrap{
	width:100%;
	background:rgb(0,113,0);
	padding:2.5rem 0;
}
.slideGroup{ width:100%; border:1px solid #ddd; text-align:left;  }
.slideGroup .parHd{ height:45px; line-height:45px; background:#f4f4f4; position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:-1px; top:-1px; height:45px;   }
.slideGroup .parHd ul li{ float:left; padding:0 25px; background:#14652d;color:#FFF; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:45px;  background:#2db52d; color:#FFF;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:20px; position:relative; background:#ffffff;}


.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:220px;height:150px;display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;}



.Contentbox{
	width: 100%;
	background: #ffffff;
	padding: 1.5rem;
}
/*--内页--*/
.contentnav_box{
	padding:1.5rem 0;
	justify-content: space-between;
    -justify-content: space-between;
}
.contentnav_left{
	width:23%;
}
.contentnav_left_head{
	width:100%;
	background:rgb(0,113,0);
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	padding:1rem 0;
}
.contentnav_left_cn{
	font-size:1.25rem;
	font-weight:600;
}
.contentnav_left_en{
	font-size:0.825rem;
	text-transform:uppercase;
}
.contentnav_list_box{
	background:#FFF;
}
.contentnav_list_item a{
	display:inline-block;
	width:100%;
	line-height:3.125rem;
	padding-left:1.25rem;
	border-bottom:#ececec 1px solid;
	-webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.contentnav_list_item a:hover{
	color:#ffffff;
	background:rgb(45, 181, 45);
}
.contentnav_list_item a.on{
	color:#ffffff;
	background:rgb(45, 181, 45);
}
.contentnav_right{
	width:75%;
	background:#FFF;
	padding:2.25rem 1.875rem;
}

.contentnav_title{
	font-size:1.85rem;
	line-height:2.65rem;
	font-weight:600;
	text-align:center;
	border-bottom:#ececec 1px solid;
	padding-bottom:1.25rem;
	margin-bottom:0.8725rem;
}
.contentnav_update{
	text-align:center;
	color:#666666;
	margin-bottom:0.625rem;
}
.contentnav_detail h3{
	padding:0.625rem 0;
	text-align:center;
	color:rgb(0,113,0);
	font-weight:600;
}
.contentnav_detail{
	margin-bottom:2rem;
}
.contentnav_line{
	width:100%;
	height:1px;
	border-bottom:#cdcdcd 1px dotted;
	margin:1rem 0;
}
.productView_table_wrap table {
    width: 100%;
    border-collapse: collapse;
}

.productView_table_wrap td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.productView_table_wrap tr td {
    border: 1px solid #cdcdcd;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
}

.productView_table_wrap tr td {
    color: #222222;
}

.productView_table_wrap td.selectTdClass {
    color: #595757;
}

.productView_table_wrap tr:nth-child(odd) td {
    background: #f7f8fa;
}

.productView_table_wrap tr:nth-child(even) td {
    background: #fff;
}

.productView_table_wrap tr:first-child td {
    font-size: 1.25rem;
    font-weight: bold;
    color: #000000 !important;
    background:#e6e8ec;
}
.productView_table_wrap tr.green_title td{
    font-size: 1rem;
    font-weight: bold;
    color: #000000;
    background:#e6e8ec;
}
.productView_table_wrap tr.red_text td{
   color:#ff0000;
   font-size: 1rem;
   font-weight: 700;
}
.productView_table_wrap table {
    margin-bottom: 40px;
}

.productView_table_wrap table tr:first-child td {
    font-size:1.25rem;
    line-height:1.375rem;
    padding:0.75rem 0.35rem;
}

.productView_table_wrap table td {
    padding:8px;
}


.productView_table_wrap table .small_fontsize_tr td {
    font-size:0.875rem;
}
.index_title{text-align:center;margin-bottom:2rem;}
.title_line{ display:inline-block;border-bottom:#cdcdcd 1px solid;height:1rem;padding:0 3.5rem;}
.title_line span{ display:inline-block;background: #ffffff;font-size:2.625rem; font-weight:500;letter-spacing:10px;padding:0 4.25rem;}
.title_en{font-size:1.5rem;color:#999;text-transform:uppercase;font-family:'DIN-Regular.otf'; font-weight:normal;margin:.5rem 0 1rem;}
.title_line .bggrey{background: #f5f5f5;}

.project_item_box{
	width:100%;
	background:#ffffff;
	padding:2.25rem;
}
.project_item_list{
	width:49%;
	margin-right:2%;
}
.project_item_list:nth-child(2n){
	margin-right:0;
}
.project_item_pic{
	position:relative;
	overflow:hidden;
}
.project_item_pic img{
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.project_item_list:hover .project_item_pic img{
	-webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.project_item_title{
	line-height:2.85rem;
	text-align:center;
}
.news_list {
	display: inline-block;
	width:100%;
	line-height:2.625rem;
	border-bottom:#d8d8d8 1px dotted;
	position:relative;
}
.news_list::before{
	position:absolute;
	content:"";
	width:6px;
	height:6px;
	border-radius:3px;
	background:rgb(0,113,0);
	top:1.2rem;
}
.news_list a{
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.news_list a:hover{
	color:rgb(0,113,0);
}
.news_list_name{
	display:inline-block;
	width:80%;
	padding-left:1rem;
	line-height:2.625rem;
}
.news_list_date{
	display:inline-block;
	width:20%;
	text-align:right;
	line-height:2.625rem;
}
.back{
	text-align:center;
	vertical-align:middle;
}
.back a{
	display:inline-block;
	padding:0.25rem 2.5rem;
	border-radius:25px;
	background:#ececec;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.back a:hover{
	background:rgb(0,113,0);
	color:#ffffff;
}
.posts_b{
	border-top:#d8d8d8 1px solid;
	margin-top:1.125rem;
	padding-top:1.125rem;
}
.posts_b .bb{
	font-size:0.8725rem;
}
.posts_b .bb a{
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.posts_b .bb a:hover{
	color:rgb(0,113,0);
	text-decoration:underline;
}
.quickmenu_wrap{
	background:url(../images/left_contact_bg.jpg) left top no-repeat;
	background-size:cover;
	text-align:center;
	padding:3rem 0 2.25rem;
}
.quickmenu_img{
	width:50%;
	margin:0 auto;
	color:rgb(0,113,0);
	font-weight:bold;
}
.quickmenu_name{
	font-weight:bold;
	color:rgb(0,113,0);
}
.quickmenu_phone{
	width:80%;
	margin:0.5rem auto;
	border-radius:1.34rem;
	font-size:1.25rem;
	line-height:2.68rem;
	background:rgb(0,113,0);
	color:#ffffff;
}
.quickmenu_phone .icon-dianhua{
	font-size:1.625rem;
	line-height:2.68rem;
	margin-right:0.25rem;
}
.photo_list .news_list_name{
	width:100%;
	font-size:0.8725rem;
	line-height:2.2rem;
	padding:0;
}
.photo_list .news_list_date{
	font-size:0.725rem;
	width:100%;
	text-align:left;
	line-height:1.65rem;
	padding:0;
	margin:0;
}
.photo_list{
	width:30%;
	margin-top:2%;
	margin-right:3%;
}
.photo_list:nth-child(3n){
	margin-right:0;
}
.photo_list_img{
	padding-bottom:68%;
}
.search_list h3{
	font-size:1.125rem;
	font-weight:bold;
	line-height:2.85rem;
	border-bottom:#cdcdcd 1px solid;
}
.search_list ul li {
	display: inline-block;
	width:100%;
	padding-left:0.25rem;
	line-height:2.625rem;
	border-bottom:#d8d8d8 1px dotted;
	position:relative;
}
.search_list ul li::before{
	position:absolute;
	content:"";
	width:6px;
	height:6px;
	border-radius:3px;
	background:rgb(0,113,0);
	top:1.2rem;
}
.search_list ul li a{
	padding-left:1rem;
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.search_list ul li a:hover{
	color:rgb(0,113,0);
}
.index_link a{
	-webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.index_link a:hover{
	color:rgb(0,113,0);
	text-decoration:underline;
}
.menu_list{width:100%;}
.menu_head{width:100%;cursor:pointer;position:relative;background:url(../images/pro_left.png) center right no-repeat #f2f2f2;padding:3rem 0;margin:3rem 0 0; display:flex;}
.menu_head1{width:100%;cursor:pointer;position:relative;background:url(../images/pro_left.png) center right no-repeat #cdcdcd;padding:3rem 0;margin:3rem 0 0; display:flex;}

.menu_list .joinname{width:40%; font-size:24px; color:#333;display: inline-block;padding-left:5%;}
.menu_list .joincon{width:45%; font-size:14px;color:#666;line-height:24px;display:inline-block;padding:0 5%;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.menu_list .current{
	background:url(../images/pro_down.png) center right no-repeat #2DB52D;
	transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
	}
.menu_list .current .joinname{color:#FFF;}
.current .joincon{display:none;}
.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px; background:#f2f2f2;padding:5%;}
.menu_body a{display:block;line-height:38px;}
.menu_body a:hover{text-decoration:none;}
/*--footer--*/
.footer{
	width:100%;
	background:rgb(153,153,153);
	padding:1rem 0
}
.copyright{
	text-align:center;
	color:#ffffff;
}
.copyright a{
	color:#ffffff;
}