﻿

@media (min-width:1199px){
	.ny_center,#waptop{display: none!important;}
	#footer_phone{display: none!important;}
}

/*手机版*/
@media (max-width:991px){
header,footer,.nav_menu li{ display:none;}

.wp1200{ width:100%; margin:0 auto; }
.logo-box ,.zyw ,.head-icon ,.menu ,.left ,.location_nav{ display:none;}

#waptop {height: 48px}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 48px;z-index: 90;top: 0;left: 0;background-color: #000}
.nav-toggle:before {width: 100%;height: 48px;background-color: #333;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #000;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.nav {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .nav {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav ul {padding: 0 48px}
.nav ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .nav ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #222}
.nav ul li a.cur {color: #999}
.nav ul:hover li a {opacity: .5}
.nav ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #fff;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #fff;position: fixed;top: 23px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 50%;text-align: center;top: 5px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 35px;overflow: hidden}
#logo a {height: auto;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../images/icon-qq.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background: url(..images/icon-im.png) no-repeat center center;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../images/icon-call.png) no-repeat center center;background-size: 80%}



/*phonefooter*/
#footer_phone{ background: #015185; position: fixed; bottom: 0; width: 100%; left: 0; height: 40px; line-height: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 10000;}
#footer_phone a { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; float: left; display: block;
    /*text-align: center;*/ background-repeat: no-repeat; background-position: 13% center; padding-left: 12%;font-size: 12px;color: #fff;}
#footer_phone a:first-of-type {background-image: url("../images/fot_sy.png");padding-left: 15%;background-position-x: 27%;}
#footer_phone a:nth-of-type(2) { background-image: url("../images/fot_ly.png");}
#footer_phone a:last-of-type { border-right: 0;background-image: url("../images/fot_zx.png");background-position-x: 36%;padding-left: 17%;}



.neinewsbox{ width:100%; }
.neinewsbox ul{margin:0;}
.neinewsbox ul li{ width:100%; text-indent:20px;  line-height:25px; margin-bottom:3%; float:left;}
.neinewsbox ul li .ntxt{ background: url(../images/jiantou.jpg) no-repeat 2px 12px;border-bottom:1px dashed #CCCCCC; width:100%; line-height:32px;}
.neinewsbox ul li p{ background:none; width:96%; height:50px; overflow:hidden}
.neinewsbox ul li span{ float:right; text-align:left;}
.neinewsbox ul li a{ font-weight:bold;}

nav.pagelist { clear: both; text-align: center; font-size: 1.4rem; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:1rem;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:16px; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 100%; float: left; text-align: left; }



.atext{ overflow: hidden; width:100%; padding:2% 1.5%; height:auto;}
.atext p{ line-height:32px; font-size:16px;}

.case_list{width: 100%;margin-left: 0;clear: both;overflow: hidden; margin-top:1.5%; float:left;}
.case_list li{float: left;border: 1px solid #eee;text-align: center;padding: 10px 10px 0 10px;width:48.9%;margin-left:0; margin-right:2%;position: relative; margin-bottom:15px;}
.case_list li div{width: 100%;height: auto;overflow: hidden;}
.case_list li div img{ width:100%; height:auto;}
.case_list li:hover img{transform: scale(1.03,1.03);}
.case_list li h3{font-weight: normal;color: #999;line-height:45px;}
.case_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.case_list li:nth-of-type(4n-3) i{background: #ffac13;}
.case_list li:nth-of-type(4n-2) i{background: #83c44e;}
.case_list li:nth-of-type(4n-1) i{background: #2196f3;}
.case_list li:nth-of-type(4n) i{background: #e53935;}
.case_list li:hover i{width: 100%;}
.case_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}
.case_list li:nth-child(2n){margin-right: 0}


.nav_menu {clear: both;width: 100%;line-height: 72px;height: 72px;background: #fff;border-bottom:1px solid #eee; padding:0 15%;}
.nav_menu ul{float: right; width: auto;}
.nav_menu ul li {float: left;position: relative;}
.nav_menu ul li a {display: block;float: left;padding: 0 25px;color: #444444;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 14px;position: relative;z-index: 1;}
.nav_menu ul li a em{display: block;width: 100%;height: 0;z-index: -1;position: absolute;left: 0;bottom: 0;background: #1a3d55;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.nav_menu ul li a.on em,
.nav_menu ul li a:hover em{height: 100%;}
.nav_menu ul li a.on,
.nav_menu ul li a:hover {color: #fff;}

#nbanner { position:relative; z-index:-1; width:100%;}
#nbanner img{ width:100%; height: auto;}


.ny_biaoqian { margin-top: 0; position: relative; right:8px;top:20px;}
.float_r {float: right; margin-right:1%;}
.shouji_top {background: #999;position: relative;height: 50px;}
.shouji_none{ display: block; }
.ny_biaoqian{ }
.dh2{ width: 130px; height: 30px; line-height: 30px; color: #ffffff; font-size: 16px; text-align: center; background: #e83928; padding-top: 0px; position: relative; margin-top: 0;}
.dh2 .xiala{ position: absolute; z-index: 9; top: 30px; left: 0; width: 100%; display: none;}
.dh2 .xiala a{ display: block; width: 130px; height: 30px; line-height:30px; background: #e83928; border-top: solid 1px #fff; border-radius: 0; color: #fff; font-size: 14px; }

.nav_menu{ padding:0 1.5%}
.rig { float:left; text-align:right;}
.rig .location { font-size: 12px; text-align: right; height: 72px; line-height: 72px;}
.rig .location .home { background: url("../images/nimg17_1.png") no-repeat 0 center; padding-left: 25px;}
.rig .location ul{ width:auto; text-align:right}
.rig .location li { display: inline-block;}
.rig .location li span { margin: 0 5px 0 6px;}
.rig .location .active { color: #1a3d55; font-size:14px;}
.rig .location li a{ padding:0; color:#a2a2a2}
.rig .location li a:hover{ color:#FF0004}


.ex_news {clear: both;overflow: hidden;width: 100%; float:left; margin-top:3%;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 5px 0;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto;margin-bottom: 30px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 30%;height: 100px;background-image: url(logo.png);background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 100px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 60%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 10px;left:140px;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1.1em;display: block;width: 100%;padding-bottom: 15px;color: 666;}
.ex_news ul li .ex_news_info p {height: 50px;line-height: 25px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1em;}
.ex_news ul li .ex_news_date {float: right;text-align: right;width: 20%;height: 150px;overflow: hidden;position: absolute;top: 10px;right: 8px;}
.ex_news ul li .ex_news_date item {display: block;width: 14px;height: 14px;background: url(../images/r_arrow.png) no-repeat center;position: absolute;bottom: -50px;right: 5px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ex_news ul li .ex_news_date font {font-size: 1.1em;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: block;}
.ex_news ul li:hover a {color: #333;}
.ex_news ul li:hover .ex_news_info {padding-left: 20px;}
.ex_news ul li:hover .ex_news_date font {color: #333;}
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}


.contact_lis{padding-top: 40px; float:left; margin-bottom:50px;}
.contact_info i{display: block;width: 100%;height: 1px;background: #ddd;margin: 25px auto;}
.contact_lis li{float: left;text-align: center;padding:0 0px; width:100%;}
.contact_lis li img{display: block;margin: 0 auto;}
.contact_lis li h4{line-height: 25px;font-weight: normal;font-size: 16px;color: #333; width:90%; text-align:center; margin:0 auto;}
.contact_lis li h3{line-height: 40px;font-weight: normal;font-size: 16px;color: #7e7e7e;}
.contact_lis li h2{font-weight: normal;font-size: 17px;line-height: 1.5;color: #333;font-family:"microsoft yahei"}
.contact_lis em{float: left;width: 1px;height: 90px;background: #eee;margin-top: 20px; display:none} 
.contact_info h3{line-height: 1;color: #000;line-height: 1;font-size: 26px;font-weight: normal;padding-bottom: 25px;}
#dituContent { width:99.7%; height:450px; border:1px solid #D5D5D5; margin-bottom:10%;}

.about{ width:100%; background:#f7f7f7; height:auto;padding:0 0 3% 0;}
.about .aleft{ width:100; float:left; height:auto; background: none; height: auto; padding:1.8% 2% 4% 2%}
.about .aleft img{ width: 100%; height:auto}
.about .aright{ float:right; width:100%; margin-top:0; padding:0 2%}
.about .aright h2{ color:#3c3c3c; font-size:1.5em;}
.about .aright h3{ border-bottom:3px solid #e3a502; width:80px; margin:5% 0;}
.about .aright p{ line-height:32px;}
.about .aright .more{ border-radius:30px; border:1px solid #e3a502; background:url(../images/jt.png) no-repeat 80px 12px; width:120px; padding:1% 8% 1% 6%; margin-top:3%;}
.about .aright .more a{ font-size:1em;}

.pro{ width:100%; height:auto; padding:0; margin-top:6%;}
.pro h2{ color:#3d3d3d; font-size:1.8em; text-align:center;}
.pro h3{ border-bottom:3px solid #e3a502; text-align:center; width:70px; margin:1.2% auto 3%;}

/*作品*/
.t1{ width:100%; float:left; height:auto}
.line-dh{ border:1px solid #dcdcdc; width:100%; height:50px; border-left:none; border-right:none; margin-top:6%;}
.TabsTop span{float:left; margin:0; cursor:pointer;}
.TabsTop span.topl {padding:0; font-size:1em; padding:0px 5%; margin:12px 0; float:left; line-height:20px;}
.TabsTop span.topv { background:#e3a502; border-radius:30px; color:#FFFFFF; padding:12px 5px; text-align:center; width:25%; font-size:1em;}
.topt {padding:0; font-size:1em; height: 43px; width:300px; float:left; line-height:35px; border-left: none;}

.TabsTop { width:100%; margin-top:0.8%;float:left; margin-left:15%;}
.TabsTop .new {background:url(../images/new.gif) 30px 18px no-repeat; padding:0 30px 0 0; position: absolute;}
.tab .undis{display:none;}
.tab .TabsCnt {overflow:hidden; float:left; width:100%; margin-top:3%;}
.tab .Tabsdiv {overflow:hidden;}
.line-dh1{ width:100%; float:left; margin-bottom:20px; border:1px solid #d6d6d6; background:#FFFFFF;}
.line-dh1 h2{ background:#FFFFFF; line-height:46px; padding-top:8px; width:200px; float:left; text-align:center; font-size:18px; font-weight:normal;}


.recom_list li:nth-child(2n){margin-right: 0}
.recom_list{width: 100%; margin:0; float:left;}
.recom_list li{float: left;text-align: center;padding: 0;width:48%;margin-right: 2%;position: relative; margin-bottom:15px;}
.recom_list li div{width: 100%;height: auto;overflow: hidden;}
.recom_list li div img{ width:100%; height:auto;}
.recom_list li:hover img{transform: scale(1.03,1.03);}
.recom_list li h3{font-weight: normal;color: #999;line-height:40px; font-size:16px; padding:0; margin:0; width:100%; border:none; text-align:center;}
.recom_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.recom_list li:nth-of-type(4n-3) i{background: #ffac13;}
.recom_list li:nth-of-type(4n-2) i{background: #83c44e;}
.recom_list li:nth-of-type(4n-1) i{background: #2196f3;}
.recom_list li:nth-of-type(4n) i{background: #e53935;}
.recom_list li:hover i{width: 100%;}
.recom_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}

.youshi{ width:100%; height:580px; background:url(../images/youshi.jpg) no-repeat center; padding:3% 1%;}	
.youshi h2{ font-size:1.4em; color:#fff; text-align:center; margin-bottom:4%; margin-top:4%;}
.youshi h3{ color:#fff; font-size:1em; text-align:center; margin-bottom:6%; font-weight:normal; padding:0 8%;}
.youshi li{ float:left; width:48%; color:#514f4e; text-align:center; border-right:1px solid #514f4f; padding:0 3%; margin-bottom:8%;}
.youshi li .img{ text-align:center; width:100%; height:auto}
.youshi li .img img{border-radius:50%;padding:4%; border:1px solid #FFFFFF; width:28%; height:auto; text-align:center; margin-bottom:6%;}
.youshi li :hover img{ background:#f99702; border:1px solid #f99702;}
.youshi li h1{ color:#FFFFFF; font-size:1.1em; margin-bottom:5%; text-align:center}
.youshi li em{ text-align:center; border-bottom:4px solid #FFFFFF; width:15%; margin-bottom:7%; float:left; margin-left:43%;}
.youshi li p{ line-height:22px; text-align:center; color:#FFFFFF; width:100%; float:left; font-size:1em;}
.youshi li :hover h1{ color:#f99702}
.youshi li:nth-child(2n){margin-right: 0; border:none;}

.case{ width:100%;padding:3% 1%;}	
.case h2{ font-size:1.5em; color:#3d3d3d; text-align:center; margin-bottom:1%; margin-top:4%;}
.case h3{ color:#818181; font-size:1em; text-align:center; margin-bottom:8%; font-weight:normal; padding:0 8%;}
.case .cleft{ width:38%; float:left; position: relative;}
.case .cleft .img{ overflow:hidden; margin-bottom:10px;}
.case .cleft .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:518px;}
.case .cleft :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.case .cleft .eq_text{position:absolute;bottom:2%;height:40px;width:100%;text-align:center;color:#fff; display:block; background:#f99702; opacity:70%; line-height:40px; font-size:18px; color:#FFFFFF}
.case .cleft:hover .eq_text{ display:block;}

.case ul{ float: left; width:100%; position: relative;}
.case li{ float:left; width:49%; margin-right:2%; margin-bottom:1%; height: auto;}
.case li:nth-child(2n){margin-right: 0}
.case li .img{ overflow:hidden; margin-bottom:10px;}
.case li .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.case li :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.case li .eq_text{position: relative;bottom:0;height:40px;width:100%;text-align:center;color:#fff; display:block; background:#f99702; opacity:70%; line-height:40px; font-size:18px; color:#FFFFFF}
.case li:hover .eq_text{ display:block;}

.news{ width:100%; background:#f7f7f7; height:auto; padding:3% 1%;}
.news h2{ font-size:1.5em; color:#3d3d3d; text-align:center; margin-bottom:1%; margin-top:4%;}
.news h3{ color:#818181; font-size:1em; text-align:center; margin-bottom:3%; font-weight:normal; padding:0 8%;}
.news .nleft{ width:100%; float:left; background:#FFFFFF; padding:3%;}	
.news .nleft .img{ overflow:hidden; margin-bottom:10px;}
.news .nleft .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.news .nleft :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}

.news .nleft h2{ font-size:18px; color:#322828; float: none; text-align:left;}
.news .nleft em{ font-size:14px; color:#777777; border-bottom:1px solid #e3e3e3; margin-bottom:10px; width:100%; float:left; padding-bottom:10px;}
.news .nleft p{ line-height:32px;}
.news ul{ float:right; width:100%; margin-top:3%;}
.news li{ width:100%; float:left; background:#FFFFFF; padding:2%; height:auto; margin-bottom:10px;}
.news li .img{ width:150px; height:auto; float:left; overflow:hidden; margin-right:20px;}
.news li .img img{ transform: scale(1, 1); transition: all 0.2s ease-in-out 0s; width:100%; height:auto}
.news li :hover img{-webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}
.news li h2{ font-size:1.1em; color:#322828; text-align:left; margin:0}
.news li p{ line-height:26px; width:100%;font-size:1em;}


}



