html body { /* font-family: 'Microsoft YaHei', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important; /*font: 12px/normal Microsoft Yahei, Verdana, 宋体, sans-serif;*/ /*overflow-x: hidden; overflow-y: scroll; width: 100%; height: 100%; color: rgb(94, 97, 100); word-break: break-all; font-size-adjust: none; font-stretch: normal; _background: url(/statics/css/notfound) fixed; font-family: 'Microsoft YaHei' !important; */ padding-top: 6.14em; overflow: hidden; margin: 0; padding: 0; } /* .pz_center img:hover { transition: all .5s; } */ .white { color: #fff; } .m_auto { margin: 0 auto; } .m_center { text-align: center; } .pz_center { width: 80%; height: 100%; margin: 0 auto; } .red { color: red; } .title1 { margin-bottom: 70px; } span.button_c.more a:hover { color: #fff; } span.button_c.more:hover { /*background: rgba(192, 169, 118, 0.6);*/ background-color: #C0A860; color: #fff; } span.button_c.more { display: inline-block; width: 13em; height: 3.3em; color: #c0a977; border:1px solid #c0a977; background: #c0a976; border-radius: .8em; line-height: 3.3em; text-align: center; font-size: 18px; cursor: pointer; margin: 2em; } .ind_mare { text-align: center; padding:30px 0; /*width:235px;*/ width:15em; height:3.3em; margin: 0px auto;} .ind_mare span { transition: .3s; display: inline-block; color: #c0a977; border:1px solid #c0a977; font-size: 16px; border-radius: 15px; padding:15px 35px; } .ind_mare span:hover { background-color: #C0A860; color: #fff; } p:hover { color: #b6832b; text-decoration: none; } /* a { text-decoration: none; } a:hover { text-decoration: none!important; color: #b6832b!important; cursor: pointer; } */ ul.a_tatal li > a { display: inline-block; height: 100%; width: 100%; cursor: pointer; text-decoration: none; } a.title_line { font-size: 42px; color: #ab885b; text-decoration: none; display: inline-block; height: 2em; width: 5em; line-height: 2em; margin: 25px auto 10px; position: relative; } a.title_line:before { content: ''; height: 1px; width: 100%; background: #b6832b; position: absolute; bottom: 10px; left: 0; text-align: center; } a.title_line:after { content: ''; height: 3px; width: 20%; background: #b6832b; position: absolute; left: 0; right: 0; bottom: 9px; margin: 0 auto; } a.title_line:hover:after { width: 50%; transform: scale(1.5 1.5); transition: all .8s; } /* header */ i { font-style: normal; } ol { list-style: none; list-style-type: none; } ul { list-style: none; } img { border: 0px; } * { margin: 0px; padding: 0px; } .clear { clear: both; font-size: 0px; line-height: 0px; height: 0px; } #hder1 { width: 1200px; /*height: 162px;*/ height: 100px; margin: 0 auto 12px; position: relative; } #hder1 .bd { margin: 0px auto; width: 1200PX; height: 100px; margin-top: 0px; } .top01 { height: 14px; position: relative; } .logo { background: url(/statics/toubu/theme/logo.png) no-repeat 0px 0px; left: 15px; top: -10px; width: 240px; height: 140px; overflow: hidden; position: absolute; } .logo a { width: 240px; padding-top: 250px; display: block; } .htxt { top: 16px; width: 305px; height: 65px; right: 0; text-indent: -1000px; overflow: hidden; position: absolute; background-image: url(/statics/toubu/theme/txt.png); } .htxt02 { left: 450px; top: 60px; width: 450px; height: 20px; text-align: right; overflow: hidden; position: absolute; color: #b79f6b; font-size: 16px; } .htxt02 a { color: #b79f6b; font-size: 16px; } .htxt02 .bd1 { width: 400px; height: 20px; overflow: hidden; margin-right: 10px; float: right; } .htxt02 .hd { margin-left: 10px; } .htxt02 .hd .prev_t { background: url(/statics/toubu/theme/icoUp.gif) no-repeat; width: 9px; height: 5px; overflow: hidden; margin-top: 9px; margin-right: 2px; float: right; display: block; cursor: pointer; } .htxt02 .hd .next_t { background: url(/statics/toubu/theme/icoUp.gif) no-repeat; width: 9px; height: 5px; overflow: hidden; margin-top: 9px; margin-right: 2px; float: right; display: block; cursor: pointer; } .htxt02 .hd .next_t { background: url(/statics/toubu/theme/icoDown.gif) no-repeat; } .htxt03 { top: 21px; right: 330px; position: absolute; color: #b79f6b; font-size: 32px; font-family: "方正大标宋繁体"; } .htxt03 a { color: #b79f6b; font-size: 28px; font-family: "方正大标宋繁体"; } .htxt03 a:hover { color: #b79f6b; font-family: "方正大标宋繁体"; font-family: } .xws_auto_1920{ width:100%; height:52px; margin-top: -5px; background:url(/statics/toubu/theme/bg-f.png) repeat 100% 0%; z-index:99999; } .xws_auto{ margin-left: auto; margin-right: auto; width: 1080px; margin-top: 0px; height: 52px; } header { background: url(/statics/toubu/theme/bg-di.png); /*position: fixed;*/ position:absolute; top: 0; left: 0; width: 100%; height: 180px; z-index: 5; } header nav { float: left; height: 52px; line-height: 45px; /*margin-left: 180px;*/ margin:0 auto; margin-top: 0px; } header nav li { float: left; position: relative; margin-left: 0px; width: 120px; text-align: center; height: 52px; } header nav li>a { height: 52px; margin-top: 0px; overflow: hidden; display: inline-block; position: relative; } header nav li h3 { transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; position: relative; top: -10px; color: #FFF; font-weight: normal; line-height: 36px; font-size: 18px; box-sizing: border-box; padding: 0 0px; display: inline-block; margin-left: auto; margin-right: auto; } header nav li:hover>a, header nav li>a.on { width: 120px; border-bottom: 3px solid #fffff0; background: #C0A860; margin-top: 0px; } header nav li:hover>a h3, header nav li>a.on h3 { color: #fff; } header nav li:hover h3 { top: -48px; background: #C0A860; /*rgb(219,199,131);*/ height: 38px; width: 120px; } header nav li .nav_L2 { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; height: 0px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; overflow: hidden; position: absolute; z-index: 5; top: 40px; left: 0; width: 100%; text-align: center; line-height: 0.9em; } header nav li:hover .nav_L2 { display: block; top: 52px; height: auto; width: 120px; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } header nav li .nav_L2 li { line-height: 37px; height: 37px; padding: 0px 0; color: #666; font-size: 16px; background-color: #888; border-bottom: 1px solid #fff; } header nav li .nav_L2 li a { top: -27px; color: #fff; /*#b9030c;*/ text-align: center; font-size: 17px; } header nav li .nav_L2 li:hover { line-height: 40px; height: 37px; color: #fff; /*#b9030c;*/ background: #C0A860; /*rgb(219,199,131);*/ border-bottom: 1px solid #fff; } header nav li .nav_L2 li p:hover { color: #fff; font-size: 17px; z-index: 999; } header nav li .nav_L2 li p a:hover { width: 120px; height: 37px; color: #fff; /*#b9030c;*/ font-size: 17px; z-index: 998; } /* header */ section #banner { margin-top: 140px; height: 60em; background: #242424; z-index: 2; } section #banner img { height: 60em; width: 100%; z-index: 9; display: inline-block; } section .strength { height: 10.7em; background: /*#C0A860;*/ /*#c0a977;*/ #f05b72; overflow: hidden; color: #fff; font-size: 14px; } section .strength ul { overflow: hidden; } section .strength ul li:before { content: ''; position: absolute; width: 1px; background: #fff; height: 60%; top: 2em; bottom: 0; right: 0; } section .strength ul li:hover:after { content: ''; position: absolute; width: 100%; background: rgba(255, 255, 255, 0.2); height: 100%; top: 0; right: 0; } section .strength ul li:last-child:before { background: transparent; } section .strength ul li { position: relative; padding: 1em; float: left; height: 10.7em; width: 25%; text-align: center; overflow: hidden; box-sizing: border-box; } section .strength ul li h4 { text-align: left; font-size: 20px; font: normal bold 20px/24px 'Microsoft YaHei'; } section .strength ul li a { color: #ccc; text-decoration: none; } section .strength ul li p { text-align: left!important; font-family: 'Microsoft YaHei'; } section #main { padding-bottom: /*6.8em;*/2px; background: url(/statics/images/bg/bj.png) repeat 100% 100% / cover; /*background: url(/statics/img/bj.png) repeat 100% 100% / cover;*/ repeat 100% 100% / cover; } section #main .pz_center:hover { box-shadow: 16px 0px 8px #d8d5c2, -16px 0px 8px #d8d5c2; } section #main .pz_center { background: rgba(255,255,255,.35); box-shadow: 12px 0px 5px #d8d5c2, -10px 0px 5px #d8d5c2; } section #main .pz_center > .item { width: 95%!important; margin: 3em auto; text-align: center; } section #main .pz_center .theme { text-align: center; } section #main .pz_center .theme .title_line { /* font: normal normal 42px/42px 'Microsoft YaHei'; */ color: #b28b56; text-decoration: none; } section #main .pz_center .theme .theme_item ul { overflow: hidden; /* background: #eeefe4; */ width: 95%; margin: 0 auto; } section #main .pz_center .theme .theme_item li { /* height: 700px; */ margin-bottom: 2em; } section #main .pz_center .theme .theme_item li a.item { background: #c0a976; width: 100%; } section #main .pz_center .theme .theme_item li img:hover { transform: null; } section #main .pz_center .theme .theme_item li img { /* height: 32.6em; width: 100%;*/ height: 583px; width: 452px; } section #main .pz_center .theme .theme_item li div.text { height: 65px; color: #fff; text-align: center; line-height: 50px; font-size: 18px!important; } section #main .pz_center .theme .theme_item li div.text:hover { color: #b6832b; /*text-decoration: none;*/ } section #main .pz_center .moreTheme { width: 100%; } section #main .pz_center .moreTheme .video { /* width: 100%; */ height: 45em; /* padding: 0 15px; */ box-sizing: border-box; margin: 15px auto 10px; background: #b3b3b3; position: relative; } section #main .pz_center .moreTheme .video img { width: 50px; height: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; border-radius: 50%; } section #main .pz_center .moreTheme .video img:hover { background: #dbd1d1; } section #main .pz_center .moreTheme .video video { width: 100%; height: 100%; } section #main .pz_center .months { margin-top: 2em; text-align: center; width: 100%; } section #main .pz_center .months ul { width: 100%!important; overflow: hidden; } section #main .pz_center .months li { cursor: pointer; margin-bottom: 30px; } section #main .pz_center .months li img { width: 100%; /*border-top-left-radius:10px; border-top-right-radius:10px;*/ position: relative; } section #main .pz_center .months li img:before { content: ''; position: absolute; width: 100%; height: 100%; background: #ccc; z-index: 10; } section #main .pz_center .months li .text { text-align: center; background: #c0a976; /*border-bottom-left-radius:10px; border-bottom-right-radius:10px;*/ height: 50px; line-height: 50px; color: #fff; /* font-weight: bolder; */ font-size: 18px; } section #main .pz_center .months li:hover .text { color: /*#b6832b;*/ #fff; background: #C0A860; } /* 20180409 */ img2:hover { transform: rotateY(-180deg); transform: rotateY(0); } section #main .pz_center .months span.more { display: inline-block; width: 13em; height: 4em; background: #c0a976; border-radius: .5em; line-height: 4em; text-align: center; font-size: 18px; } section #main .pz_center .shops { width: 100%; height:500px; overflow: hidden; } section #main .pz_center .shops .landmarks { width: 100%; } section #main .pz_center .shops .landmarks li { height: 85px; line-height: 85px; box-sizing: border-box; padding: 0!important; margin-top: 30px; } section #main .pz_center .shops .landmarks li a { width: 90%; margin: 0 auto; border-radius: 10px; height: 100%; display: inline-block; color: #000; position: relative; box-sizing: content-box; } section #main .pz_center .shops .landmarks li a div { position: relative; border: 1px solid #c0a977; border-right: none; left: 0; top: 0; width: 35%; height: 100%; background-color: #c0a977; text-align: center; border-radius: 10px 0 0 10px; } section #main .pz_center .shops .landmarks li a img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; /* width: 60%; */ height: 70%; } section #main .pz_center .shops .landmarks li a span { display: block; border: 1px solid #c0a977; border-left: none; box-sizing: border-box; position: absolute; left: 35%; top: 0; width: 65%; height: 100%; text-align: center !important; font-size: 18px; color: #696767; border-radius: 0 10px 10px 0; } section #main .pz_center .shops .landmarks li a:hover { transform: translateY(-0.5em); transition: all .5s; } section #main .pz_center .shops .landmarks li a:hover div { background-color: #C0A860;/*#ba984d;*/ border-color: #C0A860; cursor: pointer; } section #main .pz_center .shops .landmarks li a:hover span { color: #C0A860; border: 1px solid #c0a977; border-left: none; border-color: #C0A860; } section #main .pz_center .shops .landmarks li a:hover { color: #87610e; cursor: pointer; } section #main .pz_center .shops .landmarks li:nth-child(4n) { border-right: none; } section #main .pz_center .shops .landmarks li:nth-child(9) { border-bottom: none; } section #main .pz_center .shops .landmarks li:nth-child(10) { border-bottom: none; } section #main .pz_center .shops .landmarks li:nth-child(11) { border-bottom: none; } section #main .pz_center .shops .landmarks li:nth-child(12) { border-bottom: none; border-right: none; } section #main .pz_center .evaluate { width: 100%; overflow: hidden; } section #main .pz_center .evaluate li { position: relative; border-radius: 10px; } section #main .pz_center .evaluate li .list .head8 { padding: 0 2em; background: #c0a977; height: 4em; line-height: 4em; color: #fff; text-align-last: left; font-size: 17px; } section #main .pz_center .evaluate li .list .head8 .name11 { font-weight: 600; } section #main .pz_center .evaluate li .list .head8 img { display: inline-block; height: 50px; width: 50px; /*margin-top: 10px;*/ margin-right: 20px; border-radius: 50%; } section #main .pz_center .evaluate li .list .head8 .time { float: right; font-weight: 600; font-family: 'Accidental Presidency regular'; } section #main .pz_center .evaluate li .list .head8 .tr8 { float: left; width: 200px; height: 68px; font-weight: 600; font-family: 'Accidental Presidency regular'; } section #main .pz_center .evaluate li .list i { position: absolute; border-radius: 50%; bottom: 1em; right: 1em; width: 2em; height: 2em; background: url("/statics/bg/btn01.png") no-repeat center / 100% 100%; } /* section #main .pz_center .theme .theme_item li img{height:100%;width:100%} */ section #main .pz_center .evaluate li .list i:hover { background-color: rgba(155, 57, 57, 0.5); cursor: pointer; } section #main .pz_center .brand { overflow: hidden; } section #main .pz_center .brand li { /* height: 17em; */ margin-top: 0.5em; padding: .5em; list-style-type: none; } section #main .pz_center .brand li > div { /* border: 1px solid #87610e; */ height: 100%; position: relative; overflow: hidden; margin-top: 3.5em; } section #main .pz_center .brand li > div:hover { background: rgba(241, 222, 222, 0.9); } section #main .pz_center .brand li > div>.nn { content: ''; position: absolute; height: 50px; line-height: 50px; width: 100%; background: #c0a977; bottom: 0em; left: 0; /*transform: translateY(100%);*/ color: white; cursor: pointer } section #main .pz_center .brand li video { /* height: 100%; */ width: 100%; } section #main .pz_center .brand img { width: 100%; /* height: 100%; */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; } section #main .pz_center .commitment { margin-top: 7em; color: #b59b66; } section #main .pz_center .commitment .title h1 { margin: 0; font: normal normal 52px/52px 'Microsoft YaHei'; } section #main .pz_center .commitment .title > p { margin: 25px 0 100px; font: normal normal 30px/30px 'Microsoft YaHei'; } section #main .pz_center .commitment .title .content { margin-top: 55px; border: 2px solid #b59b66; border-radius: 6px; position: relative; padding: 3em; } section #main .pz_center .commitment .title .content table { text-align-last: left; } section #main .pz_center .commitment .title .content table td { width: 30%; padding: .5em; padding-left: 2em; font: normal normal 14px/2em 'Microsoft YaHei'; } section #main .pz_center .commitment .title .content table tr td:nth-child(1) { width: 20%; } section #main .pz_center .commitment .title .content table tr td:nth-child(2) { border-left: 2px solid #b59b66; border-right: 2px solid #b59b66; } section #main .pz_center .commitment .title .content:before { content: '为了保障您的财物安全,我们只接受以下企业对公收款账户'; position: absolute; color: #fff; font: normal normal 28px/62px 'Microsoft YaHei'; top: -1.5em; right: 0; margin: auto; left: 0; height: 62px; width: 70%; background: #b59b66; box-sizing: border-box; } footer { color: #fff; font-size: 14px; } footer .title { height: 4.28em; background: #444; font-size: 1em; line-height: 4.28em; overflow: hidden; } footer .title .pz_center.title { overflow: hiddden!important; } footer .title .pz_center.title ul { margin: 0 !important; height: 100%; overflow: hidden; } footer .title .pz_center.title ul li { display: inline-block; height: 4.28em; width: 10%; text-align: center; line-height: 4.28em; overflow: hidden; position: relative; } footer .title .pz_center.title ul li a { position: absolute; top: 0; left: 0; color: #ccc; text-decoration: none; cursor: pointer; z-index: 10; } footer .title .pz_center.title ul li:hover:after { position: absolute; width: 100%; background: rgba(255, 255, 255, 0.2); height: 100%; top: 0; right: 0; color: #b6832b!important; content: ''; } footer .title .pz_center.title ul li:first:after { content: ''; height: 0px; background: transparent; } footer .content { height: 31.78em; padding-top: 5em; background: #c0a977; box-sizing: border-box; z-index: 666; } footer .content .pz_center .left > p { padding: .5em 1.5em; } footer .content .pz_center .left .code { margin-top: 1em; text-align: center; } footer .content .pz_center .left .code img { display: inline-block; width: 111px; height: 111px; } footer .content .pz_center .left .code p { margin-top: 1em; text-align: center; } footer .content .pz_center .right p.tel { font-size: 36px; } footer .bottom { height: 70px; background: #000; color: #fff; line-height: 70px; font-size: 14px; } body > .contact { position: fixed; left: 0; top: 0; bottom: 0; margin: auto; background: #353535; height: 350px; z-index: 555; } body > .contact ul li { height: 70px; width: 70px; font-size: 12px; box-sizing: border-box; text-align: center; color: #bdbdbd; /*border-bottom: 2px solid #353535;*/ cursor: pointer; position: relative; } body > .contact ul li div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 2.5em; } body > .contact ul li div a { color: #838383; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 3.8em; } body > .contact ul li:hover { background: #ffffff; } body > .contact ul li:before { content: ''; display: inline-block; width: 100%; height: 50%; background: url("/statics/images/bg/qq.png") no-repeat center / 40% 70%; margin-top: 0.8rem; } body > .contact ul li:nth-child(2):before { background: url("/statics/images/bg/tianmao.png") no-repeat center / 40% 70%; } body > .contact ul li:nth-child(3):before { background: url("/statics/images/bg/weixin.png") no-repeat center / 40% 70%; } body > .contact ul li:nth-child(4):before { background: url("/statics/images/bg/weibo.png") no-repeat center / 40% 70%; } body > .contact ul li:nth-child(5):before { background: url("/statics/images/bg/top.png") no-repeat center / 40% 70%; margin-top: 0rem; } section .pz_center { position: relative; padding-bottom: 100px; } section .pz_center nav { width: 100%; overflow: hidden; margin-top: 100px; position: absolute!important; left: 0; bottom: 0; } section .pz_center .goto { line-height: 80px; } section .pz_center .goto input { display: inline-block; height: 2em; width: 3em; } section .pz_center .goto span { outline: 1px solid #c8c8c8; padding: .4em; cursor: pointer; margin-left: 2em; } .list { border-radius: 10px; } .media { padding-top: 10px; } .title1 p { font-size: 14px; line-height: 20px; color: #ab885b; } .title1 p:hover { font-size: 16px; line-height: 20px; color: #f00; } body .contact li { position: absolute; } body> .contact li:hover:after { display: block; } body> .contact li:after { content: ''; width: 100px; height: 100px; position: absolute; right: -120px; top: -15px; display: none; } body> .contact li:nth-child(2):after { background: url("/statics/images/bg/taobao.png") no-repeat center / 100% 100%; } body> .contact li:nth-child(3):after { background: url("/statics/images/bg/weixin.jpg") no-repeat center / 100% 100%; } body> .contact li:nth-child(4):after { background: url("/statics/images/bg/weibo.jpg") no-repeat center / 100% 100%; } section #main .pz_center .commitment .title .content:before { content: '为了保障您的财物安全,我们只接受以下企业对公收款账户'; position: absolute; color: #fff; font: normal normal 20px/62px 'Microsoft YaHei'; top: -1.5em; right: 0; margin: auto; left: 0; height: 62px; width: 70%; background: #b59b66; box-sizing: border-box; overflow: hidden; } .jj { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } section #main .pz_center .brand li { /* height: 17em; */ margin-top: 0.5em; padding: .5em; } section #main .pz_center .brand li > div { /* border: 1px solid #87610e; */ height: 100%; position: relative; overflow: hidden; margin-top: 0.5em; } .title1 { margin-bottom: 35px; } section #main .pz_center .theme .theme_item li:hover { transform: translateY(-0.5em); transition: all .5s; } section #main .pz_center .months li:hover { transform: translateY(-0.5em); transition: all .5s; } section #main .pz_center .evaluate li .list .head img { display: inline-block; height: 40px; width: 40px; margin-right: 20px; border-radius: 50%; } section #main .pz_center .brand img { width: 50px; height: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; border-radius: 50%; } section #main .pz_center .brand img { width: 50px; height: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; border-radius: 50%; } section #main .pz_center .evaluate li .list .head .name11 { float: left; } section #main .pz_center .evaluate li .list .head img { display: inline-block; height: 3em; width: 3em; margin-top: .5em; margin-right: 20px; border-radius: 50%; float: left; } section #main .pz_center .evaluate li .list .content1 { width: 100%; padding: 2em 2em 3em 2em; background: #ece1cb; } section #main .pz_center .evaluate li .list .content1 .content { text-align: left; line-height: 1.8em; text-indent: 0; box-sizing: border-box; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } section #main .pz_center .evaluate li .list i { position: absolute; border-radius: 50%; bottom: 0.5em; right: 1em; width: 2em; height: 2em; background: url("/statics/images/bg/btn01.png") no-repeat center / 100% 100%; } .zhezhao { width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: 100; } section #main .pz_center .brand img { width: 50px; height: 50px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; cursor: pointer; border-radius: 50%; z-index: 102; } .list { position: relative; } section #main .pz_center .evaluate li { position: relative; /* margin-bottom: 2em; overflow: hidden; */ border-radius: 10px; } .content_imgl { position: absolute; left: 2em; top: 1.5em; } .content_imgr { position: absolute; bottom: 1.5em; right: 2em; } .content_sanjiao { width: 25px; height: 22px; position: absolute; bottom: -19px; left: 50%; margin-left: -12.5px; } .content_info { width: 100%; margin-top: 35px; text-align: center; } .content_info .name22 { font-size: 16px; color: #686767; } section #main .pz_center .evaluate li .list .content1 .content { text-align: left; line-height: 20px; text-indent: 0; box-sizing: border-box; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; height: 80px; } .content_imgl { position: absolute; left: 0.8em; top: 0.8em; } .content_imgr { position: absolute; bottom: 0.5em; right: 0.5em; } .content_info img { width: 55px; height: 55px; border-radius: 50%; } section #main .pz_center .evaluate li .list .content1 { width: 100%; padding: 28px 15px; background-color: #e1dfcd; border-radius: 10px; position: relative; } section #main .pz_center .evaluate ul { overflow: hidden; } /* 6图新品 */ section #main .pz_center > .item { width: 95%!important; margin: 3em auto; text-align: center; } section #main .pz_center .xinpin { text-align: center; } section #main .pz_center .xinpin .title_line { color: #b28b56; text-decoration: none; } section #main .pz_center .xinpin .xinpin_item ul { overflow: hidden; width: 95%; margin: 0 auto; } section #main .pz_center .xinpin .xinpin_item li { margin-bottom: 2em; } section #main .pz_center .xinpin .xinpin_item li .imgbox { width: 100%; float: left; overflow: hidden; /*border-top-left-radius:10px; border-top-right-radius:10px;*/ background-color: #e9c992; } section #main .pz_center .xinpin .xinpin_item li .imgbox img { width: 100%; float: left; overflow: hidden; } section #main .pz_center .xinpin .xinpin_item li a { background: #c0a976; color: #fff; /*border-radius:10px;*/ } section #main .pz_center .xinpin .xinpin_item li a:hover { background-color: #C0A860; background-size: 0; color: #333; } /* 防抖 */ section #main .pz_center .xinpin a:hover .zoomer { display: block; } section #main .pz_center .xinpin a img { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } section #main .pz_center .xinpin a:hover img { transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); ms--transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); } section #main .pz_center .xinpin .xinpin_item li a .title { font-weight: normal; float: left; width: 100%; height: 30px; line-height: 25px; /*color: #FFFFFF;*/ text-align: center; font-size: 26px; margin-top: 10px; text-decoration: none; } section #main .pz_center .xinpin a .dsc { font-family: "宋体", Arial, sans-serif; font-weight: normal; float: left; width: 100%; height: 30px; line-height: 25px; /*color: #ccc;*/ text-align: center; font-size: 14px; text-decoration: none; } section #main .pz_center .xinpin a .btr1 { display: none; } section #main .pz_center .xinpin a .btr2 { font-weight: normal; float: left; width: 100%; height: 12px; line-height: 0px; /*color: #ccc;*/ text-align: center; font-size: 10px; font-family: Verdana, Geneva, sans-serif; text-decoration: none; letter-spacing: 0px; } /* 6图新品结束*/ /* newpj 首页评价 */ section #main .pz_center .morekhpj { width: 100%; } section #main .pz_center .khpj { margin-top: 2em; text-align: center; width: 100%; } section #main .pz_center .khpj ul { width: 100%!important; overflow: hidden; } section #main .pz_center .khpj li { cursor: pointer; margin-bottom: 30px; } section #main .pz_center .khpj li:hover { /*top:-5px; transform: translate3d(0px, -8px, 0px); transition: transform .3s linear 0s; */ } .khpj .item { float: left; width: 100%; } .khpj .item .msg { width: 100%; height: 13em; background: #fff; border-top-left-radius:10px; border-top-right-radius:10px; padding: 1.5em 1.2em 3em 1.3em; font-size: 12px; text-align: left; } .khpj .item .msg:after,.khpj .item .msg:before { content: ''; background: url(/statics/newpj/icon-yinhao.jpg) no-repeat; width: 30px; height: 23px; display: block; } .khpj .item .msg:before { margin-bottom: 0.72em; } .khpj .item .msg:after { margin-top: 1.43em; float: right; } .khpj .user { height: 50px; line-height: 50px; background: #c0a977; color: #fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding: 0 15px; font-size: 14px; } .khpj .icon-like { background: url(/statics/newpj/icon-like.png) no-repeat center; width: 31px; height: 31px; display: inline-block; position: relative; top: 10px; } .khpj .user strong { font-weight: normal; padding: 0 15px; } .khpj .user span { font-size: 12px; letter-spacing: 3px; } .khpj .text { position: relative; } .khpj .arrow-bottom { position: absolute; width: 30px; height: 15px; background: url(/statics/newpj/arrow_bottom.png) no-repeat center; left: 50%; margin-left: -15px; } .khpj .avatar { background: #5c259d; width: 104px; height: 104px; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; margin: 40px auto 0; } .khpj .avatar:hover{ transform: translate3d(0px, 0px, 0px) rotate(360deg); transition: transform .5s linear 0s; } /* newpj 首页评价结束 */ /* 首页新闻 */ section #main .pz_center .xinwen { text-align: center; } section #main .pz_center .xinwen .title_line { color: #b28b56; text-decoration: none; } section #main .pz_center .xinwen .xinwen_item ul { overflow: hidden; width: 100%; margin: 0 auto; } section #main .pz_center .xinwen .xinwen_item li { margin-bottom: 2em; } section #main .pz_center .xinwen .xinwen_item li:hover { /*transform: translate3d(0px, -8px, 0px); transition: transform .3s linear 0s; */ } section #main .pz_center .xinwen .xinwen_item li a.item { background: #c0a976; width: 100%; } /* summary */ .summary{background:#333;} .listbox{float:left;margin-bottom:20px;margin-right:20px;display:inline;padding:10px;_padding:10px 10px 8px 10px;background:#f6f6f6;width:100%;height:310px;position:relative;} .listimg{float:left;width:100%;height:221px;position:relative;overflow:hidden;} .listimg img{background:#333;width:100%;height:221px;top:0;left:0;position:absolute;} .summary{width:311.56px;height:auto;top:165px;left:0;position:absolute;} .summarytxt{margin:5px 5px;width:301.56px;height:auto;line-height:22px;font-size:12px;color:#cfcfcf; padding-right:5px;} .listinfo{_margin-bottom:3px;padding-left:10px;width:301.56px;line-height:22px;font-size:12px;} .listinfo a{font-size:12px;} .listtitle{float:left;margin-top:8px;_margin-top:-2px;width:301.56px;font-size:14px; text-align:left;} .listtitle a{font-size:14px;} .listtitle a:hover{color:#f55555;} .listtag{float:left;padding-left:18px;background:url(/statics/915news/images/taglist.gif) 0 5px no-repeat;width:232px;color:#999;} .listtag a{margin:0 8px 0 0;margin:2px 8px -2px 0\9;_margin:0 8px 0 0;color:#999;} .listtag a:hover{color:#2ad2bb;} .listdate{float:left;margin-right:10px;padding-left:18px;background: url(/statics/915news/images/time.gif) 0 5px no-repeat;color:#999;} .listview{float:left;margin-right:10px;padding-left:24px;background:url(/statics/915news/images/view.gif) 0 5px no-repeat;color:#999;} .listcomment{float:left;margin-right:10px;padding-left:20px;background:url(/statics/915news/images/comment.gif) 0 5px no-repeat;color:#999;} .listdemo a{float:left;margin-right:3px;margin-top:0;margin-top:2px\9;_margin-top:0;color:#999;white-space:nowrap;} .listdemo a:hover{color:#2ad2bb;}.za ul{ float:left;list-style:none;width:45px;height:15px;} .zan{ float:left;width:45px;height:15px} .img26{ float:left;width:15px;height:15px;text-align:center;cursor: pointer;} .p1{ float:right;text-align: center;color:#999;} /* 首页新闻 */ /* 品牌优势 */ section #main .pz_center .youshi { text-align: center; } section #main .pz_center .youshi .title_line { color: #b28b56; text-decoration: none; } section #main .pz_center .youshi .youshi_item ul { overflow: hidden; width: 95%; margin: 0 auto; } section #main .pz_center .youshi .youshi_item li { margin-bottom: 2em; } section #main .pz_center .youshi_item ul li:hover { /*transform: translate3d(0px, -8px, 0px); transition: transform .3s linear 0s; */ } section #main .pz_center .youshi .youshi_item li a.item { background: #c0a976; width: 100%; /*border-radius: 10px;*/ } section #main .pz_center .youshi .youshi_item li img:hover { transform: null; } section #main .pz_center .youshi .youshi_item li img { width: 100%; /*border-top-left-radius:10px; border-top-right-radius:10px;*/ } section #main .pz_center .youshi .youshi_item li div.text { height: 50px; color: #fff; text-align: center; line-height: 50px; font-size: 18px!important; } section #main .pz_center .youshi .youshi_item li div.text:hover { color: #333; /*border-radius:10px;*/ background-color: #C0A860; text-decoration: none; } /* 品牌优势 * /* 品牌优势-news */ .box{ text-align: center; overflow: hidden; position: relative; } .box img{ width: 100%; height: auto; transform: scale(1.3); transition: all 0.3s ease 0s; } .box:hover img{ filter: grayscale(100%); transform: scale(1.1); } .box .box-content{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.2s ease 0s; } .box:before, .box:after, .box .box-content:before, .box .box-content:after{ content: ""; width: 100%; height: 25%; background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.7),transparent,rgba(0,0,0,0.7),rgba(0,0,0,0.9)); z-index: 1; position: absolute; top: 0; left: 0; transition: all 0.3s ease 0s; } .box:before{ transform: translateX(101%); } .box:after{ height: 25%; top: 25%; transform: translateX(-102%); transition-delay: 0.05s; } .box .box-content:before{ top: 50%; transform: translateX(101%); transition-delay: 0.1s; } .box .box-content:after{ top: 75%; transform: translateX(-102%); transition-delay: 0.15s; } .box:hover:before, .box:hover:after, .box:hover .box-content:before, .box:hover .box-content:after{ transform: translateX(0); } .box .inner-content{ padding: 7px 0; text-align: right; position: absolute; bottom: 10px; right: 20px; z-index: 2; transition: all 0.3s ease 0s; } .box .title{ font-size: 16px; font-weight: 500; color: #faac01; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 5px 0; opacity: 0; transform: translateY(150px); transition: all 0.4s ease 0s; } .box .post{ display: inline-block; margin: 0 0 5px 0; font-size: 16px; color: #fff; opacity: 0; transform: translateY(50px); transition: all 0.4s ease 0s; } .box:hover .title, .box:hover .post{ opacity: 1; transform: translate(0, 0); } .box .icon{ float:left; padding: 0; margin: 0; list-style: none; position: absolute; top: 105%; left: 20px; width:100%; z-index: 2; transition: all 0.4s ease 0.2s; } .box:hover .icon{ top: 81%; } .box .icon li { float:left; margin-right:5px; display:inline; width: 40px; height: 40px; line-height: 40px; } .box .icon li a{ float:left; margin-right:10px; display:block; width: 40px; /*height: 40px; line-height: 40px;*/ background: #faac01; font-size: 20px; color: #fff; /*margin-bottom: 10px;*/ position: relative; transition: all 0.3s ease 0s; } .box .icon li a:hover{ text-decoration: none; border-radius: 50%; background: #fff; color: #faac01; } @media only screen and (max-width:990px){ .box{ margin-bottom: 30px; } } @media only screen and (max-width:479px){ .box .title{ font-size: 18px } } /* 品牌优势-news 结束 */ /* footer */ .footer { width: 100%; height: auto; background: url(/statics/images/bg/bg-footer.png) repeat 100% 100% / cover; padding: 0 0 0 0; } /* footer_xws */ .footer .ft1 { width: 1200px; margin: 0 auto; margin-top: 0px; /*background:rgba(204,204,204,0.05);*/ } .footer .ft0{ width:1200px; height:230px; margin-bottom:0px; } .ft0 ul li { float:left; width:33.33333%; } /* footer_xws */ .tels { font-size: 26px; font-family: Arial, Helvetica, sans-serif; } .tels:hover { color: #b6832b; } .flink { padding-left: 1px; width: 100%; height: auto; margin: 0 auto; font-size: 14px; color: #fffff; padding: 10px 0 10px 0; border-top: 1px dashed #D7D7D7; } .flinks { width: 100%; margin: 0 auto; padding: 0 0px; list-style: none; margin-top: 5px; } .flinks a { color: #666; padding-right: 10px; } .fcopy { width: 100%; margin-top: 0px; line-height: 80px; border-top: 1px solid #2F3847; color: #999999; font-size: 14px; background: #000000; } .dianpu { font-size: 16px; } .pt10 { padding-top: 10px; } .fs14 { font-size: 14px; } .tac { text-align: center; color: #FFF; font-size: 16px; } .tal { text-align: left; } .tar { text-align: right; } .tin { text-indent: -2000em; } .baojia8 { width: 100%; height: 80px; background: /*#222;*/ #f05b72; } .bj { width: 1200px; height: 80px; margin: 0 auto; } .zz { float: left; width: 140px; height: 80px; padding: 16px 0 0 25px; color: #FFF; font-size: 18px; border-right: 1px solid #ff0; } .bj li { float: left; margin-left: 20px; margin-top: 1.6em; text-decoration: none; list-style: none; font-size: 16px; vertical-align: middle; } .bj li input#name { width: 130px; height: 32px; padding-left: 10px; color: #000; font-size: 16px; border-radius: 30px; z-index: 999; } .bj li input#phone { width: 130px; height: 32px; padding-left: 10px; font-size: 16px; color: #000; border-radius: 30px; z-index: 999; } .bj li input#city { width: 130px; height: 32px; padding-left: 10px; font-size: 16px; color: #000; border-radius: 30px; z-index: 999; } .bj input#dosubmit { width: 200px; height: 32px; margin-left: 30px; font-size: 18px; text-align: center; vertical-align: middle; background-color: #ff6c60; color: #FFF; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; cursor: pointer; font-size: 18px; box-shadow: 0 1px #d1595a; } .bj input#dosubmit:hover { background-color: #C0A860; -webkit-box-shadow: 0 0 8px #666; -moz-box-shadow: 0 0 8px #ffo; box-shadow: 0px 1px 8px #ff0; } /* news 内页 */ .war8 { width: 83.45%; margin: 0 auto; } .top_sub { width: 100%; float: left; margin-top: 50px; } .top_sub span { width: 100%; float: left; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 10px; } .top_sub span big { float: left; width: auto; height: 36px; background: #333; color: #fff; text-align: center; line-height: 36px; font-size: 24px; font-family: "新宋体" } .top_sub span small { float: right; width: auto; height: 36px; background: #c30019; float: left; color: #fff; text-align: center; line-height: 36px; font-size: 24px; font-family: "Times New Roman", Times, serif; font-weight: 100; } .rightms { width: 260px; height: 36px; float: right; padding: 14px 0; } /*-- 新闻内页 --*/ .content_box8 { width: 83.45%; margin: 0 auto; margin-top: 10em; } .content_left { width: 70.08%; float: left; } .content_right { width: 27%; float: right; } .content_right_top { width: 90%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 0px; border-top: 3px solid #c0a07f; float: right; background: #cccccc; } .content_right_top ul { width: 90%; } .content_top_title { line-height: 30px; font-size: 16px; } .content_top_list { line-height: 25px; width: 310px; overflow: hidden; font-size: 14px; } .top_news_a1 { font-size: 14px; color: #393939; text-decoration: none; margin-right: 5px; } .top_news_a1:hover { color: #c42369; text-decoration: underline; } .top_news_a2 { font-size: 14px; color: #393939; text-decoration: none; width: 295px; } .top_news_a2:hover { color: #c42369; text-decoration: underline; } .main_content { width: 100%; height: auto; margin-top: -1em; } .main_content ul li { float: left; width: 100%; list-style-type: none; } .news_box { width: 100%; padding-top: 10px; padding-bottom: 10px; } .news_img img { float: left; width: 18%; } .news_content { float: right; width: 79.6%; } .news_title { width: 79.6%; color: #393939; font-size: 16px; } .news_title a.t1 { font-size: 16px; color: #c30; line-height: 25px; text-decoration: none; } .news_title a.t1:hover { color: #c30a10; text-decoration: underline; } .news_date { width: 100%; color: #a4a3a3; font-size: 12px; line-height: 25px } .news_intro { width: 100%; /*672px;*/ height: 55px; color: #393939; font-size: 12px; line-height: 20px; overflow: hidden; } .content_box9 { width: 83.45%; margin: 0 auto; margin-top: 10em; } .content_left9 { width: 70.08%; float: left; } .main_content9 { width: 100%; height: auto; } .news_title_cn { width: 100%; line-height: 45px; text-align: center; font-size: 22px; margin: 0px; font-weight: normal; } .news_date_2 { width: auto; margin: 0 auto; font-size: 12px; color: #393939; text-align: center; } .page { width: 100%; float: left; margin-top: 20px; } .page li { width: 50%; float: left; } .page li span { float: left; } .page li a { float: left; text-decoration: none; color: #000; } .page li.right span { float: right; } .page li.right a { float: right; } .page li a:hover { text-decoration: underline; } /* 新闻内页 结束 */ /* 分页 */ .page-news { text-align: center; margin-top: 50px; height: 50px; } .page-news p { display: inline-block; margin-left: 10px; } .page-news p span { display: inline-block; padding: 8px 15px; background-color: #fff; margin: 0 3px; } .page-news p a { display: inline-block; padding: 8px 15px; background-color: #fff; margin: 0 3px; } .page-news p span.on { color: #fff; background-color: #b6832b; } .page-news p span:hover { color: #fff; background-color: #b92f36; } /* 客片内页box */ .show_imgbox { width: 100%; padding: 38px 38px 25px 38px; border: 1px solid #eee; background: url(/statics/images/bg/imgbg.png) repeat; float: left; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; } .show_imgbox p { width: 100%; float: left; text-align: center; margin: 20px 0; } .show_imgbox p img { width: auto; max-width: 100%; margin: 0 auto; } .show_imgbox big { width: 100%; float: left; padding-bottom: 10px; font-size: 16px; } /* 样片表单 */ .order_one { width: 100%; height: 10em; float: left; border-top: 1px #eee solid; margin-top: 0px; padding-top: 1.43em; } .order_one li { float: left; margin-left: 1.8em; margin-top: 2.14em; } .order_one li.gift { margin-top: 0; width: 10em; height: 6em; } .order_one li strong { height: 2.14em; line-height: 2.14em; margin-right: .3em; font-weight: 500; } .order_one li input { height: 2.2em; width: 9em; padding: 2px 5px; border: 1px solid #CCC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 20px; font-size: 16px; line-height: 26px; } .order_one li.submit { width: auto; height: 3.5em; display: block; cursor: pointer; float: right; } .order_one li.submit input { width: 8em; height: 1.7em; display: block; border: 1px solid #CCC; background: #ecc87e; text-align: center; font-size: 18px; line-height: 1.43em; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; cursor: pointer; font-weight: 500; -webkit-box-shadow: 0px 3px 0px rgba(134,120,61,1), 0px 5px 5px rgba(0,0,0,.7); -moz-box-shadow: 0px 3px 0px rgba(134,120,61,1), 0px 5px 5px rgba(0,0,0,.7); box-shadow: 0px 3px 0px rgba(134,120,61,1), 0px 5px 5px rgba(0,0,0,.7); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; } /* FILE ARCHIVED ON 13:17:48 Jan 15, 2019 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 11:00:07 Jan 13, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.737 exclusion.robots: 0.037 exclusion.robots.policy: 0.022 esindex: 0.013 cdx.remote: 6.17 LoadShardBlock: 178.578 (3) PetaboxLoader3.datanode: 209.063 (4) load_resource: 169.502 PetaboxLoader3.resolve: 79.138 */