﻿@charset "utf-8";
/* CSS Document */
body{ margin:0;  margin:0 auto;}
*{ font-family: Tahoma, Geneva, sans-serif; list-style:none; padding:0; margin:0; }
a{ list-style:none; text-decoration:none;color:#555;}
ul,li{ list-style:none; padding:0; margin:0; }

.top{ width:100%; margin:5px auto ; border-bottom:solid 0px #dedede; position:relative;}
.top img{max-width:100%; display:block; margin:5px auto; width:auto;}
.header{position:relative;height:40px; width:100%;}


.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{ width:100%; height:auto; display:block; }
.inyyj{width:98%; height:auto; display:block; margin:10px auto; overflow:hidden;}
.inyyj ul li{ float:left; width:30%; margin:8px 0 0 2%; text-align:center; font-size:12px; line-height:26px; color:#555;}
.inyyj li img {width:100%; height:auto; display:block; margin:0px auto;}
.inyyj h1{ background:#026247; font-size:13px; color:#fff; line-height:30px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal}
.yyjdh{width:98%; height:auto; display:block; margin:0px auto; overflow:hidden; font-size:16px; border-bottom:dashed 1px #dedede; color:#444; line-height:45px; text-indent:35px; background: url(../sjimages/st.jpg) no-repeat 10px center}
.yyjdhjj{font-size:13px; color:#666; margin:10px auto; line-height:25px; width:95%}

.cgaldh{width:98%; height:auto; display:block; margin:0px auto; overflow:hidden; font-size:14px; border-bottom:dashed 1px #dedede; color:#444; line-height:40px; text-indent:35px; background: url(../sjimages/st.jpg) no-repeat 10px center}




.end{width:100%; background:#777; text-align:center; line-height:22px; font-size:12px; padding:5px 5%; color:#eee; }
.footer{width:90%; background:#777; text-align:center; line-height:22px; font-size:12px; padding:10px 5%; color:#eee; position:fixed; bottom:0}

.nyflash{ width:100%; margin:0 auto;}
.nyflash img{width:100%; height:auto; }
.meundh {clear: both; text-align:center;margin:0px auto; overflow:hidden;width:100%; background:#00736d }
.meundh li { font-size:14px; color:#fff; text-align:center; display: block; float:left; width:33.3%; line-height:38px; border-bottom:solid 1px #c3e5e2 }
.meundh1 {clear: both; text-align:center;margin:0px auto; overflow:hidden;width:100%; padding:8px 0; }
.meundh1 li {color:#555; text-align:center; display: block; float:left; width:20%; line-height:30px; font-size:13px}
.meundh1 li img{
	width: 80%;	height: auto;margin: 3px auto;display: block;}
.cpnr{width:98%; height:auto; margin:0 auto; display:block; overflow:hidden}
.cpnr ul li{width:45%; height:auto; margin:8px 2% 10px 2%; display:block; float:left; text-align:center; }
.cpnr h1{ font-size:12px;line-height:21px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal}
.cpnr li img{width:90%; height:auto; margin:3px auto; display:block; border:solid 1px #dedede; margin-bottom:5px}

.alnrss{width:96%; height:auto; margin:10px auto 6px; display:block; overflow:hidden}
.alnrss  input{width:72%; height:auto; display:block; overflow:hidden;border:solid 1px #dedede; float:left; height:30px; padding-left:3%}
.alnrss  input placeholder{ font-size:12px; color:#888; line-height:28px; }
.alnrss .an{width:22%; height:30px; display:block; overflow:hidden;float:right; background:#e07002; text-align:center; font-size:12px; line-height:30px; color:#fff}
.alnr ,.sjsnr{width:98%; height:auto; margin:0 auto; display:block; overflow:hidden}
.alnr ul li,.sjsnr ul li{width:45%; height:auto; margin:3% 2%; display:block; float:left; text-align:center; border:solid 1px #dedede; padding:1% 0 2%  }
.alnr h1{ font-size:12px;line-height:21px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:96%; margin:0 auto}
.alnr li img{width:90%; height:auto; margin:3px auto; display:block; border:solid 1px #dedede; margin-bottom:5px}
.sjsnr h1{ font-size:13px;line-height:22px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:96%; margin:0 auto}
.sjsnr h2{ font-size:12px;line-height:22px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:96%; margin:0 auto}
.sjsnr  li img{width:90%; height:auto; margin:3px auto; display:block;  margin-bottom:5px}
.sjssan{width:98%; height:auto; margin:0 auto; display:block; overflow:hidden}
.sjssan img{width:80%; height:auto; margin:8px auto; display:block;  margin-bottom:5px;}
.sjssan h1{ font-size:14px;line-height:28px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:94%; margin:0 auto; text-align:center}
.sjssan h2{ font-size:13px;line-height:28px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:94%; margin:0 auto; text-align:center}
.sjssan .wz{  width:94%; font-size:12px;line-height:26px; font-weight:normal;  margin:0 auto; color:#444; overflow:hidden }
.zxzx {
    width:40%; background: url(../sjimages/zx.jpg) no-repeat 20px center #026247;text-indent:15%;border-radius: 50px;font-size: 13px; line-height: 36px; float: left;    margin: 0 8px; color:#fff; margin-top:10px}
.sqsj {width:40%;text-indent:15%; background: url(../sjimages/sq.jpg) no-repeat 20px center #e77f06;border-radius: 50px;  font-size: 13px;   line-height: 36px;    float: left;   margin: 0 8px; color:#fff; margin-top:10px}
.wp_box {
    background: #fff;
    margin: 30px auto !important;
}

.wp_box {
	background: #fff;
	margin: 0px auto !important;
}
.wp_box .hd {
  background: #e3f2fa;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  margin: 1px;
}
.plst_pt {
  overflow: hidden;
  _width: 90%;
}
.plst_pt ul {
  overflow: hidden;
*zoom:1;
  padding: 15px 0;
  width: 9999em;
}
.plst_pt li {
  float: left;
  margin-left: 10px;
  display: inline;
  text-align: center;
}
.plst_pt li img {
  display: block;
  width: 260px;
  border: 1px solid #e3f2fa;
  padding: 1px;
}
/* Roll */
.wp_roll {
  position: relative;
  _width: 100%;
}
.roll_lt, .roll_rt {
  position: absolute;
  top: 35%;
  left: 1px;
  width: 18px;
  height: 89px;
  line-height: 89px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.roll_lt {
  background:url(../sjimages/icon.png) no-repeat left center;
}
.roll_rt {
  left: auto;
  right: 1px; background:url(../sjimages/icon_ie6.png) no-repeat right center;
}
.roll_cnt {
  padding: 0 20px;
}
.roll_lt:hover, .roll_rt:hover {
  color: #000;
}
.txt{ font-size:13px; line-height:28px; padding-top:3px}


.zxzslist{width:98%; height:auto; margin:0 auto; display:block; overflow:hidden}
.zxzslist img{width:90%; height:auto; margin:8px auto; display:block;  margin-bottom:5px;}
.zxzslist h1{ font-size:14px;line-height:28px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:90%; margin:2px auto; text-align:left; color:#555; background:url(../sjimages/dd.png) no-repeat left center; text-indent:10px;}
.zxzslist h2{ font-size:12px;line-height:26px;  width:90%; margin:2px auto; text-align:left;  color:#555;font-weight:normal; }
.zxzslist .wz{ font-size:12px;line-height:22px; font-weight:normal;  margin:0 auto; color:#444; overflow:hidden }
.zxzslist .wz ul li{ font-size:12px;line-height:29px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:90%; margin:2px auto; text-align:left; color:#555; background:url(../sjimages/dd.png) no-repeat left center; text-indent:15px; border-bottom:dashed 1px #dedede;}

.zxzsnr{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden}
.zxzsnr h1{ font-size:14px;line-height:35px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:100%; margin:8px auto; text-align:center; color:#555; border-bottom:solid 1px #dedede;}
.zxzsnr .nr img{max-width:95%; height:auto; margin:5px auto; display:block; overflow:hidden}
.zxzsnr .nr{ font-size:12px;line-height:23px; width:95%; height:auto; margin:0 auto; display:block; overflow:hidden; color:#444;}

.zxgd{width:98%; height:auto; margin:0 auto; display:block; overflow:hidden}
.zxgd ul li{width:45%; height:auto; margin:2%; display:block; float:left; text-align:center; border:solid 1px #dedede; padding:1% 0 2%  }
.zxgd h1{ font-size:13px;line-height:24px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:96%; margin:0 auto}
.zxgd li img{width:95%; height:auto; margin:2px auto 3px; display:block; border:solid 1px #dedede; margin-bottom:5px}

.zxgdnr{width:96%; height:auto; margin:5px auto; display:block; overflow:hidden; border:solid 1px #dedede; padding:3px 0;}
.zxgdnr h1{ font-size:16px;line-height:27px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:90%; margin:2px auto; color:#444}
.zxgdnr h2{ font-size:12px;line-height:25px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal; width:90%; margin:3px auto; color:#444}

.zxgdnrhdh{width:98%; height:auto; display:block; margin:0px auto; overflow:hidden; font-size:16px; border-bottom: solid 1px #dedede; color:#444; line-height:45px; text-indent:10px}
.zxgdnr1{width:96%; height:auto; margin:5px auto; display:block; overflow:hidden;  padding:3px 0; background:url(../sjimages/bgst.jpg) repeat-y 10px top; padding:5px 0;}
.gcjd { width:100%;  font-size: 14px; background: url(../sjimages/ld.png) no-repeat left center;    padding-left: 25px; margin: 10px 0; overflow:hidden}
.gcjd  .jdwz { background: url(../sjimages/lbg.jpg) no-repeat left center; display: block; padding-left: 20px;    line-height: 33px;  width:95%;  color:#fff;}
.jdwz1 { width:95%;padding:5px 0 10px 15px; overflow:hidden}
.jdwz1 img{ max-width:46%; float:left; margin:2%; }
.zjgd,.zjfw{width:98%; height:auto; margin:0 auto; display:block; overflow:hidden}
.zjgd ul li{width:45%; height:auto; margin:8px 2% 10px 2%; display:block; float:left; text-align:center; border:solid 1px #dedede; padding-bottom:2% }
.zjgd h1{ font-size:12px;line-height:21px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal}
.zjgd li img{width:90%; height:auto; margin:5% auto 2% auto; display:block; border:solid 1px #dedede; margin-bottom:5px}
.zjfw  ul li{width:45%; height:auto; margin:8px 2% 10px 2%; display:block; float:left; text-align:center;  padding-bottom:2% }
.zjfw  h1{ font-size:14px;line-height:26px; word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-weight:normal}
.zjfw  span{ font-size:12px;}
.zjfw  li img{width:90%; height:auto; margin:5% auto 2% auto; display:block; border:solid 1px #dedede; margin-bottom:5px}

.xwzx{width:96%;height:auto; margin:0 auto 15px auto; display:block; overflow:hidden; font-size:13px; line-height:24px;  color:#555;}
.xwzx h1{width:99%; margin:0 auto;  font-size:14px; line-height:38px;  color:#555; margin-top:5px; text-align:left; text-indent:15px;background:url(../sjimages/xwdot.jpg) no-repeat 0px center; font-weight:normal;}
.xwzx p{width:96%; margin:0 auto;  font-size:12px; line-height:22px;  color:#555; margin-bottom:10px  text-align:left; border-bottom:solid 1px #dedede;  padding-bottom:5px;}
.xwzx img{width:85%; height:auto; margin:8px auto; display:block;}


.cpxqdh{width:96%; padding-left:4%; height:auto; margin:0 auto; display:block; overflow:hidden; border-bottom:solid 1px #dedede; font-size:12px; line-height:40px; color:#555;}
.cpxq{width:96%;height:auto; margin:0 auto; display:block; overflow:hidden; }
.cpxq h1{width:96%;height:auto; margin:0 auto;  font-size:15px; line-height:35px;  color:#555; margin-top:5px;}
.cpxq img{width:85%; height:auto; margin:5px auto; display:block;}
.xwzxlist{width:96%;height:auto; margin:0 auto; display:block; overflow:hidden; font-size:13px; line-height:24px;  color:#555;}
.xwzxlist{ margin:10px auto;}
.xwzxlist ul li{width:96%; font-size:13px; margin:0 auto; line-height:28px; border-bottom:dashed 1px #dedede; background:url(../sjimages/xwdot.jpg) no-repeat 5px center; text-indent:15px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.cpxqnr{width:92%; height:auto; margin:0 auto 8px; display:block; overflow:hidden; font-size:13px; line-height:24px; color:#555;}
.cpxqnr h1{ width:100%;margin:5px auto; overflow:hidden; font-size:14px; line-height:32px; color:#555; border-bottom:solid 1px #dedede;}
.cpxqnr img{width:85%; height:auto; margin:5px auto; display:block;}
.cpxqnrx{border-bottom:solid 1px #dedede; padding-bottom:5px; margin-bottom:5px;}
.pxxnr,.zsjm{width:92%; height:auto; margin:8px auto 15px; display:block; overflow:hidden; font-size:13px; line-height:23px; color:#555;}
.pxxnr h2{
	width: 100%;margin: 8px auto 0;	overflow: hidden;font-size: 14px;color: #555;text-align: center; font-weight:normal}
.pxxnr h1{ width:100%;margin:8px auto; overflow:hidden; font-size:16px; line-height:35px; color:#555; border-bottom:solid 1px #dedede; text-align:center}
.pxxnr img{width:100%; height:auto; margin:10px auto; display:block;}

/*案例 设计师*/
.sjsal{ width:96%; height:auto;  margin:10px auto; overflow:hidden;display:block}
.sjsal img{display:block;  width:35vw;height: 35vw;border-radius:50%; margin:8px 2%; float:left;text-align:center; border:solid 2px #dedede}
.sjsal .wz{float:left; margin:5% 0 0 1% ; display:block;  width:55vw; }
.sjsal .wz h1{ font-size:14px; line-height:28px; }
.sjsal .wz p{ font-size:12px; line-height:24px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.alxqnr{ width:98%; margin:10px auto;}
.alxqnr table td{
	border: solid #e6e6e6;
	border-width: 0px 1px 1px 0px;
	padding: 5px 0px;
	color: #666666;
}
.alxqnr table{border:solid #e6e6e6; border-width:1px 0px 0px 1px; font-size:12px; line-height:28px; color:#555; text-align:center;}
.alxqnr table .bgt{ background:#f2f2f2; color:#333;}
.alxqnr table .shln{ text-align:left; font-size:12px; line-height:21px; padding:2px 10px;}



.jcscnr{width:96%; margin:10px auto; overflow:hidden; margin:10px auto; font-size:14px; line-height:35px; color:#555; padding:5px 10px; }
.jcscnr h1{ font-size:16px; line-height:29px; margin:10px auto; font-weight:normal; width:98%; text-align:left; color:#2e434c;}
.jcscnr .nr{font-size:13px; line-height:24px; width:98%; margin:10px auto 15px;}
.jcsc1{width:96%; margin:10px auto; overflow:hidden;}
.jcsc1 .wz{ width:93%; margin:10px auto; display:block; font-size:14px; line-height:28px; margin:10px auto; text-decoration: underline;} 
.jcsc1 .bk{ border:solid #b8b8b8 1px;}
.jcsc1 ul{ overflow:hidden;}
.jcsc1  li{width:27vw;height: 27vw;border-radius:50%; margin:5px 2%; float:left;text-align:center; font-size:10pt; line-height:26vw; border: solid 1px #fff;}
.jcsc2{ width:96%; margin:10px auto; overflow:hidden;}
.jcsc2 img{ width:100%; height:auto; display:block; margin:0 auto;}

.jcsc3{ width:96%; margin:15px auto; overflow:hidden; background:url(../sjimages/jcscend.jpg) center center; }
.jcsc3 ul{ overflow:hidden;}
.jcsc3  li{width:27vw;height: 27vw;border-radius:50%; margin:4px 2%; float:left;text-align:center; font-size:9pt; line-height:27vw; cursor:pointer}
.jcsc3 li:hover{  cursor:pointer;text-decoration: underline; color:#333;}

#fylist {margin: 15px auto;clear: both;text-align:center; width: 96%;}
#fylist  a{font-size:12px;color: #333;padding:2px 6px;  border: 1px solid #E6E6E6; margin-right:2px}
#fylist  a:hover{font-size: 12px;padding: 2px 6px;color: #FFF;	background:#168366;}
#fylist  a.selected{font-size: 12px;padding: 2px 6px;color: #FFF;background:#168366}
.fwxx{
	width:96%;
	margin: 30px auto;
}
.fwt{ margin:0; padding:0; width:100%; font-size:14px; line-height:35px; color:#555; font-weight:normal;}
.fwb{
	width: 96%;
	margin: 15px auto;
	overflow: hidden;
}

.clear{ clear:both;}

.zxyy{ width:98%; margin:0 auto !important; padding:25px 0}
.zxyydh{width:98%; margin:0 auto; line-height:30px; font-size:13px; height:50px; overflow:hidden; }
.zxyydh .l{width:23%;  line-height:40px; font-size:14px; float:left; height:40px; text-align:right; padding-right:5%; color:#444}
.zxyydh .r{width:70%;  line-height:40px; font-size:14px; float:left; height:40px}
.zxyydh .r input{width:98%; height:30px; margin-top:5px; font-size:14px;float:left }
.anniu{width:80%; margin:8px auto; line-height:40px; color:#fff; background:#0a8c6a; border:none; display:block }
#listfy {
	font-size: 14px;
	clear: both;
	width: 95%;
	margin: 10px auto; overflow:hidden;
	text-align: center;
	
}
#listfy ul{
	background: url(none);
	width: 98%;
	padding: 12px 0px 12px 16px;
	clear: both;
	margin: 5px auto;
}
#listfy ul li{
	float: left;
	width: auto;
	line-height: 28px;
	display: block;
	border: 1px solid #E9E9E9;
	background: url(none);
	font-size: 14px;
	margin: 0px 8px 0px 0px;
	color:#666;
}
#listfy ul li a{
	float:left;
	padding: 0px 8px;
	color:#555; text-decoration:none;
}
#listfy ul li a:hover{
	font-weight: normal;
	background: #01886c;
	color: #FFF;
}
#listfy ul li.thisclass a,.pagebox ul li.thisclass a:hover{
padding: 2px 8px;
	font-weight: bold;
	background: #323232;
	font-size: 14px;
	line-height: 28px;
	color: #FFF;
}
#listfy ul li.thisclass{
	padding: 0px 10px;
	font-weight: normal;
	background: #01886c;
	font-size: 14px;
	line-height: 28px;
	color: #FFF;
}
#listfy .pageinfo{
	line-height:28px;
	padding:12px 10px 12px 16px;
	color:#999;
}
#listfy .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

#listfy select{
	color: #555;
	margin: 0px 2px;
	font: normal 14px/30px "微软雅黑";
}
table{ width:98%; margin:0 auto;}
table tr td{ border:solid 1px #dedede;} 
