/* 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,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:1200px;max-width:1520px;margin:auto}
.banner{float:left;width:100%}
.left{float:left;width:70%}
.right{float:left;width:25%;margin-left:5%}
.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{width:1200px; margin:0 auto;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:24px;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{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:50px}
.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%}
.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}
.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:25%;/*margin-right:4%;*/margin-top:30px}
.case_list li:nth-child(4n){margin-right:0}
.case_list small{float:left;width:100%;height:0;padding-bottom:0px;overflow:hidden;margin-bottom:10px; height:auto}
/*.case_list img{width:100%; height:auto}*/
.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:50%;margin-top:-30px;left:0;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none;color:#FFF;line-height:60px;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:30px 0;font-family:"宋体"}
.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:10px}
.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:30px;padding:10px 0;color:#000;font-size:1.125em}
.access_listtxt p{float:left;width:100%;padding:20px 0;font-size:.875em;line-height:23px;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 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:390px;margin-right:15px;margin-top:15px}

.site_list li:nth-child(3n){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:90%;color:#666;text-align:left}
.site_list p:hover{color:#00acee}
.site_button{float:left;width:100%;text-align:center; margin-top:15px}
.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:#00acee}
.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:51.76%;overflow:hidden}
.download_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:20px;padding-right:20px;font-size:.875em;line-height:24px;color:#666;overflow:hidden;height:0;padding-bottom:85%}
.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:100px;display:block;text-align:right;padding-right:10px;font-size:.875em}
.text_tha li{float:left;width:100%;padding-left:100px}
.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:30px}
.contact_th span{float:left;width:100%;font-size:1.5em;line-height:40px}
.contact_th p{float:left;width:100%;margin-top:30px;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:1200px){.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:49%;margin-right:2%}
.case_list li:nth-child(2n){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(2n){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%;padding:20px 0}
.logo{float:left;width:508px;}
.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 i{ font-style:normal; padding-left:15px; font-size:14px; line-height:30px; color:#999; padding-top:5px;}
.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:#666}
.top_tel{float:right;width:360px;background:url(../images/icon03.png)20px center no-repeat;padding-left:60px;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:#00acee;font-weight:600;font-size:1.5em;line-height:40px}
.top_search{float:right;width:220px;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:150px;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-left:120px}
.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%}

.menu{width:100%;background:#00adef;}
.nav{height:50px; width:1200px; margin: 0 auto;position:relative;}
.nav-main{width:100%;height:100%; margin:0 auto;list-style-type:none; }
.nav-main>li{float:left;width:150px;height:100%;display:block;color:#fff;text-align:center;cursor:pointer;line-height:50px;font-size:16px}
.nav-main>li:hover{!important;filter:Alpha(opaity=90);background:#61ccf4}
.nav-main>li a{color:#fff}
.nav-main>li a:hover{color:#fff}

.hidden-box{width:150px;border-top:0;position:absolute;display:none;box-shadow:0 0 5px rgba(0,173,239,.7);background:rgba(0,173,239,.7) none repeat 0 0 scroll!important;filter:Alpha(opaity=70);background:#00adef;top:50px;line-height:46px;text-align:left;z-index:99;padding-bottom:5px}
.hidden-box>ul{list-style-type:none;color:#fff;cursor:pointer}
.hidden-box li{font-size:.875em;border-bottom:dashed 1px #fff;text-align:center}
.hidden-box span{float:right}
.hidden-box li:hover{background:rgba(97,204,244,.9) none repeat 0 0 scroll!important;filter:Alpha(opaity=90);background:#e60012;color:#fff}
.hidden-box a{color:#fff}
.nav_box_a{left:150px}
.nav_box_b{left:300px}
.nav_box_c{left:450px}
.nav_box_d{left:600px}
.nav_box_e{left:750px}
.nav_box_f{left:1050px}
.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:30px}
#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%}

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