.case {
	width: 100%; height: auto;
}
.case .case_box {
	width: 100%; height: auto; overflow: hidden; background-color: rgb(248, 248, 248);
}
.case .case_box .case_box_top {
	left: 0px; width: 100%; height: auto; overflow: hidden;z-index: 20; background-color: rgb(226, 227, 227);
}
.case .case_box .case_box_top ul {
	padding: 20px 100px; overflow: hidden;
}
.case .case_box .case_box_top ul li {
	font-size: 14px; margin-right: 15px; display: inline-block;
}
.case .case_box .case_box_top ul li a {
	padding: 7px 20px; display: inline-block; color:#333333;
}
.case .case_box .case_box_top ul li.current a {
	border-radius:3px;
	color: rgb(255, 255, 255);
	background-color: #ff0000;
}
.case .case_box .case_box_top ul li a:hover {
	border-radius: 3px;
	color: rgb(255, 255, 255);
	background-color: #ff0000;
}
.case .case_box .case_box_bottom {
	width: 100%; height: auto; overflow: hidden;
}
.case .case_box .case_box_bottom .case_contents {
	padding: 0px 30px;
}
.case .case_box .case_box_bottom .case_contents h2 {
	padding: 25px 0px; color: rgb(51, 51, 51); font-size: 20px; font-weight: normal;
}
.case .case_box .case_box_bottom .case_contents ul {
	overflow: hidden;
}
.case .case_box .case_box_bottom .case_contents li {
	width: 20%; overflow: hidden; float: left; cursor: pointer;
}
.case .case_box .case_box_bottom .case_contents li .case_img {
	overflow: hidden;
}
.case .case_box .case_box_bottom .case_contents li .case_img > img {
	width: 100%; height: auto; transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.case .case_box .case_box_bottom .case_contents li .case_state {
	background: url("../images/work_bg.gif") no-repeat right / auto 100% rgb(245, 246, 245); padding: 25px; color: rgb(112, 112, 112); transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.case .case_box .case_box_bottom .case_contents li .case_state span {
	font-size: 12px;
}
.case .case_box .case_box_bottom .case_contents li .case_state p {
	padding: 10px 0px 15px; width: 100%; overflow: hidden; font-size: 16px; white-space: nowrap; -ms-text-overflow: ellipsis; box-sizing: border-box;
}
.case .case_box .case_box_bottom .case_contents li:hover .case_img > img {
	transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transform: scale(1.1);
}
.case .case_box .case_box_bottom .case_contents li:hover .case_state {
	color: rgb(255, 255, 255);
	background-image: none;
	background-color: #ff0000;
}
.case .case_box .case_box_Mtop {
	padding: 30px 0px; text-align: center; display: none;
}
.case .case_box .case_box_Mtop div {
	background: url("../images/navPointer.png") no-repeat 158px; margin: 0px 6px; border: 1px solid rgb(185, 136, 136); border-image: none; width: 188px; height: 40px; text-align: left; line-height: 40px; display: inline-block; position: relative;
}
.case .case_box .case_box_Mtop div.current {
	border-color: rgb(230, 0, 18); color: rgb(255, 255, 255); background-image: url("../images/navPointer2.png"); background-color: rgb(230, 0, 18);
}
.case .case_box .case_box_Mtop div.all_case {
	text-align: center; background-image: none;
}
.case .case_box .case_box_Mtop div ul {
	background: rgb(248, 248, 248); border: 1px solid rgb(185, 136, 136); border-image: none; left: -1px; top: 40px; width: 100%; display: none; position: absolute; z-index: 10;
}
.case .case_box .case_box_Mtop div ul li {
	width: 173px; height: 40px; line-height: 40px; padding-left: 15px;
}
.case .case_box .case_box_Mtop div ul li a {
	overflow: hidden; display: block;
}
.case .case_box .case_box_Mtop div ul li:hover {
	background: rgb(233, 233, 233);
}
.case .case_box .case_box_Mtop div span {
	margin-left: 15px;
}
.case_page {
	padding: 20px; height: 100%;
}
.case_page .case_page_left {
	padding-right: 380px;
}
.case_page .case_page_left .case_page_pic img {
	max-width: 100%;
}
.case_page .case_page_right {
	top: 0px; width: 300px; text-align: right; right: 0px; padding-right: 40px; position: fixed;
}
.case_page .case_page_right .case_close {
	top: 30px; right: 40px; position: absolute; z-index: 2; cursor: pointer;
}
.case_page .case_page_right .case_close .case_close_t {
	background: rgb(34, 34, 34); margin: 5px auto; transform-origin: 0% 0%; width: 100%; height: 2px; transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0;
}
.case_page .case_page_right .case_close .case_close_b {
	background: rgb(34, 34, 34); margin: 5px auto; transform-origin: 0% 0%; width: 100%; height: 2px; transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -o-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0;
}
.case_page .case_page_right .case_close .case_close_t {
	transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.case_page .case_page_right .case_close .case_close_b {
	transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.case_page .case_page_right .case_close .case_close_c {
	opacity: 0; transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.case_page .case_page_right .case_close:hover .case_close_t {
	transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg);
}
.case_page .case_page_right .case_close:hover .case_close_b {
	transform-origin: 0% 0%; transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0;
}
.case_page .case_page_right .case_close:hover .case_close_c {
	opacity: 1;
}
.case_page .case_page_right .case_page_btn {
	width: 100%; overflow: hidden; margin-top: 120px;
}
.case_page .case_page_right .case_page_btn .case_page_prev {
	background: url("../images/case_page_prev.png") no-repeat; width: 52px; height: 52px; float: right; transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.case_page .case_page_right .case_page_btn .case_page_next {
	background: url("../images/case_page_prev.png") no-repeat; width: 52px; height: 52px; float: right; transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.case_page .case_page_right .case_page_btn .case_page_prev:hover {
	animation:work-btn 2s linear; -webkit-animation: work-btn 1s linear; -o-animation: work-btn 1s linear;
}
.case_page .case_page_right .case_page_btn .case_page_next:hover {
	animation:work-btn 2s linear; -webkit-animation: work-btn 1s linear; -o-animation: work-btn 1s linear;
}
.case_page .case_page_right .case_page_btn .case_page_prev:hover {
	background-image: url("../images/case_page_next1.png");
}
.case_page .case_page_right .case_page_btn .case_page_next:hover {
	background-image: url("../images/case_page_prev1.png");
}
.case_page .case_page_right .case_page_btn .case_page_prev {
	margin-left: 10px; background-image: url("../images/case_page_next.png");
}
.case_page .case_page_right .case_title {
	margin-top: 20px;
}
.case_page .case_page_right .case_title h2 {
	color: rgb(83, 83, 83); font-size: 20px; font-weight: normal; margin-bottom: 10px;
}
.case_page .case_page_right .case_title h3 {
	color: rgb(133, 133, 133); padding-bottom: 3px; font-size: 14px; font-weight: normal; margin-bottom: 30px; border-bottom-color: rgb(213, 0, 12); border-bottom-width: 2px; border-bottom-style: solid; display: inline-block;
}
.case_page .case_page_right .case_color {
	overflow: hidden;
}
.case_page .case_page_right .case_color span {
	margin: 0px 5px; width: 70px; height: 20px; text-align: center; line-height: 65px; display: inline-block;
}
.case_page .case_page_right .case_color span:nth-child(1) {
	background: rgb(230, 0, 18); color: rgb(230, 0, 18);
}
.case_page .case_page_right .case_color span:nth-child(2) {
	background: rgb(254, 89, 103); color: rgb(254, 89, 103);
}
.case_page .case_page_right .case_color span:nth-child(3) {
	background: rgb(83, 83, 83); color: rgb(83, 83, 83);
}
.case_page .case_page_right .case_text {
	margin: 30px 0px; line-height: 24px; overflow: hidden; font-size: 12px;
}
.case_page .case_page_right .case_text span {
	color: rgb(230, 0, 18);
}
.case_page .case_page_right .view_links {
	background: url("../images/case_page_icon.png") no-repeat 30px rgb(77, 77, 77); width: 135px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 40px; padding-left: 30px; display: inline-block;
}
.wrapper {
	margin: 0px auto; width: 1170px;
}

.case_DetaPage .case_DetaPage_box {
	margin: 50px auto 0px; width: 1200px; height: auto; text-align: center;
}
.case_DetaPage .case_detaTop {
	margin: 0px auto; width: 820px;
}
.case_DetaPage .case_logo {
	display: inline-block;
}
.case_DetaPage h5 {
	margin: 25px 0px; color: rgb(20, 20, 20); font-size: 24px; font-weight: normal;
}
.case_DetaPage p.shuxing {
	color: rgb(80, 80, 80); line-height: 33px; font-size: 18px;
}
.case_DetaPage div p {
	color: rgb(130, 130, 130); line-height: 33px; text-indent: 2em; font-size: 16px; margin-top: 25px; margin-bottom: 25px;
}
.case_DetaPage div p a {
	color: rgb(230, 0, 18);
}
.case_DetaPage .case_a {
	border: 1px solid rgb(230, 0, 18); border-image: none; width: 158px; height: 30px; color: rgb(230, 0, 18); line-height: 30px; display: inline-block; transition-duration: 0.5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.case_DetaPage .case_a:hover {
	background: rgb(230, 0, 18); color: rgb(255, 255, 255);
}
.case_DetaPage .case_detaBottom {
	width: 100%; margin-top: 45px; position: relative;
}
.case_DetaPage .case_detaBottom .computer img {
	margin: 0px auto;
}
.computer{padding-bottom:50px; text-align:center; font-size:16px; line-height:36px; color:#666666;}
.case_DetaPage .case_detaBottom .btn {
	top: 50%; width: 45px; height: 87px; margin-top: -44px; position: fixed;
}
.case_DetaPage .case_detaBottom .left {
	left: 10%;
}
.case_DetaPage .case_detaBottom .right {
	right: 10%;
}
.casetopbae{margin:auto;width:100%;background: #ff0000;height:150px;}
.casetile h1{font-size:28px; color:#FFFFFF; line-height:150px; text-align:center;}
.sypxyp{height:60px; font-size:14px;}
.sypxyp a{color: #ff0000;text-decoration:none;}
.sypxypl{
	float:left;
	width:40%;
	line-height:46px;
	background-color: #eaeaea;
	background-image: url("../images/q01.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left:40px;
}
.sypxypr{
	float:right;
	width:40%;
	line-height:46px;
	background-color: #eaeaea;
	background-image: url("../images/q02.png");
	background-repeat: no-repeat;
	background-position: right center;
	padding-left:20px;
}
.xgxw{
	margin-bottom:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ececec;
	padding-top:20px;
	height:250px;
}
.xgxw h1{font-size:18px;}
.bqxeq{margin-top:30px; margin-bottom:40px; color:#666666; font-size:14px;}
.bqxeq a{background: #ff0000;color:#FFFFFF;padding:10px;border-radius:20px;margin-right:20px;}
.bqxeq a:hover{color:#FFFFFF; background:#FF9900;border-radius:20px;}
.xgxw ul{padding-top:10px;}
.xgxw ul li{line-height:30px; font-size:14px;}
.xgxw ul li span{float:right; font-size:12px; color:#999999;}
.xgxw a{color:#666666;}
.xgxw a:hover{color:#45a7fa;}
.xgxwl{float:left; width:45%;}
.xgxwr{float:right; width:45%;}
.antiaec{float:left;}
.antiaec h1{font-size:24px; color:#FFFFFF; line-height:150px;}
.antiacr{float:right;}
.anqbbe{ width:48px; height:48px; margin-right:30px; margin-top:60px;}