@charset "utf-8";
.header{width: 100%;height: 90px;background: #343a55;text-align: center;}
.header-in{width: 1024px;height: 90px;text-align: left;margin:  0 auto;}
.header-in .logo{display: block;height: 90px;width: 270px;float: left}
.header-in ul{float: left;margin-left: 30px;}
.header-in ul li{list-style: none;float: left}
.header-in ul li a{display: block;color: #fff;font-size: 12px;color: #fff;text-align: center;font-size: 14px;height: 90px;line-height: 90px;width: 120px;}
.header-in ul li a:hover{background: #f45657;}
.header-in ul .hover a{background: #f45657;}
/* banner */
.banner{position:relative;overflow:hidden; width: 100%;height: 500px;}
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:500px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height: 500px;  }
.banner .text{width: 523px;height: 92px;position: absolute;top: 172px;left: 50%;margin-left: -512px;text-align: right;}
.banner .text strong{font-size: 24px;color: #343a55;line-height: 140%;}
.banner .text span{font-family: 'Times New Roman';font-size: 48px;color: #f45657;line-height: 140%;}
.i-product{width: 100%;height: 65px;background: #e3e2e2;position: relative;}
.i-product-in{width: 1024px;height: 180px;position: absolute;bottom: 20px;left: 50%;margin-left: -512px;display: table-cell;vertical-align: bottom;}
.i-product-in ul{width: 824px;height: 90px;background: #343a55;position: absolute;bottom: 0;left: 0;padding-left: 20px;}
.i-product-in ul li{float: left;margin-top: 25px;list-style: none;}
.i-product-in ul li a{font-size: 14px;color: #abaebd;white-space: nowrap;text-align: center;display: block;width: 128px;height: 38px;border: 1px solid #6a7086;line-height: 38px;margin: 0 10px;}
.i-product-in ul li a:hover{color: #d9d9d9;border: 1px solid #e83a3a;}
.i-product-in ul .ico{background: #ef4c4d;color: #fff;float: right;height: 40px;width: 40px;font-size: 24px;text-align: center;line-height: 40px;}
.i-p-right{width: 180px;height: 180px;position: absolute;right: 0;bottom: 0;}
.i-p-right .tell{width: 140px;height: 50px;display: block;background: #ef4c4d;padding: 20px;font-size: 16px;color: #fdfdfd;line-height: 140%;}
.i-p-right .tell span{font-size: 20px;color: #fdfdfd;}
.i-p-right .but{width: 180px;height: 65px;background: #313030;padding-top: 25px;}
.i-p-right .but a{color: #d9d9d6;display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;font-size: 13px;background: #343a55;}
.i-p-right .but a:hover,.i-about .more a:hover{background: #ef4c4d;color: #fff;border: none;}
.p-show-in .img .t a:hover{background: #ef4c4d;color: #fff;border: 1px solid #ef4c4d;}
.i-about-civilization{width: 1024px;height: 399px;margin: 40px auto 0;}
.i-about{width: 594px;height: 399px;float: left;position: relative;}
.i-about .more{position: absolute;width: 180px;height: 40px;left: 260px;top: 340px;}
.i-about .more span{display: block;width: 40px;height: 40px;background: #ef4c4d;font-size: 24px;text-align: center;line-height: 40px;color: #fff;float: left;}
.i-about .more a{display: block;width: 140px;height: 40px;background: #343a55;font-size: 13px;text-align: center;line-height: 40px;color: #d9d9d6;float: left;}
.i-about img{float: left;}
.i-about-t{width: 294px;height: 100px;background: url('../img/jjbj_oxok.jpg') no-repeat center;float: right;}
.i-about-t .t{border: 1px solid #f98283;width: 172px;height: 44px;margin: 27px auto 0;}
.i-about-t .t .c{font-size: 16px;line-height: 104%;color: #fff;display: block;text-align: center;margin-top: 2px;}
.i-about-t .t .e{font-family: 'Times New Roman';font-size: 18px;line-height: 140%;color: #fff;display: block;text-align: center;}
.i-about .text{padding: 20px;height: 259px;width: 254px;float: right;background: #ededed;text-indent: 2em;line-height: 230%;color: #787878;font-size: 12px;}
.i-civilization{width: 430px;height: 399px;float: right;}
.i-civilization .text{word-wrap: break-word;padding: 46px 20px;height: 108px;width: 300px;background: #343a55;line-height: 200%;font-size: 12px;color: #ededed;float: left;}
.i-civilization .t{width: 90px;height: 200px;background: #ededed;float: right;position: relative;}
.i-civilization .t span a{word-wrap: break-word;padding: 15px;border: 1px solid #d5d4d4;height: 86px;width: 16px;display: block;position: absolute;top: 50%;margin-top: -59px;left: 50%;margin-left: -24px;}
.i-civilization .t span a:hover{background: #ef4c4d;color: #fff;}
.p-show{width: 100%;height: 398px;background: #ededed;margin-top: 40px;}
.p-show-in{width: 1024px;margin: 0 auto;height: 398px;}
.p-show-in .img{float: right;width: 409px;height: 398px;background: url('../img/cpj_nic9.jpg') no-repeat center;position: relative;}
.p-show-in .img .t{width: 120px;position: absolute;right: 15px;top: 25px;}
.p-show-in .img .t .c{font-size: 16px;line-height: 22px;color: #fff;line-height: 140%;display: block;text-align: right;}
.p-show-in .img .t .e{font-family: 'Times New Roman';font-size: 18px;color: #fff;line-height: 140%;display: block;text-align: right;} 
.p-show-in .img .t a{margin-top: 10px;width: 118px;height: 30px;line-height: 30px;color: #aeaebd;display: block;border: 1px solid #68686c;font-size: 12px;text-align: center;}
/*无缝滚动*/
.friendLink{width: 615px;float: left;height:316px;overflow:hidden; clear:both;margin-top: 41px;}
.friendLink ul{ overflow:hidden; zoom:1; }
.friendLink ul li{ width:284px; float:left; margin:0 10px;display:inline;text-align: center;}
.friendLink ul li a{display: block;}
.friendLink ul li img{ width:284px; height:284px;   }
.i-news{width: 1024px;margin: 40px auto 68px;height: 300px;}
.i-news .img{width: 300px;height: 300px;float: left;background: url('../img/xwbj_pid1.jpg') no-repeat center;}
.TB-focus{ width:228px; height:222px;position:relative;overflow:hidden;margin:39px auto 0; }
.TB-focus .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
.TB-focus .hd li { list-style: none;color:#f60; cursor:pointer; margin-left:5px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); }
.TB-focus .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.TB-focus .bd li img{width: 228px;height: 222px;}
.i-news .i-new{width: 680px;height: 300px;float: right;}
.i-new .title{height: 44px; border-bottom: 2px solid #ededed;padding-bottom: 4px;}
.i-new .title p{display: block;height: 44px;width: 130px;float: left;}
.i-new .title p .c{font-size: 16px;color: #313030;display: block;line-height: 140%;}
.i-new .title p .e{display: block;line-height: 140%;font-family: 'Times New Roman';font-size: 16px;color: #ef4c4d;}
.i-new .title a{float: right;display: block;width: 116px;height: 32px;line-height: 32px;text-align: center;color: #787878;border: 1px solid #b1b0b0;font-size: 12px;}
.i-new .title a:hover{color: #ff5700;border: 1px solid #ff5700;}
.i-new ul{margin-top: 20px;}
.i-new ul li{list-style: none;border-bottom: 1px dashed #c6c6c6;height: 28px;line-height: 28px;margin: 0 0 8px 3px;}
.i-new ul li .type{display: block;font-size: 14px;color: #ef4c4d;margin-right: 5px;float: left;}
.i-new ul li a{display: block;float: left;color: #787878;font-size: 14px;}
.i-new ul li .type:hover,.i-new ul li a:hover{color: #0064d4;}
.i-new ul li .d{display: block;font-size: 12px;color: #acacac;float: right;}
.footer{clear: both;width: 100%;height: 150px;background:url('../img/footer_bg.jpg') repeat-x top #353956;margin-top: 20px;}
.footer-in{width: 1024px;margin: 0 auto;height: 150px;}
.footer-in .f-left{width: 753px;height: 66px;float: left;margin-top: 24px;}
.footer-in .f-left p,.footer-in .f-left p a{line-height: 190%;font-size: 12px;color: #8088ab;}
.footer-in .f-left p a:hover{text-decoration: underline;}
.footer-in .f-r-but{width: 90px;height: 108px;float: right;margin-top: 14px;}
.footer-in .f-r-but a{display: block;width: 88px;height: 52px;border: 1px solid #4d5470;line-height: 52px;text-align: center;color: #8088ab;font-size: 12px;}
.footer-in .f-r-but a:hover{border: 1px solid #ef4c4d;color: #fff;}
.nav{width: 100%;height: 44px;background: #313030;text-align: center;margin-bottom: 30px;}
.nav-in{width: 1024px;height: 44px;margin: 0 auto;text-align: left;}
.nav-in p{display: block;float: left;color: #aeaebd;font-size: 14px;line-height: 44px;}
.nav-in p a{color: #aeaebd;font-size: 14px;line-height: 44px;}
.nav-in p a:hover{text-decoration: underline;}
.nav-in span{display: block;float: right;color: #aeaebd;line-height: 44px;font-size: 16px;}
.content{width: 1024px;margin: 0 auto;min-height: 670px;}
.content .left_nav{width: 214px;float: left;}
.content .left_nav .t{word-wrap: break-word;padding: 8px;height: 47px;background: #343a55;margin-bottom: 1px;}
.content .left_nav .t .c{font-size: 16px;line-height: 140%;color: #d9d9d9;display: block;text-indent: 1.2em;}
.content .left_nav .t .e{color: #d9d9d9;display: block;font-family: 'Times New Roman';font-size: 16px;line-height: 140%;text-transform: uppercase;text-indent: 1.2em;}
.content .left_nav .n{background: #343a55;padding-bottom: 24px;}
.content .left_nav .n li{padding: 0 12px;}
.content .left_nav .n .on{background: #ef4c4d;}
.content .left_nav .n li a{color: #8c91a5;text-align: left;font-size: 14px;display: block;line-height: 44px;text-indent: 15px;border-bottom: 1px solid #aaa;}
.content .left_nav .n .on a{color: #eee;}
.content .left_nav .n li:hover{background: #ef4c4d;}
.content .left_nav .n li a:hover{color: #eee;}
.content .right-content{width: 777px;min-height: 450px;float: right;}
.content .right-content p{font-size: 14px;line-height: 200%;color: #5e5e5e;text-indent: 2em;}
.c-friendLink{ height:180px;overflow:hidden; clear:both;margin-top: 30px;text-align: center;}
.c-friendLink ul{ overflow:hidden; zoom:1; }
.c-friendLink ul li{width: 240px; float:left; display:inline;margin: 0 13px;}
.c-friendLink ul li a{display: block;text-align: center;line-height: 30px;font-size: 15px;}
.c-friendLink ul li img{ width:240px; height:150px;}
.nva-focus{position:relative;overflow:hidden;height: 153px;width: 214px;margin-top: 20px;}
.nva-focus .hd { position:absolute; right:9px; bottom:10px; z-index:1; padding-left:2px; }
.nva-focus .hd li { list-style: none;color:#f60; cursor:pointer; margin-left:5px; width:18px; height:18px; background:#fff; float:left; font-size:13px; line-height:18px; overflow:visible; text-align:center; opacity:.7; filter:alpha(opacity=70); }
.nva-focus .hd li.on { background:#f60; color:#fff; font-weight:bold; opacity:1; filter:alpha(opacity=100); z-index:2; position:relative; }
.nva-focus .bd li{text-align: center;}
.nva-focus .bd li img{max-width: 214px;height: 160px;width: 214px;}
.page{text-align: center;}
.page a{border: 1px solid #000;padding: 0 4px;margin: 2px;color: #000;font-size: 12px;text-align: center;}
.page span,.page a:hover{border: 1px solid #000;padding: 0 4px;font-weight: bold;margin: 2px;color: #FFF;background-color: #000;font-size: 12px;}
.right-content .news-title{padding: 3px 0;line-height: 1.7em;color: #343a55;font-size: 16px;font-weight: bold;width: 100%;overflow: hidden;text-align: center;}
.right-content .news-info{padding: 3px 0;line-height: 1.7em;text-align: center;font-size: 12px;color: #5A5A5A;}
.right-content .news-de{font-size: 12px;color: #868686;background: #F5F5F5;border: #E5E5E5 1px solid;padding: 5px 10px;line-height: 1.7em;margin-bottom: 10px;text-indent: 24px;}
.right-content .text span,.right-content .text p{line-height: 1.7em;font-size: 12px;color: #5A5A5A;text-indent: 2em;}
.artview_prev_next{margin-top: 30px;}
.artview_prev_next div,.artview_prev_next div a{font-size: 12px;color: #595959;line-height: 25px;}
.artview_prev_next div a:hover{text-decoration: underline;}
.right-content .i-new ul{margin: 0;}
.right-content .product{float: right;width: 754px;}
.right-content .product ul li{text-align: center;width: 210px;margin-right: 9px;float: left;padding: 15px;border: 1px solid #CCC;margin-bottom: 10px;}
.right-content .product ul li:hover{border: 1px solid #ef4c4d;}
.right-content .product ul li .link{display: table-cell;height: 157px;width: 210px;vertical-align: middle;}
.right-content .product ul li img{max-height:210px;max-width: 210px;}
.right-content .product ul li .t{text-indent: 0;font-size: 14px;color: #787878;line-height: 140%;text-align: left;padding: 0 3px 0 6px;}
.product .market-price{line-height: 140%;color: #acacac;font-size: 12px;font-family: '宋体';text-align: left;padding: 0 3px 0 6px;}
.product .market-price span{text-decoration: line-through;color: #666;}
.product .price{font-size: 14px;color: #5e5e5e;line-height: 140%;text-align: left;padding: 0 3px 0 6px;}
.product .price span{font-size: 14px;font-weight: bold;line-height: 140%;color: #ff3c00;}
/*产品详细页面放大镜*/
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.right-content .product .main_img{width: 340px;height: 340px;}
.right-content .product .MagicThumb{display: block;float: left;}
.right-content .product .info{width: 385px;float: right;}
.right-content .product .info h2{color: #343a55;border-bottom: 1px solid #e2e2e2;font-size: 20px;line-height: 33px;margin-bottom: 10px;}
.show-market-price{ font-size: 14px;color: #454545;margin-bottom: 10px}
.show-market-price span{color: #898989;text-decoration: line-through;}
.show-price{margin-bottom: 10px;font-size: 14px;}
.show-price span{font-size: 20px;font-weight: bold;color: #ef4c4d;}
.right-content .product .detailed .de{background-color: #f5f5f5;border: 1px solid #e5e5e5;color: #868686;line-height: 1.7em;margin-bottom: 10px;padding: 5px;margin-top: 30px;font-size: 12px;}
.wp-products-detail-desc{font-size: 14px;line-height: 20px;clear: #5a5a5a;}
.right-content .product .introduction{margin-top: 20px;}
.right-content .product .introduction .t{line-height: 16px;font-size: 14px;color: #5a5a5a;}
.customer{width: 695px;float: left;min-height: 450px;margin-left: 35px;}
.customer .i{line-height: 28px;font-size: 14px;color: #5e5e5e;margin-bottom: 40px;}
.customer p{width: 600px;height: 34px;line-height: 34px;font-size: 12px;color: #777;text-align: left;word-spacing: 0px;padding: 0px;margin-top: 8px;margin-left: 0px;}
.customer .w{width:600px;height:24px;line-height:24px;background:#eee;font-size:12px;color:#777;text-align:left;word-spacing:0px;padding:4px;border:1px #aaa dashed; margin-top:0px; margin-left:0px;}
.customer textarea{width:600px;height:122px;line-height:24px;background:#eee;font-size:12px;color:#777;text-align:left;word-spacing:0px;padding:4px;border:1px #aaa dashed;margin-top:0px; margin-left:0px;}
.customer .but{cursor: pointer;width: 300px;height: 28px;line-height: 28px;background-color: #dd3939;font-size: 12px;color: #FFF;text-align: center;word-spacing: 0px;padding: 0px;border: 1px #b21818 dashed;margin-top: 20px;margin-left: 0px;}


.contact{width: 775px;float: left;min-height: 450px;margin-left: 35px;}
.contact p{font-size: 14px;line-height: 30px;}
.contact iframe{border: none;}

.pf_qq{ position: fixed; right:30px; width:110px; height:130px; top:50%; margin-top:-65px;}
.pf_qq ul{ width:108px; height:65px; background-color:dff7ff; border-left:1px solid #41b6e4; border-right:1px solid #41b6e4;}
.pf_qq ul li{ position:relative; height:32px; line-height:32px; font-size:14px;}
.pf_qq ul li a{ display:block; padding-left:40px; color:#000000;}
.pf_qq ul li img{ position:absolute; top:6px; left:10px;}