@charset "utf-8";
/*清零*/
html,body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, figure, form, fieldset, legend, button, input, textarea, select th, td{padding: 0; margin: 0; }
body {font: 14px/2 '微软雅黑',Arial,"Microsoft YaHei","宋体",sans-serif;color: #333; }
img,input{border:none; border:1px solid none; }
ul, ol {list-style-type: none; }
a {text-decoration: none; color: #333; }
a:hover {color: #e4393c; }

/*公共样式*/
.clear{clear:both; }
.wrap{width:1000px; margin:0 auto;min-width: 1000px; }
table{border-collapse: collapse;word-break: break-all;}

/*header*/
.header .logo{float: left;margin-top: 15px;}
.header .qrcode{float:left;margin-left: 60px;margin-top: 12px;}
.header .qrcode img{width:58px;}
.header .hd-right{float: right;margin-top: 17px;}
.header .hd-right .lang{text-align: right;background: url(../images/icon_line.png) right bottom no-repeat;line-height: 1;padding-bottom: 6px;color:#999;font-size: 12px;}
.header .hd-right .lang a{display: inline-block;margin:0 5px;color:#999;}
.header .hd-right .tel{background: url(../images/icon_tel.png) left center no-repeat;padding-left: 30px;font-size: 16px;line-height: 2;}

/*nav*/
.nav{width:100%;background: #f05353;}
.nav .wrap{background: #f05353;}
.nav li{position:relative; z-index: 2; float: left;width:125px;}
.nav li a{color:#fff;width:125px;text-align: center;font-size: 16px;display: block;}
.nav li a.ti{height: 50px;line-height: 50px;float: left;}
.nav li a.ti:hover,.nav li a.ti.on{border-bottom: 5px solid #ffb220;height: 48px;}
.nav li .slide{position:absolute;left:0;top:48px;background: #ffb220;display: none;}
.nav li .slide:after{position:absolute;left:50%;top:-14px;margin-left:-7px;content:"";border:7px solid transparent;border-bottom:7px solid #ffb220;}
.nav li .slide a.sub{height:35px;line-height: 35px;border-bottom: 1px solid #ffd88f; font-size: 14px;}
.nav li .slide a.sub:hover{background: #f05353;}

/*banner*/
.banner img{width:100%;display: block;}

.slideBox{ width:100%; overflow:hidden; position:relative; font-size: 0;} 
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }

.slideBox .hd{ height:4px; overflow:hidden; position:absolute;left:50%; bottom:10px;margin-left: -31.5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin:0 5px;  width:32px; height:4px; text-align:center; background:#cccccc; cursor:pointer;  }
.slideBox .hd ul li.on{ background:#ffb220; color:#fff;}  

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:55px; height:55px; background:url(../images/arrow.png) 0px 0px no-repeat; filter:alpha(opacity=30);opacity:0.3;   }
.slideBox .next{ left:auto; right:3%; background-position:right 0; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=60);opacity:0.6;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

/*footer*/
.footer{background: #eee;font-size: 12px;color:#999;}
.footer .wrap{background: #eee;padding:23px 0;}
.footer p{width:750px;display:inline-block;}
.footer a{color:#999;}
.footer .ft-right{float: right;}
.footer .ft-right a{padding:0 5px;}

/*****************首页****************/
/*index-title*/
.index-title{border-bottom: 1px solid #f05353;margin:30px 0 0px;}
.index-about .index-title{margin-bottom: 20px;}
.index-pro .index-title{margin-bottom: 18px;}
.index-news .index-title{margin-bottom: 15px;}
.index-title h2{color:#f05353;padding:0 6px;display: inline-block;border-bottom: 3px solid #f05353;font-size: 16px;line-height: 28px;height: 28px;font-weight: 400;margin-bottom: -2px;}
.index-title span{color:#999;font-size: 10px;float: right;text-transform: uppercase;height: 26px;line-height: 26px;}
/*公司简介*/
.index-about{width:305px;float: left;}
.index-about p{text-indent: 2em;}
.index-about .more{color:#ffb220;text-align: right;font-size: 12px;display: block;margin-top: 12px;}
/*产品中心*/
.index-pro{float: left;margin-left: 40px;width:305px;}
.index-pro .bd{border:1px solid #ddd;width:304px;height: 208px;margin-top: 28px;}
.index-pro .bd li{position:relative;width:304px;height: 208px;}
.index-pro .bd li img{width:304px;height: 208px;display: block;}
.index-pro .bd li .word{position:absolute;left:0;bottom:0;font-size: 12px;color:#fff;background: rgba(0,0,0,0.5);text-align: center;height: 35px;line-height: 35px;width:100%;}

/*产品世界*/
.index-product{
    background: url(../images/product_bg.jpg) top center no-repeat;
    height: 600px;
    margin-top: 75px;
    padding-top: 30px;
}
.picScroll-left{ width:100%;position:relative;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:60px; height:60px; overflow:hidden;
     cursor:pointer; background:url(../images/arrow.png) 0 0 no-repeat; position:absolute;left:-70px;top:50%;margin-top: -30px;}
.picScroll-left .hd .prev{right:-70px;left:auto; background-position:-80px 0px; }
.picScroll-left .hd .prev:hover,.picScroll-left .hd .next:hover{opacity: .7;filter: alpha(opacity=70);
}
.picScroll-left .hd .prevStop{filter: alpha(opacity=50);opacity: .5;cursor:auto;}
.picScroll-left .hd .nextStop{filter: alpha(opacity=50);opacity: .5;cursor:auto;}
.picScroll-left .bd{ overflow:hidden; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin-right:56px; float:left; _display:inline; overflow:hidden; text-align:center;background: #fff; }
.picScroll-left .bd ul li .list-pic{width:258px;height: 258px;}
.picScroll-left .bd ul li .list-pic img{width:100%;height: 100%; }
.picScroll-left .bd ul li .list-text{width:258px;/* height: 68px; */position:relative;height: 110px;}
.picScroll-left .bd ul li .list-text p{width:140px;padding:10px;font-size: 16px;text-align: left;}
.picScroll-left .bd ul li .list-text .more-btn{position:absolute;top:16px;right:0px;}
/*产品世界 end*/


/*产品详情页*/
.picScroll {position: relative;overflow-x:auto; width:750px;height: 510px;float: left;padding-bottom: 40px;}
 .picScroll .hd {
    position:relative;
    float: left;
    width:84px;
    /*height: 390px;*/
    height: 500px;
    /* padding:60px 9px; */ 
    padding: 0 9px;
}
.picScroll .hd li {width: 78px;height: 78px;cursor: pointer; padding:2px;border:1px solid #f7f7f7; margin:5px 0px;list-style: none;}
.picScroll .hd li .hdImg{height: 78px;width:78px;display:table-cell;text-align:center;vertical-align:middle;}
.picScroll .sd li{display:table-cell;text-align:center;vertical-align:middle; width: 78px;height:78px;} 
.picScroll .hd li img { width: 78px;height: 78px;margin:0 auto; display:block;display:table-cell;text-align:center;vertical-align:middle; }
.picScroll .hd .on{border-color: #666; }
.picScroll .prev,.picScroll .next {background: url(../images/arrow.png) no-repeat 0 -140px;width: 33px; height: 20px;display: block;height: 20px;position: absolute;left:34px;cursor:pointer;display: none;}
.picScroll .next {background-position: -40px -140px;bottom:20px;} 
.picScroll .prev {top:20px;}
.picScroll .prevStop {filter:alpha(opacity=50);opacity: .5;}
.picScroll .nextStop {filter:alpha(opacity=50);opacity: .5;}
.picScroll .bd {height: 510px; /* float: right; */width:510px;}
.picScroll .bd .proImg  {display:table-cell;text-align:center;vertical-align:middle; width: 614px; height: 510px; }
.picScroll .bd li img{max-width:510px;max-height: 510px;margin:0 auto;}
.product-info{
    float: right;
    width:510px;
    margin-right: 20px;
}
.product-info h1{
    font-size: 18px;
    color:#c52720;
    line-height: 60px;
}
.product-info ul li{
    line-height: 60px;
    border-bottom: 1px dotted #ddd;
    color:#fff;
}

.slideTxtBox{ width:100%; text-align:left; margin-top: 30px;}
.slideTxtBox .hd{ height:44px; line-height:44px; background:#f4f4f4; padding:0 10px 0 20px; border:1px solid #ddd; border-top: 2px solid #d0d0d0;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:0px; height:44px;}
.slideTxtBox .hd ul li{ float:left; padding:0 27px; cursor:pointer; border-right:1px solid #d0d0d0; color:#666; position:relative;}
.slideTxtBox .hd ul li.on{ height:44px;  background:#fff; border-top:2px solid #999; margin-top: -2px; color:#202020;}
.slideTxtBox .hd ul li.on:after{
    content:"";
    position:absolute;
    top:0px;
    left:50%;
    margin-left: -6px;
    border-top: 6px solid #999;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
.slideTxtBox .bd .content{ padding:40px 25px;  zoom:1;  }
.slideTxtBox .bd .content img{
    display: block;
    margin:0px auto;
}
/*产品详情页 end*/

/*公司动态*/
.index-news{float: left;width:305px;margin-left: 40px;}
.index-news ul{overflow: hidden;}
.index-news li{padding-left: 15px;background: url(../images/icon_listyle.png) left center no-repeat;border-bottom: 1px dotted #ddd;height: 33px;line-height: 33px;}
.index-news li:last-child{border:none;}
.index-news .more{color:#ffb220;text-align: right;font-size: 12px;display: block;}
/*****************首页end****************/

/***********************内页***********************/
/*左侧*/
.subtitle{position: relative;z-index: 1; background: #f05353;color:#fff;font-size: 20px;width:200px;height: 80px;line-height: 80px;text-align:center;margin-top: -80px;}
.leftnav{background: #f7f7f7;border-right: 1px solid #ddd;width:199px;float: left;}
.leftnav li a{display: block;width:100%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;border-bottom: 1px solid #ddd;}
.leftnav li a:hover,.leftnav li.on a{background: #ffb220;color:#fff;}
/*右侧*/
.rightbox{float: right;width:750px;padding-bottom: 70px;min-height: 250px;}
.rightbox img{max-width: 750px;}
.rightbox .guide{line-height: 1;margin-top: 30px;font-size: 12px;color:#999;text-align: right;}
.rightbox .guide a{color:#999;}
.rightbox .rightitle{font-size: 20px;font-weight: 400;border-bottom: 1px solid #ddd;line-height: 2.5;margin-bottom: 30px;}
/*product*/
.pro-list{overflow: hidden;}
.pro-list ul{width:825px;}
.pro-list li{float: left;width:200px;padding-right: 75px;margin-bottom: 40px;}
.pro-list li .pic{position:relative; width:198px;height: 148px;font-size: 0px;border:1px solid #ddd;}
.pro-list li .pic img{position:absolute;left:0;top:0;right:0;bottom:0;max-width: 100%;max-height: 100%;margin:auto;}
.pro-list li .word{line-height: 30px;line-height: 30px;overflow: hidden; text-align: center;}
/*分页*/
.page-turn{width:100%; text-align: center; margin-top: 20px; }
.page-turn a,.page-turn span{border:1px solid #ccc; padding: 0px 10px; display: inline-block; color:#666; margin-left: 5px; height: 28px;line-height:28px;}
.page-turn a:hover{border-color:#ffb220;color:#ffb220;}
.page-turn .on,.page-turn .on:hover{background: #ffb220; color:#fff;border-color:#ffb220; }
.page-turn .disable{opacity:.5;filter:alpha(opacity=50);}
.page-turn .disable:hover{background:none;color:#666;cursor:default;border:1px solid #ccc;}
/*分页结束*/
/*product_show*/

/*news*/
.news-list li{border-bottom: 1px dotted #ddd;background: url(../images/icon_listyle.png) left center no-repeat;padding-left: 15px;height: 53px;line-height: 53px;overflow: hidden;}
.news-list li a{display: inline-block;width:630px;}
.news-list li span{float: right;color:#999;}
/*news_show*/
.article .article-title{border-bottom: 1px solid #ddd;text-align: center;padding-bottom: 8px;margin-bottom: 30px;margin-top: 10px;}
.article .article-title h2{font-size: 16px;font-weight: 400;line-height: 3}
.article .article-title .details{color:#999;font-size: 12px;}
/*msg*/
.msg{overflow: hidden;}
.msg ul{overflow: hidden;width:780px;margin-bottom: 15px;}
.msg li{float: left;margin-right: 30px;float: left;}
.msg p{font-size: 16px;}
.msg li input{width:350px;height: 43px;padding-left: 8px;border:1px solid #999;}
.msg textarea{padding:5px;width:738px;height:130px;border:1px solid #999;resize:none;}
.msg .btn{margin:0 auto;display: block;width:200px;height: 45px;line-height: 45px;text-align: center;color:#fff;background: #ffb220;border-radius: 10px;margin-top: 15px;font-size: 16px;}
/***********************内页end***********************/


/*放大镜*/
.preview{ width:390px;position:relative;}
.preview .jqzoom{width:380px;height: 380px;border:1px solid #ddd;padding:5px;}
.preview .jqzoom img{width:380px;height: 380px;}
.preview .scollbtn{display: none;}
.preview .scollbtn .prev,.preview .scollbtn .next{ display:block;  width:17px; height:51px; overflow:hidden; cursor:pointer; position:absolute;top:400px;}
.preview .scollbtn .prev{background:url("images/picshopArr.gif") 0px 0px no-repeat;left: 0px;}
.preview .scollbtn .next{ background:url("images/picshopArr.gif") -17px 0px no-repeat; right:0px; }
.preview .scollbtn .prevStop{ opacity:.5;filter:alpha(opacity=50);}
.preview .scollbtn .nextStop{ opacity:.5; filter:alpha(opacity=50);}

/*.preview .smallImg{ padding:6px 25px;}*/
.preview .smallImg{ padding:6px 0px;overflow: hidden;width:392px;}
.preview .smallImg ul{ overflow:hidden; zoom:1;width:420px;}
.preview .smallImg ul li{ margin-right:16px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.preview .smallImg ul li img{ width:80px; height:80px; display:block;  padding:2px; border:1px solid #ccc; }
.preview .smallImg ul li a:hover img{ border-color:#ff6500;  }

.zoomdiv{background: url(../images/loading.gif) no-repeat center center #FFFFFF;border: 1px solid #E4E4E4;display: none;height: 410px;left: 400px;overflow: hidden;position: absolute;text-align: center;top: 0;width: 410px;z-index: 8;}
.MagicZoomPup {width: 200px;height: 200px;position: absolute;left: 0;top: 0;background-color: #fff;opacity: 0.3;filter: alpha(opacity=30);display: none;z-index: 1; cursor:move;}/*框框*/
.bigimg {height: 800px;width: 800px;}
.jqZoomLens{background-color:#fff;cursor: move;height: 50px;left: 0;opacity: 0.5;filter:alpha(opacity=50);position: absolute;top: 0;visibility: hidden;width: 50px;z-index:92;}
.preview .smallImg .pic-box a.on {border: 1px solid #69af05;padding: 0;}

.rightbox .preview{float: left;}

.proshow{float: left;padding-left: 30px;}
.proshow .protitle{font-size: 16px;margin-bottom: 10px;}
.proshow .pic{border:1px solid #ddd;width:500px;display: inline-block;font-size: 0;margin-bottom: 15px;}
.proshow .word{color:#666;}