/* Minification failed. Returning unminified contents.
(2,21328): run-time error CSS1019: Unexpected token, found ':'
(2,21328): run-time error CSS1042: Expected function, found ':'
(2,21328): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2,21459): run-time error CSS1019: Unexpected token, found ':'
(2,21459): run-time error CSS1042: Expected function, found ':'
(2,21459): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2,21660): run-time error CSS1019: Unexpected token, found ':'
(2,21660): run-time error CSS1042: Expected function, found ':'
(2,21660): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(2,21858): run-time error CSS1019: Unexpected token, found ':'
(2,21858): run-time error CSS1042: Expected function, found ':'
(2,21858): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
 */
@charset "utf-8";
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
	margin:0;
	padding:0
}
html {
	font-size:100%
}
body {
	color:#333
}
body, button, input, select, textarea {
	font:1em/1.5 "微软雅黑"
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%
}
address, cite, dfn, em, var {
	font-style:normal
}
code, kbd, pre, samp {
	font-family:courier new, courier, monospace
}
small {
	font-size:12px
}
ol, ul {
	list-style:none
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:underline
}
a:focus {
	outline:0 none
}
sup {
	vertical-align:text-top
}
sub {
	vertical-align:text-bottom
}
legend {
	color:#000
}
fieldset, img {
	border:0
}
button, input, select, textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
article, aside, audio, details, figcaption, figure, footer, header, hgroup, mark, menu, nav, section, summary, time, video {
	display:block;
	margin:0;
	padding:0
}
mark {
	background:#ff0
}
@media print {
* {
	background:0 0!important;
	color:#000!important;
	box-shadow:none!important;
	text-shadow:none!important
}
a, a:visited {
	text-decoration:underline
}
a[href]:after {
	content:" (" attr(href) ")"
}
abbr[title]:after {
	content:" (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
content:""
}
blockquote, pre {
	border:1px solid #999;
	page-break-inside:avoid
}
thead {
	display:table-header-group
}
img, tr {
	page-break-inside:avoid
}
img {
	max-width:100%!important
}
@page {
margin:.5cm
}
h2, h3, p {
	orphans:3;
	widows:3
}
h2, h3 {
	page-break-after:avoid
}
}
.clear {
	clear:both
}
.none {
	display:none
}
a {
	text-decoration:none
}
a:hover {
	text-decoration:none
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}
@charset "utf-8";
#content {
	width:100%;
	float:left
}
section {
	width:100%;
	float:left
}
.part {
	width:100%;
	max-width:1520px;
	margin:auto
}
.banner {
	float:left;
	width:100%;
	background-color:#f7f7f7;
}
.left {
	float:left;
	width:70%
}
.right {
	float:left;
	width:25%;
	margin-left:4%
}
.left_title {
	float:left;
	width:100%;
	margin-top:40px;
	border-bottom:solid 1px #e7e7e7;
	height:52px
}
.title_ch {
	float:left;
	border-bottom:solid 3px #e70012;
	line-height:50px;
	color:#000;
	font-size:1.5em;
	padding:0 5px
}
.title_en {
	float:left;
	line-height:50px;
	color:#bab9b9;
	font-size:1.125em;
	margin-left:10px;
	font-family:Arial
}
.left_title a {
	float:right;
	line-height:50px;
	font-size:.75em;
	padding:0 5px;
	color:#999
}
.left_title a:hover {
	color:#e70012
}
.left_title span {
	color:#e70012
}
.left_title small {
	color:#e70012;
	background:url(../images/icon05.png) no-repeat 0 2px;
	padding-left:20px
}
.right_title {
	float:left;
	width:100%;
	margin-top:40px;
	border-bottom:solid 1px #e7e7e7;
	height:52px
}
.right_title a {
	float:right;
	line-height:50px;
	font-size:.75em;
	padding:0 5px;
	color:#999
}
.right_title a:hover {
	color:#e70012
}
.case {
	float:left;
	width:100%
}
.case_th {
	float:left;
	width:100%;
	margin-top:30px
}
.case_th ul {
	float:left;
	width:100%
}
.case_th li {
	float:left;
	width:30%;
	overflow:hidden;
	height:0;
	padding-bottom:30%;
	transition:width 2s;
-moz-transition:width .2s;
-webkit-transition:width .2s;
-o-transition:width .2s;
	position:relative
}
.case_th li:first-child {
	width:40%
}
.case_th li:last-child {
	width:40%
}
.case_pic {
	overflow:hidden
}
.case_pic img {
	width:100%
}
.case_text {
	display:none;
	position:absolute;
	background:rgba(0, 0, 0, .5) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=50);
	padding:5px 0;
	background:#000;
	bottom:0;
	width:133.33%;
	text-align:center
}
.case_th li:hover {
	width:40%
}
.case_th li:hover .case_text {
	display:block
}
.case_text span {
	float:left;
	width:75%;
	text-align:center;
	color:#FFF;
	font-size:1.125em;
	line-height:30px
}
.case_text p {
	float:left;
	width:75%;
	text-align:center;
	color:#FFF;
	font-size:.875em;
	line-height:24px
}
.designer {
	float:left;
	width:100%
}
.designer_th {
	float:left;
	width:100%
}
.designer_th ul {
	float:left;
	width:100%
}
.designer_th li {
	float:left;
	width:31%;
	margin-right:3.5%;
	margin-top:30px
}
.designer_th li:nth-child(3n) {
margin-right:0
}
.designer_pic {
	float:left;
	width:100%;
	overflow:hidden;
	height:0;
	padding-bottom:100%
}
.designer_pic img {
	width:100%
}
.designer_txt {
	float:left;
	width:100%
}
.designer_title {
	float:left;
	width:100%;
	border-bottom:dashed 1px #999;
	padding:10px 0
}
.designer_title p {
	float:left;
	width:100%;
	font-size:.875em;
	line-height:24px;
	color:#000;
	height:24px;
	overflow:hidden
}
.designer_title span {
	color:#bf000f
}
.designer_case {
	float:left;
	width:100%;
	padding:10px 0
}
.designer_case p {
	float:left;
	width:100%;
	font-size:.875em;
	line-height:24px;
	color:#666;
	height:48px;
	overflow:hidden
}
.custom {
	float:left;
	width:100%
}
.custom_th {
	float:left;
	width:100%;
	margin-top:30px
}
.custom_th ul {
	float:left;
	width:100%
}
.custom_th li {
	float:left;
	width:25%;
	padding-left:1px;
	height:0;
	padding-bottom:25%;
	position:relative
}
.custom_th li:first-child {
	padding-bottom:50%;
	padding-right:.5px;
	padding-left:0
}
.custom_th li:first-child .custom_pic img {
	width:200%;
	margin-left:-50%
}
.custom_th li:first-child .custom_pic {
	float:left;
	width:100%;
	height:0;
	padding-bottom:200%;
	overflow:hidden
}
.custom_pic {
	float:left;
	width:100%;
	height:0;
	padding-bottom:100%;
	overflow:hidden
}
.custom_pic img {
	width:100%
}
.custom_text01 {
	position:absolute;
	bottom:10%;
	background:rgba(191, 0, 15, .5) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=50);
	padding:15px 10px;
	background:#bf000f;
	width:99.9%;
	text-align:center
}
.custom_text01 p {
	color:#FFF;
	font-size:1em;
	line-height:30px;
	width:100%;
	float:left
}
.custom_text01 span {
	color:#FFF;
	font-size:.75em;
	line-height:24px;
	text-align:left;
	float:left;
	width:100%
}
.custom_text {
	position:absolute;
	bottom:1px;
	background:rgba(0, 0, 0, .5) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=50);
	padding:5px 0;
	background:#000;
	width:99.9%;
	text-align:center
}
.custom_text p {
	color:#FFF;
	font-size:1em;
	line-height:40px
}
.custom_xxm {
	display:none;
	position:absolute;
	width:99.9%;
	height:0;
	padding-bottom:99.8%;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	background:rgba(0, 0, 0, .5) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=50);
	background:#000
}
.custom_xxm p {
	border:solid 2px #FFF;
	line-height:30px;
	color:#FFF;
	width:100%;
	margin-top:45%;
	float:left
}
.custom_xxm span {
	color:#FFF;
	font-size:.75em;
	line-height:30px
}
.custom_xxm small {
	color:red;
	padding:0 5px
}
.custom_th li:hover .custom_text {
	display:none
}
.custom_th li:hover .custom_xxm {
	display:block
}
.charging {
	float:left;
	width:100%
}
.charging_th {
	float:left;
	width:100%;
	margin-top:30px
}
.charging_th ul {
	float:left;
	width:100%
}
.charging_th li {
	float:left;
	width:24%;
	overflow:hidden;
	height:0;
	padding-bottom:24%;
	margin-left:1.33%;
	position:relative
}
.charging_th li:first-child {
	margin-left:0
}
.charging_th img {
	width:100%
}
.charging_text {
	display:none;
	position:absolute;
	background:rgba(0, 0, 0, .5) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=50);
	background:#000;
	width:100%;
	padding-bottom:100%;
	height:0;
	text-align:center
}
.charging_th li:hover .charging_text {
	display:block
}
.charging_text span {
	float:left;
	width:100%;
	color:#FFF;
	line-height:30px;
	text-align:center;
	margin-top:20px;
	font-size:1em
}
.charging_text small {
	display:inline-block;
	color:#FFF;
	margin:0 5px;
	line-height:24px;
	font-size:.75em
}
.charging_text p {
	float:left;
	width:100%;
	color:#FFF;
	font-size:.75em;
	padding:10px 10px;
	line-height:24px;
	text-align:left;
	margin-top:5px
}
.site {
	float:left;
	width:100%
}
.site_th {
	float:left;
	width:100%;
	margin-top:30px
}
.site_th ul {
	float:left;
	width:100%
}
.site_th li {
	float:left;
	width:31%;
	margin-right:3.5%
}
.site_th li:nth-child(3n) {
margin-right:0
}
.site_th span {
	float:left;
	width:100%;
	height:0;
	padding-bottom:61.428%;
	overflow:hidden
}
.site_th img {
	width:100%
}
.site_th p {
	float:left;
	width:100%;
	text-align:center;
	color:#333;
	font-size:.875em;
	line-height:30px
}
.technology_th {
	float:left;
	width:100%
}
.technology_th ul {
	float:left;
	width:100%
}
.technology_th li {
	float:left;
	width:31%;
	margin-right:3.5%;
	margin-top:30px
}
.technology_th li:nth-child(3n) {
margin-right:0
}
.technology_th span {
	float:left;
	width:100%;
	height:0;
	padding-bottom:61.428%;
	overflow:hidden
}
.technology_th img {
	width:100%
}
.technology_th p {
	float:left;
	width:100%;
	color:#333;
	font-size:.875em;
	line-height:30px
}
.technology_th small {
	float:left;
	width:100%;
	color:#666;
	font-size:.75em;
	line-height:24px;
	height:24px;
	overflow:hidden
}
.room {
	float:left;
	width:100%
}
.room_th {
	float:left;
	width:100%;
	margin-top:10px
}
.room_demo {
	float:left;
	width:100%;
	padding-top:20px;
	padding-bottom:15px;
	border-bottom:dashed 1px #ccc
}
.room_pic {
	float:left;
	width:30%;
	overflow:hidden;
	height:0;
	padding-bottom:19.65%
}
.room_pic img {
	width:100%
}
.room_text {
	float:left;
	width:70%;
	padding-left:10px
}
.room_text p {
	float:left;
	width:100%;
	font-size:.875em;
	color:#333;
	line-height:24px
}
.room_text p>span {
	color:#e70012
}
.room_text small {
	float:left;
	width:100%;
	font-size:.75em;
	color:#999;
	line-height:24px;
	height:24px;
	overflow:hidden
}
.room_text>a>span {
	float:left;
	padding:0 10px;
	background:#e70012;
	border-radius:3px;
	color:#FFF;
	font-size:.75em;
	line-height:20px
}
.room_text p:hover {
	color:#e70012
}
.active {
	float:left;
	width:100%
}
.active_th {
	float:left;
	width:100%
}
.active_th ul {
	float:left;
	width:100%
}
.active_th li {
	float:left;
	width:100%;
	margin-top:10px
}
.active_top {
	float:left;
	width:100%;
	margin-top:20px
}
.active_top p {
	float:left;
	width:100%;
	font-size:.75em;
	line-height:20px;
	color:#666
}
.activetop_pic {
	float:left;
	width:100%;
	overflow:hidden;
	height:0;
	padding-bottom:44.47%
}
.activetop_pic img {
	width:100%
}
.active_top small {
	float:left;
	color:#FFF;
	font-size:1.125em;
	line-height:24px;
	margin-top:3px;
	background:#e70012;
	margin-right:5px;
	padding:0 5px
}
.active_top span {
	display:block;
	line-height:30px;
	height:30px;
	overflow:hidden;
	color:#000;
	font-size:.875em;
	height:30px;
	overflow:hidden
}
.active_th>ul>li>span {
	float:left;
	color:#333;
	font-size:.875em;
	line-height:24px;
	background:#e1e1e1;
	margin-right:10px;
	padding:0 5px
}
.active_th>ul>li>a>p {
	line-height:24px;
	height:24px;
	overflow:hidden;
	font-size:.875em;
	color:#333
}
.active_th>ul>li>a>p:hover {
	color:#e70012
}
.video {
	float:left;
	width:100%
}
.video_th {
	float:left;
	width:100%;
	height:0;
	padding-bottom:58%;
	overflow:hidden;
	margin-top:30px
}
.video_th img {
	width:100%
}
.news {
	float:left;
	width:100%
}
.news_th {
	float:left;
	width:100%;
	margin-top:15px
}
.news_th ul {
	width:100%;
	float:left;
	padding:15px 0;
	border-bottom:dashed 1px #CCC
}
.news_th li {
	float:left;
	width:100%;
	position:relative
}
.news_th span {
	float:left;
	width:40px;
	color:#e70012;
	font-size:1em;
	text-align:right;
	line-height:24px
}
.news_th small {
	float:left;
	width:40px;
	color:#999;
	font-size:.875em;
	text-align:right;
	line-height:24px
}
.news_th p {
	position:absolute;
	width:100%;
	padding-left:50px;
	line-height:24px;
	height:24px;
	overflow:hidden
}
.news_th_title {
	font-size:.875em;
	color:#000
}
.news_th_tt {
	font-size:.75em;
	color:#666
}
.news_th_title:hover {
	color:#e70012
}
.download {
	float:left;
	width:100%
}
.download_th {
	float:left;
	width:100%;
	margin-top:28px
}
.download_th ul {
	width:100%;
	float:left
}
.download_th li {
	float:left;
	width:50%;
	height:0;
	margin-top:2px;
	padding-left:2px;
	padding-top:2px;
	padding-bottom:64%;
	overflow:hidden
}
.download_th img {
	width:100%
}
.download_th li:first-child {
	padding-left:0;
	padding-right:2px
}
.download_th li:nth-child(3) {
padding-left:0;
padding-right:2px
}
.weixin {
	float:left;
	width:100%;
	margin-top:30px;
	box-shadow:0 0 7px rgba(0, 0, 0, .7);
	padding:0 20px;
	background:#f8f8f8
}
.weixin ul {
	float:left;
	width:100%
}
.weixin li {
	float:left;
	width:33.33%;
	height:0;
	padding-bottom:48.99%;
	overflow:hidden;
	text-align:center
}
.weixin li>img {
	width:100%
}
.weixin span {
	display:inline-block;
	border-radius:5px;
	width:80%;
	text-align:center;
	color:#FFF;
	font-size:.875em;
	line-height:24px;
	margin-top:30%
}
.weixin p {
	display:inline-block;
	width:90%;
	font-size:.875em;
	color:#333;
	line-height:24px;
	margin-top:10px
}
.weixin small {
	float:left;
	width:100%;
	height:0;
	padding-bottom:100%;
	border:solid 1px #CCC;
	overflow:hidden;
	margin-top:23.5%
}
.weixin small>img {
	width:100%
}
.weixin_bj {
	background:#7ebc29
}
.sina_bj {
	background:#ff8a00
}
.list_banner {
	float:left;
	width:100%;
	height:300px;
	text-align:center
}
.list_title {
	display:inline-block;
	margin-top:60px;
	padding:40px 100px;
	border:solid 1px #FFF;
	background:rgba(255, 255, 255, .5) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=50);
	background:#fff
}
.list_title li {
	float:left;
	padding:0 5px
}
.list_title small {
	line-height:60px;
	font-size:1.5em;
	color:#a1a1a1;
	font-family:"宋体"
}
.list_title span {
	line-height:30px;
	font-size:1.5em;
	color:#000
}
.list_title p {
	line-height:30px;
	font-size:1.125em;
	color:#b81b26
}
.list_nav {
	float:left;
	width:100%;
	margin-top:30px;
	border-bottom:dashed 1px #CCC;
	padding-bottom:10px
}
.list_nav_hit {
	border-top:dashed 1px #952a30;
	border-bottom:dashed 1px #952a30;
	float:left;
	margin-right:10px;
	line-height:40px
}
.list_nav_hit span {
	background:#d81e2b;
	display:block;
	color:#FFF;
	float:left;
	padding:0 15px
}
.list_nav_nohit {
	border-top:dashed 1px #b6b6b6;
	border-bottom:dashed 1px #b6b6b6;
	float:left;
	margin-right:10px;
	line-height:40px
}
.list_nav_nohit span {
	background:#f5f5f5;
	display:block;
	color:#333;
	float:left;
	padding:0 15px
}
.list_nav_right {
	float:right
}
.list_nav_right a {
	float:right;
	line-height:50px;
	font-size:.75em;
	padding:0 5px;
	color:#999
}
.list_nav_right a:hover {
	color:#e70012
}
.list_nav_right span {
	color:#e70012
}
.list_nav_right small {
	color:#e70012;
	background:url(../images/icon05.png) no-repeat 0 2px;
	padding-left:20px
}
.team_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.team_list ul {
	float:left;
	width:100%
}
.team_list li {
	float:left;
	width:22%;
	margin-right:4%;
	margin-top:30px
}
.team_list li:nth-child(4n) {
margin-right:0
}
.team_detail {
	float:left;
	width:100%;
	margin-top:30px
}
.photo {
	float:left;
	width:25%;
	margin-right:3%
}
.photo img {
	width:100%
}
.designer_xx {
	float:left;
	width:72%
}
.desiner_name {
	float:left;
	width:100%;
	border-bottom:dashed 1px #CCC;
	padding:20px 0
}
.desiner_name p {
	float:left;
	width:100%;
	line-height:30px;
	font-size:.875em
}
.desinger_idea {
	float:left;
	width:100%;
	border-bottom:dashed 1px #CCC;
	padding:20px 0
}
.desinger_idea>div {
	float:left;
	width:100%;
	line-height:30px;
	font-size:.875em
}
.desinger_idea span {
	float:left;
	width:100%;
	line-height:30px;
	font-size:.875em;
	color:#999;
	margin-bottom:20px
}
.desinger_idea a {
	float:left;
	width:100%;
	color:#e70012;
	font-size:.875em
}
.desinger_case {
	float:left;
	width:100%;
	padding:20px 0
}
.desinger_case p {
	float:left;
	width:100%;
	line-height:30px;
	font-size:.875em
}
.desinger_case span {
	float:left;
	width:100%;
	line-height:30px;
	font-size:.875em;
	color:#999;
	margin-bottom:20px
}
.desinger_thing {
	max-height:180px;
	overflow:hidden
}
.designer_up {
	display:none
}
.detail_title {
	float:left;
	width:100%;
	height:12px;
	background:#e2e2e2;
	margin-top:30px
}
.detail_title p {
	float:left;
	border-right:solid 5px #e70012;
	height:12px
}
.detail_title span {
	float:left;
	background:#FFF;
	line-height:30px;
	margin-top:-9px;
	font-size:1.125em;
	padding-right:10px
}
.service_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.service_demo {
	float:left;
	width:100%;
	padding:20px 0;
	border-bottom:solid 1px #e8e8e8;
	position:relative;
	min-height:220px
}
.service_pic {
	position:absolute;
	width:180px;
	height:180px;
	overflow:hidden
}
.service_pic img {
	float:left;
	width:100%
}
.service_text {
	float:left;
	width:100%;
	padding-left:200px
}
.service_text span {
	float:left;
	width:100%;
	line-height:30px;
	font-size:1em
}
.service_text small {
	float:left;
	padding:0 15px;
	line-height:24px;
	background:#CCC;
	color:#333;
	font-size:1em;
	margin-top:10px
}
.service_text p {
	float:left;
	width:100%;
	line-height:24px;
	color:#999;
	font-size:.75em;
	margin-top:10px
}
.service_th {
	float:left;
	width:100%;
	margin-top:20px
}
.service_th img {
	width:100%
}
.case_select {
	float:left;
	width:100%;
	border-top:dashed 1px #b6b6b6;
	border-bottom:dashed 1px #b6b6b6;
	float:left;
	margin-right:10px;
	line-height:40px
}
.case_select p {
	float:left;
	width:100%;
	line-height:30px;
	margin-top:5px
}
.case_select b {
	float:left;
	color:#333;
	font-size:.875em
}
.case_select a {
	float:left;
	margin-left:15px;
	font-size:.875em
}
/*筛选结合项样式代码*/
.fieldandcss{}
.case_select .changefieldandcss{background:#d81e2b;color:#fff;}
.case_select .del_jhx{
}
.case_select a {
	display: inline-block;
	height: 31px;
	line-height: 31px;
	padding:0px 20px;
	text-align: center;
	border-top:dashed 1px #b6b6b6;
	border-bottom:dashed 1px #b6b6b6;
	margin-bottom: 9px;
	background:#f5f5f5;
	color: #333;
}
.case_select a:hover {
	background: #d81e2b;
	color: #FFF!important;
}
.select_hit {
	color:#e70012
}
.select_nohit {
	color:#333
}
.case_select a:hover {
	color:#e70012
}
.case_search {
	float:left;
	width:100%;
	padding:20px 0
}
.text_case01 {
	float:left;
	width:200px;
	padding-left:20px;
	line-height:30px;
	border:solid 1px #CCC;
	font-size:.75em
}
.button_case {
	float:left;
	width:80px;
	text-align:center;
	background:#d81e2b;
	line-height:30px;
	color:#FFF;
	border:0;
	font-size:.875em
}
.case_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.case_list ul {
	float:left;
	width:100%
}
.case_list li {
	float:left;
	width:32%;
	margin-right:2%;
	margin-top:30px
}
.case_list li:nth-child(3n) {
margin-right:0
}
.case_list small {
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:10px
}
.case_list img {
	width:100%
}
.case_list p {
	float:left;
	width:100%;
	border-bottom:dashed 1px #CCC;
	line-height:30px;
	font-size:.875em;
	color:#333;
	text-align:center;
	padding:5px 0
}
.case_list span {
	display:inline-block;
	font-size:12px;
	font-family:"宋体";
	padding:0 5px;
	color:#666
}
.case_list p:hover {
	color:#e70012
}
.case_detail {
	float:left;
	width:100%;
	background:#484848;
	margin-top:30px
}
.case_pictures {
	float:left;
	width:70%;
}
.case_desinger {
	float:left;
	width:26%;
	margin-left:2%;
	margin-right:2%;
	background:#f9f9f9;
	padding-bottom:20px;
}
.case_desinger_pic {
	float:left;
	width:100%;
	height:0;
	padding-bottom:100%;
	overflow:hidden
}
.case_desinger_pic img {
	width:100%
}
.case_desinger_text {
	float:left;
	width:100%;
	margin-top:10px;
	padding:0 20px
}
.case_desinger_text li {
	float:left;
	width:100%
}
.case_desinger_text li>p {
	float:left;
	font-size:1em;
	color:#333;
	line-height:40px;
	margin-top:5px
}
.case_desinger_text li>span {
	float:left;
	font-size:.875em;
	color:#333;
	line-height:30px
}
.case_desinger_text li>small {
	float:left;
	font-size:.75em;
	color:#666;
	line-height:24px;
	height:96px;
	overflow:hidden
}
.fullSlide {
	width:100%;
	position:relative;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
	height:100%
}
.fullSlide .bd ul {
	width:100%!important;
	height:100%!important
}
.fullSlide .bd li {
	width:100%!important;
	overflow:hidden;
	text-align:center;
	height:100%!important
}
.fullSlide .bd li a {
	display:block;
	width:100%!important;
	height:100%!important
}
.fullSlide .bd li img {
	max-width:100%;
	max-height:100%
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px
}
.fullSlide .hd ul {
	text-align:center
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:.5;
	line-height:999px
}
.fullSlide .hd ul .on {
	background:red
}
.fullSlide .next, .fullSlide .prev {
	display:block;
	position:absolute;
	z-index:1;
	top:30px;
	margin-top:-30px;
	left:0;
	z-index:1;
	width:40px;
	background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:.5;
	display:none;
	color:#FFF;
	padding:25% 0;
	text-align:center;
	font-family:"宋体"
}
.fullSlide .next {
	left:auto;
	right:0;
	background-position:-6px -137px
}
.case_xx_title {
	float:left;
	width:100%;
	border-bottom:dashed 1px #CCC;
	font-size:.875em;
	color:#000;
	line-height:60px;
	margin-top:20px
}
.case_xx {
	float:left;
	width:100%;
	border-bottom:dashed 1px #CCC;
	font-size:.75em;
	color:#666;
	line-height:30px;
	padding:10px 0;
	font-family:"宋体"
}
.case_xx .select {
	float:left;
	width:100%;
	line-height:30px;
	margin-top:5px
}
.case_xx .select b {
	float:left;
	color:#333;
	font-size:.875em
}
.case_xx .select a {
	float:left;
	margin-left:12px;
	font-size:.875em
	display: inline-block;
	height: 31px;
	line-height: 31px;
	padding:0px 18px;
	text-align: center;
	border-top:dashed 1px #b6b6b6;
	border-bottom:dashed 1px #b6b6b6;
	margin-bottom: 9px;
	background:#f5f5f5;
	color: #333;
}
.case_xx .select a:hover {
	background: #d81e2b;
	color: #FFF!important;
}
.custom_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.custom_list ul {
	float:left;
	width:49%;
	margin-right:2%;
	border:solid 3px #dcdcdc;
	margin-top:30px
}
.custom_list ul:nth-child(2n) {
margin-right:0
}
.custom_listpic {
	float:left;
	width:45%;
	height:0;
	padding-bottom:45%;
	overflow:hidden
}
.custom_listpic img {
	width:100%
}
.custom_listtxt {
	float:left;
	width:55%;
	height:0;
	padding-bottom:43%;
	overflow:hidden;
	padding-left:20px;
	padding-right:20px
}
.custom_listtxt span {
	float:left;
	width:100%;
	line-height:40px;
	padding:10px 0;
	border-bottom:dashed 1px #CCC;
	color:#000;
	font-size:1em
}
.custom_listtxt small {
	color:#e70012;
	font-size:1em
}
.custom_listtxt p {
	float:left;
	width:100%;
	padding:20px 0;
	font-size:.875em;
	line-height:24px;
	color:#666
}
.custom_left {
	float:left;
	width:100%;
	margin-top:30px
}
.custom_detailpic {
	float:left;
	width:100%
}
.custom_detailpic img {
	width:100%
}
.custom_detailtitle {
	float:left;
	width:100%;
	border-bottom:dashed 1px #CCC;
	padding:15px 0;
	margin-top:10px
}
.custom_detailtitle span {
	color:#e70012;
	font-size:1.5em;
	line-height:40px;
	float:left
}
.custom_detailtitle p {
	color:#000;
	font-size:1.5em;
	line-height:40px;
	float:left
}
.custom_detailth {
	float:left;
	width:100%;
	padding:30px 0;
	line-height:30px;
	font-size:.875em
}
.access_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.access_list ul {
	float:left;
	width:49%;
	margin-right:2%;
	border:solid 1px #c8c8c8;
	background:#f1f1f1;
	margin-top:30px;
	padding:20px
}
.access_list ul:nth-child(2n) {
margin-right:0
}
.access_listpic {
	float:left;
	width:40%;
	height:0;
	padding-bottom:40%;
	overflow:hidden
}
.access_listpic img {
	width:100%
}
.access_listtxt {
	float:left;
	width:60%;
	height:0;
	padding-bottom:38%;
	overflow:hidden;
	padding-left:20px;
	padding-right:20px
}
.access_listtxt span {
	float:left;
	width:100%;
	line-height:40px;
	padding:10px 0;
	color:#000;
	font-size:1.125em
}
.access_listtxt p {
	float:left;
	width:100%;
	padding:20px 0;
	font-size:.875em;
	line-height:30px;
	color:#666
}
.detail_left {
	float:left;
	width:100%;
	background:#f9f9f9;
	margin-top:30px;
	padding-bottom:20px
}
.detail_left_title {
	float:left;
	width:100%;
	padding:30px 0;
	border-bottom:solid 1px #e3e3e3
}
.detail_left_title p {
	float:left;
	width:100%;
	text-align:center;
	font-size:1.25em;
	line-height:30px;
	margin-top:10px
}
.detail_th {
	float:left;
	width:100%;
	padding:40px 50px;
	font-size:.875em;
	line-height:30px;
	color:#666
}
.detail_th p {
	padding-bottom:10px;
}
.detail_th img {
	max-width:100%;
}
.detail_left_xx {
	float:left;
	width:100%;
	text-align:center;
	margin-top:10px
}
.detail_left_xx span {
	display:inline-block;
	font-size:.75em;
	color:#666;
	line-height:30px;
	margin:0 10px
}
.detail_left_xx small {
	display:inline-block;
	font-size:.75em;
	color:#666;
	line-height:30px;
	padding-left:30px;
	background:url(../images/icon12.jpg) no-repeat 0 8px;
	margin:0 10px
}
.site_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.site_list ul {
	float:left;
	width:100%
}
.site_list li {
	float:left;
	width:22%;
	margin-right:4%;
	margin-top:30px
}
.site_list li:nth-child(4n) {
margin-right:0
}
.site_list small {
	float:left;
	width:100%;
	height:0;
	padding-bottom:51.42%;
	overflow:hidden;
	margin-bottom:10px
}
.site_list img {
	width:100%
}
.site_list p {
	float:left;
	width:100%;
	border-bottom:dashed 1px #CCC;
	line-height:30px;
	font-size:.875em;
	color:#333;
	text-align:center;
	padding:5px 0
}
.site_list span {
	display:inline-block;
	font-size:12px;
	font-family:"宋体";
	width:50%;
	color:#666;
	text-align:left
}
.site_list p:hover {
	color:#e70012
}
.site_button {
	float:left;
	width:100%;
	text-align:center
}
.site_button>a {
	display:inline-block;
	border-radius:3px;
	background:#848484;
	color:#FFF;
	padding:0 20px;
	line-height:24px;
	font-size:.75em;
	margin:10px 5px
}
.site_button>a:hover {
	background:#d81e2b
}
.charging_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.charging_list ul {
	float:left;
	width:22%;
	margin-right:4%;
	margin-top:30px;
	background:#2d2d2d;
	padding-bottom:10px
}
.charging_list ul:nth-child(4n) {
margin-right:0
}
.charging_list li {
	float:left;
	width:100%
}
.charging_list small {
	float:left;
	width:100%;
	height:0;
	padding-bottom:100%;
	overflow:hidden;
	margin-bottom:10px
}
.charging_list small img {
	width:100%
}
.charging_list span {
	float:left;
	color:#CCC;
	margin-left:20px;
	font-size:.75em;
	line-height:30px
}
.charging_list p {
	float:left;
	margin-left:20px;
	font-size:1em;
	color:#FFF;
	line-height:30px
}
.charging_list_text {
	float:right;
	margin-right:20px;
	color:#FFF;
	background:url(../images/icon11.jpg) no-repeat 0 8px;
	padding-left:30px;
	line-height:30px;
	font-size:.75em
}
.space_detailpic {
	float:left;
	width:100%;
	margin-top:30px
}
.play {
	width:100%;
	font:12px Arial;
	float:left;
	margin-bottom:30px
}
.big_pic {
	width:100%;
	height:0;
	padding-bottom:62.89%;
	overflow:hidden;
	border-bottom:1px solid #ccc;
	background:#222;
	position:relative
}
.big_pic li {
	width:100%;
	height:100%;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background:url(../images/loading.gif) no-repeat center center #000;
	text-align:center
}
.mark_left {
	width:50%;
	height:610px;
	position:absolute;
	left:0;
	top:0;
	background:red;
filter:alpha(opacity:0);
	opacity:0;
	z-index:3000
}
.mark_right {
	width:50%;
	height:610px;
	position:absolute;
	right:0;
	top:0;
	background:green;
filter:alpha(opacity:0);
	opacity:0;
	z-index:3000
}
.big_pic .prev {
	width:60px;
	height:60px;
	background:url(../images/btn.gif) no-repeat;
	position:absolute;
	top:280px;
	left:10px;
	z-index:3001;
	cursor:pointer;
filter:alpha(opacity: 0);
	opacity:0
}
.big_pic .next {
	width:60px;
	height:60px;
	background:url(../images/btn.gif) no-repeat 0 -60px;
	position:absolute;
	top:280px;
	right:10px;
	z-index:3001;
	cursor:pointer;
filter:alpha(opacity: 0);
	opacity:0
}
.big_pic .text {
	position:absolute;
	left:10px;
	top:302px;
	z-index:3000;
	color:#ccc
}
.big_pic .length {
	position:absolute;
	right:10px;
	bottom:4px;
	z-index:3000;
	color:#ccc
}
.big_pic .bg {
	width:400px;
	height:25px;
	background:#000;
	filter:alpha(opacity=60);
	opacity:.6;
	position:absolute;
	z-index:2999;
	bottom:0;
	left:0
}
.small_pic {
	width:100%;
	height:100px;
	position:relative;
	top:22px;
	overflow:hidden
}
.small_pic ul {
	height:100px;
	position:absolute;
	top:0;
	left:0
}
.small_pic li {
	width:159px;
	height:100px;
	float:left;
	padding-right:10px;
	background:url(../images/loading.gif) no-repeat center center;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:.6;
	overflow:hidden
}
.small_pic img {
	width:100%
}
.big_pic:hover .prev {
	opacity:1
}
.big_pic:hover .next {
	opacity:1
}
.news_list {
	float:left;
	width:100%
}
.news_demo {
	float:left;
	width:49%;
	margin-right:2%;
	padding:30px 0;
	border-bottom:dashed 1px #CCC
}
.news_demo:nth-child(2n) {
margin-right:0
}
.news_date {
	float:left;
	width:13%;
	height:0;
	padding-bottom:13%;
	background:#dc1321
}
.news_date span {
	float:left;
	width:100%;
	text-align:center;
	margin-top:15%;
	font-size:1.5em;
	color:#FFF;
	line-height:30px
}
.news_date small {
	float:left;
	width:100%;
	text-align:center;
	font-size:.875em;
	color:#FFF;
	line-height:30px
}
.news_pic {
	float:left;
	width:22%;
	height:0;
	padding-bottom:13%;
	overflow:hidden
}
.news_pic img {
	width:100%;
}
.news_text {
	float:left;
	width:65%;
	padding-left:20px
}
.news_text span {
	float:left;
	width:100%;
	line-height:30px;
	color:#000
}
.news_text p {
	float:left;
	width:100%;
	color:#666;
	font-size:.875em;
	line-height:24px;
	height:48px;
	overflow:hidden
}
.download_list {
	float:left;
	width:100%;
	padding-bottom:30px
}
.download_list ul {
	float:left;
	width:49%;
	margin-right:2%;
	border:solid 1px #c8c8c8;
	margin-top:30px;
	padding:10px
}
.download_list ul:nth-child(2n) {
margin-right:0
}
.download_listpic {
	float:left;
	width:40%;
	height:0;
	padding-bottom:56.76%;
	overflow:hidden
}
.download_listpic img {
	width:100%
}
.video_text {
	width:100%;
	line-height:2.5em;
}
.video_text a{
	color:#000;
}
.video_listpic {
	float:left;
	width:100%;
	height:0;
	padding-bottom:51.76%;
	overflow:hidden
}
.video_listpic img {
	width:100%
}
.download_listtxt {
	float:left;
	width:60%;
	height:0;
	padding-left:20px;
	padding-right:20px
}
.download_listtxt span {
	float:left;
	margin-left:10px;
	line-height:36px;
	color:#fff;
	font-size:1em
}
.download_listtxt small {
	float:left;
	width:18px;
	height:20px;
	margin-top:8px
}
.download_listtxt p {
	float:left;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	font-size:.875em;
	line-height:24px;
	color:#666;
	overflow:hidden;
	height:0;
	padding-bottom:95%
}
.download_listtxt a {
	float:right;
	background:#dc1321;
	padding:0 35px
}
.calculator_th {
	float:left;
	width:100%;
	margin-top:30px
}
.calculator_left {
	float:left;
	width:53%;
	margin-right:5%
}
.calculator_right {
	float:left;
	width:42%
}
.calcu_img {
	float:left;
	width:100%
}
.calcu_img img {
	width:100%
}
.calcu_song {
	float:left;
	width:100%;
	margin-top:30px
}
.calcu_song p {
	float:left;
	width:50%;
	text-align:right;
	color:#a5d253;
	font-size:2.25em;
	padding-right:30px
}
.calcu_song ul {
	float:left;
	width:45%;
	border:solid 3px #a5d253;
	border-radius:10px;
	padding:30px 0
}
.calcu_song li {
	float:left;
	font-size:1.5em;
	color:#666;
	width:100%;
	padding-left:80px;
	line-height:40px
}
.calcu_song span {
	color:#a5d253
}
.calcul_top {
	float:left;
	width:100%
}
.calcul_top img {
	width:100%;
	float:left
}
.calcul_text {
	float:left;
	width:100%;
	background:#f3f3f3;
	padding:50px 50px
}
.calcul_text ul {
	float:left;
	width:50%;
	margin-top:10px;
	position:relative
}
.calcul_text ol {
	float:left;
	width:100%;
	margin-top:10px;
	position:relative
}
.calcul_text ul>small {
	position:absolute;
	width:80px;
	display:block;
	text-align:right;
	padding-right:10px;
	line-height:30px;
	font-size:.875em
}
.calcul_text ol>small {
	position:absolute;
	width:80px;
	display:block;
	text-align:right;
	padding-right:10px;
	line-height:30px;
	font-size:.875em
}
.calcul_text li {
	float:left;
	width:100%;
	padding-left:80px;
	padding-right:20px
}
.calcul_text li>span {
	float:left;
	width:100%;
	color:red;
	font-size:.75em
}
.text_calcul01 {
	float:left;
	width:100%;
	border:solid 1px #CCC;
	line-height:30px;
	height:30px;
	font-size:.75em;
	padding-left:10px;
	color:#666
}
.select_calcul01 {
	float:left;
	width:100%;
	border:solid 1px #CCC;
	line-height:30px;
	height:30px;
	font-size:.75em;
	padding-left:10px;
	color:#666
}
.textarea_calcul01 {
	float:left;
	width:100%;
	border:solid 1px #CCC;
	line-height:30px;
	height:100px;
	font-size:.75em;
	padding-left:10px;
	color:#666
}
.calcul_button {
	float:left;
	width:100%;
	text-align:center;
	margin-top:30px;
	padding:0 20px
}
.calcul_button>small {
	float:left;
	width:49%
}
.button_calcul {
	float:left;
	border-radius:3px;
	background:#d31f2b;
	color:#FFF;
	font-size:.875em;
	width:100%;
	text-align:center;
	height:35px;
	border:0;
	cursor:pointer
}
.calcul_button>p {
	float:left;
	width:49%;
	margin-left:2%;
	background:url(../images/calculator_button.jpg) repeat-x;
	border-radius:3px;
	height:35px;
	border:solid 1px #CCC;
	text-align:center
}
.calcul_button>p>span {
	display:inline-block;
	background:url(../images/icon14.jpg) no-repeat 0 4px;
	padding-left:35px;
	line-height:33px
}
.calcul_step {
	float:left;
	width:100%;
	background:#f9f9f9;
	margin-top:80px;
	margin-bottom:-30px
}
.calcul_step img {
	width:100%
}
.text_tha {
	float:left;
	width:100%;
	padding:40px 0;
	border-bottom:dashed 1px #CCC
}
.text_tha ul {
	float:left;
	width:30%;
	margin-right:5%;
	position:relative;
	margin-top:10px
}
.text_tha small {
	position:absolute;
	width:150px;
	display:block;
	text-align:right;
	padding-right:10px;
	font-size:.875em
}
.text_tha li {
	float:left;
	width:100%;
	padding-left:150px
}
.text_thb {
	float:left;
	width:100%;
	padding:40px 0;
	border-bottom:dashed 1px #CCC
}
.text_thb>small {
	float:left;
	width:100%;
	font-size:.875em;
	color:#000;
	line-height:30px
}
.text_thb ul {
	float:left;
	width:100%
}
.text_thb li {
	float:left;
	width:150px;
	margin-top:10px
}
.text_thb li>span {
	float:left
}
.text_thb li>p {
	float:left;
	line-height:30px;
	font-size:.875em;
	margin-left:10px
}
.checkbox_text01 {
	float:left;
	margin-top:8px
}
.text_thc {
	float:left;
	width:100%;
	padding:40px 0;
	border-bottom:dashed 1px #CCC
}
.text_thc ul {
	float:left;
	width:100%
}
.text_thc li {
	float:left;
	width:100%;
	margin-top:10px
}
.text_thc small {
	float:left;
	width:100%;
	font-size:.875em;
	line-height:30px;
	color:#000
}
.text_thd {
	float:left;
	width:60%;
	padding:40px 0;
	margin-left:20%;
	border-bottom:dashed 1px #CCC
}
.text_thd ul {
	float:left;
	width:100%
}
.text_thd li {
	float:left;
	width:100%;
	margin-top:10px
}
.text_thd small {
	float:left;
	width:100%;
	font-size:.875em;
	line-height:30px;
	color:#000
}
.text_thd li span {
	color:red;
	font-size:12px
}
.button_text01 {
	float:left;
	width:100%;
	font-size:.875em;
	color:#FFF;
	background:#d31f2b;
	border-radius:3px;
	width:250px;
	border:0;
	height:35px;
	margin-top:20px;
	cursor:pointer
}
.contact {
	float:left;
	width:100%;
	margin-top:30px
}
.map {
	float:left;
	width:70%
}
.map img {
	width:100%
}
.contact_th {
	float:left;
	width:30%;
	padding-left:10px
}
.contact_th span {
	float:left;
	width:100%;
	font-size:1.5em;
	line-height:40px
}
.contact_th p {
	float:left;
	width:100%;
	margin-top:10px;
	line-height:30px;
	font-size:.85em
}
.contact_er {
	float:left;
	width:150px;
	border:solid 1px #CCC;
	height:150px;
	margin-top:30px
}
.contact_er img {
	width:100%
}
.forum_list {
	float:left;
	width:100%;
	margin-top:30px
}
.forum_demo {
	float:left;
	width:100%;
	border:solid 1px #bebebe;
	background:#fafafa;
	margin-top:20px;
	padding:15px;
	position:relative;
	min-height:60px
}
.forum_pic {
	position:absolute;
	width:60px;
	height:60px;
	overflow:hidden
}
.forum_pic img {
	width:100%
}
.forum_text {
	float:left;
	width:100%;
	padding-left:80px
}
.forum_text span {
	float:left;
	width:100%;
	line-height:30px;
	font-size:1em;
	color:#06C
}
.forum_text small {
	float:left;
	margin-right:20px;
	color:#666;
	font-family:"宋体";
	line-height:30px;
	font-size:.75em
}
.forum_text p {
	float:left;
	width:100%;
	line-height:30px
}
.forum_text ul {
	float:left;
	width:100%
}
.forum_text li {
	float:left;
	width:150px;
	height:80px;
	overflow:hidden;
	margin-right:15px;
	margin-top:10px
}
.forum_text img {
	float:left;
	width:100%
}
.forum_th {
	float:left;
	width:100%;
	margin-top:30px;
	border:solid 1px #bebebe;
	background:#fafafa
}
.forum_title {
	float:left;
	width:100%;
	line-height:50px;
	padding:10px 20px;
	border-bottom:solid 1px #bebebe;
	margin-top:10px
}
.forum_title p {
	color:#06C;
	float:left
}
.forum_title>a {
	float:right;
	border-radius:3px;
	margin-top:10px;
	line-height:30px;
	background:#e5e5e5;
	border:solid 1px #b0b0b0;
	color:#666;
	font-family:"宋体";
	font-size:.75em;
	padding:0 15px
}
.forum_title span {
	float:right;
	line-height:50px;
	font-size:.75em;
	color:#666;
	margin-right:15px;
	font-family:"宋体"
}
.share {
	float:right;
	margin-right:20px;
	margin-top:10px
}
.forum_lou {
	float:left;
	width:100%
}
.forum_lou_demo {
	float:left;
	width:100%;
	border-bottom:solid 1px #bebebe;
	padding:10px 20px;
	position:relative;
	min-height:200px
}
.forum_lou_name {
	position:absolute;
	width:80px
}
.forum_lou_name small {
	float:left;
	width:80px;
	height:80px
}
.forum_lou_name>small>img {
	width:100%
}
.forum_lou_name p {
	float:left;
	width:100%;
	line-height:30px;
	background:#06C;
	color:#FFF;
	font-size:.875em;
	text-align:center;
	margin-bottom:10px
}
.forum_lou_name span {
	float:left;
	width:100%;
	text-align:center;
	line-height:20px;
	font-size:.75em;
	color:#666
}
.forum_lou_text {
	float:left;
	width:100%;
	padding-left:100px;
	font-size:.875em;
	line-height:30px
}
.form_list_th {
	float:left;
	width:100%;
	font-size:.875em
}
.form_list_th img {
	float:left;
	width:150px;
	height:80px;
	margin-right:15px;
	margin-top:10px
}
.reply {
	float:left;
	width:100%;
	padding:10px 20px 30px 20px;
	border-top:solid 1px #bebebe
}
.reply p {
	float:left;
	width:100%;
	font-size:.875em;
	line-height:30px;
	margin-top:10px
}
.button_forum {
	float:left;
	width:150px;
	text-align:center;
	color:#FFF;
	line-height:30px;
	background:#06C;
	border:0;
	cursor:pointer
}
.forum_lou_text img {
	max-width:100%
}
.fy {
	float:left;
	width:100%;
	padding:10px 0
}
.faforum {
	float:left;
	width:100%;
	text-align:right
}
.faforum a {
	float:right;
	padding:0 20px;
	border:solid 1px navy;
	border-radius:3px;
	background:#06c;
	font-size:1em;
	line-height:40px;
	color:#fff
}
@media only screen and (min-width:1201px) and (max-width:1400px) {
.part {
padding:0 2%
}
.right_title .title_en {
display:none
}
.weixin p {
font-size:.75em
}
}
@media only screen and (min-width:901px) and (max-width:1200px) {
.part {
padding:0 2%
}
.right_title .title_en {
display:none
}
.room_text small {
display:none
}
.room_text>a>span {
display:none
}
.room_text p {
line-height:20px
}
.news_th li:nth-child(2) {
display:none
}
.active_top small {
font-size:.875em
}
.news_th ul {
padding:12px 0
}
.weixin {
padding:0 10px
}
.weixin p {
font-size:.75em
}
.team_list li {
width:31%;
margin-right:3.5%
}
.team_list li:nth-child(4n) {
margin-right:3.5%
}
.team_list li:nth-child(3n) {
margin-right:0
}
.case_list li {
width:31%;
margin-right:3.5%
}
.case_list li:nth-child(4n) {
margin-right:3.5%
}
.case_list li:nth-child(3n) {
margin-right:0
}
.news_date {
display:none
}
.news_pic {
width:35%;
padding-bottom:20.68%
}
.download_listtxt p {
padding-left:10px;
padding-right:10px
}
.charging_list ul {
width:31%;
margin-right:3.5%
}
.charging_list ul:nth-child(4n) {
margin-right:3.5%
}
.charging_list ul:nth-child(3n) {
margin-right:0
}
.site_list li {
width:31%;
margin-right:3.5%
}
.site_list li:nth-child(4n) {
margin-right:3.5%
}
.site_list li:nth-child(3n) {
margin-right:0
}
.calcu_song p {
width:100%;
text-align:left
}
.calcu_song ul {
width:100%;
margin-top:20px
}
.calcul_text ul {
width:100%
}
.calcul_button>small {
width:100%
}
.calcul_button>p {
width:100%;
margin-left:0;
margin-top:10px
}
.text_tha ul {
width:35%
}
}
@media only screen and (min-width:601px) and (max-width:900px) {
.right {
float:left;
width:28%;
margin-left:2%
}
.part {
padding:0 1%
}
.title_ch {
font-size:1.125em
}
.title_en {
font-size:1em
}
.right_title .title_en {
display:none
}
.custom_text01 span {
display:none
}
.custom_xxm p {
margin-top:25%
}
.charging_text p {
display:none
}
.room_text small {
display:none
}
.room_text>a>span {
display:none
}
.room_text p {
line-height:20px
}
.news_th li:nth-child(2) {
display:none
}
.active_top small {
font-size:.875em
}
.news_th ul {
padding:12px 0
}
.weixin {
display:none
}
.weixin {
padding:0 10px
}
.weixin li {
width:50%;
padding-bottom:73.49%
}
.weixin li:first-child {
display:none
}
.weixin p {
font-size:.75em
}
.team_list li {
width:31%;
margin-right:3.5%
}
.team_list li:nth-child(4n) {
margin-right:3.5%
}
.team_list li:nth-child(3n) {
margin-right:0
}
.case_list li {
width:31%;
margin-right:3.5%
}
.case_list li:nth-child(4n) {
margin-right:3.5%
}
.case_list li:nth-child(3n) {
margin-right:0
}
.case_desinger .list_nav_right {
display:none
}
.news_date {
display:none
}
.news_pic {
width:35%;
padding-bottom:20.68%
}
.download_listtxt {
padding-left:10px;
padding-right:10px
}
.download_listtxt p {
padding-left:10px;
padding-right:10px;
padding-bottom:75%
}
.charging_list ul {
width:31%;
margin-right:3.5%
}
.charging_list ul:nth-child(4n) {
margin-right:3.5%
}
.charging_list ul:nth-child(3n) {
margin-right:0
}
.site_list li {
width:31%;
margin-right:3.5%
}
.site_list li:nth-child(4n) {
margin-right:3.5%
}
.site_list li:nth-child(3n) {
margin-right:0
}
.calculator_left {
width:100%;
margin-right:0
}
.calculator_right {
width:100%
}
.text_tha ul {
width:40%
}
.text_thd {
width:80%;
margin-left:10%
}
}
@media only screen and (min-width:320px) and (max-width:600px) {
#content {
margin-top:60px
}
.part {
padding:0 1%
}
.right {
display:none
}
.left {
width:100%
}
.title_ch {
font-size:1em
}
.title_en {
display:none
}
.left_title {
margin-top:10px
}
.case_th span {
font-size:.875em
}
.case_th p {
display:none
}
.case_th {
margin-top:20px
}
.designer_th li {
width:49%;
margin-right:2%;
margin-top:20px
}
.designer_th li:nth-child(3n) {
margin-right:2%
}
.designer_th li:nth-child(2n) {
margin-right:0
}
.custom_th {
margin-top:20px
}
.custom_th li:first-child {
padding-bottom:99%;
padding-right:0
}
.custom_th li {
width:50%;
padding-bottom:50%;
padding-left:0
}
.custom_text01 span {
display:none
}
.custom_xxm p {
font-size:.75em
}
.custom_text p {
font-size:.875em
}
.custom_text01 p {
font-size:.85em
}
.charging_th {
margin-top:15px
}
.charging_th li {
width:49%;
padding-bottom:49%;
margin-left:2%;
margin-top:5px
}
.charging_th li:first-child {
margin-left:0
}
.charging_th li:nth-child(3) {
margin-left:0
}
.charging_text p {
display:none
}
.site_th {
margin-top:20px
}
.site_th li {
width:49%;
margin-right:0
}
.site_th li:first-child {
width:100%
}
.site_th li:nth-child(2) {
margin-right:2%
}
.technology_th {
margin-top:20px
}
.technology_th li {
width:49%;
margin-right:0;
margin-top:0
}
.technology_th li:first-child {
width:100%
}
.technology_th li:nth-child(2) {
margin-right:2%
}
.list_banner {
height:100px
}
.list_title {
margin-top:15px;
padding:10px 0
}
.list_title span {
font-size:1em;
line-height:24px
}
.list_title p {
font-size:1em;
line-height:24px
}
.list_title small {
line-height:48px
}
.list_nav {
margin-top:20px
}
.list_nav_hit {
line-height:30px;
margin-right:5px;
margin-top:5px
}
.list_nav_hit span {
padding:0 5px;
font-size:.875em
}
.list_nav_nohit {
line-height:30px;
margin-right:5px;
margin-top:5px
}
.list_nav_nohit span {
padding:0 5px;
font-size:.875em
}
.list_nav_right a {
line-height:30px
}
.team_list li {
width:49%;
margin-right:2%;
margin-top:10px
}
.team_list li:nth-child(2n) {
margin-right:0
}
.photo {
width:100%;
margin-right:0;
padding-bottom:100%;
height:0;
overflow:hidden
}
.designer_xx {
width:100%
}
.case_list li {
width:100%;
margin-right:0%
}
.case_list li:nth-child(1n) {
margin-right:0
}
.service_pic {
width:80px;
height:80px
}
.service_text {
padding-left:100px
}
.case_select a {
font-size:.75em;
margin-left:8px
}
.case_pictures {
width:100%
}
.case_desinger {
width:100%;
margin-left:0
}
.custom_list ul {
width:100%;
margin-right:0;
margin-top:20px
}
.custom_listtxt {
padding-left:10px;
padding-right:10px
}
.custom_listtxt span {
line-height:24px;
font-size:.875em
}
.custom_listtxt p {
padding:10px 0;
font-size:.75em
}
.access_list ul {
width:100%;
margin-right:0;
margin-top:20px;
padding:10px
}
.access_listtxt {
padding-left:10px;
padding-right:10px
}
.access_listtxt span {
font-size:.875em;
line-height:24px;
padding:0
}
.access_listtxt p {
font-size:.75em;
line-height:20px;
padding:5px 0
}
.detail_left_title {
padding:10px 0
}
.detail_th {
padding:20px 10px
}
.site_list li {
width:49%;
margin-right:2%
}
.site_list li:nth-child(2n) {
margin-right:0
}
.site_list span {
width:100%;
line-height:24px;
float:left
}
.site_button>a {
padding:0 5px
}
.charging_list ul {
width:49%;
margin-right:2%
}
.charging_list ul:nth-child(2n) {
margin-right:0
}
.charging_list p {
width:100%;
margin-left:10px;
font-size:.875em
}
.charging_list_text {
float:left;
margin-left:10px
}
.charging_list span {
margin-left:10px
}
.news_demo {
width:100%;
margin-right:0;
padding:10px 0
}
.news_date {
display:none
}
.news_text {
width:78%
}
.news_text span {
line-height:24px;
font-size:.875em
}
.news_text p {
line-height:20px;
font-size:.75em;
height:20px
}
.download_list ul {
width:100%;
margin-right:0;
margin-top:20px
}
.download_listtxt {
padding-left:10px;
padding-right:10px
}
.download_listtxt p {
padding-left:0;
padding-right:0;
font-size:.75em;
line-height:20px;
padding-bottom:75%
}
.download_listtxt span {
margin-left:0;
font-size:.875em;
line-height:24px
}
.download_listtxt small {
display:none
}
.download_listtxt a {
padding:0 5px;
margin-top:10px
}
.calculator_left {
width:100%
}
.calcu_song p {
width:80%;
font-size:1.5em;
text-align:left;
margin-left:10%
}
.calcu_song ul {
width:80%;
padding:10px 0;
margin-left:10%
}
.calcu_song li {
padding-left:40px;
font-size:1em;
line-height:30px
}
.calculator_right {
width:100%
}
.calcul_text {
padding:20px 10px
}
.calcul_text ul {
width:100%
}
.calcul_button>small {
width:100%
}
.calcul_button>p {
width:100%;
margin-left:0;
margin-top:5px
}
.calcul_step {
margin-top:0
}
.text_tha {
padding:20px 0
}
.text_tha ul {
width:100%;
margin-right:0
}
.text_thb {
padding:20px 0
}
.text_thc {
padding:20px 0
}
.button_text01 {
width:100%
}
.forum_demo {
padding:5px
}
.forum_pic {
width:50px;
height:50px
}
.forum_text {
padding-left:60px
}
.forum_text small {
margin-right:10px
}
.forum_text p {
line-height:20px
}
.forum_text li {
width:55px;
height:29px;
margin-right:3px
}
.form_list_th img {
float:left;
width:55px;
height:29px;
margin-right:3px;
margin-top:10px
}
.forum_title {
line-height:30px;
padding:10px 10px;
margin-top:0
}
.forum_title p {
width:100%
}
.forum_title a {
line-height:18px;
margin-top:0
}
.forum_title span {
line-height:20px
}
.share {
margin-right:0;
margin-top:0
}
.forum_lou_demo {
padding:10px 5px
}
.forum_lou_name {
width:55px
}
.forum_lou_name small {
width:55px;
height:55px
}
.forum_lou_text {
padding-left:65px;
font-size:.875em;
line-height:24px
}
.map {
width:100%
}
.contact_th {
width:100%
}
.text_thd {
width:100%;
margin-left:0
}
}
@media only screen and (max-width:320px) {
#content {
margin-top:60px
}
.part {
padding:0 1%
}
.right {
display:none
}
.left {
width:100%
}
.title_ch {
font-size:1em
}
.title_en {
display:none
}
.left_title {
margin-top:10px
}
.case_th span {
font-size:.875em
}
.case_th p {
display:none
}
.case_th {
margin-top:20px
}
.designer_th li {
width:49%;
margin-right:2%;
margin-top:20px
}
.designer_th li:nth-child(3n) {
margin-right:2%
}
.designer_th li:nth-child(2n) {
margin-right:0
}
.custom_th {
margin-top:20px
}
.custom_th li:first-child {
padding-bottom:99%;
padding-right:0
}
.custom_th li {
width:50%;
padding-bottom:50%;
padding-left:0
}
.custom_text01 span {
display:none
}
.custom_xxm p {
font-size:.75em
}
.custom_text p {
font-size:.875em
}
.custom_text01 p {
font-size:.85em
}
.charging_th {
margin-top:15px
}
.charging_th li {
width:49%;
padding-bottom:49%;
margin-left:2%;
margin-top:5px
}
.charging_th li:first-child {
margin-left:0
}
.charging_th li:nth-child(3) {
margin-left:0
}
.charging_text p {
display:none
}
.site_th {
margin-top:20px
}
.site_th li {
width:49%;
margin-right:0
}
.site_th li:first-child {
width:100%
}
.site_th li:nth-child(2) {
margin-right:2%
}
.technology_th {
margin-top:20px
}
.technology_th li {
width:49%;
margin-right:0;
margin-top:0
}
.technology_th li:first-child {
width:100%
}
.technology_th li:nth-child(2) {
margin-right:2%
}
.list_banner {
height:100px
}
.list_title {
margin-top:15px;
padding:10px 0
}
.list_title span {
font-size:1em;
line-height:24px
}
.list_title p {
font-size:1em;
line-height:24px
}
.list_title small {
line-height:48px
}
.list_nav {
margin-top:20px
}
.list_nav_hit {
line-height:30px;
margin-right:5px;
margin-top:5px
}
.list_nav_hit span {
padding:0 5px;
font-size:.875em
}
.list_nav_nohit {
line-height:30px;
margin-right:5px;
margin-top:5px
}
.list_nav_nohit span {
padding:0 5px;
font-size:.875em
}
.list_nav_right a {
line-height:30px
}
.team_list li {
width:49%;
margin-right:2%;
margin-top:10px
}
.team_list li:nth-child(2n) {
margin-right:0
}
.photo {
width:100%;
margin-right:0;
padding-bottom:100%;
height:0;
overflow:hidden
}
.designer_xx {
width:100%
}
.case_list li {
width:49%;
margin-right:2%
}
.case_list li:nth-child(1n) {
margin-right:0
}
.service_pic {
width:80px;
height:80px
}
.service_text {
padding-left:100px
}
.case_select a {
font-size:.75em;
margin-left:8px
}
.case_pictures {
width:100%
}
.case_desinger {
width:100%;
margin-left:0
}
.custom_list ul {
width:100%;
margin-right:0;
margin-top:20px
}
.custom_listtxt {
padding-left:10px;
padding-right:10px
}
.custom_listtxt span {
line-height:24px;
font-size:.875em
}
.custom_listtxt p {
padding:10px 0;
font-size:.75em
}
.access_list ul {
width:100%;
margin-right:0;
margin-top:20px;
padding:10px
}
.access_listtxt {
padding-left:10px;
padding-right:10px
}
.access_listtxt span {
font-size:.875em;
line-height:24px;
padding:0
}
.access_listtxt p {
font-size:.75em;
line-height:20px;
padding:5px 0
}
.detail_left_title {
padding:10px 0
}
.detail_th {
padding:20px 10px
}
.site_list li {
width:49%;
margin-right:2%
}
.site_list li:nth-child(2n) {
margin-right:0
}
.site_list span {
width:100%;
line-height:24px;
float:left
}
.site_button>a {
padding:0 5px
}
.charging_list ul {
width:49%;
margin-right:2%
}
.charging_list ul:nth-child(2n) {
margin-right:0
}
.charging_list p {
width:100%;
margin-left:10px;
font-size:.875em
}
.charging_list_text {
float:left;
margin-left:10px
}
.charging_list span {
margin-left:10px
}
.news_demo {
width:100%;
margin-right:0;
padding:10px 0
}
.news_date {
display:none
}
.news_text {
width:78%
}
.news_text span {
line-height:24px;
font-size:.875em
}
.news_text p {
line-height:20px;
font-size:.75em;
height:20px
}
.download_list ul {
width:100%;
margin-right:0;
margin-top:20px
}
.download_listtxt {
padding-left:10px;
padding-right:10px
}
.download_listtxt p {
padding-left:0;
padding-right:0;
font-size:.75em;
line-height:20px;
padding-bottom:75%
}
.download_listtxt span {
margin-left:0;
font-size:.875em;
line-height:24px
}
.download_listtxt small {
display:none
}
.download_listtxt a {
padding:0 5px;
margin-top:10px
}
.calculator_left {
width:100%
}
.calcu_song p {
width:80%;
font-size:1.5em;
text-align:left;
margin-left:10%
}
.calcu_song ul {
width:80%;
padding:10px 0;
margin-left:10%
}
.calcu_song li {
padding-left:40px;
font-size:1em;
line-height:30px
}
.calculator_right {
width:100%
}
.calcul_text {
padding:20px 10px
}
.calcul_text ul {
width:100%
}
.calcul_button>small {
width:100%
}
.calcul_button>p {
width:100%;
margin-left:0;
margin-top:5px
}
.calcul_step {
margin-top:0
}
.text_tha {
padding:20px 0
}
.text_tha ul {
width:100%;
margin-right:0
}
.text_thb {
padding:20px 0
}
.text_thc {
padding:20px 0
}
.button_text01 {
width:100%
}
.forum_demo {
padding:5px
}
.forum_pic {
width:50px;
height:50px
}
.forum_text {
padding-left:60px
}
.forum_text small {
margin-right:10px
}
.forum_text p {
line-height:20px
}
.forum_text li {
width:55px;
height:29px;
margin-right:3px
}
.form_list_th img {
float:left;
width:55px;
height:29px;
margin-right:3px;
margin-top:10px
}
.forum_title {
line-height:30px;
padding:10px 10px;
margin-top:0
}
.forum_title p {
width:100%
}
.forum_title a {
line-height:18px;
margin-top:0
}
.forum_title span {
line-height:20px
}
.share {
margin-right:0;
margin-top:0
}
.forum_lou_demo {
padding:10px 5px
}
.forum_lou_name {
width:55px
}
.forum_lou_name small {
width:55px;
height:55px
}
.forum_lou_text {
padding-left:65px;
font-size:.875em;
line-height:24px
}
.map {
width:100%
}
.contact_th {
width:100%
}
.text_thd {
width:100%;
margin-left:0
}
}
@charset "utf-8";
header {
	width:100%;
	float:left
}
#top {
	float:left;
	width:100%
}
.top {
	float:left;
	width:100%;
	padding:20px 0
}
.logo {
	float:left;
	width:312px;
	max-width:20%
}
.logo img {
	max-width:100%
}
.city {
	float:left;
	width:23%;
	/*background:url(../images/city_left.png) no-repeat;*/
	margin-left:1%;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px
}
.city span {
	float:left;
	font-size:.875em;
	color:#e60112;
	line-height:30px
}
.city>a {
	float:left;
	cursor:pointer;
	margin-left:10px;
	padding:0 10px;
	/*border:solid 1px #CCC;*/
	font-size:.75em;
	color:#666;
	line-height:20px;
	margin-top:5px
}
.city p {
	float:left;
	width:100%;
	line-height:30px;
	font-size:.875em;
	color:#000
}
.top_tel {
	float:left;
	width:22%;
	background:url(../images/icon03.png) no-repeat;
	padding-left:40px;
	margin-top:15px
}
.top_tel p {
	float:left;
	line-height:40px;
	font-size:.875em;
	color:#333
}
.top_tel i {
	float:left;
	margin-left:5px;
	color:#007131;
	font-weight:600;
	font-size:1.5em;
	line-height:40px
}
.top_search {
	float:left;
	width:14%;
	border:solid 1px #CCC;
	border-radius:20px;
	height:40px;
	margin-top:15px;
	padding:0 15px
}
.text_search01 {
	float:left;
	width:80%;
	height:38px;
	border:0;
	font-size:.875em
}
.button_search01 {
	float:right;
	background:url(../images/icon04.png) no-repeat 0 4px;
	width:30px;
	height:38px;
	border:0;
	cursor:pointer
}
.top_contact {
	float:right;
	width:10%;
	text-align:right;
	margin-top:13px
}
.top_contact a {
	display:inline-block;
	width:44px;
	height:44px;
	margin-right:10px;
	cursor:pointer
}
.top_wei {
	background:url(../images/icon01.png) no-repeat
}
.top_wei:hover {
	background:url(../images/icon001.png) no-repeat
}
.top_sina {
	background:url(../images/icon02.png) no-repeat
}
.top_sina:hover {
	background:url(../images/icon002.png) no-repeat
}
.city_hover {
	display:none;
	position:absolute;
	background:#f9f9f9;
	border:solid 1px #ccc;
	border-radius:3px;
	width:200px;
	padding:5px;
	margin-top:30px;
}
.city_hover a {
	padding:0 10px;
	font-size:.75em;
	color:#000
}
.topwei_er {
	display:none;
	position:absolute;
	margin-top:50px;
	z-index:100;
	border:solid 1px #ccc;
	padding:5px;
	border-radius:3px;
	width:100px;
	height:100px;
	background:#fff;
	margin-left:-20px
}
.topwei_er img {
	width:100%
}
#nav {
	float:left;
	width:100%;
	background:#000;
	height:70px
}
.nav {
	float:left;
	width:100%;
	position:relative
}
.nav-main {
	width:100%;
	height:100%;
	list-style-type:none;
	font-size:16px;
}
.nav-main>li {
	float:left;
	width:10%;
	height:100%;
	display:block;
	color:#fff;
	text-align:center;
	cursor:pointer;
	line-height:70px;
	font-size:.875em
}
.nav-main>li:hover {
	background:rgba(230, 0, 18, .9) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=90);
	background:#e60012
}
.nav-main>li a {
	color:#fff;
}
.nav-main>li a:hover {
	color:#fff
}
.nav-main>span {
	float:right;
	width:10%;
	height:100%;
	display:block;
	color:#fff;
	text-align:center;
	cursor:pointer;
	line-height:70px;
	font-size:.875em;
	background:#4e4e4e;
	margin-left:2px
}
.nav-main>span a {
	color:#FFF
}
#box-1{
	width:100%;
	margin:auto;
	font-size:16px;
}
.hidden-box {
	width:100%;
	border-top:0;
	position:absolute;
	display:none;
	box-shadow:0 0 5px rgba(255, 255, 255, .9);
	background:rgba(255, 255, 255, .9) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=90);
	top:170px;
	text-align:center;
	z-index:99;
	padding-bottom:20px
}
.hidden-box>ul {
	margin:auto;
	max-width:1520px;
	list-style-type:none;
	color:#ccc;
	cursor:pointer;
}
.hidden-box li {
	font-size:.875em;
	border-bottom:dashed 1px #8c8c8c;
	text-align:center;
	width: 171px; text-align: center;
	position:relative;
	float:left;
}
.hidden-box span {
	float:right
}
.hidden-box li:hover {
	background:rgba(230, 0, 18, .9) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=90);
	background:#e60012;
	color:#fff
}
.hidden-box a {
	color:#949494;
	text-align:center;
	width:210px;
	padding:20px 0px;;
	margin-bottom:10px;
	margin-top:13px;
	display: inline-block;
	height:125px;
}
.hidden-box a:hover {
	color:#585757;
}
.hidden-box p {
	line-height:10px;
	margin-top:20px;
	width:210px;
	font-size:12px;
}
.hidden-1box {
	width:100%;
	border-top:0;
	position:absolute;
	display:none;
	box-shadow:0 0 5px rgba(255, 255, 255, .9);
	background:rgba(255, 255, 255, .9) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=90);
	top:170px;
	text-align:center;
	z-index:99;
	padding-bottom:20px
}
.hidden-1box>ul {
	margin:auto;
	max-width:1520px;
	list-style-type:none;
	color:#ccc;
	cursor:pointer;
}
.hidden-1box li {
	font-size:.875em;
	border-bottom:dashed 1px #8c8c8c;
	text-align:center;
	width: 171px; text-align: center;
	position:relative;
	float:left;
}
.hidden-1box span {
	float:right
}
.hidden-1box li:hover {
	background:rgba(230, 0, 18, .9) none repeat 0 0 scroll!important;
	filter:Alpha(opaity=90);
	background:#e60012;
	color:#fff
}
.hidden-1box a {
	color:#949494;
	text-align:center;
	width:210px;
	padding:20px 74.5px;;
	margin-bottom:10px;
	display: inline-block;
	height:125px;
}
.hidden-1box a:hover {
	color:#585757;
	background-image:url(../../themes/picture/dd.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
.hidden-1box p {
	line-height:10px;
	margin-top:6px;
	width:65px;
	font-size:12px;
}
.nav_box_a {
	margin-left:10%
}
.nav_box_b {
	margin-left:20%
}
.nav_box_c {
	margin-left:30%
}
.nav_box_d {
	margin-left:40%
}
.nav_box_e {
	margin-left:50%
}
.nav_box_f {
	margin-left:60%
}
.nav_box_g {
	margin-left:70%
}
.phonenav {
	display:none
}
input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:none
}
.phone_nav {
	position:absolute;
	z-index:100;
	opacity:0;
	width:100%;
	height:100%;
	padding:30px 0;
	-webkit-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:300ms;
	transition-duration:300ms;
	display:none
}
.nav--active .phone_nav {
	opacity:.9;
	background-color:#121212;
	display:block
}
.nav--active .nav__list {
	display:block
}
.nav__list {
	margin:0;
	padding:10px;
	display:none
}
.nav__item {
	list-style-type:none;
	text-align:center
}
.nav__link {
	font-size:1.125em;
	line-height:40px;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:dashed 1px #333;
	padding:8px 20px;
	color:#FFF;
	opacity:1;
	-webkit-transition:opacity 300ms ease-in-out;
	transition:opacity 300ms ease-in-out
}
.nav__trigger {
	display:block;
	position:absolute;
	width:30px;
	height:25px;
	right:10px;
	top:13px;
	z-index:200
}
.nav--active .nav__trigger {
	opacity:.9
}
.nav__icon {
	display:inline-block;
	position:relative;
	width:30px;
	height:5px;
	background-color:#000;
	-webkit-transition-property:background-color, -webkit-transform;
	transition-property:background-color, -webkit-transform;
	transition-property:background-color, transform;
	transition-property:background-color, transform, -webkit-transform;
	-webkit-transition-duration:300ms;
	transition-duration:300ms
}
.nav__icon:after, .nav__icon:before {
	content:'';
	display:block;
	width:30px;
	height:5px;
	position:absolute;
	background:#000;
	-webkit-transition-property:margin, -webkit-transform;
	transition-property:margin, -webkit-transform;
	transition-property:margin, transform;
	transition-property:margin, transform, -webkit-transform;
	-webkit-transition-duration:300ms;
	transition-duration:300ms
}
.nav__icon:before {
	margin-top:-10px
}
.nav__icon:after {
	margin-top:10px
}
.style-5 .nav {
	-webkit-transform:translate(100%, -100%) scale(.5);
	transform:translate(100%, -100%) scale(.5);
	border-radius:100%
}
.style-5 .nav--active .nav {
	-webkit-transform:translateY(0) scale(1);
	transform:translateY(0) scale(1);
	border-radius:0;
	width:100%;
	height:100%
}
.style-5 .nav__link {
	opacity:0;
	-webkit-transition-delay:500ms;
	transition-delay:500ms
}
.style-5 .nav--active .nav__link {
	opacity:1
}
.style-5 .nav--active .nav__icon {
	background:0 0
}
.style-5 .nav--active .nav__icon:before {
	margin-top:0;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.style-5 .nav--active .nav__icon:after {
	margin-top:0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
#bottom {
	float:left;
	width:100%;
	background:#2d2d2d;
	margin-top:-1px
}
#bottom_nav {
	float:left;
	width:100%;
	background:#d50011;
	margin-top:10px;
	height:40px
}
.bottom_nav {
	float:left;
	width:100%;
	line-height:40px;
	text-align:center
}
.bottom_nav a {
	display:inline-block;
	padding:0 30px;
	color:#ffc7c7;
	font-size:.875em
}
.bottom_nav a:hover {
	color:#FFF
}
.bottom {
	float:left;
	width:100%;
	padding:20px 0
}
.bott {
	float:left;
	width:65%
}
.link {
	float:left;
	width:100%;
	border-bottom:solid 1px #484848;
	line-height:24px;
	overflow:hidden;
	padding-bottom:20px
}
.link b {
	float:left;
	color:#b8b8b8;
	font-size:.75em
}
.link a {
	float:left;
	color:#8e8e8e;
	margin-left:15px;
	font-size:.75em
}
.link a:hover {
	color:#b8b8b8
}
.bott_th {
	float:left;
	width:100%;
	margin-top:20px
}
.bottom_logo {
	float:left;
	width:25%;
	margin-top:10px
}
.bottom_logo img {
	width:80%
}
.bottom_text {
	float:left;
	width:70%;
	margin-left:5%
}
.bottom_texta {
	float:left;
	width:40%
}
.bottom_textb {
	float:left;
	width:45%
}
.bottom_textc {
	float:left;
	width:15%
}
.bottom_text li {
	float:left;
	width:100%;
	padding:3px 10px
}
.bottom_text span {
	color:#e70012;
	font-size:.75em
}
.text_bottom01 {
	float:left;
	width:100%;
	background:url(../images/icon08.png) no-repeat 4px 6px #000;
	padding-left:30px;
	line-height:32px;
	height:32px;
	border:solid 1px #454444;
	color:#ccc;
	font-size:.75em
}
.text_bottom02 {
	float:left;
	width:100%;
	background:url(../images/icon10.png) no-repeat 4px 6px #000;
	padding-left:30px;
	line-height:32px;
	height:32px;
	border:solid 1px #454444;
	color:#ccc;
	font-size:.75em
}
.textarea_bottom01 {
	float:left;
	width:100%;
	height:72px;
	background:url(../images/icon10.png) no-repeat 4px 6px #000;
	padding-left:30px;
	line-height:30px;
	border:solid 1px #454444;
	color:#ccc;
	font-size:.75em
}
.button_bottom {
	float:left;
	background:url(../images/icon07.png) no-repeat;
	background-size:cover;
	width:100%;
	border:0;
	height:0;
	padding-bottom:96%
}
.bottom_tel {
	float:left;
	width:22%;
	margin-left:3%
}
.bottom_phone {
	float:left;
	width:80%;
	background:url(../images/icon06.png) no-repeat;
	padding-left:60px;
	margin-left:10%;
	margin-top:30px
}
.bottom_phone p {
	float:left;
	width:100%;
	color:#f4f4f4;
	font-size:.875em;
	line-height:30px
}
.bottom_phone i {
	float:left;
	width:100%;
	color:#e70012;
	font-size:1.5em
}
.bottom_xq {
	float:left;
	width:80%;
	margin-left:10%;
	color:#8e8e8e;
	font-size:.75em;
	margin-top:20px;
	line-height:24px
}
.bottom_er {
	float:left;
	width:10%;
	text-align:center;
	margin-top:30px
}
.bottom_er span {
	width:80%;
	padding-bottom:80%;
	height:0;
	border:solid 1px #333;
	display:inline-block
}
.bottom_er img {
	width:100%
}
.bottom_phone i a {
	color:#e70012
}
#foot {
	float:left;
	width:100%;
	background:#0e0e0e;
	padding:5px 0
}
.foot {
	float:left;
	width:100%;
	line-height:24px;
	color:#8e8e8e;
	font-size:.75em;
	text-align:center
}
.foot a {
	color:#8e8e8e
}
.foot a:hover {
	color:#f4f4f4
}
.float_mask {
	position:fixed;
	z-index:19999;
	display:none;
	width:100%;
	right:0;
	bottom:0;
	height:105px
}
.float_layer {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:100%;
	height:100%;
	background:#071828;
	filter:alpha(opacity=80);
	opacity:.8
}
.float_content {
	position:relative;
	z-index:2;
	width:1005px;
	height:100%;
	margin:0 auto;
	padding-left:70px
}
.float_bg, .float_close {
	float:left
}
.float_bg {
	position:relative;
	width:820px;
	height:135px;
	margin-top:-27px
}
.float_slogan {
	position:absolute;
	background:url(../images/footer_ad.png) 0 0 no-repeat
}
.float_slogan {
	left:0;
	bottom:0;
	width:800px;
	height:135px;
	cursor:pointer
}
.float_close {
	width:60px;
	margin-top:30px
}
.float_close a {
	display:block;
	width:53px;
	height:52px;
	margin-left:7px;
	background:url(../images/close.png) 0 0 no-repeat;
	-webkit-transition:all 400ms
}
@media only screen and (min-width:1201px) and (max-width:1400px) {
.city p {
font-size:.75em
}
.top_tel p {
display:none
}
.top_tel i {
font-size:1.5em
}
.top_search {
width:20%
}
.top_contact {
width:14%
}
.bottom_tel {
width:25%;
margin-left:0
}
}
@media only screen and (min-width:901px) and (max-width:1200px) {
.city p {
font-size:.75em
}
.top_tel p {
display:none
}
.top_tel i {
font-size:1.125em
}
.top_search {
width:20%
}
.top_contact {
width:14%
}
.bottom_nav a {
padding:0 10px
}
.bottom_logo img {
width:100%
}
.bottom_tel {
width:35%;
margin-left:0
}
.bottom_er {
display:none
}
}
@media only screen and (min-width:601px) and (max-width:900px) {
.hidden-box li {
font-size:.75em
}
.hidden-1box li {
font-size:.75em
}
.logo {
margin-top:10px
}
.city {
width:30%
}
.city p {
font-size:.75em
}
.top_tel {
width:30%
}
.top_tel p {
display:none
}
.top_tel i {
font-size:1.125em
}
.top_search {
display:none
}
.top_contact {
width:19%
}
.bottom_nav a {
padding:0 10px
}
.bottom_logo img {
width:100%
}
.bottom_tel {
width:35%;
margin-left:0
}
.bottom_er {
display:none
}
}
@media only screen and (min-width:320px) and (max-width:600px) {
.hidden-box li {
font-size:.75em
}
.hidden-1box li {
font-size:.75em
}
.logo {
margin-top:0;
max-width:35%
}
.city {
width:64%;
margin-top:3px
}
.city span {
line-height:20px
}
.city a {
margin-top:0
}
.city p {
font-size:.75em;
line-height:20px;
display:none
}
.top_tel {
display:none
}
.top_tel p {
display:none
}
.top_tel i {
font-size:1.125em
}
.top_search {
display:none
}
.top_contact {
display:none
}
.phonenav {
display:block
}
#nav {
display:none
}
.nav {
display:none
}
#top {
position:fixed;
top:0;
background:#FFF;
z-index:1000;
border-bottom:2px solid #000;
height:60px
}
.top {
padding:10px 0
}
#bottom_nav {
display:none
}
.bottom_logo img {
width:100%
}
.bottom_tel {
width:100%;
margin-left:0
}
.bottom_er {
display:none
}
.bott {
display:none
}
.bott_th {
display:none
}
.bottom_phone {
margin-top:0
}
}
@media only screen and (max-width:320px) {
.hidden-box li {
font-size:.75em
}
.hidden-1box li {
font-size:.75em
}
.logo {
margin-top:0;
max-width:35%
}
.city {
width:64%;
margin-top:3px
}
.city span {
line-height:20px
}
.city a {
margin-top:0
}
.city p {
font-size:.75em;
line-height:20px;
display:none
}
.top_tel {
display:none
}
.top_tel p {
display:none
}
.top_tel i {
font-size:1.125em
}
.top_search {
display:none
}
.top_contact {
display:none
}
.phonenav {
display:block
}
#nav {
display:none
}
.nav {
display:none
}
#top {
position:fixed;
top:0;
background:#FFF;
z-index:1000;
border-bottom:2px solid #000;
height:60px
}
.top {
padding:10px 0
}
#bottom_nav {
display:none
}
.bottom_logo img {
width:100%
}
.bottom_tel {
width:100%;
margin-left:0
}
.bottom_er {
display:none
}
.bott {
display:none
}
.bott_th {
display:none
}
.bottom_phone {
margin-top:0
}
}