@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
@import url(color_links.css);
@import url(body.css);
@import url(swiper.min.css);
a{ text-decoration: none;}
.logo{ background: url(../img/logo.svg) ; width: 180px; height: 75px; background-size:auto 62px ;  float: left; margin: 0 0 0 20px; background-repeat: no-repeat; background-position:0 center;}
img{ vertical-align: bottom;}
.banner a>img{ object-fit: cover; width: 100%; height:100vh ;}
.banner_cy img{ height:400px ;object-fit: cover; width: 100%;}
.banner .swiper-pagination-bullet-active{ width: 40px; border-radius: 8px;}
.r_ss{ position: relative; display: inline-block; margin-right: 20px;margin-left: 10px;}
.r_ss i{ width: 28px; height: 38px; line-height: 38px; background-image: url(../img/icon_search.svg); background-repeat:  no-repeat; background-position:  center center; display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 10px; text-align: center;}
.header{transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out; position: fixed; top:0; left: 0; width: 100%; z-index: 10; background-color: rgba(255, 255, 255, 0); z-index: 99; }
.r_ul{ float: right; font-size: 16px; margin-top: 12px;}
.header.this,.rnav_this .header{ background-color: rgba(255, 255, 255, 1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    }.this .r_ss.this i::before{ color: #000;}
.header.this .logo ,.rnav_this .header .logo{
    background-image: url(../img/logo_.svg);}
    .this .r_ss i,.rnav_this .r_ss i{  background-image: url(../img/icon_search_.svg) }
    .header.this ,.header.this  a{ color: #000;}
.r_ul a{ color:#fff; padding: 15px 15px; display: inline-block;}
.r_ss_k{ display: none; width: 320px; position: absolute; right: 50px; top:0;    border-radius: 18px;  overflow: hidden;   -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1);
     }
.r_ss_k input{  float:left; height: 36px; outline: none; border: none; width: calc(100% - 66px); text-indent:16px; padding: 0;}
.r_ss_k button{  border-radius:0 18px 18px 0; color: #fff; background-color: #27b185;     background: linear-gradient(90deg, #42B6B2, #49B68D); float:left;height: 36px; width: 66px; border: none; cursor: pointer;}
.r_ss.this .r_ss_k{ display: block;}
.r_ss.this i{ background: none; }
.r_ss.this i::before{ content: "×"; color: #fff; font-size: 28px; text-align: center;}
.bg{ width: 1200px;}
.gonggao_t{  position:absolute; left: 0; top:10px;
	font-size: 18px;
	 
	font-weight: bold;
	color: #E57300;}
	.gonggao_c a{width: 33%; display: inline-block;
		height: 20px;  overflow: hidden;
		font-size: 15px;
	 
		font-weight: 400;
		color: #4F4F4F;}
.gonggao_w{ border-bottom:1px solid #DEDEDE;}
.gonggao_w .bg{position: relative; }
.gonggao_more{width: 27px;
 
	font-size: 14px;
 
	font-weight: 300;
	color: #989898;width: 46px;
	height: 25px; display: inline-block;
	background: #FFFFFF;
	border: 1px solid #EDEDED;
	border-radius: 13px; text-align: center; line-height: 25px; position: absolute; right: 0; top:8px}
	.gonggao_t i{ display: inline-block; width: 24px; height: 24px;  background: url(../img/igonggao.svg) no-repeat 0 0; vertical-align: middle; position: relative; top:-2px }
	.gonggao_c{ padding: 12px 60px 12px 110px; }
	.img_jiaodan{ width: 650px	; height: 319px; float: left;}
	.img_jiaodan img{ height:319px;object-fit: cover;width: 100%;}
	.img_jiaodan h1{ color: #fff; position: absolute; bottom: 0; left:0; width: 100%; padding:30px 10px 10px 10px; font-size: 18px;    background-color: transparent;
		background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
		background-image: linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);}
	.img_jiaodan .swiper-pagination{ text-align: right; padding-right: 20px; width: calc(100% - 10px);}
	.r_wzhang{ float: right; width: 512px; 
		font-size: 18px;
	 
		font-weight: 400; 
	}	
	.swiper-pagination-bullet{ background-color: #fff;}
	.r_wzhang a{color: #000000;  display: block; padding-right: 60px ;
		}
	.r_wzhang a:hover{color: #05a718;}
	.r_wzhang p{ padding: 0; margin:0 0 13px 0 ; height: 24px; overflow: hidden; display: block; clear: both; position: relative;}
.r_wzhang p span{ float: right;  font-family: Arial, Helvetica, sans-serif;font-weight: normal;
		color: #B7B7B7; padding-top: 2px; position: absolute; right: 0 ; }
.r_wzhang p:nth-of-type(1){ font-size: 26px; font-weight: bold;}
.r_wzhang p:nth-of-type(1) { height: 32px;}
.r_wzhang p:nth-of-type(1) a{color: #05A718;}
.r_wzhang p:nth-of-type(1) a span,.r_wzhang p:nth-of-type(5) a span{ display: none;}
img{ max-width: 100%;}
.r_wzhang p:nth-of-type(4){  margin-bottom:  25px}
.r_wzhang p:nth-of-type(5){font-size: 21px; margin:0 0 10px 0;font-weight: bold; height: 28px;}
.r_wzhang p:nth-of-type(5) a{ }
.f_a_t{ position: relative; float: left;}
.f_a_t,.f_a_t img{ width: 100px; height: 61px;object-fit: cover;}
.f_1 li:nth-of-type(1) .icon_play{display:block; width: 100%; height:  100%;  background:rgba(0, 0, 0, .3) url(../img/i_play.svg) no-repeat center; position: absolute; left: 0; top:0 ; }
.font_18px{ font-size: 18px;}

.wz>div {display: table-cell;vertical-align: middle;}
.wz>div span{display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 3;/*--行数--*/}
.wz{display: table} 
a{color: #000000;}
.f_1 { width: 400px;float: left;}
.f_1 .kin,.f_3 .kin{ padding: 20px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-shadow: 0 0 10px rgba(0,0,0,.1); margin: 10px  0;}
.f_1 li{ height: 70px;border-top: 1px solid #e5e5e5; padding-top: 10px;}
 
.f_1 li:nth-of-type(1) { border-top: none; height: 240px; font-size: 18px; padding-top: 0; }
.wz{ float: left;}

.f_1 li:nth-of-type(1) .f_a_t{ position: relative;}
.f_1 li:nth-of-type(1) .f_a_t,.f_1 li:nth-of-type(1) .f_a_t img{ width: 362px; height: 205px; }

.ititle span{  padding: 10px 0; margin-right: 25px;
	 display: inline-block;
	 font-size: 21px;
	 }
	 .ititle span.this{	border-bottom: 4px solid #05A718; font-weight: bold;}
.wz{ float: right; width: calc(100% - 110px); height: 61px;}
.f_1 li:nth-of-type(1){ position: relative;}
.f_1 li:nth-of-type(1) .wz{ padding:0 10px 0 0 ; width: calc(100% - 10px); height: auto; }
.f_1 li:nth-of-type(1) .wz>div span{text-overflow: ellipsis;
 
	-webkit-line-clamp: 1;/*--行数--*/}
	.f_1 .kin{ padding-bottom: 12px; }
	.f_2 .kin a{border-top: 1px solid #e5e5e5;  display: block; line-height: 46px; height: 46px; overflow: hidden;
		font-size: 18px;}
.f_2 { width: 445px; float: left; margin-left: 25px; float: left;}
.f_2 { width: 445px; float: left; margin-left: 25px; float: left;}
.f_2 .kin a:nth-of-type(1){ border: none; padding-top: 10px; }
.f_2 .kin a:nth-of-type(1),.f_2 .kin a:nth-of-type(2),.f_2 .kin a:nth-of-type(3){ font-weight: bold; }
.f_3{ width:300px  ; float: right;}
.iul_r{ float: right; padding-top: 10px;}
.iul_r a{ color: #757575; padding: 10px 0 10px 20px; display: inline-block; font-size: 14px; font-weight: normal;}
.jt_r{ float: right; width: 8px; height: 8px;  background: url(../img/xx_jt.svg) no-repeat 0 0; margin-top: 24px; }
.icon_x1,.icon_x2,.icon_x3,.icon_x4,.icon_x5,.icon_x6,.icon_x7,.f_3 li img{width: 28px; height: 28px; display: inline-block; vertical-align: middle; position: relative; top:-2px}
.icon_x1{  background: url(../img/xx_1.svg) no-repeat 0 0; }
.icon_x2{  background: url(../img/xx_2.svg) no-repeat 0 0; }
.icon_x3{  background: url(../img/xx_3.svg) no-repeat 0 0; }

.icon_x4{  background: url(../img/sz1.svg) no-repeat 0 0; }
.icon_x5{  background: url(../img/sz2.svg) no-repeat 0 0; }
.icon_x6{  background: url(../img/sz3.svg) no-repeat 0 0; }
.icon_x7{  background: url(../img/sz_4.svg) no-repeat 0 0; }

.f_3 li{ height: 60px; line-height: 60px; border-top:1px solid #e5e5e5}
.f_3 li:nth-of-type(1){ border: none; margin-top: -10px;}
.f_3 dl{ border-top:1px solid #efefef; height: 55px; position: relative; padding-left:48px ;}
.f_3 dt{ position: absolute;  left: 0; top:16px}
.f_3 dt span{border-radius: 5px; 
		background: #1CA223; width: 35px; line-height: 16px;height: 16px;overflow: hidden; text-align: center; color: #fff; display: block;}
		.f_3 a{ display: block;}
.f_3 .kin{ padding-top: 8px; padding-bottom: 10px;  }	
.f_3 .kin ~ .kin{padding-top: 10px;   }
.f_3 dt::after{ content: ""; display: block; width: 20px; height: 7px; background-color: #efefef; margin-top: 3px;}
.f_3 dt::before{ content: ""; display: block; width: 13px; height: 5px;background: url(../img/tag_1.svg) no-repeat 0 0; right: 0; bottom: 6px; position: absolute;}
.f_3 dd{ padding: 10px 0 0 0;text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;/*--行数--*/}
.f_3  dl:nth-of-type(1){ border:none}
.f_3 .this dt span{background: #e57300;}
.f_3 .this dt::before{background: url(../img/tag_2.svg) no-repeat 0 0;}

.f4 li{ position: relative; text-align: center; width: 283px; height: 287px; float: left;margin: 0 11px; position: relative;}
.f4 li::after{ transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;content: ""; display: block;width: 100%; height: 100%; position: absolute;left: 0; top:0; background-color: rgba(28, 18, 1, .4); }
.ix_1,.ix_2,.ix_3,.ix_4{ display: block; width: 80px; height: 80px; margin: 90px auto 0 auto;  }
.ix_1{background: url(../img/i_1.svg) no-repeat  center;}
.ix_2{background: url(../img/i_2.svg) no-repeat center;}
.ix_3{background: url(../img/i_3.svg) no-repeat center;}
 .ix_4{background: url(../img/i_4.svg) no-repeat center;}
 .f4 li a{ position: absolute; top:0; width: 100%; height: 100%; left: 0; text-align: center; z-index: 10; color: #fff; font-size: 16px;}
 .f4 li:hover::after{ background-color: rgba(28, 18, 1, .1); }
 .f4 .kin{ width: 100%; padding: 15px 0;}
 .f4 .kin ul{ margin: 0 -11px;}
 .f4 .ititle{ text-align: center;}
body{ min-width: 1200px;}
em,i{ font-style: normal;}
 /* 底部 */
 .footer{letter-spacing:0; display: block; clear: both; padding:40px 0 30px 0;
	background: #394f6f;}
	.footer, .footer a{ color: #fff;}
	.reweima img{ width:100px ; height: 100px; display: block; margin: 0 auto;}
    .reweima { font-size: 12px; float: right; text-align: center;background-color: #f6f6f6; color:#000;  text-align: center; border-radius: 18px; padding-bottom: 10px; margin-top: -50px;}
    .reweimai{background-color: #fff;padding:10px;border-radius: 18px 18px 0 0; line-height: 14px; }  .reweima p{ margin: 0; padding:0}
	.color_huise{ color: #a5a5a5;}
	.foot_ul a{ display: inline-block; padding: 10px 20px 20px 0 ; font-size: 14px;}
	.foot_ul a::after{ display: inline-block; height: 9px; width: 1px; display: inline-block; margin-left: 20px; content: ""; background-color: #747474;}
	.foot_ul a:nth-last-child(1)::after{ display: none;}
.foot_b{ border-top:1px solid #52627b; padding: 20px 0;}
.footer .logo{ margin: 0 0 20px 0;}
.xlink{ z-index: 10; display: inline-block;width: 163px;
	height: 36px;line-height:36px ; text-indent: 12px; margin-left: 10px;
	background: #37465d;
	border: 1px solid rgba(255, 255, 255, 0.22);
	color: #FFFFFF;
	font-size: 14px; position: relative; margin-top: 10px;}
	.xlink>span::after{ width: 8px;
		height: 8px;
		background: url(../img/xx_jt.svg) no-repeat 0 0; content: ""; display: block; position: absolute; right: 10px; top:50%; margin-top: -4px;}
	.xial{ min-width: 163px;  max-height: 0; overflow: hidden; opacity: 0; 
	 
		background: #37465d;
		border: 1px solid rgba(255, 255, 255, 0.22); position: absolute; bottom:calc(100% - 1px); left:-1px; border-bottom: none;}
.xial a{white-space:nowrap; display: block;	 }
.xlink:hover .xial{   max-height: 1000px;opacity: 1;}

/* 新闻列表 */


.left{ padding-bottom: 30px; float:left; width:236px; margin-top: -50px; z-index: 10; position: relative;}

.left ul{ display:table; width:100%;}

.left ul li{ display:table; width:100%; margin-bottom:2px;}

.left ul li h3{ display:table; width:100%; height:106px;     background-color: #27b185;
    background: linear-gradient(
90deg
, #42B6B2, #49B68D);margin-bottom:1px;}

.left ul li h3 strong{ display:block; margin:23px 0 0 34px; font-size:27px; color:#fff;}

.left ul li h3 small{ display:block; margin:5px 0 0 34px; color:#fff; text-transform:uppercase;}

.left ul li a{ display:block; width:100%; height:53px; background-color:#f5f5f5;

	 transition: all linear .2s;

	 -webkit-transition: all linear .2s;

	 -moz-transition: all linear .2s;

}

.left ul li a span{ display:none; margin:21px 0 0 27px; height:18px; border-left:4px solid #A3A2A2; vertical-align:bottom;}

.left ul li a font{ display:inline-block; margin-top:16px; margin-left:27px; padding-left:16px; font-size:16px; color:#515151; border-left:4px solid #A3A2A2;}

.left ul li a:hover,.left ul li.this a{     background-color: #e7f7f1; }

.left ul li a:hover span,.left ul li.this a span{ border-color:#42B6B2;}

.left ul li a:hover font,.left ul li.this font{ color:#42B6B2; border-color:#42B6B2;}



.left ul li .on{ background-color:#05a718; }

.left ul li .on span{ border-color:#fff;}

.left ul li .on font{ color:#fff; border-color:#fff;}



.right{   width:100%; margin-top:20px;  display:table; min-height: 400px; padding-bottom: 30px;}

.left ~ .right{ float:right; width:900px; }

.mbx{ display:table; width:100%; margin-top:18px; padding-bottom:10px; border-bottom:1px solid #EAEAEA;}

.mbx h2{ float:left; color:#333; font-size:22px;}

.mbx p{ float:right; margin-top:12px;color:#EAEAEA;}

.mbx p a{ display:inline-block; margin-right:10px; color:#A5A5A5; transition: color .3s linear 0s; -webkit-transition: color .3s linear 0s; -moz-transition: color .3s linear 0s;}

.mbx p a:hover{ color:#AD0318;}

.mbx p span{ display:inline-block; margin-right:10px; color:#A5A5A5;}

.mbx p .on{ color:#AD0318;}



.right .jianjie{ width:100%; display:table; padding:40px 0;}

.right .jianjie p{ margin-top:20px; line-height:25px; color:#363636; font-size:13px;}

.right .jianjie .gbleft{ float:left; width:560px;}
.right .jianjie .gbright{ float:right; width:285px; /*margin-left:35px;*/}
.right .jianjie .gbright img{ width:222px !important; height:120px !important;}


.right .gudong{ width:100%; display:table; padding:40px 0;}

.right .gudong dl{ display:table;}

.right .gudong dl dt{ float:left; width:98px;}

.right .gudong dl dd{ float:left; width:747px; margin-left:40px;}

.right .gudong dl dd p{ margin-top:0px !important; line-height:25px; font-size:13px; color:#4B4B4B;}

.right .gudong dl dd p font{ color:#BC041B;}

.right .gudong h4{ width:100%; margin:45px 0; padding-bottom:12px; font-size:15px; font-weight:bold; color:#363636; clear:both; border-bottom:1px solid #E3E3E3;}

.right .gudong p{ width:100%; margin-top:10px; line-height:25px; font-size:13px; color:#4B4B4B;}

.right .gudong p span{ display:inline-block; width:33%;}





.right .aboutus{ width:100%; display:table;}

.right .aboutus ul{  margin-top:57px; display:table;}

.right .aboutus ul li{ float:left; padding-left:35px;  height:85px; border-right:1px solid #DEE4EE; padding-right: 10px;}

.right .aboutus ul li p{ margin-top:10px; color:#828181;}

.right .aboutus ul li p span{ color:#363636;}

 
.right .aboutus ul{display: flex;flex-wrap: wrap;}
.right .aboutus ul li {
 
 
 
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: table-cell;
    width: 1%;
}

.right .aboutus ul .com3{ border:none;}

.right .aboutus .maps{ width:100%; margin-top:60px; height:550px; float:left; padding-bottom:10px; }

.maps .container {
				width: 100%;
				height: 100%;
				float: left;
			}
			
.maps .des {
				float: right;
				width: 48%;
				height: 100%;
				border: 1px dashed #000;
				box-sizing: border-box;
			}
			
.maps .info {
				margin-top: 20px;
				padding-left: 20px;
				color: #cc5522;
				font-size: 20px;
				margin-bottom: 40px;
				text-align: center;
			}
			
			pre {
				font-family: "微软雅黑";
				font-size: 14px;
			}
			
.maps .title {
				font-size: 14px;
				font-weight: bold;
				color: #cc5522;
			}
			
.maps .content_ditu {
				font-size: 13px;
				color: #333;
				margin-top: 6px; display:block;
			}

.maps img{ width: 100%;}

.right .joinus{ width:100%; display:table;}

.right .joinus .td-team{ width:100%; margin-top:30px;}

.right .joinus .td-team img{ margin-bottom:10px;}

.right .joinus .td-team p{ font-size:14px; color:#666666; margin-top:5px; line-height:25px;}



.right .joinus .hd-list{ width:100%; margin-top:40px; display:table;}

.right .joinus .hd-list li{ display:table; width:100%; margin-top:3px;}

.right .joinus .hd-list li h2{ font-size:15px; font-weight:bold; color:#656565; margin-bottom:15px;}

.right .joinus .hd-list .tit{ width:100%; height:50px; background-color:#F2F1F1; transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; cursor:pointer;}

.right .joinus .hd-list .tit h3{ display:inline-block; font-size:18px; color:#505050; line-height:50px; margin-left:30px;}

.right .joinus .hd-list .tit span{ display:inline-block; border-left:1px solid #D1D0D0; margin-left:20px; padding-left:20px; color:#656565;}

.right .joinus .hd-list .tit a{ float:right; margin-right:15px; width:80px; height:50px; line-height:50px; color:#656565; background:url(../images/hs_2.png) no-repeat right center;}

.right .joinus .hd-list .tit:hover{ background-color:#B8041C;}

.right .joinus .hd-list .tit:hover h3{ color:#fff;}

.right .joinus .hd-list .tit:hover span{ color:#fff;} 

.right .joinus .tit:hover a{ color:#fff; background:url(../images/hs_1.png) no-repeat right center;}



.right .joinus .hd-list .info{ width:100%; margin-top:3px; background-color:#F6F6F6; padding:20px 0; display:none;}

.right .joinus .hd-list .info p{ margin-left:30px; margin-top:5px; line-height:25px; color:#515151;}

.right .joinus .hd-list .info p span{ color:#B8041C;}

.right .joinus .hd-list li.active .info{ display:block;}



.fy{ width:100%; display:table; text-align:center; margin:50px 0;}

.fy a{ display:inline-block; color:#333;  transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s;}

.fy a:hover{ background-color:#097c76; color:#fff;}

.fy .on{ background-color:#097c76; color:#fff;}



.right .company{ width:100%; display:table;}

.right .company .co-news{ width:100%; margin-top:30px; display:table;}

.right .company .co-news li{ margin-top:34px; display:table; width:100%; padding-bottom:30px; border-bottom:1px dotted #CFCFCF;}

.right .company .co-news li dl{ width:100%; display:table;}

.right .company .co-news li dl dt{ float:left;  width:170px; height:115px; overflow:hidden; display:none !important;}

.right .company .co-news li dl dt img{  width:170px; height:115px;

 transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);

 transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -webkit-transition: all .3s linear 0s;

 }

.right .company .co-news li dl dt img:hover{ transform:scale(1.0); -moz-transform:scale(1.0); -webkit-transform:scale(1.0); -o-transform:scale(1.0);}

.right .company .co-news li dl dd{ float:right; width:100%;}

.right .company .co-news li dl dd h3 a{ font-size:16px; color:#333333; transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s;}

.right .company .co-news li dl dd h3 a:hover{ color:#CD0620;}

.right .company .co-news li dl dd p{ line-height:25px; color:#A19F9F; margin-top:15px;}

.right .company .co-news li dl dd span{ float:left;}

.right .company .co-news li dl dd span a{ display:block; width:80px; height:20px; margin-top:10px; text-align:center; line-height:20px; color:#737373; background-color:#EEEEEE;

   transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s;}

.right .company .co-news li dl dd span a:hover{ background-color:#CD0620; color:#fff;}

.right .company .co-news li dl dd strong{ float:right; margin-top:11px; font-weight:300 !important; color:#D4031F;}


/*奕华一家*/


.right .yihua{ width:100%; display:table;}

.right .yihua .fnews{ width:100%; margin-top:30px; display:table;}

.right .yihua .fnews li{ margin-top:34px; display:table; width:100%; padding-bottom:15px; border-bottom:1px dotted #CFCFCF;}

.right .yihua .fnews li dl{ width:100%; display:table;}

.right .yihua .fnews li dl dt{ float:left;  width:270px; height:177px; overflow:hidden;}

.right .yihua .fnews li dl dt img{object-fit: cover;  width:250px; height:170px;
}
 
.right .yihua .xuexi_list li dl dt img{ width: 130px; height:130px	;object-fit: contain;}
.right .yihua .xuexi_list li dl dt{width: 157px;
	height: 157px;}
	
.right .yihua .fnews li dl dd{ float:right; width:calc(100% - 280px);}.right .yihua .xuexi_list li dl dd{width:calc(100% - 180px);}

.right .yihua .fnews li dl dd h3 a{ font-size:15px; color:#333333; transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s;}

.right .yihua .fnews li dl dd h3 a:hover{ color:#CD0620;}

.right .yihua .fnews li dl dd p{ line-height:25px; color:#A19F9F; margin-top:15px;}
.btn_dj{ border:none; background-color: #991f1d; color: #fff; border-radius: 6px; padding: 5px 15px;}
.right .yihua .fnews li dl dd span{ float:left;}

.right .yihua .fnews li dl dd span a{ display:block; width:80px; height:20px; margin-top:10px; text-align:center; line-height:20px; color:#737373; background-color:#EEEEEE;

   transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s; -moz-transition: all .2s linear 0s;}

.right .yihua .fnews li dl dd span a:hover{ background-color:#CD0620; color:#fff;}

.right .yihua .fnews li dl dd strong{ float:right; margin-bottom:11px; font-weight:300 !important; color:#A19F9F;}


 
.right .yihua .xuexi_list li{ border: none; margin-top: 20px;}
.right .yihua .xuexi_list li dl{ border: 1px solid #EAEAEA; padding: 20px 20px 20px 30px; width: calc(100% - 50px); }



.right .company-xq{ width:100%; display:table; padding-bottom:80px;}

.right .company-xq .txt{ width:100%; margin-top:30px; padding-bottom:30px; text-align:center; border-bottom:1px dotted #CFCFCF;}

.right .company-xq .txt h3{ font-size:28px; color:#3C3C3C;}

.right .company-xq .txt p{ margin-top:0px !important;}

.right .company-xq .txt p span{ display:inline-block; margin-top:25px; margin-right:20px; color:#AEAEAE; }
.right .company-xq .txt p span:nth-last-of-type(1){ margin-right: 0;}
.right .company-xq p{ font-size:14px; color:#575757; line-height:25px; margin-top:25px;}

.right .company-xq p img{ margin-top:8px;}



.fy-yulan{ width:100%; margin-top:30px; display:table;}

.fy-yulan .subleft{ float:left; display:tablel;}

.fy-yulan .subleft p{ margin-top:5px !important; color:#8C8C8C;}

.fy-yulan .subleft p a{ color:#8C8C8C; transition: color .3s linear 0s;}

.fy-yulan .subleft p a:hover{ color:#C5051E;}



.fy-yulan .subright{ float:right; display:table;}

.fy-yulan .subright p{ float:left; font-size:16px; color:#A4A4A4;}

.bdsharebuttonbox{ float:right; width:160px !important; margin-top:15px;}


.right .anli{ width:100%; padding:30px 0; display:table;}

.right .anli .bq-qie{ width:100%; display:table;}

.right .anli .bq-qie a{ display:inline-block; width:90px; height:35px; margin-right:10px; line-height:35px; text-align:center; font-size:13px; color:#333; border:1px solid #E2E2E2;

   transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;

}

.right .anli .bq-qie a:hover{ background-color:#C5051E; color:#fff;}

.right .anli .bq-qie .on{ background-color:#C5051E; color:#fff;}

.right .joinus .bq-qie{ width:100%; display:table;padding-top:30px;}

.right .joinus .bq-qie a{ display:inline-block; width:90px; height:35px; margin-right:10px; line-height:35px; text-align:center; font-size:13px; color:#333; border:1px solid #E2E2E2;

   transition: all .2s linear 0s; -moz-transition: all .2s linear 0s; -webkit-transition: all .2s linear 0s;

}

.right .joinus .bq-qie a:hover{ background-color:#C5051E; color:#fff;}

.right .joinus .bq-qie .on{ background-color:#C5051E; color:#fff;}

.right .anli { padding-bottom:40px;}

.right .anli ul{ margin-top:20px; padding-bottom: 20px;}
.right .anli ul::after{ content: ""; display: block; width: 100%; height: 11px; clear: both;}
.right .anli ul li{ padding: 10px 5px; display:table; float:left; margin-bottom:10px; margin-right:15px;  border:1px solid #ccc}
.right .anli ul li:nth-of-type(4n + 4){ margin-right: 0;}
.right .anli ul li img{ width:200px; height:60px; object-fit: contain; }
.right .anli .anli_title:nth-of-type(1){ padding-top: 0; border-top:none}
.right .anli .the-zhan2 { display:none !important;}

.list_logo{ padding-bottom:40px; margin-top:30px;}
.list_logo li{ height:70px; font-size:16px; overflow:hidden; display:inline-table;  width:calc(33.3% - 30px); margin: 0 15px; margin-bottom:15px;  float:left; text-align: center}
.list_logo li:hover{ }
.list_logo{ width: 100%; overflow: hidden;}
.list_logo ul{ margin: 0 -6px;}
.list_logo li{ line-height:18px;}.list_logo li a{border:1px solid #e7e7e7; display:table-cell; padding:0 5px; vertical-align:middle}
.list_logo li img{ max-width:100%; margin:0 auto; vertical-align:middle}
.list_logo li a:hover{ border:1px solid #0d5f96}
		@media screen and (max-width: 800px){
			 .list_logo{ padding-left: ;}
  .list_logo li{ width:92.5%;}
  .list_logo li img{ width:90%; height:auto}
		}
		
		.list_logo::after{ content: ""; display: block; width: 100%; height: 1px; clear: both;}


.right .linian{ width:100%; padding:30px 0; display:table;}

.right .linian ul{ width:65%; display:table; float:left;}

.right .linian li{ width:100%; margin-top:15px; padding-bottom:15px; border-bottom:1px dotted #DFDDDD; display:table;}

.right .linian li dt{ float:right; width:330; height:99px; display:none;}

.right .linian li dt img{ width:330; height:99px;}

.right .linian li dd{ float:left; width:100%;}

.right .linian li dd h3{ font-size:16px; font-weight:bold;}

.right .linian li dd p{ margin-top:10px; line-height:23px;}

.right .linian .btu{ float:right; /* margin-left:75px;*/}




.right .fuwu{ width:100%; padding:30px 0; display:table;}

.right .fuwu h3{ margin-top:15px; font-size:15px; font-weight:bold;}

.right .fuwu .subfw{ width:618px; height:203px; margin-top:20px; display:table; background:url(../images/fuwu.jpg) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%;}

.right .fuwu .subfw li{ float:left; width:308px; height:100px;}

.right .fuwu .subfw li p{ width:182px;  line-height:25px; margin-top:26px; margin-left:92px; color:#666666;}

.right .fuwu p{ ont-size:14px; line-height:20px;color:#666666;}
.mbx_icon{ width: 12px; height: 11px; background: url(../img/home.svg); display: inline-block;}

/* 文章 */
@charset "utf-8";
body{font-family:"微软雅黑";}
.inner{width: 980px; margin:0 auto;}
.box_tex {overflow: hidden;margin-bottom: 15px;}
.title {height: 28px; line-height: 28px;font-size:14px;color: #666;}
.title  a{color: #666;}
.title a:hover{color: #f00;}
#title_tex {font-size:28px;line-height:48px;border-bottom:1px solid #CCC;color: #333; padding-bottom:20px;font-weight: bold;}
.function_tex {overflow:hidden;height:30px;}
#time_tex,.print_tex {color:#999;font-size: 14px;float:left;line-height:30px;height:30px;font-size: 14px;}
.print_tex {width:150px;padding:0; float: right;}
.print_tex .print a {color:#0C50CC;}
.print_tex .print a:hover {color:#900;}
.article {margin:40px 0;font-size:18px;color:#333;overflow:hidden;line-height:36px;}
p {line-height:normal;}
.article p {line-height:36px;margin-bottom:25px;}

.bottom_tex {height:22px;overflow:hidden;border-top:1px solid #CCC;padding:15px 0;}
.backtop {width:70px;height:22px;float:right;}
.editor_tex {text-align:right;line-height:22px; font-size: 14px;}
.backtop img {width:70px;height:22px;}

.font_blue {color:#999;font-weight:normal;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{width: 22px!important;height: 23px!important;background: url(http://images.wenming.cn/web_wenming/images/ypxl20170626-4.jpg) no-repeat!important;display: block;}
.bdsharebuttonbox{width: 22px;}
.font img{margin:5px 10px 0 0; }
.big-tex a,.sml-tex a{ color:#900;}
.zt-S{ background-position: left top;}
.font,.font01,.share,.print_tex .print{ cursor: pointer; position:relative; width:40px; height:27px; line-height:27px;overflow:hidden; float:left;}
.zt-B,.zt-S,.print-B,.sml-tex  a,.big-tex a,.print-tex a{ background:#fff url(../img/dy.png) no-repeat left -33px; width:40px; height:27px; overflow:hidden; display:block; position:absolute; left:0;}
.big-tex,.sml-tex,.print-tex{ position:absolute; left:0; background:#fff; top:27px; width:40px;}
.font:hover .big-tex,.font01:hover .sml-tex{ top:2px;}
.print:hover .print-tex{ top:-1px;}
.big-tex a,.sml-tex a,.print-tex a{ display: block; }
.print_tex .print{width: 30px;}
.zt-B{background-position:-40px top;}
.sml-tex a{background-position:left -33px; }
.big-tex a{background-position:-40px -33px;}
.print-tex a{background-position:-120px -30px;}
.zt-S{ background-position: left top;}
.print-B {background-position: -120px top;}
.print_tex a:hover{text-decoration: none;}
.video-sj{text-align: center;}
.nextpage{font-size: 14px;}
.nextpage dd {height: 30px;overflow: hidden;}
.nextpage .left {width: 80px;text-align: center;font-weight: bold;color: #900;}
.nextpage .right {width:920px;}
.nextpage .right li {background: url(Point.gif) left 10px no-repeat; padding-left: 8px;line-height:30px;height: 30px;overflow: hidden;}
.nextpage .right li p{line-height:30px;}

/*分享*/
.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more{width:40px!important;height:27px!important;background:#fff url(../img/dy.png) no-repeat -80px  -30px!important;display: block;padding: 0!important}
.bdsharebuttonbox{width:40px;}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more{margin:0!important;}
.share01,.share02{position: absolute;top:0; right: 0; width:40px; height: 27px;}
.share01{background:#fff url(../img/dy.png) no-repeat -80px top; height:27px; width:40px; overflow:hidden;
 display:block;}
 .share02{top: 33px;}
 .bdsharebuttonbox:hover .share02 { top:-1px}
.share02 a{display: block; background:#fff url(../img/dy.png) no-repeat -80px -30px;}
  



 
@media only screen and (min-width: 100px) and (max-width: 768px) {
.inner{width: 96%}
#tex{width:96%;font-size: 0.5rem; margin:20px auto;text-align: justify;}
.title,.editor_tex{font-size: 0.35rem;}
.pagelink_xl{width: auto;}
#tex img{width: 100%; height: auto;}	
#tex p{line-height: 30px;margin-bottom: 10px;}
.inner .box_tex{border:none;}
#title_tex{font-size: 0.6rem; margin-bottom:10px; line-height: 32px; }
.print_tex{display: none;}
#time_tex, .print_tex{width: 100%;float: none;padding: 0;font-size: 0.35rem;}
#PageLink{width: auto;}
#PageLink .Fir_Page,#PageLink .Fir_Page_action,#PageLink .next_Page_Action,#PageLink .Fir_Page_action,#PageLink .Fir_Page_action a{padding: 0 10px;}
#PageLink .Fir_Page,#PageLink .Fir_Page_action,#PageLink .next_Page_Action,#PageLink .next_Page_Action a{display: block;float: left;width: auto;font-size: 0.3rem;}
#PageLink .Fir_Page{margin-left: 30px;}
#PageLink .next_Page_Action{float: right;margin-right: 30px;}
 
.nextpage .right{width: 80%;float: left!important;}
.nextpage{font-size: 0.4rem;}
.nextpage .left{width: 20%;}
#intxt{width:96%;}

.video-sj,.video-js,#example_video_1{width: 300px!important;height: 170px!important;}
}
.box_tex .mbx{ border: none;}
.box_tex .mbx p{ float: none;}

.banner_cy .swiper-pagination{ display: none;}

.lxwm{ width: 32px; height: 32px; display: inline-block;}
.lxwm_1{ background: url(../img/v1.svg);}
.lxwm_2{ background: url(../img/v2.svg);}
.lxwm_3{ background: url(../img/v3.svg);}

.wenzhang{ padding-bottom: 50px;}
.wenzhang p{ padding-bottom: 15px; font-size: 16px; line-height: 24px;}


.f_3 li{ height: auto; position: relative; line-height: normal; padding:20px 0 15px 50px;}
  .f_3 li h3{ display: inline-block; line-height: 18px; padding: 4px 0 5px 0;}
  .icon_x1, .icon_x2, .icon_x3, .icon_x4, .icon_x5, .icon_x6, .icon_x7,.f_3 li img{ width: 50px; height: 50px; background-size: contain; position: absolute; left:-5px; top:20px}

 
  .f_2 .kin{ height: 525px;}
 
  .f_1 .kin{ height: 480px; overflow: hidden;}

   .no_more .qitapingtai{ display: none;} 
   .no_more .f_1 .kin{ height: 400px; overflow: hidden; position: relative;} 
   .no_more .f_1 .kin::after{ width: 100%; height: 10px; content: ""; background: #fff; position: absolute; bottom: 0;}
   .no_more .f_2 .kin{ height: 425px; overflow: hidden;}
   .qitapingtai{ border-top:3px solid #05A718; font-size:21px; margin-top: 20px; font-weight: bold;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1); position: relative;}
    .qita_r  { display: inline-block; width: 170px; height: 25px; overflow: hidden; vertical-align: bottom;}
    .qita_r a{ font-size: 12px; font-weight: normal; display: inline-block; color: #777; border: 1px solid ; padding: 0 4px; margin-right: 5px; border-radius: 3px;}
  .qitapingtain{  padding: 15px;}
  .qitapingtai svg{ float: right; margin: 8px 0 0 0;}
  .qitapingtai:hover .qita_r{ display: none;}
  .xialx{ display: none; position: absolute;   background: #fff;   width: calc(100% - 40px);   padding:0 20px 20px 20px; z-index: 10;-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
-webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
box-shadow: 0 10px 10px rgba(0,0,0,.1); font-size: 12px;  }
    /* .xialx a{ display: inline-block; border-radius: 18px; color: #05A718; border:1px solid; padding: 5px 10px; margin-bottom: 5px;} */
    .qitapingtai:hover .xialx{ display: block;}
    .newslist li{ display: block; font-size: 16px;   line-height: 28px; height: 28px; overflow: hidden; margin-top: 5px; }
  .newslist em {
    float: right;
    padding-left: 10px;
    color: #999;
    font-size: 14px;
    font-family: arial;
    font-size: 12px;
    font-family: 'Microsoft yahei';font-style:normal;
}
   .xtdt a {
    font-size: 20px;
    
    display: block;
    margin-bottom: 10px;
    color: #bf0d0d;
    font-weight: bold;
}
 
  .newslist {
    width: 360px; float: left; margin-right: 40px;
}
.newslist ~ .newslist {
    width: 420px;   margin-right: 0;
}
.graybg .fl{ width: 830px;  float: left; border-top: 1px solid #05A718; padding:20px; position: relative;
  
  /* padding:5px 20px 20px 20px; */

    -moz-box-shadow: 0 0 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
    box-shadow: 0 0 10px rgba(0,0,0,.1); 
  
  }

    .title_2 {color: #05A718;    font-size: 21px; font-weight: bold;
    position: relative;
    height: 22px;
    line-height: 30px;
    margin-bottom: 15px;
    /* margin-top: 28px; */
    background: url(style/img/pics1.png) left -73px repeat-x;
}
.title_2 span{ background: #fff; padding-right: 10px;}
.xtitle{ position: absolute; left: 10px; top: -10px; background-color: #fff; padding: 0 10px; color:#05A718}
.graybg .f_3 .kin{ margin-top: 0;border-top: 1px solid #05A718; height: 220px;}
.graybg .f_3 .title_2{ margin-top: 15px; color: #05A718;}

body{ letter-spacing:2px}   
/* 首页 */
.banner_textw{height: 100%; position: absolute; top:0; left: 0; width: 100%; color: #fff; font-size: 24px; }
.banner_textw .bg,.banner_textw .juzhongduiqi{ height: 100%;}
.juzhongduiqi>div { 
    display: table-cell;vertical-align: middle;
}
.juzhongduiqi{
display: table} 
.banner_textw p{ padding: 0; margin: 0;}
.banner_textw h1{ font-size: 80px; font-weight: bold; margin: 0; padding:5px 0 0 0; line-height: 80px;}
.banner_textw  .banner_img + .banner_text{ display: none; }
.banner_textw .lj_button{margin-top:20px;}
.lj_button{width: 161px;
    height: 44px; outline: none; text-align: center; line-height: 44px;
    background: linear-gradient(90deg, #42B6B2, #49B68D);
    border-radius: 22px; color: #fff; border:none;  cursor: pointer;}
    .slist { text-align: center}
    .slist dl dt{ background-color: #25a4ca;}
    .slist dt{ transition: all 0.4s 0.2s ease-in-out;
        -webkit-transition: all 0.4s 0.2s ease-in-out;
        -moz-transition: top 0.4s 0.2s ease-in-out;height: 300px;  font-size: 21px; padding-top: 40px;}
    .slist img{ display: block; margin: 0 auto 10px auto;}
    .slist{display: flex;flex-wrap: wrap;}
.slist dl { height: 300px; overflow: hidden; position: relative;
    white-space: nowrap;
 
    
}

.home .slist dl{-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: table-cell;
    width: 1%;}

.slist dd{text-align: left;transition: top 0.4s ease-in-out;
    -webkit-transition: top 0.4s ease-in-out;
    -moz-transition: top 0.4s ease-in-out;
    background-color: rgba(37, 165, 203, .4); position: absolute; left: 0; top:0;  
    width: 100%; height: 100%; top:100%;
}
.slist dd h3{ padding: 30px 25px 0 25px; font-size: 21px;}
.slist dd .nrx{ margin: 10px 25px 20px 25px; white-space: break-spaces; display: block;flex-wrap: inherit; height: 125px; overflow: hidden;}
.slist dd .btn{ border:1px solid #fff; display: inline-block; margin: 0 25px; padding: 10px 15px;}

.slist dd .btn::after {
    width: 8px;
    height: 8px;
    background: url(../img/xx_jt.svg) no-repeat 0 0;
    content: "";
    display: inline-block;  
   
 
  
    margin-top: -4px;
}.slist dl:hover dd{ top:0;}

.slist a,.slist a:hover{ color: #fff;}
.slist .btn:hover{ background-color: #fff; color: #000;}
.slist{ position: relative;}
 
.s_tax{transition: left 0.4s ease-in-out;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    writing-mode:tb-rl; position: absolute; left: 0; top: 0 ; z-index: 21; background-color: rgba(0, 0, 0, .45); bottom: 0; color:#fff; padding: 0 10px;}
.s_tax::after{ display: inline-block; position: absolute; left: 100%; top:50%; margin: -8px 0 0 0; content: ""; background: url(../img/jt.png); width: 8px; height: 16px;}
 
 .slist dl:nth-of-type(1):hover ~ .s_tax{ left: -50%;}

 .slist dl:nth-of-type(1),.slist dl:nth-of-type(1) dt{ background-image: url(../img/index/dh_1.png);}
 .slist dl:nth-of-type(2),.slist dl:nth-of-type(2) dt{ background-image: url(../img/index/dh_2.png);}
 .slist dl:nth-of-type(3),.slist dl:nth-of-type(3) dt{ background-image: url(../img/index/dh_3.png);}
 .slist dl:nth-of-type(4),.slist dl:nth-of-type(4) dt{ background-image: url(../img/index/dh_4.png);}

 .slist dl:hover dt{ -webkit-filter: blur(8px); /* Chrome, Opera */
    -moz-filter: blur(8px);
    -ms-filter: blur(8px);    
    filter: blur(8px); }
 .slist dl:nth-of-type(2) dd{ background-color: #13b4b9;   background-color: rgba(19, 180, 185, .4);}
 .slist dl:nth-of-type(3) dd{ background-color: #27b185;background-color: rgba(39, 177, 133, .4);}
 .slist dl:nth-of-type(4) dd{ background-color: #37a45d;background-color: rgba(55, 164, 93, .4);}

 .titexw{ padding:10px 0}
 .titexw h4{ margin:0; padding:0;font-size: 30px;}
 .titexw p{ font-size: 16px;}

 .morex{ margin: 10px 0;  padding:10px 30px; display: inline-block;
   
    background: rgba(255, 255, 255, 0);
    border: 1px solid #DBDCDB;
    border-radius: 24px;
    font-size: 16px;}
    .morex:hover{ background-color: #558cc8; color:#fff; border-color: #558cc8;}
    .color_bai .morex{ border: 1px solid #fff;}
    .color_bai .morex:hover{ background-color: #fff; color:#558cc8; border-color: #fff;}
    .fz_nr{ font-size: 13px;}
    .fz_nr .on_right{ margin-left: 20px;}
    .text-center{ text-align: center;}
     .titexw.text-center { color: #393a3a; }     
     .color_bai .titexw.text-center { color: #fff; }     
     .color_bai .titexw.text-center h4::after,.color_bai .titexw.text-center h4::before{ background-color: #fff;}     
     .titexw.text-center h4::after,.titexw.text-center h4::before{ content: ""; height: 1px; background-color: #b2b2b2; width: 80px; display: inline-block; vertical-align: middle; margin: 0 10px;}
 
     .hz_list ul{display: flex;flex-wrap: wrap;  }
     .hz_list li{float: left;box-sizing: border-box;display: flex;flex-direction: column;   border:1px solid #ccc; display: inline-block; width: calc(25% - 15px ); margin:8px 5px; text-align: center; padding:15px 0;  }
     .hz_list li:hover{ border-color: #f00;}
     .hz_list li a{ display: block; padding:15px 0; margin: -15px 0;}
.kh_nr{ padding:40px 0}
     .sl_nr{ background: url(../img/index/fz_br.png) center ; padding:45px 0 65px 0;}
     .zbiaodan{ text-align: center;}
     .bingtu_1 .fx_ib{ background-color: #f8ed7b;}
     .bingtu_2 .fx_ib{ background-color: #f7b875;}
     .bingtu_3 .fx_ib{ background-color: #f48787;}
     .bingtu_4 .fx_ib{ background-color: #a5cf52;}
.bingtu_4.bingtu{ margin-top: -20px; font-size: 28px;}
     .zbiaodan{display: flex;flex-wrap: wrap;}
     .zbiaodan dl {  padding-bottom: 34px;
      
         white-space: nowrap;
      
         -webkit-box-flex: 1;
         -moz-box-flex: 1;
         -webkit-flex: 1;
         -ms-flex: 1;
         flex: 1;
         display: table-cell;
         width: 1%;
     }
     .zbiaodan dt { position: relative;}
     .bingtu { position: absolute; width: 100%; left:0; top:50%; font-size: 32px; font-weight: bold; margin-top:-30px;letter-spacing:0;}
     .zbiaodan dd h4{ font-size: 16px; padding: 0 0 5px 0; margin:0;}
     .zbiaodan dd p{ font-size: 12px; padding: 0; margin:0;}

     .lianxiwomen{ font-size: 14px; background: url(../img/index/lx_br.png) center; padding:55px 0 ;}
     .bioxfex{ font-size: 24px; padding-right: 30px;}
     .utel::before{ width: 16px ; height: 16px; content: ""; background: url(../img/index/tel.png) no-repeat; padding:5px 0 5px 30px}



     
  .inew_list,  .inew_list a{ color:#000;}
  .span_btn{  display:inline-block; border: 1px solid #000;  width:103px; height:31px; line-height:31px; margin-top:10px; background-size:100% 100%; text-align:center}
  .inew_list h3{ font-weight: normal;}
   .inew_list dl{ background:rgba(255,255,255,.1) ; margin-top:25px;  width:calc(50% - 32px); float:left; margin:30px 15px 0 15px; border: 1px solid #f2f1f1;}
 
    
   .inew_list dl:not(:nth-of-type(1)) .span_btn,.inew_list dl:not(:nth-of-type(1)) .color_huise{display:none;   }
   .inew_list dl:not(:nth-of-type(1)) dt{ background-image: none !important;}
     
   .inew_list { text-align:left;}
  .inew_list dt{text-align:right;  position: relative; width:80px; float:left; background-size:cover; margin-right:30px;}
   .inew_list dl:nth-of-type(1) dt{background-color:#f9c99e; }

   .inew_list dl:nth-of-type(2) dt{background-color:#f9a69e; }
   .inew_list dl:nth-of-type(3) dt{background-color:#c1a7db; }
   .inew_list dl:nth-of-type(4) dt{background-color:#81d2ec; }
   .inew_list dl:nth-of-type(5) dt{background-color:#7fcaa7; }
 

  .inew_list dd{ padding-right:30px; }
  .inew_list dt{ height:70px;  }
  .inew_list dl,.inew_list dd{ height:90px;  }
 .inew_list dt { padding:10px;text-align:right;}
  .inew_list dt i{ position:absolute; left:10px; top:10px; display:block; width:24px; height:24px;  background:url(../img/index/rili.png) no-repeat; }
  .inew_list dd>div {
    display: table-cell;
    vertical-align: middle;
}
.inew_list dl:not(:nth-of-type(1)) dd p{display:none; }
  .inew_list dd{ 
display: table;
} 
  .inew_list dt span{ font-size:14px ; color:#445a75;}
  .inew_list dt span b{ display:block; line-height:30px; height:40px; font-size:36px; color:#fff; position:relative; }
  .inew_list dt span b:after{ content:""; display:block; width:20px; height:2px; background:#445a75; right:0; bottom:0; position:absolute;}
 
 
 @media (min-width:768px){
	    .inew_list dl:nth-of-type(1) h3{margin-bottom:10px;}
	    .inew_list dd h3{ font-size:18px; text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical; 
overflow: hidden;
-webkit-line-clamp: 2; }
	  .inew_list dl:nth-of-type(1) dt{ width:565px}
	  .inew_list dl:nth-of-type(1){width:calc(100% - 30px); }
	     .inew_list dl:nth-of-type(1) dt span,.inew_list dl:nth-of-type(1) dt i{ display:none;}
   .inew_list dl:nth-of-type(1) dt{ height:256px;}
   .inew_list dl:nth-of-type(1),.inew_list dl:nth-of-type(1) dd{ height:276px;}
 }
 
 @media (max-width:767.98px){
    .inew_list dl dt{ background-image: none !important;}
    .span_btn{ display: none;}
	 .inew_list dd h3{ font-size:15px;text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;/*--行数--*/}
	 .inew_list dl dd p{display:none; height:auto;}
	 .inew_list dd {
    padding-right: 15px;
 }.inew_list dt{ margin-right:15px;}
	 .inew_list dl {
 
 
    width: calc(100% - 30px);
 
    margin: 8px 15px 0 15px;
	 }.inew_list dt {width: 88px;
	 }
	 .inew_list dl,   .inew_list dd {
    height: 80px;
}.inew_list dt{height: 60px;}
 }

 .ipc_icon{ width: 15px; height: 17px; display: inline-block; vertical-align: middle; background: url(../img/index/ghs.png) no-repeat; position: relative; top:-2px; margin-right: 2px;}
 .foot_b p span{ padding-right:20px;}


/* 手机版菜单 */
.rnav { cursor:pointer;
    padding: 0;
    position: fixed;
    top: 0;
   
    left: 0;
 
    width: 48px;
    height: 48px;
    overflow-y: hidden;
}
body.rnav_this .rnav_br{   display:block;z-index: 99;}
.rnav_br{ bottom:0; height:100%; width:100%; right:0; display:none; opacity:0;}
.rnav_br:before,.rnav_br:after{display:none; }
.rnav:before {
    transition: transform 0.2s ease-in 0s;
    filter: progid:DXImageTransform.Microsoft.BasicImage;
    content: "";
    display: block;
   
    position: absolute;
    left: 12px;
    width: 100%;
    width: 22px;
    height: 2px;
    top: 24px;
}
.rnav:after {
    transition: transform 0.2s ease-in 0s;
    filter: progid:DXImageTransform.Microsoft.BasicImage;
    content: "";
    display: block;
    height: 14px;
    width: 22px;
  
    background: none;
    margin-top: -8px;
    position: absolute;
    left: 12px;
    top: 24px;
}

.rnav_this .rnav:after{transform:rotate(45deg); border-bottom: none; height:0;
-ms-transform:rotate(45deg); 	
-moz-transform:rotate(45deg); 	
-webkit-transform:rotate(45deg); 
-o-transform:rotate(45deg);   margin-top: 0;  width: 24px;}
.rnav_this .rnav:before {transform:rotate(-45deg);width: 24px;
-ms-transform:rotate(-45deg); 	
-moz-transform:rotate(-45deg); 	
-webkit-transform:rotate(-45deg); 
-o-transform:rotate(-45deg);   }
.m{ display: none; }
	@media screen and (max-device-width:1024px){
	 
	 
.rnav_this .rnav:after, .rnav_this .rnav:before {
   
}
.rnav_this .header .nav{ max-height:1000px;  padding-bottom:20px;   -moz-box-shadow: 0 10px 20px rgba(0,0,0,.1); 
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1);
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    }
    .m{ display: block; }
}


.rnav:before{ background: #fff;}
.rnav:after{  border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;}


.rnav_this .rnav:before,.rnav_this .rnav:after,.header.this .rnav:before
{ background: #000;}
.rnav_this .rnav:after,.header.this .rnav:after
{  
    border-color:   #000;}
    



.r_uli{ display: inline-block; }
    @media screen and (max-device-width:1024px){
.bg,body{ width: 100%; min-width: 100%;}
.r_uli{ transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;width: 100%; position: absolute; top:100%;   left: 0;background: #fff; max-height: 0; overflow: hidden; opacity: 0;transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out; }
.rnav_this .r_uli{ max-height: 100vh;opacity: 1;-moz-box-shadow: 0 10px 10px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,.1);
    box-shadow: 0 10px 10px rgba(0,0,0,.1); }
.r_uli,.r_uli a{color: #000;}
.logo{ height: 40px; margin-top: 5px; background-size: contain; margin-left: 54px; }
.r_uli  a{ display: block; width: 100%; padding-left: 0;}
.r_ss{ position: absolute; right: 0; margin-right: 0; top:0} 
.r_ss_k{ width: calc(100vw - 70px);}
.header{ height: 48px;}
.this.r_ss{ position: fixed; top:0; left:0; background-color: rgba(0,0,0,0.6); right: 0; padding: 30px; margin: 0;  bottom: 0;}
.r_ss i{ position: absolute; right: 0   ; top:5px}
.this .r_ss_k{ top:10px;}
.this .r_ss.this i::before{ color: #fff !important;}
.banner .swiper-slide{ background-size: cover; background-position: 0 bottom;}
.banner a>img{   height:133vw; opacity: 0;}
 
.banner_textw{  font-size: 12px; padding-left: 10%; padding-top: 0;}
.banner_textw h1{ font-size: 42px; line-height: 36px;}
/* .banner .bg{ text-align: center;} */
.banner_img{ max-width: 70%;}
.banner .lj_button{ height: 36px; line-height: 36px; width: auto; padding: 0 20px}
.s_tax{ display: none;}
.slistw{ width: 100%; overflow-x: auto;  -webkit-overflow-scrolling:touch;}
.slist{  width: 160vw;}
/* .slist {
    display: block;
    flex-wrap: inherit;
}
.slist dt{ height: auto;}
.slist dl{ height: auto; width: 40%; display: inline-block;} */
.slist dd .btn{ display: none;}
.slist img{ width: 10vw; margin-bottom: 0;}
.slist dt{font-size: 16px; height: auto; padding-top: 20px; padding-bottom: 20px;}
.slist dl{ height: auto; }
.fz_nr{ padding:0 20px;}
 
.titexw h4{ font-size: 18px;}
.titexw p{ font-size: 12px;}
.fz_nr .on_right{ margin: 0 0 10px 0;}

.zbiaodan  {
    display: block;
    flex-wrap: inherit;
}
 
.zbiaodan dl{     white-space: inherit; vertical-align: top;
     height: auto; width: 42%; display: inline-block;}
.zbiaodan  canvas{ width: 80px;}
.zbiaodan dd h4{ font-size: 14px; overflow: hidden; 
    }
.zbiaodan dd p{ font-size: 12px; overflow: hidden;
    }
    .bingtu{ font-size: 18px; margin-top: -18px;}
    .bingtu_4.bingtu {
        margin-top: -15px;
        font-size: 18px;
    }
    .sl_nr{ background-size: cover;}
    .hz_list li{border-color:#e7e7e7;width: calc(50% - 10px ); padding:8px 5px 8px 0 ; margin: 0; border-left: none; border-bottom: none; text-align: left;}
    .hz_list li:nth-of-type(2n + 2){ border-right: none; padding-left: 5px; padding-right: 0;}
    .hz_list li:nth-of-type(1),.hz_list li:nth-of-type(2){ border-top:none}
    .hz_list{ padding-left: 15px;}
    .bioxfex,.utel{ width: 100%;  display: block; padding-right: 0;}
    .lianxiwomen .bg{text-align: center;}
    .lianxiwomen .lj_button{ float: none; display: inline-block; margin: 0 auto;}
    .utel{ padding: 10px }
    .lianxiwomen{ padding: 15px 0; width: 100%; overflow: hidden;}
    .reweima{ height: 60px; float: none; margin: 10px 0; padding: 30px 0 0 0; width: calc(100% - 0);}
    .reweimai{ height: 70px;float: left;border-radius: 18px 0 0 18px; margin-top: -30px;}
    .reweima img{ width: 70px; height: 70px; } 
    .foot_ul,.footer .logo{ display: none;}
    .footer{ padding: 15px;}
    .xlink{ width: 100%; margin-left: 0;}
    .footer .on_right{ float: none;}
    .xial{ width: 100%;}
    .foot_b p span{ display: block; text-align: center; padding-right: 0;}
    .inew_list{ overflow: hidden; width: 100%;}
    .fz_nr img.on_right{ display: none;}
    }

    .right .s_tax{ display: none;}

    .right .slist dl{ width:calc(50% - 10px); float: left; margin: 0 20px 20px 0;}
    .right .slist  { display: block;}
    .right .slist dl:nth-of-type(2n + 2){ margin-right: 0;}

    .wenzhang h2{ padding:20px 0 15px 0;}

    /* 表单 */
    .post { width: calc(100% - 52px); margin: 0 auto; padding-top: 20px; padding-right: 50px; border:1px solid #ccc }
.form_group { overflow: hidden; margin: 10px 0; }
.form_group label { display: block; padding-top: 10px; padding-right: 10px; text-align: right; width: 22%; float: left; }
.post .form-control { text-indent: 12px; display: block; float: right; width: 76%; height: 34px; padding: 6px 0; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0;  
}
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.form_group .btn {background-color: #27b185;
    background: linear-gradient( 90deg , #42B6B2, #49B68D); padding: 10px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; border: 1px solid transparent; border-radius: 0; color: #FFFFFF; display: inline-block;  width: 140px; margin: 20px 5px; }
.btn_post { text-align: center; background: #08206C; }
.wz_tishi{ position: relative; padding:0 20px 0 40px; padding-bottom: 10px; border:1px solid #db5757; color: #db5757;  margin-bottom: 0;margin-top: 10px;background-color: #fff8f8; }
.wz_tishi::before{ position: absolute; left: 20px; top:30px; content: "!"; color: #fff; background-color: #db5757; display: block; width: 16px; height: 16px; text-align: center; line-height: 16px; border-radius: 50%; }
.right .wz_tishi p{color: #db5757; }
.wz_tishi + .post{ border-top: none; position: relative; z-index: 2; margin-top: -2px; background-color: #fff;}

.anli_title{ font-size: 18px; display: block; clear: both; border-top: 1px solid #EAEAEA; padding-top:15px; color: #42B6B2;}



@media (max-width:767.98px){
    .left ul li:nth-of-type(1) { display: none;}
    .left ul li a:hover font, .left ul li.this font,.left ul li a font{ border: none;}
    .left{     padding-bottom: 0;margin: 0; width: 100%; overflow-y: auto; white-space:nowrap}
    .left ul li{ display: inline-block; width: auto; padding: 0 ;}    .left ul li a{position: relative; }
    .left ul li a,.left ul li a:hover, .left ul li.this a{ width:  auto; padding: 0 20px;letter-spacing:0; background-color: #fff;}
  .left ul li.this a::after{ position: absolute; content: ""; display: block; background-color: #42B6B2; width: 33.3%; left:  33.3%; bottom: 0; height: 3px; border-radius: 5px;}
    .left ul li a font{ padding-left: 0; margin-left: 0;}
    .mbx{ display: none;}
    .banner_cy img{ height: 40vw;}
    .right,.left ~ .right{ width: calc(100% - 40px); padding:10px 20px; margin-top: 0;}

    .right .slist dl{ width: 100%;}
    .right  .slist{ width: 100%;}
    .right .slist img{ width:65px;}
    .right .company-xq .txt{    margin-top: 10px;
        padding-bottom: 10px;}
        .right .company-xq .txt h3{ font-size: 21px;}
        .right .company-xq .txt p span{ margin-top: 10px;}
        .form_group label{ width: 100%; padding-right: 0;  padding-top: 0; text-align: left;}
        .post .form-control{ width:calc(100% - 2px) }
        .post{ padding:10px 20px;    width: calc(100% - 42px);}
        .form_group .btn{ margin-left: 0;}

        .right .anli ul li{ width: calc(50% - 17px); margin-right:10px;}
        .right .anli ul li:nth-of-type(2n + 2){ margin-right: 0;}
        .right .anli ul li img{ width: 100%;}

        .right .aboutus ul li{ width: 100%; position: relative;}
        .right .aboutus ul{ display: block;}
        .aboutus .lxwm{ position: absolute; left: 0; top:20px}
        .right .aboutus ul li{ padding: 0 0 0 40px; width: calc(100% - 40px); border: none;}
        .right .aboutus .maps{ margin-top: 10px; height: auto; padding-bottom: 100px}
        .right .aboutus ul{ margin: 0;}
        .slist dd .nrx{ display: none;}
}