*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
    font-family:"微锟斤拷锟脚猴拷","Microsoft Yahei"; 
    color: #4c4c4c;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}
a {text-decoration: none}
.nLi h3{margin-top: 0px!important;line-height:3!important;}
.clearfix {
	zoom: 1;
}
img{ border:0; max-width:100%;}
.box{
	margin: 0 auto;
	width: 1200px;
}
.active-index h2{font-size:18px!important;}
a{
    text-decoration: none;
}
.mar40{ margin-right:50px;}
.head{
    /*background: #44b753;*/
    padding: 5px 0;
	border-bottom:1px #dddddd solid;
}
.head p{
    float: left;
}
.head .box div{
    float: right;
}
.head a{   
}
.head ul{ float:right;}
.head ul li{ float:left; margin-left:15px; position:relative;}
.head ul li span{ display:none;}
.head ul li:hover span{ display:block; position:absolute; top:35px; left:0; width:150px; }
.header{
    margin: 15px 0;
}



.logo{
    float: left;
}
.tmid{
    float: left;
}
.tel{
    float: right;
}
.nav{
   /* background: #44b753;*/border-top: 1px #dddddd solid;
}

.nav ul li a{
    display: block;
    
}
.nav ul li a:hover{
	background-color:#44b753; color:#ffffff;
}
.nav ul li a.on{ color:#ffffff;background-color: #44b753;}

.nav .nLi {
	float: left;
	width: 12.4%;
	text-align: center;
	display: inline; position:relative;height: 45px;
    line-height: 45px;
}
.nav .nLi h3 a {
	font-size: 16px; font-weight:normal;
	font-weight: normal;
	text-align: center;
	display: block; color: #333333; border-right:1px #ddd solid;
}
.nav .nLi h3 a:hover {
	background-color: #44b753;
}
.nav .sub{ display:none;  left:0; top:45px;  position:absolute; background:#44b753;  line-height:2; padding:20px 0; z-index:999;  }

.nav .sub2{ width:820px; }
		.nav .sub2 dl{ width:23%; float:left; margin:0 1%; text-align:left; }
		.nav .sub2 a{ display:block; padding:0 10px; color:#fff;  }
		.nav .sub2 a:hover{ color:#2d2d2d;  }
		.nav .sub2 dt{ font-size:18px; margin-bottom:10px; border-bottom:1px #ffffff dashed; line-height:2; font-weight:bold;}
.nav .sub2 dd{ font-size:15px; line-height:30px;}

.nav .sub1{ width:100%; }
.nav .sub1 li a{ color:#ffffff;}
.nav .sub1 li a:hover{ color:#2d2d2d;}
.sjnav{ display:none;}


/*banner*/
#sjslideBox{ display:none;}
#banner{
    width: 100%;
    position: relative;
}
#banner ul{
    overflow: hidden;
    margin-bottom: 0;
}
#banner ul li{
    list-style: none;
    display: none;
}
#banner img{
    width: 100%;
}
#p{
    width: 90px;
    position: absolute;
    left: 48%;
    bottom: 3%;
}
#p p{
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #1c67c4;
    float: left;
    margin-left: 10px;
}
#p p:nth-child(1){
    margin-left: 0;
}
#p .on{
    background: #fff;
}
#left{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    left: 5%;
    top: 45%;
    display: none;
    text-decoration: none;
}
#right{
    font-size: 60px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    right: 5%;
    top: 45%;
    display: none;
    text-decoration: none;
}
/*banner*/
/*product*/

#divMainTab{ width:100%; margin-bottom:30px; padding:30px 0; background-color:#eeeeee; }
#divMainTab ul{ margin:0 auto;overflow:hidden;} 

#divMainTab li{ float:left; text-align:center; font-size:16px; cursor:pointer;width:33%; margin:0 auto; box-sizing:border-box; position:relative; }
#divMainTab .normal { background:url(../images/cpbg.png) no-repeat center center; }
#divMainTab .selected { background:url(../images/cpbg1.png) no-repeat center center; }
#divMainTab .selected a,#divMainTab .selected a p{ }
#divMainTab li h3{ background-color:#f5f5f5; position:absolute; right:0; bottom:20px; width:168px; height:53px; line-height:53px; border-top-left-radius:30px; border-bottom-left-radius:30px; padding:5px;}
#divMainTab li h3 span{ width:53px; height:53px; float:left;}
#divMainTab .selected h3{ background-color:#309130; color:#ffffff;}
.picMarquee-left {
	width: 100%;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}
