.crumbs { margin: 97px 0 0 0; transition: margin 300ms; padding: 30px 0; line-height: 24px; background: #efefef; }
.crumbs .box { width: 1000px; text-align: right; color: #706e6e; margin: 0 auto; }
.crumbs a { color: #706e6e; margin: 0 5px; display: inline-block; }
.crumbs a:hover { color: #0054ab; }
.crumbs span { margin: 0 0 0 5px; display: inline-block; }
.fixedBody .crumbs { margin: 60px 0 0 0; }

.main { background: #f8f8f8; overflow: hidden; padding: 40px 0; }
.main .box { width: 1050px; margin: 0 auto; }
.left { width: 230px; overflow: hidden; float: left; border: 5px solid #f2f2f2; position: relative; left: -50px; display: none; }
.left li { width: 100%; height: 38px; line-height: 38px; overflow: hidden; float: left; background: #fff; border-bottom: 2px solid #f2f2f2; }
.left .t1 { background: url(../images/i11.png) no-repeat 10% center; height: 38px; text-align: center; transition: 200ms; }
.left .t1 a { background: url(../images/i9.png) no-repeat 90% center; display: block; color: #666; transition: 200ms; }
.left .t2 { height: 38px; line-height: 38px; border-top: 2px solid #f2f2f2; }
.left .t2 a { display: block; padding: 0 0 0 26%; transition: 200ms background; }
.left .t2 span { color: #a5a4a4; padding: 0 0 0 16px; background: url(../images/i10.png) no-repeat left; transition: 200ms; }
.left .liShow { height: auto; }
.left .liShow .t1 a { background: url(../images/i13.png) no-repeat 90% center; }
.left .liCur .t1, .left li .t1:hover { background: #0079be url(../images/i7.png) no-repeat 10% center; }
.left .liCur .t1 a, .left li .t1:hover a { color: #fff; background: url(../images/i8.png) no-repeat 90% center; }
.left li .cur a, .left li .t2:hover a { background: #0079be; }
.left li .cur span, .left li .t2:hover span { color: #fff; background-image: url(../images/i12.png); }

.right { width: 798px; float: right; overflow: hidden; position: relative; left: 50px; display: none; }
#product ul { width: 824px; overflow: hidden; }
#product li { width: 380px; height: 265px; float: left; border: 3px solid #f2f2f2; overflow: hidden; background: #000; position: relative; margin: 0 26px 20px 0; }
#product li .img { width: 100%; position: absolute; left: 0; top: 0; transition: 300ms; }
#product li .title { width: 100%; height: 62px; line-height: 52px; text-align: center; font-size: 14px; color: #343434; background: #fff; font-family:Arial; position: absolute; left: 0; bottom: -10px; }
#product li:hover .title { color: #0054ab; }
#product .text { text-align: center; background: #fff; padding: 20px; line-height: 24px; color: #343434; font-size: 14px; font-family:Arial; }
#product li:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }

#productList2 ul { width: 828px; overflow: hidden; }
#productList2 li { width: 248px; height: 220px; float: left; border: 1px solid #f2f2f2; overflow: hidden; background: #000; position: relative; margin: 0 26px 20px 0; }
#productList2 li .img { width: 100%; position: absolute; left: 0; top: 0; transition: 300ms; }
#productList2 li .title { width: 100%; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #343434; background: #fff; font-family:Arial; position: absolute; left: 0; bottom: 0; }
#productList2 li:hover .title { color: #0054ab; }
#productList2 li:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }

#productDetail .top { padding: 20px; overflow: hidden; background: #fff; border: 5px solid #f2f2f2; }
#productDetail .top .img { width: 42%; overflow: hidden; float: left; }
#productDetail .top .img img {  width:100%;}
#productDetail .top .text { width: 44%; color: #9b9b9b; line-height: 40px; float: right; }
#productDetail .top .p1 { text-align: left; padding: 0 0 6px 0; font-size: 20px; color: #333; font-family: Arial; }
#productDetail .top p { text-align: right; border-bottom: 1px solid #f2f2f2; }
#productDetail .top span { float: left; }
#productDetail table { width: 100%; margin: 25px 0 0 0; }
#productDetail td { width: 14%; padding: 0 5px; background: #e2e2e2; color: #5b5b5b; text-align: center; line-height: 26px; border-right: 3px solid #f8f8f8; border-bottom: 3px solid #f8f8f8; }
#productDetail .title td { background: #007abd; color: #fff; }
#productDetail .trSize7 td { width: 12%; }
#productDetail .trSize8 td { width: 12%; }
#productDetail .trSize9 td { width: 10%; }
#productDetail .trSize10 td { width: 10%; }

#news ul { width: 816px; overflow: hidden; }
#news li { width: 392px; height: 288px; margin: 0 10px 15px 0; overflow: hidden; background: #000; position: relative; float: left; border: 1px solid #f2f2f2; }
#news li .img { width: 100%; position: absolute; left: 0; top: 0; transition: 300ms; }
#news li .img img { width: 100%; }
#news li .text { width: 100%; line-height: 24px; color: #b3b3b3; height: 120px; background: #fff; position: absolute; left: 0; bottom: -65px; }
#news li p { margin: 0 20px; }
#news li .p1 { margin: 15px 20px 15px 20px; font-weight: bold; color: #424242; }
#news li .t { height: 48px; overflow: hidden; }
#news li:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }

.page { text-align: center; padding: 25px 0; overflow: hidden; }
.page a, .page span { height: 24px; line-height: 24px; margin: 0 2px; background: #fff; color: #717171; padding: 0 10px; display: inline-block; border: 1px solid #e2e2e2; border-radius: 3px; transition: 150ms; }
.page .prv { width: 36px; padding: 0; margin: 0 10px 0 0; background: #fff url(../images/btn3.png) no-repeat center; }
.page .next { width: 36px; padding: 0; margin: 0 0 0 10px; background: #fff url(../images/btn4.png) no-repeat center; }
.page a:hover, .page span { background-color: #007cbf; color: #fff!important; border-color: #006da3; }
.page .prv:hover { background-image: url(../images/btn5.png); }
.page .next:hover { background-image: url(../images/btn6.png); }

#newsDetail { background: #fff; }
#newsDetail .title { margin: 0 30px; padding: 45px 0 40px 0; text-align: center; background: url(../images/dot2.jpg) repeat-x bottom; }
#newsDetail .title .p1 { font-size: 24px; color: #5b5b5b; }
#newsDetail .title .p2 { margin: 15px 0 0 0; color: #919191; }
#newsDetail .title .p2 a { color: #0079be; margin: 0 5px; }
#newsDetail .title .p2 a:hover { text-decoration: underline; }
#newsDetail .title .p2 span { margin: 0 5px; }
#newsDetail .text { margin: 0 35px; padding: 40px 0 40px 0; color: #919191; line-height: 30px; background: url(../images/dot2.jpg) repeat-x bottom; }
#newsDetail .pageChange { padding: 30px; line-height: 32px; }
#newsDetail .pageChange a { color: #919191; }
#newsDetail .pageChange a:hover { color: #0079be; text-decoration: underline; }

#exhibition ul { }
#exhibition li { padding: 20px 0; margin: 0 0 20px 0; font-size: 14px; overflow: hidden; line-height: 26px; color: #5a5d52; background: #fff; border: 1px solid #ececec; font-family:Arial; }
#exhibition li .img { width: 114px; float: left; margin: 0 90px 0 75px; }
#exhibition li .time { width: 180px; float: left; }
#exhibition li .title { width: 300px; float: left; }

#honor ul { width: 824px; overflow: hidden; }
#honor li { width: 388px; height: 265px; float: left; border: 3px solid #f2f2f2; overflow: hidden; background: #000; position: relative; margin: 0 18px 20px 0; }
#honor li .img { width: 100%; position: absolute; left: 0; top: 0; transition: 300ms; }
#honor li .title { width: 100%; height: 62px; line-height: 52px; text-align: center; font-size: 14px; color: #343434; background: #fff; font-family:Arial; position: absolute; left: 0; bottom: -10px; transition: 200ms; }
#honor li:hover .title { color: #fff; background: #0079be; }
#honor li:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.8; filter: alpha(opacity=80); }

#about .text { line-height: 48px; color: #6e6e6e; }
#about .text img { width: 100%; }

#contact .text { margin: 0 0 40px 0; overflow: hidden; color: #383838; font-family:Arial; }
#contact .text .l { line-height: 36px; float: left; }
#contact .text .r { line-height: 24px; float: right; margin: 40px 0 0 0; }
#contact .map { height: 450px; }

#rfq .msg { padding: 20px 30px 30px 30px; background: #fff; }
#rfq .top { height: 85px; background: url(../images/dot1.jpg) repeat-x bottom; }
#rfq .top img { float: left; }
#rfq .top .t { height: 50px; line-height: 50px; padding: 0 0 0 35px; margin: 10px 0 0 34px; float: left; border-left: 1px solid #ebebeb; }
#rfq .t1 { width: 100%; margin: 18px 0 0 0; overflow: hidden; }
#rfq .t2 { padding: 0 2px 0 0; margin: 18px 0 0 0; overflow: hidden; }
#rfq .t3 { padding: 30px 0 0 0; margin: 20px 0 0 0; text-align: center; background: url(../images/dot1.jpg) repeat-x top; }
#rfq .input { width: 43%; padding: 9px 0 9px 5%; color: #383838; float: left; border: 1px solid #d8d8d8; }
#rfq .input-ref { background: url(../images/i15.png) no-repeat 10px center; }
#rfq .input-email { float: right; background: url(../images/i16.png) no-repeat 10px center; }
#rfq .input-name { background: url(../images/i18.png) no-repeat 10px center; }
#rfq .input-company { float: right; background: url(../images/i19.png) no-repeat 10px center; float: right; }
#rfq .input-tel { background: url(../images/i20.png) no-repeat 10px center; }
#rfq .input-fax { float: right; background: url(../images/i21.png) no-repeat 10px center; float: right; }
#rfq .input-add { width: 100%; background: url(../images/i22.png) no-repeat 10px center; }
#rfq .input-city { background: url(../images/i23.png) no-repeat 10px center; }
#rfq .input-SP { float: right; background: url(../images/i24.png) no-repeat 10px center; float: right; }
#rfq .input-country { background: url(../images/i25.png) no-repeat 10px center; }
#rfq .input-PCode { float: right; background: url(../images/i26.png) no-repeat 10px center; float: right; }
#rfq textarea { width: 100%; height: 160px; float: left; padding: 5px 0; line-height: 24px; color: #383838; border: 1px solid #d8d8d8; text-indent: 40px; background: url(../images/i17.png) no-repeat 10px 8px; }
#rfq .btn { width: 140px; height: 38px; font-size: 14px; color: #fff; background: #acacac; border: none; margin: 0 12px; cursor: pointer; }
#rfq .btn:hover { background: #0079bd; }

@media screen and (max-width:1050px) {
    .crumbs { margin: 60px 0 0 0; }
    .crumbs .box { width: auto; margin: 0 0 0 20px; text-align: left; }
    .main .box { width: auto; margin: 0 20px; }
    .left { }
    .right { width: auto; float: none; margin: 0 0 0 250px; }
    #product ul { width: auto; }
    #product li { margin-right: 20px; }

    #honor ul { width: auto; }
    #honor li { margin-right: 20px; }

    #productList2 ul { width: auto; }
    #productList2 li { margin-right: 20px; }

    #about .text { line-height: 36px; }
    #rfq .input { width: 41%; padding: 9px 0 9px 7%; }
    #rfq .top { height: auto; padding: 0 0 50px 0; }
    #rfq .top img { margin: 0 10px 0 0; }
    #rfq .top .t { padding: 10px 0 0 0; height: auto; line-height: 24px; float: none; border: none; margin: 0; }

    #exhibition li .img { margin: 0 5%; }
    #exhibition li .time { width: 30%; }
    #exhibition li .title { width: 40%; }
}

@media screen and (max-width:860px) {
    #exhibition li { width: auto; padding: 30px 40px; }
    #exhibition li .img { margin: 0; float: none; }
    #exhibition li .time { width: auto; margin: 20px 0; float: none; }
    #exhibition li .title { width: auto; float: none; }
}


@media screen and (max-width:740px) {
    #productDetail .top .img { width: 100%; margin: 0 0 20px 0; }
    #productDetail .top .img img { width: 100%; }
    #productDetail .top .text { width: 100%; }

    #contact .text .l { float: none; }
    #contact .text .r { float: none; }
    #rfq .input { width: 40%; padding: 9px 0 9px 10%; }
    #rfq .top { height: auto; padding: 0 0 30px 0; }
    #rfq .top .t { padding: 0; }
    #rfq .t1 { width: auto; margin: 0; padding: 0 2px 0 0; }
    #rfq .t2 { margin: 0; }
    #rfq textarea { margin: 18px 0 0 0; }
    #rfq .input { width: 90%; padding: 9px 0 9px 10%; margin: 18px 0 0 0; float: none !important; }
}


@media screen and (max-width:640px) {
    .main { padding: 20px 0; }
    .crumbs { padding: 20px 0; }
    .left { width: auto; float: none; margin: 0 0 20px 0; }
    .left .t2 a { padding: 0 0 0 42%; }
    .right { width: auto; margin: 0; }
    #product li { width: auto; margin-right: 0; float: none; }
    #honor li { width: auto; margin-right: 0; float: none; }
    #contact .map { height: 300px; }
    #rfq .btn { width: 100px; margin: 0 5px; }
}

@media screen and (max-width:420px) {
    .left .t2 a { padding: 0 0 0 34%; }
    #productList2 li { width: auto; margin-right: 0; float: none; }
    #rfq .input { width: 86%; padding: 9px 0 9px 14%; }
}

#search .box { width: auto; margin: 0 20px; }
#search li .more { display: none; }
#search { padding: 98px 0 120px 0; background: #f8f8f8; }
#search .box { width: 1000px; margin: 0 auto; }
#search .top { overflow: hidden; padding: 30px 0 15px 0; line-height: 22px; background: #efefef; font-family:Arial; }
#search .top .s1 { font-size: 22px; color: #000; float: left; }
#search .top .s2 { color: #767676; float: right; }
#search .top .s2 span { color: #6698cc; }
#search .content { padding: 50px 0 0 0; }
#search li { transition: 300ms; border-bottom: 1px solid #dfdfdf; line-height: 24px; }
#search li a { color: #6f6f6f; padding: 25px 5px; display: block; }
#search li .more { transition: 300ms; width: 110px; height: 24px; line-height: 24px; text-align: center; display: inline-block; background: #efefef; color: #b2b2b2; float: right; }
#search li .red { color: #e60012; }
#search li:hover { background: #fff; }
#search li:hover .more { color: #fff; background: #e60012; }