<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*{margin:0;padding:0;}
body{background:#fff; background-size:cover; font:12px/22px "Microsoft YaHei","SimSun"; font-size:100%;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_none{display:none;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}

.wrap{ max-width:1000px !important; margin:0 auto;}

header{width:100%; float:left;}
.header{width:100%; float:left; background:url(../images/header_bj.jpg) no-repeat center center; background-size:100% 100%;}
.header .logo{float:left; padding:20px 0;}
.header .logo img{float:left;width:100%;max-width:525px; max-height:60px;}
.header_dianhua{float:right; margin-top:14px; background:url(../images/header_dianhua.png) no-repeat left top; padding-left:77px; line-height:33px; font-family:Arial; font-size:14px; color:#2b2b2b;text-transform:uppercase;}
.header_dianhua .header_p{font-family:STXingkai; font-size:30px; color:#2b2b2b;}
.header_dianhua .header_sp{font-family:'Microsoft YaHei'; font-size:28px; color:#990803; font-weight:bold;}

nav{ width:100%;float:left; height:40px; /*padding-top:23px;*/ background:url(../images/nav_bj.png) repeat-x center center; position:absolute;left:0;top:0; z-index:9999;}
/*导航下拉开始*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{width:100%; float:left; position:relative; z-index:1; background:url(../images/shutiao.jpg) no-repeat left center; padding-left:2px;}
.nav a{ color:#fff;  }
.nav .nLi{width:16.666666%; float:left; position:relative;}
.nav .nLi h3{width:100%; float:left; background:url(../images/shutiao.jpg) no-repeat right center; padding-right:2px;}
.nav .nLi h3 a{display:block; height:44px; line-height:44px; text-align:center; overflow:hidden; transition:all 0.4s; font-size:14px; color:#fff; font-family:'Microsoft YaHei';}
.nav .nLi:hover h3 a{ color:#ff0101;}

.nav .sub{ display:none; width:100%; left:0; top:40px;  position:absolute; z-index:999;background:rgba(36, 36, 36, 0.8) none repeat scroll 0 0 !important; background-color:#242424; }
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; height:40px; line-height:40px;  text-align:center; font-family:"Microsoft YaHei"; font-size:14px; color:#fff; transition:all 0.3s;}
.nav .sub a:hover{ background:#22cdfd; color:#fff;  }
/*导航下拉结束*/
.header_R{width:32px;float:right; position:relative; z-index:9; margin-top:20px;}
.header_ss{width:32px; height:32px; float:left; background:url(../images/header_ss.jpg) no-repeat center center; cursor:pointer;}
.header_sss{ display:none; position:absolute;right:0;top:50px; z-index:999999; background:#009944; padding:10px; width:230px; float:left;}
.header_inp1{width:178px;float:left; height:32px; background:#fff; padding:0 10px;font-family:"Microsoft YaHei"; font-size:14px; color:#009944;}
.header_btn{width:32px;float:left; height:32px; background:url(../images/header_ss.jpg) no-repeat center center; cursor:pointer;}

.banner{width:100%; overflow:hidden; position:relative;}
/*banner*/
.focus{width:100%;float:left; height:500px;position:relative;}
.focusbox{width:100%;height:500px;overflow:hidden}
.focusbox li{width:100%;height:500px;overflow:hidden;}
.focusbox li a{width:100%; height:500px; float:left; overflow:hidden; }
.rslides{width:100%;height:100%; position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:4px;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/prev.jpg) no-repeat center center;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background:url(../images/next.jpg) no-repeat center center;right:4px}
.rslides_tabs{width:100%; position:absolute;left:0;bottom:15px; z-index:2; text-align:center;}
.rslides_tabs li{display:inline-block;width:14px;height:14px;margin:0 3px;*display:inline;zoom:1;}
.rslides_tabs a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.rslides_tabs .rslides_here a{background-position:0 0;}

/*移动端*/
 #content1 {padding:0px;float:left;width:100%;}
 .slideBox {position:relative;overflow:hidden;margin:0px auto;max-width:100%;/* 设置焦点图最大宽度 */}
 .slideBox .hd {position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;}
 .slideBox .hd li {display:inline-block;width:10px;height:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:#333;text-indent:-9999px;overflow:hidden;
margin:0 6px 0 6px;}
 .slideBox .hd li.on {background:#fff;}
 .slideBox .bd {position:relative;z-index:0;}
 .slideBox .bd li {position:relative;text-align:center;}
 .slideBox .bd li img {background:url(images/loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
 .slideBox .bd li a {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}  /* 去掉链接触摸高亮 */
 .slideBox .bd li .tit {display:block;width:100%;position:absolute;bottom:0;text-indent:10px;height:28px;line-height:28px;background:url(images/focusBg.png) repeat-x;color:#fff;text-align:left;}

main{width:100%; float:left;}
.design{width:100%; overflow:hidden; padding:28px 0 38px 0;}
.design_title{width:205px; height:46px; line-height:46px; text-align:center; background:url(../images/title_bj.png) no-repeat center center; margin:0 auto; font-family:'Microsoft YaHei'; font-size:22px; color:#fff;}
#con {width:100%; padding-top:22px;}
#tags {display:block; text-align:center; overflow:hidden;}
#tags LI {display:inline-table; width:166px; height:30px; margin:0 2px 5px 2px;}
#tags LI A { display:block; height:30px; line-height:28px; text-align:center; border:1px solid #222222; overflow:hidden; border-radius:20px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222;}
#tags LI.selectTag A {background:#222222; color:#fff;}
#tagContent {width:100%; margin-top:15px;}
.tagContent {DISPLAY: none;position:relative;}
#tagContent DIV.selectTag {	DISPLAY: block}
/*响应式轮播图*/
#responsive-shuffling1 { width:100%;height:100%;}
#responsive-shuffling1 .swiper-slide {width:100%; position:relative; overflow:hidden;}
#responsive-shuffling1 .swiper-slide .design_img_top{padding-top:83.3333%;}
.design_hover{width:100%; height:36px; overflow:hidden; position:absolute;left:0;bottom:0; z-index:9;background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important; background-color:#000; transition:all 0.4s;}
.design_hover .design_p{width:100%; height:36px; line-height:36px; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; overflow:hidden;position:absolute;left:0;bottom:0; transition:all 0.4s;}
.design_hover .design_more{width:64px; height:20px; background:url(../images/case_more.png) no-repeat center center;position:absolute;right:10%;bottom:-100%; transition:all 0.4s;}
#responsive-shuffling1 .swiper-slide:hover .design_hover{height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
#responsive-shuffling1 .swiper-slide:hover .design_hover .design_p{bottom:50%; margin-bottom:-18px;}
#responsive-shuffling1 .swiper-slide:hover .design_hover .design_more{bottom:20%;}
.swiper-button-next{right:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_R.png) no-repeat 0 0; overflow:hidden; opacity:1; }
.swiper-button-prev{left:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_L.png) no-repeat 100% 0; overflow:hidden; opacity:1;}
/*END*/
/*响应式轮播图2*/
#responsive-shuffling2 { width:100%;height:100%;}
#responsive-shuffling2 .swiper-slide {width:100%; position:relative; overflow:hidden;}
#responsive-shuffling2 .swiper-slide .design_img_top{padding-top:83.3333%;}
#responsive-shuffling2 .swiper-slide:hover .design_hover{height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
#responsive-shuffling2 .swiper-slide:hover .design_hover .design_p{bottom:50%; margin-bottom:-18px;}
#responsive-shuffling2 .swiper-slide:hover .design_hover .design_more{bottom:20%;}
.swiper-button-next2{right:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_R.png) no-repeat 0 0; overflow:hidden; opacity:1; }
.swiper-button-prev2{left:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_L.png) no-repeat 100% 0; overflow:hidden; opacity:1;}
/*END*/
/*响应式轮播图3*/
#responsive-shuffling3 { width:100%;height:100%;}
#responsive-shuffling3 .swiper-slide {width:100%; position:relative; overflow:hidden;}
#responsive-shuffling3 .swiper-slide .design_img_top{padding-top:83.3333%;}
#responsive-shuffling3 .swiper-slide:hover .design_hover{height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
#responsive-shuffling3 .swiper-slide:hover .design_hover .design_p{bottom:50%; margin-bottom:-18px;}
#responsive-shuffling3 .swiper-slide:hover .design_hover .design_more{bottom:20%;}
.swiper-button-next3{right:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_R.png) no-repeat 0 0; overflow:hidden; opacity:1; }
.swiper-button-prev3{left:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_L.png) no-repeat 100% 0; overflow:hidden; opacity:1;}
/*END*/
/*响应式轮播图4*/
#responsive-shuffling4 { width:100%;height:100%;}
#responsive-shuffling4 .swiper-slide {width:100%; position:relative; overflow:hidden;}
#responsive-shuffling4 .swiper-slide .design_img_top{padding-top:83.3333%;}
#responsive-shuffling4 .swiper-slide:hover .design_hover{height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
#responsive-shuffling4 .swiper-slide:hover .design_hover .design_p{bottom:50%; margin-bottom:-18px;}
#responsive-shuffling4 .swiper-slide:hover .design_hover .design_more{bottom:20%;}
.swiper-button-next4{right:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_R.png) no-repeat 0 0; overflow:hidden; opacity:1; }
.swiper-button-prev4{left:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_L.png) no-repeat 100% 0; overflow:hidden; opacity:1;}
/*END*/
#responsive-shuffling { width:100%;height:100%;}
#responsive-shuffling .swiper-slide {width:100%; position:relative; overflow:hidden;}
#responsive-shuffling .swiper-slide .design_img_top{padding-top:83.3333%;}
#responsive-shuffling .swiper-slide:hover .design_hover{height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
#responsive-shuffling .swiper-slide:hover .design_hover .design_p{bottom:50%; margin-bottom:-18px;}
#responsive-shuffling .swiper-slide:hover .design_hover .design_more{bottom:20%;}
.swiper-button-next{right:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_R.png) no-repeat 0 0; overflow:hidden; opacity:1; }
.swiper-button-prev{left:-50px; position:absolute;top:50%; margin-top:-11.5px; width:37px; height:43px; background:url(../images/case_L.png) no-repeat 100% 0; overflow:hidden; opacity:1;}

.gsjj{width:100%; overflow:hidden; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover; padding:23px 0 43px 0;}
.gsjj_contect{display:block; margin-top:12px;overflow:hidden; position:relative;}
.gsjj_txt{display:block; max-width:724px; min-height:256px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; line-height:26px; overflow:hidden; border:2px solid #990803; margin-top:37px; padding:17px 70px 0 20px;}
.gsjj_txt .gsjj_more{ float:right; margin-top:10px;}
.gsjj_txt a{width:80px; float:right; height:28px; line-height:28px; text-align:center; overflow:hidden; background:#990803; font-family:'Microsoft YaHei'; color:#ededed; font-size:13px; border-radius:3px;}
.gsjj_R{width:321px;float:right; padding:15px 14px 0 0; background:url(../images/gsjj_bj2.jpg) no-repeat right top; position:absolute;right:0;top:0; z-index:999;}
.gsjj_R img{width:307px; height:240px; display:block;}
.gsjj_dianhua{position:absolute;left:0;bottom:-40px; height:40px; line-height:20px; font-family:'Microsoft YaHei'; font-size:14px; color:#990803; padding-left:52px;}

.case{width:100%; overflow:hidden; background:url(../images/case_bj.jpg) no-repeat center center; background-size:cover; padding:30px 0;}
#cons {width:100%; padding-top:16px; overflow:hidden;}
#tagss {display:block; text-align:center; overflow:hidden;}
#tagss LI {display:inline-table; width:166px; height:30px; margin:0 2px 5px 2px;}
#tagss LI A { display:block; height:30px; line-height:28px; text-align:center; border:1px solid #222222; overflow:hidden; border-radius:20px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222;}
#tagss LI.selectTags A {background:#222222; color:#fff;}
#tagContents {width:100%; margin-top:20px;}
.tagContents {DISPLAY: none;position:relative;}
#tagContents DIV.selectTags {	DISPLAY: block}
.case_ul{display:block; width:1013px; overflow:hidden;}
.case_ul li {width:240px;float:left; position:relative; overflow:hidden; margin:0 13px 20px 0;}
.case_ul li .design_img_top{padding-top:83.3333%;}
.case_ul li:hover .design_hover{height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
.case_ul li:hover .design_hover .design_p{bottom:50%; margin-bottom:-18px;}
.case_ul li:hover .design_hover .design_more{bottom:20%;}

.xc{width:100%; overflow:hidden; background:url(../images/sgxc_bj.jpg) no-repeat center center; background-size:cover; padding:35px 0 50px 0;}
.case_contect{ display:block; margin-top:25px; background:#fff; overflow:hidden;}
.case_L{width:290px;float:left;}
.case_p1{width:100%; overflow:hidden; height:100px; margin-bottom:10px; background:#990803;}
.case_p1 img{width:100%; max-width:108px; display:block; margin:0 auto;}
.case_img1{width:100%; height:247px; overflow:hidden; position:relative; cursor:pointer;}
.sub_hover{width:100%; height:100%;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; background-color:#000; position:absolute;left:0;bottom:-100%; z-index:5;transition:all 0.3s;text-align:center;}
.sub_hover span{ position:absolute;left:50%;top:50%; margin:-25px 0 0 -50px;width:100px; height:50px; border:1px solid #fff;}
.sub_hover span b{ display:inline-block; font-size:30px; color:#fff; line-height:50px;}
.case_img1:hover .sub_hover{ bottom:0;}
.case_C{width:490px; float:left; margin-left:10px;}
.case_img{width:100%; height:224px; float:left; cursor:pointer; position:relative; overflow:hidden;}
.case_img:hover .sub_hover{ bottom:0;}
.case_p2{width:143px; height:123px; float:left; margin:10px 0 0 0; background:#2d2c2d;}
.case_p2 img{ display:block; margin:0 auto;}
.case_img3{width:337px; height:123px; float:right; margin-top:10px;}
.case_R{width:200px; float:right;}
.case_img4{width:100%; height:224px;}
.case_img5{width:100%; height:123px;  margin-top:10px;}

.lxwm{width:100%; overflow:hidden; background:url(../images/lxwm_bj.jpg) no-repeat center center; background-size:cover; padding:38px 0 25px 0;}
.lxwm_left{width:50%;float:left; padding:0 1%; margin-top:24px;}
.lxwm_p{display:block; line-height:32px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:20px; color:#910101;}
.lxwm_sp{display:block; min-height:72px; line-height:24px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; margin-top:10px;}
.lxwm_logo{display:block; /*margin-top:12px;*/ /*background:url(../images/lxwm_logo.png) no-repeat left center;*/ font-family:'Microsoft YaHei'; font-size:14px; color:#222222; line-height:28px; /*padding-left:35px;*/}
.lxwm_inp1{width:100%;float:left; margin-top:10px; height:38px; line-height:38px; border-radius:8px; background:#cdc9c9; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; padding:0 10px;}
.lxwm_inp2{width:100%;float:left; margin-top:10px; height:108px; line-height:28px; border-radius:8px; background:#cdc9c9; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; padding:0 10px; border:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #222222;} 
input:-moz-placeholder, textarea:-moz-placeholder {color: #222222;} 
.lxwm_btn{width:100%; float:left; height:38px; background:#2e2c2d; margin-top:15px; font-family:'Microsoft YaHei'; font-size:16px; color:#fff; border-radius:8px;}

footer{width:100%;overflow:hidden; background:url(../images/foot_bj.jpg) no-repeat center center; background-size:cover; padding:18px 0;}
.foot_L{float:left; border-right:1px solid #969596; padding-right:10px; margin-right:30px;}
.foot_img{width:124px;float:left; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#ffffff; line-height:30px; margin-right:25px;}
.foot_img img{display:block; margin:0 auto; width:124px;}
.foot_nav{display:block; line-height:36px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; margin-bottom:10px;}
.foot_nav a{color:#fff; margin:0 10px;}
.foot_nav a:hover{text-decoration:underline !important; color:#fff;}
.foot_txt{display:block; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; overflow:hidden;}

/*手机底部*/
.hot{width:100%; height:68px; background:#222222; position:fixed; bottom:0; left:0; z-index:99;}
.hot span{ color:#fff; font-size:16px; line-height:20px; padding-top:12px;}
.hot h6{ font-size:14px; line-height:26px; font-family:'Microsoft YaHei'; color:#fff;}
.hot .row div a{ display:block; color:#fff; padding:5px 0; margin-top:9px;}
.hot .row div:hover{ background:#910101;}

/*公司简介*/
.main{width:100%; overflow:hidden; padding:30px 0; background:#f5f5f5;}
.main_left{width:230px;float:left;}
.about{width:100%;float:left; margin-bottom:20px;}
.about_title{display:block; height:55px; line-height:55px; overflow:hidden; background:url(../images/about_title.jpg) no-repeat center center; background-size:cover; font-family:'Microsoft YaHei'; font-size:12px; color:#fff;}
.about_p{float:left; font-size:18px; text-indent:25px;}
.about_sp{float:left; text-indent:5px; padding-top:2px;}
.about_txt{display:block; background:#e6e6e6; overflow:hidden; padding:15px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222;word-wrap:break-word}
.about_txt img{width:100%; display:block; margin-bottom:10px;}

.main_right{width:747px;float:right;}
.dqwz_title{display:block; height:49px; background:url(../images/dqwz_title_bj1.jpg) no-repeat left bottom,url(../images/dqwz_title_bj2.jpg) repeat-x left bottom; overflow:hidden;}
.dqwz_L{float:left; padding-left:15px;}
.dqwz_p{display:block; height:26px; line-height:26px; font-family:'Microsoft YaHei'; font-size:18px; color:#222222;}
.dqwz_sp{display:block; height:14px; line-height:14px; font-family:'Microsoft YaHei'; font-size:12px; color:#333333;text-transform:capitalize;}
.dqwz_nav{float:right; line-height:46px; font-family:'Microsoft YaHei'; font-size:14px; color:#333333;}
.company{display:block; padding:20px 0; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; line-height:28px;}
.company img{width:278px;float:right; margin-left:20px;}

/*新闻资讯*/
.li02{ width: 100%; margin-bottom: 25px;}
.li02 a{ display: block; width: 100%; overflow: hidden; }
.li02 .xwimg{ width: 215px; max-width: 40%; height: 140px; border: 1px solid #0D63F1; overflow: hidden; float: left; }
.li02 .xwimg .img{ transition: all 0.4s;height:100%;}
.li02 a:hover .xwimg .img{ transform: scale(1.1);}
.li02 .xwrh{ overflow: hidden; padding-left: 20px; color: #131313; margin: 20px 0 0; }
.li02 .xwrh h3{ width: 100%; font-size: 18px; line-height: 30px; position: relative; font-family: "微软雅黑"; padding-right: 56px; }
.li02 .xwrh h3 span{ display: block; font-size: 14px; position: absolute; right: 0; top: 0; }
.li02 .xwrh .xwt{ width: 100%; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden; margin-top: 5px; }
.li02 a:hover .xwrh .xwt{ color: #0D63F1; }
.li02 a:hover .xwrh h3{ color: #0D63F1; }


/*设计案例*/
.about_ul{display:block; overflow:hidden;}
.about_ul li{display:block; margin-top:5px; overflow:hidden;}
.about_ul li a{display:block; height:40px; line-height:40px; background:url(../images/about_li.png) no-repeat 32px center #dddddd; overflow:hidden; text-indent:56px; font-family:'Microsoft YaHei'; font-size:14px; color:#171717; transition:all 0.4s;}
.about_ul li a:hover{background:url(../images/about_hover.png) no-repeat 32px center #f58d00; color:#fff;}

.case_ul1{display:block; width:760px; overflow:hidden; padding:20px 0;}
.case_ul1 li {width:240px;float:left; position:relative; overflow:hidden; margin:0 13px 20px 0;}
.case_ul1 li .design_img_top{padding-top:83.3333%;}
.case_ul1 li:hover .design_hover{height:100%;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important; background-color:#000;}
.case_ul1 li:hover .design_hover .design_p{bottom:50%; margin-bottom:-18px;}
.case_ul1 li:hover .design_hover .design_more{bottom:20%;}

.cpxq{display:block; padding:20px 0; overflow:hidden;font-family:'Microsoft YaHei'; font-size:14px; color:#222222; line-height:28px;}
.cpxq_T{display:block; line-height:40px; overflow:hidden; text-align:center; font-size:20px;}
.cpxq img{display:block; max-width:100%; margin:0 auto;}

/*在线留言*/
.zxly{width:100%; max-width:480px; margin:20px auto;}
.zxly_B{display:block; margin-bottom:10px; overflow:hidden;}
.zxly_p{width:15%; float:left; height:30px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; line-height:30px;}
.zxly_inp1{width:85%;float:left; height:28px; border:1px solid #c8c8c8; line-height:28px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; padding:0 10px;}
.zxly_inp2{width:85%;float:left; height:90px; border:1px solid #c8c8c8; line-height:28px; font-family:'Microsoft YaHei'; font-size:14px; color:#222222; padding:0 10px;}
.zxly_btn{width:85%;float:left; height:45px; background:#ab0000; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; cursor:pointer;}

/*联系我们*/
.contact{display:block; padding:20px 0; overflow:hidden;}
.contact_txt{display:block; overflow:hidden;font-family:'Microsoft YaHei'; font-size:14px; color:#222; line-height:30px;}
.contact_B{display:block; overflow:hidden; padding-top:20px;}
#map {width:100%; overflow:hidden; height:275px; border:1px solid #ccc;}
#dituContent {width: 100%;height: 275px;}
.iw_poi_title {color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif;overflow: visible;padding: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}

@media (max-width:1220px) {
/*banner*/
.focus{width:100%;float:left; height:375px;position:relative;}
.focusbox{width:100%;height:375px;overflow:hidden}
.focusbox li{width:100%;height:375px;overflow:hidden;}
.focusbox li a{width:100%; height:375px; float:left; overflow:hidden; }
}
@media (max-width:991px){
.icon-menu{float:right; cursor:pointer; width:39px; height:39px; background:url(../images/menu_logo.png) no-repeat center center; position:absolute;right:1%;top:50%; margin-top:-18.5px;}
.sjdnav{ width:150px; height:auto; position:absolute;right:0; top:9%;z-index:9999;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; background-color:#000;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:41px;display:block;text-align:center; margin:0; padding:0; border-bottom:1px solid #fff;}
.sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:16px; color:#fff;}
.sjdnav li a:hover{background:#000; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}
.header .logo{width:100%; padding:15px 1%; position:relative;}

/*banner*/
.focus{width:100%;float:left; height:310px;position:relative;}
.focusbox{width:100%;height:310px;overflow:hidden}
.focusbox li{width:100%;height:310px;overflow:hidden;}
.focusbox li a{width:100%; height:310px; float:left; overflow:hidden; }

.design{padding:20px 1%;}
.gsjj{padding:20px 1%;}
.gsjj_B{ display:block; overflow:hidden; padding-top:20px;font-family:'Microsoft YaHei'; font-size:14px; color:#222222; line-height:26px;}
.gsjj_B img{max-width:100%; display:block; margin:0 auto 10px auto;}
.gsjj_B a{width:80px; display:block; margin:10px auto 0 auto; height:28px; line-height:28px; text-align:center; overflow:hidden; background:#990803; font-family:'Microsoft YaHei'; color:#ededed; font-size:13px; border-radius:3px;}

.case{padding:20px 1%;}
#tagss LI { width:19%; float:left; margin:0 0.5% 5px 0.5%;}
.case_ul{ width:100%;}
.case_ul li {width:31.33%; margin:0 1% 20px 1%;}

.case_L{width:39%;}
.case_img,.case_img1 img{width:100%; height:100%; display:block;}
.case_C{width:59%; margin-left:1%;}
.case_img2{width:100%;}
.case_p2{width:30%;}
.case_img3{width:68%;}
.case_img3 img{height:123px;}

.lxwm{padding:20px 0;}
.lxwm_left{ margin-top:20px;}
footer{ padding:18px 1%;}

/*公司简介*/
.main{padding:20px 1%;}
.main_left{width:29%;}
.main_right{width:69%;}
.company img{width:49%; margin-left:10px;}

/*设计案例*/
.case_ul1{width:100%;}
.case_ul1 li {width:48%; margin:0 1% 20px 1%;}

}

@media (max-width:767px){
.sjdnav{width:100%;top:8%;}
.header .logo{padding:10px 1%;}
.header .logo img{width:85%;}

#tagss LI { width:31%; float:none;}
.case_ul li {width:48%; margin:0 1% 10px 1%;}
.case_L{width:100%; margin-bottom:10px;}
.case_C{width:100%; margin-left:0;}
.lxwm_left{width:100%;}

.foot_L{width:100%; float:left; border-right:none; padding-right:0; margin-right:0; text-align:center;}
.foot_img{width:100%; margin:0 1%;}
.foot_img img{display:block; margin:0 auto; width:124px;}
.foot_nav{width:100%; text-align:center; line-height:30px; margin-bottom:0; margin-top:10px;}

/*公司简介*/
.main_left{width:100%;}
.about{margin-bottom:0;}
.about_title{ background:url(../images/sj_jiantou.png) no-repeat right center #222222; background-size:initial; font-family:'Microsoft YaHei'; font-size:20px; color:#fff; text-indent:20px;}
.main_right{width:100%;}

/*设计案例*/
.about_ul{display:none;}
.case_ul1 li { margin:0 1% 10px 1%;}

/*在线留言*/
.zxly_p{width:23%;}
.zxly_inp1{width:77%;}
.zxly_inp2{width:77%;}
.zxly_btn{width:100%;}

}
/*清除样式*/
.clear {
    clear: both;
    font-family: '微软雅黑';
}

/*分页css scott style pagination*/
div.scott {
    padding: 3px;
    margin: 3px;
    text-align: center;
}

    div.scott a {
        border: #221616 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
        text-decoration: none;
    }

        div.scott a:hover {
            border: #221616 1px solid;
            color: white;
            background-color: #221616;
        }

        div.scott a:active {
            border: #221616 1px solid;
            color: #611985;
            background-color: #221616;
        }

    div.scott span.current {
        border: #221616 1px solid;
        padding: 2px 5px;
        font-weight: bold;
        color: #fff;
        margin: 0 2px 0 0;
        background-color: #221616;
    }

    div.scott span.disabled {
        border: #dfdfdf 1px solid;
        padding: 2px 5px;
        color: #221616;
        margin: 0 2px 0 0;
    }

/*QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(../images/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -66px;
    }

    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel p {
        width: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        line-height: 30px
    }

        .dock ul.icons li.im p a {
            display: block;
            margin-top: 12px;
            width: 100px;
            height: 35px;
            line-height: 32px;
            color: #00dfb9;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #00dfb9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .dock ul.icons li.im p a:hover {
                color: White;
                background: #0f8773;
                border: 1px solid #0f8773;
            }

    .dock ul.icons li.wechat p {
        width: 180px;
        height: 180px;
        line-height: 30px
    }

        .dock ul.icons li.wechat p img {
            border: 2px solid #000;
        }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(../images/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

        .dock a.switch.off {
            background-position: -32px -640px;
        }
</pre></body></html>