.fl{float:left}
.fr{float:right}
.clear{clear:both}
.clearfix,.container:after,.row:after,ul{*zoom:1}
.clearfix:after,.container:after,.row:after,ul:after{content:" ";display:block;height:0;clear:both;visibility:hidden}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.container{margin-right:auto;margin-left:auto}
.content img{max-width:100%}
.content_box,.content_box *,.content_box :after,.content_box :before{box-sizing:content-box}
.ml5{margin-left:5px}
.mt5{margin-top:5px}
.mr5{margin-right:5px}
.mb5{margin-bottom:5px}
.mg5{margin:5px}
.pl5{padding-left:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.pd5{padding:5px}
.ml10{margin-left:10px}
.mt10{margin-top:10px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px}
.mg10{margin:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.pd10{padding:10px}
.pd12{padding:12px}
.ml15{margin-left:15px}
.mt15{margin-top:15px}
.mr15{margin-right:15px}
.mb15{margin-bottom:15px}
.mg15{margin:15px}
.pl15{padding-left:15px}
.pt15{padding-top:15px}
.pr15{padding-right:15px}
.pb15{padding-bottom:15px}
.pd15{padding:15px}
.ml20{margin-left:20px}
.mt20{margin-top:20px}
.mr20{margin-right:20px}
.mb20{margin-bottom:20px}
.mg20{margin:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pd20{padding:20px}
.ml25{margin-left:25px}
.mt25{margin-top:25px}
.mr25{margin-right:25px}
.mb25{margin-bottom:25px}
.mg25{margin:25px}
.pl25{padding-left:25px}
.pt25{padding-top:25px !important}
.pr25{padding-right:25px}
.pb25{padding-bottom:25px}
.pd25{padding:25px}
.ml30{margin-left:30px}
.mt30{margin-top:30px}
.mr30{margin-right:30px}
.mb30{margin-bottom:30px}
.mg30{margin:30px}
.pl30{padding-left:30px}
.pt30{padding-top:30px}
.pr30{padding-right:30px}
.pb30{padding-bottom:30px}
.pd30{padding:30px}
.ml35{margin-left:35px}
.mt35{margin-top:35px}
.mr35{margin-right:35px}
.mb35{margin-bottom:35px}
.mg35{margin:35px}
.pl35{padding-left:35px}
.pt35{padding-top:35px}
.pr35{padding-right:35px}
.pb35{padding-bottom:35px}
.pd35{padding:35px}
.ml40{margin-left:40px}
.mt40{margin-top:40px}
.mr40{margin-right:40px}
.mb40{margin-bottom:40px}
.mg40{margin:40px}
.pl40{padding-left:40px}
.pt40{padding-top:40px}
.pr40{padding-right:40px}
.pb40{padding-bottom:40px}
.pd40{padding:40px}
.ml45{margin-left:45px}
.mt45{margin-top:45px}
.mr45{margin-right:45px}
.mb45{margin-bottom:45px}
.mg45{margin:45px}
.pl45{padding-left:45px}
.pt45{padding-top:45px}
.pr45{padding-right:45px}
.pb45{padding-bottom:45px}
.pd45{padding:45px}
.ml50{margin-left:50px}
.mt50{margin-top:50px}
.mr50{margin-right:50px}
.mb50{margin-bottom:50px}
.mg50{margin:50px}
.pl50{padding-left:50px}
.pt50{padding-top:50px}
.pr50{padding-right:50px}
.pb50{padding-bottom:50px}
.pd50{padding:50px}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f26{font-size:26px}
.f28{font-size:28px}
.f30{font-size:30px}
.f32{font-size:32px}
.f34{font-size:34px}
.f36{font-size:36px}

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
*{font-family:微软雅黑}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; }
article,aside,footer,header,nav,section{display:block}
h1{font-size:2em;margin:.67em 0}
figcaption,figure,main{display:block}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit;font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,input,optgroup,select,textarea{margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details,menu{display:block}
summary{display:list-item}
anvas{display:inline-block}
[hidden],template{display:none}
*,:after,:before{box-sizing:border-box}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
address,cite,dfn,em,var{font-style:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
body,button,input,select,textarea{font:14px/1.5 \\5FAE\8F6F\96C5\9ED1,arial;color:#333;font-size:14px}
body{background: #f8f8f8;}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
a,button,input[type=button],input[type=file],input[type=reset],input[type=submit]{cursor:pointer}
a{color:inherit;color:expression(this.parentNode.currentStyle.color);text-decoration:none; color:#454545}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; color:#23527c}
h1{font-size:36px}
h2{font-size:32px}
h3{font-size:28px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:16px}
small{font-size:12px}
	
body,button,input,select,textarea{color:#5a5a5a;font-size:14px}


.center{width:1200px;margin:0 auto}
.header{width:100%;height: auto; background:#fff}

.header .center{ position:relative; height:90px}
.header .head_top_content{ width:100%;height:90px; overflow:hidden}
.header .center .head_logo{width:90px; height:90px; overflow:hidden}
.header .center .head_logo img{display:block; width:80px; padding-top:10px}
.header .center .head_tit{ width:500px; height:78px; position:absolute; top:15px; left:0}
.header .center .head_tit h2{font-size: 16px;margin-top: 6px; color:#333}
.header .center .head_tit h2 font{font-size: 16px;margin-top: 6px; color:#205da5}
.header .center .head_tit h3{font-size: 16px;color: rgb(83, 83, 83);margin-bottom: 10px; font-weight:500; color:#333; letter-spacing:1px}



.header .center .toptel{top: 15px;width:240px; height:80px;background:url(../img/tel.png) no-repeat 0 10px; padding-left:60px; position:absolute; right:0}
.header .center .toptel p{ font-size: 14px;color: #888; line-height:20px; padding-top:10px}
.head_top_content .toptel p strong{font-size: 25px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:28px}

.header .center .ewm {position:absolute; right:0;top: 20px;}
.header .center .ewm span {float: left;width: 20px;text-align: center;font-size: 12px;color: #666;padding: 1px 0;}
.header .center .ewm img {float: left;width: 70px;height: 70px;}


/*----------------header-nav-------------------------*/

.header-title{ width:181px; height:184px; position:absolute; left:50%; top:0; margin-left:-90px; z-index:9999}

.header-nav {
	background:#0b8c6c;
	background-image: -webkit-gradient(linear, right top, left top, from(rgb(51,132,195)), color-stop(52%, rgb(0, 146, 63)), to(rgb(41, 127, 228)));
	min-height: 50px;
	z-index: 10;
	overflow: initial;
}

.header-nav .container{padding: 0;margin: 0 auto;width: 1200px;}

.header-nav .nav {
	overflow: hidden;
}
.header-nav .nav .navroot {
	width: 10%;
	float: left;
	overflow: hidden;
}
.header-nav .nav .navroot a {
	font-size: 13px;
	color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: left;
	overflow: hidden;
	padding-left: 40px;
	box-sizing: border-box !important;
	background: url(../images/home.png) left 13px center no-repeat; display:block;
}
.header-nav .nav ul li:nth-child(2) a {
	background-image: url("../images/nav1.png");
	background-repeat: no-repeat;
	background-position: left 10px center;
}
.header-nav .nav ul li:nth-child(3) a {
	background-image: url("../images/nav2.png");
	background-repeat: no-repeat;
	background-position: left 17px center;
}
.header-nav .nav ul li:nth-child(4) a {
	background-image: url("../images/nav6.png");
	background-repeat: no-repeat;
	background-position: left 17px center;
}
.header-nav .nav ul li:nth-child(5) a {
	background-image: url("../images/nav4.png");
	background-repeat: no-repeat;
	background-position: left 17px center;
}
.header-nav .nav ul li:nth-child(6) a {
	background-image: url("../images/nav5.png");
	background-repeat: no-repeat;
	background-position: left 13px center;
}
.header-nav .nav ul li:nth-child(7) a {
	background-image: url("../images/nav3.png");
	background-repeat: no-repeat;
	background-position: left 17px center;
}
.header-nav .nav ul li:nth-child(8) a {
	background-image: url("../images/nav7.png");
	background-repeat: no-repeat;
	background-position: left 17px center;
}
.header-nav .nav ul li:nth-child(9) a {
	background-image: url("../images/tel2.png");
	background-repeat: no-repeat;
	background-position: left 17px center;
}
.navroot:nth-child(4) {
	margin-right: 240px;
}
.header-nav .nav .navroot a.active, .header-nav .nav ul li a:hover {
	color: #fff;
	background-color: #205da5;
}
.nav .navsub {
	display: none;
	margin: 0px;
	padding: 0;
	position: absolute;
	width: 120px;
	height: auto;
	z-index: 999;
	overflow: hidden;
	clear: both;
	
}
.nav .navsub li{
	float: left;
	display: block;
	margin: 0 auto !important;
	padding: 0;
	width: 100% !important;
	overflow: hidden; background: #fff;
}

.nav .navsub li:last-child{
	 border-bottom:20px solid #fff
}


.nav .navsub li a {
	height: 34px !important;
	line-height: 34px !important;
	color: #333 !important;
	overflow: hidden;
	background: none !important;
	padding: 0 5px !important;
	text-align: center !important;
	background: initial !important;
	border-bottom: 1px solid #eee;
}
.nav .navsub li a:hover{
	background-color: #2d2926 !important;
	color: #fff !important;
}



.menu-tel {
	float: right;
	display: none;
	width: 213px;
	height: 50px;
	line-height: 50px;
}
.menu-tel i {
	float: left;
	display: block;
	overflow: hidden;
	background: url(../images/ty-tel.png) no-repeat;
	background-size: cover;
	width: 14px;
	height: 14px;
	margin-top: 20px;
	margin-right: 5px;
}
.menu-tel span, .menu-tel p {
	float: left;
	color: #df4634;
}
.menu-tel p {
	font-size: 18px;
	margin-left: 5px;
	font-weight: bold;
}
.banner-ab {
	display: none;
}


.banner{width:100%;overflow:hidden;position:relative;z-index:1;height:550px}
.banner li{text-align:center}
.banner_text{position:absolute;left:36%;top:20%;z-index:3}
.banner_text .banner_text_content .imgleft{width:124px;position:absolute;left:106%;z-index:4}
.banner_text .banner_text_content .banner_text_bg{width:519px;height:157px;padding-left:62px;position:absolute;z-index:3;left:62px;top:10px;background:url(../img/fff.png)}
.banner_text .banner_text_content .banner_text_bg p{position:relative;top:290%}
.banner_text .banner_text_content .banner_text_bg p strong{font-size:14px;color:#434343;font-weight:400;display:block;text-align:center;padding-top:20px}
.banner_text .banner_text_content .banner_text_bg p b{font-size:19px;font-weight:400;font-style:normal;color:#434343;display:block;padding-top:18px;text-align:center}
.banner_text .banner_text_content .banner_text_bg p b span{font-weight:700;color:#1c4587}
.banner_text .banner_text_content .banner_text_bg i{font-size:0;opacity:0;color:#000;font-weight:700;display:block;text-align:center;font-style:normal}
.banner_text .banner_text_content .banner_text_bg i em{font-style:normal;font-weight:700;color:#068915}




.base-title {
  margin: 50px 0 20px;
  line-height: 50px;
  text-align: center;
  overflow: hidden;
}
.base-title h3 {
  font-size: 30px;
}
.base-title i{ position:relative}
.base-title i img{ position: absolute;top:-3px;left:-36px}
.base-title .info {
  font-size: 16px;
  color: #888;
}

/* banner */
.banner-container {
  height: 600px;
}
.banner-container .swiper-pagination-bullet-active {
  background: #000;
}
/* banner end */



.yunu-sou {
	padding: 20px 0;
	border-bottom: 1px solid #eee;background: #f8f8f8
}
.yunu-sou .container{ width:1200px; height:auto; margin:0 auto}
.yunu-sou .hot {
	float: left;
	padding: 8px 0;
}
.yunu-sou .hot a {
	margin-right: 10px;
}
.yunu-sou .hform {
	float: right;
}
.yunu-sou .hform input {
	float: left;
	font-size: 14px;
	border: 0;
	padding: 8px 10px;
	line-height: 20px;
	background: #fff;
	width: 210px; outline:none
}
.yunu-sou .hform button {
	border: 0;
	border-bottom: 1px solid transparent;
	padding: 0;
	float: left;
	cursor: pointer;
	outline: none;
	width: 49px;
	height: 36px;
	background: url(../images/s_so.gif) no-repeat center;
}
.yunu-sou-inner {
}
.yunu-sou-inner .yunu-sou {
	border-bottom: 0;
}
.yunu-sou-inner .hot {
	padding: 6px 0;
}
.yunu-sou-inner .hform {
	background-color: #fff;
	border-radius: 20px;
	overflow: hidden;
}
.yunu-sou-inner .hform input {
	width: 240px;
	background: none;
	padding: 6px 15px;
}
.yunu-sou-inner .hform button {
	background: url(../images/viskins-p1.png) no-repeat -258px -936px;
	width: 30px;
	height: 30px;
}



.section {
	padding: 50px 0;
}
.section .container{ width:1200px; height:auto; margin:0 auto}
.section-title {
	margin-bottom: 40px;
	text-align: center;
	font-size: 40px;
}
.section-title strong {
	color: #009a44;
}
.section-title p {
	margin: 0;
	font-size: 0;
	margin-top: 10px;
}
.section-title span {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 20px;
	padding: 0 20px;
}
.section-title span:before, .section-title span:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #009a44;
	margin-top: -1px;
}
.section-title span:before {
	right: 100%;
}
.section-title span:after {
	left: 100%;
}
.in-yin {
	margin: 0 0 0 -18px;
}
.in-yin li {
	float: left;
	width: 25%;
	
}
.in-yin li .ysmenh {
	position: relative;
	margin: 0 0 0 18px;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	transition: all 0.5s; cursor:pointer
}
.in-yin li .tit23 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #009a44;
	text-align: center;
	font-size: 20px;
	line-height: 85px;
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-yin li .tit23 i {
	position: absolute;
	left: 50%;
	top: -23px;
	width: 46px;
	height: 46px;
	background: no-repeat center #142038;
	margin-left: -23px;
	border-radius: 50%;
}
.in-yin li .text {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-yin li .wrap {
	color: #fff;
	padding: 80px 30px 0;
}
.in-yin li .wrap i {
	width: 64px;
	height: 64px;
	background: no-repeat center #009a44;
	margin: 0 auto;
	border-radius: 50%;
	display: block;
}
.in-yin li .wrap h4 {
	margin: 0;
	position: relative;
	line-height: 70px;
	font-size: 26px;
	text-align: center;
}
.in-yin li .wrap h4:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	height: 3px;
	width: 30px;
	background-color: #fff;
	margin-left: -15px;
}
.in-yin li .wrap p {
	font-size: 16px;
	line-height: 1.8;
	text-align: justify;
	margin: 15px 0 0;
}
.in-yin li .ysmenh:hover {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}
.in-yin li .ysmenh:hover .tit23 {
	top: 423px;
}
.in-yin li .ysmenh:hover .text {
	top: 0;
}



.bg1 {
	color: #fff;
	background: url(../images/cp_bg.jpg) no-repeat center;
}
.bg2 {
	color: #fff;
	background: url(../images/ys_bg.jpg) no-repeat center 0 #f5f5f5;
}
.bg3 {
	background: url(../images/ban01.jpg) no-repeat center;
}
.yunu-pro {
	color: #333;
}
.yunu-pro .sd {
	float: left;
	width: 260px;
	background-color: #fff;
}
.yunu-pro .sd h4 {
	margin: 0;
	line-height: 80px;
	text-align: center;
	font-size: 24px;
	background-color: #009a44; color:#fff
}
.yunu-pro .sd .tit {
	line-height: 65px;
	background: #efefef url(../images/cp_ico02.png) no-repeat 210px center;
	font-weight: bold;
	border-bottom: 1px solid #efefef; margin-bottom:0 !important
}
.yunu-pro .sd .tit a {
	display: block;
	background: url(../images/cp_ico01.png) no-repeat 25px center;
	padding-left: 55px;
}
.yunu-pro .sd ul {
	overflow: hidden;
	margin: 0 15px;
}
.yunu-pro .sd li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 45px;
	border-bottom: #efefef 1px solid;
	background: url(../images/cp_ico03.png) no-repeat 18px center;
	padding-left: 45px;
}
.yunu-pro .sd .tel {
	margin: 10px;
	background: #e9e9e9 url(../images/cp_tel.gif) no-repeat center 34px;
	padding: 72px 0 30px;
	text-align: center;
}
.yunu-pro .sd .tel strong {
	display: block;
	font-size: 30px;
}
.yunu-pro .mn {
	float: right;
	width: 920px;
}
.yunu-pro .mn ul {
	margin-left: -10px;
	margin-top: -10px;
}
.yunu-pro .mn li {
	float: left;
	width: 33.333333%;
}
.yunu-pro .mn li a {
	display: block;
	margin: 10px 0 0 10px;
	background-color: #fff;
}
.yunu-pro .mn li .m {/* height: 195px; */
	line-height: 225px;
}

.yunu-pro .mn li .m img{-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}

.yunu-pro .mn li a:hover .m img{transform: scale(1.1);}

.yunu-pro .mn li .img-center{ overflow:hidden}


.yunu-pro .mn li p {
	margin: 0;
	padding: 0 15px;
	text-align: center;
	line-height: 55px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #e0e0e0;
}
.yunu-pro .mn li a:hover p {
	background-color: #009a44;
	color: #fff;
}


.in-flow {
	background: url(../images/liuc_line.png) no-repeat 165px 45px;
}
.in-flow li {
	float: left;
	width: 171px;
	text-align: center;
	color: #333;
	font-weight: bold;
	font-size: 14px;
}
.in-flow li .icon {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto 12px;
	position: relative;
}
.in-flow li .icon i:before {
	content: '';
}
.in-flow li .icon i, .in-flow li .icon i:before {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../images/iflow_icon.png)
}
.in-flow li .icon i.default {
	background-position: 0 0;
	-webkit-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0);
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.in-flow li .icon i.hover {
	background-position: 0 -100px;
	opacity: 1;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.1s ease 0.2s;
	transition: all 0.1s ease 0.2s;
}
.in-flow li.i1 .icon i:before {
	background-position: 0 -200px;
}
.in-flow li.i2 .icon i:before {
	background-position: 0 -300px;
}
.in-flow li.i3 .icon i:before {
	background-position: 0 -400px;
}
.in-flow li.i4 .icon i:before {
	background-position: 0 -500px;
}
.in-flow li.i5 .icon i:before {
	background-position: 0 -600px;
}
.in-flow li.i6 .icon i:before {
	background-position: 0 -700px;
}
.in-flow li.i7 .icon i:before {
	background-position: 0 -800px;
}
.in-flow li:hover .icon i.default {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg);
}
.in-flow li:hover .icon i.hover {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.in-ys {
	padding: 12px 26px 0;
}
.in-ys dl {
	margin: 55px 0 0;
	float: left;
	width: 566px;
	height: 421px;
	position: relative;
}
.in-ys dt {
	border: 12px solid #fac12c;
	width: 311px;
	height: auto;
	overflow: hidden;
}
.in-ys dt img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-ys dt img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.in-ys dd {
	position: absolute;
	right: 0;
	background-color: #fff;
	margin: -172px 0 0;
	top: 50%;
	width: 350px;
	height: 294px;
	color: #333;
	padding: 50px 50px 0 50px;
}
.in-ys dd h4 {
	margin: 0;
	font-size: 30px;
}
.in-ys dd h4:after {
	display: block;
	height: 2px;
	width: 40px;
	background-color: #009a44;
	content: '';
	margin-top: 15px;
}
.in-ys dd p {
	margin: 20px 0 0;
	font-size: 16px;
	line-height: 1.8;
	height: 84px;
	overflow: hidden;
}
.in-ys dd .num {
	display: block;
	margin-top: 30px;
}
.in-ys dl:nth-child(even) {
	float: right;
}
.in-ys dl:nth-child(even) dt {
	float: right;
}
.in-ys dl:nth-child(even) dd {
	left: 0;
	right: auto;
}



.yunu-news .hd {
	font-size: 0;
	text-align: center;
	margin-bottom: 20px;
}
.yunu-news .hd li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
}
.yunu-news .hd li a {
	display: block;
	line-height: 40px;
	width: 160px;
	font-size: 14px;
	border: 1px solid #ebebeb;
}
.yunu-news .hd li.on a {
	background-color: #009a44;
	border-color: #009a44;
	color: #fff;
}
.yunu-news .bd ul {
	margin-left: -40px;
}
.yunu-news .bd li {
	float: left;
	width: 50%;
}
.yunu-news .bd li a {
	display: block;
	margin-left: 40px;
	border: 1px solid #eee;
	background-color: #fff;
	margin-top: 20px;
	overflow: hidden;
}
.yunu-news .bd li .img-center {
	overflow: hidden;
	height: 290px;
	line-height: 290px;
}
.yunu-news .bd li .img-center img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.yunu-news .bd li a:hover .img-center img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.yunu-news .bd li .date {
	float: left;
	width: 110px;
	color: #666;
	padding: 26px 0;
	text-align: center;
	border-right: 1px solid #eee;
	line-height: 1;
}
.yunu-news .bd li .date strong {
	display: block;
	font-size: 50px;
	color: #333;
	font-family: Impact;
	margin-bottom: 6px;
}
.yunu-news .bd li .info {
	margin-left: 110px;
	padding: 20px;
}
.yunu-news .bd li .info h4 {
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 16px;
}
.yunu-news .bd li .info p {
	color: #888;
	margin: 10px 0 0;
	overflow: hidden;
	line-height: 1.8;
	height: 50px;
}
.yunu-news .bd li a:hover {
	border-color: #009a44;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


.ptb90{padding: 90px 0;}
.containersy{width:1200px;margin-right:auto;margin-left:auto}
.con3ys{width:1300px;margin-right:auto;margin-left:auto}
.tit{margin-bottom: 45px;}
.tit h1{font-size: 40px;text-align: center;line-height: 100%;margin-bottom: 12px;}
.tit p{font-size: 20px;text-align: center;line-height: 28px;}
.tit em{color:#10528e;font-style: normal;}
.d-flex{display:-ms-flexbox!important;display:flex!important}


.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}
.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}
.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}







.yunu-shebei li {float: left;width: 33.333333%;background: url(../images/cp_line02.gif) repeat-x #fff;position: relative;}
.yunu-shebei li .text {padding: 25px 0 0 35px;font-size: 0;height: 108px;}
.yunu-shebei li .text h4 {margin: 0;line-height: 40px;font-size: 16px;}
.yunu-shebei li .text h4 a {display:block; width:94%; margin-left:-1%; text-indent:12px; border-bottom:1px solid #d1d1d1}
.yunu-shebei li .text p {display: inline-block;margin: 5px 0 0;width: 120px;font-size: 14px; overflow:hidden; height:25px; background:url(../img/tb2.png) no-repeat 0 10px; text-indent:10px; line-height:25px; position:relative; z-index:9}
.yunu-shebei li .m img {display: block;width: 100%;height: auto; padding:40px;transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s; position:relative; z-index:0}
.yunu-shebei li:hover .m img {transform:scale(1.15);-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);}
.yunu-shebei li:before {background-color: #ddd;content: '';position: absolute;top: 0;right: 0;width: 1px;height: 100%;}
.yunu-shebei li:last-child:before {display: none;}
.yunu-shebei li:nth-of-type(1),.yunu-shebei li:nth-of-type(2) {width: 50%;}
.yunu-shebei li:nth-of-type(1):before,.yunu-shebei li:nth-of-type(2):before {display: none;}
.yunu-shebei li:nth-of-type(1) {background-image: none;}
.yunu-shebei li:nth-of-type(2) {background: url(../images/cp_line01.gif) repeat-y #fff;}

.yunu-shebei li:hover{ background:#f68100; padding-top:0}
.yunu-shebei li:hover *{ color:#fff}
.yunu-shebei li a:hover{ color:#fff; text-decoration:underline}
.yunu-shebei li:hover .text p{background:url(../img/tb2a.png) no-repeat 0 10px;}








.yunu-ys {padding-bottom: 30px;}
.yunu-ys .bd {width: 800px;margin: 0 auto;height: 175px;}
.yunu-ys .bd dl {margin: 0;}
.yunu-ys .bd dt {font-size: 24px;font-weight: bold;text-align: center; color:#f58912}
.yunu-ys .bd dt img {display: block;margin: 0 auto;}
.yunu-ys .bd dd {text-align: center;line-height: 1.8;margin: 15px 0 0;}
.yunu-ys .hd {background: url(../images/ys_line.gif) repeat-x 0 9px;}
.yunu-ys .hd li {float: left;width: 20%;background: url(../images/ys_k01.png) no-repeat center 0;padding-top: 30px;height: 141px;text-align: center;font-size: 16px;font-weight: bold;cursor: pointer;}
.yunu-ys .hd li i {display: block;height: 35px;overflow: hidden;margin-bottom: 8px;}
.yunu-ys .hd li img {display: block;margin: 0 auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.yunu-ys .hd li.on {background-image: url(../images/ys_k02.png);color: #fff;}
.yunu-ys .hd li.on img {margin-top: -35px;}





.in_new{ width:506px; height:auto;}
/*定制中心，幻灯片切换*/
/* 本例子css */
.slideBox{ width:506px; height:330px; overflow:hidden; position:relative;   }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; right:8px; bottom:8px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-left:2px;width:20px; height:20px; line-height:14px; text-align:center; background:url(../images/bai30.png) repeat; cursor:pointer; line-height:20px; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif}
.slideBox .hd ul li.on{ background:#fff; color:#454540; font-size:14px;  font-family:Arial, Helvetica, sans-serif }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{width: 506px;height: 370px;display: block;background: #f2f2f2; margin-top:-20px}

.slideBox p{position: absolute;left:0px;bottom:-20px;width: 506px;padding:0px 10px;height: 38px;line-height: 38px;background:url(../images/hui45.png) repeat; z-index:99}
.slideBox p span{ display:block;text-overflow:ellipsis;white-space:nowrap; width:347px; height:38px; line-height:38px;font-size: 16px;color: #fff; overflow:hidden}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }




.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}


.in-about {
	background-color: #f5f5f5;
	margin: 0;
}
.in-about dt {
	float: left;
	overflow: hidden;
	width: 660px;
}
.in-about dt img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.in-about dt:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.in-about dd {
	margin-left: 660px;
	padding: 30px 40px 0;
}
.in-about dd h4 {
	margin: 0;
	font-size: 28px;
}
.in-about dd p {
	margin: 20px 0 0;
	text-align: justify;
	line-height: 1.8;
}
.in-about dd .more {
	display: inline-block;
	margin-top:10px;
	padding: 7px 25px;
	background-color: #009a44;
	color: #fff;
	text-transform: uppercase;
	border-radius: 50px;
}
.in-about dd .more:hover {
	-webkit-animation: shake 1.5s linear;
	animation: shake 1.5s linear;
}

.yunu-link {
	padding: 20px 0;
}
.yunu-link h4 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #009a44;
	padding-bottom: 15px;
}
.yunu-link h4 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999;
}
.yunu-link ul {
	margin-left: -20px;
}
.yunu-link li {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}



.products {
  background: url('../img/products-bg.jpg') no-repeat;
  height: 830px;
  overflow: hidden;
}
.products .tabs-container {
  border: 1px solid #ddd;
  background: #fff;
}
.products .tabs-container .tabs {
  overflow: hidden;
}
.products .tabs-container .tabs .item {
  float: left;
  width: 20%;
  text-align: center;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  border-right: 1px solid #ddd;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}
.products .tabs-container .tabs .item.no-border {
  border-right: 0;
}
.products .tabs-container .tabs .item.active {
  border-bottom: 2px solid #2e6cb4;
}
.products .tabs-container .box {
  padding: 15px;;max-height:490px !important; overflow:hidden
  
}
.products .tabs-container .box .swiper-container ul {
  overflow: hidden;
  margin-right: -15px
}
.products .tabs-container .box .swiper-container ul li.last {
  background: #f1f1f1;
  text-align: center;
}
.products .tabs-container .box .swiper-container ul li.last a {
  display: block;
  padding-top: 35px;
  height: 100%;
  color: #333;
  font-size: 20px;
  transition: all .3s linear;
}
.products .tabs-container .box .swiper-container ul li.last a:hover {
  background: #2e6cb4;
  color: #fff;
}
.products .tabs-container .box .swiper-container ul li.last a:hover .iconfont {
background:url('../img/cpmore2.png') no-repeat; 
}
.products .tabs-container .box .swiper-container ul li.last .iconfont { background:url('../img/cpmore1.png') no-repeat; margin:10px auto 0; display:block; width:63px; height:62px
}
.products .tabs-container .box .swiper-container .con-six {
  width: 280px;
  height: 210px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.products .tabs-container .box .swiper-container .con-six.first {
  width: 575px;
  height: 440px;
  margin-right: 18px;
}

.con-six {
  float: left;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.con-six .conimg-two {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100;
}
.con-six .txt-six {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 45px;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  display: none;
}
.con-six .txt-six a {
  color: #fff;
  display: block;
  height: 100%;padding-top:32%
  
}
.con-six .txt-six h3 {
  font-weight: 400;
  height: 30px;
  overflow: hidden;
  padding: 0 15px;
  font-size: 17px;
  line-height:30px;
}
.con-six .txt-six p {
  font-size: 12px;
  display: block;
  height: 40px;
  overflow: hidden;
  line-height: 20px;
  padding: 0 15px;
}





/* 首页视频板块 */
.g_cho{background:url(../img/chobg.jpg) no-repeat center top #f1f1f1;height: 935px;padding-top: 50px; overflow:hidden}
.g_cho .contentindex .spmenu,.g_cho .contentindex .spmenu:hover{font-size: 30px; font-weight:bold; color:#fff; display:block; width:260px; height:70px; line-height:70px; margin:0 auto; background:url(../img/sptu.png) no-repeat 0 center; text-indent:45px}
.g_cho h2{text-align: center;font-size: 30px;font-weight: bold;color: #fff; line-height:70px}
.g_cho h2 em{display: block;font-size: 16px;font-weight: normal; line-height:40px}
.g_cho .sptbin{ display:block; height:225px; width:100%; padding-top:44px}
.g_cho dl{width: 300px;float: left;}
.g_cho dt{width: 300px;height: 218px;overflow: hidden;}
.g_cho dt img{width: 300px;height: 218px;display: block;transition: all 0.3s linear 0s;}
.g_cho dt:hover img{transform: scale(1.2);}

.g_cho .m_cho{ width:1200px; height:auto; margin:0 auto}
.g_cho dd a{ display:block;background: #fff;padding-top: 35px;width: 300px;height:218px;}
.g_cho dd a:hover{ background: #2e6cb4;}
.g_cho h3{height: 38px;line-height: 38px;text-align: center;overflow: hidden;font-size: 22px;font-weight:500;color: #888;}
.g_cho dd div{ width:40px; height:3px; background:#888; margin:10px auto}
.g_cho p{padding: 0 15px;font-size: 14px;line-height: 24px;color: #888;text-align: center;}
.g_cho dd a:hover h3,.g_cho dd a:hover p{ color:#fff}
.g_cho dd a:hover div{ background: #fff;}







.i_box3{ width:100%; height:auto; background:#f1f1f1; padding-bottom:80px}
.mr_frbox2{HEIGHT: 130px; width:1300px;  margin:50px auto 0; position:relative; }
.mr_frbox2 .leftprol{ position:absolute; left:0; top:37px;CURSOR: pointer}
.mr_frbox2 .rightpror{ position:absolute; right:0; top:37px;CURSOR: pointer}

.imgboxcp{ width:1200px; height: auto; margin:10px auto 0; overflow:hidden}
.imgboxcp ul li{ width:208pxpx; height:104px; margin:0 19px 0 18px; display: inline; float:left; overflow:hidden; border:1px solid #d9d9d9}
.imgboxcp ul li div{ display:block; width:208px; height:104x; text-align: center; line-height:39px;}
.imgboxcp ul li div img{ width:208px; height:104px;}


.titlenews{ width:100%; height: 120px; margin:0px 0 20px;background:url(../img/newsbg.gif) no-repeat center 74px; overflow:hidden}
.titlenews p{ width:1200px; height:50px; line-height:50px; text-align:center; margin:0 auto;  font-family:微软雅黑; font-size:36px;font-weight:bold}
.titlenews span{ text-align:center; font-size:16px; color:#444; line-height:25px; display:block;} 
.titlenews a{ display:block; width:95px; height:28px; line-height:28px; color:#fff; margin:10px auto; background:#949494; text-align:center}


.mr_frboxe {HEIGHT: 210px; width:1300px;  margin:30px auto 0; position:relative; overflow:hidden}
.mr_frboxe .leftprole{ position:absolute; left:0; top:80px;CURSOR: pointer}
.mr_frboxe .rightprore{ position:absolute; right:0; top:80px;CURSOR: pointer}

.imgboxcpe{ width:1200px; height:210px; margin:10px auto 0;}
.imgboxcpe ul li{ width:280pxpx; height: auto; margin:0 17px 0 5px; display: inline; float:left;}
.imgboxcpe ul li a.hasig{ display:block; width:280px; height:210px; text-align: center; line-height:40px; position:relative; overflow:hidden}
.imgboxcpe ul li a.hasig img{ width:280px; height:210px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.imgboxcpe ul li a.hasig:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.imgboxcpe ul li a.hasig span{ display:none}
.imgboxcpe ul li a.hasig:hover span{ display:block; width:100%; height:210px; line-height:30px; position:absolute; background:rgba(0, 0, 0, 0.6);; left:0; top:0; z-index:9999; font-size:16px; overflow:hidden; text-align:center; padding-top:85px; color:#fff}


.i_box3 .shfwcn {
  text-align: center; width:1200px; margin:0 auto
}
.i_box3 .shfwcn h3 {
  font-size: 25px;
  font-weight: bold;
  margin: 40px 0 25px;
}
.i_box3 .shfwcn .list {
  border: 1px solid #ddd;
  overflow: hidden;
  background: #fff;
}
.i_box3 .shfwcn .list .item {
  padding: 20px 15px;
  float: left;
  width: 399px;
  border-right: 1px solid #ddd;
  color: #7e7e7e;
}
.i_box3 .shfwcn .list .item p {
  font-size: 16px;
  line-height: 24px;
}
.i_box3 .shfwcn .list .item img { display:block; max-width:50px;max-height:50px; margin:0 auto
}
.i_box3 .shfwcn .list .item:last-child {
  border: none;
}



.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}





.footer {
  width: 100%;
  background: #142038;
  padding-top: 50px; padding-bottom:50px
}

.footer .foot_nav {
  border-top: 2px solid #434d60;
  width: 18%;padding-top: 18px;
}

.footer .foot_nav li {
  width: 50%;
  display:block; float:left
}

.footer .foot_nav li a {
  text-align: left;
  line-height: 30px;
  font-size: 14px;
  color: #ccc;
  display: block; width:90%; float:left; margin:0 10% 0 0; background:url(../images/f_ico01.png) no-repeat 10px center; text-indent:25px
}
.footer .foot_nav li a:hover{ text-decoration:underline}


.footer .foot_contact {
  width: 37%;
  float: left;
  padding: 10px  0 0;
  border-top: 2px solid #434d60; margin-left:7%
}

.footer .foot_contact .text2 {
  width: 100%;
}

.footer .foot_contact .text2 p {
  font-size: 14px;
  color: #ccc;
  display: block;
  margin-top: 10px;
}

.footer .foot_contact .text2 p a {
  font-size: 14px;
  color: #fff;
}

.footer .foot_contact .text2 p strong {
  font-size: 24px;
  color: #fff;
  font-weight: bold;
}

.footer .foot_ewm {
  width: 31%;
  float: right;
}

.footer .foot_ewm p {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 8px;
  border-radius: 5px;
  width: 42%;
  margin: 0 3%;
  background:#fff
}

.footer .foot_ewm p span {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #050911;
  margin-top: 4px;
}

.footer .foot_ewm p img {
  display: block;
  width: 100%;
}

.dibbad{ text-align:center; height:56px; background:#050911;}
.dibbad,.dibbadc *{ color:#ccc; line-height:56px; font-size:14px}
.dibbadc a#asfgfse{color:#ccc; line-height:56px;font-size:14px}
.dibbad a{color:#ccc}





.container .main_r{width:959px;margin-top:20px; margin-bottom:20px}

.container .nyzc{ background:#fff; width:221px;}
.container .protit{ line-height:64px; font-size:24px; color:#fff; text-align: center;background:#009a44;}
.container .borzyx{ background:#ececeb}
.container .lxtit{ line-height:64px; font-size:18px; color:#fff;text-align:left;background:#10528e; text-indent:20px}
.container .nyzc .inyij{ display: block; width:198px; height:61px; border-bottom:1px solid #e2e2e2; text-align:center; font-size:16px; line-height:61px;text-overflow:ellipsis;white-space:nowrap; margin:0 auto}
.container .nyzc .inyij2{ display: block; width:100%; height:45px; border-bottom:1px solid #e2e2e2; font-size:16px; line-height:45px;text-overflow:ellipsis;white-space:nowrap; margin:0 auto; text-indent:20px; font-weight:bold; background:#f5f5f5}
.container .nyzc .cpbocn{ width:100%; height:auto; margin:0 auto}
.container .nyzc .cpbocn a{ display: block; width:100%; height:35px; border-bottom:1px solid #e2e2e2; font-size:14px; line-height:35px;text-overflow:ellipsis;white-space:nowrap; margin:0 auto; text-indent:37px;background:url(../img/tb2.gif) no-repeat 23px center #fff}
.container .pd12{ padding-top:8px !important}
.container .pd12 .newm{ width:156px; overflow:hidden}
.container .pd12 .newm img{ width:156px}
.container .pd12,.i_box1 .pd12 *{ font-size:14px; line-height:25px; color:#333;}



.new_list {
  width: 100%;
  margin-top: 10px;
}

.new_list ul li {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.new_list ul li .fl {
  width: 25%;
}

.new_list ul li .fl .imgauto {
  width: 100%;
  height: 132px;
  padding: 1%;
  border: 1px solid #ddd;
}

.new_list ul li .fr {
  width: 75%;
  padding-left: 20px;
}

.new_list ul li .fr a.newsfs {
  font-size: 20px;
  display: block;
}


.new_list ul li .fr p {
  font-size: 14px;
  color: #888;
  display: block;
  margin-top: 10px;
  line-height: 24px;
}

.new_list ul li .fr .text {
  width: 100%;
  margin-top: 10px;
}

.new_list ul li .fr .text .fenlei {
  float: left;
  font-size: 16px;
  color: #e60012;
  line-height: 30px;
}

.new_list ul li .fr .text .timec {
  float: left;
}

.new_list ul li .fr .text .timec .time {
  padding-left: 20px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  background: url(../img/time.png) no-repeat left center;
  background-size: 16px;
  float: left;
}

.new_list ul li .fr .text .timec .kan {
  background: url(../img/shu.png) no-repeat left center;
  background-size: 16px;
  float: right;
  padding-left: 20px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
  margin-left: 20px;
}


.new_list ul li .fl .imgauto img {
    display: block;
    width: 100%;
	height:100%;
    margin: 0 auto;
}



.crumbs{width: 100%;
  background:#f1f1f1;
  height:32px;
  margin-bottom:10px;}
.crumbs p{font-size:12px;
  color: #aaa;
  padding-left: 30px;
  line-height: 30px;
  background: url(../img/home2.png) no-repeat 10px center;}
.crumbs p a{font-size: 13px;
  color: #666;
  padding:0 3px;}
.crumbs p a:hover {
  color: #23527c;
}

.borneiy{ border:1px solid #eee; padding:10px 25px 30px; min-height:606px}
.borhuids{ border:1px solid #eee; padding:10px 15px 20px; }


.zhuti{ width:540px; height:550px; display:block; float:left; position:relative}

.showB_preview{width:500px;height:375px; overflow:hidden}
/*图片小图预览列表*/
.showB_scroll{clear:both;margin-top:25px;width:500px; height:115px}
.showB_scroll .prev{float:left;margin-right:8px;}
.showB_scroll .next{float:right;}
.showB_scroll .prev,.showB_scroll .next{display:block;font-family: Arial, Helvetica, sans-serif;text-align:center;width:15px;height:110px; line-height:110px; border:1px solid #cccccc; background:#ebebeb; color:#aaa;margin-top:0;cursor:pointer;text-decoration:none;}
.showB_scroll .items{float:left;position:relative;width:450px;height:115px;overflow:hidden;}
.showB_scroll .items ul{position:absolute;width:999999px;}
.showB_scroll .items ul li{float:left;width:150px;text-align:center; margin-right:0}
.showB_scroll .items ul li img{border:1px solid #CCC;padding:2px;width:140px;height:105px;}
.showB_scroll .items ul li img:hover{border:2px solid #3671cf;padding:1px;}
/*jqzoom*/
.jqzoom{width:498px;height:373px; overflow:hidden; display: table-cell; vertical-align: middle;text-align: center;float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px; border:1px solid #eee}
.jqzoom img{max-width: 100%;max-height: 100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


.righttxta{ width:355px; height: auto; display:block; float:left}
.righttxta .titlea{ font-size:24px; font-weight:bold; line-height:40px; border-bottom:1px solid #cfcfcf; padding:3px 0 12px}
.righttxta .contentb{}
.righttxta .contentb dl dt,.righttxta .contentb dl dd{
	border-bottom: 1px dotted #cfcfcf;
    line-height: 30px;
    font-size: 14px;
    color: #666666;
    margin: 10px auto 0;
    padding-bottom: 10px;
	}
.righttxta .contentb dl dt span,.righttxta .contentb dl dd span{ line-height:46px; font-size:15px; color:#333333}
.righttxta .contentb dl dt .more,.righttxta .contentb dl dd .more{ width:150px; height:45px; display:block; float:left; margin-right:20px; text-align:center; line-height:45px; background:#1e5db0; color:#fff;border-radius:10px;}
.righttxta .contentb dl dt em,.righttxta .contentb dl dd em{ color:#ff0000 !important; font-style:normal !important; font-weight:bold}
.righttxta .contenta{padding-left:30px; background:url(../images/icon.jpg) 0 0 no-repeat}
.righttxta .contenta *{ font-size:16px; line-height:31px; color:#666}
.righttxta .contentc{ margin-top:20px}
.righttxtb{
	width: 32%;
    height: auto;
    display: block;
    float: left;
    margin: 0 5% 0 0;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #666;}
.righttxtb img{ max-width: 100%;height: auto;}





/*上一页下一页*/
.news_page{ margin:20px auto;overflow: hidden;}
.news_page dt,.news_page dd{ width:50%;float:left; height:40px; line-height:40px; overflow:hidden;padding:0 10px 0 30px;background:#f5f5f5;}
.news_page .pagepre{background:#f5f5f5 url(../images/public/pagepre.png) no-repeat 10px center;} 
.news_page .pagepre a{line-height:40px; color:#444} 
.news_page .pagenext{text-align: right;padding-right: 30px; background:#f5f5f5 url(../images/public/pagenext.png) no-repeat 98% center; } 
.news_page .pagenext a{line-height:40px; color:#444} 
.news_page .pagepre:hover{ background:#d8d8d8 url(../images/public/pagepre.png) no-repeat 10px center;}
.news_page .pagenext:hover{background:#d8d8d8 url(../images/public/pagenext.png) no-repeat 98% center;}


.flexslider{ width:1920px;height:100%;position:relative;left: 50%;margin-left: -960px;overflow:hidden; min-width:1000px;}
.slides{position:relative;z-index:1;}
.slides li{height:100%;}
.slides li img{width: 100%; margin:0 auto; display:block;}



.borneiy .blockb{ margin-bottom:35px}
.borneiy .blockb .titlea{ height:50px; background:#f2f2f2}
.borneiy .blockb .titlea p{ float:left; padding-left:35px; padding-right:35px; line-height:50px; background:#009a44; color:#fff; font-size:18px}



.borneiy .blockb .contenta table {
    width: 100% !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.borneiy .blockb .contenta table td {
    border: 1px solid #999999 !important;
    border-color: windowtext !important;
    padding: 5px !important;
}

.main_l{width:100%;position:relative;z-index:4;}
.main_l p{width:100%;height:105px;background:#1c4587;padding-top:22px}
.main_l p span{font-size:27px}
.main_l p i,.main_l p span{text-align:center;display:block;color:#fff}
.main_l p i{font-size:12px;font-style:normal}
.main_l .sduhg{width:100%;height: auto;position:relative;border-top:none;}
.main_l>ul>li{width:100%;height:50px;position:relative;overflow:hidden; margin:1px auto;background: url(../images/list1.png) no-repeat 180px center #ececeb; }
/*.main_l>ul>li:before{content:"+";width:20px;height:20px;line-height:18px;text-align:center;border:1px solid #415b87;position:absolute;right:10px;top:50%;margin-top:-10px}*/
.main_l>ul>li.active,.main_l>ul>li:hover{background: url(../images/list.png) no-repeat 180px center #f68100}
.main_l>ul>li.active span,.main_l>ul>li:hover span{color:#fff}
.main_l>ul>li.active:before,.main_l>ul>li:hover:before{border-color:#fff;color:#fff}
.main_l>ul>li.active:before{}
.main_l>ul>li.no_child:before{display:none}
.main_l>ul>li>a{height:50px;width:100%;display:block;text-align:left; text-indent:40px}
.main_l>ul>li>a span{font-size:18px;line-height:50px;}
.main_l>ul>li>a i{float:right;font-style:normal}
.main_l>ul ul{}
.main_l>ul ul li{text-align:center;line-height:36px;background-color:#f5f5f5;border-top:1px dashed #9b9a9c}
.main_l>ul ul li:first-child{border-top:0}
.main_l .contact{width:100%;height:203px;background:#086aac;padding-top:40px}
.main_l .contact a img{width:65px;display:block;margin:0 auto}
.main_l .contact a h3{font-size:19px;text-align:center;color:#fff}
.main_l .contact a span{font-size:14px;text-align:center;display:block;color:#fff}
.main_r{width:959px;float:right; }


.pro_list{width:927px;overflow:hidden; margin-top:15px}
.pro_list ul{width:106%}
.pro_list ul li{width:210px;margin-right:25px;margin-bottom:18px;float:left;}
.pro_list ul li .cplbis{ display:block;width:210px; height:190px; position:relative; overflow:hidden}
.pro_list ul li .cplbis img{ width:210px; height:156px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.pro_list ul li .cplbis:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.pro_list ul li .cplbis span{display:block;text-align:center;font-size:14px; position:absolute; top:156px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#fff; width:100%; height:30px; line-height:30px}

.ccp_list{width:927px;overflow:hidden; margin-top:15px}
.ccp_list ul{width:106%}
.ccp_list ul li{width:286px;margin-right:25px;margin-bottom:18px;float:left;}
.ccp_list ul li .cplbispr{ display:block;width:286px; height:250px; position:relative; overflow:hidden; background:#fff}
.ccp_list ul li .cplbispr div{ width:286px; height:215px; border:1px solid #ddd; overflow:hidden}
.ccp_list ul li .cplbispr img{ width:284px; height:213px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.ccp_list ul li .cplbispr:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.ccp_list ul li .cplbispr span{display:block;text-align:center;font-size:14px; position:absolute; top:215px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#fff; width:100%; height:35px; line-height:35px}

.he_list{width:927px;overflow:hidden; margin-top:15px}
.he_list ul{width:106%}
.he_list ul li{width:210px;margin-right:25px;margin-bottom:18px;float:left;}
.he_list ul li .helbis{ display:block;width:210px; height:133px; position:relative; overflow:hidden; background:#d9d9d9}
.he_list ul li .helbis p{ display:block;width:208px; height:101px; border:1px solid #d9d9d9}
.he_list ul li .helbis img{ width:208px; height:101px;}
.he_list ul li .helbis span{display:block;text-align:center;font-size:14px; position:absolute; top:103px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#fff; width:100%; height:30px; line-height:30px}










.flink{margin-top:50px;width:100%; margin-bottom:60px}
.flink .flink_tit{width:100%;position:relative}
.flink .flink_tit p{height:12px;width:100%;background:url(../img/dian.png);position:absolute;top:15px}
.flink .flink_tit span{height:42px;background:#fff;color:#ff5500;font-size:14px;border:1px solid #ff5500;position:relative;z-index:2;display:block;width:115px;text-align:center;line-height:42px;margin-left:40px}
.flink .flink_list{width:100%;margin-top:30px;margin-left:40px}
.flink .flink_list ul li{float:left;margin-right:28px}
.flink .flink_list ul li a{font-size:14px;line-height:28px;}
.flink .news_list{width:auto;height:auto;border:0;padding:20px 0}




.flink2{margin-top:20px;width:100%}
.flink2 .flink_tit2{width:100%;position:relative;height:42px;background:#f1f1f1;  margin-bottom:10px}
.flink2 .flink_tit2 p{ margin-left:15px; line-height:42px; font-size:16px; font-weight: bold}
.flink2 .flink_list2{width:100%;margin-top:30px;margin-left:40px}
.flink2 .flink_list2 ul li{float:left;margin-right:28px}
.flink2 .flink_list2 ul li a{font-size:14px;line-height:28px;color:#5a5a5a}
.flink2 .flink_list2 ul li a:hover{color:#47cdff}





.page_banner{width:100%;overflow:hidden;height:350px}
.page_banner img{width:1920px;position:relative;left:50%;margin-left:-960px;}



.liuyan{width:100%;margin-top:10px}
.liuyan b{width:240px;height:100px;display:block;overflow:hidden}
.liuyan b:hover a{left:-240px}
.liuyan b:hover a,.liuyan b a{position:relative;transition:.5s}
.liuyan b a{width:480px;height:100px;display:block;left:0}
.liuyan b a img{width:240px;float:left}





.news_list ul li{width:100%;float:left;height: auto;padding-top:9px;border-bottom:1px dashed #c6c6c6;margin-bottom:8px; padding:5px 0 0 0}
.news_list ul li a span{font-size:16px;float:left; font-size:16px; line-height:35px; font-weight:bold;display:block; width:780px; height:35px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_list ul li p{float:right; line-height:35px; color:#666; width:90px; display:block; height:35px}
.news_list ul li .newzyd{ padding:0px 0 10px}

.news_xg ul li{width:50%;float:left;height:38px;padding-top:9px;border-bottom:1px dashed #c6c6c6;margin-bottom:8px; padding:5px 3% 0 0}
.news_xg ul li a span{font-size:14px;float:left; display:block; width:340px; height:38px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_xg ul li p{float:right;display:block; width:84px; height:38px; overflow:hidden}

.pro_xg ul li{width:286px;margin:10px 11px 10px 12px;margin-bottom:18px;float:left;}
.pro_xg ul li .cplbis{ display:block;width:286px; height:250px; position:relative; overflow:hidden; background:#f1f1f1}
.pro_xg ul li .cplbis img{ width:286px; height:215px;transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;}
.pro_xg ul li .cplbis:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.pro_xg ul li .cplbis span{display:block;text-align:center;font-size:14px; position:absolute; top:215px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#fff; width:100%; height:30px; line-height:30px}



.pages{width:100%;text-align:center}
.pages a{padding:2px 5px;border:1px solid #cb211a;color:#cb211a;font-size:12px;margin:0 2px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline}
.pages a.active,.pages a:hover{background:#009a44 !important;color:#fff !important;border:1px solid #009a44 !important}
.pages .cur{background:#009a44 !important;border:0 !important}
.pages .cur:hover{background:#009a44 !important;border:0 !important}
.pagination p.pageRemark b{ color:#009a44 !important}


.content_tit h3{font-size:22px;padding:3px 0;line-height:30px;text-align:center;font-weight:400; border-bottom:1px dashed #ccc; padding:10px 0}
.content_tit h3.bornone{ border:none}
.content_tit p{width:100%;text-align:center;padding:5px 0 5px; background:#f1f1f1}
.content_tit p span{line-height:21px;font-size:12px;color:#666;margin:0 5px}
.content_des{width:100%;border-bottom:1px dashed #ccc;padding:10px 0;margin-bottom:20px;text-indent:24px}
.content_des p{font-size:14px;color:#868686;line-height:24px}
.content p{font-size:14px;line-height:24px;text-indent:2em;margin-top:15px}
.content p img{ margin-left:-2em}
.show_img{ text-align:center; margin-top:20px}
.show_img img{ max-width:100%;}


.prve{width:100%;margin-top:20px}
.prve p{height:25px;width:100%}
.prve p a{width:100%;line-height:25px;font-size:14px;}

.prvecp{width:100%;}
.prvecp p{ line-height:80px; font-size:20px}
.prvecp p a{line-height:80px;font-size:20px; color:#23527c}
.prvecp p a:hover{ color:#777}

.content_img{width:100%;height:240px;overflow:hidden;margin:25px 0}
.content_img img{height:230px}.container .pro_list{width:905px}
.container .pro_list li{margin-right:21px}

.content_cp{ background:#fff; border-bottom:1px solid #ddd; padding:10px;margin:10px auto 0}
.content_cp p{ margin-top:10px; margin-bottom:10px; text-indent:40px}
.content_cp p img{ margin-left:-40px}
.content_cp img{ max-width:900px}

.show_guest{float:right;margin-top:50px;width:100%}
.show_guest .fl{width:353px;height:458px;padding:0 20px;position:relative}
.show_guest .fl i{width:1px;font-style:normal;display:block;height:458px;background:#eee;position:absolute;left:175px;top:0}
.show_guest .fl .guestbook{width:313px;height:148px;padding:15px 0;background:#fff;position:relative;z-index:3;top:155px}
.show_guest .fl .guestbook b{width:313px;height:118px;overflow:hidden;display:block;position:absolute}
.show_guest .fl .guestbook b img{width:313px;position:absolute;top:-70px}
.show_guest .fl .guestbook p{position:absolute;width:313px;height:118px;top:15px;left:0;padding-top:26px}
.show_guest .fl .guestbook p strong{font-size:29px;line-height:43px;text-align:center;display:block;font-weight:400;color:#fff}
.show_guest .fl .guestbook p span{color:#fff;font-size:12px;line-height:18px;text-align:center;display:block}
.show_guest .fr{width:415px;height:458px;padding:20px;border:1px solid #ececec}
.show_guest .fr p{width:370px;float:left;margin:7px 0}
.show_guest .fr p span{padding:10px 0;line-height:1.5;font-size:12px;display:block}
.show_guest .fr p input{height:37px}
.show_guest .fr p input,.show_guest .fr p textarea{width:370px;border:none;border:1px solid #ddd;font-size:12px;text-indent:5px}
.show_guest .fr p textarea{height:162px}
.show_guest .fr p .btn{height:49px;border:none;border-radius:4px;background:#0269ab;color:#fff}
.show_guest .fr p .btn:hover{background:#00aff1}.swiper-container,.swiper-slide{height:100%}
.pages .pagination{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline}
.pages .pagination a,.pages .pagination p{line-height:20px}.pages .pagination .pageRemark{line-height:26px;padding:0}
.banner_btn{width:100%;height:16px;position:absolute;left:0;bottom:20px;z-index:3;text-align:center}


.banner_btn a{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;filter:alpha(opacity=40);opacity:.4;width:12px;height:12px;border:2px solid #fff;border-radius:8px;margin:0 8px;transition:opacity .2s,background .2s;outline:none}
.banner_btn a.in,.banner_btn a:hover{filter:alpha(opacity=100);opacity:1;background:#fff}
.tag{border-top:1px dashed #999;border-bottom:1px dashed #999;line-height:40px}


/*# sourceMappingURL=yunu.css.map */
.nav_group {
    border: 1px solid #e8e8e8;
    font-size: 12px;
    line-height: 1.5;
    padding: 0 8px;
}
.nav_group_item {
    padding: 0 100px 0 120px;
    position: relative;
    overflow: hidden;
    border-top: 1px dashed #dedede;
}
.nav_group_item:first-child {
    border-top: 0;
}
.nav_group_item a {
    float: left;
    margin: 9px 40px 9px 0;
    color: #000;
    text-decoration: none;
}
.nav_group_item a:hover,.nav_group_item a.active {
    color: #f40;
}
.nav_group_item .item_name {
    position: absolute;
    left: 11px;
   	top: 9px;
    color: #999;
}
.nav_group_item .active{color: red; font-weight: bold;}







.m_1>li>a{    width: 100%;
    height: 50px;
    position: relative;
    overflow: hidden;
    margin: 1px auto;
    background: url(../images/list1.png) no-repeat 180px center #dddddd; display:block;
    text-align: left;
    text-indent: 40px;font-size: 18px;
    line-height: 50px;}
.m_1>li>a.active, .m_1>li:hover>a{background: url(../images/list.png) no-repeat 180px center #009a44;width: 100%;
    height: 50px;
    position: relative;
    overflow: hidden;
    margin: 1px auto;
    text-align: left;
    text-indent: 40px;font-size: 18px;
    line-height: 50px; color:#fff}
.m_2{display: none;}
.m_2>li{}
.m_2>li a{text-indent: 60px;
    position: relative;
    display: block;
    background-color: #ececec;
    margin-bottom: 2px;
    font-size: 15px; line-height:46px}
.m_2>li a:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 32px;
    margin-top: -4px;-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}
.m_2>li a.active, .m_2>li a:hover{text-indent: 60px;
    position: relative;
    display: block;
    background-color: #dddddd;
    margin-bottom: 2px;
    font-size: 15px; color:#23527c; line-height:46px}

.m_2>li a.active:after,.m_2>li a:hover:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid #b8b8b8;
    border-style: solid solid none none;
    position: absolute;
    top: 50%;
    right: 32px; color:#009a44;
    margin-top: -4px;border-color: #009a44;-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}



.bt1{ border-top:1px solid #eee}

/**
 * ============================== 产品 ===================================
 */
#product{overflow: hidden; width:100%; margin:0 auto; background:#f3f3f3; padding:50px 0 60px}
#product .navbar{margin-bottom: 40px;}
#product .navbar ul{margin: 0 -5px;}
#product .navbar ul li{position: relative;width: 20%;padding: 0 5px;}
#product .navbar ul li a{font-size:20px;text-align: center;color: #4a4949;line-height: 50px; background-color: #fff;display: block;-webkit-transition: .5s;transition: .5s;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;}
#product .navbar ul li a i{display: block;font-size: 90px;line-height: 100%;}
#product .navbar ul li.active a{color: #fff;background-color:#10528e;}

#product .list{ width:1200px; overflow:hidden; margin:0 auto}
.probox {padding-bottom: 50px;}
#product .list ul{margin: 0 auto;padding-bottom: 15px; width:1200px; overflow:hidden}
#product .list ul li{padding: 0 2px;width: 25%;margin-bottom: 4px;}
#product .list ul li a{box-shadow: 0 0 20px rgba(0,0,0,.05);display: block;}
#product .list ul li .img{overflow: hidden; height:220px}
#product .list ul li .img img{width: 100%; height:220px;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
#product .list ul li a:hover .img img{transform: scale(1.1);}
#product .list ul li .text{padding: 15px 25px;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
#product .list ul li h3{font-size: 16px;line-height: 100%; font-weight:500}
#product .list ul li h3 em{font-style: normal;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 80%; color:#454545; line-height:26px}
#product .list ul li h3 i{width: 25px;height: 25px;display: inline-block;text-align: center;line-height: 23px;border:solid 1px #ccc;border-radius: 90px;color: #999;}
#product .list ul li p{color: #6e6c6c;font-size: 18px;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


#product .list ul li a:hover .text{background-color: #009a44;}
#product .list ul li a:hover .text h3 em{color: #fff;}
#product .list ul li a:hover .text p{color: #fff;}
#product .list ul li a:hover h3 i{border:solid 1px #fff;border-radius: 90px;color: #fff;}

#product .list .swiper-pagination{bottom: 0;}