body { background: #f9f9f9; }
.header { background: #f9f9f9; height: 84px; width: 100%; position: fixed; top: 0; z-index: 10000; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
.header .logo { /*margin: 20px 0 0 0;*/ margin: 0 0 0 50px; }
.header .nav { height: 84px; width: 610px; }
.header .nav a { padding: 1px 0; color: #333; font-size: 16px; float: left; margin: 27px 30px 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.header .nav a:hover { border-bottom: #5c3809 solid 2px; }
.header .nav a.on { border-bottom: #5c3809 solid 2px; }
.banner { margin-top: 84px; height: 345px; overflow: hidden; background-repeat: no-repeat; background-position: top center; }
.banner img { /*width: 100%;*/ }
.intro-sec .g-content { width: 860px; }
.section { border-top: #efeae4 solid 1px; margin-top: 40px; }
.section h2 { border-top: #5c3809 solid 1px; padding: 0 70px; float: left; font-size: 20px; height: 30px; width: 130px; margin-top: -1px; }
.section h2 span { display: block; padding: 0 20px; margin-top: -17px; color: #646473; background: #f9f9f9; text-align: center; }
.section h2.center { float: none; margin: 0 auto; }
.section .content { clear: both; }
.section .content p { color: #666; font-size: 15px; text-indent: 2em; }
.section .content .about-txt { height: 220px; overflow: hidden; }
.section .content .about-txt-unfold { display: inline; }
.section .content .fold-btn { display: block; height: 38px; width: 395px; border: #e5e5e5 solid 1px; background: url(../images/icon-6.png) center center no-repeat; text-align: center; color: #999; line-height: 38px; }
.section .content .fold-btn span { display: none; }
.section .content .fold-btn:hover, .section .content .fold-btn:active { background: #e5e5e5; }
.section .content .fold-btn:hover span.o, .section .content .fold-btn:active span.o { display: block; }
.section .content .fold-btn-unfold { width: auto; -moz-transform-origin: center center; -moz-transform: rotateZ(180deg); -webkit-transform-origin: center center; -webkit-transform: rotateZ(180deg); transform-origin: center center; transform: rotateZ(180deg); }
.section .content .fold-btn-unfold:hover, .section .content .fold-btn-unfold:active { background: #e5e5e5; }
.section .content .fold-btn-unfold:hover span.c, .section .content .fold-btn-unfold:active span.c { display: block; -moz-transform-origin: center center; -moz-transform: rotateZ(180deg); -webkit-transform-origin: center center; -webkit-transform: rotateZ(180deg); transform-origin: center center; transform: rotateZ(180deg); }
.section .content .fold-btn-unfold:hover span.o, .section .content .fold-btn-unfold:active span.o { display: none; }
.new-sec { background: #eee; padding: 40px 0 20px; }
.new-sec h2 span { background: #eee; }
.product-sec { padding: 60px 0 20px; overflow: hidden; }
.product-sec h2 span { /*background: #eee;*/ }
.section .product { margin: 30px auto 60px; width: 860px; position: relative; }
.section .product li { float: left; display: inline; margin: 0 34px; width: 147px; }
.section .product li a { display: block; text-align: center; position: relative; }
.section .product li a img { }
.section .product li a div.subcate-box { position: absolute; top: -110px; left: 0; z-index: 100; text-align: left; display: none; }
.section .product li a div.subcate-box .subcate-content { margin: 0px 0 0 30px; line-height: 1.2; }
.section .product li a div.subcate-box .subcate-content h4 { margin: 20px 0 0 0; border-right: #ff0000 solid 2px; display: inline-block; padding-right: 5px; }
.section .product li a div.subcate-box .subcate-content h4, .section .product li a div.subcate-box .subcate-content span { font-size: 13px; color: #333; }
.section .product li a div.subcate-box .subcate-content span { text-align: left; width: 120px; display: inline; float: left; }
.section .product li a:hover div.subcate-box { display: block; }
.section .product li span { display: block; text-align: center; margin-top: 10px; font-size: 20px; }
.section .product .slider { width: 860px; height: 230px; overflow-y: auto; overflow-x: hidden; }
.section .product .slider ul { height: 230px; }
.section .product .product-prev, .section .product .product-next { position: absolute; width: 27px; height: 39px; top: 50%; margin-top: -27px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; }
.section .product .product-prev { background-image: url("../images/slide-1.png"); left: -40px; }
.section .product .product-next { background-image: url("../images/slide-2.png"); right: -40px; }
.section .product .ui-switchable-nav { display: none; }
.section .focus { height: 490px; overflow: hidden; }
.section .focus .slider { width: 886px; margin: 30px auto 50px; overflow: hidden; }
.section .focus ul.ui-switchable-content { height: 420px; overflow: hidden; }
.section .focus ul.ui-switchable-content li { width: 886px; height: 420px; overflow: hidden; }
.section .focus ul.ui-switchable-content li a { float: left; position: relative; display: inline; width: 272px; height: 190px; overflow: hidden; margin: 0 23px 23px 0; }
.section .focus ul.ui-switchable-content li a span { position: absolute; bottom: -120px; left: 0; background: rgba(0, 0, 0, .7); width: 232px; color: #fff; /*height: 80px;*/ padding: 15px 20px; transition: all 200ms ease-out; opacity: 0; }
.section .focus ul.ui-switchable-content li a span.text-center { text-align: center; }
.section .focus ul.ui-switchable-content li a.on span, .section .focus ul.ui-switchable-content li a:hover span { bottom: 0px; opacity: 1; }
.section .focus ul.ui-switchable-content li img { float: left; display: inline; width: 268px; height: 186px; border: #dcdcdc solid 2px; }
.section .focus ul.ui-switchable-nav { width: 60px; margin: 20px auto 0; }
.section .focus ul.ui-switchable-nav li { float: left; width: 10px; height: 10px; border-radius: 5px; background: #c7c7c7; text-indent: -9999px; margin: 0 5px; }
.section .focus ul.ui-switchable-nav li.ui-switchable-active { background: #f43a35; }
.section .active { position: relative; height: 270px; }
.section .active ul.ui-switchable-content { height: 190px; overflow: hidden; }
.section .active ul.ui-switchable-content li { width: 816px; height: 190px; overflow: hidden; }
.section .active ul.ui-switchable-nav { display: none; }
.section .active .active-prev, .section .active .active-next { position: absolute; width: 27px; height: 39px; top: 50%; margin-top: -19px; text-indent: -9999px; }
.section .active .active-prev { background: url("../images/slide-1.png"); left: 0; }
.section .active .active-next { background: url("../images/slide-2.png"); right: 0; }
.go-home { margin-bottom: 20px; }
.go-home a { color: #666; background: #edeceb; width: 135px; height: 30px; line-height: 30px; margin: 0 auto; display: block; }
.go-home a i { background: url("../images/b-2.png"); width: 14px; height: 13px; float: left; margin: 8px 4px 0 15px; }
.contact-info { padding: 30px 0 20px; background: url("../images/b-1.png") top repeat-x #cbc8c5; color: #999; }
.contact-info h3 { font-size: 20px; }
.contact-info .address { text-align: right; }
.footer { height: 127px; background: #1b1b1b; }
.footer .friend-link { font-size: 14px; float: left; margin: 23px 0 0 20px; }
.footer .footer-nav { float: right; font-size: 14px; margin: 23px 10px 0 0; }
.footer .footer-nav li { display: inline; margin: 0 10px; }
.footer .footer-nav li a { color: #777; }
.footer .footer-nav li a:hover { color: #f0f0f0; }
.footer .copyright { clear: both; text-align: right; padding: 10px 20px 0 0; }
.fake-select { display: inline-block; position: relative; }
.fake-select div { border: #ccc solid 1px; border-radius: 3px; background: #fff; font-size: 12px; padding: 2px 4px 2px 4px; cursor: default; }
.fake-select div i { float: right; border: #ccc solid 5px; border-bottom: none; border-left-color: transparent; border-right-color: transparent; margin: 6px 0 0 5px; }
.fake-select ul { position: absolute; font-size: 12px; background: #fff; border: #ccc solid 1px; border-radius: 3px; display: none; }
.fake-select ul li { padding: 2px 4px 2px 4px; }
.fake-select ul li:hover { background: #f3f3f3; }
.fake-select ul li a { color: #666; }
.section .product li a div.subcate-box { position: absolute; top: -110px; left: 0; z-index: 100; text-align: left; display: none; }
.section .product li a div.subcate-box .subcate-content { margin: 0px 0 0 30px; line-height: 1.2; }
.section .product li a div.subcate-box .subcate-content h4 { margin: 20px 0 0 0; border-right: #ff0000 solid 2px; display: inline-block; padding-right: 5px; }
.section .product li a div.subcate-box .subcate-content h4, .section .product li a div.subcate-box .subcate-content span { font-size: 13px; color: #333; }
.section .product li a div.subcate-box .subcate-content span { text-align: left; width: 120px; display: inline; float: left; }
.section .product li a:hover div.subcate-box { display: block; }