﻿@import url("common.css");
@import url("font/iconfont.css");
@media only screen and (min-width: 992px) {
	.swiper-container-case {background:url(../imgs/bancase.jpg) center; background-size:100% 100%; height:39.83vw; width:100%; position:relative;}
	.swiper-container-news {background:url(../imgs/bannews.jpg) center; background-size:100% 100%; height:39.83vw; width:100%; position:relative;}
	.swiper-container-about {background:url(../imgs/aban1.jpg) center; background-size:100% 100%; height:39.83vw; width:100%; position:relative;}
	.swiper-container-contact {background:url(../imgs/aban2.jpg) center; background-size:100% 100%; height:39.83vw; width:100%; position:relative;}
	.slide-front {background:url(../imgs/tiepian.png); z-index:100002; width:508px; height:119px; position:absolute; left:4%; bottom:70px;}
	
	.swiper-container-service {position:relative; width:100%; overflow:hidden;}
	.swiper-container-service .pfocus img {width:100%; height:auto;}
	.swiper-container-service video {position:absolute; top:0; left:0; z-index:9;}

	.pmenu {width:92%; overflow: hidden; margin:50px 4%; height:34px; line-height: 34px; text-align:right;}
	.pmenu span {float:left; font-size:24px;}
	.pmenu a {display:inline-block; height:34px; background-color:#ededed; padding:0 25px; margin-left:15px; }
	.pmenu a.active,.pmenu a:hover {background-color:#298ed6; color:#fff; transition: all 0.25s ease-out;}
	
	.ctit {font-size:24px; text-align:left; display:inline-block; width:92%; margin:30px 4% 40px 4%;}
	ul.caselist {width:92%; margin:0 4%;}
	ul.caselist li {width:19.2%; margin-right:1%; margin-bottom:1%; height:calc(11% + 50px); position:relative; float:left;}
	ul.caselist li:nth-child(5n) {margin-right:0;}
	ul.caselist li a {display:block; width:100%; height:100%;}
	ul.caselist li a span {width:100%; height:calc(100% - 50px); position:absolute; left:0; top:0; overflow:hidden;}
	ul.caselist li a span img {width:100%; height:100%; position:absolute; left:0; top:0; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; background:url(../imgs/bgcase.jpg) #fff center no-repeat;}
	ul.caselist li a:hover img {width:120%; height:120%; position:absolute; left:-10%; top:-10%;}
	ul.caselist li i {position:absolute; background-color:rgb(255,255,255,0.5); color:#000; padding:0 15px; height:22px; line-height:22px; top:10px; right:10px; font-style:normal; font-size:12px; display:inline-block;}
	ul.caselist li a font {display:inline-block; margin-top:11vw; height:50px; line-height:50px; text-align:center; width:calc(100% - 20px); font-size:15px; background-color:#f1f1f1; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; overflow:hidden; padding:0 10px; white-space: nowrap;  text-overflow:ellipsis;}
	ul.caselist li a:hover font {background-color:#298ed6; color:#fff;}
	ul.caselist li a::before {display:inline-block; z-index:11; left:calc(50% - 20px); top:calc(5.5vw - 30px); background-size:100% 100%; content:''; position:absolute; transition: all 0.25s ease-out;content: '';width: 0;height: 0;border-top: 10px solid transparent;border-left: 16px solid white;border-bottom: 10px solid transparent;content: '';position: absolute;width: 0;height: 0;border-top: 30px solid transparent;border-left: 40px solid #298ed6;border-bottom: 30px solid transparent; z-index:10000; opacity:0;}
	ul.caselist li a:hover::before {opacity:0.8;}
	
	.btnplay {text-align:left; padding:40px 0;}
	.btnplay a {display:inline-block; position:relative;}
	.btnplay a::before {position:absolute; left:68px; top:5px; width: 0; height: 0;border-width: 5px;content:'';border-style: solid;border-color:#fff #fff #fff #000;}
	.playback {background-color:#000; cursor:pointer; display:none; opacity: 0.5; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000001;}
	.playbox {position:fixed; top:-100%; left:calc(50vw - 400px); width:800px; height:500px; z-index:1000001; transition: all 0.25s ease-out;}
	.playbox video {width:800px; height:450px; background-color:#000;}
	.playbox iframe {width:800px; height:450px; background-color:#000;}
	.playbox a.close {width:30px; height:30px; position:absolute; bottom:-60px; left:380px; font-size:30px; color:#fff; background-color:#222; padding:10px; border-radius:50%; transition: all 0.25s ease-out;}
	.playbox a.close:hover {color:#666;}
	.playbox.active {top:calc(50vh - 225px);}
	
	#newload .caselist {display:none;}
	
	.servabout {padding:80px 0; width:92%; margin:0 4%; line-height:32px; text-align:left; color:#666;}
	.servabout span {width:100%;}
	.servabout font {float:right; width:47%; display:none;}
	
	.servitems {width:92%; margin:0 4%; border-bottom:1px solid #ddd; padding-bottom:30px;}
	.servitems span {font-size:24px; text-align:left; display:inline-block; width:33%; line-height:200%;}
	.servitems span i {font-size:24px; color:#F00; padding-left:10px;}
	.servitems ul {width:62%; float:right; margin-left:5%;}
	.servitems ul li {width:23.5%; float:left; margin-left:1.5%; overflow:hidden; height:150px; margin-bottom:0.1rem; position:relative;}
	.servitems ul li a {display:inline-block; font-size:20px; color:#666; height:114px; width:100%; transition: all 0.25s ease-out; background-color:#eee; padding-top:36px;}
	.servitems ul li a::before {display:block; text-align:center; font-size:50px;}
	.servitems ul li span {position:absolute; top:-100%; left:0; width:calc(100% - 30px); transition: all 0.25s ease-out; height:calc(100% - 30px); font-size:12px; color:#fff; background-color:#298ed6; padding:15px;}
	.servitems ul li:hover span {top:0;}
	.servitemszb ul li {width:31.833%;}
	
	.aboutcont {width:36%; float:left; margin-left:4%; line-height:200%; text-align:left; margin-top:60px;}
	.aboutcont h2 {font-size:16px;}
	.abouthistory {width:52%; float:right; margin-right:4%; text-align:left; margin-top:60px;}
	.abouthistory .time-axis{margin: 0;padding: 0;position: relative;}
	.abouthistory .time-axis:before{content: ''; position: absolute; left: 93px; top: 15px; width: 1px; height: 100%; background-color: #E4E4E4;}
	.abouthistory .time-axis-item{list-style: none; padding: 0 0 0 150px; position: relative; line-height: 40px; font-size: 14px; color: #141414;}
	.abouthistory .time-axis-achievement{margin: 0;}
	.abouthistory .time-axis-date{position: absolute; left: 0; top: 0; color: #666;}
	.abouthistory .time-axis-date span{position: absolute; right: -68px; top: 35%; display: block; width: 13px; height: 13px; border: 1px solid #ccc; border-radius: 100%; background-color: #fff;}
	.abouthistory .time-axis-date span:after{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 7px; height: 7px; margin: auto; background-color: #ccc; border: 1px solid #ccc; border-radius: 100%;}
	.abouthistory .time-axis-item:first-child .time-axis-date span{border-color:#09F;}
	.abouthistory .time-axis-item:first-child .time-axis-date span:after{background-color: #09F; border-color: #09F;}
	
	.picsort {text-align:center; height:30px; margin-top:50px;}
	.picsort a {padding:5px 45px; display:inline-block; margin:0 10px; background-color:#ededed; color:#666;}
	.picsort a.active,.picsort a:hover {background-color:#298ed6; color:#fff;}
	.piclist {width:9.3rem; margin:0 0.35rem; margin-top:50px;}
	.piclist ul {width:100%;}
	.piclist ul li {float:left; width:calc(3rem - 2px); margin:0 0.05rem; margin-bottom:0.1rem; height:280px; overflow:hidden; text-align:left; border:1px solid #eee;}
	.piclist ul li>span {float:left; width:144px; text-align:center; margin-right:16px; background-color:#eee; height:280px;}
	.piclist ul li>span img {margin-bottom:10px; width:144px; height:212px;}
	.piclist ul li span i {display:block; margin-top:6px; font-size:16px; font-style:normal;}
	.piclist ul li font {display:inline-block; height:260px; line-height:200%; color:#666; width:calc(100% - 170px); overflow-y:auto; margin:10px 10px 10px 0;}

	.newslist {width:100%; margin:30px auto 0 auto; overflow: hidden; text-align: left;}
	.newslist li {margin-bottom:4%; float:left; width:28%; margin-left:4%; border-top:1px solid #ddd; padding-top:3%;}
	.newslist li img {width:150px; height:120px; float:left; margin-right:20px;}
	.newslist li a.tit {display:block; font-size:16px; width:100%; height:20px; line-height:20px; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.newslist li span {display:block; color:#999; padding:20px 0; line-height:24px; height:72px; overflow:hidden; color:#777; text-align:left;}
	.newslist li font {padding:5px 0 8px 0; color:#aaa; display:inline-block; font-size:12px;}

	.tbody table {border-top:1px solid #999; border-left:1px solid #999;}
	.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px;}
	.lbody table tr td {padding:5px;}
	.lbody table tr td input,.lbody table tr td textarea {padding:4px;}

	.dede_pages {height:52px; line-height:52px; padding:10px 0 0 0; width:100%; text-align:center; margin:0; margin-top:10px}
	.dede_pages a {padding:8px 16px; text-align:center; background-color:#ddd; color:#949494; margin-left:5px; }
	.dede_pages a.current,.dede_pages a:hover {background-color:#333; color:#fff; text-align:center; margin-left:5px; }
	.dede_pages a.disabled {background-color:none !important;}

	.pnstr {line-height:200%; padding:20px 0; text-align:left; height:60px; line-height:30px; color: #999;}
	.pnstr .pgprex {float:left;}
	.pnstr .pgnext {float:right;}
	
	.viewmore {text-align:center; padding:20px 0; text-align:center;}
	.viewmore a {display:inline-block; height:34px; line-height:34px; padding:0 20px; background-color:#ddd; font-size:14px; transition: all 0.25s ease-out;}
	.viewmore a:hover {background-color:#298ed6; color:#fff;}

	.cbody {width:92%; margin:50px 4% 0 4%; background-color:#fff;}
	.cbody h1.title {width:100%; text-align: center; font-size:24px; height:24px; line-height:24px; padding: 50px 0 0 0;}
	.cbody h1.casetit {width:810px; text-align: left; font-weight:normal; color:#777; font-size:14px; height:14px; line-height:24px; padding: 10px 0 30px 0;}
	.cbody h1.newstit {width:100%; text-align: left; font-weight:normal; color:#777; font-size:14px; height:14px; line-height:24px; padding: 10px 0 30px 0;}
	.cbody h1.newstit font {padding-left:10px; color:#ccc; font-size:12px;}
	.cbody p img {max-width:100%; height:auto;}
	.cbody .content {line-height:200%; padding:20px 0; color:#666666; text-align: left; font-size:14px;}
	.cbody .content hr {margin:12px 0;}
	.cbody .content a {color:#09F;}
	.cbody .content #formWrite table {width:740px; margin:0 auto;}
	.cbody .content #formWrite table tr td {padding:3px 5px; }
	.cbody .content #formWrite table tr td input[type="text"],.cbody .content #formWrite table tr td select {padding:6px 4px; width:320px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td textarea {padding:6px 4px; width:520px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td select {width:330px;}
	.cbody .content #formWrite table tr td input[type="submit"] {width:330px; border:none; background-color:#9d9d9d; color:#fff; font-size:14px; padding:6px 0;}
	.cbody .content #formWrite table tr td input[type="submit"]:hover {filter:alpha(Opacity=80); -moz-opacity:0.8;opacity: 0.8; cursor:pointer; }
	.cbody .video {text-align:center; padding:0 40px;}
	.cbody .video iframe {width:800px; height:450px;}
	.cbody .content a.download {display:block; padding-top:5px; font-size:14px; line-height:24px;}
	.cbody .content a.download::before {font-size:24px; float:left;}
	.cbody .cbg {background:url(../imgs/bg_case.jpg) bottom no-repeat; margin:0 40px; height:176px;}
	.cbody .baidushare {margin:0 40px;}
	.cbody .infos {text-align: center; color: #ccc; padding: 30px 0;}
	.cbody .smlpic {float:left; width:500px; height: 250px; margin-top: 40px; text-align: left; }
	.cbody .oinfo {float:left; width:500px; height: 250px; margin-top: 40px; text-align: left; margin-left:50px;}
	.cbody .oinfo h1 {text-align: left; padding:0;}
	.cbody .oinfo li {padding-bottom:25px;}
	.cbody .oinfo li a {display: inline-block; line-height: 40px; width:120px; background-color: #f00; color:#fff; text-align: center; margin-right:30px;}
	.cbody .oinfo li font {font-size: 24px;}
	.cbody .probar {height:44px; line-height: 44px; background-color: #ededed; padding: 0 15px; font-size: 16px; text-align: left; margin-top: 30px;}

	.cbody .conmap {width:720px; float:right; margin-top:20px; margin-bottom:20px; border:1px solid #eee; height:420px;}
	.cbody .contit {font-size:24px; color:#333; padding-top:20px;}
	.cbody .contit::after {content:''; height:2px; width:32px; background-color:#333; display:block; margin-top:18px;}
	.pmain .contel {color:#999; padding-top:18px;}
	.cbody .contel font {display: block;color: #2262aa;font-size: 24px;padding-top: 10px;padding-bottom: 10px;line-height: 40px;}
	.cbody .coninf {line-height:250%; color:#666;}

}



@media only screen and (max-width: 991px) {
	.swiper-container-case {background:url(../imgs/bancase.jpg) no-repeat; background-size:auto 100% ; height:9rem; width:100%; position:relative;}
	.swiper-container-news {background:url(../imgs/bannews.jpg) no-repeat; background-size:auto 100% ; height:9rem; width:100%; position:relative;}
	.swiper-container-about {background:url(../imgs/aban1.jpg) no-repeat; background-size:auto 100% ; height:9rem; width:100%; position:relative;}
	.swiper-container-contact {background:url(../imgs/aban2.jpg) no-repeat; background-size:auto 100% ; height:9rem; width:100%; position:relative;}
	.slide-front {background:url(../imgs/tiepian.png); background-size:auto 100% ; z-index:1; width:9rem; height:2rem; position:absolute; left:4%; bottom:1rem;}
	.swiper-container-service video {display:none;}

	.pagebody {width:100%; margin:0 auto; padding:0.6rem 0;}

	.pmenu {width:100%; text-align:center; margin-bottom:1rem;}
	.pmenu a {display:inline-block; padding:0.2rem 0.5rem; margin:0 0.05rem; background-color:#ededed; text-align:center; position:relative; font-size:0.35rem; }
	.pmenu a.active {background-color:#000; color:#fff;}
	.pmenu span {display:none;}
	
	.ctit {display:none;}
	.caselist {width:100%; min-height:10px;}
	.caselist li {width:50%; height:3.125rem; float:left;}
	.caselist li a {display:block; width:100%; height:100%;}
	.caselist li a span {width:100%; height:100%;}
	.caselist li a span img {width:100%; height:100%;}
	.caselist li i,.caselist li a font {display:none;}
	#newload .caselist {display:none;}
	.btnplay {text-align:left; padding:0.6rem 0; margin:0 4%;}
	.btnplay a {display:inline-block; position:relative; font-size:0.35rem}
	.btnplay a::before {position:absolute; left:1.8rem; top:0.12rem; width: 0; height: 0;border-width: 0.11rem;content:'';border-style: solid;border-color:#fff #fff #fff #000;}
	.playback {background-color:#000; cursor:pointer; display:none; opacity: 0.5; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000001;}
	.playbox {position:fixed; top:-100%; left:0; width:10rem; height:6.25rem; z-index:1000001; transition: all 0.25s ease-out;}
	.playbox video {width:100%; height:5.625rem; background-color:#000;}
	.playbox iframe {width:100%; height:5.625rem; background-color:#000;}
	.playbox a.close {width:0.6rem; height:0.6rem; position:absolute; bottom:-1.2rem; left:4.6rem; font-size:0.6rem; color:#fff; background-color:#222; padding:0.2rem; border-radius:50%; transition: all 0.25s ease-out;}
	.playbox.active {top:calc(50vh - 2.81rem);}
	
	.servabout {padding:0.6rem 0; width:92%; margin:0 4%; line-height:0.6rem; text-align:left; color:#666;}
	.servabout span {display:inline-block; padding-bottom:0.3rem;}
	
	.servitems {width:9.6rem; margin:0 0.2rem; padding-bottom:0.6rem;}
	.servitems span {display:none;}
	.servitems ul {}
	.servitems ul li {width:4.4rem; float:left; margin:0.2rem; height:3rem; background-color:#eee; }
	.servitems ul li a {display:inline-block; font-size:0.4rem; color:#666; margin-top:0.6rem;}
	.servitems ul li a::before {display:block; text-align:center; font-size:1.2rem;}
	
	.aboutcont {width:96%; margin-left:2%; line-height:200%; text-align:left; margin-top:1rem; font-size:0.35rem}
	.aboutcont h2 {font-size:0.4rem;}
	
	.abouthistory {width:96%; margin-left:2%; border-top:1px solid #ddd; padding-top:0.6rem; text-align:left; margin-top:0.6rem; font-size:0.35rem;}
	.abouthistory .time-axis{margin: 0;padding: 0;position: relative;}
	.abouthistory .time-axis:before{content: ''; position: absolute; left: 1.8rem; top: 15px; width: 1px; height: 100%; background-color: #E4E4E4;}
	.abouthistory .time-axis-item{list-style: none; padding:0 0 0 2.5rem; position: relative; line-height: 0.8rem; color: #141414; font-size:0.35rem;}
	.abouthistory .time-axis-achievement{margin: 0;}
	.abouthistory .time-axis-date{position: absolute; left: 0; width:1.8rem; top: 0; color: #666;}
	.abouthistory .time-axis-date span{position: absolute; right: -7.5px; top: 35%; display: block; width: 13px; height: 13px; border: 1px solid #ccc; border-radius: 100%; background-color: #fff;}
	.abouthistory .time-axis-date span:after{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 7px; height: 7px; margin: auto; background-color: #ccc; border: 1px solid #ccc; border-radius: 100%;}
	.abouthistory .time-axis-item:first-child .time-axis-date span{border-color:#09F;}
	.abouthistory .time-axis-item:first-child .time-axis-date span:after{background-color: #09F; border-color: #09F;}
	

	.picsort {width:100%; text-align:center; margin-top:1rem;}
	.picsort a {display:inline-block; padding:0.1rem 0.3rem; margin:0 0.05rem; background-color:#ededed; text-align:center; position:relative; font-size:0.35rem; }
	.picsort a:hover,.picsort a.active {background-color:#000; color:#fff;}
	.piclist {width:9.8rem; margin:0 0.1rem; margin-top:0.6rem;}
	.piclist ul {width:100%;}
	.piclist ul li {width:calc(9.6rem - 2px); margin:0 0.1rem; margin-bottom:0.2rem; height:280px; overflow:hidden; text-align:left; border:1px solid #eee;}
	.piclist ul li>span {float:left; width:144px; text-align:center; margin-right:16px; background-color:#eee; height:280px;}
	.piclist ul li>span img {margin-bottom:10px; width:144px; height:212px;}
	.piclist ul li span i {display:block; margin-top:6px; font-size:16px; font-style:normal;}
	.piclist ul li font {display:inline-block; height:260px; line-height:170%; color:#666; width:calc(100% - 170px); overflow-y:auto; margin:10px 10px 10px 0;}

	.newslist {width:92%; margin:0 auto; text-align:left;}
	.newslist li {margin-bottom:8%; width:100%; border-top:1px solid #ddd; padding-top:10%;}
	.newslist li a.tit {display:block; font-size:0.45rem; width:100%; height:0.6rem; line-height:0.6rem; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.newslist li span {display:block; color:#999; padding:0.4rem 0; font-size:0.35rem; line-height:0.7rem; max-height:3.5rem; overflow:hidden; color:#777; text-align:left;}
	.newslist li font {color:#aaa; display:inline-block; font-size:0.3rem;}

	.tbody table {border-top:1px solid #999; border-left:1px solid #999;}
	.tbody table tr td {border-right:1px solid #999; border-bottom:1px solid #999; padding:10px 5px;}
	.lbody table tr td {padding:5px;}
	.lbody table tr td input,.lbody table tr td textarea {padding:4px;}

	.dede_pages {line-height:1rem; padding:0.2rem 0; width:100%; text-align:center; margin:0; margin-top:0.2rem;}
	.dede_pages a {padding:0.2rem 0.4rem; text-align:center; background-color:#000; color:#fff; margin-left:0.1rem;}
	.dede_pages a:not(.mpage) {display:none;}

	.pnstr {line-height:200%; margin:0.7rem 0.35rem 0 0.35rem; text-align:center; height:0.7rem; line-height:0.7rem;}
	.pnstr a {background-color:#222; font-size:0.35rem; color:#fff; padding:0.1rem 0.65rem; margin:0 0.25rem; }
	.pnstr .pgprex {float:left;}
	.pnstr .pgnext {float:right;}
	.pnstr font {display:none;}
	
	.viewmore {text-align:center; padding:1rem 0 0.4rem 0; text-align:center;}
	.viewmore a {display:inline-block; height:0.8rem; line-height:0.8rem; padding:0 0.5rem; background-color:#ddd; font-size:0.4rem; }

	.cbody {margin:0;}
	.cbody h1.title {font-size:0.5rem; line-height:0.7rem; margin:0 0.2rem; text-align: center;}
	.cbody h1.casetit {width:100%; text-align: left; font-weight:normal; color:#777; font-size:0.35rem; height:0.35rem; line-height:0.5rem; padding: 0; margin:0 4% 0.3rem 4%;}
	.cbody h1.newstit {width:100%; text-align: left; font-weight:normal; color:#777; font-size:0.35rem; height:0.35rem; line-height:0.5rem; padding: 0; margin:0 4% 0.3rem 4%;}
	.cbody h1.newstit font {padding-left:0.2rem; color:#ccc; font-size:0.3rem;}
	.cbody .infos {text-align: center; color: #ccc; padding: 0.6rem 0;}
	.cbody .content img {max-width:100%; height:auto !important;}
	.cbody .content hr {margin:0.2rem 0;}
	.cbody .content .detit {color:#c1905e; font-size:0.75rem; display:block; width:100%; border-top:1px solid #d5d3d3; padding-top:0.45rem; padding-bottom:0.5rem;}
	.cbody .content {line-height:200%; padding:0 0.4rem; font-size:0.35rem; color:#666666; text-align:left;}
	.cbody .content a {color:#09F;}
	.cbody .content table {max-width:100% !important;}
	.cbody .content #formWrite table {margin:0 auto 30px auto;}
	.cbody .content #formWrite table tr td {padding:3px 5px; }
	.cbody .content #formWrite table tr td input[type="text"],.cbody .content #formWrite table tr td textarea,.cbody .content #formWrite table tr td select {padding:6px 4px; width:200px; background:none; border:1px dashed #c2c2c2; background-color:#f5f5f5; }
	.cbody .content #formWrite table tr td input.checkcode {width:110px;}
	.cbody .content #formWrite table tr td select {width:210px;}
	.cbody .content #formWrite table tr td input[type="submit"] {width:210px; border:none; background-color:#9d9d9d; color:#fff; font-size:14px; padding:6px 0;}
	.cbody .content #formWrite table tr td input[type="submit"]:hover {filter:alpha(Opacity=80); -moz-opacity:0.8;opacity: 0.8; cursor:pointer; }
	.cbody .video {text-align:center; margin-top:0.4rem;}
	.cbody .video video {max-width:9.2rem; margin:0 auto; height:auto;}
	.cbody .video iframe {max-width:9.6rem; margin:0 auto; height:5.4rem;}
	.cbody a.download {float:right; font-size:0.35rem; line-height:0.7rem;}
	.cbody a.download::before {font-size:0.5rem; float:left;}
	.cbody .cbg {background:url(../imgs/bg_case1.jpg) bottom no-repeat; background-size:100% 100%; margin:0.5rem 0.2rem 0.3rem 0.2rem; height:3.2rem; width:9.6rem;}
	.cbody .baidushare .bdsharebuttonbox a {float:none !important;}
	.cbody .smlpic {width:9.6rem; height: 4.8rem; margin:0.8rem auto 0 auto; text-align: left; }
	.cbody .smlpic img {width:9.6rem; height:4.8rem;}
	.cbody .oinfo {width:9.6rem; margin: 0.3rem auto 0 auto; text-align: left;}
	.cbody .oinfo h1 {text-align: left; padding:0;}
	.cbody .oinfo li {padding-top:0.5rem;}
	.cbody .oinfo li a {display: none; line-height: 0.8rem; width:2.4rem; font-size: 0.36rem; background-color: #f00; color:#fff; text-align: center; margin-right:0.3rem;}
	.cbody .oinfo li font {font-size: 0.45rem; color: #f00;}
	.cbody .probar {height:0.8rem; line-height: 0.8rem; background-color: #ededed; padding: 0 0.3rem; font-size: 0.4rem; text-align: left; margin: 0.5rem 0;}

	.cbody .content table {max-width:100% !important;}
	.cbody .conmap {margin:0.4rem 0.2rem; border:1px solid #eee; height:5rem;}
	.cbody .contit {font-size:0.5rem; color:#333; margin:0.6rem 0.2rem 0 0.2rem;}
	.cbody .contit::after {content:''; height:2px; width:0.6rem; background-color:#333; display:block; margin-top:18px;}
	.cbody .contel {color:#999; padding-top:0.42rem; margin:0 0.2rem;}
	.cbody .contel font {display:block; color:#008bd6; font-size:0.85rem; padding-top:0.42rem; padding-bottom:0.42rem;}
	.cbody .coninf {line-height:200%; margin:0 0.2rem; font-size:0.35rem;}
}