.picMarquee-left .hd {
	overflow: hidden;
	margin-top: 30px;
	width: 100%;
	display: none;
}
.picMarquee-left .hd .prev, .picMarquee-left .hd .next {
	display: block;
	width: 50%;
	height: 41px;
	overflow: hidden;
	cursor: pointer;
	float: left;
}
.picMarquee-left .hd .prev {
	text-align: left;
}
.picMarquee-left .hd .next {
	text-align: right;
}
.picMarquee-left .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
	display: none;
}
.picMarquee-left .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
}
.picMarquee-left .hd ul li.on {
	background-position: 0 0;
}
.picMarquee-left .bd {
}
.picMarquee-left .bd ul {
	overflow: hidden;
	zoom: 1;
	margin: 0 -10px;
}
.picMarquee-left .bd ul li { /**/
	margin: 0 20px 0 0;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	width: 180px;
	border: 1px #ddd solid; border-radius:15px;
}
.picMarquee-left .bd ul li .pic {
	text-align: center;
	position: relative;
}
.picMarquee-left .bd ul li .pic img {
	display: block;
}
.picMarquee-left .bd ul li h3 {
	font-size: 15px;
	width: 100%;
	margin: 0 auto;
	height: 44px;
	line-height: 44px;
	font-weight: normal;
}
.picMarquee-left .bd ul li a{ color:#ffffff;}

.picMarquee-left .bd ul li .title {
	text-align: center;	font-size: 15px;
	width: 100%;
	margin: 0 auto;
	height: 44px;
	line-height: 44px;
	font-weight: normal;
}
.picMarquee-left .hd .pageState {
	display: none;
}
.sjal {
	display: none;
}


.product{
    padding: 40px 0;
}
.product h2{
    color: #303030;
padding:10px 0;
background:#eeeeee;
    text-align: center;
    margin-bottom: 35px;
    font-size: 34px;
    font-weight: 500;
}
.prod{
    width: 30%;
    float: left;
    margin: 1.5%;
}
.prod img{
    width: 100%;
}
.prod p{
    text-align: center;
    background: #eee;
    margin-top: -4px;
    padding: 8px 0;
    transition: .5s;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.prod:hover p{
    background: #44b753;
    color: #fff;
}
/*youshi*/
.ys{
    background:#eeeeee;
     text-align:center; padding:40px 0;
}
.seg {
    padding: 5px!important;
    border: 1px solid #d5d5d5;
    margin-bottom: 15px;
}
.services-box {
    text-align: center;
    padding-bottom: 30px;
    background: #fff;
    width: 23%;
    float: left;
    margin-right: 1.1%;
}
.services-box:nth-child(4){
    margin-right: 0;
}
.seg .segin {
    padding: 10%;
    border: 1px solid #d5d5d5;
}
.services-box .icon {
    display: inline-block;
    background: #fff;
    width: 100px;
    height: 100px;
    position: relative;
    margin-bottom: 0px;
}
.services-box .icon a {
    display: block;
    width: 67px;
    height: 67px;
    margin: 0 auto;
    padding-top: 12px;
}
.services-box .icon img {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.services-box h3 {
    font-size: 16px;
    padding: 5px 5px;
}
.services-box p {
    font-size: 14px;
    height: 140px;
}
.ys h2{
    text-align: center;
    margin: 15px 0;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 500;
}
.about {
    margin: 60px 0;
}
.aboutimg {
    width: 50%;
    float: left;
}
.about-d {
    float: left;
    width: 47%;
    margin-left: 3%;
}
.about-d p {
    font-size: 14px;
    margin-top: 10%;
    line-height: 2;
}
.about-d a {
    display: block;
    width: 130px;
    height: 30px;
    border: 1px solid #4c4c4c;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    margin-top: 10%;
}
.case{
    /*background: #eee;*/
    padding: 40px 0;
}
.cas{
    width: 22%;
    margin: 1.5%;
    float: left;
}
.case h2{
    text-align: center;
    margin: 15px 0;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 500;
}
.cas img{ padding:5px; border:1px #ddd solid;}
.cas p{
    text-align: center;
    margin-top: -4px;
    padding: 8px 0;
    background: #fff;
    transition: .5s; display:none;
}
.cas:hover p{
    background: #44b753;
    color: #fff;
}
.news{
    margin-top: 40px;background: #eee; padding:40px 0;
}
.news  h2{
    text-align: center;
    margin: 15px 0;
    margin-bottom: 30px;
    font-size: 34px;
    font-weight: 500;
}
.news-much li{
    float: left;
    width: 46%;
    padding-bottom: 20px;
    border-bottom: 1px solid #D1DEE6;
    margin-right: 8%;
    margin-bottom: 30px;
}
.news-much li:nth-child(2){
    margin-right: 0;
}
.news-much li:nth-child(4){
    margin-right: 0;
}
.news-much li:nth-child(6){
    margin-right: 0;
}
.much-time{
    float: left;
    color: #FFF;
    font-size: 16px;
    width: 14%;
    text-align: center;
    padding: 10px 0;
    margin-right: 20px;
    background-color: #949494;
}
.much-time b {
    display: block;
    color: #FFF;
    font-size: 30px;
    line-height: 1.1;
    font-family: Microsoft Yahei;
    font-weight: normal;
    margin-bottom: 5px;
}
.much-info {
    display: block;
    overflow: hidden;
}
.much-info h3 {
    color: #000;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 10px;
}
.much-info h3 a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.much-info p {
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}

/*form*/
.form {
    background: #272727;
    padding: 30px 0;
}
.form ul{
    border-bottom: 1px solid #fff;
    height: 40px;
}
.form ul li{
    float: left;
    width: 16%;
}
.form ul li a{
    display: block;
    color: #fff;
}
.link{
    margin-bottom: 35px;
    margin-top: 40px;
}
.link p{
    float: left;
    font-weight: bold;
    font-size: 18px;
}
.link a{
    display: block;
    float: left;
    margin-right: 15px;
}
.fo_l{
    float: left;
    width: 20%;
}
.fo_l p{
    color: #fff;
    margin: 8px 0;
}
.fo_z{
    float: left;
    margin-left: 10%;
    width: 50%;
}
.fo_z div{
    float: left;
   width: 33%;
}
.fo_z p{
    color: #fff;
    font-size: 18px;
}
.fo_z a{
    display: block;
    margin: 8px 0;
    color: #fff;
}
.fo_r{
    float: right;
    width: 20%;
}

.fo{
    margin-top: 60px;
}
.for{
    background: #44b753;
    padding: 15px;
    margin-top: 40px; color: #fff;
}
.for a{color: #fff;}
.for span{ float:right; color: #fff;}

/*innerleft*/
.nleftt {
    width: 22%;
    float: left;
}
.product_l {
    border: 2px solid #17b53c;
}
.product_img {
	background:url(../images/mcpt.png) #17b53c no-repeat center center;
}
.product_imgp1 {
    font-size: 26px;
    text-align: center;
    color: #fff; font-weight:bold;
    padding-top: 30px;
    padding-bottom: 30px;
}
.product_tex {
    width: 100%;
    background: #eeeeee;
}
.product_tex span {
    display: block;
}
.product_a {
    color: #333333; font-weight:bold;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    margin-left: 22px;
    margin-bottom: 10px;
}
.a {
    padding: 15px 0;
    padding-left: 20px;   
    border-bottom: 1px dashed #ccc;
}
.a a {
    display: block; background:url(../images/li.jpg) no-repeat left center; padding-left:20px;
}
.a:hover {
    background: #17b53c;
    transition: .5s;
}
.a:hover .leftfl {
    color: #fff;
    transition: .5s;
}
.product_imgp2 {
    text-align: center;
    color: #fff;
    padding-bottom: 16px;
}
.dianh { padding:10px; border:1px #dddddd solid; margin-top:20px;}
.dianh p {
    margin-left: 9px;
    font-size: 16px; line-height:30px;
    color: #333333;
}
.lxtit{ margin-bottom:10px;}
/*innerleft*/
.ma_l{
    width: 21.6%;
    float: left;

}
.ma_r{
    width: 75%;
    margin-left: 3%;
    float: left;
}
.kpo p{
    float: left;
    font-size: 22px;
    margin-left: 32px;
    font-weight: bold;
}
.kpo .more{
    display: block;
    float: right;
    font-weight: bold;
    font-size: 18px;
}
.kpo{
    padding: 12px 15px;
    background: url(../images/sy.png) no-repeat ;
    border-bottom: 1px solid #ccc;
}
.mar div{
    width: 31%;
    float: left;
    margin: 3% 3% 0 0;
    background: #f3f3f4;
}
.mar div:nth-child(3){
    margin-right: 0;
}
.mar img{
    width: 100%;
}
.mar p{
    text-align: center;
    padding-bottom: 6px;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mar div:nth-child(4){
    display: none;
}
.main{
    margin: 60px 0;
}
.maa{
    width: 30%;
    float: left;
    margin: 0px 2.3% 30px 0;
    border: 1px solid #cfcfcf;
}
.maa img{
    width: 100%;
}
.maa p{
    text-align: center;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* .llistpage{
    float: left;
    width: 100%;
    margin-top: 40px;
    text-align: center;
}

.llistpage strong{
    margin-right: 10px;
}
.llistpage input{
    height: 27px;
}
.llistpage  a{
    background: #0174e0;
    padding: 5px 10px;
    color: #fff;
}
.llistpage span {
    padding: 5px 10px;
} */
.llistpage{
    text-align:center;
    width: 100%;
    float: left;
}

.llistpage span{
    padding: 5px 10px;
}
.llistpage a{
    background: #17b53c;
    padding: 5px 10px;
    color: #fff;
}
.llistpage input{
    width: 28px;text-align:center;
    height: 28px;
}

.bottom_bottom{
    display: none;
}
.nyarticle{
max-width:750px;
width:100%;
    line-height: 2;
}
.syp{
    margin-top: 6%;
    float: left;
}
.syp p{
    float: left;
}
.syp a{
    text-decoration: none;
    color: #000;
}

.xyp p{
    float: left;
}
.xyp a{
    text-decoration: none;
    color: #000;
}
.xyp{
    float: right;
    margin-top: 6%;
}
.tuijian{
    width: 100%;
    float: left;
}
.tuijian h2{ font-size:22px; color:#158a31;}
.tuijian h2 a{ color:#158a31;}
#contont4{
    margin: 50px 0;
}
.tjcp_d{
    width: 22%;
    float: left;
    margin-right: 3.5%;
    margin-top: 20px;
    border: 1px solid #cfcfcf; box-sizing:border-box;
}
.tjcp_d img{
    width: 100%;
}
.tjcp_d:nth-child(4){
    margin-right: 0;
}
.tjcp_d p{
    text-align: center;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ndiv{
    width: 45%;
    float: left;
    margin: 10px 0;
}
.ndiv a{
    color: #4c4c4c;
    font-size: 18px;
}
.ndiv p{
    padding-left: 20px;
    position: relative;
}
.ndiv p::before{
    content: '';
    position: absolute;
    left: 0;
    top: 40%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccc;
}
.apa1{
    text-align: center;
    font-size: 26px;
    margin-bottom: 25px;
}

/*news*/
.news{
    margin-top: 40px;
}
.news h2{
    font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
    font-weight: bold;
    font-size: 34px;
    text-align: center;
}
.nne{
    margin-top: 60px;
}
/* .new{
    width: 27%;
    float: left;
    margin-bottom: 45px;
    margin-right: 2%;
    transition: .5s;
    padding: 25px;
}
.new:nth-child(3){
    margin-right: 0;
}
.new:nth-child(6){
    margin-right: 0;
}
.new p{
    font-size: 18px;
    padding-bottom: 8px;
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 15px;
}
.new i{
    font-style: normal;
    font-size: 13px;
    margin-bottom: 6px;
    display: block;
}
.new span{
    font-size: 15px;
    display: block;
    line-height: 2;
    color: #4e4e4e;
}
.new:hover{
    -moz-box-shadow: 0px 3px 10px #333333;
    -webkit-box-shadow: 0px 3px 10px #333333;
    box-shadow: 0px 3px 10px #333333;
}
.new:hover p{
    color: #278127;
} */
.n-nav{
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}
.new div{
    float: left;
    color: #FFF;
    font-size: 16px;
    width: 14%;
    text-align: center;
    padding: 18px 0;
    margin-right: 20px;
    background-color: #949494;
}
.new{
    width: 45%;
    float: left;
    margin-right: 10%;
    margin-bottom: 40px;
}
.new:nth-child(even){
    margin-right: 0;
}
.new i{
    font-style: normal;
    color: #fff;
}
.new b{
    display: block;
    color: #FFF;
    font-size: 17px;
    line-height: 1.1;
    font-family: Microsoft Yahei;
    font-weight: normal;
    margin-bottom: 5px;
}
.new a{
    display: block;
    overflow: hidden
}
.new p{
    color: #000;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 10px;
}
.new span{
    color: #666;
    font-size: 14px;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
}
#cas li{
    display: none;
}

#case a{
    display: block;
    float: left;
    background: #fff;width: 48%;
margin: 0 1%;
text-align: center;
line-height: 40px;
}
.oa{
    background: #17b53c!important;
    color: #fff;
}
#case{
	width:400px; margin:0 auto;
}




.xmzs0 {
    width: 121px;
    height: 194px;
    background: #339933;
    position: absolute;
    display: none;
    top: 44px;
    padding: 24px 23px 0;
    z-index: 9999;
}

.xm1 h3 {
    font-size: 14px;
    font-family: "微软雅黑";
    color: #FFF;
    line-height: 36px;
}

.xm1 span {
    font-size: 12px;
    font-family: "微软雅黑";
    color: #FFF;
}

.xm1 {
    float: left;
    display: inline;
}
.b{
    position: relative;
}


.input{
    width: 140px;
    border-radius: 2px;
    outline-color: invert;
    outline-style: none;
    outline-width: 0px;
    border: none;
    border-style: none;
    text-shadow: none;
    -webkit-appearance: none;
    -webkit-user-select: text;
    outline-color: transparent;
    box-shadow: none;
    border: 1px solid #fff;
}
.btn{
background: #eee;
border: none;
font-size: 12px;
padding: 2px;
}

.ssk{
    background: #339933;
    padding: 10px 0;
    margin-top: -4px;
}
.ssl{
    float: left;
}
.ssl p{
    float: left;
    margin-right: 15px;
    color: #fff;
}
.ssl a{
    color: #fff;
    display: block;
    float: left;
    margin-right: 5px;
}
.postbox{
    float: right;
}
.xuanfu {
    position: fixed;
    bottom: 40%;
    left: 0;
}
.xuanfu img {
    width: 150px;
}
.mmap{ overflow:hidden;}
.mmap dd{ width:48%; float:left; margin:0 1%; }
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%;  display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即�?*/
		.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;  }
		
		.info {
	text-align: center;
	line-height: 30px;
	color: #666;
	padding-right: 18px;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	margin-bottom: 20px;
}

.numb{  margin-top:44px; overflow:hidden;}
.numb li{width:270px;float:left;padding-left: 20px;font:16px "Microsoft YaHei";color:#333;font-weight: bold;}
.numb li span{display:block;font: 65px Arial;font-weight:bold;position:relative;color: #222a62;}
.numb li span:before{content:"";position:absolute;top:67px;left:0;width:120px;height:4px;background: #1d8640;}
.numb li:nth-child(1) {
    padding-left: 0px;
}

.seabox{overflow:hidden;/* height:205px; */background:url(../images/s_s.jpg) repeat-x;position: relative;clear: both;position: relative;z-index: 5;color: #fff;line-height: 100px;}
.sea_inp{width:480px;overflow: hidden;margin-top: 29px;    float: right;}
.sea_inp em{ font-size: 0;  overflow: hidden; display: block; }
.sea_inp .serach{width:360px;height:40px;line-height:40px;color:#333;padding:0 0 0 20px;float:left;outline: none;display: block; background: none; border:1px solid #eee; border-right: none; font-size: 14px; }
.sea_inp button{ width:99px; height:42px;border:0;float:left;cursor: pointer;display: block;background:none; line-height: 42px; background: #1d8640; color: #fff; font-size: 14px; text-align: center;}
.k_word{ float: left;font-size: 16px; width:700px; color: #333;}
.k_word a{color:#333; padding:0 10px;}
.k_word a:hover{font-weight: bold; color: #1d8640;}
h3 i span {
    padding-left: 8px;
    color: #1d8640;
}

.chara{font-family:"Microsoft Yahei";overflow: hidden;padding:82px 0 0;position: relative;z-index: 1;background: #ebe9ea;height: 740px;font-size: 16px;line-height: 25px;color: #222a62; position: relative;}

.chara_c{ position: relative;}
.chara_pic{left: 365px;top:8px;border-radius: 466px;overflow: hidden;position: absolute;}
.chara_pic,.chara_pic img{width: 466px;height: 466px;display: block;}
.chara_l{padding: 60px 0 0;}
.chara_l dl{width: 366px;float: left;height: 238px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.chara_l dt{width:90px;float: left;padding: 14px 0 0;}
.chara_l dd{width:252px;float: right;}
.chara_l dd h3{font-size: 26px;line-height: 55px;height: 55px;color: #1d8640;font-weight: bold; }
.chara_l dd p{opacity: 0.8; font-size:14px; color:#666666;}
.chara_l dl.chara_l1{margin-right: 467px;text-align: right;}
.chara_l dl.chara_l1 dt{float: right;}
.chara_l dl.chara_l1 dd{float: left;}
.chara_l dl:hover{margin-top: -10px;}
.cases h3, .yus h3, .chara h3,.scene h3 {
    text-align: center;
    height: 125px;
    line-height: 100%;
    font-weight: normal;
    font-size: 18px;
    color: #888;
}
.chara h3 i,.scene h3 i {
    display: block;
    color: #222a62;
    font-size: 36px;
    line-height: 100%;
    padding-bottom: 18px;
    font-weight: bold;
       font-style: normal;
}

.casec{box-sizing: border-box;background:#fff  no-repeat 1250px 230px;/* height: 1080px; */overflow: hidden;padding-bottom: 80px;}

.casetit{ overflow:hidden;  font:18px "Microsoft YaHei"; text-align:center; width:187px;  background: #eceeef; float: left;}
.casetit li{ height: 130px;padding-top: 45px; position: relative; border-bottom: 2px solid #dadada;box-sizing: border-box;}
.casetit li em{width: 65px;height: 55px;display: block;margin:0px auto;overflow: hidden;position: relative;box-sizing: border-box;}
.casetit li a{ color:#404040;text-decoration: none; }
.casetit li a span{ font-size:12px; font-family:Arial, Helvetica, sans-serif; display:block;}
.casetit .cur{background: #1d8640;color:#fff;}
.casetit .cur a span{ color:#ffffff;}
.casetit em img{position: absolute;right: -6px;top: -16px;width: 79px;}
.casetit .cur a{ color:#fff;}
.case_nr{width:995px; height:660px;overflow: hidden;box-sizing: border-box; position: relative;   float: left;margin-left: 18px;}

.case_nr .caseprev {position: absolute;top: 36%;z-index: 9;left: 10px; background: url(../images/caseprev.png) no-repeat;display: inline-block;height: 54px;width: 27px;}
.case_nr .casenext {position: absolute;top: 36%;z-index: 9;right: 10px;background: url(../images/casenext.png) no-repeat; display: inline-block;height: 54px; width: 27px;}

.case_nr  dl{width:995px; height:660px;overflow: hidden;box-sizing: border-box;  }
.case_nr  dl dt{width: 995px;height: 528px; display: block; float: left;}
.case_nr  dl dt img{width: 995px;height: 528px; display: block;}
.case_nr  dl dd{ width: 995px;padding:24px 0 0; box-sizing: border-box;  float: left; position: relative;  }
.case_nr  dl dd h3{font-weight: normal; font-size: 20px; color: #333333; height: 42px; line-height: 42px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;background:url(../images/yhico.gif) no-repeat right 0;margin-bottom: 15px;  }
.case_nr  dl dd h3 a{ color: #333333; }
.case_nr  dl dd p{line-height: 24px;overflow: hidden; font-size:16px;color: #666666; height: 48px;  }
.case_nr  dl dd span a{display: block;width: 150px; height: 43px;line-height: 43px; text-align: left;padding-left: 20px;position: absolute;bottom: 0;right: 0;box-sizing: border-box; font-size: 14px; color: #fff; }