/* CSS Document */

/************************************************************************************
单页
*************************************************************************************/
.section-header{ width:100%; height:45px; line-height:45px; text-align:left; border-bottom:1px solid #292d33; padding-top:10px; margin-bottom:18px;}
.section-header p{ margin-left:20px; margin-top:10px; padding-left:10px; height:24px; line-height:24px; border-left:4px solid #333333; color:#333333; font-weight:bold; font-size:1.375rem; float:left;}
.page-introduction,.page-quotation,.page-designer,.page-free,.page-design,.page-flow-path,.page-strategy{ width:1200px; margin:0 auto; height:auto;}
.page-introduction{ margin-bottom:10px;}
.page-quotation,.page-designer,.page-free,.page-design,.page-flow-path,.page-strategy{ margin-bottom:40px;}

.page-introduction-info,.page-quotation-info{ width:100%; height:auto;}
.page-introduction-info .introduction-text{ width:72.75%; float:left; padding-left:20px; text-align:justify;}
.page-introduction-info .introduction-text p{ line-height:1.625rem; padding-bottom:1rem; font-size:0.875rem; color:#666666; text-align:justify;}
.introduction-pic{ float:right; padding-right:20px; width:21.67%;}

.page-quotation table{
	width: 100%;
	height: auto;
	background: #ffffff;
	margin-top: 10px;
}
.page-quotation table .head{
	width: 100%;
	background: #292d33;
	height: 75px;
	color: #ffffff;
	font-weight: bold; font-size:1.125rem;
}
.page-quotation table tr th{
	border: 1px solid #ececec;
	height: auto;
	text-align: center; line-height:30px; font-size:0.875rem; color: #666666; padding:20px 0px;
}
.page-quotation table .head th{ font-size:1.125rem; color: #ffffff;}
.page-quotation tr th:nth-of-type(1){
	width: 18.5%;
}
.page-quotation tr th:nth-of-type(2){
	width: 13.4%;
}
.page-quotation tr th:nth-of-type(3){
	width: 12.6%;
}
.page-quotation tr th:nth-of-type(4){
	width: 12.6%;
}
.page-quotation tr.head th:nth-of-type(5){
	width: 41.67%; text-align:center; padding:0px;
}
.page-quotation tr th:nth-of-type(5){
	width: 34.1%; padding:20px 55px 20px 35px; text-align:justify; line-height:25px;
}
.page-quotation tr:hover th{ color:#000;}
.page-quotation tr.head:hover th{ color: #ffffff;}

.page-designer-list{ width:100%; height:auto;}
.page-designer-list ul{ float:left; width:100%;}
.page-designer-list ul li{ width:32.5%; margin-right:1%; float:left; border:1px solid #ffffff; border-radius:8px; height:248px;}
.page-designer-list ul li:nth-of-type(3){ margin-right:0px;}
.page-designer-list ul li .designer-pic{ float:left; width:208px; overflow:hidden;}
.page-designer-list ul li .designer-pic img{ width:208px; height:248px; border-radius:8px 0px 0px 8px;}
.page-designer-list ul li .designer-text{ float:left; width:154px; padding-left:28px; background:#292d33; height:248px; color:#ffffff; border-radius:0px 8px 8px 0px; }
.page-designer-list ul li .designer-text p a{  color:#ffffff;  font-size:1.125rem; }
.page-designer-list ul li .designer-text p a span{ cursor:pointer; font-size:1.125rem; padding-bottom:5px;}
.page-designer-list ul li .designer-text p:nth-of-type(1){ padding-top:45px; padding-bottom:20px; font-size:1.125rem;}
.page-designer-list ul li .designer-text p{ line-height:25px; font-size:0.75rem;}
.page-designer-list ul li .designer-text p:nth-of-type(4){ padding-top:10px; width:122px; height:82px; overflow:hidden;}
.page-designer-list ul li .designer-text p:nth-of-type(4) img{ width:100%; height:auto; transition-delay: 0s; transition-duration: 0.7s; transition-property: all;transition-timing-function: ease;}
.page-designer-list ul li .designer-text p:nth-of-type(4) img:hover{transform: scale(1.03); cursor:pointer;}
.page-designer-list ul li:hover{ border:1px solid #cccaca;}
.page-designer-list ul li:hover .designer-text{ background:#ffffff;  color:#666666;}
.page-designer-list ul li:hover .designer-text p a{ color:#333333;}
.page-designer-list ul li:hover .designer-text p a span{ border-bottom:2px solid #8d8f92;}

.page-free-info{ width:100%; height:auto;}
.page-free-info ul{ float:left; width:97.5%; padding-left:2.5%; padding-top:30px;}
.page-free-info ul li{ width:13.3%; float:left; text-align:center; position:relative; background:url(../image/free.png) no-repeat; padding-top:135px; line-height:40px; font-size:1.375rem; color:#333333;}
.page-free-info ul li:nth-of-type(1){ background-position:-10px top;}
.page-free-info ul li:nth-of-type(3){ background-position:-230px top; margin-top:110px;}
.page-free-info ul li:nth-of-type(5){ background-position:-490px top;}
.page-free-info ul li:nth-of-type(7){ background-position:-725px top; margin-top:110px;}
.page-free-info ul li:nth-of-type(9){ background-position:-975px top;}
.page-free-info ul li:nth-of-type(2),.page-free-info ul li:nth-of-type(4),.page-free-info ul li:nth-of-type(6),.page-free-info ul li:nth-of-type(8){ background:none; width:7.8%; height:2px; border-bottom: 1px dashed #555655; padding:0px;margin-top:110px;
}
.page-free-info ul li:nth-of-type(2),.page-free-info ul li:nth-of-type(6){ transform:rotate(45deg);/* Rotate div */
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */}
.page-free-info ul li:nth-of-type(4),.page-free-info ul li:nth-of-type(8){ transform:rotate(-45deg);/* Rotate div */
-ms-transform:rotate(-45deg); /* Internet Explorer */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); /* Opera */}


.page-design-info{ width:100%; margin:0 auto;}
.page-design-info ul { width: 100%; float:left;}
.page-design-info ul li{
    width: 31%;
    height: 342px;
    border-radius: 18px;
    box-shadow: 0 0px 3px 0px #cccaca;
    position: relative;
    float: left;
    margin:20px 0px 10px 2%;
    overflow: hidden;
}
.page-design-info ul li a{ display:block; height: 258px; overflow:hidden;}
.page-design-info ul li img{
    width: 100%; height:258px;
    transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease; 
}
.page-design-info ul li img:hover {
    transform: scale(1.03);
}
.page-design-info ul li:hover{
    box-shadow: 0 2px 10px 1px #ccc;	
}
.page-design-info ul li p{
    margin-left: 20px;
    height: 36px;font-size: 20px;margin-top: 23px;
    text-align: left;
}
.page-design-info ul li p a{ font-size:1rem; height:auto; line-height:35px;}
.page-design-info ul li p a:hover{ color:#999999;}
.page-design-info ul button{
    border: 1px solid #bfbfbf;
    width: 118px;
    height: 33px;
    position: absolute;
    bottom: 25px;
    left: 242px;
    border-radius: 20px;
    background: #fff;
    font-size: 1rem;
    color: #666;
}
.page-design-info ul button:hover{ cursor:pointer; background:#999999; color:#FFFFFF;}


/*预约流程*/
.page-flow-path-info { height: 100%;  width: 1200px; background:rgb(41, 45, 51); margin-top:20px; float:left;}
.page-flow-path-info .img{width: 100%;height: 352px; margin-top:30px; float:left;}
.page-flow-path-info .img img{
    -webkit-transition: 0.4s;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out; width:100%; height:auto;
}
.page-flow-path-info .img img:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}

.page-flow-path-info .img li{
	float: left;
	margin-right: 48px;	
	text-align: center;
}
.page-flow-path-info .img li:nth-of-type(5){
	margin-right: 0;
}
.page-flow-path-info .img p{
    color: #fff;
    font-size: 22px;
}
.page-flow-path-info .img p:nth-of-type(1){
    width: 141px;
    height: 173px;
    margin-bottom: 10px; margin-left:40px; margin-right:10px;
}
.page-flow-path-info .img p:nth-of-type(2){
    margin-left:20px; margin-right:10px;
}
.page-flow-path-info .img p:nth-of-type(3){
	width: 42px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    margin: 30px auto 0;
}
.page-flow-path-info .strping{
    position: relative;
    top: -88px;
    margin-left: 135px;
}
.page-flow-path-info .strping li{
    width: 185px;
    height: 1px;
    border-top: 1px solid #5b5b5b;
    float: left;
    margin-right: 59px;
}
.page-flow-path-info .strping li:nth-of-type(2){
	width: 180px;
}
.page-flow-path-info .strping li:nth-of-type(3){
    margin-left: -1px;
    width: 180px;	
}


.page-strategy-info{ width:100%; height:auto;}
.page-strategy-info ul{ float:left; width:96%; padding:0px 2%;}
.page-strategy-info ul li{ width:100%; float:left; border-bottom:1px solid #e0e0e0; height:auto; padding-top:30px; padding-bottom:30px;}
.page-strategy-info ul li .strategy-pic{ float:left; width:30.8%; overflow:hidden; height:212px; overflow:hidden;}
.page-strategy-info ul li .strategy-pic img{ width:100%; height:auto; transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease; }
.page-strategy-info ul li .strategy-pic img:hover {  transform: scale(1.03);}
.page-strategy-info ul li .strategy-text{ float:right; width:66%; text-align:left; height:auto; color:#999999; }
.page-strategy-info ul li .strategy-text p a{  color:#333333;  font-size:1.25rem; }
.page-strategy-info ul li .strategy-text p a:hover{ color:#999; cursor:pointer;}
.page-strategy-info ul li .strategy-text p:nth-of-type(1){ padding-bottom:30px; font-size:1.25rem;}
.page-strategy-info ul li .strategy-text p{ line-height:25px; font-size:0.875rem;}
.page-strategy-info ul li .strategy-text p:nth-of-type(2){ height:auto; min-height:125px;}
.page-strategy-info ul li .strategy-text p:nth-of-type(3) span:nth-of-type(1){ float:left; color:#666666; font-size:0.875rem;}
.page-strategy-info ul li .strategy-text p:nth-of-type(3) span:nth-of-type(2){ float:right; font-size:0.875rem;}





/************************************************************************************
新闻资讯列表页
*************************************************************************************/
.strategy-cat{ width:1200px; padding:0px 30px; height:72px; margin:0 auto; background:#fff;}
.strategy-cat ul{ float:left; padding-top:35px; width:100%;  border-bottom:1px solid #eeeeee;}
.strategy-cat ul li{ float:left; margin:0px 80px 0px 30px; }
.strategy-cat ul li a{  font-size:1.5rem; color:#999; display:block; height:36px;}
.strategy-cat ul li a:hover,.strategy-cat ul li a.checked{ border-bottom:2px solid #292d33; color:#292d33;}

.strategy-info1,.strategy-info2,.strategy-info3,.strategy-info4{ width:1230px; height:auto; margin:0 auto; background:#fff; padding-left:30px;}

.strategy-info1-left{ float:left; width:74%;}
.strategy-info1-left1{ float:left; width:88%; padding:60px 5.67% 40px 3.33%; border-bottom:1px dashed #dedede;}
.strategy-info1-left1 h2{ color:#666; font-size:2rem; line-height:2rem; padding-bottom:15px;}
.strategy-info1-left1 p{ color:#666; font-size:0.875rem; line-height:25px;}
.strategy-info1-left2{ float:left; width:88%; padding:36px 5.67% 0px 18px;}
.strategy-info1-left2 .left2-img{ float:left; /*width:43%;*/ width:352px; height:212px; overflow:hidden; position:relative;}
.strategy-info1-left2 .left2-img img{ width:100%; height:auto;transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease;}
.strategy-info1-left2 .left2-img img:hover {  transform: scale(1.03);}

.strategy-info1-left2 .left2-img span:nth-of-type(1){ position:absolute; top:0px; left:0px; background:url(../image/ico33.png) no-repeat -14px -18px; width:65px; padding-left:12px; height:39px; color:#ffffff; line-height:39px; font-size:1.125rem;}
.strategy-info1-left2 .left2-text{ float:left; padding-left:4.88%; width:50%;}
.strategy-info1-left2 .left2-text p:nth-of-type(1){ height:36px; line-height:36px; border-left:3px solid #292d33; padding-left:10px; margin-top:20px; margin-bottom:15px;}
.strategy-info1-left2 .left2-text p:nth-of-type(1) a{ color:#292d33; font-size:1.375rem;}
.strategy-info1-left2 .left2-text p:nth-of-type(1) a:hover{ color:#666;}
.strategy-info1-left2 .left2-text p:nth-of-type(2){ color:#666; font-size:0.875rem; line-height:25px;}

.strategy-info1-right{ float:right; width:26%; background:#ffffff;}
.strategy-info1-right .strategy-news{ width:90%; /*border:1px solid #dedede; */margin-top:10px; border-radius:10px;}
.strategy-info1-right .er_box { width:90%; margin:20px 0px 0px;  text-align: center; 
background:url(../image/ico66.png) no-repeat 0px 0px;
}
.strategy-info1-right .er_box span{
display:inline-block; font-size: 1.25rem; font-weight: 600; border:1px solid #909090; border-radius:20px; padding:2px 10px;
}
/*.strategy-info1-right .er_box { width:40%; margin:10px auto;  text-align: center; margin-top:20px; position:relative;
border-left:4px solid #bbbbbb; border-right:4px solid #bbbbbb;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg); height:10px;
}
.strategy-info1-right .er_box span{
display:inline-block; font-size: 1.25rem; font-weight: 600;
-webkit-transform: skew(45deg);
-moz-transform: skew(45deg);
-o-transform: skew(45deg);
transform: skew(45deg);  position:absolute; top:-10px; left:15px;
}*/
.strategy-info1-right-list{width: 100%; height: auto; background: #fff; border-radius: 8px; margin:5px auto;}
.strategy-info1-right-list ul li{
    line-height: 51px; height:51px; overflow:hidden;
    color: #6a6a6a;
    font-size: 18px;
	width:96%; padding:0px;
}
.strategy-info1-right-list ul li span{
    background: #fafafa;
    color: #a8a8a8;
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin: 0 8px 0 5px;
	border-radius:50%; border:2px solid #e2e2e2; font-weight:bold;
}
/*.strategy-info1-right-list ul li:nth-of-type(1) span{ border:2px solid #e08d8f; color:#c21c20;}
.strategy-info1-right-list ul li:nth-of-type(2) span{ border:2px solid #f8b69c; color:#f16d3a;}*/
.strategy-info1-right-list ul li:nth-of-type(1) span{ border:2px solid #949699; color:#292d33;}
.strategy-info1-right-list ul li:nth-of-type(2) span{ border:2px solid #949699; color:#292d33;}
.strategy-info1-right-list ul li:nth-of-type(3) span{ border:2px solid #949699; color:#292d33;}
.strategy-info1-right-list ul li a{ color:#676767;}
.strategy-info1-right-list ul li a:hover{ color:#333333;}
/*.strategy-info1-left2 .left2-img span:nth-of-type(1){ position:absolute; top:0px; left:0px; background:#f16d3a; width:51px; padding:0px 12px; height:39px; color:#ffffff; line-height:39px; font-size:1.125rem;}*/
.strategy-info2 ul{ width:100%; height:auto; float:left; padding-top:30px; padding-bottom:20px;}
.strategy-info2 ul li{ /*width:21%; margin-left:2.5%; margin-right:1%;*/ width:266px; margin-left:1.4%; margin-right:1.4%; float:left; }
.strategy-info2 .info2-img{ float:left; width:100%; height:242px; overflow:hidden; position:relative;}
.strategy-info2 .info2-img img{ width:100%; height:auto; transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease;}
.strategy-info2 .info2-img img:hover {  transform: scale(1.03);}
.strategy-info2 .info2-img span:nth-of-type(1){ position:absolute; top:0px; left:0px; background:url(../image/ico33.png) no-repeat -14px -89px; width:65px; padding-left:8px; height:29px; color:#ffffff; line-height:29px; font-size:0.875rem;}
.strategy-info2 p:nth-of-type(2){ width:100%; float:left; padding-top:20px; padding-bottom:10px; line-height:25px; text-align:center;}
.strategy-info2 p:nth-of-type(2) a{ color:#333333; font-size:1.125rem;}
.strategy-info2 p:nth-of-type(2) a:hover{ color:#666;}

.strategy-info3 p{ width:75%; border-bottom:1px dashed #dedede; height:2px;}

.strategy-info4{ }
.strategy-info4-left{ width:70%; height:auto; float:left; margin-top:20px; /*border-top:2px dashed #dedede;*/}
.strategy-info4-left ul{ float:left; width:92%; padding:0px 0px 0px 18px;}
.strategy-info4-left ul li{ width:100%; float:left; border-bottom:1px solid #e0e0e0; height:auto; padding-top:30px; padding-bottom:30px;}
.strategy-info4-left ul li .strategy-pic{ float:left; width:30.8%; height:144px; overflow:hidden;}
.strategy-info4-left ul li .strategy-pic img{ width:100%; height:auto;transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease;}
.strategy-info4-left ul li .strategy-pic img:hover {  transform: scale(1.03);}
.strategy-info4-left ul li .strategy-text{ float:right; width:66%; text-align:left; height:auto; color:#999999; }
.strategy-info4-left ul li .strategy-text p a{  color:#333333;  font-size:1.25rem; }
.strategy-info4-left ul li .strategy-text p a:hover{ color:#999; cursor:pointer;}
.strategy-info4-left ul li .strategy-text p:nth-of-type(1){ padding-bottom:10px; font-size:1.25rem;}
.strategy-info4-left ul li .strategy-text p{ line-height:25px; font-size:0.875rem;}
.strategy-info4-left ul li .strategy-text p:nth-of-type(2){ height:auto; min-height:75px; padding-bottom:10px;}
.strategy-info4-left ul li .strategy-text p:nth-of-type(3) span:nth-of-type(1){ float:left; color:#999999; font-size:0.875rem; background:url(../image/ico33.png) no-repeat -14px -142px; padding-left:25px;}
.strategy-info4-left ul li .strategy-text p:nth-of-type(3) span:nth-of-type(2){ float:right; font-size:0.875rem; color:#999;}


.strategy-info4-right{ width:300px; float:right; height:auto; margin-right:46px; /*position:absolute; top:1040px; right:0px;*/}
.swipslider-ad{ height:auto; float:right; width:100%; /*background:#ffffff;*/ text-align:right;}
.service-area{ float:right; width:88%; border:1px solid #999999;  background:#ffffff; border-radius:10px; margin-top:-20px;}
.section-header2{ width:40%; text-align:center;  margin:10px auto; margin-top:20px; position:relative;
border-left:4px solid #bbbbbb; border-right:4px solid #bbbbbb;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg); height:10px;
}
.section-header2 span{
display:inline-block; font-size: 1.25rem; font-weight: 600;
-webkit-transform: skew(45deg);
-moz-transform: skew(45deg);
-o-transform: skew(45deg);
transform: skew(45deg);  position:absolute; top:-10px; left:10px;
}

.service-area .section-header2{ width:45%; text-align:center;  margin:10px auto; border:0px;  position:relative;
-webkit-transform: skew(0);
-moz-transform: skew(0);
-o-transform: skew(0);
transform: skew(0); height:20px;}
.service-area .section-header2 span:nth-of-type(1){ width:100%; text-align:center; top:10px; left:0px; position:absolute;
border-left:4px solid #bbbbbb; border-right:4px solid #bbbbbb;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg); height:10px;
}
.service-area .section-header2 span:nth-of-type(2){
display:inline-block; font-size: 1.25rem; font-weight: 600;
-webkit-transform: skew(0);
-moz-transform: skew(0);
-o-transform: skew(0);
transform: skew(0);  position:absolute; top:0px; left:20px;
}

.service-area-list{ padding:20px 0px 30px 0px; float:left; height:auto;}
.service-area-list li{ float:left; margin:0px 10px 15px 15px; width:103px; height:30px; border:1px solid #999999; text-align:center; line-height:30px;}
.service-area-list li a{ color:#666; font-size:0.875rem;}
.service-area-list li:hover{ background:#e5e3e3;}
.service-area-list li.active{ background:#e5e3e3;}
.service-area-list li.active a{ color:#666; font-size:0.875rem; font-weight:bold;}

.strategy-page{ width:900px; height:auto; padding-top:80px; padding-bottom:100px; padding-right:360px; margin:0 auto; background:#fff;}
.strategy-page .list_page{ float:none;}
.list_page2{ width:60%; height:32px; background:#f6f6f6; margin:0 auto; margin-top:20px;}


/************************************************************************************
客户列表页
*************************************************************************************/
.customer-free { width:1200px; margin:0 auto;}
.customer-free .section-header{ border-bottom:0px;}

.customer-free-info{ width:100%; height:auto;}
.customer-free-info ul{ float:left; width:100%;  border:1px solid #cecece; margin-bottom:20px;}
.customer-free-info ul li{ width:20%; float:left; text-align:center; position:relative; background:url('../image/free2.png') no-repeat; padding-top:86px; line-height:40px; font-size:1.375rem; color:#333333; margin-top:15px; margin-bottom:10px;}
.customer-free-info ul li:nth-of-type(1){ background-position:-10px top;}
.customer-free-info ul li:nth-of-type(2){ background-position:-230px top; }
.customer-free-info ul li:nth-of-type(3){ background-position:-460px top;}
.customer-free-info ul li:nth-of-type(4){ background-position:-700px top;}
.customer-free-info ul li:nth-of-type(5){ background-position:-930px top;}
.customer-free-info ul li p:nth-of-type(1){ width:37%; float:left; text-align:right; color:#292d33; font-size:2.1rem; position:relative; height:38px;}
.customer-free-info ul li p:nth-of-type(1) span{ position:absolute; right:-10px; bottom:8px; width:25px; height:5px; border-top:1px solid #3a3e43; background:#f6f6f6; transform:rotate(-65deg);/* Rotate div */
-ms-transform:rotate(-65deg); /* Internet Explorer */
-moz-transform:rotate(-65deg); /* Firefox */
-webkit-transform:rotate(-65deg); /* Safari 和 Chrome */
-o-transform:rotate(-65deg); /* Opera */}
.customer-free-info ul li p:nth-of-type(2){ width:50%; float:left; text-align:left; color:#333333; font-size:0.875rem; padding:8px 0px 0px 10px;}


.free-quota{ width:1200px; margin:0 auto; border:1px solid #666666; background:#ffffff;}
.free-quota .section-header{ width:100%; text-align:center; border:0px; padding-top:5px; margin-bottom:0px;}
.free-quota .section-header p{ width:100%; text-align:center; border:0px; font-size:1.5rem; font-weight:400;}
.free-quota-info-l{ float:left; padding-left:7.5%; width:44%; padding-top:10px; padding-bottom:30px;}

.free-quota-info-l p{ height:35px; padding-top:10px; position:relative;}
.free-quota-info-l .ch{width: 183px; height: 33px; border: 1px solid #ddd; font-size: 0.875rem; color:#999999;}
.free-quota-info-l .fw {width: 85px; height: 33px;border: 1px solid #ddd;font-size: 0.875rem; color:#999999; margin-left:30px; margin-right:10px;}

.free-quota-info-l select{ border: solid 1px #ddd; appearance:none;  -moz-appearance:none;
    -webkit-appearance:none;
    padding-right: 14px;
    background: url("../image/arrow.png") no-repeat scroll right center transparent;
}
.free-quota-info-l select::-ms-expand { display: none; }
.free-quota-info-l select option{ line-height:25px;  font-size: 0.875rem; color:#999999;}
.free-quota-info-l .mj {  width:150px;height: 33px;border: 1px solid #ddd;font-size: 0.875rem; position:relative; color:#999999; }
.free-quota-info-l .span_ys,.free-quota-info-l .span_mj { color: #999999; font-size: 1.125rem; line-height: 33px; position: absolute;  right: 60px;}

.free-quota-info-c{ float:left; width:auto;}
.free-quota-info-c .bm {
	color: #f6f6f6;
	background: #6d6f73;
	border-radius: 5px;
	width: 250px;
	height: 45px;
	font-size: 1.125rem;
	border: 0px; margin-top:55px;
}
.free-quota-info-c .bm:hover{ background:#000000; cursor:pointer;}

.free-quota-info-r{ width:12.5%; float:right; text-align:center; padding-right:7.5%; margin-top:-10px;}
.free-quota-info-r p{ width:100%; text-align:center; color:#333333; font-size:1.125rem; margin-bottom:10px;}
.free-quota-info-r p span{ background:url(../image/ico33.png) no-repeat -14px -180px; width:48px; height:48px; padding-top:30px; color:#ffffff; font-size:3rem; display:inline-block; line-height:38px; margin-left:5px;margin-right:5px;}

.customer-main{ width:1200px; height:auto; background:#ffffff; margin:0 auto; margin-top:60px; padding-bottom:60px;}
.left{ float:left;}
.right{ float:right;}
.customer-list-js1{ float:left; width:25%; position:relative;}
.customer-list-con1{ float:right; width:71%; margin-bottom:140px; position:relative;}
.customer-list-con1 span.tuijian_r{ position:absolute; right:0px; top:0px;}
.customer-list-js-pic{ width:100%; height:auto; overflow:hidden; padding-top:40px; border-radius:10px;}
.customer-list-js-pic img{ width:100%; height:auto; border-radius:10px; transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease;}
.customer-list-js-pic img:hover {  transform: scale(1.03);}

.customer-list-js-pic span{ position:absolute; top:-34px; left:-22px; background:rgba(36,39,45,0.65) none repeat scroll 0 0; width:135px; height:135px; border-radius:50%;}
.customer-list-js-pic span img:hover{transform: scale(1.0);}
.customer-list-js-text{ width:95%; height:auto;  margin-left:5%; border-left:1px dotted #b6b7b9; margin-top:35px;}
.customer-list-js-text p{ line-height:22px; background:url(../image/ico33.png) no-repeat -580px -15px; padding-left:25px; margin-left:-7px; color:#666666; font-size:0.875rem; padding-bottom:8px; }

.customer-list-con-path{ float:left; width:86.4%; height:auto; border-top:1px dotted #b6b7b9; margin-top:55px;  }
.customer-list-con-path ul{ width:102%; margin-top:-40px;}
.customer-list-con-path ul li{ width:86px; height:95px; text-align:center; line-height:86px; margin-right:77px; float:left; background:url(../image/ico33.png) no-repeat -245px -17px; cursor:pointer; color:#333333; font-size:1.375rem;}
.customer-list-con-path ul li:nth-of-type(5){ margin-right:0px;}
.customer-list-con-path ul li:hover,.customer-list-con-path ul li.active{background:url(../image/ico33.png) no-repeat -134px -17px;}

.customer-list-con-info{ float:left; width:84.5%; margin-left:5.75%; height:344px; border:1px solid #8f9194; position:relative; margin-top:15px;}
.customer-list-con-info span:nth-of-type(1){ width:21px; height:21px; position:absolute; top:-1px; left:-1px; background:url(../image/ico33.png) no-repeat -15px -448px;}
.customer-list-con-info span:nth-of-type(2){ width:135px; height:39px; position:absolute; top:-1px; right:-3px; background:url(../image/ico33.png) no-repeat -15px -481px;}
.customer-list-con-info span:nth-of-type(3){ width:135px; height:39px; position:absolute; bottom:-1px; left:-2px; background:url(../image/ico33.png) no-repeat -15px -481px; transform:rotate(-180deg);/* Rotate div */
-ms-transform:rotate(-180deg); /* Internet Explorer */
-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg); /* Opera */}

.customer-list-con-path-info{ width:490px; height:auto; padding-top:50px; padding-left:80px; display:none;}
.customer-list-con-path-info header{ width:56px; height:30px; line-height:25px; text-align:center; margin:0 auto; background:url(../image/ico33.png) no-repeat -17px -620px; color:#6d6f73; font-size:1.35rem;}
.customer-list-con-path-infos{ width:100%; line-height:30px; color:#333333; font-size:0.96rem; padding-top:20px;}

.customer-list-sjs{ position:absolute; bottom:-120px; right:-82px; width:192px; text-align:center;}
.customer-list-sjs p:nth-of-type(1){ width:172px; height:172px; padding:9px; border:1px solid #b5b6b8; background:#fff; border-radius:50%; overflow:hidden;}
.customer-list-sjs p:nth-of-type(1) img{ width:172px; height:172px; border-radius:50%;}
.customer-list-sjs p:nth-of-type(2){ color:#333333; font-size:1.125rem; text-align:center; line-height:30px;}
.customer-list-sjs p:nth-of-type(3) .yuyue{color: #ffffff;
	background: #6d6f73;
	border-radius: 25px;
	height: 35px; line-height:35px;
	font-size: 1.125rem; width:110px;
	border: 0px; text-align:center; cursor:pointer;}
.customer-list-sjs p:nth-of-type(3) .yuyue:hover{ background:#000000; }

.customer-list-js2{ float:right; width:25%; margin-right:10px; margin-top:50px; position:relative;}
.customer-list-js2 .customer-list-js-pic span{ position:absolute; top:-34px; right:-38px; left:auto; background:rgba(36,39,45,0.65) none repeat scroll 0 0; width:135px; height:135px; border-radius:50%;}
.customer-list-js2 .customer-list-js-pic span img:hover{transform: scale(1.0);}
.customer-list-con2{ float:left; width:71%; margin-bottom:140px; margin-top:50px; position:relative;}
.customer-list-con2 span.tuijian_l{ position:absolute; left:0px; top:-30px;}
.customer-list-con2 .customer-list-con-path{ float:left; width:86.4%; height:auto; border-top:1px dotted #b6b7b9; margin-top:55px; margin-left:110px;  }
.customer-list-con2 .customer-list-con-info{ float:right;}
.customer-list-con2 .customer-list-con-info span:nth-of-type(2){ width:21px; height:21px; position:absolute; top:-1px; right:-1px; background:url(../image/ico33.png) no-repeat -15px -448px;transform:rotate(-270deg);/* Rotate div */
-ms-transform:rotate(-270deg); /* Internet Explorer */
-moz-transform:rotate(-270deg); /* Firefox */
-webkit-transform:rotate(-270deg); /* Safari 和 Chrome */
-o-transform:rotate(-270deg); /* Opera */}
.customer-list-con2 .customer-list-con-info span:nth-of-type(1){ width:135px; height:39px; position:absolute; top:-1px; left:-1px; background:url(../image/ico33.png) no-repeat -15px -553px;}
.customer-list-con2 .customer-list-con-info span:nth-of-type(3){ width:135px; height:39px; position:absolute; bottom:-1px; right:-2px; left:auto; background:url(../image/ico33.png) no-repeat -15px -553px; transform:rotate(-180deg);/* Rotate div */
-ms-transform:rotate(-180deg); /* Internet Explorer */
-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg); /* Opera */}
.customer-list-con2 .customer-list-sjs{ position:absolute; bottom:-120px; left:-82px; width:192px; text-align:center;}
.customer-list-con2 .customer-list-con-info .customer-list-con-path-info{ padding-left:120px;}

.customer-main section:nth-of-type(3){ padding-top:80px;}
.customer-main section:nth-of-type(3) .customer-list-con1 span.tuijian_r{ position:absolute; right:0px; top:-35px;}

.customer-list3{ position:relative; margin-top:100px; padding-bottom:70px;}
.customer-list4{ position:relative; margin-top:50px; padding-bottom:70px;}
.serial-number{ position:absolute; width:190px; height:155px;  z-index:5; background:url(../image/ico33.png) no-repeat -324px -640px;}
.customer-list3 .serial-number{ top:-30px; left:60px; }
.customer-list4 .serial-number{ top:-30px; right:60px; }
.serial-number2{ position:absolute;  z-index:1;  text-align:center; width:150px; height:150px; color:#6d6f73; font-size:5.65rem;}
.customer-list3 .serial-number2{ top:-10px; left:60px;}
.customer-list4 .serial-number2{ top:-10px; right:100px;}

.customer-list-pic{ position:absolute; width:302px; height:262px; border-radius: 8px; border:1px solid #666666; background:#FFFFFF;}
.customer-list3 .customer-list-pic{ top:185px; left:152px;}
.customer-list4 .customer-list-pic{ left:auto; right:145px; top:185px; z-index:4;}

.customer-list3 p.line1{ position:absolute; width:214px; height:2px; right:-18px; top:-55px; border-top:2px solid #b6b7b9;transform:rotate(-30deg);/* Rotate div */
-ms-transform:rotate(-30deg); /* Internet Explorer */
-moz-transform:rotate(-30deg); /* Firefox */
-webkit-transform:rotate(-30deg); /* Safari 和 Chrome */
-o-transform:rotate(-30deg); /* Opera */}
.customer-list3 p.line2{ position:absolute; width:110px; height:2px; left:380px; top:470px; border-top:2px solid #b6b7b9;transform:rotate(-30deg);/* Rotate div */
-ms-transform:rotate(-30deg); /* Internet Explorer */
-moz-transform:rotate(-30deg); /* Firefox */
-webkit-transform:rotate(-30deg); /* Safari 和 Chrome */
-o-transform:rotate(-30deg); /* Opera */}

.customer-list4 p.line1{ position:absolute; width:205px; height:2px; left:60px; top:-50px; border-top:2px solid #b6b7b9; z-index:1;
transform:rotate(30deg);/* Rotate div */
-ms-transform:rotate(30deg); /* Internet Explorer */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
-o-transform:rotate(30deg); /* Opera */}

.customer-list4 p.line2{ position:absolute; width:110px; height:2px; right:30px; top:430px; border-top:2px solid #b6b7b9;
transform:rotate(30deg);/* Rotate div */
-ms-transform:rotate(30deg); /* Internet Explorer */
-moz-transform:rotate(30deg); /* Firefox */
-webkit-transform:rotate(30deg); /* Safari 和 Chrome */
-o-transform:rotate(30deg); /* Opera */}


.customer-list-pic a{ display:block; height: 210px; overflow:hidden;}
.customer-list-pic img{
    width: 100%; height:210px;
    transition-delay: 0s;
    transition-duration: 0.7s;
    transition-property: all;
    transition-timing-function: ease; border-radius: 8px;
}
.customer-list-pic img:hover {  transform: scale(1.03);}
.customer-list-pic p{ width:100%; height: 50px; line-height:50px; text-align: center;}
.customer-list-pic p a{ font-size:1.125rem; color:#292d33; height:50px;}
.customer-list-pic p a:hover{ color:#999999;}
.customer-list-info{ width:630px; height:369px; border:2px solid #76777b; background:#FFFFFF; }
.customer-list3 .customer-list-info{ margin-top:40px; margin-left:384px; margin-bottom:154px;}
.customer-list4 .customer-list-info{ margin-top:40px; margin-left:184px; margin-bottom:154px;}
.customer-list-info .customer-list-con-path-info{ display:block; width:415px; }
.customer-list3 .customer-list-info .customer-list-con-path-info{padding-left:120px;}
.customer-list-text{ position:absolute; width:530px; height:auto; border-left:1px dotted #b6b7b9;}
.customer-list3 .customer-list-text{ top:400px; right:165px;}
.customer-list4 .customer-list-text{ top:400px; left:215px; right:auto;}
.customer-list-text p{ line-height:22px; background:url(../image/ico33.png) no-repeat -580px -15px; padding-left:25px; margin-left:-7px; color:#666666; font-size:0.875rem; padding-bottom:8px; }

.customer-page{ width:1200px; height:auto; padding:10px 0px 30px 0px; margin:0 auto;}
.no_sho{ display:block;}

/************************************************************************************
客户详情页
*************************************************************************************/
.customer-main2{ width:1200px; margin:0 auto; background:none;}
.customer-main-left{ float:left; width:69.5%; background:#ffffff; height:auto; padding: 57px 0px 120px; margin-bottom:90px;}
.customer-main-right{ float:right;}

.customer-main-left h2{font-size: 1.5rem; text-align: center; color:#333333;}
.customer-main-left .art_c_t{ font-size: 0.875rem; text-align: center; margin: 19px 0 51px 0;  color: #666666;}

.customer-main-left .art_c_info{  color:#666666; line-height:30px; font-size:15.8px; width:83.5%; margin:0 auto; margin-bottom:10px;}
.customer-main-left .art_c_info p{ color: #666666; font-size: 15.8px;margin-bottom:15px;}
.customer-main-left .art_c_info img{  width:auto; max-width:100%; height: auto; margin-bottom: 24px;display:block; align-self:center; margin:auto;}

.his-troubles{ width:83.5%; margin:0 auto; border:1px solid #d2d2d4; border-radius:8px; height:auto; margin-top:35px; padding-bottom:20px; position:relative;}
.his-troubles .his-troubles-img{ float:left; width:32.8%; height:168px; margin-left:-1px; margin-top:-1px; z-index:2; position:relative; }
.his-troubles .his-troubles-img img{ width:100%; height:168px; border-radius:8px; }
.his-troubles-text{ width:63.4%; padding-left:2.6%; float:left;}
.his-troubles-text p:nth-of-type(1){ float:left; margin:30px 0px 20px; height:25px; line-height:25px; border-left:3px solid #6d6f73; padding-left:2%; width:95%; color:#333333; font-size:1.125rem;}
.his-troubles-text p:nth-of-type(2){ width:100%; color:#666; font-size:0.875rem; line-height:25px; position:relative; z-index:5;}
.his-troubles .line3{ position:absolute; height:30px; width:40%; background:#ffffff; left:-1px; bottom:-1px; z-index:1;}

.designer-said{ width:76%; margin-left:5.3%; border:1px solid #d2d2d4; border-radius:8px; height:auto; min-height:192px; margin-top:35px; position:relative;}
.designer-said .designer-said-img{ position:absolute; top:0px; right:-86px; width:172px; height:172px; border-radius:50%; padding:9px; border:1px solid #74767a; background:#fff; z-index:2;}
.designer-said .designer-said-img img{ width:172px; height:172px; border-radius:50%;}
.designer-said .his-troubles-text{ width:72%;}
.designer-said .line3{ position:absolute; height:10px; width:16%; background:#ffffff; right:-1px; bottom:-1px; z-index:1;}


.celiang{ width:90%; margin:0 auto; margin-top:30px; height:auto; background:url(../image/ico44.png)  -20px top no-repeat;}
.celiang-img{ float:left; width:275px; height:auto;}
.celiang-text{ float:left; width:60%; padding-left:2%;}
.celiang-text p:nth-of-type(1){ display:block; float:left; width:85px; height:50px; border-bottom:1px solid #666666; margin-top:50px; font-size:2.7625rem; color:#333333;}
.celiang-text p:nth-of-type(2){ display:block; float:left; width:50%; color:#333333; font-size:1.75rem;margin-top:80px; margin-left:10px;}
.celiang-text p:nth-of-type(3){ display:block; float:left; width:90%; padding-left:10%; font-size:1rem; margin-top:30px; line-height:25px;}

.fangan{ width:86.5%; margin:0 auto; margin-top:30px; height:auto; min-height:370px; background:url(../image/ico44.png)  -20px -650px no-repeat;}
.fangan-img{ float:right; width:322px; height:auto; margin-top:40px;}
#qianding .fangan-img img{ border-radius:50%; width:100%;}
.fangan-text{ float:left; width:54%; }
.fangan-text p:nth-of-type(1){ display:block; float:right; width:85px; height:50px; border-bottom:1px solid #666666; margin-top:100px; margin-right:60px; font-size:2.7625rem; color:#333333; text-align:right;}
.fangan-text p:nth-of-type(2){ display:block; float:right; width:85px; text-align:right; color:#333333; font-size:1.75rem;margin-top:120px; margin-right:10px;}
.fangan-text p:nth-of-type(3){ display:block; float:left; width:100%; font-size:1rem; margin-top:30px; line-height:25px; background:#fff;}

.baojia{ width:95%; padding:20px 2.5%; height:auto; position:relative;}
.baojia-text{ width:30%; background:#ffffff; position:absolute; left:35%; }
.baojia-text p:nth-of-type(1){ display:block; float:left; width:30%; text-align:right; height:50px; border-bottom:1px solid #666666;font-size:2.7625rem; color:#333333; margin-left:20%;margin-bottom:10px;}
.baojia-text p:nth-of-type(2){ display:block; float:left; width:30%; color:#333333; font-size:1.75rem; margin-left:10%; margin-top:20px;}
.baojia-table{ width:100%; margin-top:45px;}

.baojia-table table{
	width: 100%;
	height: auto;
	background: #ffffff;
	margin-top: 10px;
}
.baojia-table table .head{
	width: 100%;
	/*background: #ececec;
	height: 75px;*/
	color: #333333;
	font-weight: bold; font-size:1.125rem;
}
.baojia-table table tr th{
	border: 1px solid #b6b7b9;
	height: auto;
	text-align: center; line-height:30px; font-size:0.875rem; color: #666666; padding:20px 0px;
}
.baojia-table table .head th{ font-size:1.125rem;}
.baojia-table tr th:nth-of-type(1){
	width: 18.5%;
}
.baojia-table tr th:nth-of-type(2){
	width: 13.4%;
}
.baojia-table tr th:nth-of-type(3){
	width: 12.6%;
}
.baojia-table tr th:nth-of-type(4){
	width: 12.6%;
}
.baojia-table tr.head th:nth-of-type(5){
	width: 41.67%; text-align:center; padding:0px;
}
.baojia-table tr th:nth-of-type(5){
	width: 34.1%; padding:20px 55px 20px 35px; text-align:justify; line-height:25px;
}
.baojia-table tr:hover th{ color:#000;}

.customer-main-right{ float:right; width:362px;}
.customer-main-right2{ width:362px; float:right; height:auto; }


.customer-info {
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 2px 0 #ccc;
    height: auto;
    margin-bottom: 21px;
    padding:6%;
    width: 82.6%; float:right;
}
.customer-info:hover img{/*border-radius:20px 25% 20px 25%; box-shadow:0 5px 10px rgba(36, 36, 36, 0.8)*/transform:scale(1.03);}
.customer-info img {
    height: auto;
    margin-bottom: 16px;
    width: 100%;transition: all 0.7s ease 0s; display:inline;
}
.customer-info .c-img{ width:100%; height:auto; max-height:220px; overflow:hidden; position:relative;}
.customer-info .c-img span{ position:absolute;  background:rgba(223, 127, 87,0.8); height:42px; width:84px; border-radius:0px 0px 42px 42px; top:0px; left:40%; text-align:center; color:#fff; font-size:1.125rem; line-height:40px;}

.customer-info p {
    text-align: center; width:100%;
}
.customer-info p:nth-of-type(1) a{font-size:0.875rem; color:#333333;}
.customer-info p:nth-of-type(1) a:hover{ color:#999999;}

.cus-sjs{background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 2px 0 #ccc;
    height: auto;
    margin-bottom: 21px;
    padding:30px 2%;
    width: 90.6%; float:right;}
.sus-sjs-img{ float:left; width:38.4%; text-align:center;}
.sus-sjs-img img{ width:122px; height:122px; border-radius:50%;}
.sus-sjs-img p:nth-of-type(2){ width:100%; text-align:center; line-height:40px;}
.sus-sjs-img p:nth-of-type(2) a{ color:#333333; font-size:1.125rem;}
.sus-sjs-img p:nth-of-type(2) a:hover{ color:#999999;}
.sus-sjs-text{ float:right; width:53%; padding-right:2%;}
.sus-sjs-text p{ color:#666; line-height:20px; font-size:0.875rem;}
.sus-sjs-text p:nth-of-type(3){ padding:10px 0px; color:#333333;}
.sus-sjs-text p:nth-of-type(4){ width:100%; text-align:center;}

.sus-sjs-text p:nth-of-type(4) .yuyue{color: #ffffff;
	background: #6d6f73;
	border-radius: 25px;
	height: 38px; line-height:38px;
	font-size: 1.125rem; width:140px;
	border: 0px; text-align:center; cursor:pointer;}
.sus-sjs-text p:nth-of-type(4) .yuyue:hover{ background:#000000; }


.path_floor{ width:80px; padding:12px; border:1px solid #d6d6d6; background:#fff; height:auto; position:fixed; top:230px; right:50%; margin-right:608px;}
.path_floor ul li{ float:left; height:54px; line-height:54px; width:100%; text-align:center;}
.path_floor ul li span{ border-bottom:1px solid #d6d6d6; display:block; width:100%; cursor:pointer;}
.path_floor ul li span:hover,.path_floor ul li.active span{ border-bottom:2px solid #6d6f73;}

/************************************************************************************
办公室页面
*************************************************************************************/
.sites1{height: 80px; line-height: 80px; margin: 0 auto; position: relative; top:-50px; width: 100%;}
.off-header{ border-top:1px solid #999999; text-align:center; margin:0 auto;}
.off-header p{display:block; margin:0 auto; letter-spacing:3px; background:#ffffff; height:60px; text-align:center; padding:0px 16px; line-height:60px; font-size:2.875rem; color:#333333; margin-top:-30px; overflow:hidden;  font-family:"方正黑体简体";}
.off-header-tit{ width:1200px; margin:0 auto; padding:5px 0px; text-align:center; color:#666666; font-size:1rem;}
.off_top_banner1{ position:relative; width:100%; height:690px; margin:0 auto;}
.off_top_banner2{ position:relative; width:100%; height:300px; margin:0 auto;}

.off-effect-map{ width:1200px; height:auto; margin:10px auto 10px;}
.off-effect-map .off-header{ width:655px;}
.off-effect-map .off-header p{ width:400px;}
.off-effect-map-list{ width:1200px; margin:100px auto 0px;}
.off-effect-map-list ul {
    margin: 0px auto auto;
    width: 1200px;
}
.off-effect-map-list ul li {
    border-radius: 18px;
    box-shadow: 0 0 3px 0 #ccc;
    float: left;
    height: 415px;
    margin: 0 2% 27px 0;
    overflow: hidden;
    position: relative;
    width: 32%;
}
.off-effect-map-list ul li.noright {
    margin-right: 0;
}
.off-effect-map-list ul li a:nth-of-type(1) {
    display: block;
    height: 270px;
    overflow: hidden;
}
.off-effect-map-list ul li img {
    height: 270px;
    width: 100%; transition: all 0.7s ease 0s;
}
.off-effect-map-list ul li img:hover {
    transform: scale(1.03);
}
.off-effect-map-list ul li:hover {
    box-shadow: 0 2px 10px 1px #ccc;
}
.off-effect-map-list ul li p {
    height: 36px;
    margin-left: 20px;
    text-align: left;
}
.off-effect-map-list ul li p:nth-of-type(1) {
    font-size: 20px;
    margin-top: 17px;
}
.off-effect-map-list ul li p:nth-of-type(1) a {
    font-size: 17px; height:auto;
}
.off-effect-map-list ul li p:nth-of-type(1) a:hover {
    color: #999999;
}
.off-effect-map-list ul li p:nth-of-type(3) {
    color: black;
}
.off-effect-map-list ul li button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    border-radius: 20px;
    color: #666;
    font-size: 16px;
    height: 35px;
    left: 242px;
    padding-bottom: 4px;
    position: absolute;
    top: 350px;
    width: 118px;
}
.off-effect-map-list ul li button:hover {
    background: #999999 none repeat scroll 0 0;
    color: #ffffff;
    cursor: pointer;
}

.off-golden-triangle{ width:100%; height:auto; margin:0px auto 0px; background:#f8f6e5; padding-top:120px; padding-bottom:10px;}
.off-golden-triangle .off-header{ width:500px;}
.off-golden-triangle .off-header p{ width:245px; background:#f8f6e5;}
.off-golden-triangle-info{ width:1200px; height:600px; margin:70px auto 0px; box-shadow: 0 0px 8px 8px #e2e1cf; background:#fff; border-radius:3px;}
.off-golden-triangle-one{ float:left; width:50%; height:100%; background:rgba(255,255,255,1) url(../image/ico55.png) no-repeat 50px 0px; }
.off-golden-triangle-one:hover,.off-golden-triangle-two:hover,.off-golden-triangle-three:hover{ background-color:rgba(245,245,245,1);}
.one-img{ float:left; width:226px; padding:120px 5px 0px; height:236px;}
.off-triangle-tit{ text-align:center; color:#333; font-size:2rem; font-family:"方正大标宋简体"; margin:15px auto 10px;}
.off-triangle-info{ text-align:left; color:#999; font-size:1.125rem; margin:0 auto; line-height:35px;}
.off-golden-triangle-one p{ width:340px; float:left;}
.off-golden-triangle-one .off-serial-number{ background:url(../image/ico55.png) no-repeat right -12px; height:90px; margin-top:85px; width:350px;}
.off-golden-triangle-one .off-triangle-tit{ margin-top:35px; margin-bottom:25px;}
.one-bottom{ width:90%; height:auto; margin:0 auto; float:left; padding-top:25px; padding-left:8%;}
.one-bottom p:nth-of-type(1){ padding-top:30px; width:auto; float:left;}
.one-bottom p:nth-of-type(2){ padding-top:90px; width:auto; float:left;}
.one-bottom p:nth-of-type(3){ padding-top:12px; width:auto; float:left; padding-left:10px;}
.off-golden-triangle-two{ float:left;  width:50%; height:50%; box-shadow: 0px 0 8px 8px #dddddd; background:rgba(255,255,255,1) url(../image/ico55.png) no-repeat 10px -608px;}
.off-golden-triangle-two p,.off-golden-triangle-three p{ width:445px; }
.off-golden-triangle-two .off-serial-number{ background:url(../image/ico55.png) no-repeat right -125px; height:90px; margin-top:5px; width:600px;}
.off-golden-triangle-three{ float:left; width:50%; height:50%; box-shadow: 0px 0 8px 8px #dddddd; background:rgba(255,255,255,1) url(../image/ico55.png) no-repeat 0px -898px;}
.off-golden-triangle-three .off-serial-number{ background:url(../image/ico55.png) no-repeat right -235px; height:90px; margin-top:5px; width:600px;}

.off-excellent-designer{ width:100%; height:auto; margin:0px auto 0px; background:#f8f6e5; padding-top:150px; padding-bottom:120px;}
.off-excellent-designer .off-header{ width:500px;}
.off-excellent-designer .off-header p{ width:245px; background:#f8f6e5;}
.off-excellent-designer ul{ width:1200px; margin:0 auto; margin-top:80px;}
.off-excellent-designer ul li{ width:20%; padding:0px 1.5%; height:524px; border:1px solid #ececec; border-radius:10px; background:#fff; float:left; margin:10px 0.8% 10px 0.8%;}

.off-excellent-designer ul li/*:hover*/ p:nth-of-type(1) {
    height: 165px;
    margin-left: 26px;
    padding: 10px;
    position: relative;
    top: 20px;
    transform: rotate(45deg);
    width: 165px; margin-bottom:140px; margin-top:9px;
}

.off-excellent-designer ul li/*:hover*/ .revolve{
    width: 150%;
    height: 150%;
    transform: rotate(-45deg);
    margin:-40px 0 0 -40px;
}
.off-excellent-designer ul li:hover p:nth-of-type(1){
	transform: rotate(0deg);
    width: 248px;
    height: 258px;
    margin: 0; /*top: 30px;*/ left:10px; margin-top:-30px; margin-bottom:86px; 
}
.off-excellent-designer ul li:hover .revolve{
    width: 100%;
    height: 100%;
    transform: rotate(0deg);
    margin: 0px 0 0 -50px;
}
.off-excellent-designer ul li p{
	text-align: center;
	margin-left: 0;
	overflow: hidden; color:#000000; margin:0px 0px 5px;
}
.off-excellent-designer ul li p:nth-of-type(2){ font-size: 20px;  margin: -24px 0 35px 0;}
.off-excellent-designer ul li p:nth-of-type(2) a{font-size: 20px;}
.off-excellent-designer ul li p:nth-of-type(2) a:hover{ color:#666666;}

.off-excellent-designer ul li p:nth-of-type(3){color: #403939;}


.off-service-flow{ width:100%; height:auto; margin:0px auto 0px; background:#ffffff; padding-top:120px;}
.off-service-flow .off-header{ width:440px;}
.off-service-flow .off-header p{ width:200px; background:#ffffff;}
.off-service-flow ul{ position:relative; width:1200px; margin:0 auto; height:840px; margin-top:120px;}
.off-service-flow ul li{ position:absolute; width:510px; height:250px;}
.off-service-flow ul li section{ position:relative;}
.off-service-flow ul li p:nth-of-type(1){ position:absolute; width:246px; height:246px; background: #949699; border-radius:50%; padding:0px 0px 0px 0px; overflow:hidden; }
.off-service-flow ul li p:nth-of-type(1) img{ width:100%; height:100%; display:block; margin-left:-8px; border-radius:50%; /*transition: all 0.7s ease 0s;*/ }
/*.off-service-flow ul li p:nth-of-type(1) img:hover{transform:scale(1.08);}*/
.off-service-flow ul li p:nth-of-type(2){ position:absolute; color:#333333; font-size:1.375rem; font-family:"方正黑体简体";}
.off-service-flow ul li p:nth-of-type(3){ position:absolute; width:115px; height:70px; background-repeat:no-repeat; background-image:url(../image/ico55.png);}
.off-service-flow ul li:nth-of-type(1){ left:0px; top:95px;}
.service-flow1 p:nth-of-type(1){ right:0px;}
.service-flow1 p:nth-of-type(2){ left:30px; top:40px;}
.service-flow1 p:nth-of-type(3){ left:130px; top:70px; background-position:-629px -354px; }

.off-service-flow ul li:nth-of-type(2){ right:100px; top:0px;}
.service-flow2 p:nth-of-type(1){ left:0px;}
.service-flow2 p:nth-of-type(2){ left:295px; top:140px;}
.service-flow2 p:nth-of-type(3){ left:270px; top:60px; background-position:-750px -354px; }

.off-service-flow ul li:nth-of-type(3){ right:25px; top:265px;}
.service-flow3 p:nth-of-type(1){ right:0px;}
.service-flow3 p:nth-of-type(2){ left:10px; top:70px;}
.service-flow3 p:nth-of-type(3){ left:98px; top:110px; background-position:-880px -354px; }

.off-service-flow ul li:nth-of-type(4){ width:435px; left:296px; top:445px;}
.service-flow4 p:nth-of-type(1){ right:0px;}
.service-flow4 p:nth-of-type(2){ left:0px; top:110px;}
.service-flow4 p:nth-of-type(3){ left:85px; top:30px; background-position:-630px -430px; }

.off-service-flow ul li:nth-of-type(5){ width:435px; left:20px; bottom:20px;}
.service-flow5 p:nth-of-type(1){ left:0px;}
.service-flow5 p:nth-of-type(2){ right:0px; top:160px;}
.service-flow5 p:nth-of-type(3){ right:70px; top:175px; background-position:-629px -354px; }

.off-service-flow ul li:nth-of-type(6){ width:410px; right:50px; bottom:5px;}
.service-flow6 p:nth-of-type(1){ right:0px;}
.service-flow6 p:nth-of-type(2){ left:0px; top:150px;}


.off-six-advantages{ width:100%; height:880px; margin:0px auto 0px; background:#ffffff; padding-top:120px; position:relative;}
.off-six-advantages .off-header{ width:440px;}
.off-six-advantages .off-header p{ width:200px; background:#ffffff;}

.off-six-advantages .double,.off-six-advantages .double_b{
    position: absolute;
    left: 50%;
    width: 268px;
    height: 176px;
    background: url(../image/icon_tub.png) no-repeat -185px 0;
    margin-left: -696px;
    z-index: 1; top:300px;
}
.off-six-advantages .double_b{
	background-position: -271px -191px;
    left: 50%;
    margin-left: 407px;
    top: 810px;
}
.off-six-advantages ul{width: 1210px;height: 630px; margin:auto; padding-top:120px;}
.off-six-advantages ul p{text-align: center;}
.off-six-advantages ul img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
    border-radius: 3px;
}
.off-six-advantages ul li{
    width: 393px;
    height: 304px;
    float: left;
    border-radius: 3px;
    margin: 0 3px 7px 4px;
    box-shadow: 0 0 5px 1.5px #f5f5f5;
	border: 1px solid rgba(0,0,0,0); position:relative;
}
.off-six-advantages ul li:hover{ border:1px solid #666666;}
.off-six-advantages ul li:nth-of-type(1){
	background: url(../image/youshi_01.jpg) no-repeat;
    background-size:100% 100% ;
}
.off-six-advantages ul li:nth-of-type(2){
	background: url(../image/youshi_02.jpg) no-repeat;
	background-size:100% 100% ;
}
.off-six-advantages ul li:nth-of-type(3){
	background: url(../image/youshi_03.jpg) no-repeat;
	background-size:100% 100% ;
}
.off-six-advantages ul li:nth-of-type(4){
	background: url(../image/youshi_4.jpg) no-repeat;
	background-size:100% 100% ;
}
.off-six-advantages ul li:nth-of-type(5){
	background: url(../image/youshi_5.jpg) no-repeat;
	background-size:100% 100% ;
}
.off-six-advantages ul li:nth-of-type(6){
	background: url(../image/youshi_6.jpg) no-repeat;
	background-size:100% 100% ;	
}

.off-six-advantages li p:nth-of-type(1){
    font-size: 29px;
    margin-top: 75px;	
}
.off-six-advantages li p:nth-of-type(2){
    width: 155px;
    margin: 30px 0 0 129px;
    height: 26px; border-top:1px solid #000000;
}
.off-six-advantages li p:nth-of-type(3){
    width: 294px;
    margin-left: 58px;
    line-height: 26px;
    height: 50px;	
}
.off-six-advantages li p:nth-of-type(4){ position:absolute; width:120px; height:90px; top:0px; right:0px; background-image:url(../image/ico55.png); background-repeat:no-repeat;}

.off-six-advantages ul li:nth-of-type(1) p:nth-of-type(4){ background-position:-600px -530px;}
.off-six-advantages ul li:nth-of-type(2) p:nth-of-type(4){ background-position:-720px -530px;}
.off-six-advantages ul li:nth-of-type(3) p:nth-of-type(4){ background-position:-840px -530px;}
.off-six-advantages ul li:nth-of-type(4) p:nth-of-type(4){ background-position:-600px -620px;}
.off-six-advantages ul li:nth-of-type(5) p:nth-of-type(4){ background-position:-720px -620px;}
.off-six-advantages ul li:nth-of-type(6) p:nth-of-type(4){ background-position:-840px -620px;}


.off-space-configuration{ width:100%; height:auto; margin:0px auto 0px; background:#f8f6e5; padding-top:120px;}
.off-space-configuration .off-header{ width:500px;}
.off-space-configuration .off-header p{ width:245px; background:#f8f6e5;}
.off-space-type{ background:url(../image/off_space_bg.png) no-repeat top center; width:100%; height:510px; margin-top:40px;}
.off-space-type ul{ width:1200px; margin:0 auto; height:100%; position:relative;}
.off-space-type ul li{ float:left; width:122px; height:122px; text-align:center;  display:block; cursor:pointer;  position:relative; }
.off-space-type ul li:hover img,.off-space-type ul li.active img{-webkit-animation:circle 2s infinite linear;/*匀速 循环*/}
@-webkit-keyframes circle{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(360deg); }
}
.off-space-type ul li img{ width:100%; position:absolute; top:0px; left:0px;}
.off-space-type ul li span{ position:absolute; display:block; font-size:1.375rem;  width:100%; height:100%; text-align:center; line-height:122px; cursor:pointer;}

.off-space-type ul li:nth-of-type(1){ margin-top:254px;}
.off-space-type ul li:nth-of-type(2){ margin-top:56px; margin-left:20px;}
.off-space-type ul li:nth-of-type(3){ margin-top:247px; margin-left:20px;}
.off-space-type ul li:nth-of-type(4){ margin-top:112px; margin-left:58px;}
.off-space-type ul li:nth-of-type(4) span{ position:absolute; display:block; font-size:1.375rem; text-align:center; line-height:25px; cursor:pointer; width:75px; padding-top:30px; left:22px;}
.off-space-type ul li:nth-of-type(5){ margin-top:197px; margin-left:88px;}
.off-space-type ul li:nth-of-type(6){ margin-top:18px;}
.off-space-type ul li:nth-of-type(7){ margin-top:263px; margin-left:55px;}
.off-space-type ul li:nth-of-type(8){ margin-top:58px; margin-left:-20px;}

.off_space_con{ margin:auto; width:1200px; display:none;}
.off_space_con1,.off_space_con2,.off_space_con3,.off_space_con4,.off_space_con5,.off_space_con6,.off_space_con7,.off_space_con8{ display:none;}
.off_space_con table{
	width: 100%;
	height: auto;
	background: #fdfdfd;
	margin-top: 0px;
}
.off_space_con table .head{
	width: 100%;
	background: #cacaca;
	height: 92px;
	color: black;
	font-weight: bold;
}
.off_space_con table .head th{ padding:0px 5px;}
.off_space_con table tr th{
	border: 1px solid #9b9b9b;
	height: auto;
	text-align: center; line-height:25px; padding:15px 5px;
}
.off_space_con tr th:nth-of-type(1){
	width: 185px;
}
.off_space_con tr th:nth-of-type(2){
	width: 219px;
}
.off_space_con tr th:nth-of-type(3){
	width: 300px;
}
.off_space_con tr th:nth-of-type(4){
	width: 119px;
}
.off_space_con tr th:nth-of-type(5){
	width: 376px
}
.no_sho{ display:block;}
.off_space_con table tr:hover{ color:#666666;}
.off_space_con table tr.head:hover{ color:#000;}


.off-knowledge{ width:100%; height:auto; margin:0px auto 0px; background:#f8f6e5; padding-top:120px; padding-bottom:10px;}
.off-knowledge .off-header{ width:820px;}
.off-knowledge .off-header p{ width:560px; background:#f8f6e5;}
.intellectual{
    width: 1200px;
    height: 243px;
    box-shadow: 0 0 3px 1px #ccc;
	margin:auto;margin-top: 60px; background:#fff; 
}
.intellectual div{
	float: left;
}
.intellectual .cen{
    width: 450px;
    height: 173px;
    padding: 35px;
}
.intellectual .cen a {
    color:#000; font-size:20px;
}
.intellectual .cen a:hover{
    color:#646464;cursor:pointer; 
}
.intellectual .cen p:nth-of-type(1){
    font-size: 20px;
    margin: 0 0 14px -10px;
    text-align: left;
}
.intellectual .cen p img{
    float: left;
    width: 166px;
    height: 104px;
    margin: 7px 5px 0 5px;/* padding:2px;*/transition: all 0.7s ease 0s; display:inline;
}
.intellectual .cen p img:hover{ /*box-shadow: 0 0 8px #666666; border-radius:8px;*/transform:scale(1.03);}
.intellectual .cen p:nth-of-type(2){
    line-height: 29px;
    text-align: left;
    width: 428px; height:125px; overflow:hidden;
}

.intellectual .bosom{
    width: 156px;
    height: 100%;
    background: #f5f5f5;
    text-align: center;
    line-height: 243px;
    float: left;
}
.intellectual .bosom p{
    width: 90%;
    background: url(../image/icon_tub.png) no-repeat 0px 0px;
    letter-spacing: 4px;
    height: 90px;
    margin: auto;
    margin-top: 55px;
}
.intellectual .bosom span{
	position: relative;
    top: -18px;
    margin-left: 7px;
}
.off-knowledge .groups .bosom p{
	background-position-y: -77px;
}
.off-knowledge .family .bosom p{
	background-position-y: -222px;
}
.off-knowledge .should .bosom p{
	background-position-y: -321px;
}

.off-after-service{ width:100%; height:auto; margin:0px auto 0px; background:#f8f6e5; padding-top:120px; padding-bottom:100px;}
.off-after-service .off-header{ width:500px;}
.off-after-service .off-header p{ width:245px; background:#f8f6e5;}
.off-header-tit2{ width:1200px; margin:0 auto; text-align:center; font-size:2.875rem; font-family:"方正黑体简体"; line-height:50px; position:relative; padding-top:70px; padding-bottom:30px;}
.off-header-tit2 span{ font-size:1rem; position:absolute; }

.off-after-service1{ width:1200px; margin:0 auto; position:relative; height:240px;}
.off-service1-left{ position:absolute; width:525px; height:240px; left:98px; background:url(../image/ico55.png) -10px -1230px no-repeat;}
.off-service1-left p:nth-of-type(1){ width:340px; color:#333333; font-size:1.375rem; line-height:35px; margin-top:40px; margin-left:100px; font-family:"方正黑体简体"; letter-spacing:1px;}
.off-service1-left p:nth-of-type(2){ margin-top:50px; margin-left:125px;}

.off-service1-right{ position:absolute; width:525px; height:240px; right:98px; background:url(../image/ico55.png) -10px -1230px no-repeat;
    -moz-transform:rotate(180deg);      -webkit-transform:rotate(180deg);    transform:rotate(180deg);    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.off-service1-right p{-moz-transform:rotate(-180deg);      -webkit-transform:rotate(-180deg);    transform:rotate(-180deg);    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.off-service1-right p:nth-of-type(1){ text-align:right; margin-top:40px; margin-left:100px; width:410px; color:#333333; font-size:1.375rem; line-height:35px; font-family:"方正黑体简体"; letter-spacing:1px;}
.off-service1-right p:nth-of-type(2){ text-align:right; margin-top:40px; margin-left:105px; width:410px;}

.off-after-service2{ width:1200px; margin:0 auto; padding-top:65px; padding-bottom:85px; }
.off-after-service2 ul{ margin:0 auto; float:left;}
.off-after-service2 ul li {
    background: rgba(0, 0, 0, 0) url("../image/free.png") no-repeat scroll 0 0;
    float: left;
    position: relative;
    text-align: center;
    width:140px; height:140px; border-radius:50%; border:2px solid #cacaca;
}
.off-after-service2 ul li:nth-of-type(1) {
    background-position: -20px 5px;  margin-left:40px;
}
.off-after-service2 ul li:nth-of-type(2) {
    background-position: -238px 10px; margin-left:100px;
}
.off-after-service2 ul li:nth-of-type(3) {
    background-position: -500px 15px; margin-left:100px;
}
.off-after-service2 ul li:nth-of-type(4) {
    background-position: -732px 8px; margin-left:100px;
}
.off-after-service2 ul li:nth-of-type(5) {
    background-position: -982px 10px; margin-left:100px;
}


.off-after-service3{width: 850px;  height: 400px; padding: 60px 70px; border-radius: 10px; margin:0 auto; border:1px solid #9b9b9b; box-shadow:0 0 10px 10px #ecead9; background:#fff;}
.off-after-service3 .left{ width: 525px; height: 100%;  float: left; font-size: 18px; color: #999999;}
.off-after-service3  .right{  width: 250px; height: 100%;  padding-top: 75px;  float: right;}
.off-after-service3  .right .bm,.off-after-service3  .right .butt{
    background: rgba(102,102,102,102);
    width: 248px;
    height: 80px;
    border: 1px solid #333333;
    color: #FFFFFF;
    font-size: 28px; 
    text-align: center;
    line-height: 77px;
    position: meilh;
    border-radius: 10px;
}
.off-after-service3 .right .butt{
	margin-bottom: 54px;
}
.off-after-service3 .right .bm:hover,.off-after-service3 .right .butt:hover{
   background:#000000; cursor:pointer;
}


.off-after-service3 .left input{
    width: 510px;
    height: 80px;
    padding-left: 10px;
    margin-bottom: 20px;
    border: 1px solid #afafaf;
    border-radius: 2px;
	font-size:18px; color:#666;
}
.off-after-service3 .left p{
    width: 525px;
    height: 82px;
    margin-bottom: 20px;
    text-align: left; position:relative;
}
.off-after-service3  .left p input{   width:290px;}
.off-after-service3 .left .span_ys, .off-after-service3 .left .span_mj {
    color: #777777;
    font-size: 20px;
    line-height: 80px;
    position: absolute;
    right: 20px; background:none;
}
.off-after-service3 .left p select{
    border: 1px solid #afafaf;
    border-radius: 2px;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    padding-right: 24px;
    width:205px;
	height: 80px;
	display:inline-block;
	color:#666666;
	margin-right:10px;
	font-size:18px;
	padding-left:10px;

    background-image: url("../image/arrow.png") no-repeat scroll right center transparent;
}
.off-after-service3 .left p select option{background-color: #fff; line-height:30px;}
.off-after-service3 .left p  select::-ms-expand { display: none; }



::-webkit-input-placeholder { color: #666; } 
:-ms-input-placeholder { color: #666;} 
::-moz-placeholder { color: #000;} 
:-moz-placeholder { color: #666; }