@charset "utf-8";
/* CSS Document */
html, body { margin: 0; padding: 0; font-family: "微软雅黑", sans-serif; font-size: 14px; color: #555; background: #fff; width: 100%; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; }
img, a img { border: 0; max-width: 100%; height: auto; } 
img:hover { filter: alpha(opacity=60); opacity: 0.6; }
a { font-family: "微软雅黑", sans-serif; color: #555; text-decoration: none; }
a:hover { color: #E7121F; }
p { line-height: 20px; }
.clear { clear: both; }
ul, ol, dl, dd { margin: 0; padding: 0; list-style: none; }
.mtop20 { margin-top: 20px; }

/* 按钮链接样式 */
.abtn1 { display: inline-block; width: 250px; height: 50px; line-height: 50px; font-size: 18px; background: #fff; border: solid 1px #bbb; border-radius: 10px; text-align: center; cursor: pointer; }
.abtn1:hover { color: #E7121F; border-color: #E7121F; }
.abtn2 { display: inline-block; width: 250px; height: 50px; line-height: 50px; font-size: 18px; border: solid 1px #555; border-radius: 10px; text-align: center; cursor: pointer; }
.abtn2:hover { color: #E7121F; border-color: #E7121F; }
.abtn3 { display: inline-block; margin: 0 10px; width: 200px; height: 50px; line-height: 50px; font-size: 24px; border: solid 1px #555; border-radius: 10px; text-align: center; cursor: pointer; }
.abtn3:hover { color: #fff; background: #E7121F; border: solid 1px #E7121F; }
.abtn3_on { display: inline-block; margin: 0 10px; width: 200px; height: 50px; line-height: 50px; font-size: 24px; color: #fff; background: #E7121F; border: solid 1px #E7121F; border-radius: 10px; text-align: center; cursor: pointer; }
.abtn3_on:hover { color: #fff; }
.abtn4 { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; background: #fff; border: solid 1px #555; border-radius: 10px; text-align: center; cursor: pointer; }
.abtn4:hover { color: #E7121F; border-color: #E7121F; }

header, nav, footer { display: block; }
.header, .nav, .ftbar, .footer, .copyright, .index1, .main { margin: 0 auto; width: 100%; max-width: 1200px; }

/* 头部 */
.header { padding: 10px 0; height: auto; }
.header .logo { float: left; width: 50%; }
.header .tel { float: right; padding-top: 40px; width:40%; height: 31px; font-size: 27px; letter-spacing: 2px; text-align: right; }
.header .tel a { font-size: 27px; font-weight: bold; height: 31px; letter-spacing: 2px; color: #E7121F; }
.header .menu { display: none; float: right; padding: 15px 15px 0 0; }
.header .menu .menulist { display: block; width: 35px; height: 25px; background: url(../images/menu.png) no-repeat; }

/* 导航 */
nav { position: relative; height: 65px; background: #302e31; font-size: 14px; text-align: center; z-index: 20 }
.nav li { line-height: 65px; float: left; position: relative }
.nav .nav-left { float: left !important }
.nav .nav-left li { border-right: solid 1px #373737 }
.nav .nav-left li:last-child { border: 0 }
.nav li .nav-menu { width: 170px; display: block; font-size: 18px; color: #ececec; }
.nav li.active a.nav-menu, .nav li.active a.nav-menu:hover { background: #E7121F; color: #fff }
.nav .nav-right li a, .nav li:hover .nav-menu { background: #222; color: #E7121F }
.nav .sub-menu { position: absolute; left: 0; top: 65px; opacity: .9; width: 212px; line-height: 38px; background: #272528; text-align: left; visibility: hidden }
.nav li:hover .sub-menu { visibility: visible }
.nav .sub-menu a { display: block; font-size: 15px; color: #cfcfcf; padding-left: 25px; height: 38px; transition: padding-left ease .3s; -webkit-transition: padding-left ease .3s }
.nav .sub-menu a:hover { background: #222; color: #fff; padding-left: 35px; border-left: solid 2px #E7121F; }
.nav .nav-right { display: none; float: right !important; width: 140px }
.ico-hot { position: absolute; right: 0; top: 10px; background: #f27734; color: #fff; height: 15px; line-height: 15px; font-size: 10px; padding: 0 3px; border-radius: 3px }
.ico-hot i { display: block; width: 0; height: 0; overflow: hidden; line-height: 0; border-width: 5px 6px 0 0; border-color: #f27734 transparent transparent; border-style: solid }
/* 导航-移动端 */
#menu { display: none; position: absolute; top: 0; right: 0; background: #E7121F; width: 180px; border-bottom-left-radius: 25px; z-index: 100; }
#menu .menu { padding: 10px 0 ; text-align: center; }
#menu .menu li { line-height: 30px; }
#menu .menu a { color: #fff; }

/* 底部 */
footer { position: relative; background: #333; font-size: 14px; color: #bbb; z-index: 20; }
footer a { font-size: 14px; color: #bbb; }
#ftbar { overflow: hidden; background: #262626; height: 35px; line-height: 35px; }
.ftbar .ftbar-left { float: left; width: 66%; }
.ftbar .ftbar-right { float: left; width: 34%; text-align: right; }
.ftbar .ftbar-right a { display: inline-block; margin: 0 15px; padding-left: 24px; background: url(../images/footer_ico.png) no-repeat -1px; color: #E7121F }
.ftbar .ftbar-right .xq1 { background-position: 0 center }
.ftbar .ftbar-right .xq2 { background-position: -100px center }
.footer .ftbox { float: left; padding: 20px 0; }
.footer .ftbw1 { width: 15%; }
.footer .ftbw2 { width: 40%; }
.footer .ftbw3 { width: 15%; }
.footer .ftbox dl { margin-right: 65px; border-right: solid 1px #464646; line-height: 1.6 }
.footer .ftbox dt { margin-bottom: 15px; font-weight: bold; }
.footer .ftbox .wx { text-align: center; }
.footer .ftbox .wx img { display: block; margin: 0 auto 5px; width: 100px; height: 100px; }
#copyright { padding: 10px 0; background: #262626; line-height: 25px; text-align: center; }
/* 移动端底部 */
.m_footer{ display: none; background:#262626; position:fixed; bottom:0; width: 100%; z-index: 99999; }
.m_footer a{ float: left; display: block; border-right:1px solid #fff; padding:5px 0; width:calc(50% - 1px); height: 30px; line-height: 30px; font-size: 18px; color: #fff; text-align:center;}
.m_footer a:nth-child(2){ border:0; width:50%;}
.m_footer a:hover{ background:#f00;}

/* index */
.warp1, .warp2, .warp3 { padding: 20px 0 30px 0; background: #fff; }
.warp2 { background: #d1d1d1; }
.warp3 { background: #eee; }

.index1 .title { margin-bottom: 10px; font-size: 33px; letter-spacing: 5px; text-align: center; }
.index1 .title a { font-size: 33px; }
.index1 .more { margin-top: 20px; text-align: center; }

.case-show .item { margin: 20px 20px 0 0; position: relative; float: left; width: 280px; height: 230px; }
.case-show .item img { display: block; margin: 0 auto; width: 100%; height: 230px; }
.case-show a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 16px; color: #fff; letter-spacing: 5px; text-align: center; z-index: 101; transition: all ease .3s; -webkit-transition: all ease .3s; }
.case-show a span { display: block; margin-top: 100px; font-weight: bold; font-size: 22px; }
.case-show .svg { width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; overflow: hidden; z-index: 100 }
.case-show .svg span { position: absolute; background: #fff; opacity: .6; filter: alpha(opacity=60); transition: all ease .3s; -webkit-transition: all ease .3s }
.case-show .svg .left { width: 1px; height: 100%; left: 0; top: 0 }
.case-show .svg .right { width: 1px; height: 100%; right: 0; bottom: 0 }
.case-show .svg .top { width: 100%; height: 1px; left: 0; top: 0 }
.case-show .svg .bottom { width: 100%; height: 1px; right: 0; bottom: 0 }
.case-show .item:hover .left, .case-show .item:hover .right { height: 25px; }
.case-show .item:hover .bottom, .case-show .item:hover .top { width: 25px; }
.case-show .item:hover img { opacity: .7; filter: alpha(opacity=70); }

.case-show .kj { height: 280px; border-radius: 50%; }
.case-show .kj img { height: 280px; border-radius: 50%; }
.case-show .kj a span { margin-top: 120px; }

.sjs-show .item { margin: 20px 20px 0 0; position: relative; float: left; width: 280px; height: 280px; }
.sjs-show .item img { display: block; margin: 0 auto; width: 100%; height: 280px; }
.sjs-show a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 16px; color: #fff; text-align: center; z-index: 101; opacity: 0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.sjs-show a span { display: inline-block; margin-top: 110px; font-size: 22px; border-bottom: solid 1px #fff; }
.sjs-show a p { margin-top: 10px; }
.sjs-show .item:hover a { opacity: 1; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; transition: all 0.6s ease-out; }
.sjs-show .svg { width: 90%; height: 90%; position: absolute; top: 5%; left: 5%; overflow: hidden; z-index: 100 }
.sjs-show .svg span { position: absolute; background: #fff; opacity: .6; filter: alpha(opacity=60); transition: all ease .3s; -webkit-transition: all ease .3s }
.sjs-show .svg .left { width: 1px; height: 25px; left: 0; top: 0 }
.sjs-show .svg .right { width: 1px; height: 25px; right: 0; bottom: 0 }
.sjs-show .svg .top { width: 25px; height: 1px; left: 0; top: 0 }
.sjs-show .svg .bottom { width: 25px; height: 1px; right: 0; bottom: 0 }
.sjs-show .item:hover .left, .sjs-show .item:hover .right { height: 100%; }
.sjs-show .item:hover .bottom, .sjs-show .item:hover .top { width: 100%; }
.sjs-show .item:hover img { opacity: .7; filter: alpha(opacity=70); }

.links { color: #ccc; }
.links a { color: #ccc; }

/* 内页面 */
.main .title { background: #333; height: 50px; line-height: 50px; color: #fff; letter-spacing: 3px; text-align: center; }
.main .title h1 { margin: 0; padding: 0; font-size: 18px; }
.main .content { padding: 30px 2.5%; background: #fff; line-height: 30px; }
.main .content h2 { margin-top: 10px; padding: 0 20px; background: url(../images/icon3.png) no-repeat left; line-height: 40px; font-size: 18px; }
.main .content p { margin-top: 10px; line-height: 30px; }
.main .content table { border-spacing: 0; border-collapse: collapse; }
.main .content table td { padding: 0 5px; line-height: 28px; }

.main .submenu, .main .submenu2 { margin: 20px 0 30px 0; }
.main .submenu { text-align: center; }
.main .submenu2 .typtt { float: left; margin: 0 5px 0 0; width: 8%; }
.main .submenu2 .typtx { float: left; width: 90%; }
.main .submenu2 span { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 15px; color: #fff; background: #555; border: solid 1px #555; border-radius: 5px; text-align: center; }
.main .submenu2 a { float: left; display: block; margin: 0 5px 10px 5px; padding: 0 5px; height: 30px; line-height: 30px; font-size: 13px; background: #fff; border: solid 1px #555; border-radius: 5px; }
.main .submenu2 a:hover { color: #E7121F; border-color: #E7121F; }
.main .submenu2 a.on { color: #fff; border-color: #E7121F; background: #E7121F; }

.case-list {  }
.case-list:before,.case-list:after { content:" "; display:table }
.case-list:after { clear:both }
.case-list li { float: left; margin: 0 13px 13px 0; padding: 5px; width: 275px; height: 340px; border: 1px solid #ddd; text-align: center; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.case-list li .img-box { display:block; width:100%; height:214px; overflow:hidden; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0 }
.case-list li .img-box img { width:100%; height:214px; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -ms-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s }
.case-list li .img-box:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05) }
.case-list li .user-img { position:relative; display:inline-block; width:70px; height:70px; margin:-35px auto 0 }
.case-list li .user-img img { width:100%; height:70px; border:3px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50% }
.case-list li dl { padding-top: 10px; text-align: center; }
.case-list li dl dt { overflow: hidden; margin-bottom: 10px; width: 100%; height: 30px; line-height: 30px; font-size:15px; font-weight:normal }
.case-list li dl dd { overflow: hidden; width: 100%; height: 25px; line-height: 25px; font-size:12px; }

.cases { margin-top: 20px; }
.cases .cases_l { float: left; width: 900px; }
.cases_l .cases_con { padding: 20px; border: solid 1px #ddd; }
.cases_l .cases_con h1 { margin: 0 0 20px 0; padding: 0; font-size: 24px; text-align: center; }
.cases_l .cases_con section { margin-bottom: 20px; text-align: center; }
.cases_l .cases_con section div { display: inline-block; margin: 0 10px; height: 35px; line-height: 35px; }
.cases_l .cases_con section .bdsharebuttonbox { float: right; }
.cases_l .cases_con section .bdsharebuttonbox span { float: left; margin-top: 2px; }
.cases_l .cases_con .typtb { margin-bottom: 30px; width: 99%; border: 1px solid #ddd; border-bottom: 0; }
.cases_l .cases_con .typtb li { overflow: hidden; float: left; width: 50%; height: 40px; line-height: 40px; text-align: center; border-bottom: 1px solid #ddd; }
.cases_l .cases_con .typtb strong { float: left; width: 26%; background: #302e31; color: #fff; }
.cases_l .cases_con .typtb span { float: left; width: 74%; background: #fff; }
.cases_l .cases_con .content { padding: 0; }
.cases .cases_r { float: left; margin-left: 20px; width: 280px; }
.cases_r .cases_sjs { padding: 20px; border: solid 1px #ddd; }
.cases_r .cases_sjs .csjs_t { font-size: 24px; height: 40px; }
.cases_r .cases_sjs .csjs_c { text-align: center; }
.cases_r .cases_sjs .csjs_c img { margin: 10px 0; }
.cases_r .cases_sjs .csjs_c .csjs_name { display: block; margin-bottom: 5px; font-size: 24px; }
.cases_r .cases_sjs .csjs_c .csjs_sort { display: block; font-size: 18px; }
.cases_ly { margin-top: 30px; padding: 10px 20px 20px 20px; border: solid 1px #E7121F; }
.cases_ly p { text-align: center; }
.cases_ly p span { font-size: 21px; color: #E7121F; }
.cases_ly p input[type="text"] { width: 100%; height: 40px; line-height: 40px; font-size: 18px; border-radius: 10px; }
.cases_ly p input[type="submit"] { width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #fff; background: #E7121F; border: solid 1px #E7121F; border-radius: 10px; text-align: center; cursor: pointer; }
.cases_ly p input[type="submit"]:hover { color: #555; background: #fff; border: solid 1px #E7121F; }

.designers { margin-top: 20px; padding: 20px; border: solid 1px #ddd; }
.designers_con img { float: left; margin: 0 10% 0 0; width: 43%; height: 500px; }
.designers_con section  { float: left; width: 47%; height: 500px; font-size: 18px; }
.designers_con section h1 { margin: 0 0 20px 0; padding: 0; font-size: 39px; letter-spacing: 3px; }
.designers_con section h1 span { font-size: 27px; }
.designers_con section .bdsharebuttonbox span { float: left; margin-top: 12px; }
.designers_con section p.tel { font-size: 30px; }
.designers_con section form { margin-top: 50px; }
.designers_con section form input[type="text"] { padding: 0 10px; width: 350px; height: 40px; line-height: 40px; font-size: 18px; border-radius: 10px; }
.designers_con section form input[type="submit"] { width: 370px; height: 50px; line-height: 50px; font-size: 18px; color: #555; background: #fff; border: solid 1px #555; border-radius: 10px; text-align: center; cursor: pointer; }
.designers_con section form input[type="submit"]:hover { color: #fff; background: #E7121F; border: solid 1px #E7121F; }
.dstitle {position:relative;text-align:center;padding:30px 0 30px; }
.dstitle:before{content:'';position:absolute;left:0;top:48px;right:0;background-color:#898989;height:1px}
.dstitle strong{font-weight:normal;padding:0 40px;position:relative;z-index:1;font-size:26px;background-color:#ffffff}
.designers .content { padding: 0; }

/* 上下一篇 */
.main .next { margin: 30px 0 10px 0; padding: 5px 0 0 0; list-style: none; border-top: dashed 1px #ddd; }
.main .next li { overflow: hidden; float: left; width: 50%; line-height: 30px; height: 30px; }

/* 相关图片 */
.main .about_pic { margin-top: 30px; }
.main .about_pic .aboutt { margin-bottom: 10px; padding: 0 20px; background: url(../images/icon3.png) no-repeat left; line-height: 40px; font-size: 18px; font-weight: bold; }
.main .aboutlist:before,.aboutlist:after { content:" "; display:table }
.main .aboutlist:after { clear:both }
.main .aboutlist li { float: left; margin: 0 13px 13px 0; padding: 5px; width: 275px; height: 340px; border: 1px solid #ddd; text-align: center; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.main .aboutlist li .img-box { display:block; width:100%; height:214px; overflow:hidden; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0 }
.main .aboutlist li .img-box img { width:100%; height:214px; -webkit-transition:all ease-out 0.3s; -moz-transition:all ease-out 0.3s; -ms-transition:all ease-out 0.3s; -o-transition:all ease-out 0.3s; transition:all ease-out 0.3s }
.main .aboutlist li .img-box:hover img { -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05) }
.main .aboutlist li .user-img { position:relative; display:inline-block; width:70px; height:70px; margin:-35px auto 0 }
.main .aboutlist li .user-img img { width:100%; height:70px; border:3px solid #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50% }
.main .aboutlist li dl { padding-top: 10px; text-align: center; }
.main .aboutlist li dl dt { overflow: hidden; margin-bottom: 10px; width: 100%; height: 30px; line-height: 30px; font-size:15px; font-weight:normal }
.main .aboutlist li dl dd { overflow: hidden; width: 100%; height: 25px; line-height: 25px; font-size:12px; }

/* 留言表单 */
.message p { text-align: center; }
.message p span { font-size: 24px; }
.message p input[type="text"] { padding: 0 10px; width: 300px; height: 40px; line-height: 40px; font-size: 18px; border-radius: 10px; }
.message p input[type="submit"] { width: 320px; height: 50px; line-height: 50px; font-size: 18px; background: #fff; border: solid 1px #555; border-radius: 10px; text-align: center; cursor: pointer; }
.message p input[type="submit"]:hover { color: #fff; background: #E7121F; border: solid 1px #E7121F; }

/* 右侧浮动客服 */
.right_menu{ position:fixed; z-index:10000; top:40%; right:0; width:100px; border:0; -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.right_menu li{ float:left; width:100%; height:72px;text-align:center; position:relative;margin-top: 2px;background:rgba(144,147,149,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8939395,endColorstr=#c8939395)}
.right_menu li:hover{background: #E7121F;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffE7121F,endColorstr=#ffE7121F)}
.right_menu li.rmfirst{border-radius: 5px 5px 0 0;background-color: #E7121F;}
.right_menu li.rmlast{padding-bottom: 10px;-webkit-box-sizing: content-box; -moz-box-sizing: content-box;height: 82px; box-sizing: content-box;}
.right_menu li a{ display:block;height: 100%;cursor: pointer;}
.right_menu li a span{display: block;padding-top: 16px;}
.right_menu li em{ font-size:12px; font-style: normal; line-height:14px; padding:10px 0; position:absolute; width:100%; left:0; top:36px;transition:0.3s all; -webkit-transition:0.3s all;color: #fff;}
.right_menu img{width: auto;}

.right_menu .rmsub{ z-index:-1;; position:absolute; visibility:hidden; top:0; right:0px; margin-top:0px; padding:20px; width:auto; background:#555;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);transition:0.3s all; -webkit-transition:0.3s all;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.right_menu .rmsub span {font-size: 18px;color: #fff;}
.right_menu .rmsub p{ color: #fff; text-align: center;}
.right_menu .rmsub p input[type="text"] { width: 200px; height: 30px; line-height: 30px; font-size: 18px; border-radius: 10px; }
.right_menu .rmsub p input[type="submit"] { width: 200px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; background: #E7121F; border: solid 1px #E7121F; border-radius: 10px; text-align: center; cursor: pointer; }
.right_menu .rmsub p input[type="submit"]:hover { color: #555; background: #fff; border: solid 1px #E7121F; }

.right_menu li.on .rmsub{ z-index:101;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);right:120px; visibility:visible;}
.right_menu li.on .rmsub{display: block;}

/* 右侧浮动-返回顶部按钮 */
.returnTop{ position:fixed;_position:absolute; width:100px;height:72px;text-align: center; overflow:hidden;display:block; top:40%; margin-top:150px; color: #fff!important; z-index:1000; left:auto !important; right:0; background-size: cover; background:rgba(144,147,149,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8939395,endColorstr=#c8939395); border-radius: 0 0 5px 5px; }
.returnTop:hover{background: #cb0a18;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcb0a18,endColorstr=#ffcb0a18)}
.returnTop span{display: block;height: 16px;margin-top: 20px;background: url(../images/rightfloat06.png) no-repeat center;}
.returnTop p{ margin:0; padding: 0; }

/* 分页 */
.page { margin: 20px 0 0 0; padding: 0; font-size: 15px; line-height: normal; text-align: center; }
.page a { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #555; font-weight: normal; text-decoration: none; letter-spacing: 0; border:1px solid #555; }
.page span { display: inline-block; margin: 5px; padding: 0 10px; height: 30px; line-height: 30px; color: #888; font-weight: normal; text-decoration: none; letter-spacing: 0; }
.page a:hover, .page a.page_on { color: #fff; background: #E7121F; border: 1px solid #E7121F; }

@media screen and (max-width:1024px) {

}
@media screen and (max-width:800px) {
a.abtn3 { margin: 0 3px; width: 80px; height: 25px; line-height: 25px; font-size: 14px; }
a.abtn3:hover { color: #fff; background: #E7121F; border: solid 1px #E7121F; }
a.abtn3_on { margin: 0 3px; width: 80px; height: 25px; line-height: 25px; font-size: 14px; color: #fff; background: #E7121F; border: solid 1px #E7121F; }

.header .tel { display: none ; }
.header .menu { display: block ; }
nav { display: none; }
#ftbar .ftbar .ftbar-left { display: none; }
#ftbar .ftbar .ftbar-right { float: none; width: 100%; text-align: center; }
.footer .ftbw1 { display: none ; }
.footer .ftbw2 { width: 60%; text-align: center; }
.footer .ftbw3 { width: 40%; }

.case-show .item { margin: 10px 2% 0 0; width: 48%; height: 120px }
.case-show .item img { display: block; margin: 0 auto; width: 100%; height: 120px; }
.case-show a span { margin-top: 45px; }

.case-show .kj { height: 200px; border-radius: 50%; }
.case-show .kj img { height: 200px; border-radius: 50%; }
.case-show .kj a span { margin-top: 90px; }

.sjs-show .item { margin: 10px 2% 0 0; width: 48%; height: 200px }
.sjs-show .item img { display: block; margin: 0 auto; width: 100%; height: 200px; }
.sjs-show a span { margin-top: 45px; }

.cases .cases_l { float: none; width: 100%; }
.cases_l .cases_con { padding: 10px; border: 0 }
.cases_l .cases_con h1 { font-size: 16px; }
.cases_l .cases_con section div { display: inline-block; margin: 0 10px; height: 25px; line-height: 25px; }
.cases_l .cases_con section .bdsharebuttonbox { float: none; float: none; }
.cases_l .cases_con .typtb li { float: none; width: 100%; line-height: 35px; }
.cases .cases_r { float: none; margin-left: 0; width: 100% }
.cases_r .cases_sjs { border: 0; }
.cases_ly { border: 0; }

.designers { margin-top: 20px; padding: 20px; border: 0; }
.designers_con img { float: none; margin: 0; width: 100%; height: 350px; }
.designers_con section  { float: none; width: 100%; height: 420px; font-size: 15px; }
.designers_con section h1 { margin: 5px 0 15px 0; padding: 0; font-size: 30px; letter-spacing: 2px; }
.designers_con section h1 span { font-size: 21px; }
.designers_con section .bdsharebuttonbox span { float: left; margin-top: 12px; }
.designers_con section p.tel { font-size: 21px; }
.designers_con section form { margin-top: 50px; }
.designers_con section form input[type="text"] { padding: 0 10px; width: 350px; height: 40px; line-height: 40px; font-size: 18px; border-radius: 10px; }
.designers_con section form input[type="submit"] { width: 370px; height: 50px; line-height: 50px; font-size: 18px; color: #555; background: #fff; border: solid 1px #555; border-radius: 10px; text-align: center; cursor: pointer; }
.designers_con section form input[type="submit"]:hover { color: #fff; background: #E7121F; border: solid 1px #E7121F; }
.dstitle {position:relative;text-align:center;padding:30px 0 30px}
.dstitle:before{content:'';position:absolute;left:0;top:48px;right:0;background-color:#898989;height:1px}
.dstitle strong{font-weight:normal;padding:0 40px;position:relative;z-index:1;font-size:26px;background-color:#ffffff}
.designers .content { padding: 0; }

/* 上下一篇 */
.main .next li { float: none; width: 100%; }

/* 相关图片 */
.main .aboutlist { text-align: center; }
.main .aboutlist li { display: inline-block; float: none; margin: 0 0 13px 0; }
}
@media screen and (max-width:640px) {
.m_footer{ display: block; }

.right_menu { display: none; }
.returnTop { display: none; }
}
@media screen and (max-width:480px) {

}