html {
-ms-overflow-x: hidden;
}
html {
font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \5b8b体, sans-serif; width: 100%; -ms-overflow-x: hidden; font-size-adjust: none; font-stretch: normal; -ms-text-size-adjust: 100%; background-color: rgb(255, 255, 255); -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;
}
body {
font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hiragino Sans GB, \5b8b体, sans-serif; width: 100%; -ms-overflow-x: hidden; font-size-adjust: none; font-stretch: normal; -ms-text-size-adjust: 100%; background-color: rgb(255, 255, 255); -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;
}
body {
margin: 0px; padding: 0px;
}
h1 {
margin: 0px; padding: 0px;
}
h2 {
margin: 0px; padding: 0px;
}
h3 {
margin: 0px; padding: 0px;
}
h4 {
margin: 0px; padding: 0px;
}
h5 {
margin: 0px; padding: 0px;
}
h6 {
margin: 0px; padding: 0px;
}
ul {
margin: 0px; padding: 0px;
}
ol {
margin: 0px; padding: 0px;
}
li {
margin: 0px; padding: 0px;
}
dl {
margin: 0px; padding: 0px;
}
dt {
margin: 0px; padding: 0px;
}
dd {
margin: 0px; padding: 0px;
}
img {
margin: 0px; padding: 0px;
}
p {
margin: 0px; padding: 0px;
}
span {
margin: 0px; padding: 0px;
}
input {
margin: 0px; padding: 0px;
}
select {
margin: 0px; padding: 0px;
}
textarea {
margin: 0px; padding: 0px;
}
article {
display: block;
}
aside {
display: block;
}
footer {
display: block;
}
header {
display: block;
}
nav {
display: block;
}
section {
display: block;
}
img {
display: block;
}
span {
display: block;
}
a {
display: block;
}
a {
text-decoration: none;
}
a:active {
}
a:focus {
outline: 0px;
}
img {
border: currentColor; border-image: none;
}
li {
list-style-type: none;
}
em {
font-style: normal;
}
input {
border: currentColor; border-image: none; display: block; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
select {
border: currentColor; border-image: none; display: block; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
textarea {
border: currentColor; border-image: none; display: block; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.clearfix::before {
display: table; content: "";
}
.clearfix::after {
display: table; content: "";
}
.clearfix::after {
clear: both;
}
.clearfix {
}
.g-fl {
float: left;
}
.g-fr {
float: right;
}
.ds-inline {
display: inline;
}
.tar {
text-align: right;
}
.tac {
text-align: center;
}
.tal {
text-align: left;
}
.ttI {
text-indent: -9999px;
}
.fl {
float: left;
}
.fr {
float: right;
}
.pr {
position: relative;
}
.pa {
position: absolute;
}
.ofh {
overflow: hidden;
}
.box-s {
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;
}
.clbe9d67 {
color: rgba(190, 157, 103, 1);
}
.cl271c1c {
color: rgba(39, 28, 28, 1);
}
.cl888 {
color: rgba(136, 136, 136, 1);
}
.clred {
color: rgba(144, 0, 0, 1);
}
.bdr-b {
border-bottom-color: rgba(184, 141, 90, 1); border-bottom-width: 1px; border-bottom-style: solid;
}
.bdr-b725533 {
border-bottom-color: rgba(114, 85, 51, 1); border-bottom-width: 3px; border-bottom-style: solid;
}
.bdr-bBE9D68 {
border-bottom-color: rgba(190, 157, 104, 1); border-bottom-width: 3px; border-bottom-style: solid;
}
#g-root {
background: #ffffff; width: 100%; height: auto; position: relative;
}
.g-center-block {
margin: 0px auto; width: 1200px; height: auto;
}
.g-box-sizing {
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.g-fixed {
position: relative; z-index: 10000;
}
.current.g-fixed {
left: 0px; top: 0px; width: 100%; position: fixed; box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
}
.g-box {
width: 100%; height: 182px; display: none;
}
.g-header-top {
height: 38px; border-top-color: rgb(230, 229, 228); border-bottom-color: rgb(230, 229, 228); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: relative; z-index: 9999; background-color: rgb(241, 239, 235);
}
.g-hdt-left {
height: 36px; line-height: 36px;
}
.g-hdt-right {
height: 36px; line-height: 36px;
}
.g-hdt-left {
float: left;
}
.g-hdt-right {
float: right;
}
.g-hdt-left > li {
font-size: 14px; float: left; position: relative;
}
.g-hdt-right > li {
font-size: 14px; float: left; position: relative;
}
.g-hdt-left > li + li {
padding: 0px 0px 0px 24px;
}
.g-hdt-right > li + li {
padding: 0px 0px 0px 28px;
}
.g-hdt-left > li + li::before {
top: -1px; color: rgb(205, 184, 150); font-size: 12px; display: block; position: absolute; content: "|";
}
.g-hdt-right > li + li::before {
top: -1px; color: rgb(205, 184, 150); font-size: 12px; display: block; position: absolute; content: "|";
}
.g-hdt-left > li + li::before {
left: 10px;
}
.g-hdt-right > li + li::before {
left: 12px;
}
.g-hdt-left a {
color: rgb(134, 116, 95);
}
.g-hdt-right a {
color: rgb(134, 116, 95);
}
.g-hdt-left a:hover {
color: rgb(153, 0, 0);
}
.g-hdt-right a:hover {
color: rgb(153, 0, 0);
}
.g-hdt-mobile a {
background: url("../images/g-hdt-mobile.png") no-repeat left / 12px 18px; padding: 0px 0px 0px 16px;
}
.g-hdt-mobile a:hover {
background: url("../images/g-hdt-mobile-current.png") no-repeat left / 12px 18px; color: rgb(153, 0, 0);
}
.g-hdt-mobile a.current {
background: url("../images/g-hdt-mobile-current.png") no-repeat left / 12px 18px; color: rgb(153, 0, 0);
}
.g-hdt-qrCode {
background: rgb(87, 55, 28); margin: 0px 0px 0px -63px; padding: 7px 0px 0px; border: 1px solid rgb(80, 50, 24); border-image: none; left: 50%; top: 100%; width: 126px; height: 150px; display: none; position: absolute; cursor: pointer;
}
.g-hdt-qrCode::before {
margin: 0px 0px 0px -7px; left: 50%; top: -12px; border-right-color: transparent; border-bottom-color: rgb(87, 55, 28); border-left-color: transparent; border-right-width: 7px; border-bottom-width: 12px; border-left-width: 7px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; content: "";
}
.g-hdt-qrCode img {
margin: 0px auto; width: 106px; height: 111px;
}
.g-hdt-qrCode em {
padding: 6px 0px 0px; text-align: center; color: rgb(255, 255, 255); line-height: 1; font-size: 12px; display: block;
}
.g-header {
background: rgb(250, 247, 241); height: 90px; position: relative; z-index: 9998;
}
.g-logo {
padding: 16px 0px; width: 400px; height: 58px; float: left;
}
.g-hq-logo {
background: url("../images/g-hq-logo.png") no-repeat left / 146px 52px; width: 146px; height: 58px; float: left;
}
.g-cctv-logo {
background: url("../images/g-cctv-logo.png") no-repeat left / 225px 57px; width: 225px; height: 58px; float: right; position: relative;
}
.g-cctv-logo::before {
background: rgb(146, 123, 96); left: -15px; top: 4px; width: 1px; height: 50px; display: block; position: absolute; content: "";
}
.g-hd-right {
padding: 16px 0px; height: 58px; float: right;
}
.g-hd-right > li {
float: left;
}
.g-hd-right > li + li {
margin: 0px 0px 0px 30px;
}
.g-hd-right > li > a {
padding: 0px 0px 0px 40px; color: rgb(104, 76, 44); line-height: 58px; font-size: 16px; font-weight: 700;
}
.g-hd-right > li > a:hover {
color: rgb(153, 0, 0);
}
.g-hd-immigration-self-test a {
background: url("../images/g-hd-immigration-self-test.png") no-repeat left / 32px 32px;
}
.g-hd-immigration-self-test a:hover {
background: url("../images/g-hd-immigration-self-test-current.png") no-repeat left / 32px 32px;
}
.g-hd-video-resolution a {
background: url("../images/g-hd-video-resolution.png") no-repeat left / 32px 32px;
}
.g-hd-video-resolution a:hover {
background: url("../images/g-hd-video-resolution-current.png") no-repeat left / 32px 32px;
}
.g-hd-immigration-bible a {
background: url("../images/g-hd-immigration-bible.png") no-repeat left / 32px 32px;
}
.g-hd-immigration-bible a:hover {
background: url("../images/g-hd-immigration-bible-current.png") no-repeat left / 32px 32px;
}
.g-hd-search-container {
padding: 3px 0px 0px; width: 224px; height: 28px;
}
.g-hd-search {
width: 224px; height: 28px; position: relative;
}
.g-hd-search-select {
border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(229, 229, 229) currentColor rgb(229, 229, 229) rgb(229, 229, 229); border-image: none; left: 0px; top: 0px; width: 68px; height: 28px; position: absolute; cursor: pointer; -ms-overflow-y: hidden;
}
.g-hd-search-option {
background: url("../images/g-hd-search-select.png") no-repeat 48px 10px rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-image: none; left: -1px; top: -1px; width: 100%; color: rgb(104, 76, 44); line-height: 26px; text-indent: 12px; font-size: 14px; position: absolute;
}
.g-hd-search-text {
padding: 0px 4px 0px 0px; left: 66px; top: 0px; width: 116px; height: 28px; color: rgb(104, 76, 44); font-size: 14px; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; position: absolute;
}
.g-hd-search-btn {
background: url("../images/g-hd-search-btn.png") no-repeat center rgb(166, 126, 61); top: 0px; width: 42px; height: 28px; right: 0px; font-size: 0px; position: absolute; cursor: pointer;
}
.g-nav {
background: url("../images/g-nav-bg.jpg") repeat-x left top; height: 54px; position: relative; z-index: 9997;
}
.g-nav-item {
width: 120px; float: left; position: relative;
}
.g-nav-item > a {
width: 120px; height: 54px; text-align: center; color: rgb(250, 247, 241); line-height: 54px; font-size: 18px;
}
.current.g-nav-item > a {
background: rgb(190, 157, 103); color: rgb(255, 255, 255);
}
.current.g-nav-item > .g-nav-item-list {
display: block;
}
.g-nav-item-list {
left: 0px; top: 100%; width: 100%; display: none; position: absolute;
}
.g-nav-item-list > li {
position: relative;
}
.g-nav-item-list > li + li {
border-top-color: rgb(97, 70, 38); border-top-width: 1px; border-top-style: solid;
}
.g-nav-item-list > li > a {
background: rgba(66, 40, 17, 0.9); width: 100%; height: 35px; text-align: center; color: rgb(245, 234, 214); line-height: 35px; font-size: 14px;
}
.g-nav-item-list > li > dl {
background: rgba(66, 40, 17, 0.7); top: 0px; overflow: hidden; display: none; position: absolute;
}
.left.g-nav-item-list > li.current > dl {
left: 100%;
}
.right.g-nav-item-list > li.current > dl {
right: 100%;
}
.g-nav-item-list > li > dl > dd {
width: 210px; text-align: center; line-height: 36px; font-size: 14px;
}
.left.g-nav-item-list > li > dl > dd {
float: left;
}
.right.g-nav-item-list > li > dl > dd {
float: right;
}
.g-nav-item-list > li > dl > dd > a {
color: rgb(255, 255, 255);
}
.g-nav-item-list > li > dl > dd > a:hover {
text-decoration: underline;
}
.g-nav-item-list > li.current > a {
background: rgba(80, 50, 24, 1); color: rgb(255, 255, 255);
}
.left.g-nav-item-list > li.current > dl::before {
top: 10px; width: 0px; height: 0px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute; z-index: 2; content: "";
}
.right.g-nav-item-list > li.current > dl::before {
top: 10px; width: 0px; height: 0px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 8px; border-bottom-width: 8px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute; z-index: 2; content: "";
}
.left.g-nav-item-list > li.current > dl::before {
left: 0px; border-left-color: rgba(80, 50, 24, 1); border-left-width: 8px; border-left-style: solid;
}
.right.g-nav-item-list > li.current > dl::before {
right: 0px; border-right-color: rgba(80, 50, 24, 1); border-right-width: 8px; border-right-style: solid;
}
.g-nav-item-list > li.current > dl {
display: block;
}
.g-footer {
background: rgb(39, 28, 28); height: auto;
}
.g-ft-top {
padding: 24px 0px; border-bottom-color: rgb(67, 53, 41); border-bottom-width: 1px; border-bottom-style: solid;
}
.g-ft-top dt {
float: left;
}
.g-ft-top dd {
float: left;
}
.g-ft-top dt {
height: 52px; color: rgb(141, 107, 65); line-height: 26px; font-size: 18px; font-weight: 700;
}
.g-ft-top dd {
padding: 0px 14px; line-height: 26px; font-size: 12px; position: relative;
}
.g-ft-top dd a {
color: rgb(141, 107, 65);
}
.g-ft-top dd a:hover {
color: rgb(153, 0, 0);
}
.g-ft-top dd + dd::before {
left: 0px; top: 0px; width: 0px; height: 0px; color: rgb(141, 107, 65); font-size: 12px; display: block; position: absolute; content: "|";
}
.g-ft-top dd.no-before::before {
content: "";
}
.g-ft-bottom {
border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.g-ft-bottom .g-center-block {
width: 1002px;
}
.g-ft-link {
height: 46px; text-align: center; line-height: 46px; font-size: 0px; border-bottom-color: rgb(67, 53, 41); border-bottom-width: 1px; border-bottom-style: solid;
}
.g-ft-link li {
padding: 0px 7px; font-size: 14px; display: inline-block; position: relative;
}
.g-ft-link li + li::before {
background: rgb(255, 255, 255); margin: -0.5px 0px 0px; left: -2px; top: 50%; width: 5px; height: 1px; display: block; position: absolute; content: "";
}
.g-ft-link li a {
color: rgb(255, 255, 255);
}
.g-ft-link li a:hover {
color: rgb(153, 0, 0);
}
.g-ft-b-container {
margin: 0px auto; padding: 30px 0px; width: 1004px; height: 182px; border-top-color: rgb(0, 0, 0); border-top-width: 1px; border-top-style: solid;
}
.g-ft-b-l {
padding: 7px 12px 0px; height: 100%; border-right-color: rgb(67, 53, 41); border-right-width: 1px; border-right-style: solid; float: left;
}
.g-ft-b-l li {
margin: 0px 24px 0px 0px; width: 110px; float: left;
}
.g-ft-b-l li img {
width: 110px; height: 110px;
}
.g-ft-b-l li p {
text-align: center; color: rgb(141, 107, 65); line-height: 40px;
}
.g-ft-b-r {
padding: 0px 0px 0px 16px; height: 100%; border-left-color: rgb(0, 0, 0); border-left-width: 1px; border-left-style: solid; float: left;
}
.g-ft-copyRight {
color: rgb(141, 107, 65); line-height: 26px; font-size: 14px;
}
.g-ft-thead-title {
color: rgb(141, 107, 65); line-height: 26px; float: left;
}
.g-ft-thead-list {
color: rgb(141, 107, 65); line-height: 26px; float: left;
}
.g-ft-thead-list li {
color: rgb(141, 107, 65); line-height: 26px; float: left;
}
.g-ft-thead-list li {
margin: 0px 6px; cursor: pointer;
}
.g-ft-thead-list li.current {
color: rgb(255, 255, 255);
}
.no-float {
clear: both;
}
.g-ft-tbody {
color: rgb(141, 107, 65); line-height: 26px; font-size: 14px;
}
.g-ft-tbody dl {
display: none;
}
.g-ft-tbody dl.show {
display: block;
}
.g-ft-tbody dd {
padding: 0px 0px 0px 32px;
}
.g-ft-hotline {
background: url("../images/g-ft-hotline.png") no-repeat left;
}
.g-ft-telephone {
background: url("../images/g-ft-telephone.png") no-repeat 3px;
}
.g-ft-address {
background: url("../images/g-ft-address.png") no-repeat 3px;
}
#g-right {
padding: 0px; top: 114px; width: 60px; height: auto; right: 0px; position: fixed; z-index: 10000;
}
.current#g-right > a {
display: none;
}
.current#g-right > ul {
display: none;
}
.current#g-right {
margin: -24.5px 0px 0px; padding: 0px; height: 49px;
}
#g-right span {
background: url("../images/right_small.jpg") no-repeat center; height: 49px; cursor: pointer;
}
.current#g-right span {
display: block; cursor: pointer;
}
.current#g-right span {
display: block;
}
#g-right > a {
float: right;
}
#g-right li {
width: 60px; height: 59px; position: relative;
}
#g-right li a {
width: 100%; height: 100%;
}
#g-right li:hover {
background: rgb(137, 106, 69);
}
#g-right li div {
border-radius: 5px 0px 0px 5px; top: -1px; right: 0px; margin-right: 60px; display: none; position: absolute;
}
#g-right li.current div {
display: block;
}
#g-right li.saoyisao div {
background: rgb(255, 255, 255); padding: 6px; border: 3px solid rgb(83, 52, 26); border-image: none; overflow: hidden;
}
#g-right li.callback div {
background: rgb(83, 52, 26); padding: 2px 6px; border: 3px solid rgb(83, 52, 26); border-image: none; overflow: hidden;
}
#g-right li.callback div input[type=text] {
padding: 0px 0px 0px 8px; border-radius: 5px; width: 140px; height: 28px; box-shadow: inset 0px 0px 5px 0px rgba(5,12,22,0.35); background-color: rgb(255, 255, 255);
}
#g-right li.callback div input[type=button] {
background: none; width: 148px; text-align: center; color: rgb(245, 234, 214); line-height: 22px; font-weight: 700;
}
#g-right li + li {
border-top-color: rgb(137, 106, 69); border-top-width: 1px; border-top-style: solid;
}
#g-right li.current {
background: rgb(137, 106, 69);
}
#g-right li a {
padding: 40px 0px 0px; width: 60px; height: 20px; text-align: center; color: rgb(245, 234, 214); line-height: 1; position: relative;
}
#g-right li.current a::before {
margin: -8px 0px 0px; left: 0px; top: 50%; width: 0px; height: 0px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(83, 52, 26); border-top-width: 8px; border-bottom-width: 8px; border-left-width: 10px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; content: "";
}
#g-right li a.a1 {
background: url("../images/zixun.png") no-repeat center 10px;
}
#g-right li a.a2 {
background: url("../images/weixin.png") no-repeat center 10px;
}
#g-right li a.a3 {
background: url("../images/pinggu.png") no-repeat center 10px;
}
#g-right li a.a4 {
background: url("../images/dingzhi.png") no-repeat center 10px;
}
#g-right li a.a5 {
background: url("../images/guojia.png") no-repeat center 10px;
}
#g-right li a.a6 {
background: url("../images/shipin.png") no-repeat center 10px;
}
#g-right li a.a7 {
background: url("../images/dianhua.png") no-repeat center 10px;
}
#g-right li a.a8 {
background: url("../images/top.png") no-repeat center 10px;
}
#g-right li a.a9 {
background: url("../images/lingjiang.png") no-repeat center 10px;
}
.g-backTop {
display: none;
}
a.tu:visited,a.tu:link {
}
a.tu:hover {
opacity: 0.8;
}
a.lf1826:visited,a.lf1826:link {
color:#262626;font-family: 18; TEXT-DECORATION: none;
}
a.lf1826:hover {
color:#363636;font-family: 18; TEXT-DECORATION: none;
}
.f30cu{
color:#262626;
font-family:30;
font-weight: bold;
}
.f1826{
color:#262626;font-family: 18;}
.f18eb{
color:#eb0000;font-family: 18;}
.fhuang{
color:#8d6b41;
}
ul {
list-style: none; margin: 0px; padding: 0px; font-family: "Microsoft YaHei";
}
li {
list-style: none; margin: 0px; padding: 0px; font-family: "Microsoft YaHei";
}
img {
border: currentColor; border-image: none; display: inline;
}
a {
text-decoration: none;
}
.fl {
float: left;
line-height: 30px;
}
.fr {
float: right;
}
.mt20 {
margin-top: 20px;
}
.mt10 {
margin-top: 10px;
}
.mb10 {
margin-bottom: 10px;
}
.clear {
clear: both;
}
.container {
width: 1200px;
height: auto;
clear: both;
position: relative;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.b {
margin-top: 5px;
}
.c {
margin-top: 30px;
}
.header {
background: rgb(40, 40, 40); padding: 5px 0px; width: 100%; color: rgb(255, 255, 255); font-size: 14px;
}
.header .tel {
background: url("../images/phone.png") no-repeat; padding: 0px 0px 0px 30px; line-height: 24px; font-size: 16px; font-weight: bold; margin-top: -2px; float: right;
}
.top {
margin: 0px auto; width: 100%; height: 100px; border-bottom-color:#0f881d; border-bottom-width: 1px; border-bottom-style: solid; float: left; display: inline; position: relative; z-index: 20; background-color: rgb(250, 250, 250);
}
.top .container {
width: 1200px;
}
.top .tel {
background: url("../images/tel_400.png") no-repeat; width: 180px; height: 51px; margin-top: 20px; float: right; display: block;
}
.banner {
background: no-repeat center 0px; margin: 0px auto; width: 100%; height: 220px; float: left;
}
.high.banner {
height: 380px;
}
.banner strong {
color: rgb(255, 255, 255); font-size: 36px; font-weight: normal; margin-top: 60px; float: left;
}
.banner span {
margin: 70px 0px 0px 10px; color: rgb(255, 255, 255); font-size: 28px; font-weight: normal; float: left; display: inline;
}
.banner p {
padding: 5px 0px; width: 1000px; height: auto; color: rgb(255, 255, 255); float: left;
}
.bottom {
background: url("../images/bottom.png") no-repeat center; width: 100%; height: 50px; bottom: 0px; position: fixed !important; z-index: 9999;
}
.bottom a {
width: 90px; height: 26px; margin-top: 12px; margin-left: 5px; float: right; display: inline; cursor: pointer;
}
.bottom a.talk {
background-image: url("../images/b_talk.png");
}
.bottom a.counter_b {
background-image: url("../images/b_counter.png");
}
.bottom a.design {
background-image: url("../images/b_design.png");
}
.bottom a.close {
width: 12px; height: 12px; margin-top: 4px; margin-right: -80px; background-image: url("../images/b_close.png");
}
.bottom a:hover {
border: 1px solid rgb(255, 36, 37); border-image: none;
}
body #lim_mini {
bottom: 50px;
}
.logo {
background: url("../images/logo.png") no-repeat; width: 209px; height: 70px; margin-top: 20px; float: left;
}
.show_case .list img {
transition:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.site .selector {
transition:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.menu {
margin-top: 30px;
margin-right: 30px;
float: right;
margin-left: 0px;
}
.menu li {
width: 90px; height: 47px; text-align: center; margin-top: 15px; border-bottom-color: rgb(250, 250, 250); border-bottom-width: 2px; border-bottom-style: solid; float: left;
}
.menu li:hover {
color: #0f881d;
}
.menu li a {
color: rgb(102, 102, 102); font-size: 14px; text-decoration: none;
}
.menu li a:hover {
color: #0f881d;
}
.menu li.sp {
width: 1px; height: 100px; float: left; background-color: rgb(238, 238, 238);
}
.foot {
background: #136c36; margin: 30px auto 0px; width: 100%; height: auto; float: left;
}
.foot .foot_left {
padding: 40px 0px; width: 190px; height: auto; color: rgb(255, 255, 255); float: left;
}
.foot .foot_left strong {
padding: 5px 0px; width: 190px; font-size: 14px; float: left;
}
.foot .foot_left p {
width: 190px; line-height: 140%; font-size: 12px; float: left;
}
.foot .foot_middle {
padding: 40px 0px; width: 240px; height: auto; color: rgb(255, 255, 255); margin-left: 100px; float: left; display: inline;
}
.foot .foot_middle strong {
padding: 5px 0px; width: 240px; font-size: 14px; float: left;
}
.foot .foot_middle a {
width: 80px; color: rgb(255, 255, 255); line-height: 200%; font-size: 12px; text-decoration: none; float: left;
}
.foot .foot_right {
padding: 40px 0px; width: 370px; height: auto; color: rgb(255, 255, 255); margin-left: 100px; float: left; display: inline;
}
.foot .foot_right img {
float: right;
}
.foot .foot_right strong {
padding: 5px 0px; width: 250px; font-size: 14px; margin-left: 10px; float: left;
}
.foot .foot_right p {
width: 360px; line-height: 140%; font-size: 12px; margin-left: 10px; float: left;
}
.foot .foot_right .weixin {
background: url("../images/icon_weixin.png") no-repeat; margin: 5px 0px 0px 10px; width: 30px; height: 24px; float: left; display: inline;
}
.foot .foot_right .qq {
background: url("../images/icon_qq.png") no-repeat; margin: 5px 0px 0px 5px; width: 30px; height: 24px; float: left; display: inline;
}
.foot .foot_right .weibo {
background: url("../images/icon_weibo.png") no-repeat; margin: 5px 0px 0px 5px; width: 30px; height: 24px; float: left; display: inline;
}
.foot_bottom {
background: rgb(40, 40, 40); width: 100%; height: auto; float: left;
}
.foot_bottom .line {
padding: 20px 0px; height: auto; color: rgb(255, 255, 255); font-size: 12px; float: left;
}
.foot_bottom .copyright strong {
color: rgb(255, 255, 255); font-size: 12px; float: left;
}
.foot_bottom .line a {
color: rgb(255, 255, 255); text-decoration: none;
}
.foot_bottom .copyright {
padding: 20px 0px; width: 480px; height: auto; float: left;
}
.foot_bottom .copyright span {
color: rgb(255, 255, 255); font-size: 12px; float: left;
}
.slides {
margin: 0px auto; width: 100%; height: 500px; text-align: center; float: left; position: relative;
}
.slides .imgs a {
background: no-repeat center; width: 100%; height: 500px; float: left; display: block;
}
.slides .points li {
background: rgb(118, 118, 118); margin: 5px; width: 35px; height: 5px; display: inline-block; cursor: pointer;
}
.slides .points li.on {
background: rgb(242, 142, 31);
}
.slides .prev {
background: url("../images/prev.png") no-repeat center; left: 50%; top: 0px; width: 45px; height: 500px; margin-left: -665px; float: right; position: absolute; opacity: 0.2;
}
.slides .next {
background: url("../images/next.png") no-repeat center; left: 50%; top: 0px; width: 45px; height: 500px; margin-left: 620px; float: left; position: absolute; opacity: 0.2;
}
.slides:hover .prev {
opacity: 1;
}
.slides:hover .next {
opacity: 1;
}
.slides_n {
margin: 0px auto; left: 0px; width: 100%; text-align: center; bottom: 5px; display: block; position: absolute; z-index: 1;
}
.slides_n ul {
margin: 0px auto; width: 1200px;
}
.title_1 {
background: url("../images/title_1.png") no-repeat center 0px;
width: 100%;
height: 70px;
float: left;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.title_vr {
background: url("../images/gsvr.jpg") no-repeat center 0px;
width: 100%;
height: 70px;
float: left;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.i-pro {
width: 1000px; height: auto; margin-top: 40px; float: left;
}
.i-pro .nei {
width: 326px; height:250px; margin-left: 10px; float: left; display: inline;
}
.i-pro .box1 {
width: 326px; height: 410px; margin-right: 10px; float: left; display: inline;
}
.i-pro .box2 {
width: 326px; height: 410px; float: left; display: inline;
}
.i-pro dd {
margin-bottom: 6px; position: relative;
}
.i-pro dd span {
background: rgb(51, 51, 51); transition:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); left: 0px; width: 100%; height: 30px; text-align: center; bottom: 4px; color: rgb(255, 255, 255); line-height: 30px; overflow: hidden; font-size: 14px; position: absolute; z-index: 5; opacity: 0.7; -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.i-pro dd:hover span {
height: 65px; opacity: 1;
}
.i-pro dd img {
transition:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.i-pro i {
background: rgb(251, 71, 72); padding: 2px 5px; width: 170px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; clear: both; font-size: 14px; font-style: normal;
}
.i-pro .more {
padding: 3px 17px; border-radius: 5px; width: 115px; height: 22px; right: 25px; bottom: 25px; color: rgb(251, 71, 72); font-size: 16px; float: right; position: absolute; z-index: 10; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}
.i-pro .o.more {
border-color: rgb(255, 116, 73); color: rgb(255, 116, 73);
}
.show_case {
width: 1000px; height: auto; margin-top: 40px; float: left;
}
.show_case .box1 .title {
width: 100%; height: 100px; float: left;
}
.show_case .box1 {
width: 300px; height: 400px; float: left;
}
.rbox.show_case .box1 {
float: right;
}
.show_case .info {
width: 300px; height: 150px; float: left;
}
.show_case .info img {
clear: both; float: left;
}
.rbox.show_case .info img {
float: right;
}
.show_case .info a {
background: rgb(86, 86, 86); padding: 4px 15px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; margin-top: 10px; border-right-color: rgb(86, 86, 86); border-right-width: 1px; border-right-style: solid; float: left;
}
.rbox.show_case .info a {
float: right;
}
.show_case .list {
float: left;
}
.show_case .list li {
width: 64px; height: 250px; margin-right: 11px; float: left; display: inline; position: relative; cursor: pointer;
}
.rbox.show_case .list li {
margin: 0px 0px 0px 11px;
}
.show_case .list img.fore {
left: 0px; top: 0px; position: absolute; opacity: 0;
}
.show_case li:hover img.fore {
opacity: 1;
}
.show_case .list li.on img {
opacity: 1;
}
.show_case .box2 {
width: 700px; height: 400px; float: left; position: relative;
}
.show_case .box2 img {
left: 0px; top: 0px; width: 700px; height: 400px; float: left; position: absolute; opacity: 1;
}
.show_case .box2 img.add {
display: none; z-index: 9;
}
.show_case .box2 .prev {
background: url("../images/img_prev.png") no-repeat; margin: -230px 0px 0px 10px; width: 60px; height: 60px; float: left;
}
.show_case .box2 .next {
background: url("../images/img_next.png") no-repeat; margin: -230px 10px 0px 0px; width: 60px; height: 60px; float: right;
}
.title_2 {
background: url("../images/title_2.png") no-repeat center 0px; margin: 40px 0px 0px; width: 100%; height: 70px; float: left;
}
.budget {
background: rgb(241, 239, 240); margin: 30px 0px 0px; width: 100%; height: 180px; float: left;
}
.sign {
width: 1000px; height: auto; float: left;
}
.counter {
background: url("../images/counter.jpg") no-repeat; width: 1000px; height: 180px; font-size: 12px; float: left;
}
.counter .ico {
width: 245px; height: 180px; float: left; display: block;
}
.counter ul {
width: 480px; margin-top: 15px; float: left;
}
.counter li {
margin: 12px 0px 12px 15px; width: 220px; height: 22px; font-size: 14px; float: left; display: inline;
}
.counter li select {
border: 1px solid rgb(216, 216, 216); border-image: none; width: 136px; height: 22px; color: rgb(102, 102, 102); margin-left: 5px;
}
.counter li input[type=text] {
border: 1px solid rgb(216, 216, 216); border-image: none; width: 130px; height: 22px; color: rgb(102, 102, 102); padding-left: 5px; margin-left: 8px;
}
.counter .product input {
display: none;
}
.counter [type=radio] {
display: none;
}
.counter [type=checkbox] {
display: none;
}
.counter label {
padding: 2px 5px; border: 1px solid rgb(222, 222, 222); border-image: none; cursor: pointer;
}
.counter label.sel {
background: rgb(255, 48, 48); color: rgb(255, 255, 255); cursor: pointer;
}
.counter label:hover {
background: rgb(255, 48, 48); color: rgb(255, 255, 255); cursor: pointer;
}
.counter #getcode {
background: rgb(51, 51, 51); padding: 3px 8px; width: 75px; color: rgb(255, 255, 255); font-size: 12px;
}
.counter #code {
width: 106px; height: 20px;
}
.counter .parts {
width: 400px;
}
.counter .parts input {
display: none;
}
.counter .service {
border: currentColor; border-image: none; width: 115px; height: 30px; color: rgb(255, 255, 255); font-family: "Microsoft YaHei"; font-weight: bold; margin-left: 10px; float: left; cursor: pointer; background-color: rgb(255, 36, 37);
}
.counter .artificial {
border: currentColor;
border-image: none;
width: 115px;
height: 30px;
color: rgb(255, 255, 255);
font-family: "Microsoft YaHei";
font-weight: bold;
margin-left: 80px;
float: left;
cursor: pointer;
background-color: #ff2425;
margin-top: 20px;
}
.counter .price {
margin: 15px 0px 0px; width: 260px; text-align: center; float: left;
}
.counter .price div {
margin: 10px 0px 0px 40px; width: 180px; height: 35px; color: rgb(255, 36, 37); line-height: 35px; font-size: 16px; font-weight: bold; background-color: rgb(255, 255, 255);
}
.counter .price strong {
color: rgb(255, 36, 37); font-size: 18px;
}
.counter .price p {
padding: 12px 0px; color: rgb(153, 153, 153); font-size: 12px;
}
.show720 {
background: url("../images/pan_bg.png") no-repeat center 0px; margin: 30px 0px 0px; width: 100%; height: 320px; float: left;
}
.show720 .show {
width: 187px; height: auto; float: left;
}
.show720 .show img {
margin-top: 20px; float: left;
}
.show720 .show p {
width: 180px;
color: rgb(153, 153, 153);
line-height: 150%;
float: left;
display: inline;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
}
.show720 .show a {
background: rgb(0, 0, 0); width: 150px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-size: 14px; text-decoration: none; margin-top: 10px; float: left;
}
.show720 .ship {
background: url("../images/ship.png") no-repeat; margin: 50px 172px 0px 0px; width: 350px; height: 185px; float: right; display: inline;
}
.join {
background: url("../images/ad_bg.jpg") no-repeat center 0px; margin: 50px 0px 0px; width: 100%; height: 240px; float: left;
}
.join .join_us {
margin: 60px 0px 0px 100px; width: 595px; height: auto; float: left; display: inline;
}
.join .tel {
background: url("../images/tel.png") no-repeat; margin: 60px 0px 0px 30px; width: 175px; height: 55px; float: left;
}
.join .join_btn {
background: url("../images/join_btn.png") no-repeat; margin: 5px 0px 0px 30px; border: currentColor; border-image: none; width: 175px; height: 45px; float: left;
}
.title_3 {
background: url("../images/title_3.png") no-repeat; margin: 40px 0px 0px; width: 100%; height: 40px; float: left;
}
.news {
width: 1000px; height: auto; margin-top: 50px; float: left;
}
.news .title_news {
background: url("../images/title_news.png") no-repeat; width: 970px; height: 40px; float: left;
}
.news .more {
background: rgb(144, 144, 144); width: 90px; height: 20px; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 12px; text-decoration: none; float: right;
}
.news .news_list {
width: 560px; height: auto; margin-top: 10px; float: left;
}
.news .news_list a {
color: rgb(255, 255, 255); text-decoration: none;
}
.news .news_list .time {
background: rgb(88, 88, 88); width: 104px; height: 96px; margin-top: 10px; float: left;
}
.news .news_list li:hover .time {
background: rgb(255, 36, 37);
}
.news .news_list .time strong {
width: 104px; height: 60px; text-align: center; font-size: 48px; font-weight: normal; margin-top: 5px; float: left;
}
.news .news_list .time span {
width: 104px; height: 31px; text-align: center; float: left;
}
.news .news_list .text h3 {
width: 100%; overflow: hidden; white-space: nowrap;
}
.news .news_list .text {
background: rgb(178, 178, 178); padding: 10px 15px; width: 425px; height: 76px; margin-top: 10px; float: left;
}
.news .news_list .text p {
line-height: 180%; font-size: 12px; display: inline;
}
.news .news_r {
width: 295px; height: auto; float: right;
}
.news .news_box {
width: 295px; height: auto; color: rgb(255, 255, 255); margin-top: 20px; float: right;
}
.news .news_box span {
background: #0f881d; padding: 10px 0px 0px 10px; width: 285px; height: auto; font-size: 12px; float: left;
}
.news .news_box strong {
background: #0f881d; padding: 5px 0px 10px 10px; width: 285px; height: auto; font-weight: normal; float: left;
}
.news .news_box img {
width: 295px; height: 148px; float: left;
}
.news .news_box p {
background: rgb(178, 178, 178); padding: 5px 10px; width: 275px; height: auto; line-height: 150%; font-size: 12px; float: left;
}
.news .prev {
background: url("../images/icon_prev.png") rgb(58, 58, 58); margin: 5px 0px 0px; width: 28px; height: 28px; float: left;
}
.news .prev:hover {
background: rgb(255, 36, 37);
}
.news .next {
background: url("../images/icon_next.png") rgb(58, 58, 58); margin: 5px 0px 0px 5px; width: 28px; height: 28px; float: left;
}
.news .next:hover {
background: rgb(255, 36, 37);
}
.hight40 {
background: url("../images/hight40.png") no-repeat center 0px; margin: 50px 0px 0px; width: 100%; height: 40px; float: left;
}
.partners {
background: rgb(241, 239, 240); width: 100%; height: auto; float: left;
}
.title_4 {
background: url("../images/title_4.png") no-repeat; width: 1000px; height: 80px; margin-top: 10px; float: left;
}
.partners .brand_list {
margin: 20px 0px 30px; width: 1000px; height: auto; float: left; display: inline;
}
.partners .brand_list li {
background: url("../images/brand_bg.png") no-repeat; margin: 0px 5px 10px; width: 190px; height: 100px; float: left; display: inline;
}
.branch_top {
background: url("../images/branch_bg.png") no-repeat center 0px; margin: 0px auto; width: 100%; height: 235px; float: left;
}
.branch {
width: 1000px; height: auto; float: left;
}
.branch .branch_title {
background: url("../images/branch_title.png") no-repeat; width: 1000px; height: 100px; margin-top: 50px; float: left;
}
.branch p {
height: auto; color: rgb(114, 114, 114); line-height: 160%; font-size: 14px; float: left;
}
.branch ul {
width: 1000px; height: auto; margin-top: 10px; float: left;
}
.branch li {
margin: 20px 20px 0px 0px; width: 320px; height: 310px; overflow: hidden; float: left; display: inline; position: relative;
}
.branch li.cr {
margin-right: 0px;
}
.branch li a {
text-decoration: none;
}
.branch li .send_box {
background: rgb(255, 255, 255); padding: 5px 15px; border: 1px solid rgb(251, 71, 72); transition:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); border-image: none; width: 288px; bottom: -50px; font-size: 12px; position: absolute; z-index: 1; -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.branch li .send_box [type=text] {
width: 140px;
}
.branch li button {
background: rgb(255, 48, 48); padding: 2px 5px; color: rgb(255, 255, 255); font-size: 12px; cursor: pointer;
}
.branch li .send_btn {
right: 0px; bottom: 0px; position: absolute;
}
.branch li img {
width: 320px; height: 220px; float: left;
}
.branch li strong {
width: 320px; height: auto; color: rgb(51, 51, 51); font-weight: normal; margin-top: 10px; float: left;
}
.branch li span {
width: 320px; height: auto; color: rgb(102, 102, 102); line-height: 160%; font-size: 12px; float: left;
}
.hight50 {
margin: 0px auto; width: 100%; height: 50px; float: left;
}
.branch .sp {
background: rgb(238, 238, 238); margin: 20px 0px 10px; width: 1000px; height: 1px; float: left;
}
.about_top {
background: url("../images/about_bg.jpg") no-repeat center 0px; margin: 0px auto; width: 100%; height: 235px; float: left;
}
.about_top strong {
color: rgb(255, 255, 255); font-size: 36px; font-weight: normal; margin-top: 60px; float: left;
}
.about_top .s {
margin: 70px 0px 0px 10px; color: rgb(255, 255, 255); font-size: 28px; font-weight: normal; float: left; display: inline;
}
.about_top p {
padding: 5px 0px; width: 1000px; height: auto; color: rgb(255, 255, 255); float: left;
}
.about_top span {
width: 1000px; height: auto; color: rgb(255, 158, 0); float: left;
}
.about {
width: 1200px; height: auto; margin-top: 50px; float: left;
}
.about .sp {
width: 1200px;
height: 1px;
float: left;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 0px;
background-color: #dddddd;
}
.about ul {
background: rgb(255, 255, 255);
width: 230px;
height: auto;
float: none;
display: inline;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
.about ul li {
border-radius: 5px;
border: 1px solid rgb(238, 238, 238);
border-image: none;
width: 150px;
height: 30px;
text-align: center;
float: left;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
}
.about ul li:hover {
background: #0f881d; color: rgb(255, 255, 255);
}
.about ul li a {
color: rgb(114, 114, 114); line-height: 30px; text-decoration: none;
}
.about ul li a:hover {
color: rgb(255, 255, 255);
}
.about .about_box {
width: 1000px; height: auto; float: left;
}
.about .about_title1 {
background: url("../images/about_title1.png") no-repeat center; padding: 50px 0px; width: 1000px; height: 25px; float: left;
}
.about .about_text {
width: 1200px; height: auto; font-family: "Microsoft YaHei"; font-size: 14px; float: left;
}
.about .about_text strong {
width: 1000px; height: auto; font-family: "Microsoft YaHei"; font-size: 16px; margin-top: 20px; float: left;
}
.about .about_text p {
width: 1200px; height: auto; color: rgb(114, 114, 114); line-height: 180%; text-indent: 2pc; font-size: 14px; margin-top: 10px; float: left;
}
.about .culture {
background: url("../images/culture_img.png") no-repeat right; width: 1000px; height: 380px; margin-top: 50px; float: left;
}
.about .culture .culture_text {
background: rgb(238, 238, 238); width: 730px; height: auto; float: left; opacity: 0.7;
}
.about .culture .culture_text p {
padding: 10px 10px 0px 20px; line-height: 160%; text-indent: 2pc; font-size: 14px;
}
.about .about_title2 {
background: url("../images/about_title2.png") no-repeat left; padding: 20px 0px; width: 600px; height: 30px; float: left;
}
.about .about_title3 {
background: url("../images/about_title3.png") no-repeat left; padding: 30px 0px; width: 1000px; height: 30px; float: left;
}
.about .honor {
width: 240px; height: auto; margin-left: 5px; float: left;
}
.about .honor span {
width: 230px; height: auto; color: rgb(114, 114, 114); line-height: 200%; font-size: 14px; margin-left: 10px; float: left;
}
.about .honor img {
width: 240px; height: 164px; margin-top: 20px; float: left;
}
.about .about_title4 {
background: url("../images/about_title4.png") no-repeat center; padding: 50px 0px; width: 1000px; height: 30px; float: left;
}
.about .about_title5 {
background: url("../images/about_title5.png") no-repeat right; width: 455px; height: 30px; float: right;
}
.about .speech {
background: url("../images/speech_img.png") no-repeat left; width: 1000px; height: 380px; margin-top: 50px; float: left;
}
.about .speech .speech_text {
background: rgb(238, 238, 238); width: 730px; height: auto; margin-top: 30px; float: right; opacity: 0.7;
}
.about .speech .speech_text strong {
padding: 20px 20px 0px; width: 700px; font-size: 16px; float: left;
}
.about .speech .speech_text p {
padding: 10px 10px 0px 20px; line-height: 180%; font-size: 14px;
}
.about .about_box .chairman {
padding: 10px 0px; width: 395px; height: auto; text-align: center; float: left;
}
.plate li#an {
background: #0f881d;
line-height: 30px;
color: #FFFFFF;
}
.case .nav {
margin-top: 30px; margin-right: 40px;
}
.case_nav dl {
padding: 10px 50px 0px; width: 900px; height: auto; float: left;
}
.case_nav dt {
width: 120px; height: 25px; margin-right: 10px; border-right-color: rgb(222, 222, 222); border-right-width: 1px; border-right-style: solid; float: left; display: block;
}
.case_nav strong {
color: rgb(102, 102, 102); font-size: 16px; font-weight: normal; float: left;
}
.case_nav span {
margin: 2px 0px 0px 5px; width: 75px; color: rgb(222, 222, 222); font-size: 14px; float: left;
}
.case_nav dd {
width: 750px; float: left;
}
.case_nav a {
margin: 0px 8px; padding: 3px 10px; height: auto; text-align: center; color: rgb(102, 102, 102); font-size: 14px; float: left;
}
.case_nav a.cur {
background: rgb(255, 48, 48); color: rgb(255, 255, 255);
}
.case_nav dd a:hover {
color: rgb(255, 48, 48);
}
.case_list {
margin: 20px 50px; width: 900px; height: auto; border-top-color: rgb(222, 222, 222); border-bottom-color: rgb(222, 222, 222); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: left;
}
.case_list li {
width: 290px; height: auto; line-height: 0; font-size: 0px; margin-top: 20px; margin-right: 15px; float: left; position: relative;
}
.case_list li.cr {
margin-right: 0px;
}
.case_list li span {
background: rgba(0, 0, 0, 0.6); left: 0px; width: 290px; height: 22px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: -25px; float: left; position: absolute; z-index: 1;
}
.case_list li img {
width: 290px; height: 190px;
}
.pager {
margin: 25px auto; width: 100%; text-align: center; float: left;
}
.pager .pre {
width: 70px; height: 25px;
}
.pager .next {
width: 70px; height: 25px;
}
.pager .home {
width: 50px; height: 25px;
}
.pager .last {
width: 50px; height: 25px;
}
.pager .next a {
color: rgb(255, 255, 255); font-size: 12px;
}
.pager a {
padding: 5px 10px; border: 1px solid rgb(222, 222, 222); border-image: none; color: #0f881d; line-height: 25px; font-size: 12px; margin-left: 10px; cursor: pointer;
}
.pager a:hover {
background: #0f881d; color: rgb(255, 255, 255);
}
.pager a.cur {
background:#0f881d; color: rgb(255, 255, 255);
}
.case_list_2 {
margin: 20px 0px 0px 50px; width: 900px; height: auto; border-top-color: rgb(222, 222, 222); border-bottom-color: rgb(222, 222, 222); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; float: left;
}
.case_list_2 li {
margin: 20px 40px 20px 0px; width: 272px; height: 272px; float: left; display: inline;
}
.case_list_2 li.cr {
margin-right: 0px;
}
.case_list_2 li img {
width: 270px; height: 270px;
}
.case_list_3 {
margin: 30px 0px 0px 60px; width: 880px; height: auto; float: left;
}
.case_list_3 li {
margin: 15px 35px 15px 0px; width: 422px; height: 176px; float: left; display: inline;
}
.case_list_3 li.cr {
margin-right: 0px;
}
.case .case_box {
margin: 10px 0px 0px 80px; padding: 10px 0px; width: 828px; height: auto; text-align: center; float: left; display: inline;
}
.case .case_box div {
width: auto; height: auto;
}
.case .case_box img {
max-height: 1000px; max-width: 850px;
}
.case .case_box .prev {
left: 0px; width: 50%; height: 500px; position: absolute; cursor: url(img_prev.png), auto;
}
.case .case_box .next {
width: 50%; height: 500px; right: 0px; position: absolute; cursor: url(img_next.png), auto;
}
.case .case_box span {
background: rgb(0, 0, 0); margin: -40px 0px 0px; width: 828px; height: 40px; color: rgb(255, 255, 255); line-height: 40px; text-indent: 1em; float: left; opacity: 0.6;
}
.case .piclist {
margin: 20px 0px 0px 80px; padding: 10px 0px; width: 840px; height: auto; float: left; display: inline;
}
.case .piclist i {
width: 30px; height: 82px; float: left; cursor: pointer;
}
.case .piclist .prev {
background: url("../images/pic_prev.png") no-repeat center;
}
.case .piclist .next {
background: url("../images/pic_next.png") no-repeat center; float: right;
}
.case .piclist div {
width: 780px; height: 100px; overflow: hidden; float: left; position: relative;
}
.case .piclist ul {
position: absolute;
}
.case .piclist li {
margin: 0px 5px; padding: 8px 8px 5px; border: 1px solid rgb(204, 204, 204); border-image: none; float: left; display: inline; cursor: pointer;
}
.case .piclist li:hover {
border: 1px solid rgb(255, 48, 48); border-image: none;
}
.case .piclist li img {
width: 125px; height: 80px;
}
.case .explanation {
margin: 0px 0px 0px 70px; padding: 10px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 830px; height: auto; color: rgb(114, 114, 114); float: left; display: inline;
}
.case .explanation strong {
font-size: 18px;
}
.case .explanation p {
line-height: 150%; font-size: 14px;
}
.case .explanation_1 {
margin: 0px 0px 25px 356px; padding: 10px; border: 1px solid rgb(234, 234, 234); border-image: none; width: 262px; height: auto; color: rgb(114, 114, 114); float: left; display: inline;
}
.case .explanation_1 p {
line-height: 150%; font-size: 14px;
}
.case .talk_1 {
background: rgb(34, 34, 34); margin: 5px 0px 0px 10px; width: 126px; height: 28px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 14px; float: right; display: inline;
}
.case .talk_1:hover {
background: rgb(255, 48, 48);
}
.case .con_1 {
background: rgb(34, 34, 34); margin: 5px 0px 0px; width: 126px; height: 28px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 14px; float: right; display: inline;
}
.case .con_1:hover {
background: rgb(255, 48, 48);
}
.more_text {
margin: 0px 150px; width: 100%; color: rgb(102, 102, 102); padding-bottom: 20px; font-size: 14px; float: left;
}
.case .talk {
background: rgb(34, 34, 34); margin: 5px 0px 0px 10px; width: 126px; height: 28px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 14px; float: right; display: inline;
}
.case .talk:hover {
background: rgb(255, 48, 48);
}
.case .con {
background: rgb(34, 34, 34); margin: 5px 0px 0px 25px; width: 126px; height: 28px; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 14px; float: right; display: inline;
}
.case .con:hover {
background: rgb(255, 48, 48);
}
.more_case {
width: 1000px; height: auto; margin-top: 50px; float: left;
}
.more_case strong {
padding: 20px 0px; width: 1000px; text-align: center; font-size: 20px; float: left;
}
.more_case ul {
padding: 10px 0px; border: 1px solid rgb(222, 222, 222); border-image: none; width: 1000px; height: auto; float: left;
}
.more_case ul li {
margin: 0px 5px; width: 190px; height: 138px; float: left; display: inline;
}
.more_case ul li img {
width: 190px; height: 138px; float: left;
}
.s720 {
margin: 0px 30px; width: 940px; height: auto; text-align: center; float: left; display: inline; position: relative; z-index: 1;
}
.s720 strong {
background: rgb(255, 255, 255); padding: 0px 8px; font-size: 24px; font-weight: normal; display: inline;
}
.s720 hr {
top: 50%; width: 100%; position: absolute; z-index: -1;
}
.box720 {
margin: 20px 10px 0px; border: 2px solid rgb(202, 202, 202); border-image: none; width: 976px; height: 600px; float: left;
}
.bg_50 {
background: url("../images/bg_50.png"); margin: 0px auto; width: 100%; height: 50px; float: left;
}
.tip {
background: url("../images/tel_bg.gif") repeat-x; margin: 20px 0px 15px 40px; padding: 5px 11px; width: 88%; line-height: 30px; font-size: 14px; float: left; box-shadow: 0px 2px 2px #bdbdbd; -moz-box-shadow: 0px 2px 2px #bdbdbd; -webkit-box-shadow: 0px 2px 2px #bdbdbd;
}
.tip label {
float: left;
}
.tip .txt {
width: 145px; height: 25px; margin-left: 10px; float: left;
}
.tip .btn {
background: url("../images/btnbg.png") no-repeat; margin: 0px 10px; border: 0px currentColor; border-image: none; width: 105px; height: 34px; float: left; display: block; cursor: pointer;
}
.tip .zaixian {
background: url("../images/zaixianzhixun.png") no-repeat; margin: 0px 10px; border: 0px currentColor; border-image: none; width: 105px; height: 34px; float: left; display: block; cursor: pointer;
}
.news_top {
background: url("../images/news_bg.jpg") no-repeat center 0px; margin: 0px auto; width: 100%; height: 175px; float: left;
}
.news_top strong {
color: rgb(255, 255, 255); font-size: 36px; font-weight: normal; margin-top: 40px; float: left;
}
.news_top .s {
margin: 50px 0px 0px 10px; color: rgb(255, 255, 255); font-size: 28px; font-weight: normal; float: left; display: inline;
}
.news_top p {
padding: 5px 0px; width: 1000px; height: auto; color: rgb(255, 255, 255); float: left;
}
.news {
width: 1000px; height: auto; margin-top: 50px; float: left;
}
.news .title {
padding: 5px 0px; width: 100%; height: auto; border-bottom-color: rgb(222, 222, 222); border-bottom-width: 1px; border-bottom-style: solid;
}
.news .title strong {
color: rgb(51, 51, 51); font-size: 16px;
}
.news .title span {
color: rgb(153, 153, 153); font-size: 12px;
}
.navbox {
width: 180px; height: auto; float: left;
}
.navbox .title {
width: 100%; float: left;
}
.navbox .navs {
padding: 5px 0px 10px; width: 180px; height: 200px; float: left;
}
.navbox .navs li {
padding: 5px 0px; width: 180px; height: auto; float: left;
}
.navbox .navs li :hover {
background: rgb(255, 48, 48); width: 180px; height: auto; color: rgb(255, 255, 255); float: left;
}
.navbox .navs li a {
padding: 2px 0px; color: rgb(170, 170, 170); text-indent: 1em; font-size: 14px; float: left;
}
.navbox .suggest {
width: 180px; height: auto; margin-top: 5px; float: left;
}
.navbox .suggest .sug_case1 {
padding: 5px 0px; width: 180px; height: 132px; float: left;
}
.navbox .suggest .sug_case2 {
padding: 5px 0px; width: 180px; height: 72px; float: left;
}
.nav {
margin-right: 10px; float: right;
}
.nav a {
color: rgb(114, 114, 114); font-size: 12px;
}
.news .news_right {
width: 700px; height: auto; margin-left: 70px; float: left; display: inline;
}
.news_right .news_center {
padding: 10px 0px 20px; width: 700px; height: auto; border-bottom-color: rgb(222, 222, 222); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.news_right .news_center .list_news_1 {
padding: 10px 0px; float: left;
}
.news_right .news_center .list_news_1 img {
width: 150px; height: 100px; float: left;
}
.news_right .news_center .list_news_1 strong {
padding: 5px 20px; color: rgb(51, 51, 51); font-size: 14px; float: left;
}
.news_right .news_center .list_news_1 span {
padding: 5px; color: rgb(204, 204, 204); font-size: 12px; float: right;
}
.news_right .news_center .list_news_1 p {
padding: 5px 0px 0px 20px; width: 520px; color: rgb(114, 114, 114); line-height: 150%; font-size: 14px; float: left;
}
.news_right .news_center_2 {
width: 700px; height: auto; float: left;
}
.news_right .news_center_2 li {
margin: 0px 1%; padding: 10px 0px; width: 98%; border-bottom-color: rgb(222, 222, 222); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.news_right .news_center_2 li strong {
color: rgb(51, 51, 51); font-size: 14px;
}
.news_right .news_center_2 li span {
padding: 5px; color: rgb(204, 204, 204); font-size: 12px; float: right;
}
.news_right .news_center_2 li p {
padding: 5px 0px; color: rgb(114, 114, 114); line-height: 180%; font-size: 14px;
}
.news_box {
width: 1000px; height: auto; margin-top: 50px; float: left;
}
.news_box .title {
padding: 5px 0px; width: 100%; height: 20px; border-bottom-color: rgb(222, 222, 222); border-bottom-width: 1px; border-bottom-style: solid;
}
.news_box .title strong {
color: rgb(51, 51, 51); font-size: 16px;
}
.news_box .title span {
color: rgb(153, 153, 153); font-size: 12px;
}
.news_box .news_left {
width: 780px; height: auto; margin-left: 40px; float: left;
}
.news_box .news_text {
padding: 20px 0px; width: 780px; height: auto; border-bottom-color: rgb(222, 222, 222); border-bottom-width: 1px; border-bottom-style: solid; float: left;
}
.news_box .news_text h1 {
margin: 1.5% 10%; width: 80%; text-align: center; color: rgb(51, 51, 51); font-size: 18px;
}
.news_box .news_text .source {
width: 100%; text-align: center; float: left; display: inline;
}
.news_box .news_text span {
padding: 0px 5px; color: rgb(114, 114, 114); font-size: 12px;
}
.news_box .news_text img {
padding: 20px 0px;
}
.news_box .news_text p {
width: 780px; height: auto; line-height: 180%; font-size: 14px; margin-top: 5px; float: left;
}
.news_box .news_right {
width: 180px; height: auto; float: right;
}
.news_box .news_right .suggest {
width: 180px; height: auto; margin-top: 5px; float: left;
}
.news_box .news_right .suggest .sug_case1 {
padding: 5px 0px; width: 180px; height: 132px; float: left;
}
.news_box .news_right .suggest .sug_case2 {
padding: 5px 0px; width: 180px; height: 72px; float: left;
}
.article {
padding: 10px 0px; width: 400px; height: auto; font-size: 12px; float: left;
}
.article strong {
padding: 2px; float: left;
}
.article a {
padding: 2px 0px; width: 300px; color: rgb(114, 114, 114); float: left;
}
.article .red {
width: 150px; color: red; float: left;
}
.further {
width: 320px; height: auto; font-size: 12px; float: right;
}
.further strong {
padding: 2px; float: left;
}
.further a {
float: right;
}
.further .red {
padding: 2px 0px; width: 190px; color: red; float: right;
}
.further p {
padding: 2px; width: 310px; color: rgb(114, 114, 114); float: left;
}
.share {
padding: 8px 0px 2px; width: 380px; height: auto; font-size: 12px; float: right; display: inline;
}
.share a {
font-size: 12px;
}
.site {
font-size: 12px; margin-top: 40px; margin-left: 25px; float: left; position: relative;
}
.site strong {
background: url("../images/place.png") no-repeat 0px; color: rgb(153, 153, 153); padding-left: 15px; text-decoration: none;
}
.site .selector {
background: rgb(255, 255, 255); border: 1px double rgb(255, 48, 48); border-image: none; left: 12px; top: 0px; width: 250px; height: auto; overflow: hidden; display: none; position: absolute; z-index: -9; opacity: 0;
}
.site .selector .list {
width: 250px; height: auto;
}
.site:hover .selector {
display: block; z-index: 999999; opacity: 1;
}
.site .selector a {
width: 50px; height: 25px; text-align: center; color: rgb(153, 153, 153); line-height: 25px; float: left; display: block;
}
.site .selector a:hover {
background: rgb(255, 48, 48); color: rgb(255, 255, 255);
}
.de_banner {
background: url("../images/de_banner.jpg") no-repeat top; width: 100%; height: 250px; clear: both;
}
.designer_b {
margin: 20px auto; width: 980px; clear: both;
}
.designer_b .title_b dl dt {
background: url("../images/img.png") left top; width: 100%; display: inline-table;
}
.designer_b .title_b dl dt span {
background: url("../images/img.png") no-repeat left -42px rgb(255, 255, 255); width: 265px; height: 29px; padding-right: 20px; float: left; display: inline-block;
}
.designer_b .title_b dl dd {
color: rgb(102, 102, 102); line-height: 50px; clear: both; font-size: 24px;
}
.designer_b .designer_l {
width: 1000px; overflow: hidden; display: inline-block;
}
.designer_b .designer_l b {
color: rgb(102, 102, 102); line-height: 40px; font-size: 20px; font-weight: normal; margin-bottom: 10px; display: inline-block;
}
.designer_b .designer_l ul {
margin: 0px; width: 1020px; display: inline-block;
}
.designer_b .designer_l ul li {
width: 234px; line-height: 0; margin-right: 15px; margin-bottom: 15px; float: left; position: relative;
}
.designer_b .designer_l ul li img {
width: 234px;
}
.designer_b .designer_l ul li .tt {
background: rgba(0, 0, 0, 0.6); padding: 10px; left: 0px; width: 214px; bottom: 0px; position: absolute;
}
.designer_b .designer_l ul li .tt strong {
color: rgb(240, 204, 87); font-size: 18px; margin-right: 5px; float: left;
}
.designer_b .designer_l ul li .tt p {
text-align: left; color: rgb(255, 255, 255); line-height: 20px; clear: both; font-size: 12px; display: inline-block;
}
.designer_b .designer_l ul li .tt p b {
color: rgb(238, 238, 238); line-height: 20px; font-size: 12px; margin-right: 5px; margin-bottom: 0px; float: left;
}
.designer_b .designer_l ul li .tt p em {
color: rgb(238, 238, 238); font-style: normal; margin-right: 5px; float: left;
}
.designer_d {
margin-top: 10px; display: inline-block;
}
.designer_d dl dt {
width: 234px; height: 350px; text-align: center; margin-right: 15px; float: left; position: relative;
}
.designer_d dl dt a {
background: url("../images/img.png") no-repeat left -103px; margin: 0px auto; left: 60px; width: 110px; height: 30px; bottom: 10px; display: block; position: absolute; z-index: 1;
}
.designer_d dl dt img {
width: 234px; height: 350px;
}
.designer_d dl dd {
padding: 15px 25px; border: 1px dashed rgb(215, 215, 215); border-image: none; width: 676px; height: 318px; float: left;
}
.designer_d dl dd p {
line-height: 28px; font-size: 14px;
}
.designer_d dl dd p em {
color: rgb(0, 112, 170); font-style: normal;
}
.designer_d dl dd p b {
line-height: 35px; font-size: 18px;
}
.designer_d dl dd p b strong {
color: rgb(255, 0, 0); font-size: 24px; margin-right: 10px;
}
.designer_case {
margin-top: 20px; display: inline-block;
}
.designer_case b {
color: rgb(51, 51, 51); font-size: 24px;
}
.designer_case strong {
color: rgb(255, 0, 0); margin-right: 10px;
}
.designer_case ul {
width: 1000px; margin-top: 15px; display: inline-block;
}
.designer_case ul li {
width: 234px; height: 157px; margin-right: 14px; margin-bottom: 14px; float: left;
}
.designer_case ul li img {
width: 234px; height: 157px;
}
.content {
background: rgb(245, 245, 245); margin: 0px auto; width: 100%; border-top-color: rgb(238, 238, 238); border-top-width: 1px; border-top-style: solid;
}
.order_b {
background: rgb(245, 245, 245); margin: 0px auto; padding: 30px 20px; width: 596px; height: 180px;
}
.order_b .order_l {
padding: 5px 0px; width: 380px; text-align: center; float: left;
}
.order_b .order_l p {
padding: 0px 20px; text-align: left; color: rgb(51, 51, 51); line-height: 26px; font-size: 15px;
}
.order_b .order_l input[type=text] {
padding: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 314px; height: 34px; text-align: center; color: rgb(102, 102, 102); line-height: 34px; font-size: 14px; margin-top: 20px;
}
.order_b .order_l input[type=button] {
background: url("../images/img.png") left -150px; border: currentColor; border-image: none; width: 128px; height: 35px; text-align: center; color: rgb(255, 255, 255); line-height: 35px; font-size: 14px; margin-top: 20px;
}
.order_b .order_r {
padding: 5px 10px 10px 20px; width: 185px; border-left-color: rgb(213, 213, 213); border-left-width: 1px; border-left-style: dashed; float: right;
}
.order_b .order_r p {
color: rgb(136, 136, 136); line-height: 26px; font-size: 14px; margin-bottom: 20px;
}
.order_b .order_r b em {
background: url("../images/img.png") no-repeat -222px -105px; color: rgb(102, 102, 102); line-height: 35px; padding-left: 30px; font-size: 23px; font-style: normal; font-weight: normal;
}
.order_b .order_r b strong {
color: rgb(200, 124, 0); font-size: 24px;
}
#jquery-overlay {
left: 0px; top: 0px; width: 100%; height: 500px; position: absolute; z-index: 90;
}
#jquery-lightbox {
left: 0px; top: 0px; width: 100%; text-align: center; line-height: 0; position: absolute; z-index: 100;
}
#jquery-lightbox a img {
border: currentColor; border-image: none;
}
#lightbox-container-image-box {
margin: 0px auto; width: 250px; height: 250px; position: relative; background-color: rgb(255, 255, 255);
}
#lightbox-container-image {
padding: 10px;
}
#lightbox-loading {
left: 0%; top: 40%; width: 100%; height: 25%; text-align: center; line-height: 0; position: absolute;
}
#lightbox-nav {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav {
left: 0px;
}
#lightbox-nav a {
}
#lightbox-nav-btnPrev {
width: 49%; height: 100%; display: block; -ms-zoom: 1;
}
#lightbox-nav-btnNext {
width: 49%; height: 100%; display: block; -ms-zoom: 1;
}
#lightbox-nav-btnPrev {
left: 0px; float: left;
}
#lightbox-nav-btnNext {
right: 0px; float: right;
}
#lightbox-container-image-data-box {
font: 12px/1.4em Verdana, Helvetica, sans-serif; margin: 0px auto; padding: 0px 10px; width: 100%; overflow: auto; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255);
}
#lightbox-container-image-data {
padding: 0px 10px; color: rgb(102, 102, 102);
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%; text-align: left; float: left;
}
#lightbox-image-details-caption {
font-weight: bold;
}
#lightbox-image-details-currentNumber {
padding-bottom: 1em; clear: left; display: block;
}
#lightbox-secNav-btnClose {
width: 66px; padding-bottom: 0.7em; float: right;
}
.i-pro .designer_l {
width: 176px; height: 305px; margin-right: 1px; float: left;
}
.i-pro .designer_r {
width: 820px; height: 305px; overflow: hidden; position: relative;
}
.i-pro .designer_r i {
font-size: 12px;
}
.i-pro .designer_r:hover .pre {
display: block;
}
.i-pro .designer_r:hover .next {
display: block;
}
.i-pro .designer_r .pre {
background: url("../images/arr_b.png") no-repeat left top; left: 10px; top: 140px; width: 19px; height: 27px; display: none; position: absolute; z-index: 1; cursor: pointer;
}
.i-pro .designer_r .next {
background: url("../images/arr_b.png") no-repeat right top; top: 140px; width: 19px; height: 27px; right: 10px; display: none; position: absolute; z-index: 1; cursor: pointer;
}
.i-pro .designer_r ul {
left: 0px; top: 0px; position: absolute;
}
.i-pro .designer_r ul li {
width: 205px; height: 305px; margin-right: 1px; float: left; position: relative;
}
.i-pro .designer_r ul li span {
background: rgb(51, 51, 51); transition:0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); left: 0px; width: 100%; height: 30px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 30px; overflow: hidden; font-size: 14px; position: absolute; opacity: 0.7; -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.i-pro .designer_r ul li:hover span {
height: 65px; opacity: 1;
}
.i-pro .designer_r ul li img {
width: 205px; height: 305px;
}
.designer_case_b {
width: 1000px; margin-top: 20px; display: inline-block;
}
.designer_case_b b {
color: rgb(51, 51, 51); font-size: 20px;
}
.designer_case_b strong {
color: rgb(255, 0, 0); margin-right: 10px;
}
.designer_case_b ul {
width: 1000px; margin-top: 15px; display: inline-block;
}
.designer_case_b ul li {
width: 234px; height: 157px; margin-right: 14px; margin-bottom: 14px; float: left;
}
.designer_case_b ul li img {
width: 234px; height: 157px;
}
.crumbs {
color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 10px;
}
.crumbs a {
margin: 0px 5px; color: rgb(102, 102, 102);
}
.crumbs a:hover {
color: rgb(153, 153, 153);
}
.designer_case_l {
width: 749px; margin-right: 10px; float: left;
}
.designer_case_b .rim {
border: 1px solid rgb(235, 235, 235); border-image: none; overflow: hidden;
}
.designer_case_l h1 {
margin: 0px 10px; text-align: center; color: rgb(51, 51, 51); line-height: 80px; font-size: 24px; font-weight: normal; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
.designer_case_l .case_class {
text-align: center; color: rgb(102, 102, 102); line-height: 60px; font-size: 14px;
}
.designer_case_l .case_class i {
margin: 0px 10px; line-height: 40px; font-style: normal; font-weight: normal;
}
.designer_case_l .case_class i a {
color: rgb(102, 102, 102);
}
.designer_case_l .material {
width: 100%; overflow: hidden; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid; float: left; display: inline-block;
}
.designer_case_l .idea {
width: 100%; overflow: hidden; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid; float: left; display: inline-block;
}
.designer_case_l td {
margin: 0px; padding: 0px;
}
.designer_case_l .material .tt {
background: rgb(206, 206, 206); width: 80px; font-weight: normal; margin-right: 10px;
}
.designer_case_l .idea .tt {
background: rgb(183, 183, 183); width: 80px; font-weight: normal; margin-right: 10px; display: inline;
}
.designer_case_l .tt b {
padding: 15px; text-align: center; color: rgb(255, 255, 255); font-weight: normal; display: inline-block;
}
.designer_case_l .material td.tt {
color: rgb(255, 255, 255); font-size: 20px; float: left; display: inline-block;
}
.designer_case_l .idea td.tt {
color: rgb(255, 255, 255); font-size: 20px; float: left; display: inline-block;
}
.designer_case_l .material td p {
padding: 2px 5px 2px 0px; color: rgb(153, 153, 153); line-height: 20px; font-size: 12px;
}
.designer_case_l .idea td p {
padding: 2px 5px 2px 0px; color: rgb(153, 153, 153); line-height: 20px; font-size: 12px;
}
.designer_case_l .pic_block {
margin: 10px 0px 0px; width: 100%; text-align: center; display: table;
}
.designer_case_l .pic_block img {
width: 718px;
}
.designer_case_l .text {
background: rgb(248, 248, 248); padding: 5px 15px; width: 717px; line-height: 30px; display: inline-block;
}
.designer_case_l .text p {
color: rgb(51, 51, 51); line-height: 30px; font-size: 14px;
}
.designer_case_l .text i {
background: url("../images/img.png") no-repeat left -225px; width: 89px; height: 26px; line-height: 26px; font-size: 12px; font-style: normal; margin-top: 5px;
}
.designer_case_l .text i span {
background: url("../images/img.png") no-repeat left -206px; width: 16px; height: 14px; margin-top: 6px; margin-right: 10px; margin-left: 8px; float: left;
}
.designer_case_l .text i a {
width: 100%; color: rgb(230, 33, 41); display: inline-block;
}
.designer_case_r {
width: 238px; float: right;
}
.designer_order dl {
margin: 10px 5px; width: 228px; display: inline-block;
}
.designer_order dl dt {
width: 116px; height: 116px; margin-right: 5px; float: left; position: relative;
}
.designer_order dt span {
background: url("../images/peo_mark.gif") no-repeat left top; left: 0px; top: 0px; width: 116px; height: 116px; display: inline-block; position: absolute;
}
.designer_order dt img {
width: 116px; height: 116px;
}
.designer_order dd b {
color: rgb(230, 33, 41); font-size: 24px; font-weight: 400; margin-top: 20px; display: inline-block;
}
.designer_order dd p {
color: rgb(102, 102, 102); font-size: 14px; margin-top: 30px;
}
.designer_order input[type=text] {
margin: 5px 10px; padding: 5px; border: 1px solid rgb(241, 241, 241); border-image: none; width: 204px; color: rgb(153, 153, 153); line-height: 25px;
}
.designer_order input[type=submit] {
background: rgb(230, 33, 41); margin: 5px 10px; padding: 5px; border: currentColor; border-image: none; width: 216px; color: rgb(255, 255, 255); line-height: 25px; font-size: 14px; font-weight: 700;
}
.designer_order em {
margin: 0px 10px 10px; width: 216px; color: rgb(153, 153, 153); line-height: 20px; font-size: 14px; font-style: normal; display: inline-block;
}
.offer {
background: rgb(245, 245, 245); padding: 10px 0px; width: 236px; border-top-color: rgb(235, 235, 235); border-top-width: 2px; border-top-style: solid; display: inline-block;
}
.offer b {
color: rgb(230, 33, 41); font-size: 18px; font-weight: normal; margin-bottom: 10px; margin-left: 10px; display: inline-block;
}
.offer p {
margin: 0px 10px 5px; line-height: 30px; clear: both; display: inline-block;
}
.offer em {
line-height: 24px; font-size: 12px; font-style: normal; margin-right: 5px; float: left;
}
.offer input {
padding: 2px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 145px; line-height: 24px;
}
.offer p.nz a {
background: rgb(250, 181, 56); padding: 0px 5px; color: rgb(255, 255, 255); font-size: 12px; margin-right: 5px; float: left;
}
.offer p.nz input {
width: 135px;
}
.offer .change_b {
width: 236px; height: 120px; margin-top: 5px; float: left; display: inline-block;
}
.offer .change_b .change_n {
margin: 0px; width: 100%; line-height: 35px; border-top-color: rgb(235, 235, 235); border-top-width: 1px; border-top-style: solid;
}
.offer .change_b .change_n li {
width: 50%; height: 30px; text-align: center; line-height: 30px; font-size: 14px; margin-right: 0px; margin-bottom: 0px; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer;
}
.offer .change_b .change_n li input {
display: none;
}
.offer .change_b .change_n li:hover {
color: rgb(230, 33, 41); border-bottom-color: rgb(230, 33, 41); border-bottom-width: 1px; border-bottom-style: solid;
}
.offer .change_b .change_n li.on {
color: rgb(230, 33, 41); border-bottom-color: rgb(230, 33, 41); border-bottom-width: 1px; border-bottom-style: solid;
}
.offer .change_b .change_n li:hover span {
background: url("../images/img.png") no-repeat left -195px; left: 44%; width: 8px; height: 4px; bottom: -5px; display: block; position: absolute; z-index: 1;
}
.offer .change_b .change_n li.on span {
background: url("../images/img.png") no-repeat left -195px; left: 44%; width: 8px; height: 4px; bottom: -5px; display: block; position: absolute; z-index: 1;
}
.offer .change_b .change_c {
margin-top: 10px; display: inline-block;
}
.offer select {
padding: 3px 2px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 151px; color: rgb(153, 153, 153);
}
.offer input.service {
border: currentColor; border-image: none; width: 102px; height: 30px; color: rgb(255, 255, 255); font-family: "Microsoft YaHei"; font-weight: bold; float: left; cursor: pointer; background-color: rgb(230, 33, 41);
}
.offer input.artificial {
border: currentColor; border-image: none; width: 102px; height: 30px; color: rgb(255, 255, 255); font-family: "Microsoft YaHei"; font-weight: bold; margin-left: 10px; float: left; cursor: pointer; background-color: rgb(102, 102, 102);
}
.offer .reslt_tt {
width: 100%; text-align: center; clear: both; margin-top: 30px; margin-bottom: 10px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; position: relative;
}
.offer .reslt_tt strong {
background: rgb(245, 245, 245); padding: 0px 5px; left: 20%; bottom: -10px; color: rgb(230, 33, 41); font-size: 16px; position: absolute;
}
.offer .price {
background: rgb(255, 255, 255); margin: 10px; padding: 3px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 208px; text-align: center; color: rgb(230, 33, 41); line-height: 26px; font-size: 18px;
}
.offer p.Note {
color: rgb(102, 102, 102); line-height: 20px; font-size: 12px; margin-bottom: 0px;
}
.designer_case_r .works {
overflow: hidden;
}
.designer_case_r .other_designer {
overflow: hidden;
}
.designer_case_r .works h2 {
background: rgb(250, 181, 56); width: 100%; color: rgb(255, 255, 255); line-height: 40px; padding-left: 10px; font-size: 18px; display: inline-block;
}
.designer_case_r .other_designer h2 {
background: rgb(250, 181, 56); width: 100%; color: rgb(255, 255, 255); line-height: 40px; padding-left: 10px; font-size: 18px; display: inline-block;
}
.designer_case_r .works dl {
padding: 5px 6px; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
.designer_case_r .works dl:nth-last-child(1) {
border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.designer_case_r .works dl dt {
text-align: center;
}
.designer_case_r .works dl dt img {
width: 223px; height: 150px;
}
.designer_case_r .works h2 a {
color: rgb(255, 255, 255); font-weight: 400;
}
.designer_case_r .other_designer h2 a {
color: rgb(255, 255, 255); font-weight: 400;
}
.designer_case_r .works dl dd b a {
margin: 5px 0px; text-align: left; color: rgb(51, 51, 51); font-size: 14px; display: inline-block;
}
.designer_case_r .works dl dd p {
color: rgb(153, 153, 153); line-height: 20px; font-size: 12px;
}
.other_designer dl {
padding: 10px 5px; width: 228px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: inline-block;
}
.other_designer dl dt {
width: 90px; height: 90px; margin-right: 5px; float: left; position: relative;
}
.other_designer dl dd {
width: 130px; float: left;
}
.other_designer dt span {
background: url("../images/peo_mark.gif") no-repeat left -116px; left: 0px; top: 0px; width: 90px; height: 90px; display: inline-block; position: absolute;
}
.other_designer dt img {
width: 90px; height: 90px;
}
.other_designer dd b {
color: rgb(51, 51, 51); line-height: 28px; font-size: 14px; font-weight: normal; margin-right: 5px; float: left;
}
.other_designer dd p {
color: rgb(153, 153, 153); line-height: 30px; font-size: 12px;
}
.other_designer dd em {
color: rgb(102, 102, 102); font-size: 12px; font-style: normal; margin-top: 20px; display: inline-block;
}
span.over {
margin: 20px auto; text-align: center; color: rgb(102, 102, 102); font-size: 18px; display: block;
}
#doyoo_panel {
left: -9999px; display: none;
}
.i_icon {
height: auto; margin-top: 380px; float: left;
}
.i_icon ul li {
background: url("../images/icon.png") no-repeat; border: 1px solid rgb(239, 239, 239); border-image: none; width: 198px; height: 39px; text-align: center; color: rgb(102, 102, 102); padding-top: 123px; float: left;
}
.i_icon ul li.icon1 {
background-position: 69px 29px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.i_icon ul li.icon2 {
background-position: 69px -133px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.i_icon ul li.icon3 {
background-position: 69px -295px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.i_icon ul li.icon4 {
background-position: 69px -457px; border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.i_icon ul li.icon5 {
background-position: 69px -619px;
}
.i_icon ul li.icon1:hover {
background-position: -134px 29px; color: rgb(252, 185, 57);
}
.i_icon ul li.icon2:hover {
background-position: -134px -133px; color: rgb(252, 185, 57);
}
.i_icon ul li.icon3:hover {
background-position: -134px -295px; color: rgb(252, 185, 57);
}
.i_icon ul li.icon4:hover {
background-position: -134px -457px; color: rgb(252, 185, 57);
}
.i_icon ul li.icon5:hover {
background-position: -134px -619px; color: rgb(252, 185, 57);
}
.i_service {
background: url("../images/service.png") no-repeat; width: 1000px; height: 130px; margin-top: 20px; float: left;
}
.i_service ul li {
background: url("../images/service_2.png") no-repeat; width: 110px; height: 130px; float: left;
}
.i_service ul li.service_1 {
background-position: -5px 72px;
}
.i_service ul li.service_2 {
background-position: -115px 72px;
}
.i_service ul li.service_3 {
background-position: -225px 72px;
}
.i_service ul li.service_4 {
background-position: -335px 72px;
}
.i_service ul li.service_5 {
background-position: -445px 72px;
}
.i_service ul li.service_6 {
background-position: -555px 72px;
}
.i_service ul li.service_7 {
background-position: -665px 72px;
}
.i_service ul li.service_8 {
background-position: -775px 72px;
}
.i_service ul li.service_9 {
background-position: -885px 72px;
}
.i_service ul li.service_1:hover {
background-position: -5px -58px;
}
.i_service ul li.service_2:hover {
background-position: -115px -58px;
}
.i_service ul li.service_3:hover {
background-position: -225px -58px;
}
.i_service ul li.service_4:hover {
background-position: -335px -58px;
}
.i_service ul li.service_5:hover {
background-position: -445px -58px;
}
.i_service ul li.service_6:hover {
background-position: -555px -58px;
}
.i_service ul li.service_7:hover {
background-position: -665px -58px;
}
.i_service ul li.service_8:hover {
background-position: -775px -58px;
}
.i_service ul li.service_9:hover {
background-position: -885px -58px;
}
.brand_box {
width: 1000px; height: 670px; margin-top: 30px; float: left;
}
.brand_box .brand_title {
margin: 0px; width: 1000px; height: 120px; float: left; display: inline;
}
.brand_box .brand_title li {
background: rgb(255, 255, 255); border-radius: 10px; border: 1px solid rgb(204, 204, 204); border-image: none; width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 16px; margin-left: 10px; float: left; display: inline; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.brand_box .brand_title li span {
width: 100px; text-align: center; line-height: 200%; margin-top: 15px; float: left;
}
.brand_box .brand_title li:first-child {
margin-left: 0px;
}
.brand_box .brand_title li:hover {
background: url("../images/brd_bg1.gif") no-repeat; border: currentColor; border-image: none; width: 100px; height: 114px; color: rgb(255, 255, 255); float: left;
}
.brand_box .brand_title li.on {
background: url("../images/brd_bg1.gif") no-repeat; border: currentColor; border-image: none; width: 100px; height: 114px; color: rgb(255, 255, 255); float: left;
}
.brand_box .pro_box {
width: 1000px; height: auto; float: left;
}
.brand_box .pro_box li {
margin: 20px 0px 0px; width: 1000px; height: auto; float: left; display: inline;
}
.lprodbottom {
width: 1200px;
overflow: hidden;
margin-top: 40px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
}
.lprodbottom ul li {
margin: 26px 60px 40px; width: 80px; float: left;
}
.lprodbottom ul li div {
width: 80px; height: 80px;
}
.lprodbottom ul li .ldiv1 {
background: url("../images/lprod_93.png") no-repeat;
}
.lprodbottom ul li .ldiv2 {
background: url("../images/lprod_94.png") no-repeat;
}
.lprodbottom ul li .ldiv3 {
background: url("../images/lprod_95.png") no-repeat;
}
.lprodbottom ul li .ldiv4 {
background: url("../images/lprod_96.png") no-repeat;
}
.lprodbottom ul li .ldiv5 {
background: url("../images/lprod_97.png") no-repeat;
}
.lprodbottom ul li .ldiv6 {
background: url("../images/lprod_98.png") no-repeat;
}
.lprodbottom ul li:hover .ldiv1 {
background: url("../images/lprod2_93.png") no-repeat;
}
.lprodbottom ul li:hover .ldiv2 {
background: url("../images/lprod2_94.png") no-repeat;
}
.lprodbottom ul li:hover .ldiv3 {
background: url("../images/lprod2_95.png") no-repeat;
}
.lprodbottom ul li:hover .ldiv4 {
background: url("../images/lprod2_96.png") no-repeat;
}
.lprodbottom ul li:hover .ldiv5 {
background: url("../images/lprod2_97.png") no-repeat;
}
.lprodbottom ul li:hover .ldiv6 {
background: url("../images/lprod2_98.png") no-repeat;
}
.lprodbottom ul li p {
text-align: center; color: rgb(114, 113, 113); line-height: 14px; font-size: 14px; margin-top: 7px;
}
.lprodbottom ul li p span {
font-size: 12px;
}
.lprodbottom ul li:hover p {
color: rgb(39, 19, 43);
}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.g-footer .panel {
padding: 10px 0px; background-color: rgb(243, 243, 243);
}
.g-footer .panel span {
color: rgb(102, 102, 102); margin-right: 5px;
}
.g-footer .panel a {
margin-left: 25px;
}
.g-footer .detail {
padding: 20px 0px; background-color: rgb(51, 51, 51);
}
.g-footer .detail p {
text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-size: 12px;
}
.g-footer .detail p span {
padding-left: 15px;
}
.g-header {
position: relative; z-index: 9; background-color: rgb(255, 255, 255);
}
.g-header .panel {
color: rgb(102, 102, 102); font-size: 12px; background-color: rgb(247, 247, 247);
}
.g-header .panel .g-wrapper {
position: relative;
}
.g-header .panel .slogo {
padding: 10px 0px; float: left;
}
.g-header .panel .meau {
float: right;
}
.g-header .panel .meau .portion {
margin-left: 40px; display: inline-block;
}
.g-header .panel .meau .portion .g-header-icon {
top: 1px; color: rgb(235, 0, 0); font-size: 14px; margin-right: 3px;
}
.g-header .panel .meau .language.portion .active {
padding: 1px 5px; color: rgb(255, 255, 255); background-color: rgb(172, 172, 172);
}
.g-header .panel .meau .language.portion :first-child.active {
margin-right: 5px;
}
.g-header .panel .meau .wechat.portion {
position: relative;
}
.g-header .panel .meau .wechat.portion small {
top: 30px; width: 100px; height: 100px; right: 0px; display: none; position: absolute; z-index: 10;
}
.g-header .panel .meau .wechat.portion small img {
width: 100%; height: 100%;
}
.g-header .panel .meau .wechat.portion:hover small {
display: block;
}
.g-header .panel .meau .nav.portion {
padding: 10px 0px;
}
.g-header .panel .meau .nav.portion a {
color: rgb(102, 102, 102); text-decoration: none;
}
.g-header .panel .meau .nav.portion:hover .nav_content {
border: 1px solid rgb(222, 222, 222); border-image: none; height: auto; opacity: 1;
}
.g-header .panel .meau .nav.portion .nav_content {
padding: 0px 18px; border: currentColor; border-image: none; top: 37px; width: 458px; height: 0px; right: 0px; overflow: hidden; font-size: 14px; position: absolute; z-index: 19; box-sizing: border-box; opacity: 0; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.g-header .panel .meau .nav.portion .nav_content .part {
padding-bottom: 5px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.g-header .panel .meau .nav.portion .nav_content .last.part {
padding-bottom: 20px;
}
.g-header .panel .meau .nav.portion .nav_content p {
color: rgb(235, 0, 0); padding-top: 14px; padding-bottom: 5px;
}
.g-header .panel .meau .nav.portion .nav_content ul {
}
.g-header .panel .meau .nav.portion .nav_content ul::after {
clear: both; display: table; content: " ";
}
.g-header .panel .meau .nav.portion .nav_content ul li {
width: 110px; line-height: 26px; float: left;
}
.g-header .panel .meau .nav.portion .nav_content ul li a {
color: rgb(102, 102, 102);
}
.g-header .panel .meau .nav.portion .nav_content ul li a:hover {
text-decoration: underline;
}
.g-header .panel .meau .nav.portion .nav_content ul li.s1 {
width: 90px;
}