html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, i {
margin: 0;
padding: 0;
border: 0 none;
font: inherit;
vertical-align: baseline;
font-family:"微软雅黑"
}
strong {
font-family:"微软雅黑", "FZLTCXHJT", "Microsoft Yahei";
}
input {
background:none;
}
.clear {
clear:both;
}
@font-face {
font-family: "didott";
src: url(../fonts/Didot_0.ttf) format("truetype");
}
@font-face {
font-family: "Century";
src: url(../fonts/Futura.TTF) format("truetype");
}
@font-face {
font-family: "Candara";
src: url(../fonts/Candara.ttf) format("truetype");
}
@font-face {
font-family: 'AdobeGaramondProItalic';
src: url('../fonts/AdobeGaramondProItalic.eot');
src: url('../fonts/AdobeGaramondProItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/AdobeGaramondProItalic.woff') format('woff'), url('../fonts/AdobeGaramondProItalic.ttf') format('truetype');
}
/*
*/
@font-face {
font-family: 'Lato-Medium';
src: url('../fonts/Lato-Medium.eot');
src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Medium.woff') format('woff'), url('../fonts/Lato-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Lato-Bold';
src: url('../fonts/Lato-Bold.eot');
src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Bold.woff') format('woff'), url('../fonts/Lato-Bold.ttf') format('truetype');
}
@font-face {
font-family: 'Lato-Semibold';
src: url('../fonts/Lato-Semibold.eot');
src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Semibold.woff') format('woff'), url('../fonts/Lato-Semibold.ttf') format('truetype');
}
@font-face {
font-family: 'Lato-Regular';
src: url('../fonts/Lato-Regular.eot');
src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'AvenirLTStd-Medium';
src: url('../fonts/AvenirLTStd-Medium.eot');
src: url('../fonts/AvenirLTStd-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Medium.woff') format('woff'), url('../fonts/AvenirLTStd-Medium.otf') format('opentype');
}
@font-face {
font-family: 'AvenirLTStd-Black';
src: url('../fonts/AvenirLTStd-Black.eot');
src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.otf') format('opentype');
}
@font-face {
font-family: 'MinionPro-Regular';
src: url('../fonts/MinionPro-Regular.eot');
src: url('../fonts/MinionPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/MinionPro-Regular.woff') format('woff'), url('../fonts/MinionPro-Regular.otf') format('opentype');
}
@font-face {
font-family: 'MinionPro-It';
src: url('../fonts/MinionPro-It.eot');
src: url('../fonts/MinionPro-It.eot?#iefix') format('embedded-opentype'), url('../fonts/MinionPro-It.woff') format('woff'), url('../fonts/MinionPro-It.otf') format('opentype');
}
@font-face {
font-family: 'MinionPro-MediumIt';
src: url('../fonts/MinionPro-MediumIt.eot');
src: url('../fonts/MinionPro-MediumIt.eot?#iefix') format('embedded-opentype'), url('../fonts/MinionPro-MediumIt.woff') format('woff'), url('../fonts/MinionPro-MediumIt.otf') format('opentype');
}
@font-face {
font-family:"方正兰亭超细黑简体";
src:url("../fonts/方正兰亭超细黑简体.TTF") format("truetype");
}
html {
width:100%;
}
body {
width: 100%;
/*min-width: 1000px;*/
font-size: 100%;
overflow-x:hidden!important;
font-size:12px;
}
img {
vertical-align: top;
border: none;
outline: none;
}
li {
vertical-align: top;
list-style: none;
}
a {
text-decoration: none;
color: #a5aab9;
border: none;
outline: none;
}
.clearfix {
zoom:1
}
.clearfix:after {
content: '\20';
display: block;
clear: both;
}
/*--------------------------------index-----------------------------------------*/
/*-------------------------header--------------------------------------------*/
.nav, .top, .header, .banner, .banner ul, .content, .decorate-pic, .bottom {
width: 100%;
}
.sub-nav-contact {
}
.sub-nav-about {
}
.header {
position: relative;
z-index: 1000;
background: #ffffff;
top:20px;
}
.top-nav {
position: fixed;
left: 0%;
top:0;
width: 100%;
z-index: 10000000;
}
.top {
position: relative;
width: 100%;
height: 40px;
border-bottom: 1px solid #dbdbdb;
background:#fff;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-ms-transition: all 1s;
-o-transtition: all 1s;
transition: all 1s;
}
.top:hover {
background:#fff;
}
.top-covering {
position: absolute;
left:0;
top:0;
width: 100%;
height:100%;
z-index: 1;
background: #fff;
opacity:0.9;
filter:alpha(opacity=90)
}
.top-wrap {
position: relative;
z-index: 10;
width: 100%;
height:100%;
margin: 0 auto;
}
.top-left {
float: left;
padding-top: 0px;
width: 245px;
height: 38px;
}
.top-left-text {
height:40px;
text-align: center;
text-indent: 2em;
line-height: 40px;
font-size: 16px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#2f0d16;
}
.top-left-text span {
font-family:"微软雅黑";
font-size:14px;
color:#2f0d16;
}
.top-left-menu {
position: absolute;
left:30px;
top:20px;
width: 20px;
height:11px;
border-top:3px solid #000000;
border-bottom:3px solid #000000;
display: none;
}
.top-left-menu:after {
position: absolute;
left: 0;
top:4px;
width: 20px;
height:3px;
content: '';
background: #000000;
}
.top-right {
margin-right: 50px;
float: right;
height:38px;
line-height: 38px;
padding-top: 0px;
font-size: 12px;
}
.top-right span {
font-size: 10px;
-webkit-transform: scale(0.6, 0.6) translate(12px, 3px);
}
.logo {
margin-top:25px;
height:110px;
}
.logoimg {
width:240px;
margin:auto;
padding-top:23px;
}
.banner-pos {
position: relative;
font-family:"didott";
}
.nav {
border-bottom: 1px solid #d5d5d6;
}
.nav>.main-nav {
position: relative;
}
.nav>.main-nav>li {
position: relative;
float: left;
padding: 10px 50px 10px 10px;
height:44px;
font-size:14px;
text-align: left;
line-height: 44px;
color: #c7c8ca;
}
.nav>.main-nav>li>a {
position: relative;
display: block;
color:#2f0d16;
cursor: pointer;
letter-spacing:1px;
font-family:"微软雅黑";
font-size:14px;
}
.nav>.main-nav>li>a:hover {
color:#000;
}
.nav>.main-nav>li>a:after {
position: absolute;
top: 48%;
right:-15px;
content: "";
display: block;
width: 0;
height:0;
border: 3px solid #ccc;
border-color: #ccc transparent transparent transparent;
}
.nav>.main-nav>li>ul {
display: none;
}
.nav .sub-nav {
position:absolute;
top:100%;
left:0;
width:120px;
border:1px solid #dbdbdb;
background: #fff;
display: none;
}
.sub-nav-5 {
position:absolute;
left: 0;
top: 325px;
width: 100%;
padding: 1%;
z-index: 1000;
background: #fff;
}
.sub-nav-5 li {
float: left;
width: 20%;
}
.sub-nav-left {
float: left;
margin-right: 40px;
width: 309px;
height:218px;
background: url("../img/product-bg.jpg") no-repeat;
}
.sub-nav-product dl {
float: left;
width: 150px;
margin-right: 20px;
}
.sub-nav-product dt {
border-bottom:1px solid #ccc;
}
.sub-nav-product dl dd {
display: block;
width: 120px;
height:28px;
}
.sub-nav-product dl a {
display: block;
width: 120px;
height:28px;
text-align: left;
line-height: 28px;
font-size: 14px;
color:#2f0d16;
font-family:"微软雅黑"
}
.sub-nav-product dl a:hover {
color: #000;
}
.sub-nav-service li {
width: 30%;
margin: 0 1%;
float: left;
height: auto!important;
}
.message {
width: 900px;
margin: 0 auto;
}
.message .titlecon {
text-align: center;
line-height: 20px;
font-size: 14px;
color:#666666;
letter-spacing:0px;
font-family:Verdana, Geneva, sans-serif;
}
.caselogo {
float:left;
margin-left:30px;
}
.casetext {
float:left;
font-family:"微软雅黑";
line-height:90px;
color:#2f0d16;
margin-left:10px;
}
.message p {
text-align: center;
line-height: 20px;
font-size: 12px;
color:#b9b9bd
}
.message1 {
border-right:1px dotted #e5e5e5;
width: 30%;
margin:0 auto;
float:left;
margin:45px 0 25px 0;
}
.message p:last-child {
font-style:italic;
font-family:"微软雅黑";
}
.con_title {
text-align:center;
font-size:36px;
padding-top:100px;
font-family: "Lato-Medium";
color:#000
}
.content-touxiang i {
display: block;
width: 30px;
margin: 0 auto;
background: #ccc;
height: 2px;
border: none;
margin-top: 10px;
}
.content {
background: #f2f2f1;
}
.content-touxiang {
position: relative;
width: 100%;
height:220px;
}
.touxiang-pic {
position: absolute;
left:50%;
top: 50%;
margin-left: -54px;
margin-top:-54px;
width: 108px;
height: 108px;
border-radius: 50%;
overflow: hidden;
}
.touxiang-pic-wrap {
position: relative;
width: 100%;
height:100%;
border-radius:50%;
overflow: hidden;
}
.touxiang-pic-wrap .touxiang-line {
position: absolute;
z-index: 100;
margin: 3px;
width: 100px;
height: 100px;
border-radius: 50%;
}
.touxiang-pic-wrap .touxiang-covering {
position: absolute;
z-index: 98;
width: 0;
height: 108px;
background: #000000;
border-radius:50%;
opacity: 0.5;
filter:alpha(opacity=50);
}
.content-text {
width:810px;
margin: 0 auto;
font-family:"微软雅黑";
font-size:14px
}
.content .text {
float: left;
width: 230px;
padding: 0 20px;
line-height:20px;
font-size:14px;
}
.content .text2 {
width: 228px!important;
border-left:1px solid #e4e2e2;
border-right:1px solid #e4e2e2;
}
.show-more {
position: relative;
height: 180px;
}
.btn-more {
position: absolute;
left: 50%;
top:60%;
margin-left: -95px;
width: 190px;
height:37px;
text-align: center;
line-height: 37px;
color:#fff;
font-size:14px;
background: #000;
font-family:"微软雅黑";
}
.btn-more:hover {
background:#525252;
}
/*---------------------banner----------------------------*/
.banner {
position: relative;
width: 100%;
overflow: hidden;
}
.banner .prev, .banner .next, .product-banner .prev, .product-banner .next, .pro-pic .prev, .pro-pic .next {
position: absolute;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
z-index: 100;
cursor:pointer;
display:none
}
.banner .prev, .product-banner .prev {
left: 3%;
background: url("../img/large_left.png");
background-position:0 0!important;
}
.banner .prev:hover {
background-position:0 -40px!important;
}
.product-banner .prev:hover {
background-position:0 -40px!important;
}
.banner .next, .product-banner .next {
right: 3%;
background: url("../img/large_right.png");
background-position:0 0;
}
.banner .next:hover {
background-position:0 -40px;
}
.product-banner .next:hover {
background-position:0 -40px;
}
.banner li {
float: left;
width: 0;
background-size:cover!important;
background-position:50% 0!important;
}
.banner-text, .banner-text1, .banner-text2 {
opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition: all 0.3s;
-webkit-transform:rotate(-300deg);
-moz-transform:rotate(-300deg);
-ms-transform:rotate(-300deg);
-o-transform:rotate(-300deg);
transform:rotate(-300deg)
}
.banner-pos>div {
position: absolute;
display: none;
font-weight:normal!important;
}
.news2-box>.news2-box-pos {
position: relative;
}
.news2-box>.news2-box-pos>div {
position: absolute;
left:0;
top:0;
}
.banneranimate {
opacity: 1!important;
filter:alpha(opacity=100)!important;
-webkit-transform:rotate(-360deg)!important;
-moz-transform:rotate(-360deg)!important;
-ms-transform:rotate(-360deg)!important;
-o-transform:rotate(-360deg)!important;
transform:rotate(-360deg)!important;
}
/*-------------------------center content---------------------------------*/
.product-list {
overflow: hidden;
}
.product-list img {
position: absolute;
top: 0;
z-index: -1;
}
.product-list .left, .product-list .right {
width: 50%!important;
height:100%;
}
.product-list .left {
float: left;
}
.product-list .right {
float: right;
}
.list-1 .bg, .list-3 .bg, .list-5 .bg {
background: #191919!important;
}
.list-2 .bg, .list-4 .bg {
background: #291b08;
}
.bg-line {
position:absolute;
left:0;
top:0;
z-index: 102;
margin: 0.65% 0.85%;
width: 98%;
height: 98%;
border: 2px solid #fff;
opacity:0;
filter:alpha(opacity=0)
}
.bg-covering {
position:absolute;
left:-50%;
top:0;
z-index: 100;
width: 0%;
height:100%;
background: #000;
opacity: 0.5;
filter:alpha(opacity=50);
transform:skew(-10deg);
-webkit-transform:skew(-10deg);
-moz-transform:skew(-10deg);
-ms-transform:skew(-10deg);
-o-transform:skew(-10deg);
transform:skew(-10deg);
}
.list-1 .bg-pic, .list-2 .bg-pic, .list-3 .bg-pic, .list-4 .bg-pic, .list-5 .bg-pic {
position: absolute;
z-index: 98;
width: 100%;
height:100%;
}
.posre {
position: relative;
overflow: hidden;
}
.list-1 .bg-pic {
background-image: url(../img/pro6.jpg);
background-position:100% 0;
background-repeat:no-repeat;
-webkit-background-size: contain!important;
background-size: contain!important;
background-attachment: fixed;
_background-image:url(about:blank);
}
.list-2 .bg-pic {
background-image: url(../img/pro11.jpg);
background-position:0 0;
background-repeat:no-repeat;
-webkit-background-size: contain!important;
background-size: contain!important;
background-attachment: fixed;
}
.list-3 .bg-pic {
background-image: url(../img/pro3.jpg);
background-position:100% 0;
background-repeat:no-repeat;
-webkit-background-size: contain!important;
background-size: contain!important;
background-attachment: fixed;
}
.list-4 .bg-pic {
background-image: url(../img/pro4.jpg);
background-position:0 0;
background-repeat:no-repeat;
-webkit-background-size: contain!important;
background-size: contain!important;
background-attachment: fixed;
}
.list-5 .bg-pic {
background-image: url(../img/pro5.jpg);
background-position:100% 0;
background-repeat:no-repeat;
-webkit-background-size: contain!important;
background-size: contain!important;
background-attachment: fixed;
_background-image:url(about:blank);
}
.product-list .bg {
position: relative;
}
.product-list .text {
position: absolute;
top: 50%;
left: 50%;
margin-left: -225px;
margin-top: -215px;
font-family:"微软雅黑";
height:470px;
}
.product-list .text .txt_title {
width:500px;
height: 40px;
line-height: 40px;
text-align:center;
font-size: 46px;
font-family:"didott";
text-align: center;
line-height: 28px;
color: #fff;
}
.product-list .text .txt_xian {
width:300px;
height: 20px;
margin:0 auto;
line-height: 20px;
text-align:center;
}
.product-list .text .txt_xian1 {
width:110px;
height: 20px;
margin:0 auto;
border-bottom:solid 1px #ccc
}
.product-list .text .txt_content {
width:500px;
height:auto;
line-height: 20px;
margin-top:20px;
font-size: 14px;
font-family:"微软雅黑";
text-align: center;
line-height: 28px;
text-align:center;
color: #fff;
letter-spacing:1px;
}
.product-list .text .txt_content span {
width: 500px;
height: auto;
margin-top: 10px;
font-size: 12px;
font-family: "Candara";
text-align: center;
line-height: 22px;
color: #fff
}
.product-list .text h2 {
height: 40px;
line-height: 40px;
font-weight: bold;
font-size: 1.75em;
text-align: center;
line-height: 28px;
color: #b7a38d;
}
.product-list .text p {
height: 26px;
line-height: 26px;
text-align: center;
color: #f3f2f2;
font-size: 0.625em;
}
.product-list .text p.line {
width: 50px;
height: 0;
margin: 20px auto;
border: 2px solid #fff;
text-align: center;
font-weight: bold;
}
.product-list .text .btn-home>a {
margin: 40px auto;
width: 210px;
height: 35px;
display: block;
line-height: 35px;
text-align: center;
font-size: 0.625em;
color: #000!important;
background: #ccc;
font-family:"Candara";
font-size:16px
}
.product-list .text .btn-home>a:hover {
background: #ded6cd;
}
.bottom {
background: #0b0506;
font-family:"Century";
width:100%;
}
.bottom .bottom-left {
float: left;
color: #ccc;
font-size:14px;
font-family:"微软雅黑";
}
.bottom-wrap {
margin: 0 auto;
width: 90%;
height: 180px;
padding-top: 40px;
}
.bottom .bottom-right {
float: right;
}
.bottom-right li {
float: left;
text-align:center;
}
.bottom-right li a {
width: 75px;
height: 26px;
display: block;
font-size:14px;
font-family:"微软雅黑";
color: #ccc;
text-align:center;
}
.back-top {
position:fixed;
right:30px;
bottom:30px;
z-index: 20000;
width: 60px;
height:60px;
cursor: pointer;
font-family:"didott";
letter-spacing:1px;
font-size:12px;
display: none;
}
.back-top:hover {
color: #fff;
}
.back-top:hover i.trangle {
border-bottom-color: #fff;
}
.back-top:hover span {
border-bottom-color: #fff;
}
.back-top:hover .border-bottom {
border-bottom-color: #fff;
}
.back-top .border-bottom {
border-bottom:1px solid #999999;
}
.back-top-pos {
position: relative;
width: 100%;
height:100%;
}
.back-text {
text-align: center;
font-size: 16px;
line-height: 20px;
}
.back-text p {
width: 60px;
height: 10px;
font-size: 8px;
-webkit-transform: scale(0.8, 0.8);
}
.back-top i.trangle {
position: absolute;
left: 50%;
top:-28px;
margin-left: -10px;
border-bottom: 16px solid #999999;
border-right: 10px solid transparent;
border-top: 10px solid transparent;
border-left: 10px solid transparent;
}
.footer_bottom {
overflow:hidden;
margin-top:10px;
}
.footer_left {
float:left;
}
.footer_right {
float:right;
margin-right:35px;
margin-top:15px;
}
.shuru {
width:220px;
height:40px;
}
.shuru_left {
width:180px;
height:25px;
float:left;
}
.shuru_left input {
border:1px solid #CCC;
color:#ccc;
}
.shuru_right {
width:36px;
height:36px;
float:right;
background:#bfbfbf;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
text-align:center;
line-height:36px;
}
.shuru_right a {
color:#fff
}
.shuru_right a:hover {
color:#221e1f
}
.unohacha {
width:150px;
height:40px;
margin-top:10px;
float:right;
}
.wx_text {
float:left;
}
.wx_text p {
font-size:12px;
color:#ccc;
margin:10px auto;
text-align:center;
font-family:"微软雅黑";
}
.line {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.line_jz {
width:500px;
margin:10% auto;
z-index:99999999999999999;
height:450px;
position:relative;
}
.top_line, .bottom_line, .right_line, .left_line {
position: absolute;
background-color:#000;
}
.top_line {
width: 0%;
height: 20px;
top: 0;
left: 0;
}
.bottom_line {
width: 0%;
height: 20px;
bottom: 0;
right: 0;
}
.left_line {
height: 0%;
width: 20px;
left: 0;
top: 0;
}
.right_line {
height: 0%;
width: 20px;
right: 0px;
bottom: 0;
}
.heisecon {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#000;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
z-index:999;
}
.line {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:99999;
}
.top_line, .bottom_line, .right_line, .left_line {
position: absolute;
background-color:#000;
}
.top_line {
width: 100%;
height: 5px;
top: 0;
left: 0;
}
.bottom_line {
width: 100%;
height: 5px;
bottom: 0;
right: 0;
}
.left_line {
height: 100%;
width: 5px;
left: 0;
top: 0;
}
.right_line {
height: 100%;
width: 5px;
right: 0px;
bottom: 0;
}
.nav_show {
width:640px;
margin:0 auto;
overflow:hidden;
}
.nav_show li {
float:left;
height:45px;
line-height:45px;
width:100px;
text-align:center;
}
.nav_show li a {
color:#2f0d16;
display:block;
height:45px;
line-height:45px;
width:100px;
text-align:center;
font-family:"微软雅黑";
font-size:14px;
}
.nav_show li a:hover {
text-decoration:none;
border-bottom:2px solid #CCC;
color:#000;
}
.top-right p {
text-transform:uppercase;
letter-spacing:1px;
color:#2f0d16;
}
.top-right p a {
color:#2f0d16;
letter-spacing:1px;
}
/***about****/
.abb_nav {
margin:0 auto;
background:#f7f7f7;
height:130px;
border-bottom:1px solid #CCC;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
}
.abb_warp {
padding-bottom:100px;
margin:0 auto;
}
.abb_nav_warp {
width:1000px;
margin:0 auto;
}
.abb_nav P {
text-align:center;
line-height:25px;
color:#000;
font-size:24px;
padding-top:20px;
}
.abb_nav_warp ul {
width:510px;
margin:0 auto;
margin-top:40px;
}
.abb_nav_warp li {
float:left;
width:100px;
text-align:center;
line-height:25px;
border-right:1px solid #bfbfbf;
}
.abb_nav_warp li a {
color:#888;
font-size:12px;
display:block;
width:100px;
text-align:center;
line-height:25px;
}
.abb_nav_warp li a:hover {
color:#000;
}
.abb_nav_warp .current a {
color:#2f0d16;
}
.abb_text_warp {
width:100%;
margin:0 auto;
margin-top:50px;
}
.abb_text_left {
float:left;
width:500px;
margin-top:40px;
}
.abb_text_left p {
line-height:25px;
color:#333;
font-size:13px;
letter-spacing:1px;
}
.abb_text_left .linecon {
display:block;
width: 40px;
height: 1px;
background: #808080;
overflow: hidden;
margin:0 auto;
margin-bottom:20px;
}
.abb_text_right {
float:right;
}
.abb_title {
text-align:center;
margin-top:80px;
}
.abb_text {
height:400px;
}
.abb_text_con_warp {
width:1000px;
margin:0 auto;
margin-top:50px;
}
.abb_text_title {
font-size:18px;
color:#333;
font-weight:600;
letter-spacing:1px;
}
/***about****/
/***news***/
.abb_text_warp ul {
margin-top:50px;
}
.abb_text_warp li {
float:left;
width:319px;
margin-left:20px;
overflow:hidden;
}
.news_img {
overflow:hidden;
position:relative;
}
.productslist {
overflow:hidden;
}
.productslist img {
transform:scaleX(1) scaleY(1);
-webkit-transform:scaleX(1) scaleY(1);
transition:all 3s;
-webkit-transition:all 3s;
}
.productslist img:hover {
transform:scaleX(1.1) scaleY(1.1);
-webkit-transform:scaleX(1.1) scaleY(1.1);
}
.news_text {
border:1px solid #CCC;
border-top:none;
}
.news_text .news_title {
line-height: 18px;
padding: 15px 44px 6px 14px;
text-align:center;
}
.news_text .news_title a {
color:#000;
font-size:16px;
}
.news_text .news_rq {
color: #8B8B8B;
padding: 0 14px;
font-size:12px;
margin-bottom:10px;
margin-top:10px;
}
.news_text .news_rq a {
color:#808080;
line-height:20px;
}
.jh {
margin-top:30px;
padding-bottom:30px;
}
.jh a {
width:212px;
display:block;
border:1px solid #CCC;
text-align:center;
height:35px;
line-height:35px;
margin:0 auto;
}
.jh a:hover {
border:1px solid #2f0d16;
color:#2f0d16
}
.u-page {
margin: 60px 0;
text-align: center;
}
.u-page a {
position: relative;
display: inline-block;
border: 1px solid #ccc;
height: 20px;
line-height: 20px;
padding: 0 12px;
margin-left: 2px;
font-size:12px;
color:#000;
}
.u-page .cur-page {
border: none;
height: 22px;
line-height: 22px;
background-color: #2f0d16;
color: #fff;
}
.u-page a:hover {
color:#fff;
background:#000;
}
/***news***/
/***contact***/
.contact_warp {
margin-top:50px;
}
.ctt-right {
width:440px;
float:right;
}
.ctt-right p {
font-size:12px;
color:#000;
}
.ctt-right a {
display:block;
width:100px;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
background:#2f0d16;
}
.contact_tj {
border:1px solid #2f0d16;
width:100px;
height:28px;
padding:3px;
margin:0 auto;
margin-top:20px;
}
.contact_tj a {
display:block;
width:100px;
height:28px;
line-height:28px;
text-align:center;
color:#fff;
background:#2f0d16;
}
.ctt-right a:hover {
opacity:0.8;
}
.ctt-right input {
height:30px;
line-height:30px;
margin-top:10px;
border:1px solid #CCC;
}
.ctt-right textarea {
margin-top:10px;
border:1px solid #ccc;
}
.contact_left {
width:470px;
float:left;
}
.contact_left p {
line-height:25px;
color:#2f0d16;
}
.contact_left .contact_title {
font-size:14px;
font-weight:bold;
}
.contact_text {
margin-top:10px;
font-size:14px;
font-weight:bold;
}
.contact_left_title span {
font-size: 16px;
font-family: "Candara";
color: #000;
float:left;
}
.contact_left_title i {
height: 1px;
background:#ebebeb;
width:260px;
border:none;
display:block;
float:right;
margin-top:10px;
}
/***contact***/
/***job***/
.jobcon {
width:1000px;
margin:0 auto;
margin-top:50px;
}
.zpxx {
overflow:hidden;
margin-top:50px;
}
.zpxx li {
float:left;
width:313px;
margin-left:20px;
border:1px solid #ccc;
height:180px;
position:relative;
}
.zpnr {
width:216px;
margin:0 auto;
}
.zpnr .zw {
font-size:18px;
margin-top:30px;
border-bottom:1px solid #CCC;
padding-bottom:10px;
color:#000;
}
.zpnr p {
font-size:14px;
line-height:23px;
color:#808080;
}
.jhimg {
position:absolute;
bottom:0px;
right:0px;
}
.search .input-txt {
float: left;
border: 0;
color: #B8B8B8;
height: 25px;
line-height: 25px;
width: 231px;
padding: 1px 13px;
border:1px solid #CCC;
font-family:"微软雅黑"
}
.search .input-btn {
float: left;
text-indent: -999em;
overflow: hidden;
width: 40px;
height: 29px;
background: url(../img/icon_search.jpg) no-repeat center center;
border: 0;
border:1px solid #CCC;
border-left:none;
cursor: pointer;
}
/***job***/
/***join***/
.join_text_warp {
width:1000px;
margin:0 auto;
margin-top:10px;
padding-bottom:50px;
}
.join_text_warp ul {
overflow:hidden;
}
.join_text_warp ul li {
border:1px solid #2f0d16;
width:100px;
height:30px;
line-height:30px;
text-align:center;
float:left;
margin-left:10px;
color:#2f0d16;
}
.join_text_warp ul li a {
display:block;
width:100px;
height:30px;
line-height:30px;
text-align:center;
color:#2f0d16;
}
.join_text_warp ul .join_current a {
background:#2f0d16;
color:#fff;
}
.join_text_warp ul li a:hover {
background:#2f0d16;
color:#fff;
}
.join_text {
float:left;
}
.join_text p {
line-height:27px;
color:#333;
}
.join_right {
float:right;
}
.join_right p {
color:#2f0d16;
font-size:14px;
text-align:center;
margin-top:10px;
}
.join_warp {
margin-top:20px;
}
/***join***/
/***brand**/
.brand_warp {
margin-top:50px;
}
.brand_text_left {
float:left;
width:480px;
}
.brand_text_right {
float:right;
width:480px;
}
.brand_title {
width:195px;
height:35px;
line-height:35px;
background:#2f0d16;
color:#fff;
text-align:center;
font-size:14px;
letter-spacing: 1px;
}
.brand_text_right p {
line-height: 25px;
color: #333;
font-size: 14px;
letter-spacing: 1px;
margin-top:20px;
}
.brand_line {
margin-top:50px;
}
.brand_line i {
display:block;
height:1px;
width:1000px;
background:#f2f2f2;
border:none;
margin-top:3px;
}
/***brand**/
/***video***/
.video_text_warp {
width:100%;
margin:0 auto;
margin-top:10px;
}
.brand_warp {
}
.video_warp li {
float:left;
width:31.3%;
margin-left:3%;
}
.video_warp p {
color:#2f0d16;
text-align:center;
letter-spacing: 1px;
margin-top:10px;
font-size:14px;
}
.video_img {
border:1px solid #e5e5e5;
position:relative;
overflow:hidden;
}
.dkx img {
padding:1%;
}
.showbg {
position:absolute;
top:0px;
left:-100%;
width:100%;
height:100%;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
/***video***/
/***down***/
.down_text_warp {
width:1000px;
margin:0 auto;
margin-top:10px;
}
.contact {
margin-top:50px;
width:500px;
margin:0 auto;
padding-bottom:30px;
}
.contact li {
overflow:hidden;
margin-top:15px;
height:38px;
}
.contact li p {
float:left;
line-height:34px;
color:#2f0d16;
}
.contact li input {
float:left;
margin-left:30px;
width:300px;
background-color:none;
border-radius: 3px;
border: 1px solid #ccc;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
height:34px;
line-height:34px;
outline:none;
}
.tj {
width:200px;
height:34px;
line-height:34px;
background:#2f0d16;
text-align:center;
border-radius: 5px;
margin-top:18px;
font-size:14px;
margin-left:80px;
}
.tj input {
color:#fff;
width:200px;
height:34px;
border:0;
cursor:pointer;
outline:none;
}
/***down***/
/***query***/
.query_warp {
padding-bottom:30px;
overflow:hidden;
}
.query_warp p {
line-height:25px;
color:#333;
}
.query_title {
font-size:14px;
color:#2f0d16;
font-weight:600;
letter-spacing:1px;
}
.quert_left {
float:right;
width:50%;
}
.query_right {
float:left;
width:40%;
}
.dlnr {
width:60%;
height:auto;
margin:0 auto;
}
.dlnrtop {
height:50px;
padding-left:20px;
line-height:50px;
font-family:"微软雅黑";
font-size:15px;
color:#fff;
text-align:left;
background-color:#2f0d16
}
.dlnrbody {
width:60%;
height:220px;
padding-top:30px;
margin:0 auto;
background:#e5e5e5;
padding-bottom:30px;
}
.dlnrbodytop {
width:40%;
height:53px;
margin:0 auto;
padding-bottom:20px;
}
.dlnrbodytop input {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.dlnrbotm {
width:102px;
height:45px;
margin:0 auto;
padding-top:10px;
}
.dlnrbotmz {
width:100px;
height:40px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
float:left;
text-align:center;
line-height:40px;
font-family:"微软雅黑";
font-size:15px;
color:#2f0d16;
border:1px #2f0d16 solid
}
.dlnrbotmz input {
color:#2f0d16;
display:block;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background:url(../img/bgs.png);
width:100px;
height:40px;
border:0;
cursor:pointer
}
.dlnrbotmz input:hover {
background:#2f0d16;
color:#fff;
}
/***query***/
.contact textarea {
margin-left: 30px;
float:left;
width:450px;
height:200px;
border:1px solid #CCC;
}
.contact p {
line-height:25px;
font-size:14px;
color:#2f0d16;
}
/*****case**/
.index_news {
overflow:hidden;
padding-top:30px;
padding-bottom:50px;
}
.index_news_warp {
width:100%;
margin:0 auto;
}
.index_news_left {
float:left;
width:310px;
overflow:hidden;
}
.index_news_right {
float:right;
width:480px;
}
.index_news_one_left {
float:left;
width:120px;
}
.index_news_one_left .one_title {
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
color:#2f0d16;
}
.index_news_one_left i {
display:block;
width:20px;
height:2px;
background:#2f0d16;
border:none;
margin-top:20px;
}
.index_news_one_right {
overflow:hidden;
border:1px solid #fff;
position:relative;
}
.dkx {
border:1px solid #ccc;
padding:3px;
position:relative;
}
.index_news_one_left .news_title {
margin-top:40px;
font-size:16px;
letter-spacing:1px;
color:#2f0d16;
height:80px;
}
.index_news_one_left .news_textcon {
margin-top:10px;
line-height:22px;
height:50px;
color:#333;
}
.index_news_left .more {
overflow:hidden;
text-align:center;
border:1px solid #CCC;
width:100px;
height:30px;
line-height:30px;
margin:0 auto;
margin-top:30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius:5px;
}
.index_news_left .more a {
color:#2f0d16;
font-family: "Candara";
font-size:14px;
display:block;
}
.index_news_left .more a:hover {
background:#2f0d16;
color:#fff;
}
.index_news_one_left span {
margin-top:20px;
display:block;
font-family: "Candara";
font-size:14px;
}
.bg-line {
position:absolute;
left:0;
top:0;
z-index: 102;
margin: 2.65% 2.55%;
width: 94%;
height: 90%;
border: 1px solid #ccc;
opacity:0;
filter:alpha(opacity=0)
}
.bg-covering {
position:absolute;
left:-50%;
top:0;
z-index: 100;
width: 0%;
height:100%;
background: #000;
opacity: 0.5;
filter:alpha(opacity=50);
transform:skew(-10deg);
-webkit-transform:skew(-10deg);
-moz-transform:skew(-10deg);
-ms-transform:skew(-10deg);
-o-transform:skew(-10deg);
transform:skew(-10deg);
}
.showmore {
position:absolute;
top:50%;
left:50%;
color:#fff;
z-index:999;
font-size:14px;
margin-left:-50px;
border:1px solid #CCC;
width:100px;
height:30px;
line-height:30px;
text-align:center;
margin-top:-10px;
opacity:0;
filter:alpha(opacity=0)
}
/*****case**/
/***join***/
.join01_text {
margin-top:30px;
}
.join01_text p {
line-height:27px;
color:#2f0d16;
}
.join01_text .join01_title {
font-size:14px;
font-weight:600;
}
.join01_bt {
font-weight:600;
margin-top:10px;
}
/***join***/
/***流程**/
/***流程**/
/***job**/
.zpxxnrtop {
width: auto;
height: 35px;
line-height: 30px;
border-bottom: 1px #ddd dotted;
text-align: left;
font-size: 13px;
color: #2f0d16;
margin-top:30px;
}
.jobconbt {
margin-top:50px;
border-bottom:1px dotted #CCCCCC;
padding-bottom:20px;
}
.jobconbt p {
line-height:30px;
}
.zpxxnrtop span {
color: #8a2c26
}
.zpxxnrbotm {
width: auto;
height: 180px;
margin: 0 auto;
}
.zpxxnrbody {
width: auto;
height: 49px;
border-bottom: 1px #ddd dotted;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
.zpxxnrbodynr {
width: 130px;
height: 50px;
float: left;
margin-right: 40px;
}
.zpxxnrbodynrs {
width: auto;
height: auto;
}
.zpxxnrbodynrsz {
width: 70px;
height: 25px;
line-height: 25px;
float: left;
color: #2f0d16;
}
.zpxxnrbodynrsy {
width: 60px;
float: right;
height: 25px;
line-height: 25px;
color:#333;
}
.jobconleft {
float:left;
position:relative;
}
.jobbottom {
overflow:hidden;
}
.jobconrgiht {
float:right;
position:relative;
margin-top:50px;
}
.zxzpnr {
margin: 0 auto;
padding-top: 20px;
line-height: 25px;
color:#333;
}
.tjl {
width: auto;
height: 25px;
margin-top: 20px;
padding-top: 5px;
}
.tjlz {
width: 85px;
height: auto;
float: left;
text-align: center;
line-height: 20px;
background: #2f0d16;
color: #fff
}
.tjly {
height: auto;
float: left;
margin-left: 20px;
}
.tjlyz {
width: 235px;
height: auto;
float: left;
}
.tjlyy {
width: 85px;
height: 20px;
line-height: 20px;
text-align: center;
}
/***job**/
/***image***/
.image_text_warp {
width:100%;
margin:0 auto;
margin-top:10px;
padding-bottom:50px;
}
.image_warp {
}
.image_warp ul {
overflow:hidden;
}
.image_warp ul li {
float:left;
margin-left:30px;
width:313px;
overflow:hidden;
}
.image_warp ul li p {
text-align:center;
line-height:25px;
color:#2f0d16;
font-size:14px;
margin-top:10px;
}
.image_img {
overflow:hidden;
border:1px solid #fff;
position:relative;
}
.image_img img {
transform:scaleX(1) scaleY(1);
-webkit-transform:scaleX(1) scaleY(1);
transition:all 3s;
-webkit-transition:all 3s;
}
.image_img img:hover {
transform:scaleX(1.1) scaleY(1.1);
-webkit-transform:scaleX(1.1) scaleY(1.1);
opacity:0.8
}
.image_warp p {
color:#2f0d16;
font-size:16px;
text-align:center;
font-weight:bold;
margin-top:15px;
}
/***image***/
/***honor***/
.honor_warp_one {
width:1000px;
margin:0 auto;
margin-top:10px;
}
.honor_left {
margin-top:50px;
}
.honor_right {
float:right;
width:480px;
}
.honor_warp {
overflow:hidden;
margin-top:30px;
}
.honor_top {
overflow:hidden;
border-bottom:1px solid #f2f2f2;
padding-bottom:10px;
}
.honor_top_left {
float:left;
font-size:16px;
color:#2f0d16;
}
.honor_top_right {
float:right;
}
.honor_top_right a {
color:#333;
}
.honor_top_right a:hover {
color:#2f0d16;
}
.honor_warp_left {
float:left;
border:1px solid #CCC;
padding:3px;
}
.honor_warp_right {
float:left;
margin-left:80px;
}
.honor_warp_right p {
line-height:25px;
color:#2f0d16;
letter-spacing:1px;
}
/***honor***/
/***network**/
.network_warp {
overflow:hidden;
}
.network_left {
float:left;
width:315px;
}
.network_right {
float:right;
}
.network_left .network_title {
font-size:16px;
color:#2f0d16;
}
.network_top {
overflow:hidden;
margin-top:20px;
}
.network_one {
overflow:hidden;
}
.network_one_left {
float:left;
color:#2f0d16;
line-height:25px;
font-size:14px;
}
.network_one_right {
float:right;
margin-left:20px;
}
.network_one_right select {
width: 220px;
height: 30px;
font-size: 14px;
padding-left: 15px;
font-family:"微软雅黑"
}
.ss {
margin-top:30px;
}
.ss a {
display: block;
width: 200px;
height: 40px;
line-height: 40px;
border: 1px solid #2f0d16;
margin-top: 38px;
color: #2f0d16;
text-align: center;
font-size:14px;
margin-left:90px;
}
.ss a:hover {
background:#2f0d16;
color:#fff;
}
.ss_warp {
margin-top:50px;
}
.ss_warp_ov {
height: 390px;
}
.ss_one {
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
}
.ss_title {
font-size:16px;
color:#2f0d16;
border-bottom:1px solid #CCC;
padding-bottom:10px;
}
.ss_warp p {
line-height:22px;
color:#2f0d16;
}
/***network**/
/***news****/
.newsbox {
width:100%;
height:auto;
margin-top:80px;
}
.newslitext p {
line-height:25px;
color:#2f0d16;
font-size:14px;
text-indent:1em;
}
.newslitext h1 {
text-align:center;
font-size:18px;
font-weight:normal;
line-height:36px;
color:#2f0d16;
}
.newslitext h2 {
font-weight:normal;
text-align:center;
line-height:25px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;
margin-bottom:25px;
font-size:14px;
color:#2f0d16;
}
.newsliimg {
text-align:center;
margin-top:30px;
overflow:hidden;
margin-bottom:30px;
}
.upandonw p a {
color:#2f0d16;
}
.upandonw p {
margin-top:10px;
text-align:left;
font-size:12px;
}
/***news****/
/***service****/
.service_warp {
width:100%;
margin:0 auto;
margin-top:10px;
padding-bottom:30px;
}
.service_warp p {
line-height:22px;
color:#2f0d16;
font-size:12px;
letter-spacing:1px;
}
.service_warp p span {
font-weight:600;
}
/***service****/
/***gy****/
.gy_one {
overflow:hidden;
position:relative;
}
.gy_warp {
}
.gy_left {
float:left;
width:500px;
position:relative;
}
.gy_right {
float:right;
width:500px;
position:relative;
}
.gy_right p {
color:#2f0d16;
text-align:center;
}
.gy_title {
font-size:14px;
font-weight:600;
margin-top:22%;
}
.gy_more {
width:150px;
height:30px;
line-height:30px;
border:1px solid #fff;
margin:0 auto;
margin-top:50px;
}
.gy_morecon {
width:150px;
height:30px;
line-height:30px;
border:1px solid #2f0d16;
margin:0 auto;
margin-top:50px;
}
.gy_morecon a {
color:#2f0d16;
text-align:center;
line-height:30px;
display:block;
width:150px;
}
.gy_morecon a:hover {
background:#2f0d16;
color:#fff;
}
.gy_more a {
color:#fff;
text-align:center;
line-height:30px;
display:block;
width:150px;
}
.gy_more a:hover {
background:#2f0d16;
color:#fff;
}
.bgcon {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background:#2f0d16;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
.show_text {
position:absolute;
top:0px;
left:0px;
width:100%;
z-index:9999;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
.show_text p {
text-align:center;
color:#fff;
}
.gy_warp_text p {
color:#2f0d16;
line-height:25px;
margin-top:5px;
}
.gy_title_one {
font-size:14px;
font-weight:600;
color:#2f0d16;
border-bottom:1px dotted #2f0d16;
padding-bottom:10px;
text-align:center;
}
.gy_warp_text i {
display:block;
width:20px;
height:2px;
background:#2f0d16;
margin-top:15px;
}
.gytext {
position:absolute;
right:6%;
width:400px;
top:25%;
}
.gytext p {
font-size:14px;
text-align:left;
margin-top:15px;
}
/***gy****/
/****pro****/
.product-wrap {
width: 100%;
}
.product-wrap-list, .product-wrap-list2 {
width: 1000px;
margin:50px auto;
}
.product-wrap-list h2, .product-wrap-list2 h2 {
font: normal 28px/1.2em "didott", Helvetica, Arial sans-serif;
margin: 0 0 0.5em;
color: #000;
padding-bottom: 14px;
border-bottom: 1px solid #DBDBDB;
}
.product-wrap-list .title {
font-family:"didott";
margin-bottom: 20px
}
.product-wrap-list-detail li, .product-wrap-list-detail2 li {
padding: 0px 0.5%;
width: 320px;
float: left;
margin-bottom: 28px;
}
.product-wrap-list-detail .quick-view, .product-wrap-list-detail2 .quick-view {
position: absolute;
right:0px;
bottom:0px;
z-index: 999;
}
.product-wrap-list-detail .quick-view a, .product-wrap-list-detail2 .quick-view a {
display: block;
width: 50px;
height:30px;
text-align: center;
line-height: 14px;
font-size: 12px;
font-family: "微软雅黑";
color:#000;
background: #fff;
line-height:30px;
}
.product-wrap-list-detail .quick-view a:hover {
color:#fff;
background:#2f0d16;
}
.product-wrap-list-detail img, .product-wrap-list-detail2 img {
position: absolute;
left: 0;
top:0;
display: block;
}
.product-wrap-list-detail div.img-show, .product-wrap-list-detail2 div.img-show {
position: absolute;
left: 0;
top:0;
width: 100%;
height:100%;
display: block;
background-size: contain;
-webkit-background-size: contain;
z-index: 100;
}
.product-wrap-list-detail .pro-pic {
position: relative;
width: 100%;
height:228px;
}
.product-wrap-list-detail2 .pro-pic {
position: relative;
width: 100%;
height:318px;
}
.pro-pic:hover .quick-view {
display: block;
}
.product-wrap-list-detail p, .product-wrap-list-detail2 li p {
width: 100%;
text-align: center;
}
p.pro-text-detail1 {
margin: 14px 0;
border: none;
cursor: pointer;
font-size: 12px;
}
.product-wrap-list-detail p a, .product-wrap-list-detail2 li p a {
color: #2f0d16;
}
p.pro-text-detail2 {
width:90%;
margin:0 auto;
font-size: 1em;
margin-bottom: 14px;
}
p.pro-text-detail3 {
width:90%;
margin:0 auto;
font-size: 14px;
color: #999;
}
.product-wrap-list-detail2 li {
padding: 0px 5px;
width: 240px;
float: left;
}
.product-banner {
position: relative;
margin: 0 auto;
overflow: hidden;
}
.product-banner .prev, .product-banner .next {
width: 38px!important;
height:100px!important;
margin-top: -50px!important;
background: rgba(0, 0, 0, 0.5)!important;
}
.product-banner .prev {
left: 0!important;
}
.product-banner .prev:hover {
background: rgba(0, 0, 0, 1)!important;
}
.product-banner .next:hover {
background: rgba(0, 0, 0, 1)!important;
}
.product-banner .prev>div.leftico, .about-banner .prev, .about-why-left .prev {
width: 6px;
height: 6px;
border: solid #fff;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
margin: 45px 0 0 14px;
}
.product-banner .next>div.rightico, .about-banner .next, .about-why-left .next {
width: 6px;
height: 6px;
border: solid #fff;
border-width: 2px 2px 0 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin: 45px 0px 0 9px;
}
.product-banner .next {
right: 0!important;
}
.product-banner ul {
position: relative;
}
.product-banner li {
float: left;
}
.breadcrumb-trail {
width: 1000px;
margin: 20px auto;
line-height: 60px;
font-size: 12px;
border-bottom: 1px solid #b3b3b3;
}
.breadcrumb-trail a {
color: #000000;
}
.banner .prev, .banner .next, .product-banner .prev, .product-banner .next {
position: absolute;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
z-index: 100;
cursor:pointer;
display:none
}
.banner .prev, .product-banner .prev {
left: 3%;
background: url("../img/large_left.png");
background-position:0 0!important;
}
.banner .prev:hover {
background-position:0 -40px!important;
}
.product-banner .prev:hover {
background-position:0 -40px!important;
}
.banner .next, .product-banner .next {
right: 3%;
background: url("../img/large_right.png");
background-position:0 0;
}
.banner .next:hover {
background-position:0 -40px;
}
.product-banner .next:hover {
background-position:0 -40px;
}
.pro_text_warp {
width:1000px;
margin:0 auto;
margin-top:10px;
padding-bottom:30px;
}
.sous {
overflow: hidden;
border: 1px solid #2f0d16;
height: 160px;
}
.ssleft {
float: left;
width: 230px;
background-color: #f7f7f7;
border-right: 1px solid #2f0d16;
height: 160px;
}
.ssright {
float: left;
}
.ssleft ul {
margin-top: 40px;
text-align: center;
}
.ssleft ul li input {
margin-top: 20px;
background:none;
border:1px solid #ccc;
}
.xzlb {
width: 640px;
height: auto;
margin-top: 30px;
margin-left: 30px;
}
.xzlbs {
width: auto;
overflow: hidden;
}
.xzlbsz {
width: 95px;
text-align: center;
float: left;
line-height: 40px;
font-family: "微软雅黑";
font-size: 12px;
color: #9a9898;
margin-top: 10px;
}
.xzlbsy {
height: 40px;
text-align: center;
line-height: 40px;
font-family: "微软雅黑";
font-size: 12px;
color: #6e6e6e;
float: left;
margin-right: 20px;
width: 89px;
overflow: hidden;
}
.xzlbsy input {
float: left;
line-height: 40px;
margin-top: 23px;
border:1px solid #ccc;
}
.xzlbsy a {
background-repeat: no-repeat;
background-position: top center;
padding-top: 10px;
float: left;
margin-left: 8px;
color:#666;
}
.xzlbsy a:hover {
color: #2f0d16;
}
.xzlbx {
width: auto;
height: 40px;
}
.xzlbxz {
width: 95px;
text-align: center;
float: left;
line-height: 40px;
font-family: "微软雅黑";
font-size: 12px;
color: #9a9898;
}
.xzlbxy {
width: 120px;
height: 40px;
text-align: center;
line-height: 40px;
font-family: "微软雅黑";
font-size: 12px;
color: #6e6e6e;
float: left;
margin-right: 20px;
}
.xptj {
width: 1000px;
height: auto;
margin: 0 auto;
}
/****pro****/
.about_title {
overflow:hidden;
padding-top:80px;
text-align:center;
}
.about_title p {
display: inline-block;
padding: 0 50px;
font-size: 30px;
text-align: center;
color: #2f0d16;
overflow: hidden;
font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei";
line-height:50px;
padding-top:12px;
padding-bottom:10px;
}
.about_brand_warp {
overflow:hidden;
margin-top:70px;
}
.about_brand_left {
float:left;
background:#fef8f4;
width:500px;
padding-bottom:50px;
padding-top:30px;
}
.about_brand_right {
float:left;
margin-left:10px;
}
.about_brand_left p {
font-size:14px;
color:#2f0d16;
line-height:25px;
letter-spacing:1px;
width:400px;
margin:0 auto;
margin-top:20px;
text-indent:2em;
}
.about_title i {
float:left;
border:none;
background:#2f0d16;
width:390px;
height:1px;
margin-top:15px;
}
.video_warp {
margin-top:70px;
}
.about_title img {
display:block;
text-align:center;
margin:0 auto;
}
/****contact***/
.contact_job {
overflow:hidden;
margin-top:70px;
}
.jobsitem {
float: left;
width: 32.5%;
margin-right: 0.8%;
font-size: 18px;
height: 230px;
text-align: center;
}
.jobsitem p {
font-size: 16px;
height: 60px;
color: #2f0d16;
}
.jobsitem a {
font-size: 14px;
border: #2f0d16 solid 1px;
display: block;
margin: 12px auto;
text-align: center;
width: 250px;
height: 62px;
line-height: 62px;
max-width: 80%;
color: #808080;
}
.jobsitem a:hover {
border: #2f0d16 solid 2px;
color:#2f0d16;
}
/****contact***/
.conformbox {
width: 68%;
margin: 0 auto;
text-align: center;
min-width: 620px;
margin-top:70px;
}
.conformtit {
font-size: 16px;
line-height: 40px;
color: #2f0d16;
}
.conformbox input, .conformbox textarea {
display: block;
width: 100%;
border: #2f0d16 solid 1px;
font-size: 20px;
background:none;
}
.conformbox input {
height: 42px;
line-height: 42px;
}
.conformbtn {
font-size: 18px;
cursor: pointer;
color: #fff;
background: #2f0d16;
text-align: center;
border: 0;
width: 200px;
height: 40px;
margin: 40px 0;
border-radius: 5px;
}
.productscom {
position: relative;
font-family: "Gotham Book";
}
.conent_abb_img {
width:100%;
}
.normalbox {
width: 100%;
}
.normalbox .slideitem {
width:31.2%;
margin-right: 1%;
/*background:url(../img/bga.png) bottom center no-repeat;*/
height:354px;
margin-left: 1%;
border-left:1px solid #b8b6b6;
border-bottom:2px solid #b8b6b6;
}
.slideitem {
float: left;
position: relative;
overflow:hidden;
background:#FFF;
}
.newsitem p {
color: #2f0d16;
height: 2.5em;
margin: 24px 12px;
padding: 0;
overflow: hidden;
font-size: 16px;
text-align: center;
text-overflow: ellipsis;
white-space:nowrap;
overflow:hidden;
-ms-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
text-overflow:ellipsis;
}
.newsitem .date {
padding: 0px;
height: auto;
font-size:12px;
text-align:center;
}
.newsitem .date:hover {
color:#2f0d16;
}
.xxfk {
overflow:hidden;
margin-top:3%;
}
.xxmm {
float:left;
width:100px;
font-size:14px;
line-height:25px;
letter-spacing:1px;
color:#2f0d16;
}
.xx_right {
float:right;
width:450px;
z-index:9;
position:relative;
}
.xx_right input {
border:1px solid #CCC;
background:none;
height:30px;
line-height:30px;
width:430px;
border-radius: 3px;
}
.xx_right textarea {
border:1px solid #CCC;
background:none;
height:150px;
line-height:25px;
width:430px;
border-radius: 3px;
}
.xxan {
overflow:hidden;
margin-top:5%;
z-index:999999;
position:relative;
}
.xxan input {
display:block;
width:120px;
height:30px;
line-height:30px;
background:#2f0d16;
float:left;
margin-right:20px;
text-align:center;
color:#fff;
border-radius: 5px;
border:0;
cursor:pointer
}
.xxan input:hover {
opacity:0.8;
}
/****honor****/
.honor_top_warp {
}
.honor {
margin-top:30px;
}
.apply {
width:1240px;
margin:0 auto;
height:252px;
margin-left:-0px;
overflow:hidden;
}
.apply_array {
width:307px;
float:left;
height:252px;
margin-right:10px;
position:relative;
overflow:hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-khtml-border-radius:3px;
}
.apply_nav {
position:relative;
width:950px;
float:left;
height:252px;
overflow:hidden;
padding-left:-20px;
}
.apply_w {
position:absolute;
width:1145px;
float:left;
left:0px
}
.apply .img_l {
width:60px;
height:131px;
float:left;
cursor:pointer;
text-align:center;
}
.apply .img_r {
width:60px;
height:131px;
float:left;
cursor:pointer;
text-align:center;
}
.wrap_apply_all {
position:relative;
}
.wrap_apply_photo a {
position:absolute;
display:block;
overflow:hidden;
}
.wrap_apply_photo a:hover {
}
.wrap_apply_photo a .wrap_apply_name {
cursor:hand;
text-align:center;
width:252px;
height:30px;
line-height:30px;
position:absolute;
bottom:0;
left:0;
color:#fff;
background:url(../images/bgcp.png) top center;
display:block;
font-size:14px;
}
.wrap_apply_photo a:hover .wrap_apply_name {
display:block;
position:absolute;
bottom:0;
left:0;
color:#fff;
}
.wrap_apply_all p {
color: #2f0d16;
margin-top: 210px;
font-size: 14px;
text-align: center;
margin-right: 20px;
margin-top:230px;
}
.apply_array img {
border:1px solid #CCC;
padding:3px;
}
.apply_array img:hover {
-webkit-box-shadow: #666 0px 0px 10px;
opacity:0.8;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
}
/****honor****/
.section {
width: 1000px;
margin: 0 auto;
}
.detail {
padding: 50px 0 0;
text-align: center;
}
.detail .arrows2 {
height: 44px;
line-height: 44px;
}
.detail .arrows {
float: left;
width: 11%;
cursor: pointer;
position: relative;
}
.detail h2 {
font-size: 30px;
padding: 0 0 20px;
text-transform: uppercase;
line-height: 40px;
font-family: "Gotham Book";
color: #2f0d16;
}
.detailprev {
background: url('../img/detailprev.png') no-repeat left center;
}
.detailnext {
background: url('../img/detailnext.png') no-repeat right center;
}
.detailcon {
float: left;
width: 78%;
margin-bottom: 35px;
font-size: 18px;
font-family: "Gotham Book";
position: relative;
}
.detail .detailnext .textcon {
left: auto;
right: 25px;
display:none;
color:#2f0d16;
}
.detail .arrows .textcon {
background: #fff;
padding: 0 10px;
text-transform: uppercase;
position: absolute;
left: 25px;
height: 30px;
line-height: 30px;
top: 50%;
margin-top: -15px;
white-space: nowrap;
}
.detail .detailnext:hover .textcon {
display:block;
}
.service_box {
float: left;
width: 25.2%;
}
.service_box_box1 {
margin: 0 auto;
width: 179px;
height: 179px;
text-align: center;
background: url("../img/bg-brand.png") no-repeat center;
}
.service_box_box1 img {
}
.service_line {
float: left;
width: 86px;
height: 179px;
background:url(../img/bg-line.jpg) no-repeat center
}
.service_text {
margin-top:15px;
}
.service_text p {
text-align:center;
}
.service_text i {
display:block;
width:20px;
height:1px;
background:#ccc;
margin:0 auto;
margin-top:10px;
}
.chapndpnrjs {
}
.chapndpmzsmz {
color: #2f0d16;
font-size: 14px;
}
.cpxinghoa {
color: #2f0d16;
}
.chapndpnrjs p {
line-height:25px;
color:#666;
}
.nav-bar {
position:fixed;
top:15%;
left:50px;
width:100px;
z-index:9999;
height:100%;
}
#main_nav {
position:absolute;
display:none;
}
#main_nav li {
margin-top:10px;
position:relative;
}
#main_nav li span {
width:2px;
height:2px;
background:#2f0d16;
display:block;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-khtml-border-radius:2px;
}
#main_nav .chapter {
margin-top:20px;
margin-bottom:15px;
height:5px;
cursor:pointer;
}
#main_nav .chapter .circle {
position: absolute;
left:0px;
top:0px;
width: 12px;
height: 12px;
margin: -6px 0 0 -6px;
-webkit-box-shadow: inset 0 0 0 2px #000;
box-shadow: inset 0 0 0 2px #000;
border-radius: 50%;
}
#main_nav .chapter .circle span {
position: absolute;
left:0px;
top:0px;
width: 6px;
height: 6px;
margin: 3px 0 0 3px;
border-radius: 50%;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
#main_nav .chapter a {
position: absolute;
left:0px;
top:0px;
font-size: 10px;
line-height: 24px;
letter-spacing: 1px;
font-weight: 300;
background-color: #2f0d16;
margin: -12px 0 0;
margin-left:20px;
width:80px;
text-align:center;
color:#fff;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
display:block;
height:24px;
}
#main_nav .chapter:before {
content: "";
position: absolute;
width: 6px;
height: 2px;
margin: -1px 0 0 6px;
background-color: #000;
}
/*************案例展示**************/
.caseshow {
width:100%;
padding-bottom:80px;
}
.casecon {
width:1000px;
margin:0 auto;
}
.caselist {
overflow:hidden;
}
.caseleft {
float:left;
width:550px;
}
.caseright {
float:right;
width:549px;
margin-left:1px;
position:relative;
}
.casetop {
width:100%;
height:231px;
}
.casebottomleft {
float:left;
width:275px;
position:relative;
}
.casebottomright {
float:right;
width:274px;
margin-left:1px;
position:relative;
}
.casewz {
}
.casewz p {
text-align:center;
}
.casewz .casep01 {
color: #b22923;
font-size: 16px;
text-transform: none;
text-decoration: none;
text-indent: 2px;
padding-top:50px;
}
.casewz .casep02 {
color: #212121;
font-size: 30px;
text-transform: uppercase;
font-weight: lighter;
margin: 0;
margin-top: 10px;
}
.casewz .casep03 {
margin-top:20px;
}
.casewz i {
display:block;
width:50px;
height:3px;
background:#000;
margin:0 auto;
margin-top:10px;
}
.casewz .casep03 a {
display:block;
background:#b22923;
width:100px;
height:30px;
line-height:30px;
color:#fff;
}
.showhbj {
background:#000;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.showwz {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.showwz p {
text-align:center;
}
.showanl {
color:#fff;
font-size: 24px;
text-transform: uppercase;
font-weight: lighter;
margin: 0;
margin-top: 150px;
}
.showwz i {
display:block;
width:50px;
height:3px;
background:#fff;
margin-top:15px;
}
.showwz a {
display:block;
background:#b22923;
width:100px;
height:30px;
line-height:30px;
color:#fff;
margin-top:20px;
}
.showcase {
overflow:hidden;
}
.showcase ul {
overflow:hidden;
padding-top:30px;
}
.showcase ul li {
float:left;
width:325px;
border-right:1px solid #CCC;
text-align:center;
height:60px;
}
.showcase ul li input {
width:270px;
height:40px;
border:1px solid #CCC;
color:#d9d9d9;
padding-left:5px;
}
.showcase ul li p {
line-height:20px;
}
/*************案例展示**************/
.proone {
position:relative;
}
.proonelist {
position:relative;
}
.proshow {
position:absolute;
height:100%;
background:#000;
width:50%;
top:0px;
background:url(../img/bg.png);
left:-100px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.proshow p {
font-size:36px;
text-align:center;
z-index:9999;
position:relative;
color:#fff;
letter-spacing:1px;
margin-top:22%;
}
.promore {
width:150px;
margin:0 auto;
margin-top:50px;
}
.promore a {
display:block;
width:150px;
height:35px;
line-height:35px;
color:#fff;
border:1px solid #FFF;
text-align:center;
z-index:9999;
position:relative;
}
.promore a:hover {
background:#fff;
color:#000;
}
.protwo {
position:relative;
}
.proonelisttwo {
position:relative;
}
.proshowtwo {
position:absolute;
height:100%;
background:#000;
width:50%;
top:0px;
background:url(../img/bg.png);
right:-100px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.proshowtwo p {
font-size:36px;
text-align:center;
z-index:9999;
position:relative;
color:#fff;
letter-spacing:1px;
margin-top:22%;
}
.promoretwo {
width:150px;
margin:0 auto;
margin-top:50px;
}
.promoretwo a {
display:block;
width:150px;
height:35px;
line-height:35px;
color:#fff;
border:1px solid #FFF;
text-align:center;
z-index:9999;
position:relative;
}
.promoretwo a:hover {
background:#fff;
color:#000;
}
.prothree {
position:relative;
}
.prothreelist {
position:relative;
}
.proshowthree {
position:absolute;
height:100%;
background:#000;
width:50%;
top:0px;
background:url(../img/bg.png);
left:-100px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.proshowthree p {
font-size:36px;
text-align:center;
z-index:9999;
position:relative;
color:#fff;
letter-spacing:1px;
margin-top:22%;
}
.promorethree {
width:150px;
margin:0 auto;
margin-top:50px;
}
.promorethree a {
display:block;
width:150px;
height:35px;
line-height:35px;
color:#fff;
border:1px solid #FFF;
text-align:center;
z-index:9999;
position:relative;
}
.promorethree a:hover {
background:#fff;
color:#000;
}
#news {
position:relative;
}
.schoolhd {
position:relative;
}
.acthd {
position:relative;
}
#dynhd {
position:relative;
}
#about {
position:relative;
}
#brandhd {
position:relative;
}
.honorhd {
position:relative;
}
#imagehd {
position:relative;
}
#videohd {
position:relative;
}
#casehd {
position:relative;
}
#servicehd {
position:relative;
}
#problemhd {
position:relative;
}
#downloadhd {
position:relative;
}
#queryhd {
position:relative;
}
#contacthd {
position:relative;
}
#joinhd {
position:relative;
}
#networkhd {
position:relative;
}
#jobhd {
position:relative;
}
.gyone {
margin-top:100px;
}
.processleft {
float:left;
height:320px;
width:320px;
background:#fbf9f3;
}
.processright {
float:right;
width:670px;
}
.processright:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8
}
.processtitle {
font-size:18px;
text-align:center;
color:#2f0d16;
margin-top:32%;
}
.process_more {
width:100px;
height:30px;
line-height:30px;
margin:0 auto;
margin-top:40px;
}
.process_more a {
display:block;
text-align:center;
color:#2f0d16;
font-size:14px;
border:1px solid #2f0d16;
}
.process_more a:hover {
border:2px solid #2f0d16;
}
.gytwo {
margin-top:10px;
}
.gythree {
margin-top:10px;
}
.gyfour {
margin-top:10px;
}
.gyfive {
margin-top:10px;
}
.gysix {
margin-top:10px;
}
.gytwo {
margin-top:100px;
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.processlefttwo {
float:right;
height:320px;
width:320px;
background:#fbf9f3;
}
.processrighttwo {
float:left;
}
.processrighttwo:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8
}
.gythree {
margin-top:100px;
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.processleftthree {
float:left;
height:320px;
width:320px;
background:#fbf9f3;
}
.processrightthree {
float:right;
width:670px;
}
.processrightthree:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8
}
.gyfour {
margin-top:100px;
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.processleftfour {
float:right;
height:320px;
width:320px;
background:#fbf9f3;
}
.processrightfour {
float:left;
}
.processrightfour:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8
}
.gyfive {
margin-top:100px;
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.processleftfive {
float:left;
height:320px;
width:320px;
background:#fbf9f3;
}
.processrightfive {
float:right;
width:670px;
}
.processrightfive:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8
}
.gysix {
margin-top:100px;
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.processleftsix {
float:right;
height:320px;
width:320px;
background:#fbf9f3;
}
.processrightsix {
float:left;
}
.processrightsix:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8
}
.casetitle {
font-size:16px;
text-align:center;
margin-top:15px;
color:#2f0d16
}
/***image***/
.cy_wrap {
width:480px;
margin:0 auto;
}
.cy_box {
position:relative;
}
.cy_slider {
width:480px;
height:300px;
overflow:hidden;
position:relative;
margin:0px auto;
}
.cy_slider ul {
height:300px;
position:absolute;
top:0;
left:0;
z-index:1;
}
.cy_slider ul li {
width:480px;
height:300px;
float:left;
}
.cy_slider a {
width:60px;
height:60px;
position:absolute;
top:50%;
margin-top:-30px;
z-index:2;
display:block;
background:url(../images/vic.png) no-repeat 0 -999em;
}
.show_btn {
width:480px;
height:10px;
text-align:center;
position:absolute;
bottom:25px;
z-index:11;
margin:0 auto;
left:0px;
}
.show_btn a {
width:10px;
height:10px;
display:inline-block;
margin-left:6px;
background-color:#787878;
}
.show_btn a.current {
background-color:#2f0d16;
}
/***image***/
.brandcon p {
line-height:25px;
font-size:14px;
color:#333;
margin-top:12px;
letter-spacing:1px;
}
.brand_title {
color:#fff;
border:1px solid #FFF;
padding:1px;
}
.ywlx {
width:1000px;
height:auto;
margin:0 auto;
padding-bottom:30px;
}
.ywlx ul li {
width:310px;
height:200px;
margin-bottom:40px;
float:left;
background:url(../img/ywlxbj.png) no-repeat left bottom;
position:relative;
overflow:hidden;
}
.xstitle {
width:auto;
height:40px;
margin-bottom:15px;
letter-spacing:1px;
line-height:40px;
text-align:left;
font-family:"微软雅黑";
font-size:14px;
color:#000
}
.xsbody {
width:auto;
line-height:30px;
font-family:"微软雅黑";
font-size:12px;
color:#333;
text-align:left;
}
.ywlx ul li p {
font-size:14px;
color:#2f0d16;
margin-top:15px;
text-align:center;
}
.gyimg {
text-align:center;
}
.ywlx ul li p a {
color:#2f0d16;
}
.sysshow {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
.syshide {
position:absolute;
bottom:-300px;
left:0px;
width:100%;
height:100%;
}
#gyhd {
margin-top:200px;
position:relative;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.product {
}
.prowarp {
}
.prowarp ul {
overflow:hidden;
}
.prowarp li {
float:left;
width:33.33%;
position:relative;
}
.proshow {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#000;
}
.content_right {
float:right;
width:50%;
background:#f2f2f0;
position:relative;
}
.content_text {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
text-align:center;
font-size:24px;
font-weight:bold;
margin-top:10%;
}
.content_con {
width:250px;
margin:0 auto;
height:150px;
margin-top:5%;
color:#fff;
padding-top:10%;
line-height:30px;
background:#000;
}
.index_morecon {
position: relative;
overflow: hidden;
margin: 0 auto;
margin-top: 30px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 2px;
font-size: 12px;
color: #000;
}
.index_morecon a {
color:#000;
border: 1px #e60012 solid;
display:block;
width: 150px;
height: 35px;
line-height: 35px;
margin: 0 auto;
}
.index_more a:hover {
color:#e60012;
}
.text_show {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
opacity:0;
}
.text_show p {
font-size:30px;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:center;
color:#fff;
margin-top:40%;
letter-spacing:1px;
}
.text_show i {
display:block;
width:20px;
height:2px;
margin:0 auto;
margin-top:30px;
background:#fff;
}
.text_show a {
display:block;
width:150px;
height:35px;
line-height:35px;
color:#FFF;
margin:0 auto;
text-align:center;
margin-top:50px;
border:1px solid #fff;
letter-spacing:1px;
}
.text_show a:hover {
color:#2f0d16;
background:#fff;
}
.propd {
position:relative;
}
.bgcon {
position:absolute;
top:0px;
left:0px;
background:url(../img/bgcon.png);
width:100%;
height:100%;
opacity:0;
}
.text_show span {
color:#fff;
font-size:14px;
text-align:center;
display:block;
margin-top:30px;
letter-spacing:2px;
}
.probottom {
position:relative;
bottom:-600px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
.protop {
position:relative;
top:-600px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
.promenu {
height:100px;
width:100%;
}
.promenu ul {
float:left;
}
.promenu ul li {
float:left;
width:130px;
text-align:center;
line-height:100px;
}
.productwarp {
width:1000px;
margin:0 auto;
}
.pross {
float:right;
margin-top:30px;
}
.header_search {
width: 175px;
overflow:hidden;
margin-top:5px;
}
.header_search input {
float: left;
width: 146px;
border: 0;
outline: 0;
background: url(../img/input_long.png) left center no-repeat;
border-right:none;
height: 26px;
}
.header_search .aa {
background:url(../img/fdj.png);
background-repeat:no-repeat;
float:left;
display:block;
height:26px;
width:26px;
margin-left:-2px;
cursor:pointer
}
.promenu {
background:url(../img/bar_bg.gif);
}
.promenu ul li a {
color:#666;
font-size:14px;
border-right:1px solid #CCC;
padding-right:20px;
}
.promenu ul li a:hover {
color:#000;
}
.promorecon {
border-bottom:1px solid #CCC;
padding-bottom:30px;
}
.promorecon p {
float:right;
margin-right:30px;
color:#666;
cursor:pointer;
}
.proconshow {
float:right;
margin-right:40px;
}
.proconshow li {
float:left;
width:100px;
text-align:center;
opacity:0;
}
.proconshow li a {
color:#333;
}
.procon {
width:100%;
margin:0 auto;
margin-top:10px;
padding-bottom:50px;
}
.prolistone {
float:left;
width:150px;
border-right:1px solid #CCC;
font-size:24px;
text-align:left;
color:#000;
text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
margin-left:30px;
height:200px;
}
.proconright {
float:left;
width:765px;
margin-left:30px;
}
.proconright ul {
}
.proconright ul li {
float:left;
width:239px;
margin-right:20px;
border:1px solid #CCC;
height:260px;
}
.proimg {
}
.proconright ul li:hover {
border:1px solid #2f0d16;
}
.proconright ul li p {
margin-left:20px;
line-height:24px;
color:#2f0d16;
}
.proconshow02 {
float:right;
margin-right:40px;
}
.proconshow02 li {
float:left;
width:100px;
text-align:center;
opacity:0;
}
.proconshow02 li a {
color:#333;
}
.proconshow03 {
float:right;
margin-right:40px;
}
.proconshow03 li {
float:left;
width:100px;
text-align:center;
opacity:0;
}
.proconshow03 li a {
color:#333;
}
.proconshow04 {
float:right;
margin-right:40px;
}
.proconshow04 li {
float:left;
width:100px;
text-align:center;
opacity:0;
}
.proconshow04 li a {
color:#333;
}
.prolistmore {
margin-top:10px;
}
.prolistmore a {
color:#808080;
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
}
.prolistmore a:hover {
color:#333;
}
.xp {
color:#e60012;
float:right;
margin-right:20px;
margin-top:15px;
}
#onehd {
position:relative;
padding-top:80px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
#twohd {
position:relative;
padding-top:80px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
#threehd {
position:relative;
padding-top:80px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
#fourhd {
position:relative;
padding-top:80px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0
}
.contact_top {
color:#333;
margin:auto;
padding-bottom:20px;
border:0px solid #FF0;
}
.contact_top_name {
color:#333;
font-family:"方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei";
font-size:26px;
height:30px;
line-height:30px;
padding:30px 0px;
}
.contact_top_left {
float:left;
width:40%;
line-height:2em;
}
.contact_top_right {
float:left;
width:60%;
line-height:2em
}
.contact_bottom {
width:805px;
padding:0px 80px 0px 0px;
margin:auto;
color:#fff;
padding-top:20px;
}
.contact_bottom_wb {
float:left;
width:103px;
height:185px;
}
.contact_bottom_wx {
float:left;
width:141px;
height:185px;
line-height:2.5em;
}
.contact_bottom_ewm {
float:left;
width:141px;
height:185px;
}
.contact_bottom_ewm img {
padding-top:18px;
}
.contact_bottom_app {
float:left;
width:212px;
padding-right:10px;
height:185px;
}
.contact_bottom_app img {
margin-top:0px;
}
.contact_bottom_pad {
float:left;
width:175px;
height:185px;
}
.wxwarp {
border-top:1px solid #CCC;
margin-top:40px;
}
.wx {
text-align:center;
width:292px;
margin:0 auto;
}
.jobtitle {
font-size:16px;
color:#333;
}
.jobwarp p {
color:#333;
line-height:22px;
margin-top:10px;
}
.indexabcon ul {
}
.indexabcon ul li {
float:left;
width:336px;
float: left;
margin-right:45px;
text-align: center;
color:#fff;
}
.submit {
border: 1px solid #252729;
text-decoration: none;
width:140px;
height:30px;
line-height:30px;
padding:3px;
margin:0 auto;
margin-top:50px;
}
.submit a {
display:block;
background:#252729;
text-align:center;
color:#fff;
}
.submit:hover {
transition: color .6s, border-color .6s, background-color .6s;
border: 1px solid #2f0d16;
}
.submit a:hover {
background:#2f0d16;
transition: color .6s, border-color .6s, background-color .6s;
}
.jobln {
color:#333;
line-height:22px;
width:800px;
margin:50px auto;
border-bottom:1px dotted #CCCCCC;
padding-bottom:30px;
font-size:13px;
}
.jobgw {
margin-top:30px;
}
.gwtitle {
font-weight:600;
color:#333;
}
.jobzw {
border-bottom:2px solid #2f0d16;
margin-top:30px;
}
.jobzw p {
float:left;
color:#4d4d4d;
font-weight:600;
padding-bottom:20px;
width:325px;
}
.jobxx {
border-bottom:1px dotted #ccc;
}
.jobxx .jobxxtitle {
font-weight:600;
line-height:200px;
width:150px;
}
.jobxx p {
float:left;
color:#4d4d4d;
padding-bottom:20px;
width:325px;
margin-top:10px;
}
.sub_menu {
}
.sub_menu li {
float:left;
margin-right:10px;
cursor:pointer;
margin-left:0px;
}
.footer_nav_right {
float:right;
margin-top:50px;
}
.sub_menu {
width:205px;
height:33px;
padding-top:10px;
}
.sub_menu li {
width:33px;
height:33px;
float:left;
margin-right:10px;
position:relative
}
.sub_menu li span {
position:absolute;
left:0px;
top:0px;
display:none;
}
.jiathis_style .jiathis_txt {
float: left;
font-size: 12px;
text-decoration: none;
line-height: 18px!important;
color:#333;
}
.jiathis_style a {
margin-left: 10px;
color: #666;
}
.jiathis_style .jiathis_separator {
display: block;
float: left;
margin: 0 5px;
line-height: 16px!important;
}
.jiathis_style .jtico {
text-align: left;
overflow: hidden;
display: block!important;
height: 16px!important;
line-height: 16px!important;
padding-left: 20px!important;
background: url(../img/jiathis_ico.png) no-repeat left;
cursor: pointer;
}
.jiathis_style .jtico_qzone {
background-position: 0px -96px;
}
.jiathis_style .jiathis_separator {
display: block;
float: left;
margin: 0 5px;
line-height: 16px!important;
}
.jiathis_style .jtico_qq {
background-position: 0px -144px;
}
.jiathis_style .jtico_wx {
background-position: 0px -1809px;
}
.about_box {
width:950px;
height:auto;
margin:0 auto;
}
.about_box_top {
width:auto;
height:auto;
margin:0 auto;
font-size:20px;
line-height:40px;
color:#222;
text-align:center;
}
.about_box_top span {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13px;
color:#000;
font-style:italic;
display:block;
line-height:30px;
}
.about_box_bot02 {
width:auto;
height:auto;
margin:0 auto;
padding-top:45px;
}
.about_box_botz {
width:420px;
height:auto;
text-align:left;
float:left;
font-size:13px;
color:#333;
line-height:25px;
letter-spacing:1px;
}
.about_box_botz p {
margin-top: 20px;
letter-spacing: 1px;
text-align:justify;
text-justify:inter-ideograph;
}
.abtps {
margin-top: 29px !important;
}
.about_box_boty {
width:450px;
height:auto;
float:right;
font-size:13px;
color:#333;
line-height:25px;
text-align:left;
}
.about_box_boty p {
margin-top:20px;
letter-spacing:1px;
text-align:justify;
text-justify:inter-ideograph;
}
.about_box_mid {
width:auto;
height:auto;
margin:0 auto;
padding-top:50px;
}
.about_box_midz {
width:400px;
height:auto;
float:left;
text-align:left;
padding-top:70px;
font-size:12px;
color:#333;
line-height:28px;
font-size:13px;
}
.about_box_midy {
width:464px;
height:387px;
float:right;
}
.about_box_midz p {
margin-top:10px;
}
.prodotleft {
float:left;
}
.prodotright {
float:left;
margin-left:50px;
}
.probarnd {
margin-top:30px;
}
.brandtitle {
font-size:16px;
color:#2f0d16;
}
.probarnd p {
color:#2f0d16;
}
.about_box_bot {
width: 1120px;
height:370px;
clear: both;
overflow: hidden;
position: relative;
float: left;
margin:0 auto;
margin-top:30px;
}
.about_box_bot ul {
width: 1120px;
height:370px;
float: left;
position: absolute;
clear: both;
padding: 0px;
margin: 0px;
}
.about_box_bot ul li {
float: left;
width: 1120px;
height:370px;
overflow: hidden;
position: relative;
padding: 0px;
margin: 0px;
}
.about_box_bot .preNext {
width: 73px;
height:75px;
position: absolute;
background:#000;
top: 70px;
cursor: pointer;
}
.about_box_bot .pre {
left: -22px;
background:url(../img/sprite.png) no-repeat left top
}
.about_box_bot .next {
right: -20px;
background:url(../img/next.png) no-repeat left top
}
.protext p {
text-align:left;
color:#2f0d16;
font-size:13px;
margin-top:10px;
text-align:center;
}
.protext img {
text-align:center;
}
.prodot {
width:100%;
margin-top:50px;
padding-bottom:130px;
}
.procenter {
width:90%;
margin:0 auto;
}
.pronav {
color:#333;
}
.pronav a {
color:#333;
}
.proimgqh {
width:100%;
margin-top:50px;
border-bottom:1px solid #e5e5e5;
padding-bottom:30px;
}
.proimgnav {
float:left;
margin-right:30px;
}
.prowz {
width:220px;
font-family:'微软雅黑';
font-size:14px;
text-align:center;
line-height:20px;
margin-top:20px;
color:#333;
}
.prowz p {
width:220px;
font-family:Arial;
font-size:12px;
text-align:center;
color:#2e0d16;
}
.proxq {
width:100%;
margin-top:50px;
}
.proxq_left {
}
.proxq_left_bt {
width:100%;
font-family:'微软雅黑';
font-size:18px;
color:#333;
text-align:left;
line-height:70px;
font-weight:600;
}
.pro_left_img {
}
.proxq_right {
}
.proxq_right_button {
width:25%;
float:right;
background:url(../img/cstb.jpg);
height:30px;
margin-bottom:30px;
}
.proxq_right_bt {
width:100%;
font-family:'微软雅黑';
font-size:18px;
color:#333;
text-align:left;
line-height:70px;
}
.proxq_right_wz {
font-family:'微软雅黑';
font-size:14px;
line-height:30px;
color:#666;
}
.about_box_bot {
width: 1000px;
height:230px;
clear: both;
overflow: hidden;
position: relative;
float: left;
margin:0 auto;
}
.about_box_bot ul {
width: 100px;
height:230px;
float: left;
position: absolute;
clear: both;
padding: 0px;
margin: 0px;
}
.about_box_bot ul li {
float: left;
width: 1000px;
height:230px;
overflow: hidden;
position: relative;
padding: 0px;
margin: 0px;
}
.about_box_bot .preNext {
width: 100px;
height:75px;
position: absolute;
background:#000;
top: 35px;
cursor: pointer;
}
.about_box_bot .pre {
left: -22px;
background:url(../img/sprite.png) no-repeat left top
}
.about_box_bot .next {
right:-49px;
background:url(../img/next.png) no-repeat left top
}
.newsmore {
margin:0 auto;
margin-top:30px;
width:180px;
}
.newsmore a {
display: inline-block;
transition: all 0.25s ease 0s;
width: 180px;
height: 50px;
border: 1px solid #dcdcdc;
border-radius: 5px;
text-align: center;
line-height: 50px;
color: #2f0d16;
font-size: 16px;
}
.newsmore a:hover {
background:#2f0d16;
color:#fff;
border: 1px solid #2f0d16;
transition: all 0.25s ease 0s;
}
.xwnr {
width:730px;
padding-right:5px;
}
.xwnrdot {
height:45px;
border-bottom:1px #ccc dotted;
background:url(../img/tb.png) no-repeat left center;
line-height:45px;
}
.xwnrdotz {
width:495px;
height:35px;
line-height:45px;
overflow:hidden;
float:left;
padding-left:20px;
color:#363636;
font-size:12px;
}
.xwnrdotz a {
color:#2f0d16;
}
.xwnrdotz a:hover {
color:#2f0d16;
text-decoration:underline;
}
.xwnrdoty {
width:110px;
height:46px;
line-height:46px;
float:right;
text-align:center;
color:#2f0d16;
font-family:"微软雅黑";
}
.fy {
margin-top:20px;
text-align:center;
}
.year {
}
.year li {
float:left;
height:35px;
margin-right:30px;
}
.year li a {
color:#2f0d16;
border:1px dotted #ccc;
display:block;
width:120px;
height:30px;
text-align:center;
line-height:30px;
font-size:14px;
}
.year li a:hover {
background:#2f0d16;
color:#fff;
border:1px dotted #2f0d16;
}
.about_history {
width:100%;
height:auto;
position:relative;
clear:both;
}
.about_history_title {
width:100%;
height:50px;
background:#FFF;
border-bottom:solid 1px #ccc
}
.about_history .txt {
width:100%;
height:auto;
margin:0 auto;
}
.about_history .txt img {
position:absolute;
z-index:1;
margin-top:28px;
}
.history_list {
width:100%;
height:50px;
font-family:"微软雅黑";
position:relative;
}
.history_list .yuan {
width:50px;
height:auto;
position:absolute;
z-index:11;
left:37px;
top:-15px;
}
.history_list .yuan img {
vertical-align:middle
}
.history_list .left {
height:50px;
line-height:50px;
border-right:dashed 1px #ccc;
float:left;
font-size:18px;
font-weight:bold;
color:#2f0d16;
width:48px;
}
.history_list .right {
/*width:65%;*/
height:auto;
line-height:50px;
float:left;
color:#2f0d16;
margin-left:30px;
}
.history_list .right a {
width:65%;
height:auto;
line-height:50px;
float:right;
color:#2f0d16;
}
.box_history {
width:98.6%;
height: 94px;
margin: 0 auto;
position: relative;
font-family:"微软雅黑";
margin-top:50px;
}
.box_history .time {
width: 812px;
height: 94px;
position: relative;
left: 50%;
overflow: hidden;
float: left;
margin-left: -406px;
}
.box_history .line {
width: 100%;
height: 1px;
background: #cecece;
position: absolute;
left: 0;
top: 75px;
z-index: 1;
}
.box_history .time ul {
width: 100%;
margin-left: 0px;
float: left;
z-index: 12;
position: relative;
}
.box_history .time li {
width: 72px;
height: 38px;
line-height: 38px;
padding: 16px 0 40px;
float: left;
margin: 0 14px;
display: inline;
background: url(../img/bg_li02.png) no-repeat center 50px;
color: #828282;
text-align: center;
cursor: pointer;
}
.box_history .time li:hover {
background: url(../img/bg_li03.png) no-repeat center 50px;
font-size: 22px;
line-height: 38px;
color: #2f0d16;
}
.box_history .time .active {
background: url(../img/bg_li03.png) no-repeat center 50px;
font-size: 22px;
line-height: 38px;
color: #2f0d16;
}
.contain {
width: 840px;
height: auto;
margin: 50px auto;
position:relative
}
.contain ul {
position: relative;
}
.contain li {
width: 840px;
display: none;
}
.box_history .left, .box_history .right {
width: 30px;
height: 52px;
cursor: pointer;
top: 40px;
}
.box_history .left {
position: absolute;
left: 0;
background: url(../img/prev01.jpg);
}
.box_history .right {
position: absolute;
right: 0;
background: url(../img/next01.jpg);
}
.page {
font-size: 0px;
text-align: center;
margin-top:50px;
margin-bottom:40px;
}
.page a {
font-size: 12px;
color: #ccc;
display: inline-block;
_display:inline;
padding: 0 5px;
border: 1px solid #ccc;
margin-right: 5px;
line-height: 23px;
}
.page a:hover, .page a.active {
background: #2f0d16;
font-weight: bold;
color: #fff;
border: 1px solid #2f0d16;
}
.serviceleft {
float:left;
width:48%;
}
.serviceright {
float:right;
width:48%;
}
.serviceright p {
color:#2f0d16;
line-height:25px
}
.bannerbox {
width: 640px;
height:427px;
overflow: hidden;
margin: 0px auto;
}
#focus {
width: 640px;
height:427px;
clear: both;
overflow: hidden;
position: relative;
float: left;
}
#focus ul {
width: 640px;
height:427px;
float: left;
position: absolute;
clear: both;
padding: 0px;
margin: 0px;
}
#focus ul li {
float: left;
width: 640px;
height:427px;
overflow: hidden;
position: relative;
padding: 0px;
margin: 0px;
}
#focus .preNext {
width: 100px;
height:427px;
position: absolute;
top: 0px;
cursor: pointer;
}
#focus .pre {
left: 0;
background: url(../img/sprite1.png) no-repeat left center;
z-index:999;
}
#focus .next {
right: 0;
background: url(../img/next1.png) no-repeat right center;
z-index:999;
}
.about_box_bot {
width: 1000px;
height:430px;
clear: both;
overflow: hidden;
position: relative;
float: left;
margin:0 auto;
margin-top:20px;
}
.about_box_bot ul {
width: 100px;
height:430px;
float: left;
position: absolute;
clear: both;
padding: 0px;
margin: 0px;
}
.about_box_bot ul li {
float: left;
width: 1000px;
height:430px;
overflow: hidden;
position: relative;
padding: 0px;
margin: 0px;
}
.about_box_bot .preNext {
width: 100px;
height:75px;
position: absolute;
background:#000;
top: 155px;
cursor: pointer;
}
.about_box_bot .pre {
left: 0;
background:url(../images/sprite.png) no-repeat left top
}
.about_box_bot .next {
right: -25px;
background:url(../images/next.png) no-repeat left top
}
.leftimg {
float:left;
margin-right:10px;
}
.qq {
width: 130px;
vertical-align: middle;
position: fixed;
color: #FFF;
right: 0px;
bottom: 16.3%;
height: 200px;
background:url(../images/qq.jpg) no-repeat;
z-index:99999999;
}
.qq p {
font-size:8px;
}
.qq a {
margin-left:50px;
margin-top:-20px;
}
/** cjgy_box **/
.cjgy_box{
height:auto;
}
.cjgy_tp{
height:auto;
}
.cjgy_nr01{
height:auto;
margin-top:20px;
}
.cjgy_nr01a{
width:495px;
height:auto;
float:left;
}
.cjgy_nr01b{
width:495px;
height:auto;
float:right;
}
.cjgy_tb{
height:auto;
}
.cjgy_tb ul{
height:auto;
text-align:center;
}
.cjgy_tb ul li{
width:22%;
height:auto;
display:inline-block;
padding:0px 1%;
}
.cjgynier{
height:auto;
background:#727171;
padding:8px 10px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
margin-top:10px;
color:#fff;
}
.cjgynier p{
line-height:25px;
font-size:14px;
}
.cjgy_bt{
width:68%;
height:auto;
margin:auto;
margin-top:20px;
}
.cjgy_jsbox{
height:auto;
margin-top:20px;
}
.cjgy_jsbox ul{}
.cjgy_jsbox ul li{
height:auto;
float:left;
border:1px solid #444;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
width:30%;
padding:1%;
margin-right:1%;
margin-bottom:15px;
}
.jsbox_tm{
height:auto;
color:#3e3a39;
}
.tmtb{
width:43px;
height:43px;
float:left;
}
.tmmc{
float:left;
margin-left:10px;
}
.tmmc01{
font-size:18px;
font-weight:bold;
}
.tmmc02{
font-size:14px;
}
.jsbox_nr{
height:auto;
min-height:125px;
}
.jsbox_nr p{
line-height:25px;
font-size:14px;
color:#3e3a39;
}
.cjgy_zs{
font-size:20px;
color:#3e3a39;
font-weight:bold;
}
.cjgy_zs01{
margin-bottom:20px;
}
.cjgy_zs02{
margin-top:20px;
}
.cjgy_rytp{
width:50%;
margin:auto;
height:auto;
margin-top:35px;
}
/** cjgy_box **/
/** canjing_dr **/
.canjing_dr{
height:auto;
}
/** canjing_dr01 **/
.canjing_dr01{
height:600px;
position:relative;
margin-top:50px;
}
.canj_tp{
width:490px;
height:330px;
position:absolute;
top:65px;
left:0;
z-index:999;
}
.canj_tpbg{
width:536px;
height:455px;
background:#f2f2f2;
position:absolute;
top:0;
right:0;
}
.canj_tp1{
width:328px;
height:328px;
position:absolute;
top:160px;
right:0;
}
.canj_st{
width:45px;
height:336px;
position:absolute;
top:65px;
right:350px;
}
.canj_wznr{
width:490px;
height:auto;
position:absolute;
top:480px;
left:20px;
}
.canj_wznr p{
line-height:22px;
text-indent:2em;
font-size:14px;
}
.canj_tedian{
width:360px;
height:auto;
position:absolute;
top:460px;
right:-15px;
}
.canj_tedian ul{}
.canj_tedian ul li{
width:24%;
height:auto;
margin-right:1%;
float:left;
}
.tedian_yq{
width:68px;
height:68px;
border:1px solid #000;
text-align:center;
line-height:68px;
border-radius:50%;
font-size:14px;
letter-spacing:1px;
margin:0 auto;
}
.tedian_wz{
height:auto;
line-height:22px;
margin-top:5px;
text-align:center;
font-size:12px;
}
/** canjing_dr01 **/
/** canjing_dr02 **/
.canjing_dr02{
height:auto;
margin-top:50px;
}
.dr02_bt{
height:auto;
text-align:center;
}
.dr02_bt01{
line-height:30px;
font-size:24px;
}
.dr02_bt02{
line-height:25px;
font-size:14px;
}
.dr02_box{
height:725px;
margin-top:30px;
position:relative;
}
.dr02_tpbg{
width:600px;
height:640px;
background:#f2f2f2;
position:absolute;
top:80px;
left:0;
}
.dr02ul{
height:auto;
position:absolute;
top:80px;
left:25px;
}
.dr02ul ul{}
.dr02ul ul li{
width:154px;
height:154px;
float:left;
margin-right:10px;
margin-bottom:10px;
position:relative;
cursor:pointer;
/*-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;*/
}
.dr02ul ul li:hover{
/*-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;*/
}
.dr02lbtp{
height:auto;
}
.dr02hover{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,0.6);
filter:alpha(opacity=60);
}
.skjs{
height:30px;
line-height:30px;
font-size:16px;
color:#fff;
text-align:center;
margin-top:62px;
letter-spacing:2px;
}
.skjs_more{
height:25px;
line-height:25px;
text-align:center;
font-size:14px;
margin-top:10px;
color:#fff;
/*font-family:Georgia, 'Times New Roman', Times, serif;*/
}
.dr02_tp{
width:370px;
height:autp;
position:absolute;
top:50px;
right:0;
}
.dr02_hxysnr{
width:375px;
height:288px;
background:#f2f2f2;
position:absolute;
top:430px;
right:0;
}
.dr02{
padding:30px;
display:none;
}
.dr02_hxysnr .jsbox_tm{
margin-top:20px;
}
.dr02_hxysnr .jsbox_nr{
margin-top:20px;
}
.dr02_hxysnr01{
display:block;
position:absolute;
top:0;
left:0;
}
.dr02_hxysnr02{
position:absolute;
top:0;
left:0;
}
.dr02_hxysnr03{
position:absolute;
top:0;
left:0;
}
.dr02_hxysnr04{
position:absolute;
top:0;
left:0;
}
.dr02_hxysnr05{
position:absolute;
top:0;
left:0;
}
.dr02_hxysnr06{
position:absolute;
top:0;
left:0;
}
/** canjing_dr02 **/
/** canjing_dr03 **/
.canjing_dr03{
height:auto;
margin-top:35px;
}
.canj_rytps{
width:400px;
height:auto;
border:1px solid #ddd;
position:fixed;
top:50%;
left:50%;
margin-top:-314px;
margin-left:-231px; background:#fff;
z-index:9999;
padding:30px;
display:none;
box-shadow:0 0 5px #ccc;
}
.cjgy_zs a{
color:#3e3a39;
}
.cjgy_zs a:hover{
color:#2f0d16;
}
.canj_close{
width:30px;
height:30px;
position:absolute;
top:3px;
right:3px;
font-size:36px;
font-family:'宋体';
text-align:center;
line-height:30px;
}
.canj_close a{
color:#3e3a39;
}
.canj_close a:hover{
color:#000;
}
/** canjing_dr03 **/
/** canjing_dr **/
/** d3zmw_box **/
.d3zmw_box{
height:auto;
}
.d3zmw_tp{
height:auto;
}
.d3zmw_nr{
height:460px;
margin-top:50px;
}
.d3zmw_nr1{
width:360px;
height:360px;
float:left;
position:relative;
}
.d3zmw_img{
width:360px;
height:360px;
position:absolute;
top:0;
left:10px;
}
.d3zmw_line{
width:360px;
height:360px;
border:1px solid #2f0d16;
position:absolute;
top:25px;
left:0;
}
.zcsmk_nr{
width:390px;
height:auto;
position:absolute;
top:260px;
left:30px;
background: rgba(120,28,54,0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19781c36,endColorstr=#19781c36);
padding:15px;
color:#fff;
}
.zcsmk_nr p{
line-height:25px;
}
.d3zmw_nr2{
width:540px;
height:450px;
float:right;
position:relative;
}
.d3zmw_line1{
width:200px;
height:200px;
border:1px solid #9a530f;
position:absolute;
top:65px;
left:0;
}
.d3zmw_bt{
width:385px;
height:60px;
position:absolute;
top:120px;
left:60px;
}
.d3zmw_bt01{
line-height:30px;
font-size:24px;
color:#781c36;
}
.d3zmw_bt02{
line-height:25px;
margin-top:5px;
font-size:18px;
padding-left:10px;
}
.d3zmw_wenzi{
width:480px;
height:auto;
position:absolute;
top:215px;
left:60px;
}
.d3zmw_wenzi p{
line-height:25px;
font-size:14px;
color:#333;
}
.d3zmw_wzbz{
width:20px;
height:auto;
position:absolute;
top:148px;
left:20px;
text-align:center;
line-height:25px;
font-size:14px;
border-right:1px solid #444;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
.d3zmw_fwdh{
margin-top:30px;
font-size:18px !important;
border-right:1px solid #444;
}
.d3zmw_fwdh span{
font-size:20px;
color:#781c36;
margin-left:5px;
font-weight:bold;
font-style:italic;
}
.d3zmw_3dtp{
width:200px;
height:43px;
position:absolute;
top:0;
right:0;
}
.d3zmw_3dtp img{
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.d3zmw_3dtp img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.sd_box1 {
position: relative;
margin-top: 50px;
}
/** d3zmw_box **/
/** bjm_box **/
.bjm_box{
height:auto;
margin-top:30px;
}
.bjm_box1{
height:auto;
}
.bjm_box1a{
width:325px;
height:auto;
float:left;
background:#;
}
.bjm_box1b{
width:570px;
height:auto;
float:right;
}
.bjm_tm{
line-height:30px;
font-size:24px;
color:#5c2531;
margin-top:50px;
}
.bjm_tm1{
height:auto;
line-height:25px;
font-size:14px;
margin-top:20px;
color:#000;
}
.bjm_tp{
height:auto;
margin-top:30px;
}
.bjm_tp ul{}
.bjm_tp ul li{
width:185px;
height:auto;
float:left;
margin-right:5px;
}
/*.bjm_tp ul li img{
-moz-transform: perspective(0px) rotateY(0deg);
-webkit-transform: perspective(0px) rotateY(0deg);
transform: perspective(0px) rotateY(0deg);
transition: all 1s;
-webkit-transition: all 1s;
}
.bjm_tp ul li img:hover{
-moz-transform: perspective(800px) rotateY(360deg);
-webkit-transform: perspective(800px) rotateY(360deg);
transform: perspective(800px) rotateY(360deg);
transition: all 1s;
-webkit-transition: all 1s;
}
*/
.bjm_box2{
height:auto;
margin-top:30px;
}
.bjm_box3{
height:auto;
margin-top:50px;
}
.bjm_box3bt{
width:318px;
height:53px;
margin:0 auto;
}
.bjm_box3 ul{
height:auto;
margin-top:30px;
}
.bjm_box3 ul li{
width:235px;
height:auto;
float:left;
margin-right:20px;
margin-bottom:20px;
border-bottom:1px dotted #ddd;
padding-bottom:10px;
}
.bjmcp_tm{
line-height:30px;
color:#000;
}
.bjmcp_tp{
height:235px;
margin-top:5px;
overflow:hidden;
}
.bjmcp_tp img{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.0);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.bjmcp_nr{
height:75px;
margin-top:5px;
}
.bjmcp_nr p{
line-height:25px;
}
.bjmcp_nr p span{
color:#5c2531;
font-weight:bold;
}
.bjm_box3 ul li:hover .bjmcp_tp img{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.1);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}
.bjm_box3 ul li:hover .bjmcp_tm{
color:#5c2531;
}
/** bjm_box **/
/** sd_box1 **/
.sd_box1{
height:500px;
position:relative;
margin-top:50px;
}
.sdbg01{
width:440px;
height:500px;
background:#f2f2f2;
position:absolute;
top:0;
left:0;
}
.sdbg02{
width:645px;
height:355px;
position:absolute;
top:0;
right:0;
z-index:999;
}
.sdbg03{
width:322px;
height:338px;
background:#fff;
position:absolute;
top:100px;
left:130px;
z-index:99;
}
.sdbg03_wz{
width:80px;
height:auto;
position:absolute;
top:150px;
left:195px;
z-index:999;
}
.sdbg03_wz01{
width:30px;
height:auto;
float:left;
text-align:center;
line-height: 35px;
font-size: 24px;
color: #781c36;
}
.sdbg03_wz02{
width:30px;
height:auto;
float:left;
margin-left:15px;
text-align:center;
line-height: 35px;
font-size: 24px;
color: #781c36;
}
.sdbg04{
width:530px;
height:auto;
position:absolute;
top:370px;
right:0;
}
.sdbg04 p{
line-height: 25px;
font-size: 14px;
color: #333;
}
.sdbg05{
width:100px;
height:110px;
background:#fff;
position:absolute;
top:0;
left:280px;
}
/** sd_box1 **/
/** process6 **/
.d3zzuwz{
width:475px;
height:auto;
position:absolute;
top:50px;
left:0;
z-index:99999;
}
.d3zzuwz p{
line-height: 25px;
font-size: 14px;
color: #333;
text-indent:2em;
}
/** process6 **/
/** process7 **/
.jcfjt{
height:auto;
}
/** process7 **/
/** process8 **/
.bjmjsfn{
height:auto;
margin-top:50px;
}
.bjmjsfn_nr{
height:auto;
margin-top:80px;
}
.bjmjsfn_nr ul{
height:auto;
}
.bjmjsfn_nr ul li{
width:200px;
height:25px;
line-height:25px;
font-size:14px;
float:left;
margin-bottom:5px;
}
.bjmjsfn_nr ul li span{
margin-right:10px;
color:#b09671;
font-weight:bold;
font-style:italic;
}
/** process8 **/
/** process9 **/
.wdw_box{
height:auto;
margin-top:50px;
}
.wdw_box1{
height:auto;
}
.wdw_box1a{
width:49%;
height:auto;
float:left;
}
.wdw_box1a p{
line-height:25px;
font-size:14px;
}
.wdw_box1a p span{
margin-right:5px;
color:#781c36;
}
.wdw_box1b{
width:45%;
height:auto;
float:right;
}
.wdw_box2{
height:auto;
margin-top:50px;
}
.jsyd_ul{
height:auto;
margin-top:40px;
}
.jsyd_ul ul li{
width:150px;
height:auto;
float:left;
margin-right:35px;
border-bottom:1px dotted #ddd;
padding-bottom:10px;
}
.jsyd_tp{
width:110px;
margin:0 auto;
height:auto;
}
.jsyd_nm{
line-height:25px;
font-size:14px;
margin-top:5px;
text-align:center;
}
.jsyd_jst{
height:auto;
margin-top:50px;
}
/** process9 **/
/** process10 **/
.wzja8_box{
height:auto;
margin-top:30px;
}
.wzja8_tp{
height:auto;
}
.wzja8_tp1{
height:auto;
margin-top:30px;
}
.wzja8_tp1a{
width:200px;
height:auto;
float:left;
}
.wzja8_tp1b{
width:700px;
height:auto;
float:right;
margin-top:25px;
}
.wzja8_tp1b p{
line-height:25px;
font-size:14px;
}
.wzja8_div{
height:auto;
margin-top:50px;
}
.wzja8_div01{
width:320px;
height:auto;
float:right;
}
.wzja8_div02{
width:565px;
height:auto;
float:left;
margin-top:50px;
}
.wzja8_div02 p{
line-height:30px;
font-size:14px;
}
.wzja8_div02 p span{
margin-right:5px;
color:#5c2531;
}
/** process10 **/
/** process11 **/
.spsdw_tp{
width:420px;
height:auto;
float:left;
}
.spsdw_nr{
width:430px;
height:auto;
float:right;
margin-top:30px;
}
.spsdw_nr p{
line-height:25px;
font-size:14px;
}
.jsyd1{
width:438px;
height:325px;
float:left;
}
.jsyd2{
width:420px;
height:auto;
float:right;
}
.jsyd2 p{
line-height:30px;
font-size:14px;
}
.jsyd2 p span {
margin-right: 5px;
color: #781c36;
}
/** process11 **/
/** process12 **/
.lxgy_box{
height:auto;
margin-top:50px;
}
.lxgy_box1{
height:auto;
}
.lxgy_box1a{
width:445px;
height:auto;
float:left;
}
.lxgy_box1b{
width:415px;
height:auto;
float:right;
}
.lxgy_bt{
font-size: 24px;
letter-spacing: 2px;
color: #5c2531;
margin-top: 20px;
margin-bottom: 20px;
}
.lxgy_nr{
height:auto;
}
.lxgy_nr p{
line-height:25px;
font-size:14px;
}
/** process12 **/
/** cpaddd **/
.cpaddd{
height:auto;
}
.cpaddd ul{
width:995px;
margin:0 auto;
height:auto;
}
.cpaddd ul li{
height:auto;
float:left;
width:245px;
height:auto;
float:left;
margin-right:5px;
margin-bottom:5px;
}
.cpadd_div{
width:245px;
height:80px;
background:#fff;
border:1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
}
.cpadd_tb{
width:60px;
height:60px;
float:left;
margin-top:10px;
margin-left:15px;
overflow:hidden;
}
.cpadd_nr{
width:160px;
height:60px;
float:right;
margin-top:10px;
margin-right:10px;
text-align:center;
}
.cpadd_nr1{
font-size:15px;
line-height:25px;
color:#000;
font-weight:bold;
margin-top:5px;
}
.cpadd_nr2{
font-size:12px;
line-height:18px;
}
.cpaddd ul li a{
color:#000;
display:block;
}
.cpaddd ul li a .cpadd_tb img{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.0);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.cpaddd ul li a:hover .cpadd_nr1{
color:#2e0d16;
}
.cpaddd ul li a:hover .cpadd_nr2{
color:#2e0d16;
}
.cpaddd ul li a:hover .cpadd_tb img{
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1.1);
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
transition: all 0.4s;
transition: all 0.7s linear;
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-ms-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
}
/** cpaddd **/
/** zhaoshang **/
.zhaoshang{
height:auto;
font-family:'微软雅黑';
}
.zs01{
height:auto;
background:#fff;
padding:80px 0 20px 0;
}
.zs_ppiys{
width:1000px;
height:auto;
margin:0 auto;
margin-top:60px;
/*box-shadow:2px 2px 50px #999;*/
}
.ppiys_tm{
height:50px;
line-height:50px;
text-align:center;
font-size:18px;
color:#fff;
background:#615d5c;
letter-spacing:1px;
}
.ppiys_box{
height:auto;
padding:50px 30px 20px 30px;
background:#fff;
border-left:1px solid #b8b6b6;
border-right:1px solid #b8b6b6;
border-bottom:2px solid #b8b6b6;
}
.ppiys_box ul{
height:auto;
}
.ppiys_box ul li{
width:49%;
height:auto;
float:left;
margin-bottom:20px;
}
.ppiys_zil{
width:95%;
height:auto;
margin:0 auto;
}
.ppiys_mzi{
line-height:30px;
font-size:16px;
background:url(../images/ppiys_mzi.jpg) center left no-repeat;
padding-left:25px;
font-weight:bold;
}
.ppiys_mwz{
height:auto;
padding-left:25px;
margin-top:10px;
}
.ppiys_mwz p{
line-height:22px;
font-size:13px;
}
.banzs01{
height:auto;
}
.zs02{
height:auto;
background:#fff;
padding:80px 0;
}
.zs02_img{
height:auto;
width:1000px;
text-align:center;
margin:0 auto;
margin-top:60px;
}
.zs03{
height:auto;
background:#fff;
padding:80px 0;
}
.zs03_wzjs{
width:1000px;
height:auto;
margin:0 auto;
margin-top:60px;
}
.zs03_wzjs p{
line-height:22px;
font-size:13px;
letter-spacing:1px;
}
.zs03_wtp{
width:1000px;
margin:0 auto;
height:auto;
margin-top:50px;
}
.zs04{
height:auto;
background:#fff;
padding:80px 0;
}
.zs04_box{
width:1000px;
height:auto;
margin:0 auto;
margin-top:60px;
/*box-shadow: 2px 2px 50px #999;*/
border-top: 1px solid #b8b6b6;
border-left: 1px solid #b8b6b6;
border-right: 1px solid #b8b6b6;
border-bottom: 2px solid #b8b6b6;
}
.zs04nr{
padding:60px;
}
.zs04_bt{
line-height:35px;
font-size:30px;
color:#000;
text-align:center;
}
.zs04_btline{
height:auto;
text-align:center;
}
.zs04_wz{
height:auto;
margin-top:40px;
text-align:center;
}
.zs04_wz p{
line-height:22px;
font-size:13px;
}
.zs04_box1{
height:auto;
margin-top:20px;
}
.zs04_box1img{
width:1000px;
text-align:center;
margin:0 auto;
margin-top:50px;
}
.zs05{
height:auto;
background:#dededc;
padding:80px 0;
}
.zs05_p{
width:1200px;
height:auto;
line-height:25px;
text-align:center;
margin:0 auto;
margin-top:30px;
font-size:13px;
}
.zs05_bg{
width:1000px;
height:auto;
margin:0 auto;
margin-top:50px;
}
.zs05_bg ul{
height:auto;
}
.zs05_bg ul li{
width:318px;
height:48px;
border:1px solid #8e8e8c;
margin-right:20px;
margin-bottom:20px;
float:left;
}
.zs05_xm{
width:226px;
height:48px;
float:left;
margin-left:10px;
}
.zs05_bitian{
width:70px;
height:48px;
float:right;
line-height:48px;
text-align:right;
font-size:13px;
margin-right:10px;
color:#575654;
}
.zs05_xm input{
width:100%;
height:48px;
line-height:48px;
border:none;
font-size:13px;
font-family:'微软雅黑';
outline:none;
color:#575654;
background:none;
}
.zs05_xx{
height:auto;
}
.zs05_xx textarea{
width:970px;
height:125px;
line-height:22px;
border:none;
padding:15px;
border:1px solid #8e8e8c;
font-size:13px;
font-family:'微软雅黑';
outline:none;
color:#575654;
background:none;
}
.zs05_tj{
width:1000px;
height:45px;
margin-top:20px;
}
.zs05_tj a{
display:block;
line-height:45px;
background:#838280;
text-align:center;
font-size:13px;
color:#fff;
}
.zs05_tj a:hover{
background:#300c16;
}
.box_yin{
width:1000px;
height:80px;
margin:0 auto;
background:url(../images/box_yin.png) top center no-repeat;
}
/** zhaoshang **/
#box1_wrapper{ height:450px; overflow:hidden;}