@charset "utf-8";
/* CSS Document */
body { height:100%; min-width:1020px;}
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:"微软雅黑"; 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;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"宋体";}
.clear{ clear:both;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; 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%;}
	.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
	.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
	#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#ebebeb;}
}

/*header*/
.navbar-fixed-top{ position:relative;z-index:19;}
#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:34px;}
.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:32px; line-height:31px;}
.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:149px; height:113px;}
.head .logo a{ display:block; margin:0;}
.head .logo img{ position:absolute; top:0; left:0; z-index:2; max-width:100%; height:auto;}
.head .logo img.img2{ display:none;}
.head .sby{ float:left; margin-left:30px; margin-top:30px; font-size:24px; font-weight:700; color:#389b63;}
.head .sby span{ display:block; font-size:18px; font-weight:normal; color:#333; padding:10px 0 0; text-align:center; position:relative;}
.head .sby span:before{ content:""; display:block; width:40px; height:1px; background:#ddd; position:absolute; top:23px; left:0;}
.head .sby span:after{ content:""; display:block; width:40px; height:1px; background:#ddd; position:absolute; top:23px; right:0;}

.head .menu{ float:right; width:auto; padding:26px 0 23px 0;}
.menu .nav{ width:100%; height:auto;}
.menu li{ float:left; min-width:67px; font-size:14px; padding:0 20px; 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:67px; display:block; width:100%; font-size:10px; color:#b7b7b7; line-height:24px; padding:0 0 20px;}
.menu li>a em{ font-style:normal;}
.menu li>a span{ display:block; font-size:16px; color:#333; 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:#389b63;}

.menu li .sub{width:107px;z-index:99;display:none;background:#fff;position:absolute;top:63px;left:0;overflow:hidden;padding:24px 0 0;}
.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:#389b63;}
.menu li dl dd a:hover{ color:#389b63;}
.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;}
	.head .logo a{ display:block; height:auto; margin:0 5px 0 0; width:100%;}
	.head .logo img{ position:relative; max-width:100%; width:auto; height:90px;}
	.head .logo img.img1{ display:none;}
	.head .logo img.img2{ display:block;}
	.head .sby{ float:left; margin-left:0; margin-top:30px; font-size:1rem; font-weight:700; color:#389b63;}
	.head .sby span{ display:block; font-size:.8rem; font-weight:normal; color:#333; padding:5px 0 0; text-align:center; position:relative;}
	.head .sby span:before{ content:""; display:block; width:20px; height:1px; background:#ddd; position:absolute; top:13px; left:0;}
	.head .sby span:after{ content:""; display:block; width:20px; height:1px; background:#ddd; position:absolute; top:13px; right:0;}
	#site_header .navbar-header{ display:block;}
	.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:100px; 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:#b7183e;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:#389b63;}
	.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*/
.width1200{ width:1180px; margin:0 auto; padding-bottom:1px; position:relative;}
.banner{overflow:hidden; width:100%; position:relative;}
.wxBanner{ text-align:center;}
.wxBanner >ul{ position:relative;}
.bannerList ul>li{ position:absolute;}
.banner .wxBanner.bannerList{ height:550px}
.wxBanner .first {}
.wxBanner .first .b1{ left:50%; top:110px; margin-left:-600px;}
.wxBanner .first .b2{ left:50%; top:110px; margin-left:-600px;}
.wxBanner .two {}
.wxBanner .two .b1{ left:0; top:120px;}
.wxBanner .two .b2{ left:620px; top:300px;}
.wxBanner .three {}
.wxBanner .three .b1{ left:30px; top:70px;}
.wxBanner .three .b2{ left:490px; top:171px;}
.wxBanner .three .b3{ left:552px; top:295px;}
.wxBanner .first.active .b1{-webkit-animation: bounceInDown 1.5s 0s 1 linear both;animation: fadeInDown 1.5s 0s 1 linear both;}
.wxBanner .first.active .b2{-webkit-animation: bounceInUp 3s 0s 1 linear both;animation: bounceInUp 3s 0s 1 linear both;}
.wxBanner .two.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;}
.wxBanner .two.active .b2{-webkit-animation: fadeInRight 1s 0.5s 1 linear both;animation: fadeInRight 1s 0.5s 1 linear both;}
.wxBanner .two.active .b3{-webkit-animation: fadeInDown 1s 1s 1 linear both;animation: fadeInDown 1s 1s 1 linear both;}
.wxBanner .three.active .b1{-webkit-animation: fadeInLeft 1s 0s 1 linear both;animation: fadeInLeft 1s 0s 1 linear both;}
.wxBanner .three.active .b2{-webkit-animation: fadeInRight 1s 0s 1 linear both;animation: fadeInRight 1s 0s 1 linear both;}
.wxBanner .three.active .b3{-webkit-animation: zoomInUp 1s 0.5s 1 linear both;animation: zoomInUp 1s 0.5s 1 linear both;}
.switchButton.wxSwitchButton span{  top:285px}
.banner .bannerList.syBanner{ height:400px;}
.switchButton{ height:0px; width:1120px; margin:0 auto; position: relative; display:none !important; }
.switchButton span{ display:inline-block;vertical-align:top; width:60px; height:60px; z-index:6; position:absolute; top:135px; cursor:pointer;}
.switchButton span.prov{ background:url(images/prov.png); left:0;}
.switchButton span.next{ background:url(images/next.png); right:0;}
.banner .bannerList{height:350px;overflow:hidden;position:relative; width:100%; }
.banner .bannerList> li .bannerCentent{ position:relative;}
.banner .bannerList> li{display:none; text-align:center; color:#fff; font-size:14px;  width:100%; height:100%;    overflow: hidden;}
.banner .bannerList> li.active{ }
.banner .bannerSpot {position:absolute; width:100%;bottom:20px; text-align:center; width:150px\9; left: 50%\9; margin-left:-75px\9;}
.banner .bannerSpot li{display:inline-block;*display:none;width:11px;height:11px;margin-right:8px;border:1px solid #fff;cursor:pointer;border-radius:100%;}
.banner .bannerSpot li.active{ background:#fff;}
.banner .bannerSpot.syBannerSpot{bottom: 70px;}
.banner .developmentDynamics{background:rgba(50, 50, 50, 0.73);background:#000\9;height:50px; position:absolute; bottom:0; left:0; width:100%;}
.banner .developmentIcon{ background:url(images/shouyin_03.png);color:#fff;text-align:center;width:59px;height:20px;line-height:18px;position: absolute; left: -4px;top: 16px; font-size: 12px; padding-right: 5px;}
.banner01{ display:none;}
@media(max-width:767px){
	.banner{ display:none;}
	.banner01{ display:block; width:100%; height:auto; position:relative; overflow:hidden;}
	.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;background:#fff; background-size:auto 100%; padding:0;}
.main1_t{ margin:0 auto;}
.main1_t .w1200{ padding:30px 0 ;}
.main1_t h2{float:left;width:600px;text-align:right;line-height:1;color:#616161; font-size:14px; padding:5px 0 0;}
.main1_t h2 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 10px 0;text-transform: uppercase; display:block; font-style:normal;}
.main1_t span{ display:block; float:right;color:#389b63;font-weight:bold;font-size:46px; width:585px; line-height:1;}
.main1_t em{ display:none;}

.main1_c{height:790px;background-color:#ebf6f0;position:relative;z-index:10}
.main1_imgbg{width:100%;height:100%;background:url(/images/gallery.png) no-repeat center top;opacity:.2;z-index:11;position:absolute;left:0;top:0}
.main1_focus{height:100%;position:relative;z-index:13;color:#fff}

.main1_c ul{ width:1230px; height:auto; padding:50px 0;}
.main1_c ul li{ width:380px; height:auto; float:left; margin:20px 30px 20px 0;}
.main1_c ul li .pic{ width:100%; height:auto; position:relative;}
.main1_c ul li a{ display:block; width:380px; height:auto; float:left;}
.main1_c ul li a img{ width:100%; height:auto;}
.main1_c ul li a .desc{ background:#389b63; width:100%; padding:0; height:auto; text-align:center;}
.main1_c ul li a .desc .con{ font-size:16px; line-height:50px; color:#fff; padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.main1_c ul li a .desc b{ display: inline-block;  border:1px solid #6a6a6a; color:#6a6a6a; font-size:14px; margin:10px 0 0; padding:4px 20px;transition:all .5s ease; font-weight:normal; display:none;}
.main1_c ul li a:hover .desc b{ background:#389b63; border-color:#389b63; color:#FFF;}
.main1_c ul li .on{ width: 100%;height:100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter: Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s}
.main1_c ul li .on i{width: 65px;height:65px;position: absolute;left: 50%;top: 50%;margin-top: -32px;margin-left: -32px;background: url(/images/icon.png) no-repeat -50px 0;display: inline-block;vertical-align: middle;}
.main1_c ul li:hover .on{opacity: 1;filter: Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
@media(max-width:767px){
	.main1_t .w1200{ padding:1.2rem 0 ;}
	.main1_t h2{ display:none;}
	.main1_t span{ display:block; float:none;color:#389b63;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main1_t em{ display:block; font-size:0.7rem; text-align:center; font-style:normal; line-height:1.8; padding:5px 5px 0;}
	
	.main1_c{height:auto;background-color:#ebf6f0;position:relative;z-index:10}
	.main1_imgbg{width:100%;height:100%;background:url(/images/gallery.png) no-repeat center top; background-size:auto 100%;opacity:.2;z-index:11;position:absolute;left:0;top:0;}
	
	.main1_c ul{ width:100%; height:auto; padding:1.5rem 5px;}
	.main1_c ul li{ width:50%; height:auto; float:left; margin:5px 0; padding:0 5px;}
	.main1_c ul li .pic{ width:100%; height:auto; position:relative;}
	.main1_c ul li a{ display:block; width:100%; height:auto; float:left;}
	.main1_c ul li a .desc .con{ font-size:.9rem; line-height:38px; color:#fff; padding:0 5px;}
	.main1_c ul li:hover .on{opacity:0;}
}


.main0{ width:100%; height:auto; overflow:visible;background:#fff; padding:40px 0 0;}
.main0_t{ margin:0 auto; padding:20px 0 30px;}
.main0_t h2{float:left;width:476px;text-align:right;line-height:1;color:#616161; font-size:14px; padding:5px 0 0;}
.main0_t h2 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 10px 0;text-transform: uppercase; display:block; font-style:normal;}
.main0_t span{ display:block; float:right;color:#389b63;font-weight:bold;font-size:46px; width:709px; line-height:1;}
.main0_t em{ display:none;}
.main0_cbg{ background:#efefef; padding-bottom:50px;}
.main0_l{width:750px; float:left; padding:15px 0 0;}

.main0_lt{width:100%; height:90px; padding-top:20px;}
.main0_lt h2{float:left;width:274px;text-align:right;line-height:1;color:#616161;}
.main0_lt h2 i{color:#333;font-size: 18px;font-weight:bold;padding:0 0 7px 0;text-transform: uppercase; display:block; font-style:normal;}
.main0_lt span{ display:block; float:right;color:#389b63;font-weight:bold;font-size:46px; width:304px;}

.main0_l h1{ overflow:hidden; text-align:center; width:100%;}
.main0_l h1 span{ display:inline-block;}
.main0_l h1 span img{ width:56px; height:auto;}
.main0_l>h2{ font-size:38px; line-height:1; overflow:hidden; text-align:center; margin-top:12px; padding-bottom:15px; color:#333;}
.main0_l h5{ color:#888888; text-align:center; letter-spacing:2px;}
.main0_l h5 a{ color:#888888;}
.main0_l h5 a:hover{ color:#666;}
.main0_l .main0_lc{ color:#444; font-size:14px; line-height:1.95em; margin-top:15px;text-align: justify;}
.main0_l h3{ overflow:hidden; margin-top:15px;}
.main0_l h3 a{ display:block; width:105px; height:32px; line-height:30px; border:1px #389b63 solid; text-align:center; position:relative;}
.main0_l h3 a span{ position:relative; display:block; z-index:999; text-transform:uppercase; font-size:14px; color:#389b63; transition: .5s ease-in-out; -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out;}
.main0_l h3 a b{ position:absolute; width:0; height:40px; background:#389b63; left:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.main0_l h3 a i{ position:absolute; width:0; height:40px; background:#389b63; right:0%; top:0; opacity:1; transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out;  -o-transition: .5s ease-in-out; z-index:90;}
.main0_l h3 a:hover b,.main0_l h3 a:hover i{ width:70px;}
.main0_l h3 a:hover span{ color:#fff;}
.main0_l ul{ overflow:hidden; padding-top:18px;}
.main0_l ul li{ float:left; display:inline-block; padding:0 45px; text-align:center;}
.main0_l ul li h4{ color:#389b63; font-size:40px; line-height:40px; height:40px; font-weight:400; font-family:晴圆, Arial;}
.main0_l ul li h4 i{ font-size:16px; font-weight:normal; font-family:Microsoft yahei; font-style:normal;}
.main0_l ul li h5{ overflow:hidden; line-height:32px; color:#555; font-size:14px;}
.main0_l ul li.no{ width:100px; height:1px; background:#e0e0e0; margin-top:40px; padding:0;}

.main0_r{ float:right; width:400px; position:relative; height:400px; margin-top:20px; position:relative;}
.main0_r li{float: left;width:400px;position: relative;}
.main0_r li .pic{ width:400px; height:400px;}
.main0_r li .pic a{ display:block;}
.main0_r li .pic img{ width:100%; height:100%;}
.main0_r li .content_box{bottom:0;left:0px;width: 100%;background:url(/images/wja.png) repeat center;position: absolute;}
.main0_r li .content_box .txt{position: relative;left: 14px;}
.main0_r li .content_box a{line-height:30px; font-size: 14px; color: #fff;text-overflow: ellipsis;
overflow: hidden;white-space: nowrap;max-width: 300px;display: block;}
.main0_r .hd ul{ position:absolute; right:3px; bottom:11px; height:auto; text-align:right;}
.main0_r .hd ul li{ display:inline-block; width:8px; height:8px; margin:0 6px 0 0; border-radius:5px; background:#fff;cursor:pointer}
.main0_r .hd ul li.on{ background:#389b63;}
@media(max-width:767px){
	.main0{ width:100%; height:auto; overflow:visible;background:#fff; padding:0.5rem 0 0;}
	.main0_t{ margin:0 auto; padding:1rem 0 1.2rem;}
	.main0_t h2{ display:none;}
	.main0_t span{ display:block; float:none;color:#389b63;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main0_t em{ font-size:0.7rem; color:#888; text-align:center; font-style:normal; display:block; padding:5px 5px 0; line-height:1.8;}
	.main0_cbg{ background:#efefef; padding-bottom:1.5rem;}
	.main0_l{width:100%; float:none; padding:1rem 0 0;}
	
	.main0_l>h2{ font-size:1.5rem; line-height:1; overflow:hidden; text-align:center; margin-top:0.8rem; padding-bottom:0.65rem; color:#333;}
	.main0_l h5{ color:#888888; text-align:center; letter-spacing:0; padding:0 5px; line-height:1.8;}
	.main0_l .main0_lc{ color:#444; font-size:0.85rem; line-height:1.95em; margin-top:15px;text-align: justify; padding:0 10px;}
	.main0_l h3{ overflow:hidden; margin-top:0.85rem; padding:0 10px;}
	.main0_l ul{ overflow:hidden; padding-top:0.9rem;}
	.main0_l ul li{ float:left; display:inline-block; padding:0 10px; text-align:center;}
	.main0_l ul li h4{ color:#389b63; font-size:1.6rem; line-height:1.6rem; height:1.6rem; font-weight:400; font-family:晴圆, Arial;}
	.main0_l ul li h4 i{ font-size:1rem; font-weight:normal; font-family:Microsoft yahei; font-style:normal;}
	.main0_l ul li h5{ overflow:hidden; line-height:32px; color:#555; font-size:0.8rem;}
	.main0_l ul li.no{ width:1.1rem; height:1px; background:#e0e0e0; margin-top:1.6rem; padding:0;}
	
	.main0_r{ float:none; width:100%; position:relative; height:auto; margin-top:20px; position:relative; padding:0 10px;}
	.main0_r li{float: left;width:100%;position: relative;}
	.main0_r li .pic{ width:100%; height:auto;}
	.main0_r li .pic a{ display:block;}
	.main0_r li .pic img{ width:100%; height:100%;}
	.main0_r li .content_box{bottom:0;left:0px;width: 100%;background:url(/images/wja.png) repeat center;position: absolute;}
	.main0_r li .content_box .txt{position: relative;left:0; padding:0 40px 0 10px;}
	.main0_r li .content_box a{line-height:30px; font-size:14px; color: #fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;max-width:300px;display: block;}
	.main0_r .hd ul{ position:absolute; right:13px; bottom:11px; height:auto; text-align:right;}
	.main0_r .hd ul li{display:inline-block; width:8px; height:8px; margin:0 4px 0 0; border-radius:5px; background:#fff;cursor:pointer}
	.main0_r .hd ul li.on{ background:#389b63;}
}

.main2{height:auto;background-color:#fff; overflow:hidden; padding:40px 0 50px;}
/*.main2_tit{width:100%;text-align:center;}
.main2_tit h3{text-align:center;color:#389b63;font-size:30px;font-weight:bold; padding-bottom:10px; line-height:1;}
.main2_tit span{ display:block;color:#616161;font-size:14px;}*/
.main2_tit{ margin:0 auto; padding:20px 0 30px;}
.main2_tit h2{float:left;width:592px;text-align:right;line-height:1;color:#616161; font-size:14px; padding:5px 0 0;}
.main2_tit h2 i{color:#333;font-size: 18px;font-weight:bold;padding: 0 0 10px 0;text-transform: uppercase; display:block; font-style:normal;}
.main2_tit span{ display:block; float:right;color:#389b63;font-weight:bold;font-size:46px; width:593px; line-height:1;}
.main2_tit em{ display:none;}
.main2_con{ width:100%; overflow:hidden; padding-top:20px;}
.main2_con ul{ width:1220px;}
.main2_con ul li{ margin:0 20px 12px 0; width:285px; height:auto; float:left;border: 1px solid #e1e1e1; overflow: hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
.main2_con ul li .pic{width:283px; height:190px; overflow:hidden; position:relative;}
.main2_con ul li a{ display:block; }
.main2_con ul li .pic img{width:283px;height:190px;transition:.8s;-webkit-transition: .8s;}
.main2_con ul li .tit{ padding:0 0 5px; line-height:45px; color:#333; text-align:center; font-size:14px;}
.main2_con ul li:hover .tit a{ color: #333;}
.main2_con ul li .pic a:after{content:"";width:100%;height:100%;background:url(/images/eyes.png) no-repeat center 0 rgba(0,0,0,.3);position:absolute;left:0;top: 0;opacity:0;transform-origin:50% 0;transform: scale(1, 1);transition: all ease-out .3s;}
.main2_con ul li:hover{box-shadow: 0 0 12px #aaa;transform: translate3d(0, -4px, 0);}
.main2_con ul li:hover .pic a:after{top:0;background:url(/images/eyes.png) no-repeat center rgba(0,0,0,.3);opacity: 1;transform: scale(1, 1);transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.main2_con ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
.main2_con ul li:hover .tit{ background: #389b63;}
.main2_con ul li:hover .tit a{ color: #fff;}
.main2_con .more{ margin:20px 0 0;}
.main2_con .more a{display: table;padding: 0 72px 0 30px;font: 500 14px/44px "Microsoft YaHei";color: #666666;margin: 0 auto;    background: url(/images/more.png) no-repeat 114px #fff;border: 1px solid #bdbdbd;}

.main02_con{ width:100%; overflow:hidden; padding-top:20px;}
.main02_con ul{ width:1220px;}
.main02_con ul li{ margin:0 20px 12px 0; width:285px; height:auto; float:left; overflow: hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
.main02_con ul li .pic{width:285px; height:190px; overflow:hidden; position:relative; background:#fff;}
.main02_con ul li a{ display:block; }
.main02_con ul li .pic img{width:285px;height:190px;transition:.8s;-webkit-transition: .8s;}
.main02_con ul li .tit{ padding:5px 0 0; line-height:35px; color:#333; text-align:left; font-size:16px;}
.main02_con ul li .info{ width:285px; height:48px; padding:0 0; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:24px;}
.main02_con ul li:hover .tit a{ color: #333; display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main02_con ul li .pic a:after{content:"";width:100%;height:100%;background:url(/images/eyes.png) no-repeat center 0 rgba(0,0,0,.3);position:absolute;left:0;top: 0;opacity:0;transform-origin:50% 0;transform: scale(1, 1);transition: all ease-out .3s;}
/*.main02_con ul li:hover{box-shadow: 0 0 12px #aaa;transform: translate3d(0, -4px, 0);}*/
.main02_con ul li:hover .pic a:after{top:0;background:url(/images/eyes.png) no-repeat center rgba(0,0,0,.3);opacity: 1;transform: scale(1, 1);transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.main02_con ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
/*.main02_con ul li:hover .tit{ background: #389b63;}*/
.main02_con ul li:hover .tit a{ color: #389b63;}
.main02_con .more{ margin:20px 0 0;}
.main02_con .more a{display: table;padding: 0 72px 0 30px;font:500 14px/44px "Microsoft YaHei";color: #666666;margin: 0 auto;    background: url(/images/more.png) no-repeat 114px #f8f8f8;border: 1px solid #bdbdbd;}
.hvr-bounce-to-right{display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.7s;    transition-duration: 0.7s;}
.hvr-bounce-to-right:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: url("../images/more_hover.png") no-repeat 114px #389b63;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;-moz-transform-origin: 0 50%;-ms-transform-origin: 0 50%;-o-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;-moz-transition-property: transform;-ms-transition-property: transform;-o-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;-ms-transition-duration: 0.7s;-o-transition-duration: 0.7s;transition-duration: 0.7s;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.main02_con .more a:hover,.main2_con .more a:hover{border:1px solid #389b63;color:white;}
.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.main02{ background:#f8f8f8}
.main2_c{ display:none;}
@media(max-width:767px){
	.main2{ padding:1.5rem 0;}
	.main2_tit{ margin:0 auto; padding:0 0 1.2rem;}
	.main2_tit h2{ display:none;}
	.main2_tit span{ display:block; float:none;color:#389b63;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main2_tit em{ display:block; font-size:0.7rem; color:#888;text-align:center; font-style:normal; padding:5px 5px 0;line-height:1.8;}
	.main2_con{ width:100%; overflow:hidden; padding-top:0;}
	.main2_con ul{ width:100%; padding:0 5px;}
	.main2_con ul li{ margin:0 1.5% 12px; width:47%; height:auto; float:left;border: 1px solid #e1e1e1; overflow: hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
	.main2_con ul li .pic{width:100%; height:auto; overflow:hidden; position:relative;}
	.main2_con ul li a{ display:block; }
	.main2_con ul li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s;}
	.main2_con ul li .tit{ padding:0 0 3px; line-height:30px; color:#333; text-align:center; font-size:14px;}
	.main2_con ul li:hover .tit a{ color: #333;}
	.main2_con ul li:hover{box-shadow: 0 0 0 #aaa;transform: translate3d(0, 0, 0);}
	.main2_con ul li:hover .pic a:after{opacity:0;}
	.main2_con ul li:hover .tit{ background: #389b63;}
	.main2_con ul li:hover .tit a{ color: #fff;}
	.main2_con .more{ margin:.8rem 0 0;}
	.main2_con .more a{display: table;padding: 0 72px 0 30px;font: 500 14px/40px "Microsoft YaHei";}
	
	.main02_con{ width:100%; overflow:hidden; padding-top:0;}
	.main02_con ul{ width:100%; padding:0 5px;}
	.main02_con ul li{ margin:0 0 12px 0; width:50%; padding:0 5px; height:auto; float:left; overflow: hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
	.main02_con ul li .pic{width:100%; height:auto; overflow:hidden; position:relative; background:#fff;}
	.main02_con ul li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s;}
	.main02_con ul li .tit{ padding:0 0 0; line-height:30px; color:#333; font-size:14px;}
	.main02_con ul li .info{ width:100%; height:48px; padding:0 0;}
	.main02_con ul li:hover .pic a:after{opacity: 0;}
	.main02_con ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
	.main02_con ul li:hover .tit a{ color: #389b63;}
	.main02_con .more{ margin:10px 0 0;}
	.main02_con .more a{display: table;padding: 0 72px 0 30px;font:500 14px/40px "Microsoft YaHei";}
}

.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:475px;text-align:right;line-height:1;color:#616161; font-size:14px; padding:5px 0 0;}
.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; float:right;color:#389b63;font-weight:bold;font-size:40px; width:710px; line-height:1;}
.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 .pic{ float:left;width:180px;height:100px;overflow: hidden;}
.main3_cl ul li .pic img{width:100%;transition:All .3s ease-in-ou 0s;-webkit-transition:All .4s ease-in-out 0s;-moz-transition:All .4s ease-in-out;-o-transition: All .4s ease-in-out;}
.main3_cl ul li .pic:hover img{	transform: sale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); cursor:pointer;}
.main3_cl ul li .info{ float:right; width:670px; padding:5px 0 0;}
.main3_cl ul li .info h1{ float:left; width:100%;font-size:17px;height:auto;font-weight:700;line-height:26px;margin-bottom:12px;position:relative;}
.main3_cl ul li .info h1 em{ float:left; display:inline-block;font-size:12px;color:#fff;background-color:#389b63;padding:7px 10px;border-radius:3px;margin-right:10px;font-weight:100; font-style:normal; line-height:1;}
.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:#389b63;}

.main3_cr{ float:right; width:300px; height:auto; padding:18px 0 0;}
.main3_cr img{ width:100%; height:auto;transition: all 0.3s ease-out 0s;}
.main3_crt:hover img.jgzs_img1{transform:scale(1.1);}
.main3_crt{ width:100%;height:140px;position: relative;overflow: hidden;}
.main3_crt .jgzs_img1{position: absolute; top: 0px;left: 0px; width: 100%;height: 100%;z-index: 0;}
.main3_crt .jgzs_img2{position: absolute; top: 0px;left:0px; width: 100%;height: 100%;z-index: 0;}
.main3_crt span{ display:block;padding-top:84px;font-size: 18px;text-align: center;color: #fff;position: absolute;z-index: 1; width: 100%;}
.main3_cr ul{ width:270px; padding:10px 15px 9px; background:#f8f8f8/*eaeaea*/;}
.main3_cr ul li{ width:100%; height:auto; float:left;}
.main3_cr ul li a{ float:left; padding-left:15px; background:url(images/doc.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:13px; height:32px; line-height:32px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.main3_cr ul li.more{ text-align:left; height:auto;}
.main3_cr ul li.more a{ float:none; padding:0; background:none;display:block;width:120px;height:30px;border:1px solid #e1e1e1;margin: 10px auto 0;line-height: 30px;text-align: center;}
.main3_cr ul li a:hover{ color:#389b63;}
.main3_cr ul li.more a:hover{ background:#389b63; color:#fff;border:1px solid #389b63;}

@media(max-width:767px){
	.main3{ padding:1.5rem 0;}
	.main3_t{ margin:0 auto; padding:0;}
	.main3_t h3{float:none;width:100%;text-align:center;line-height:10px;color:#616161; display:none;}
	.main3_t span{ display:block; float:none;color:#389b63;font-weight:bold;font-size:1.4rem; width:100%; text-align:center;}
	.main3_t em{ font-size:0.7rem; color:#888; text-align:center; font-style:normal; display:block; padding:5px 5px 0;}
	
	.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 .pic{ float:left;width:100%;height: auto; display: block;margin-right: 16px;overflow: hidden;}
	.main3_cl ul li .pic img{width:100%;transition:All .3s ease-in-ou 0s;-webkit-transition:All .4s ease-in-out 0s;-moz-transition:All .4s ease-in-out;-o-transition: All .4s ease-in-out;}
	.main3_cl ul li .pic:hover img{	transform: sale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); cursor:pointer;}
	.main3_cl ul li .info{ float:left; width:100%; height:auto;}
	.main3_cl ul li .info h1{ float:left; width:100%;font-size:0.9rem;height:auto;font-weight:700;line-height:1.6rem;margin-bottom:0.4rem;position:relative;}
	.main3_cl ul li .info h1 em{ float:left; display:inline-block;font-size:12px;color:#fff;background-color:#74d3f6;padding:6px 10px;border-radius:3px;margin-right:10px;font-weight:100; font-style:normal; line-height:1;}
	.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:24px;height:48px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
	
	.main3_cr{ float:none; width:100%; height:auto; padding:1.5rem 0 0;}
	.main3_cr img{ width:100%; height:auto;}
	.main3_cr ul{ width:100%; padding:10px 10px 15px; background:#eaeaea;}
	.main3_cr ul li{ width:100%; height:auto; float:left;}
	.main3_cr ul li a{ float:left; padding-left:15px; background:url(images/doc.png) no-repeat center left; display:inline-block; max-width:100%; color:#333; font-size:13px; height:32px; line-height:32px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
	.main3_cr ul li.more{ text-align:left; height:auto;}
	.main3_cr ul li.more a{ float:none; padding:0; background:none; font-size:13px; color:#222;}
	.main3_cr ul li a:hover{ color:#389b63;}
}

/*footer*/
.wave-box{ position:relative;height:68px;background:#fff;}
.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/*url(images/footer_bg.gif)*/; color:#eee; font-size:14px; padding:0;}
.foot_top{max-width:1200px;margin: 0 auto;position: relative; background:url(images/footer_floor.png) no-repeat center bottom;}
.foot_top{ padding:40px 0 10px;}
.foot_top .foot_t{ border-bottom:0px solid #777; padding-bottom:20px;}
.foot_top .foot_t_l{float:right;}
.foot_top .foot_t_l dl{float:left;width:130px;margin-left:70px;}
.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;}
.foot_top .foot_t_r .foot_tel{ font-size:20px;line-height:38px;padding-bottom:10px; position:relative;}
.foot_top .foot_t_r .foot_tel span{ display:block;padding-top:0; padding-left:110px; margin-top:-30px;}
.foot_top .foot_t_r .foot_tel span img{ width:150px; height:150px; padding:5px; background:#FFF;}
.foot_top .foot_t_r .foot_tel em{ display:block; width:100px; text-align:left; line-height:1.5; font-style:normal; font-size:14px; position:absolute; top:70px; left:0;}

.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;}
.copyright a{color:#fff;}
.copyright a:hover{color:#96e8ba;}

.index_foot,.copyright1{ display:none;}
@media(max-width:767px){
	.wave-box,.footer_bg{ display:none;}
	.copyright1{ display:block; color:#333; padding:1rem 10px; line-height:1.8; text-align:center;}
	.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:230px; 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;}
	.wxgzh i{ display:block; text-align:center; font-size:12px; height:auto; line-height:1; 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_mess{background-attachment: scroll; background-clip: border-box;background: url(../images/mess.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_kf{background-attachment: scroll; background-clip: border-box;background: url(../images/h_qq.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: 1px dotted #EEE;border-right: 1px 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:350px; width:100%;}
.inbanner img{ display:none;}
@media(max-width:767px){
	.inbanner{ background:none; height:auto; width:100%;}
	.inbanner img{ display:block; max-width:100%; height:auto;}
}

/*content*/
.content{ height:auto; overflow:visible; margin:0 auto; min-height:400px; padding:0;}
.side_left{ width:100%; height:auto; float:none; position:relative; background:#f2f2f2; padding:20px 0 0;}
.sd_nav{ position:relative;}
.side_menu{ float:none; position:relative; margin-top:0; height:auto; width:100%; text-align:center;}
.side_menu li{ height:auto; width:auto; padding:0 25px; margin:0 45px;display:inline-block; vertical-align:middle; border-bottom:1px solid #f2f2f2;}
.side_menu li a{width:100%; display:inline-block; position:relative; text-align:center;}
.side_menu li img{ margin:0 auto 2px;}
.side_menu li a .h_xs{ display:block;}
.side_menu li a .h_yc{ display:none;}
.side_menu li a span{ display:block; color:#333; font-size:16px; line-height:40px; padding-bottom:5px;}
.side_menu li:hover a .h_xs,.side_menu li.curr a .h_xs{ display:none;}
.side_menu li:hover a .h_yc,.side_menu li.curr a .h_yc{ display:block;}
.side_menu li:hover,.side_menu li.curr{ border-bottom:1px solid #389b63;}
.side_menu li:hover a span,.side_menu li.curr a span{ color:#389b63;}
.boxRound{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
@media(max-width:767px){
	.content{ height:auto; overflow:visible; margin:0 auto; min-height:400px; padding:0;border-bottom:0 solid #ccc; background:#FFF;}
	.side_left{ width:100%; margin-left:0; height:auto; float:left;border-right:0 solid #dfdfdf; position: relative; padding:0;}
	.sidebar_icon_bg1,.sidebar_icon_bg2,.sidebar_en,.sidebar_title,.sidebar_contact{ display:none;}
	.sd_nav{ position:relative;}
	
	.side_menu{ float:left; position:relative; margin:0; width:100%; padding:10px 0;}
	.snone{ display:none;}
	.side_menu li{ height:auto; width:25%; margin:0; padding:5px; line-height:1; font-size:14px; float:left;}
	.side_menu li a{width:100%; padding:0; text-align:center;  display:inline-block; position:relative; color:#333; border-radius:5px; background:none; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;border:0 solid #ccc;}
	.side_menu li a .h_xs{ display:none;}
	.side_menu li a .h_yc{ display:none;}
	.side_menu li a span{ display:block; color:#333; font-size:14px; line-height:20px; padding:0;}
	.side_menu li:hover a .h_xs,.side_menu li.curr a .h_xs{ display:none;}
	.side_menu li:hover a .h_yc,.side_menu li.curr a .h_yc{ display:none;}
	.side_menu li:hover,.side_menu li.curr{ border-bottom:0px solid #389b63;}
	.side_menu li span,.side_menu li a.curr s,.side_menu li a.curr span,.side_menu li a.curr i{ display:none;}
	.side_menu li a.curr:hover{ color:#fff;}
}

.side_right{ width:100%; float:left;margin:0;padding:0;}

.right_con{ width:100%; padding:0; height:auto; overflow:hidden;}
.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:30px 0 60px; font-size:14px; color:#333;}
.infor img{ height:auto; overflow:hidden; max-width:100%; margin:10px 0;}
.contact .contact-container{ float:left; width:330px;}
.contact .map{ float:left; display:block; margin-left:15px; width:840px; border:0px 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){
	.infor,.contact{ width:100%; height:auto; line-height:2; overflow:hidden; margin:0; padding:1rem 10px; font-size:14px; color:#333;}
	.infor img{ height:auto; overflow:hidden; max-width:96%; margin:5px 0;}
	.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;}	
}

/*news*/
.news_list{ height:auto; overflow:hidden; padding:0 0 60px;}
.news_lt{ width:100%; height:auto; padding:40px 0 0; position:relative;}

.news_txt{ width:100%; height:auto; padding-top:10px;}
.news_txt h1{ line-height:1; padding-bottom:5px;}
.news_txt h1 a{ display:inline-block; max-width:100%; font-size:18px; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.news_txt span{ display:block;margin:4px 0 6px; font-size:14px;line-height:24px; color:#808080;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
/*.news_ltr{ float:right; width:530px; margin-top:-5px; position:absolute; top:40px; right:10px;}*/
.news_ltr dl{ width:100%; float:left; padding-bottom:8px;}
.news_ltr dl dt{ line-height:30px; font-weight:normal;}
.news_ltr dl dt a{ display:inline-block; max-width:100%; font-size:18px; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.news_ltr dl dd{ display:block;margin:4px 0 6px; font-size:14px;line-height:24px; height:72px; color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_txt h1 a:hover,.news_ltr dl dt a:hover{ color:#389b63;}

.news_list ul{ padding:30px 0; position:relative;}

.news_list ul .news_img{ float:left; width:791px; height:290px;}
.news_list ul .news_img img{ width:100%; height:100%; padding:1px; border:1px solid #e5e5e5;} 

.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:20px 0;}
.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:1080px; 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.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_lt{ width:100%; height:auto; padding:1rem 0 0; position:relative;}
	.news_lt .news_img{ float:left; width:100%; height:auto;}
	.news_lt .news_img img{ width:100%; height:100%; padding:1px; border:1px solid #e5e5e5}
	.news_ltl{ float:left; width:100%; padding:0 10px 0.5rem; height:auto; margin-top:0px;}
	.news_txt{ width:100%; height:auto; padding:0;}
	.news_txt h1{ line-height:1; padding-bottom:10px;}
	.news_txt h1 a{ display:inline-block; max-width:100%; font-size:1rem; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
	.news_txt span{ display:block;margin:0 0 0; font-size:0.8rem;line-height:2; color:#808080;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
	.news_ltr{ float:right; width:100%; margin-top:0; padding:0 10px; position:relative; top:auto; right:auto;}
	.news_ltr dl{ width:100%; float:left; padding:0;}
	.news_ltr dl dt{ line-height:1; font-weight:normal; padding-bottom:10px;}
	.news_ltr dl dt a{ display:inline-block; max-width:100%; font-size:1rem; color:#383838;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
	.news_ltr dl dd{ display:block;margin:0; font-size:0.8rem;line-height:2; color:#808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
	.news_txt h1 a:hover,.news_ltr dl dt a:hover{ color:#389b63;}
	
	.news_list ul{ padding:.5rem 10px 0;}
	.news_list ul .news_img{ float:left; width:100%; height:auto;}
	.news_list ul .news_img img{ width:100%; height:100%; padding:1px; border:1px solid #e5e5e5}
	
	.news_list li{ cursor:pointer; width:100%; height:auto; float:left; border-bottom:1px dashed #bdbdbd; padding:1rem 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:3;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;}

}

/*下载*/
.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: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:1rem;}
	#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%; }
}

/*product*/
.case_list{ height:auto; overflow:hidden; padding:0 0 60px;}
.case_list ul{ width:1218px; padding-top:30px;}
.case_list ul li{ margin:0 18px 20px 0; width:388px; height:auto; float:left; overflow: hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
.case_list ul li .pic{width:388x; height:260px; overflow:hidden; position:relative; background:#fff;}
.case_list ul li a{ display:block; }
.case_list ul li .pic img{width:100%;height:260px;transition:.8s;-webkit-transition: .8s;}
.case_list ul li .title{ padding:5px 0 0; line-height:35px; color:#333; text-align:left; font-size:16px;}
.case_list ul li .type{ width:100%; height:48px; padding:0 0; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:24px;}
.case_list ul li .title a{display:inline-block; vertical-align:middle;max-width:100%; 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 .pic a:after{content:"";width:100%;height:100%;background:url(/images/eyes.png) no-repeat center 0 rgba(0,0,0,.3);position:absolute;left:0;top: 0;opacity:0;transform-origin:50% 0;transform: scale(1, 1);transition: all ease-out .3s;}
.case_list ul li:hover .pic a:after{top:0;background:url(/images/eyes.png) no-repeat center rgba(0,0,0,.3);opacity: 1;transform: scale(1, 1);transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.case_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
.case_list ul li:hover .title a{ color: #389b63;}

.product_list{ height:auto; overflow:hidden; padding:40px 0 60px;}
.product_list ul{ float:left; width:1220px;}
.product_list ul li{ margin:0 20px 30px 0; width:285px; height:auto; float:left;border:1px solid #e1e1e1; overflow:hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
.product_list ul li .tit{ text-align:center; display:block;font-size:14px;color:#333; padding-bottom:5px; line-height:45px;}
.product_list ul li .pic img{ width:100%; height:190px;transition:.8s;-webkit-transition: .8s;}
.product_list ul li .pic{width:283px; height:190px; overflow:hidden; position:relative;}
.product_list ul li .pic:after{content:"";width:100%;height:100%;background:url(/images/eyes.png) no-repeat center 0 rgba(0,0,0,.3);position:absolute;left:0;top: 0;opacity:0;transform-origin:50% 0;transform: scale(1, 1);transition: all ease-out .3s;}
.product_list ul li:hover{box-shadow: 0 0 12px #aaa;transform: translate3d(0, -4px, 0);}
.product_list ul li:hover .pic:after{top:0;background:url(/images/eyes.png) no-repeat center rgba(0,0,0,.3);opacity: 1;transform: scale(1, 1);transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s;}
.product_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
.product_list ul li:hover .tit{ background:#389b63; color: #fff;}

@media(max-width:767px){
	.case_list{ height:auto; overflow:hidden; padding:0 0 1rem;}
	.case_list ul{ width:100%; padding:1rem 5px 0;}
	.case_list ul li{ margin:0 0 15px; width:50%; padding:0 5px; height:auto; float:left; overflow: hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
	.case_list ul li .pic{width:100%; height:auto; overflow:hidden; position:relative; background:#fff;}
	.case_list ul li a{ display:block;}
	.case_list ul li .pic img{width:100%;height:auto;transition:.8s;-webkit-transition: .8s;}
	.case_list ul li .title{ padding:2px 0 0; line-height:35px; color:#333; text-align:left; font-size:16px;}
	.case_list ul li .type{ width:100%; height:48px; padding:0 0; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:24px;}
	.case_list ul li:hover .title a{ color: #333;}
	.case_list ul li .pic a:after{content:"";width:100%;height:100%;background:url(/images/eyes.png) no-repeat center 0 rgba(0,0,0,.3);position:absolute;left:0;top: 0;opacity:0;transform-origin:50% 0;transform: scale(1, 1);transition: all ease-out .3s;}
	.case_list ul li:hover .pic a:after{opacity:0;}
	.case_list ul li:hover img{transform:1s scale(1.1);-webkit-transform: scale(1.1);}
	.case_list ul li:hover .title a{ color: #389b63;}
	
	.product_list{ height:auto; overflow:hidden; padding:1rem 0;}
	.product_list ul{ float:left; width:100%; padding:0 5px;}
	.product_list ul li{ margin:0 1.5% 15px; width:47%; height:auto; float:left;border:1px solid #e1e1e1; overflow:hidden; transition:all 0.3s ease 0s; box-sizing:border-box;}
	.product_list ul li .tit{ text-align:center; display:block;font-size:14px;color:#333; padding-bottom:3px; line-height:35px;}
	.product_list ul li .pic img{ width:100%; height:auto;transition:.8s;-webkit-transition: .8s;}
	.product_list ul li .pic{width:100%; height:auto; overflow:hidden; position:relative;}
	.product_list ul li:hover{box-shadow: 0 0 0 #aaa;transform: translate3d(0, 0, 0);}
	.product_list ul li:hover .pic:after{opacity:0;}
	.product_list ul li:hover .tit{ background:#389b63; color:#fff;}
}

/*detail*/
.details_con{ width:100%; height:auto; overflow:hidden; min-height:400px; padding:30px 0 40px;}
.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;}
@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;}
}

.smBox{ background:#efefef; padding:10px 15px; margin:15px 0 0; font-size:14px; line-height:2; color:#888;}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;}
.detail_fenye span{ display:block; line-height:30px; color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a{ color:#333; font-size:14px; vertical-align:middle;}
.detail_fenye span a:hover{ color:#389b63; text-decoration:underline;}
@media(max-width:767px){
	.detail_fenye{ padding:10px 0 0;}
	.detail_fenye span{ display:block; line-height:1.6; margin:5px 0;}
}

.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; }
}