﻿@charset "utf-8";
*html{background-image:url(about:blank);background-attachment:fixed;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,select,textarea {margin:0;padding:0;}
body{font-size:14px;color:#333333;font-family:Arial;background:#eeeeee;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th,i,em{font-style:normal;display:block;font-weight:normal;}
li{list-style-type:none;}
img{border:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#d1121b;text-decoration:none;}
.Cal{clear:both;}
.Boxs{width:1180px;margin:0 auto;}

#Welcome{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:url(../Images/wp3.jpg) top center #FFF;cursor:pointer;}
#Welcome p{display:block;position:absolute;margin:0px;padding:0px;width:800px;height:183px;top:50%;left:50%;margin-top:-120px;margin-left:-400px;background:url(../Images/welcome.png) no-repeat;overflow:hidden;}

#Content{width:1180px;margin:0 auto;}
#ContentLeft{width:290px;float:left;}
#ContentRight{width:870px;float:right;background:#FFF;margin:10px 0 0;}

#Top{width:100%;border-top:2px solid #83512c;display:block;overflow:hidden;}
#Top .Logo{padding:5px 0;float:left;}
#Top .Logo img{height:66px;}
#Top .Tel{float:right; width:192px; height:48px; background:url(../images/Tel.png) no-repeat; padding:34px 0px 0px 42px; font-size:20px; font-weight:bold; color:#b74a00}
#Top .wx{ float:right; padding-top:5px;}
#Top .wx img{ width:70px; height:auto}

#Nav{width:100%;height:38px;background:#000000;margin:0 auto;}
#Nav ul li{float:left;}
#Nav ul li a{color:#FFF;line-height:38px;width:167px;display:inline-block;text-align:center;border-right:1px solid #2e2e2e; text-transform:uppercase}
#Nav ul li.Lost a{width:140px;border:0;}
#Nav ul li a:hover{background:url(../Images/NavH.PNG) no-repeat top center;}
#Nav ul li.On a{background:url(../Images/NavH.PNG) no-repeat top center;}

#Banner{width:1180px;height:380px;position:relative;margin:10px auto 20px auto;}
#Banner ul{display:block;width:100%;height:380px;position:relative}
#Banner ul li{display:block;width:100%;height:100%;position:absolute}
#Banner ul li a{display:block;width:100%;height:100%;text-indent:-9999px}
#Banner dl{display:block;position:absolute;right:10px;bottom:10px;z-index:9900;}
#Banner dl dd{display:block;width:12px;height:12px;float:left;margin:0 0 0 10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;background:#c1c3bf }
#Banner dl dd a{display:block;width:100%;height:100%;text-indent:-9999px;}
#Banner dl dd.Cur{background:#74431b;}

#Sort{width:1180px;margin:0 auto;}
#Sort ul{padding:10px 0 0;}
#Sort ul li{width:294px;height:352px;position:relative;border-right:1px solid #dadada;border-bottom:1px solid #dadada;float:left;}

#Sort ul li .Info{width:258px;height:316px;background:#FFF;margin:0 0 0 12px;padding:7px;overflow:hidden;}
#Sort ul li .Info .Title{width:258px;height:65px;background:#00b64e;}
#Sort ul li .Info .Title h3{line-height:30px;color:#FFF;font-size:22px;padding:8px 0 0 10px;}
#Sort ul li .Info .Title p{padding:0 0 0 10px;color:#FFF;line-height:20px;}
#Sort ul li .Info .Img{width:258px;height:251px;overflow:hidden;}
#Sort ul li .Info .Img img{width:100%;height:251px;}
#Sort ul li.Lost{border-right:0;}
#Sort ul li.Black .Info .Title{background:#000;}
#Sort ul li.Earth .Info .Title{background:#92d14f;}
#Sort ul li.Gray .Info .Title{background:#333333;}
#Sort ul li .Left{width:9px;height:152px;background:url(../Images/ImgLeft.jpg) no-repeat top right;position:absolute;top:0;left:3px;}
#Sort ul li .Bottom{width:176px;height:3px;background:url(../Images/ImgBottom.jpg) no-repeat top right;position:absolute;top:330px;right:12px;}
#Sort ul li .Middle{width:6px;height:6px;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;position:absolute;top:66px;right:-1px;z-index:999;}
#Sort ul li .Middle:before{width:6px;height:6px;border-top:1px solid #b7b7b7;border-left:1px solid #b7b7b7;content:'';display:block;position:absolute;left:6px;top:6px;}
#Sort ul li .Corner{width:6px;height:6px;border-right:1px solid #b7b7b7;border-bottom:1px solid #b7b7b7;position:absolute;bottom:-1px;right:-1px;z-index:999;}
#Sort ul li .Corner:before{width:6px;height:6px;border-top:1px solid #b7b7b7;border-left:1px solid #b7b7b7;content:'';display:block;position:absolute;left:6px;top:6px;}

#InfoList{width:244px;height:210px;float:left;border-right:1px solid #dadada;}
#InfoList .TopBar{display:block;overflow:hidden;}
#InfoList .TopBar h3{color:#74431b;font-size:18px;font-weight:700;line-height:55px;float:left;}
#InfoList .TopBar h3.Icon1{background:url(../Images/Icon3.png) no-repeat 10px 14px;padding:0 0 0 45px;}
#InfoList .TopBar h3.Icon2{background:url(../Images/Icon4.png) no-repeat 10px 15px;padding:0 0 0 52px;}
#InfoList .TopBar h3.Icon3{background:url(../Images/Icon5.png) no-repeat 10px 15px;padding:0 0 0 50px;}
#InfoList .TopBar h3.Icon4{background:url(../Images/Icon7.png) no-repeat 10px 15px;padding:0 0 0 50px;}
#InfoList .TopBar span{float:right;line-height:55px;padding:0 10px 0 0;}
#InfoList .TopBar span a{color:#74431b;font-size:14px;font-weight:700;}
#InfoList .TopCompany img{float:left;width:100px;height:80px;margin:5px 5px 0 15px;}
#InfoList .TopCompany p{line-height:22px;padding:0 7px 7px 15px;font-size:12px;}
#InfoList .TopVideo{padding:0 15px;}
#InfoList .TopNews dl{cursor:pointer;}
#InfoList .TopNews .Hot{display:block;overflow:hidden;padding:0 10px;margin:3px 0 5px;}
#InfoList .TopNews .Hot dt{float:left;width:84px;padding:3px 0 0;}
#InfoList .TopNews .Hot dt img{width:84px;height:55px;border:0;}
#InfoList .TopNews .Hot dd{float:left;width:130px;padding:4px 0 0 10px;}
#InfoList .TopNews .Hot dd h3{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#InfoList .TopNews .Hot dd h3 span{display:none;}
#InfoList .TopNews .Hot dd p{font-size:12px;line-height:18px;color:#999;padding:4px 0 0;height:40px;overflow:hidden;}
#InfoList .TopNews .List{display:block;overflow:hidden;padding:0 10px;margin:3px 0 0;}
#InfoList .TopNews .List dt{float:left;width:84px;padding:3px 0 0;display:none;}
#InfoList .TopNews .List dt img{width:84px;height:55px;border:0;}
#InfoList .TopNews .List dd{float:left;width:100%;padding:0px;height:25px;line-height:25px;border-bottom:1px dashed #999999;}
#InfoList .TopNews .List dd h3{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#InfoList .TopNews .List dd h3 a{background:url(../Images/Icon1.png) no-repeat left center;padding:0 0 0 12px;font-size:12px;float:left;}
#InfoList .TopNews .List dd h3 span{float:right;color:#999;font-size:12px;}
#InfoList .TopNews .List dd p{font-size:12px;line-height:18px;color:#999;padding:4px 0 0;display:none;}
#InfoList .TopLink ul{padding:5px 0 0 10px;}
#InfoList .TopLink ul li{float:left;width:70px;height:30px;display:block;margin:3px 3px 15px;}
#InfoList .TopLink ul li img{width:70px;height:30px;border:0;}

#Bottom{width:100%;height:70px;margin:18px 0 0; padding:15px 0px; position:relative;background:#999999;}
/*
#Bottom .Bg{width:100%;height:70px;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;z-index:-1;}
*/
#Bottom dl dt{width:250px;float:left;margin:10px 0;border-right:1px solid #000;text-align:right;padding:0 30px 0 0;}
#Bottom dl dt img{height:50px;border:0;}
#Bottom dl dd{float:left;padding:14px 0 0 12px;}
#Bottom dl dd p{font-size:14px;line-height:22px;}

#BottomRightWeChat{position:fixed;right:50px;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));bottom:100px;_margin-bottom:100px;}

#ProductLeft{margin:10px 0 0;background:#FFF;}
#ProductLeft .TopBar{height:40px;background:#000;}
#ProductLeft .TopBar h3{line-height:40px;padding:0 0 0 10px;color:#FFF;}
#ProductLeft .TopContent ul{padding:5px;}
#ProductLeft .TopContent ul li .Big{height:30px;line-height:30px;display:block;border-bottom:1px solid #999999;}
#ProductLeft .TopContent ul li .Big span{padding:0 0 0 10px;}
#ProductLeft .TopContent ul li dl{display:none;border-bottom:1px solid #999999;}
#ProductLeft .TopContent ul li dl dd a{height:30px;line-height:30px;display:block;border-bottom:1px dotted #999999;}
#ProductLeft .TopContent ul li dl dd a span{padding:0 0 0 16px;}
#ProductLeft .TopContent ul li .Lost{border:0;}
#ProductLeft .TopContent ul li a:hover{background:#dddddd;color:#000;}

#ContactLeft{margin:10px 0 0;background:#FFF;}
#ContactLeft .TopBar{height:40px;background:#000;}
#ContactLeft .TopBar h3{line-height:40px;padding:0 0 0 10px;color:#FFF;}
#ContactLeft .TopContent ul{padding:0 10px 10px;}
#ContactLeft .TopContent ul li{font-size:14px;margin:8px 0 0;}
#ContactLeft .TopContent ul li p{line-height:20px;display:block;word-break:break-all;word-wrap:break-word;}

#SearchLeft{margin:10px 0 0;background:#FFF;}
#SearchLeft .TopBar{height:40px;background:#000;}
#SearchLeft .TopBar h3{line-height:40px;padding:0 0 0 10px;color:#FFF;}
#SearchLeft .TopContent{padding:15px;}
#SearchLeft .TopContent div{position:relative;}
#SearchLeft .TopContent .Txt{width:154px;height:26px;line-height:26px;border:1px solid #d6d6d6;outline:none;padding:0 27px 0 7px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#SearchLeft .TopContent .Btn{position:absolute;top:1px;right:1px;background:url(../Images/Search.png) no-repeat center center;border:0;width:26px;height:26px;outline:none;}

#PageNow{float:right;line-height:40px;font-size:14px;padding:0 15px 0 0;}

#ContentRight .TopBar{height:40px;border-bottom:1px solid #bbbbbb;}
#ContentRight .TopBar h3{line-height:40px;padding:0 0 0 15px;font-size:14px;font-weight:bold;float:left;}

#Contents{padding:20px;}
#Contents img{ max-width:100%; height:auto}

#ProductList ul{display:block;overflow:hidden;padding:10px 0 5px;}
#ProductList ul li{float:left;width:250px;height:290px;margin:15px 0 0 29px;}
#ProductList ul li a{width:250px;height:250px;overflow:hidden;display:block;}
#ProductList ul li a img{width:250px;height:250px;vertical-align:top;}
#ProductList ul li span{width:250px;height:30px;line-height:30px;display:block;text-align:center;background:#999;margin:10px 0 0;color:#FFF;}

#Product{padding:25px; min-height:800px}
#Product .Introduce{display:block;overflow:hidden;}
#Product .Introduce dl dt{float:left;width:402px;}
#Product .Introduce dl dt img{width:400px;height:400px;border:1px solid #bbbbbb;}
#Product .Introduce dl dd{float:left;margin:0 0 0 20px;width:398px;}
#Product .Introduce dl dd .Title{border-bottom:1px solid #d1d1d1;}
#Product .Introduce dl dd .Title h3{color:#fc9a00;line-height:40px;font-weight:bold;font-size:24px;}
#Product .Introduce dl dd .TD{width:55px;height:30px;line-height:30px;float:left;}
#Product .Introduce dl dd .Model{margin:10px 0 0;display:block;overflow:hidden;}
#Product .Introduce dl dd .Model .List{padding:5px 0;display:block;overflow:hidden;}
#Product .Introduce dl dd .Model .List em{height:20px;line-height:20px;display:block;float:left;margin:0 5px 0 0;padding:0 6px 0 0;}
#Product .Introduce dl dd .Weight{margin:10px 0 0;display:block;overflow:hidden;}
#Product .Introduce dl dd .Weight .List{padding:5px 0;display:block;overflow:hidden;}
#Product .Introduce dl dd .Weight .List em{height:20px;line-height:20px;display:block;float:left;margin:0 5px 0 0;padding:0 6px 0 0;}
#Product .Introduce dl dd .Colour{margin:10px 0 0;height:30px;}
#Product .Introduce dl dd .Colour .List{height:20px;padding:5px 0;}
#Product .Introduce dl dd .Colour .List em{width:30px;height:20px;display:block;float:left;margin:0 5px 0 0;}
#Product .Introduce dl dd .Contents{line-height:22px;font-size:12px;color:#000;margin:10px 0 0;}
#Product .Inquire{margin:30px 0 0;}
#Product .Inquire dl{border-top:1px solid #ddd;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0;}
#Product .Inquire dl dt{padding:15px 15px 10px 15px;width:75px;text-align:left;overflow:hidden;line-height:1.2;}
#Product .Inquire dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0;}
#Product .Inquire dl dd label{font-weight:normal;height:28px;line-height:28px;display:block;}
#Product .Inquire .Txt{width:430px;height:28px;line-height:28px;padding:0 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px;font-size:14px;font-family:Microsoft YaHei,Arial;}
#Product .Inquire .Area{width:450px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;font-size:14px;font-family:Microsoft YaHei,Arial;resize:none;}
#Product .Inquire .Btn{display:block;background:#ff5152;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;outline:0;border-radius:2px;font-family:Microsoft YaHei,Arial;}
#Product .Inquire .Select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565;}

#Select{height:30px;background-color:#FFF;position:relative;float:left;}
#Select .TopBar{height:28px;cursor:pointer;width:160px;border:1px solid #CCC;}
#Select .TopBar h3{font-size:14px;padding:0 0 0 10px;line-height:28px;float:left;font-weight:normal;}
#Select .TopBar span{width:28px;height:28px;display:block;float:right;border-left:1px solid #CCC;background:url(../Images/Select.png) no-repeat;}
#Select .TopContent{width:160px;height:96px;position:absolute;left:0;top:30px;background:#FFF;border:1px solid #CCCCCC;border-top:none;overflow-y:auto;overflow-x:hidden;display:none;}
#Select .TopContent a{width:100%;height:24px;line-height:24px;display:block;font-size:12px;color:#565656;}
#Select .TopContent a:hover{background:#CCC;}
#Select .TopContent a span{padding:0 0 0 10px;}
.SizeSelect{z-index:2;}
.WeightSelect{z-index:1;}

#ArticleList{padding:5px 15px 15px;}
#ArticleList ul{padding:0 0 5px;}
#ArticleList ul li{width:100%;height:40px;line-height:40px;border-bottom:1px solid #e0e0e0;vertical-align:bottom;}
#ArticleList ul li a{float:left;padding:0 0 0 12px;}
#ArticleList ul li span{float:right;color:#999;}

#Article{padding:0 20px 35px;background:#FFF;}
#Article .Title{font-size:28px;color:#000;text-align:center;line-height:40px;padding:20px 0 10px;border-bottom:1px dashed #c7c7c7;}
#Article .Photo{padding:20px 0 0;text-align:center;}
#Article .Contents{padding:20px 15px 40px 15px;}

#Pageno{width:100%;padding:10px 0 20px;text-align:center;font-size:12px; }
#Pageno a{color:#000;text-decoration:none;margin-left:8px;}
#Pageno a:hover{color:#fff;text-decoration:none;background:#000;}
#Pageno .index{display:inline-block;width:90px;height:24px;line-height:24px;text-align:center;border:1px solid #000;}
#Pageno .on{display:inline-block;width:90px;height:24px;line-height:24px;text-align:center;border:1px solid #000;margin-left:8px;}
#Pageno .current{display:inline-block;padding-left:10px;padding-right:10px;height:26px;line-height:26px;text-align:center;background:#000;color:#ffffff;margin-left:8px;}
#Pageno .num{display:inline-block;padding-left:9px;padding-right:9px;height:24px;line-height:24px;text-align:center;border:1px solid #000;}


.ny_news_fy{ text-align:center; padding-top:20px; padding-bottom:25px}

/* 分页样式*/
.pagebar { padding:20px; overflow:hidden}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  padding: 3px 8px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination span {
    color: #666;
    font-size: 14px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #fff;
  background: #000000;
  border: 1px solid #000000;
}
.pagination a.page-num-current {
  color: #fff;
  background: #000000;
  border: 1px solid #000000;
}
.pagination .st{ font-family:'Microsoft YaHei','微软雅黑'; }
