.crumbs{margin:97px 0 0 0; padding:30px 0; line-height:24px; background:#efefef; transition:margin 300ms;}
.crumbs .box{width:1000px; margin:0 auto; text-align:right; color:#706e6e;}
.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:#fff; overflow:hidden; padding:40px 0;}
.main .box{width:1000px; margin:0 auto;}
.left{width:158px; 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: url(../images/i7.png) no-repeat 10% center #0079be;}
.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; position:relative; left:50px; display:none; float:right; overflow:hidden;}
#product ul{width:824px; overflow:hidden; }
#product li{width:380px; height:265px; margin:0 26px 20px 0; float:left; border:3px solid #f2f2f2; position:relative; background:#000; overflow:hidden;}
#product li .img{width:100%; position:absolute; left:0; top:0; transition:300ms;}
#product li .title{width:100%; height:62px; position:absolute; left:0; bottom:-10px; font:14px/52px "宋体"; color:#343434; text-align:center; background:#fff;}
#product li:hover .title{color:#0054ab;}
#product .text{padding:20px; font:14px/24px "宋体"; color:#343434; text-align:center; background:#fff;}
#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:290px; margin:0 26px 20px 0; position:relative; border:1px solid #f2f2f2; background:#000; float:left; overflow:hidden;}
#productList2 li .img{width:100%; position:absolute; left:0; top:0; transition:300ms; }
#productList2 li .title{width:100%; height:42px; position:absolute; left:0; bottom: 0; font:14px/42px "宋体"; text-align:center; color:#343434; background:#fff;}
#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; border:5px solid #f2f2f2; background:#fff; overflow:hidden;}
#productDetail .top .img{width:42%; overflow:hidden; float:left;}
#productDetail .top .img img{width:100%;}
#productDetail .top .text{width:55%; color:#9b9b9b; line-height:40px; float:right; }
#productDetail .top .p1{padding:0 0 8px 0; font-family:"宋体"; font-size:20px; color:#333; text-align:left;}

#productDetail .top p {
    width: 350px;
    height: 35px;
    line-height: 35px;
    padding-left: 3px;
    margin-bottom: 10px;
    border-bottom: #dedede 1px dotted;
    letter-spacing: 0.05em;
    overflow: hidden;
    color: #3a3a3a;
   border-bottom:1px solid #f2f2f2; 
}
#productDetail .top span{
     float:left; 
     font-weight: bold;
    color: #000;
    letter-spacing: 0;
    display: block;
}
#productDetail .top p a{
 color:#333;
}
#productDetail .top p a:hover{
 color:#0062a6;
}
#productDetail .top p a.prodo01 {
    padding-left: 22px;
    margin-right: 20px;
    background: url(../images/pro_arr1.gif) no-repeat 3px center;
    display: block;
}
#productDetail .top p a.prodo02 {
    padding-left: 19px;
    margin-right: 20px;
    background: url(../images/pro_arr2.gif) no-repeat left center;
    display: block;
}
#productDetail .top p a.prodo03 {
    padding-left: 22px;
    margin-right: 20px;
    background: url(../images/pro_arr3.gif) no-repeat 3px center;
    display: block;
}
.fl{
  float:left;
}
.jiathis_style {
    padding: 12px 0;
    border-bottom: 1px solid #f2f2f2;
}
.clearfix:after {
    clear: both;
    display: block;
    content: "";
    height: 0;
}


#productDetail table{width:100%; margin:25px 0 0 0; }
#productDetail td{width:14%; padding:0 5px; color:#5b5b5b; text-align:center; line-height:26px; border-right:3px solid #f8f8f8; border-bottom:3px solid #f8f8f8; background:#e2e2e2;}
#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; position:relative; float:left; border:1px solid #f2f2f2; background:#000; overflow:hidden;}
#news li .img{width:100%; position:absolute; left:0; top:0; transition:300ms;}
#news li .img img{width:100%;}
#news li .text{width:100%; height:120px; position:absolute; left:0; bottom:-65px; line-height:24px; color:#b3b3b3; background:#fff;}
#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{display:inline-block; height:24px; padding:0 10px; margin:0 2px; line-height:24px; color:#717171; background:#fff; border:1px solid #e2e2e2; border-radius:3px; transition:150ms;}
.page .prv{width:36px; padding:0; margin:0 10px 0 0; background:url(../images/btn3.png) no-repeat center #fff;}
.page .next{width:36px; padding:0; margin:0 0 0 10px; background:url(../images/btn4.png) no-repeat center #fff;}
.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{margin:0 5px; color:#0079be;}
#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{margin:0 0 10px 0; font:14px/26px "宋体"; color:#5a5d52; border:1px solid #ececec; background:#fff; overflow:hidden;}
#exhibition li a{padding:8px 10px; display:block; overflow:hidden; color:#333;}
#exhibition li a:hover{background-color:#0079be; color:#fff;}
#exhibition li .img{width:114px; float:left; margin:0 90px 0 75px;}
#exhibition li .time{width:auto; float:right; font-size:12px; color:#999;}
#exhibition li .title{width:300px; float:left;}

#honor ul{width:824px; overflow:hidden; }
#honor li{width:388px; height:265px; margin:0 18px 20px 0; position:relative; border:3px solid #f2f2f2; background:#000; float:left; overflow:hidden;}
#honor li .img{width:100%; position:absolute; left:0; top:0; transition: 300ms; }
#honor li .title{width:100%; height:62px; position:absolute; left:0; bottom:-10px; font:14px/52px "宋体"; color:#343434; text-align:center; background:#fff; 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; font-family:"宋体"; color:#383838; overflow:hidden;}
#contact .text .l{line-height:36px; float:left;}
#contact .text .r{margin:40px 0 0 0; line-height:24px; float:right;}
#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; padding:0 0 0 35px; margin:10px 0 0 34px; line-height:50px; 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{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{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; text-indent:40px; border:1px solid #d8d8d8; background:url(../images/i17.png) no-repeat 10px 8px;}
#rfq .btn{width:140px; height:38px; margin:0 12px; font-size:14px; color:#fff; background:#acacac; border:none; 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 200px;}
    #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:8px 10px;}
    #exhibition li .img{margin:0; float:none;}
    #exhibition li .time{width:auto; margin:10px 0; float:none;}
    #exhibition li .title{width:auto; float:none;}
	.bottom{display: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;}
	.bottom{display:none;}
}

@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:"宋体";}
#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;}


#productDetail img{max-width: 100%;}