@charset "utf-8";
/* CSS Document */
body { height:100%; min-width:1200px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","微软雅黑"; color:#555;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img ,embed{ border:none;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w880{ width:880px; height:auto; margin:0 auto; overflow:hidden;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.w880{ width:880px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}
@media(max-width:767px){
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	body{ min-width:320px !important; max-width:640px;}
	body{ background:#ebebeb;color:#878787;font:.8em "微软雅黑"; margin:0 auto;}
	.auto_img{width:100%;}
	.pnone{ display:none;}
	.w880{ width:100%; }
	.w1000{ width:100%;}
	.w1200{ width:100%; position:relative;}
	#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}

/*header*/
.navbar-fixed-top{ position:fixed;z-index:19;box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:5px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#b7b7b7}
.navbar-nav > li > a{ line-height:inherit;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#b7b7b7;background-color:inherit}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-toggle {border:0px;margin-top:24px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}

#header{width:100%;height:auto;clear:both;z-index:19;background:#fff;min-width:1200px;overflow:visible;}
.toper{ background:#389b63; height:30px; line-height:30px;}
.toper_l{ float:left; color:#FFF;}
.toper_r{ float:right; font-size:14px; color:#FFF; background:url(/images/tel.png) 0 3px no-repeat; padding-left:30px;}
.toper_r a{color:#FF9D9D;}
.toper_r a:hover{color:#fff;}
.toper_r i{padding:0 8px 0 8px; color:#f4a5a5;}
.toper_r .current{color:#fff;}

.head_bg{ width:100%; height:100%; background:#fff;}
.head{ overflow:visible;}
.head .logo{ float:left; position:relative; width:260px; height:113px;}
.head .logo a{ display:block; margin:0;}
.head .logo img{ position:absolute; top:20px; left:0; z-index:2; max-width:100%; height:auto;}

.head .menu{ float:right; width:auto; padding:26px 0 0 0;}
.menu .nav{ width:100%; height:auto;}
.menu li{ float:left; min-width:124px; font-size:14px; height:87px; padding:0; background:url(../images/icon_nav.png) 0 30px no-repeat; position: relative;}
.menu li.last{ padding:0 0 0 20px;}
.menu li.home{ background:none;}
.menu li>a{min-width:124px; display:block; width:100%; font-size:10px; color:#b7b7b7; line-height:24px; padding:15px 0 25px; text-align:center;}
.menu li>a em{ font-style:normal; color:#999999; font-size:10px;}
.menu li>a span{ display:block; font-size:16px; color:#3b3b3b; line-height:20px;}
.menu li>a:hover{/*background:url(../images/icon_nav_bottom.png) 0 100% no-repeat;*/}
.menu li>a.on{/* background:url(../images/icon_nav_bottom.png) 0 100% no-repeat;*/}
.menu li>a:hover span/*,.menu li>a.on span*/{ color:#469c00;}
.menu li.plast{ display:none;}

.menu li .sub{width:124px;z-index:99;display:none;background:#fff;position:absolute;top:87px;left:0;overflow:hidden;padding:0;-webkit-box-shadow: #999 0 2px 5px;-moz-box-shadow:#999 0 2px 5px;box-shadow:#999 0 2px 5px;}
.menu li dl{border-top:1px solid #dcdbd2; padding:5px 0; height:auto;}
.menu li dl dd{ width:100%;  padding:0; height:auto; text-align:center;}
.menu li dl dd a{ display:block; height:35px; padding:0;line-height:35px; position:relative; overflow:hidden; color:#333;}
.menu li dl dd a:hover{background:none; color:#389b63;}
.menu li dl dd a i{width:0; height:0; top: 50%; margin-top:-5px; left: 8px; border:5px solid transparent; _border-color:tomato;  _filter: chroma(color=tomato); position:absolute; border-left-color:#585858; overflow:hidden; pointer-events:none; display:none;}
.menu li dl dd a.current{ color:#469c00;}
.menu li dl dd a:hover{ color:#469c00;}
.menu li:hover .sub{ display:block;}
   
.collapse.in{display:block;visibility:visible}
@media(min-width:767px){
.navbar-collapse.collapse {display:block !important;height:auto !important;overflow:visible !important;visibility:visible !important; border:0 !important;}
.container{ padding:0; width:auto; height:100%;}
.nav ul li a.dropdown-toggle:hover{ color:inherit;}
.navbar-right{ margin-right:0;}
}

.header_icon{float:right; height:59px; margin:20px 0 0; display:none;}
.header_icon li{ float:left; margin-left:10px;}
.header_icon a{ position:relative; display:block; width:38px; height:38px; display:block; border:1px solid #aaa;  border-radius:50%;}
.header_icon a:hover{ border:1px solid #0c7adc; background:#0c7adc;}
.header_icon i{width:21px; height:17px; float:left; background:url(../images/icon_headernav.png) no-repeat; margin:9px 0 0 7px;}
.header_icon .weixin{ background-position:0 0;}
.header_icon a:hover .weixin{background-position: 0 -17px;}
.header_icon .qq{background-position:-21px 0;}
.header_icon a:hover .qq{background-position:-21px -17px;}
.header_icon .shop{background-position:-42px 0;}
.header_icon a:hover .shop{background-position:-42px -17px;}
.header_icon .design{background-position:-63px 0;}
.header_icon a:hover .design{background-position:-63px -17px;}
.header_icon img{ display:none; margin-left:-50px; position:absolute; left:0; top:80px; display:none; width:140px; height:140px; border:1px solid #ddd; z-index:99999;opacity:1 !important;}

@media(max-width:767px){
	#header{ width:100%; height:auto; clear:both;min-width:100%; overflow:visible;}
	.head_bg{ width:100%; margin:0; padding:0; height:auto; min-width:100%;border-bottom:1px solid #eee;}
	.header_t,.toper{ display:none;}
	.head .logo{ margin:5px 0; width:auto; height:auto; padding:5px 0 5px 10px;}
	.head .logo a{ display:block; height:auto; margin:0 5px 0 0; width:100%;}
	.head .logo img{ position:relative; top:0; left:0; width:auto; height:60px;}
	
	#site_header .navbar-header{ display:block; position:absolute; right:0; top:0; z-index:999;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {background-color:#fff;}
	.navbar-collapse{ padding:9px 0;}
	.menu .container{ width:100%; margin:0 auto;}
	.head .menu{ border:0; height:auto !important; position:absolute; top:80px; right:0; width:50%; overflow:hidden; float:none;padding:9px 0; z-index:999999999;}
	.menu ul{ height:auto; overflow:hidden; margin:0; text-align:center; float:none; width:100%;}
	.menu ul li{ width:100%; height:auto; margin:0; float:none; line-height:1.5;padding-right:0;}
	.menu li.last{ padding:0;}
	.menu ul li h3,.menu ul li.cur h3{ background:none;}
	.menu .line{ display:none;}
	.navbar-default .navbar-nav>li>a{color:#303030;}
	.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#469c00;background:none}
	.menu ul li{ padding:0;background:none;}
	.menu ul li>a{display:block;width:auto;height:auto;transition:all 0s; margin-right:0;line-height:20px;color:#303030; font-size:15px; padding:10px 27px; font-weight:normal;}
	.menu ul li em{ display:none;}
	.menu li>a:hover{background:none;}
	.menu li>a.on{ background:none;}
	.menu li a.on{ color:#469c00;}
	.menu li.plast{ display:block;}
	.header_r{ display:none;}	
	.navbar-default .navbar-toggle .icon-bar{background-color:#000}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:1000px;}
	.menu li a span{ position:relative; height:auto;}
	.menu li .sub{ display:none !important;}
	.navbar-collapse{-webkit-box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);box-shadow:inset 0 1px 0 rgba(204, 204, 204, 0.1);	  -webkit-overflow-scrolling:touch;}
}

/*banner*/
.banner{ width:100%; height:500px; margin-top:143px;}
.banner .ad{width:100%; height:500px; overflow:hidden;position:relative;}
.banner .slider{position:absolute; width:900%;}
.banner .slider li{ list-style:none;display:inline; float:left; height:500px;}
.banner .num{ width:100%; height:12px; position:absolute; left:0; bottom:30px; text-align:center;}
.banner .num li{ display:inline-block; *display:inline; zoom:1;text-align: center;width:12px;height:12px;cursor:pointer;overflow:hidden;margin:3px;background:none; text-indent:99999px; border:1px solid #fff; border-radius:50%;}
.banner .num li.on{ background:#fff;}
.banner01{ display:none;}
@media(max-width:767px){
	.banner{ display:none;}
	.banner01{ display:block; width:100%; height:auto; position:relative; overflow:hidden; margin-top:81px;}
	.viewports{margin:0 auto; width:100%; height:auto; overflow:hidden;}
	.picBox{ padding:0;position:relative;border-radius:3px;}
	.picBox .next{ float:right;}
	.piclist{position:relative;width:2232px;left:0;height:100%;}
	.piclist li{width:100%;height:auto;position:relative; float:left; vertical-align: top;text-align:center;font-size:0;}
	.piclist li a{ display:block;}
	.piclist li img{width:100%; height:auto;}
	.icon_num{ position:absolute;bottom:5px;left:0;text-align:center;width:100%}
	.icon_num a{background:#fff;padding:0;height:8px;width:8px;text-align:center;cursor:pointer;margin:0 1px;display:inline-block;*display:inline;zoom:1;overflow:hidden;opacity:0.5;border-radius:50%;}
	.icon_num a:hover,.icon_num .active{background:#389b63;color:#389b63;border-color:#389b63;opacity:0.7;}
	.swipe{visibility:hidden;position:relative;overflow:hidden}
}

/*main*/
.main1{ width:100%; height:auto; overflow:visible; padding:0;}

.main1 ul{ width:100%; height:auto; padding:50px 0;}
.main1 ul li{position:relative;float:left;width:25%;height:100%;color:#333;text-align:center;opacity:1;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition: all 1s;transition:all 1s;-webkit-opacity:1;-moz-opacity:1; cursor:pointer; padding:0 28px;}
.main1 ul li .fw_ico{overflow:hidden;margin:0 auto;width:110px;height:110px;-webkit-border-radius:110px;-moz-border-radius:110px;border-radius:110px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-transition-delay:400ms;	-moz-transition-delay:400ms;transition-delay:400ms;}
.main1 ul li.fw_1 .fw_ico{background: url(/images/fw_img1.png) no-repeat;}
.main1 ul li.fw_2 .fw_ico{background: url(/images/fw_img2.png) no-repeat;}
.main1 ul li.fw_3 .fw_ico{background: url(/images/fw_img3.png) no-repeat;}
.main1 ul li.fw_4 .fw_ico{background: url(/images/fw_img4.png) no-repeat;}
.main1 ul li.fw_1:hover .fw_ico{background: url(/images/fw_img1.png) no-repeat 0 -110px;}
.main1 ul li.fw_2:hover .fw_ico{background: url(/images/fw_img2.png) no-repeat 0 -110px;}
.main1 ul li.fw_3:hover .fw_ico{background: url(/images/fw_img3.png) no-repeat 0 -110px;}
.main1 ul li.fw_4:hover .fw_ico{background: url(/images/fw_img4.png) no-repeat 0 -110px;}
.main1 ul li h2{margin-top:16px;font-weight:400;font-size:19px;line-height:44px;}
.main1 ul li p{font-size:14px;line-height:20px; color:#999;/* text-transform:uppercase;*/}
.main1 ul li .fw_des{margin-top:10px;font-size:13px;line-height:26px; color:#666;}
.main1 ul li .fw_ljzx{margin:35px auto 0 auto;	width:145px;height:35px;}
.main1 ul li .fw_ljzx a{display:block;width:145px;height:35px;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius: 5px;border-radius:5px;color:#666;text-align:center;font-size:15px;line-height:33px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition: all .3s;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;transition-delay:400ms;}
.main1 ul li.fw_1 .fw_ljzx a{ border-color:#ba292e;color:#ba292e;}
.main1 ul li.fw_1:hover .fw_ljzx a{background:#ba292e;}
.main1 ul li.fw_2 .fw_ljzx a{ border-color:#1599a5;color:#1599a5;}
.main1 ul li.fw_2:hover .fw_ljzx a{background:#1599a5;}
.main1 ul li.fw_3 .fw_ljzx a{ border-color:#5e904d;color:#5e904d;}
.main1 ul li.fw_3:hover .fw_ljzx a{background:#5e904d;}
.main1 ul li.fw_4 .fw_ljzx a{ border-color:#5d4378;color:#5d4378;}
.main1 ul li.fw_4:hover .fw_ljzx a{background:#5d4378;}
.main1 ul li:hover .fw_ljzx a{display:block;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#fff;}

@media(max-width:767px){	
	.main1{ background:#FFF;}
	.main1 ul{ padding:1.2rem 0 1rem;}
	.main1 ul li{width:50%; padding:0 10px 20px;}
	.main1 ul li .fw_ico{width:80px;height:80px;-webkit-border-radius:80px;-moz-border-radius:80px;border-radius:80px;}
	.main1 ul li.fw_1 .fw_ico{background:url(/images/fw_img1.png) no-repeat; background-size:80px auto;}
	.main1 ul li.fw_2 .fw_ico{background:url(/images/fw_img2.png) no-repeat; background-size:80px auto;}
	.main1 ul li.fw_3 .fw_ico{background:url(/images/fw_img3.png) no-repeat; background-size:80px auto;}
	.main1 ul li.fw_4 .fw_ico{background:url(/images/fw_img4.png) no-repeat; background-size:80px auto;}
	.main1 ul li.fw_1:hover .fw_ico{background: url(/images/fw_img1.png) no-repeat 0 -80px; background-size:80px auto;}
	.main1 ul li.fw_2:hover .fw_ico{background: url(/images/fw_img2.png) no-repeat 0 -80px; background-size:80px auto;}
	.main1 ul li.fw_3:hover .fw_ico{background: url(/images/fw_img3.png) no-repeat 0 -80px; background-size:80px auto;}
	.main1 ul li.fw_4:hover .fw_ico{background: url(/images/fw_img4.png) no-repeat 0 -80px; background-size:80px auto;}
	.main1 ul li h2{margin-top:10px;font-weight:400;font-size:18px;line-height:44px;}
	.main1 ul li p{font-size:14px; display:none;}
	.main1 ul li .fw_des{font-size:12px; margin-top:0;}
	.main1 ul li .fw_ljzx{margin:25px auto 0 auto;	width:90%;}
	.main1 ul li .fw_ljzx a{font-size:14px;}
}

.main2{height:auto;background-color:#fafafa; overflow:hidden; padding:40px 0 50px;}
.main2_tit{ margin:0 auto; padding:20px 0 30px; text-align:center;}
.main2_tit h2{ font-size:40px; color:#333;}
.main2_tit em{ display:none; font-style:normal;font-size:14px;color:#666;margin-top:10px}
.main2_tit .line{margin-top:15px; display:none;}
.main2_tit .line:before{display:inline-block;content:'';height:1px;width:80px;background:#ccc;vertical-align:middle}
.main2_tit .line:after{display:inline-block;content:'';height:1px;width:80px;background:#ccc;vertical-align:middle}
.main2_tit .line .dot{display:inline-block;width:40px;height:1px;position:relative;vertical-align:middle}
.main2_tit .line .dot:after{content:'';width:8px;height:8px;background:#469c00;display:inline-block;border-radius:50%;position:relative;top:-4px}
.main2_tit .tag{margin-top:20px}
.main2_tit .tag a{color:#999; font-size:14px;}
.main2_tit .tag a:hover{color:#469c00}
.main2_tit .tag i{color:#999;padding:0 18px; font-style:normal;}
.main2_con{ width:100%; overflow:hidden;}
.main2_con ul{ width:1220px;}
.main2_con ul li{ margin:0 20px 20px 0; width:285px; height:315px; float:left;border-radius: 4px; overflow: hidden; transition:all 0.3s ease 0s;box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.06);}
.main2_con ul li .pic{width:285px; height:210px;border-radius:4px; overflow:hidden; position:relative;}
.main2_con ul li a{ display:block;}
.main2_con ul li .pic img{width:285px;height:210px;transition:.8s;-webkit-transition: .8s;}
.main2_con ul li .info{ width:100%; padding:20px 15px;}
.main2_con ul li .info p{color:rgb(153, 153, 153);font: 14px/14px 微软雅黑;padding:0 0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main2_con ul li .info p.caseDate{color:rgb(153, 153, 153);font:13px/12px 微软雅黑;padding:0px;}
.main2_con ul li .info h5{color:rgb(51, 51, 51);font:16px/18px 微软雅黑;padding:0 0 11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main2_con ul li:hover img{transform:scale(1.1, 1.1);}
.main2_con ul li:hover h5{ color:#469c00;}
.main2_con .more{ margin:20px 0 0;}
.main2_con .more a{display:table;padding:0 77px 0 35px;font:500 14px/44px "Microsoft YaHei";color:#666666;margin:0 auto;    background:url(/images/more.png) no-repeat 114px;border:1px solid #bdbdbd; border-radius:30px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.main2_con .more a:hover{background:url(/images/more_hover.png) no-repeat 114px #469c00; color:#FFF; border-color:#469c00}
@media(max-width:767px){
	.main2{padding:1.2rem 0 1.5rem;}
	.main2_tit{ padding:.3rem 0 .5rem;}
	.main2_tit h2{ font-size:30px;}
	.main2_tit .tag{margin-top:15px; padding:0 10px; font-size:0;}
	.main2_tit .tag a{margin-bottom:5px; display:inline-block; line-height:20px; vertical-align:middle;}
	.main2_tit .tag i{ margin-bottom:5px; font-size:12px; padding:0 10px; display:inline-block; line-height:20px; vertical-align:middle;}
	.main2_con{ width:100%; overflow:hidden;}
	.main2_con ul{ width:100%; padding:0 10px;}
	.main2_con ul li{ margin:0 5% 15px 0; width:47.5%; height:auto; float:left;}
	.main2_con ul li:nth-child(2n){ margin-right:0;}
	.main2_con ul li .pic{width:100%; height:auto;}
	.main2_con ul li .pic img{width:100%;height:auto;}
	.main2_con ul li .info{ padding:10px 5px;}
	.main2_con ul li .info p{font: 14px/14px 微软雅黑;padding:0 0 10px;}
	.main2_con ul li .info p.caseDate{font:12px/12px 微软雅黑;}
	.main2_con ul li .info h5{font:16px/18px 微软雅黑;padding:0 0 10px;}
	.main2_con .more{ margin:20px 0 0;}
	.main2_con .more a{display:table;padding:0 77px 0 35px;font:500 14px/40px "Microsoft YaHei";}
}

@-webkit-keyframes anishake1{0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
50%{-webkit-transform: translate3d(20px, 40px, 0);transform: translate3d(20px, 40px, 0)}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}
@keyframes anishake1{0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
50%{-webkit-transform: translate3d(20px, 40px, 0);transform: translate3d(20px, 40px, 0)}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}
@-webkit-keyframes anishake2{0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
50%{-webkit-transform: translate3d(30px, 60px, 0);transform: translate3d(30px, 60px, 0)}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}
@keyframes anishake2{0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
50%{-webkit-transform: translate3d(30px, 60px, 0);transform: translate3d(30px, 60px, 0)}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}
@-webkit-keyframes anishake3{0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
50%{-webkit-transform: translate3d(-10px, 40px, 0);transform: translate3d(-10px, 40px, 0)}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}
@keyframes anishake3{0%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
50%{-webkit-transform: translate3d(-10px, 40px, 0);transform: translate3d(-10px, 40px, 0)}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}}
.mainDemo{height: 100%;min-height: 700px;position: relative;overflow: hidden;}
.mainDemo .ani-box .item-2 span{background-image:url(/images/germ.png)}
.mainDemo .ani-box .item-3 span{background-image:url(/images/hair.png)}
.mainDemo .ani-box .item-4 span{background-image:url(/images/floc.png)}
.mainDemo .box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #0f3449;background-repeat: no-repeat;background-position: center 0;background-image:url(/images/mainDemo2.jpg);-webkit-transition: all 1s;transition: all 1s;background-size: cover}
.mainDemo .box .boxTxt{visibility: visible;opacity: 1;filter: alpha(opacity=100)\9}
.mainDemo .box .ani-box .item-1{-webkit-transform: translate3d(0, 200px, 0);transform: translate3d(0, 200px, 0);opacity: 0;filter: alpha(opacity=0)\9}
.mainDemo .boxTxt{width:100%;position:absolute;top:23%;text-align: center;color: #fff;visibility: hidden;opacity: 0;filter: alpha(opacity=0)\9;-webkit-transition: all .8s ease-out;transition: all .8s ease-out;z-index: 5;margin-top: 0px;}
.mainDemo .boxTxt .title{color:#e4e6e9;font-size: 20px;}
.mainDemo .boxTxt .subtitle{font-size: 30px;line-height:30px;margin: 0 0 30px;display: inline-block;*zoom: 1;*display: inline}
.mainDemo .boxTxt ul{margin:100px auto 0;padding: 0;overflow: hidden;_zoom:1;width:1060px}
.mainDemo .boxTxt ul li{float:left;height:66px;border-left:1px solid #fff;margin-left:-1px;width:25%;color:#e4e6e9;font-size:16px;}
.mainDemo .boxTxt ul strong{display: block;font-size: 24px;line-height: 40px;font-weight: normal;color: #fff;}
.mainDemo .ani-box{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0}
.mainDemo .ani-box .item{width: 100%;position: absolute;left: 50%;background-repeat: no-repeat;background-color: center 0;-webkit-transition: all .5s;transition: all .5s}
.mainDemo .ani-box .item span{display: block;position: absolute;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-duration: 3s;animation-duration: 3s}
.mainDemo .ani-box .item-1{width: 1796px;height: 700px;margin-left: -898px;bottom: 290px;background-repeat: no-repeat}
.mainDemo .ani-box .item-1 span{background-color: #fff;border-radius: 50%}
.mainDemo .ani-box .item-1 .dust-1{top: 86%;left: 98%;width: 8px;height: 8px;opacity: .36;filter: alpha(opacity=36)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .5s;animation-delay: .5s}
.mainDemo .ani-box .item-1 .dust-2{top: 72%;left: 77%;width: 2px;height: 2px;opacity: .3;filter: alpha(opacity=30)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: 1s;animation-delay: 1s}
.mainDemo .ani-box .item-1 .dust-3{top: 81%;left: 54%;width: 2px;height: 2px;opacity: .16;filter: alpha(opacity=16)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: 1s;animation-delay: 1s}
.mainDemo .ani-box .item-1 .dust-4{top: 88%;left: 65%;width: 2px;height: 2px;opacity: .07;filter: alpha(opacity=7)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .5s;animation-delay: .5s}
.mainDemo .ani-box .item-1 .dust-5{top: 74%;left: 62%;width: 8px;height: 8px;opacity: .41;filter: alpha(opacity=41)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .4s;animation-delay: .4s}
.mainDemo .ani-box .item-1 .dust-6{top: 94%;left: 78%;width: 2px;height: 2px;opacity: .11;filter: alpha(opacity=11)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: 1s;animation-delay: 1s}
.mainDemo .ani-box .item-1 .dust-7{top: 10%;left: 69%;width: 2px;height: 2px;opacity: .67;filter: alpha(opacity=67)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .2s;animation-delay: .2s}
.mainDemo .ani-box .item-1 .dust-8{top: 59%;left: 43%;width: 6px;height: 6px;opacity: .05;filter: alpha(opacity=5)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .8s;animation-delay: .8s}
.mainDemo .ani-box .item-1 .dust-9{top: 71%;left: 61%;width: 2px;height: 2px;opacity: .42;filter: alpha(opacity=42)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .7s;animation-delay: .7s}
.mainDemo .ani-box .item-1 .dust-10{top: 95%;left: 14%;width: 8px;height: 8px;opacity: .37;filter: alpha(opacity=37)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .6s;animation-delay: .6s}
.mainDemo .ani-box .item-1 .dust-11{top: 74%;left: 11%;width: 10px;height: 10px;opacity: .55;filter: alpha(opacity=55)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: 1s;animation-delay: 1s}
.mainDemo .ani-box .item-1 .dust-12{top: 26%;left: 54%;width: 10px;height: 10px;opacity: .25;filter: alpha(opacity=25)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .5s;animation-delay: .5s}
.mainDemo .ani-box .item-1 .dust-13{top: 25%;left: 4%;width: 6px;height: 6px;opacity: .38;filter: alpha(opacity=38)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .9s;animation-delay: .9s}
.mainDemo .ani-box .item-1 .dust-14{top: 53%;left: 35%;width: 4px;height: 4px;opacity: .35;filter: alpha(opacity=35)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .4s;animation-delay: .4s}
.mainDemo .ani-box .item-1 .dust-15{top: 47%;left: 5%;width: 2px;height: 2px;opacity: .49;filter: alpha(opacity=49)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .2s;animation-delay: .2s}
.mainDemo .ani-box .item-1 .dust-16{top: 100%;left: 98%;width: 4px;height: 4px;opacity: .07;filter: alpha(opacity=7)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .1s;animation-delay: .1s}
.mainDemo .ani-box .item-1 .dust-17{top: 14%;left: 17%;width: 2px;height: 2px;opacity: .32;filter: alpha(opacity=32)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .9s;animation-delay: .9s}
.mainDemo .ani-box .item-1 .dust-18{top: 80%;left: 64%;width: 10px;height: 10px;opacity: .61;filter: alpha(opacity=61)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .4s;animation-delay: .4s}
.mainDemo .ani-box .item-1 .dust-19{top: 21%;left: 43%;width: 8px;height: 8px;opacity: .2;filter: alpha(opacity=20)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .8s;animation-delay: .8s}
.mainDemo .ani-box .item-1 .dust-20{top: 85%;left: 99%;width: 2px;height: 2px;opacity: .16;filter: alpha(opacity=16)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .3s;animation-delay: .3s}
.mainDemo .ani-box .item-1 .dust-21{top: 15%;left: 76%;width: 2px;height: 2px;opacity: .26;filter: alpha(opacity=26)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .9s;animation-delay: .9s}
.mainDemo .ani-box .item-1 .dust-22{top: 2%;left: 45%;width: 10px;height: 10px;opacity: .38;filter: alpha(opacity=38)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .2s;animation-delay: .2s}
.mainDemo .ani-box .item-1 .dust-23{top: 68%;left: 49%;width: 6px;height: 6px;opacity: .66;filter: alpha(opacity=66)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .7s;animation-delay: .7s}
.mainDemo .ani-box .item-1 .dust-24{top: 77%;left: 20%;width: 10px;height: 10px;opacity: .46;filter: alpha(opacity=46)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .1s;animation-delay: .1s}
.mainDemo .ani-box .item-1 .dust-25{top: 41%;left: 93%;width: 2px;height: 2px;opacity: .12;filter: alpha(opacity=12)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .8s;animation-delay: .8s}
.mainDemo .ani-box .item-1 .dust-26{top: 63%;left: 55%;width: 10px;height: 10px;opacity: .27;filter: alpha(opacity=27)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .2s;animation-delay: .2s}
.mainDemo .ani-box .item-1 .dust-27{top: 70%;left: 20%;width: 4px;height: 4px;opacity: .62;filter: alpha(opacity=62)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .1s;animation-delay: .1s}
.mainDemo .ani-box .item-1 .dust-28{top: 25%;left: 80%;width: 2px;height: 2px;opacity: .61;filter: alpha(opacity=61)\9;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: 1s;animation-delay: 1s}
.mainDemo .ani-box .item-1 .dust-29{top: 47%;left: 89%;width: 10px;height: 10px;opacity: .36;filter: alpha(opacity=36)\9;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: .8s;animation-delay: .8s}
.mainDemo .ani-box .item-1 .dust-30{top: 6%;left: 10%;width: 6px;height: 6px;opacity: .27;filter: alpha(opacity=27)\9;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .6s;animation-delay: .6s}
.mainDemo .ani-box .item-2{width: 1104px;height: 130px;margin-left: -552px;bottom: 353px}
.mainDemo .ani-box .item-2 .germ-1{width: 130px;height: 70px;background-position: 0 0;-webkit-animation-name: anishake1;animation-name: anishake1}
.mainDemo .ani-box .item-2 .germ-2{width: 71px;height: 31px;left: 337px;bottom: 0;background-position: -337px bottom;-webkit-animation-name: anishake2;animation-name: anishake2}
.mainDemo .ani-box .item-2 .germ-3{width: 71px;height: 31px;top: 0;right: 0;background-position: right 0;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: .8s;animation-delay: .8s}
.mainDemo .ani-box .item-3{width: 730px;height: 395px;margin-left: -365px;bottom: 248px}
.mainDemo .ani-box .item-3 .hair-1{width: 47px;height: 55px;top: 0;left: 0;background-position: 0 0;-webkit-animation-name: anishake3;animation-name: anishake3}
.mainDemo .ani-box .item-3 .hair-2{width: 100px;height: 69px;top: 35px;right: 0;background-position: right -35px;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .5s;animation-delay: .5s}
.mainDemo .ani-box .item-3 .hair-3{width: 172px;height: 57px;bottom: 0;left: 375px;background-position: -375px bottom;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: 1s;animation-delay: 1s}
.mainDemo .ani-box .item-4{width: 520px;height: 351px;margin-left: -260px;bottom: 350px}
.mainDemo .ani-box .item-4 .floc-1{width: 93px;height: 88px;top: 105px;left: 0;background-position: 0 -105px;-webkit-animation-name: anishake3;animation-name: anishake3;-webkit-animation-delay: 1s;animation-delay: 1s}
.mainDemo .ani-box .item-4 .floc-2{width: 36px;height: 35px;top: 0;left: 226px;background-position: -226px 0;-webkit-animation-name: anishake2;animation-name: anishake2;-webkit-animation-delay: 1.5s;animation-delay: 1.5s}
.mainDemo .ani-box .item-4 .floc-3{width: 36px;height: 34px;right: 0;bottom: 0;background-position: right bottom;-webkit-animation-name: anishake3;animation-name: anishake3}
.mainDemo .ani-box .item-4 .floc-4{width: 40px;height: 34px;top: 217px;left: 308px;background-position: -308px -217px;-webkit-animation-name: anishake1;animation-name: anishake1;-webkit-animation-delay: .5s;animation-delay: .5s}
.mainDemo h3{width:700px;text-align: center;color: #fff;font-size: 24px;border-top: 1px solid #91cce9;border-bottom: 1px solid #91cce9;margin:0 auto;margin-top: 45px;line-height:60px;}
.mainDemo h5{width:700px;margin:0 auto;line-height:60px;text-align:center;color: #fff;font-size:24px;}
@media(max-width:767px){
	.mainDemo{ display:none;}
}

.main0{ width:100%; height:auto; overflow:visible;background:#fff; padding:40px 0 50px;}
.main0_t{ margin:0 auto; padding:20px 0 30px 255px; background:url(/images/about_title1.png) no-repeat 0 20px; position:relative;}
.main0_t span{ display:inline-block; color:#333;font-size:32px; line-height:1; padding:0; vertical-align:middle;}
.main0_t i{ font-size:16px; color:#666; display:inline-block; font-style:normal; padding:3px 0 0; margin-left:30px; vertical-align:middle;}
.main0_t .wk_about_menu{ position:absolute; top:20px; right:0;}
.main0_t .wk_about_menu li{ float:left;margin-left:2px;width:90px;}
.main0_t .wk_about_menu a{display:block;height:38px;background:#dee0e2;color:#212628;text-align: center;font-size:16px;line-height:38px;cursor: pointer;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; border-radius:4px;}
.main0_t .wk_about_menu li.on a{background:#469c00; color:#fff;}
.main0_l{width:710px; float:right; padding:15px 0 0;}

.main0_l ul{ overflow:hidden; padding-top:5px;}
.main0_l ul li{ float:left; margin:0 90px 0 0; text-align:center; width:110px; height:118px; position:relative; cursor:pointer;}
.main0_l ul li:last-child{ margin:0;}
.main0_l ul li>div{height:118px;-webkit-transition:all 0.8s ease;transition: all 0.8s ease; position:absolute;top:0;left:0;width:110px;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;}
.main0_l ul li>div.pic_back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.main0_l ul li:hover .pic_front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.main0_l ul li:hover .pic_back{-webkit-transform: rotateY(0);transform: rotateY(0);}
.main0_c1 .more{display:none;}

.main0_l .main0_lc{ color:#666; font-size:14px; line-height:2; margin-top:20px;}
.main0_r{ float:left; width:460px; position:relative; height:320px; margin-top:20px;}
.main0_r img{ height:100%; width:100%;}

.main0_ca{ width:100%; height:340px; overflow:hidden; position:relative;}
.main0_ca>.hd{ position:absolute; bottom:0; width:100%; height:46px; left:0; text-align:center; display:none;}
.main0_ca>.hd .next2,.main0_ca>.hd .prev2{ position:absolute; display:block; width:46px; height:46px; left:50%; cursor:pointer; opacity:1;}
.main0_ca>.hd .next2{background:url(/images/snext.png) no-repeat center;; margin-left:5px}
.main0_ca>.hd .prev2{background:url(/images/sprev.png) no-repeat center; margin-left:-51px;}
.main0_ca>.hd .prev2:hover,.main0_ca>.hd .next2:hover{}
.main0_ca>.hd .next2:hover{ background:url(/images/snextho.png) no-repeat center;}
.main0_ca>.hd .prev2:hover{ background:url(/images/sprevho.png) no-repeat center;}

.main0_ca .bd{ padding:24px 0 0;}
.main0_ca .bd .picList{ width:100%; height:auto;}
.main0_ca .bd .picList li{ float:left; width:280px; margin-right:26px;}
.main0_ca .bd .picList li:last-child{ margin-right:0;}
.main0_ca .bd .picList li .pic{ width:100%; height:210px; overflow:hidden; border:1px solid #ddd;}
.main0_ca .bd .picList li .pic img{ width:100%; height:210px;transition:.8s;-webkit-transition: .8s;}
.main0_ca .bd .picList li .title{ font-size:14px; line-height:30px; color:#666; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding:5px 0 0;}
.main0_ca .bd .picList li:hover .pic img{transform:scale(1.1, 1.1);}
.main0_ca .more,.main0_l .more{ margin:20px 0 0;}
.main0_ca .more a,.main0_l .more a{display:table;padding:0 77px 0 35px;font:500 14px/44px "Microsoft YaHei";color:#666666;margin:0 auto;    background:url(/images/more.png) no-repeat 114px;border:1px solid #bdbdbd; border-radius:30px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.main0_ca .more a:hover,.main0_l .more a:hover{background:url(/images/more_hover.png) no-repeat 114px #469c00; color:#FFF; border-color:#469c00}
.main0_l .more{ display:none;}
@media(max-width:767px){
	.main0{ padding:1.2rem 0 1.5rem;}
	.main0_t{ margin:0 auto; padding:1.3rem 10px 50px; background:none; position:relative; text-align:center;}
	.main0_t span{ display:block;font-size:30px; }
	.main0_t i{ font-size:13px; display:block; padding:.8rem 0 0; margin-left:0; }
	.main0_t .wk_about_menu{ position:absolute; top:inherit; bottom:0; right:50%; margin-right:-138px;}
	.main0_t .wk_about_menu li{ float:left;margin-left:2px;width:90px;}
	.main0_t .wk_about_menu a{height:34px;font-size:14px;line-height:34px;}
	.main0_r{ display:none;}
	.main0_l{width:100%; float:none; padding:15px 0 0;}
	.main0_l ul{ width:300px; margin:0 auto;}
	.main0_l ul li{ float:left; margin:0 16px 0 0; width:63px; height:68px;}
	.main0_l ul li>div{height:68px;width:63px;}
	.main0_l ul li>div img{height:68px;width:63px;}
	.main0_l .main0_lc{ color:#666; font-size:14px; line-height:2; margin-top:20px; padding:0 10px;}
	.main0_c1 .more{ display:block; margin:15px 0 0;}
	
	.main0_ca{ height:auto; }	
	.main0_ca .bd{ padding:15px 0 0;}
	.main0_ca .bd .picList{ width:100%; height:auto; padding:0 10px;}
	.main0_ca .bd .picList li{ float:left; width:48.5%; margin-right:3%;}
	.main0_ca .bd .picList li:nth-child(2n){ margin-right:0;}
	.main0_ca .bd .picList li .pic{ width:100%; height:auto; }
	.main0_ca .bd .picList li .pic img{ width:100%; height:auto}
	.main0_ca .more{ margin:20px 0 0;}
	.main0_ca .more a,.main0_l .more a{display:table;padding:0 77px 0 35px;font:500 14px/40px "Microsoft YaHei";}
	
}

.main4{ width:100%; height:auto; background:#fafafa; padding:40px 0 50px;}
.main4_t{ margin:0 auto; padding:20px 0 30px; text-align:center;}
.main4_t h2{ font-size:40px; color:#333;}
.main4_t em{ display:none; font-style:normal;font-size:14px;color:#666;margin-top:10px}
.main4_c{ width:100%; height:auto;}
.main4_c ul{ padding:20px 0 0;}
.main4_c ul li{ float:left; height:400px; margin-right:5px; width:145px; border-top:3px solid #90c01f;overflow:hidden;}
.main4_c ul li.mli2{ border-top:3px solid #ec6c00; background:#f2f2f2;}
.main4_c ul li .ico{ width:60px; height:60px; margin:42px 0 0 27px;}
.main4_c ul li .name{ margin:2px 0 0 27px; width:118px; border-top:1px solid #b0b0b0; font-size:16px; color:#333; padding:15px 0;}
.main4_c ul li .img{ margin-top:50px;}
.main4_c ul li .bht{-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;position:relative;top:-750px; background:#90c01f; height:400px; padding:42px 0 0;}
.main4_c ul li:hover .bht{top:-350px;}
.main4_c ul li.mli2 .bht{ background:#ec6c00;}
.main4_c ul li .bht .ico{ margin:0 0 0 27px;}
.main4_c ul li .bht .name{ border-top:1px solid #fff; color:#fff;}
.main4_c ul li .bht .tips{ padding:50px 10px 0; font-size:14px; line-height:1.8; text-align:center; color:#FFF;}
@media(max-width:767px){
	.main4{ display:none;}
}


.main3{ width:100%; height:auto; padding:40px 0 50px; background:#fff;}
.main3_t{width:100%; margin:0 auto; padding:20px 0;}
.main3_t h3{float:left;width:605px;text-align:right;line-height:1;color:#616161; font-size:14px; padding:5px 0 0; display:none;}
.main3_t h3 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 10px 0;text-transform: uppercase; display:block; font-style:normal;}
.main3_t span{ display:block;color:#333;font-size:40px; width:100%; text-align:center;}
.main3_t em{ display:none;}
.main3_c{ width:100%; height:auto; padding:20px 0 0;}
.main3_cl{ float:left; width:870px;}
.main3_cl ul{ width:100%; height:auto;}
.main3_cl ul li{ width:100%; float:left;padding:18px 0; border-bottom:1px solid #dfdfdf;}
.main3_cl ul li .date{ width:90px; height:90px; background:none; float:left; background: url(../images/a.jpg) right center no-repeat;}
.main3_cl ul li .date i{ display:block; padding:5px 0 0; text-align:center; font-size:32px; color:#555; font-style:normal;border-bottom: 1px solid #434343; line-height:48px; width:58px; margin:0 auto;}
.main3_cl ul li .date span{ display:block; padding:0; text-align:center; font-size:14px; color:#666; line-height:35px;}
.main3_cl ul li .info{ float:right; width:760px; padding:0;}
.main3_cl ul li .info h1{ float:left; width:100%;font-size:17px;height:auto;font-weight:700;line-height:1.5;margin-bottom:8px;position:relative;}
.main3_cl ul li .info h1 a{ float:left; display:inline-block; max-width:100%; color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.main3_cl ul li .info span{ float:left; width:100%; font-size:13px;line-height:28px;height:56px;overflow: hidden}
.main3_cl ul li .info h1 a:hover{ color:#469c00;}

.main3_cr{ float:right; width:300px; height:auto; padding:0 0 0; background:#f8f8f8/*eaeaea*/;}
.main3_crt{ width:100%;height:auto;position: relative;overflow: hidden; line-height:25px;text-align:center; display:none;}
.main3_crt span{ display:inline-block;font-size:24px;color:#333;z-index:1;vertical-align:middle;}
.main3_crt i{display:inline-block;width:4px;height:4px;line-height:25px;background-color:#a5a5a5;border-radius:50%;margin-left: 20px;vertical-align:middle;}
.main3_crt i:first-child{margin-left:0;}
.main3_crt i:nth-child(2){margin-right:20px;}
.main3_cr ul{ width:100%; padding:12px 15px;}
.main3_cr ul li{ width:100%; height:auto; float:left;}
.main3_cr ul li a{ float:left; padding-left:12px; background:url(images/news_icon.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:14px; height:36px; line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main3_cr ul li.more{ text-align:left; height:auto; display:none;}
.main3_cr ul li.more a{ float:none; padding:0; background:none;display:block;width:120px;height:32px;border:1px solid #e1e1e1;margin: 10px auto 0;line-height:30px;text-align: center;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.main3_cr ul li a:hover{ color:#469c00;}
.main3_cr ul li.more a:hover{ background:#469c00; color:#fff;border:1px solid #469c00;}
@media(max-width:767px){
	.main3{ padding:1.5rem 0; background:#fafafa;}
	.main3_t{ padding:0;}
	.main3_t span{ font-size:30px; }
	
	.main3_c{ width:100%; height:auto; padding:1.2rem 10px .5rem;}
	.main3_cl{ float:none; width:100%;}
	.main3_cl ul{ width:100%; height:auto;}
	.main3_cl ul li{ width:100%; float:left;padding:0.5rem 0; border-bottom:1px solid #dfdfdf;}
	
	.main3_cl ul li .date{ width:80px; height:70px; padding-right:5px; background: url(/images/a.jpg) right center no-repeat; background-size:auto 70px}
	.main3_cl ul li .date i{padding:0; text-align:center; font-size:24px; line-height:38px; width:58px; margin:0 auto;}
	.main3_cl ul li .date span{ font-size:13px; color:#666; line-height:30px;}
	
	.main3_cl ul li .info{ float:right; width:calc(100% - 90px); padding:0;}
	.main3_cl ul li .info h1{font-size:15px;margin-bottom:4px;}
	.main3_cl ul li .info h1 a{ float:left; display:inline-block; max-width:100%; color:#2e2e2e;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
	.main3_cl ul li .info span{ float:left; width:100%; font-size:12px;line-height:1.8;height:44px;overflow: hidden}	
	
	.main3_cr{ display:none;}
}

/*footer*/
.wave-box{ position:relative;height:68px;background:#fff; display:none;}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0px;top:0px;}
.marquee {width:8000%;height:86px;}
.wave-list-box{float:left;}
.wave-list-box ul{float:left; height:86px; overflow:hidden; zoom:1; }
.wave-list-box ul li{height:86px; width:100%; float:left; line-height:30px; list-style:none;}

.footer_bg{ width:100%; height:auto; background:#389b63; color:#eee; font-size:14px; padding:0;}
.foot_top{max-width:1200px;margin: 0 auto;position: relative;}
.foot_top{ padding:40px 0 10px;}
.foot_top .foot_t{ border-bottom:0px solid #777; padding-bottom:20px; position:relative;}
.foot_top .foot_t_l{float:right; margin-right:80px;}
.foot_top .foot_t_l dl{float:left;width:130px;margin-left:90px;}
.foot_top .foot_t_l dl.f_contact{margin-right:0; width:240px;}
.foot_top .foot_t_l dl dt a,.foot_top .foot_t_l dl dt span{margin-bottom:8px;color:#fff; padding-bottom:12px;font-size:16px; display:block; font-weight:normal; background:url(/images/f_nav_ii.gif) repeat-x bottom;}
.foot_top .foot_t_l dl dd{ margin-bottom:8px}
.foot_top .foot_t_l dl dd a{display:block;color:#eee; font-size:14px; line-height:20px;}
.foot_top .foot_t_l dl dd a:hover{ color:#96e8ba;}
.foot_top .foot_t_l dl.f_contact dd{ line-height:28px;color:#eee; font-size:14px;}

.foot_top .foot_t_r{float:left; color:#eee; width:340px; margin-left:80px;}
.foot_top .foot_t_r .foot_tel{font-size:36px;height:45px;line-height:45px;}
.foot_top .foot_t_r .foot_tel .main_telimg{width:45px;height:45px; background:url(/images/icon_tel.png) no-repeat center; float:left;margin-right:10px}
.foot_top .foot_t_r p{padding-left:60px;}
.pr{position:relative}
.foot_top .foot_t_r a{height:34px;width:122px;border:1px solid #fff;display:block;text-align:center;line-height:32px;border-radius:2px;margin-top:20px; color:#FFF; display:none;}
.foot_top .foot_t_r a:hover{background:#ec6c00;color:#fff; border-color:#ec6c00;}

.foot_t_ewm{ padding:0; width:110px; position:absolute; top:65px; left:200px;}
.foot_t_ewm span{ display:block; line-height:30px; width:120px; font-size:14px; position:absolute; left:-120px; top:-1px; text-align:left;}
.foot_t_ewm span a{ font-size:14px; color:#FFF;}
.foot_t_ewm span a:hover{ color:#96e8ba;}
.foot_t_ewm .pro-qrcode{ width:85px; height:85px; position:relative; float:none; margin:0;}
.foot_t_ewm img{ max-width:100%; height:auto; border:none; opacity:1; padding:3px; background:#FFF;}

.flink{ text-align:left; padding:0; font-size:12px; line-height:24px;color:#999; width:1200px; margin:0 auto; text-align:center;}
.flink span{ color:#cfcfcf; display:inline-block;}
.flink a{ color:#cfcfcf; display:inline-block; margin:0 5px;}
.flink a:hover{ color:#bbb;}

.copyright{ height:auto;color:#fff; font-size:14px; padding:15px 0 5px; width:1200px; margin:0 auto; text-align:center;border-top:1px solid #40b472; line-height:30px;}
.copyright a{color:#fff;}
.copyright a:hover{color:#96e8ba;}

.index_foot,.copyright1{ display:none;}
/*返回顶部样式开始*/
.cd-top{display:none;height:40px;width:40px;position:fixed;bottom:90px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space:nowrap;background:url(/images/top.jpg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;z-index:9999999}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}
.cd-tel{display:none;height:40px;width:40px;position:fixed;bottom:90px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space:nowrap;background:url(/images/cdTel.png) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
@media only screen and (min-width: 768px) {.cd-top {right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 40px;width: 40px;right: 0px;bottom: 40px;}}
@media(max-width:767px){
	.wave-box,.footer_bg{ display:none;}
	.cd-top{ display:inline-block;}
	.cd-tel{display:inline-block;;visibility: visible;opacity: 1;z-index:9999999; border-radius:5px; opacity:1;}
	.copyright1{ background:#2e2e2e; display:block; color:#878787; padding:1rem 10px; line-height:1.8; text-align:center;}
	.copyright1 a{ color:#878787;}
	.footer_p1{padding:0 0 15px; text-align:center; font-size:0;}
	.footer_p1 a{height:18px;padding:0 10px;color:#878787;font-size:14px;border-left:1px solid #333;border-right: 1px solid #262626; display:inline-block;}
	.fx{ width:100%; height:auto; overflow:hidden; max-width:640px; margin:0 auto;text-align:right; position:relative; bottom:45%; z-index:9999999;}
	.wxgzh{ display:none; width:200px; height:220px; background:#FFF; position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-100px; border:1px solid #ddd;}
	.wxgzh img{ width:100%; margin:0 auto; height:auto; margin-top:5px; padding:0 5px;}
	.wxgzh i{ display:block; text-align:center; font-size:12px; height:auto; line-height:1.5; font-weight:normal; font-style:normal;}
	.wxgzh a.close{ font-size:13px; color:#333; position:absolute; top:2px; right:3px; font-weight:normal;opacity:1;filter: alpha(opacity=100); font-family:Tahoma, Geneva, sans-serif;}
	.bdsharebuttonbox{ max-width:640px; height:auto; overflow:hidden; float:right;}
	.bdsharebuttonbox a{ float:right;}
	
	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:10%;}
	.app_con{height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; margin:0 auto;display: inline-block;background:#389b63;}
	#fixed-foot .h_btn{width:100%; max-width:640px; margin:0 auto;display: inline-block;text-align:center; }
	#fixed-foot .h_btn .f_wx{background-attachment: scroll; background-clip: border-box;background: url(../images/h_wx.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_tel{background-attachment: scroll; background-clip: border-box;background: url(../images/h_tel.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_fw{background-attachment: scroll; background-clip: border-box;background: url(../images/h_fw.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn .f_share{ border-right:0px;background-attachment: scroll; background-clip: border-box;background: url(../images/h_share.png) no-repeat center 18%;;background-origin: padding-box;background-size: 23% auto;}
	#fixed-foot .h_btn a{ cursor:pointer; border-left: 0 dotted #EEE;border-right: 0 dotted #333; display:block; color:#FFFFFF;float: left; padding:5% 0 0; font-weight:bold; text-align: center;width:25%;}
	#fixed-foot .h_btn a span{ display:block;font-size:15px; line-height:2;}
	
	.bd_weixin_popup *{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
	.bd_weixin_popup{ width:250px !important; height:300px !important;}
}

.inbanner{ background:url(images/inbanner.jpg) center no-repeat; height:375px; width:100%; margin-top:143px;}
.inbanner img{ display:none;}
@media(max-width:767px){
	.inbanner{ background:none; height:auto; width:100%; margin-top:81px;}
	.inbanner img{ display:block; max-width:100%; height:auto;}
}

/*content*/
.content{ height:auto; overflow:visible; margin:0 auto; background:#FFF; min-height:400px; padding:0 0 60px;}
.content>.w1200{ margin-top:-46px; background:#FFF;}
.side_left{ width:100%; height:auto; float:left; position:relative;width:205px;margin:45px 50px 0 45px;}
.sd_nav{ position:relative;}
.conlist_tit{position:relative;margin-bottom:30px;}
.conlist_tit .contit1{font-size:24px;font-weight:500;color:#333;}
.conlist_tit .contit2{font-size:16px;color:#bbb;}
.side_menu{ position:relative; margin-top:0; height:auto; width:100%; text-align:left;}
.side_menu li{position:relative; border-top:1px solid #ddd;line-height:60px;}
.side_menu li:nth-child(1){ border-top:none;}
.side_menu li a{font-size:16px;color:#888;margin-left:15px;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;display:inline-block;width:190px;height:20px;line-height:20px;}
.side_menu li.curr a{color:#469c00;margin-left:5px;border-left:2px solid #469c00;padding-left:15px;}
.side_menu li a:hover{color:#469c00;}
.boxRound{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
@media(max-width:767px){
	.content{ min-height:100px; padding:0 0 1.5rem;}
	.content>.w1200{ margin-top:0;}
	.side_left{width:100%;margin:0; padding:1rem 10px 0;}
	.sd_nav{ position:relative;}
	.conlist_tit{ display:none;}
	.side_menu li{position:relative; background:#eaeaea;line-height:34px; width:31.533%; float:left; margin-right:2.7%; margin-bottom:10px;}
	.side_menu li:nth-child(1){ border:0;}
	.side_menu li:nth-child(3n){ margin-right:0;}
	.side_menu li a{font-size:14px;margin-left:0;display:block;width:100%;height:auto;line-height:34px; text-align:center; border:1px solid #eaeaea; color:#333; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.side_menu li.curr a{color:#fff;margin-left:0;border:1px solid #469c00; background:#469c00;padding-left:0;}
	.side_menu li a:hover{color:#fff;border:1px solid #469c00; background:#469c00;}
}

.side_right{ width:850px; float:left;margin:0;padding:0;}

.breadcrumb{font-size:14px;color:#666;line-height:14px;height:auto;display:block;overflow:hidden;margin-top:57px;margin-bottom:35px;border-bottom:1px dashed #ececec; padding:0 0 15px;}
.breadcrumb a{color:#666;}
.breadcrumb a:hover, .breadcrumb a span{color:#469c00;}
.elli_title{width:420px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.bllf {border-left:2px solid #469c00;padding-left:10px;}

.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.infor,.contact{ width:100%; height:auto; overflow:hidden; padding:0;color:#333;font-size:14px;line-height:2;}
.infor img{ height:auto; overflow:hidden; max-width:96%; margin:0;}
.contact .contact-container{ width:100%;}
.contact .map{ float:none; display:block; width:100%; border:1px solid #CCC;}
.infor a{ color:#666;}
.right_con table{ border:1px solid #CCC;}
.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;}
@media(max-width:767px){
	.side_right{ width:100%;}
	
	.breadcrumb{ display:none;}

	.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:.8rem 10px; font-size:14px; color:#333;}
	.infor img{ height:auto; overflow:hidden; max-width:96%; margin:5px 0;}
	.details_video{ width:100% !important; margin:0 auto 5px;}
	.details_video .video-js.vjs-fluid{ width:100% !important; height:auto;}
	.contact .contact-container{ float:none; width:100%;}
	.contact .map{ float:none; margin-left:0; width:100%; border:1px solid #CCC;}
	.infor a{ color:#666;}
	.right_con table{ width:100% !important; border:1px solid #CCC;}
	.right_con table td{ border:1px solid #CCC; text-align:left; padding:5px;word-break:break-all; line-height:1.5;}	
}

/*news*/
.news_list{ height:auto; overflow:hidden;}

.news_list ul{ padding:0; position:relative;}
.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:0 0 20px; margin-bottom:20px; position:relative;}
.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px;}
.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
.news_list li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
.news_list li .info{ float:right; width:725px; padding-top:3px;}
.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:700;}
.news_list li .info h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
.news_list li .info span{ display:block;color:#808080;font-size:14px; height:56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;line-height:2;}
.news_list li .info h2 a:hover{ color:#389b63;}

.news_list li .pic{width:230px;height:140px; position:absolute; left:0; top:0;}
.news_list li .pic img{ max-width:100%; height:auto; vertical-align:middle;}
.news_list li .txt{ width:100%; height:140px; padding-top:3px;}
.news_list li .txt.pl245{ padding-left:245px;}
.news_list li .txt h2{ width:100%; padding-bottom:9px; line-height:1; font-weight:700;}
.news_list li .txt h2 a{font-size:17px;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis; line-height:20px;}
.news_list li .txt span{ display:block;color:#808080;font-size:14px; height:74px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow:hidden;line-height:1.8;}
.news_list li .txt h2 a:hover{ color:#389b63;}
.news_list li .txt .time{ color:#888; font-size:13px; margin-top:7px;}
.news_list li .txt .time i{ font-style:normal; margin-right:10px;}


.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:5px; border-bottom:0; padding:0;}
.news_list li.news_ltr{ float:right; width:370px; margin-top:-5px; position:absolute; top:40px; right:10px; border-bottom:0; padding:0;}
.news_list li.news_ltr2{ top:160px;}
@media(max-width:767px){
	.news_list{ height:auto; overflow:hidden; padding:0 0 1rem;}
	
	.news_list ul{ padding:0 10px;}	
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:1rem 0; margin-bottom:0;}
	.news_list li .date{ float:left; width:100px; height:86px; background: url(../images/a.jpg) right center no-repeat; margin-right:20px; display:none;}
	.news_list li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
	.news_list li .date span{display:block;width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
	.news_list li .info{ float:none; width:100%; padding-top:0;}
	.news_list li .info h2{ width:100%; padding-bottom:10px; font-weight:100;}
	.news_list li .info h2 a{font-size:1rem;color:#383838;display:inline-block; max-width:100%; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
	.news_list li .info span{ display:block;color:#808080;font-size:0.8rem;line-height:2; height:auto;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	.news_list li .info h2 a:hover{ color:#389b63;}
	
	.news_list li.news_ltl{ float:left; width:100%; height:auto; margin-top:0px; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr{ float:right; width:100%; margin-top:0; position:relative; top:auto; right:auto; border-bottom:1px dashed #bdbdbd; padding:1rem 0;}
	.news_list li.news_ltr2{ top:auto;}
	
	.news_list li .pic{width:38%;height:calc(100% - 2rem); top:1rem; overflow:hidden;}
	.news_list li .pic a{ display:block; width:100%; height:100%;}
	.news_list li .pic img{object-fit:cover;}
	.news_list li .txt{ height:auto;}
	.news_list li .txt.pl245{ padding-left:40%;}
	.news_list li .txt h2{padding-bottom:5px;}
	.news_list li .txt h2 a{font-size:1rem;}
	.news_list li .txt span{font-size:0.8rem; height:3.2rem;line-height:2;-webkit-line-clamp:2;}
	.news_list li .txt .time{font-size:12px;}

}

/*下载*/
.dl_list{ width:100%; height:auto; overflow:hidden; float:left;}
.dl_list li{ line-height:40px; border-bottom:1px dashed #e9e9e9; padding:0px;position:relative; background:url(../images/dian.png) no-repeat left; overflow:hidden; height:auto; float:left; width:100%;}
.dl_list li a{ margin-left:12px; float:left; color:#464646; font-size:14px; display:inline-block; width:853px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.dl_list li span{ float:right; color:#389b63;}
.dl_list li a:hover{ color:#389b63;}

/*page*/
#page{ height:auto; margin:20px 0 0;overflow:hidden; width:100%; text-align:center;}
#page a.active{color:#fff; cursor:pointer; background:#389b63; border:1px solid #389b63;}
#page a{ display:inline-block; vertical-align:middle; padding:0 12px; margin:0 2px; border:1px solid #ddd; height:30px; line-height:30px; text-align:center; color:#000;}
#page a:hover{ color:#fff; cursor:pointer; background:#389b63; border:1px solid #389b63;}
#page a.next1{overflow: hidden;}
#page a.prev1{overflow: hidden;}
#page .none{ display:none;}
#page01{ display:none;}
@media(max-width:767px){
	#page{ display:none;}
	#page01{ display:block; width:100%; height:auto; overflow:hidden; margin-top:1.5rem; background:#EEE; margin-bottom:0;}
	#page01 a{ display:block; margin-right:1px; padding:2% 3%; float:left; background:#DDD;}
	#page01 a.num{ text-decoration:underline; color:#0086E9; font-weight:bold;}
	#page01 span{ display:block; float:right; background:#DDD; padding:2% 3%; }
}

/*case*/
.case_wrap .w1200{ margin-top:-46px; border-radius:12px 12px 0 0; overflow:visible;}
.caseMune{ width:100%; height:auto; float:none; position:relative;width:100%;margin:0; border-radius:12px; background:#fafbfc; border-top:6px solid #389b63; box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-moz-box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-webkit-box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.20); /*底边阴影*/}
.caseMune .conlist_tit{ display:none;}
.caseMune .side_menu{ position:relative; text-align:center; font-size:0; border:1px solid #e3e3e3; border-radius:10px;}
.caseMune .side_menu li{ width:150px; float:none; display:inline-block;border-top:none;line-height:1.5; padding:20px 0;}
.caseMune .side_menu li a{color:#333;margin-left:0;display:inline-block;width:100%;height:auto;line-height:20px; text-align:center; font-size:18px;font-weight:500; border-left:1px solid #dcdcdc;}
.caseMune .side_menu li:nth-child(1) a{ border-left:none;}
.caseMune .side_menu li i{ display:block; font-size:12px; padding:8px 0 0; font-style:normal; text-transform:uppercase;}
.caseMune .side_menu li.curr,.caseMune .side_menu li:hover{ position:relative}
.caseMune .side_menu li.curr a{color:#389b63;margin-left:0;padding-left:0;}
.caseMune .side_menu li.curr i{ color:#64c68f;}
.caseMune .side_menu li:hover a{color:#389b63; }
.caseMune .side_menu li:hover i{ color:#64c68f;}
.caseMune .side_menu li:hover::before,.caseMune .side_menu li.curr::before{content:"";display:inline-block;width:100%;height:2px;position:absolute;bottom:-1px;border-bottom:2px solid #64c68f;z-index:9;left:0}
.case_list{ height:auto; overflow:hidden;}
.case_list ul{ width:1220px; padding-top:30px;}
.case_list ul li{ margin:0 20px 20px 0; width:285px; height:315px; float:left;border-radius: 4px; overflow: hidden; transition:all 0.3s ease 0s;box-shadow:3px 4px 10px 0px rgba(0, 0, 0, 0.06);}
.case_list ul li .pic{width:285px; height:210px;border-radius:4px; overflow:hidden; position:relative;}
.case_list ul li a{ display:block; }
.case_list ul li .pic img{width:285px;height:210px;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.case_list ul li .title{ padding:20px 15px 6px; line-height:18px; text-align:left; font-size:16px;}
.case_list ul li .type{ width:100%; height:48px; padding:0 15px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden; line-height:25px; color:rgb(153, 153, 153); font-size:14px;}
.case_list ul li .title a{display:inline-block;max-width:100%; color:rgb(51, 51, 51); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case_list ul li:hover .title a{ color: #333; display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
.case_list ul li:hover .title a{ color:#469c00;}

/*资质*/
.honor_wrap{ width:1100px; margin:0 auto; float:none;}
.honor_list{ height:auto; overflow:hidden;}
.honor_list li{float:left;width:260px;height:auto;background: #fff;margin-right:20px;margin-bottom:12px;transition:all .3s linear;font-size:0;cursor:pointer;position:relative;}
.honor_list ul li:nth-child(4n){ margin-right:0;}
.honor_list li .pic{ position:relative; width:100%; height:auto;border-bottom:5px solid #e3e3e3; overflow:hidden;}
.honor_list li .pic.white{border-bottom:5px solid #fff;}
.honor_list li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.honor_list li .tit{ padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#555;font-size:14px;text-align: center;font-weight: 500;}
.honor_list li .n{display:none;}
.honor_list li .n img{width:37px !important;height:37px !important;border:none;margin-top:76px;transform:translateZ(0px);    transition: transform 0.5s ease 0s;}
.honor_list li a:hover .n img{transform: scale(1, 1);transition: transform 0.5s ease 0s;}
.honor_list li:hover .n{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);color:#FFFFFF;display: block;position:absolute;top:0;text-align:center;width:100%;height:100%;z-index:11;}
.honor_list li:hover .pic{border-bottom:5px solid #469c00;}
.honor_list li:hover .pic.white{border-bottom:5px solid #fff;}

.product_list{ height:auto; overflow:hidden;}
.product_list li{float:left;width:275px;height:auto;background: #fff;margin-right:10px;margin-bottom:12px;transition:all .3s linear;font-size:0;cursor:pointer;position:relative;}
.product_list ul li:nth-child(3n){ margin-right:0;}
.product_list li .pic{ position:relative; width:100%; height:auto;border-bottom:5px solid #e3e3e3; overflow:hidden;}
.product_list li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.product_list li .tit{ padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#555;font-size:14px;text-align: center;font-weight: 500;}
.product_list li .n{display:none;}
.product_list li .n img{width:37px !important;height:37px !important;border:none;margin-top:76px;transform:translateZ(0px);transition: transform 0.5s ease 0s;}
.product_list li:hover .n img{transform: scale(1, 1);transition: transform 0.5s ease 0s;}
.product_list li:hover .n{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);color:#FFFFFF;display: block;position:absolute;top:0;text-align:center;width:100%;height:100%;z-index:11;}
.product_list li:hover .pic{border-bottom:5px solid #469c00;}

@media(max-width:767px){
	/*case*/
	.case_wrap .w1200{ margin-top:0; border-radius:0; overflow:visible;}
	.caseMune{ border-radius:0; background:#fafbfc; border-top:0 solid #389b63; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-moz-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.20); /*底边阴影*/-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.20); /*底边阴影*/}
	.caseMune .conlist_tit{ display:none;}
	.caseMune .side_menu{border:0 solid #e3e3e3; border-radius:0;}
	.caseMune .side_menu li{ width:31.533%; margin:0 2.7% 10px 0; float:left;padding:0;}
	.caseMune .side_menu li a{line-height:36px; background:#eaeaea; font-size:14px;border-left:0; color:#333;}
	.caseMune .side_menu li:nth-child(1) a{ border-left:none;}
	.caseMune .side_menu li:nth-child(3n){ margin-right:0;}
	.caseMune .side_menu li i{ display:none;}
	.caseMune .side_menu li.curr a{color:#fff; background:#389b63;margin-left:0;padding-left:0;}
	.caseMune .side_menu li:hover a{color:#fff; background:#389b63;}
	.caseMune .side_menu li:hover::before,.caseMune .side_menu li.curr::before{ display:none;}
	.case_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.case_list ul{ width:100%; padding:0 5px;}
	.case_list ul li{ margin:0 1.5% 15px; width:47%; height:auto;}
	.case_list ul li .pic{width:100%; height:auto;}
	.case_list ul li .pic img{width:100%;height:auto;}
	.case_list ul li .title{ padding:10px 5px 6px; line-height:18px; text-align:left; font-size:16px;}
	.case_list ul li .type{ width:100%; height:40px; padding:0 5px; line-height:20px; margin-bottom:8px;}
	.case_list ul li .title a{display:inline-block;max-width:100%; color:rgb(51, 51, 51); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.case_list ul li:hover .title a{ color: #333; display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.case_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
	.case_list ul li:hover .title a{ color:#469c00;}
	
	/*资质*/
	.honor_wrap{ width:100%; margin:0 auto; float:none;}
	.honor_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.honor_list ul{ width:100%; padding:0 5px;}
	.honor_list li{float:left;width:47%;margin:0 1.5% 8px;}
	.honor_list ul li:nth-child(4n){ margin-right:1.5%;}
	.honor_list li .tit{ padding:8px 5px; height:35px;}	
	
	.product_list{ height:auto; overflow:hidden; padding:1rem 0 0;}
	.product_list ul{ width:100%; padding:0 5px;}
	.product_list li{float:left;width:47%;height:auto;background:#fff;margin:0 1.5% 8px;}
	.product_list ul li:nth-child(3n){ margin-right:1.5%;}
	.product_list li .tit{ padding:8px 5px;font-size:14px;}	
	
}

/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:0 0 0;}
.details_con .w880{ padding:30px 0 0;}
.detail_title{ font-size:20px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
.bbn{ border-bottom:0;}
.detail_time i{ display:inline-block; font-style:normal;}
.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
.details_img{ text-align:center; margin-bottom:5px;}
.details_img img{ max-width:100%; height:auto;}
.details_info{ padding:15px 0 30px; width:100%; line-height:2; color:#444; border-bottom:1px dashed #CCC}
.details_info img{ max-width:100%; height:auto;}
hr{ margin:5px 0;}

.smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;}

.newsDown{ width:100%; background:#eaeaea; padding:14px 16px; margin:30px 0 0;}
.newsDown li{ float:left; width:36.18%; padding-right:24%; position:relative; margin-right:2.2%;}
.newsDown li .img{ width:100%; float:left; background:white; padding:5px;}
.newsDown li .img img{ width:100%; float:left;}
.newsDown li .p1{ position:absolute; right:0; bottom:50%; width:62%; font-size:14px; color:#555; line-height:30px; margin-bottom:-30px;}
.newsDown .newsDownRight{ width:23%; float:right;}

.newsDown .btn{ width:100%; float:left; text-align:center; padding:0 0;}
.newsDown .btn .btn_box,.newsDown .btn .btn_boxR{ width:84px; height:64px;display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; padding:7px 0 10px 0; border:solid 1px #007bff; background:#007bff; cursor:pointer; margin:9px 0 0; float:right; color:#fff}
.newsDown .btn .btn_box{ padding:0;}
.newsDown .btn .btn_boxR{ font-size:14px; float:left;border:solid 1px #f39c12; background:#f39c12;}
.newsDown .btn .btn_box .ico{ width:100%; height:auto; float:none;}
.newsDown .btn .btn_box .ico,.newsDown .btn .btn_box_1 .ico{ height:26px;}
.newsDown .btn .btn_box .ico img,.newsDown .btn .btn_box_1 .ico img{ height:100%;}
.newsDown .btn .btn_box .article-social{ width:100%; height:100%; float:left; font-size:12px; color:#fff; line-height:17px;}
.newsDown .btn .btn_box .article-social a{ display:block; width:100%; height:100%; padding:7px 0 10px 0; color:#FFF;}
.newsDown .btn .text{ float:left; width:100%; font-size:14px; color:#555; line-height:1; /*text-align:left;*/ padding:10px 0 0;}
.newsDown .btn:active,.newsDown.btn.active{-webkit-box-shadow:none; box-shadow:none;}
@media(max-width:767px){
	.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:1rem 10px;}
	.detail_title{ font-size:18px; font-weight:700; color:#333; line-height:1.8; padding:0 0 5px; text-align:center;}
	.detail_time{ color:#666; line-height:2; width:100%; font-size:12px; border-bottom: #CCC 1px dashed; text-align:center; padding-bottom:10px;}
	.bbn{ border-bottom:0;}
	.detail_time i{ display:inline-block; font-style:normal;}
	.detail_time em{ display:inline-block; font-style:normal; margin:0 5px;}
	.details_img{ text-align:center; margin-bottom:5px;}
	.details_img img{ max-width:100%; height:auto;}
	.details_info{ padding:1rem 0 1.5rem; width:100%; line-height:2; color:#444; border-bottom:1px dashed #CCC}
	.details_info img{ max-width:95%; width:auto; height:auto;}
	hr{ margin:5px 0;}
	
	
	
	.newsDown{ width:100%; background:#fff; padding:0 10px; margin:1rem 0 0;}
	.newsDown li{ display:none;}
	.newsDown .newsDownRight{ width:200px; float:none; margin:0 auto;}
}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0 0;}
.detail_fenye span{ display:block; line-height:30px; color:#666; font-size:14px; vertical-align:middle;}
.nFenye span{ float:left; width:49%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nFenye>span:nth-child(2){ float:right; text-align:right;}
.detail_fenye span a{ color:#666; font-size:14px; vertical-align:middle;}
.detail_fenye span a:hover{ color:#389b63; text-decoration:underline;}

.hotNews{ padding:25px 0 0;}
.hotNews .hotTit{ font-size:18px; font-weight:700; color:#111; padding-bottom:12px;}
.hotNews ul{ width:100%; height:auto;}
.hotNews ul li{ float:left; width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotNews ul li:nth-child(2n){ float:right;}
.hotNews ul li a{ padding-left:12px; background:url(/images/news_icon.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:14px; height:30px; line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hotNews ul li a:hover{ color:#389b63;}

@media(max-width:767px){
	.detail_fenye{ padding:10px 0 0;}
	.detail_fenye span{ display:block; line-height:1.6; margin:5px 0;}
	.nFenye span{ float:none; width:100%;}
	.nFenye>span:nth-child(2){ float:none; text-align:left;}
	.hotNews{ display:block;}
}

.oHonor{ padding:25px 0 0;}
.oHonor .hotTit{ font-size:18px; font-weight:700; color:#111; padding-bottom:20px;}
.oHonor ul{ width:100%; height:auto;}
.oHonor li{float:left;width:260px;height:auto;background: #fff;margin-right:20px;margin-bottom:12px;transition:all .3s linear;font-size:0;cursor:pointer;position:relative;}
.oHonor ul li:nth-child(4n){ margin-right:0;}
.oHonor li .pic{ position:relative; width:100%; height:auto;border-bottom:5px solid #e3e3e3; overflow:hidden;}
.oHonor li .pic.white{border-bottom:5px solid #fff;}
.oHonor li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s; vertical-align:middle;}
.oHonor li .tit{ padding:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#555;font-size:14px;text-align: center;font-weight: 500;}
.oHonor li .n{display:none;}
.oHonor li .n img{width:37px !important;height:37px !important;border:none;margin-top:76px;transform:translateZ(0px);    transition: transform 0.5s ease 0s;}
.oHonor li a:hover .n img{transform: scale(1, 1);transition: transform 0.5s ease 0s;}
.oHonor li:hover .n{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.6);color:#FFFFFF;display: block;position:absolute;top:0;text-align:center;width:100%;height:100%;z-index:11;}
.oHonor li:hover .pic{border-bottom:5px solid #469c00;}
.oHonor li:hover .pic.white{border-bottom:5px solid #fff;}

@media(max-width:767px){
	.oHonor{ padding:1rem 0 0;}
	.oHonor ul{ width:100%; padding:0 5px;}
	.oHonor li{float:left;width:47%;margin:0 1.5% 8px;}
	.oHonor ul li:nth-child(4n){ margin-right:1.5%;}
	.oHonor li .tit{ padding:8px 5px; height:35px;}	
}


.mess_con{ width:100%; margin:0 auto; padding:10px 0 0;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.mess_left{ width:70px; text-align:right !important; padding-right:10px; display:inline; float:left;}
.mess_con .btn{ background:#248b81; width:120px !important; height:35px; line-height:30px; border:none; margin-top:5px; cursor:pointer; font-family:"微软雅黑"; color:#FFF; font-size:16px; letter-spacing:3px;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:25px; border:1px solid #ccc; width:180px;}
.mess_con textarea{border:1px solid #ccc; line-height:1.8;}
.mess_con .table1 tr{ height:35px;}
.mess_con table,.mess_con table td ,.mess_con table tr{ border-collapse:collapse; border:none;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ width:100%; margin:0 auto; background:#FFF;}
.mess_show li{ width:898px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#a40000;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px; min-height:38px; line-height:24px;}



@-webkit-keyframes coordinates {
    form {-webkit-transform:scale(.1);}
    to {-webkit-transform:scale(1); opacity: 0;}
}
@keyframes coordinates {
    form {transform:scale(.1);}
    to {transform:scale(1); opacity: 0;}
}

@-webkit-keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}
@keyframes minxc {
    form {width: 10px; height: 10px;  opacity: 1;}
    to{width: 60px; height: 60px; top:-25px; left:-25px;  opacity: 0; }
}


@-webkit-keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}
@keyframes centershow {
    to{-webkit-transform:scale(1); transform:scale(1); }
}


@-webkit-keyframes fadeIn {
    to{ opacity: 1;}
}
@keyframes fadeIn {
    to{ opacity: 1;}
}

@-webkit-keyframes navshow {
    to{opacity: 1; }
}
@keyframes navshow {
    to{opacity: 1; }
}