@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,td,tr,th,p{padding:0; margin:0;}
li,dd,ol,ul{list-style-type:none;}
body {
    font-size: 14px;
    font-family:"Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif,"宋体";
    font-weight: normal;
    color: #696969;

}
/*html.scrool,body.scrool { overflow: hidden; transition: 0.5s;}*/

a{ text-decoration:none;cursor: pointer;color: #6a6a6a;}
img{border:none; outline: medium none; }
img a{border:none;}
input, select,button{outline: medium none; border: 0; padding: 0; margin: 0;background: none; color: #808080 ; font-family: "Microsoft YaHei",Helvetica,sans-serif,"宋体";}
textarea {outline: medium none; background: none; border: 0; padding: 0; margin: 0; resize: none; font-family:"Microsoft YaHei",Helvetica,sans-serif,"宋体";}
i{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}

ul li.last { margin-right: 0!important;}
.clear{ clear:both;}
.right { float: right;}

.section { width: 1210px; margin: 0 auto;}
.figure img { width: 100%; height: 100%;}
.price { color: #ff2600; font-weight: bold;font-style:oblique;}


.web-top { width: 100%;background: rgba(258,258,258,0.82); position: absolute; top: 0; left: 0;z-index: 9999;min-width:1210px;  }
.nav-wrap { width: 1210px; height: 112px; margin: 0 auto; }
.nav-wrap .logo { padding-top:18px; float: left; }

.tel { padding-top: 20px; height: 24px; line-height: 24px; font-size: 18px; color: #004995; text-align: right; font-family: "Microsoft YaHei",Helvetica,sans-serif,"宋体";}
.tel img { margin-left: 20px;}

.nav-item { padding-top: 8px; height: 42px; line-height: 42px; float: right;}
.nav-item a { font-size: 16px;display:inline-block; height:42px;line-height: 42px; font-family:'宋体','微软雅黑',"Microsoft YaHei",Arial,Helvetica,sans-serif;
    color: #010101; margin-left:100px;position: relative; }
.nav-item  a.cur { color: #004995;}
.nav-item a:hover{ color: #004995;}

.nav-item a::before { position: absolute; content:''; width:12px; height: 1px; left: 50%; margin-left: -6px; bottom: 0;  border-bottom: 2px solid #004995;
    -webkit-transition:  -webkit-transform 0.35s;
    transition: transform 0.35s;
    -moz-transition: -webkit-transform 0.35s;
    -webkit-transform: scale(0,1);  transform: scale(0,1);
    -moz-transform: scale(0,1);  -ms-transform: scale(0,1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.nav-item a:hover::before {
    width:12px; left: 50%; margin-left: -6px; bottom: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -moz-transition: -webkit-transform 0.35s;
    -webkit-transform: scale(1);  transform: scale(1);
    -moz-transform: scale(1);  -ms-transform: scale(1);}

.nav-item  a.cur::before{ width:12px; left: 50%; margin-left: -6px; bottom: 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -moz-transition: -webkit-transform 0.35s;
    -webkit-transform: scale(1);  transform: scale(1);
    -moz-transform: scale(1);  -ms-transform: scale(1);}

/*newpro-recom*/
.newpro-recom { width: 210px; height:403px; padding:20px 57px 0 23px; background: url("../images/jx-bg1.png") no-repeat center; margin-bottom: 15px;}
.newpro-recom .title { height: 50px; line-height: 50px; font-size: 16px; color: #747171; border-bottom: 1px solid #e5e5e5;}

.newpro-recom ul li { width: 205px; height:94px; padding-top: 11px; border-bottom: 1px solid #e5e5e5;
    transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);
    -ms-transform:translateX(0px);  transition: 0.1s;}
.newpro-recom .figure { width:71px; height: 71px; float:left; }
.newpro-recom .figcaption { width: 110px; padding: 0 15px 0 8px; float: right;}
.newpro-recom .figcaption p { font-size: 12px; height: 28px; line-height: 28px; overflow: hidden;}

.newpro-recom ul li:hover { transform:translateX(6px);-webkit-transform:translateX(6px);-moz-transform:translateX(6px);
    -ms-transform:translateX(6px);  transition: 0.1s; }

/*sort-menu*/
.sort-menu { width:35px; height: 89px;  position: fixed; right:50%; margin-right:-605px;top:50%; margin-top:-44px; z-index: 99999; color: #fff; }
.sort-menu .menu-mark {width:35px; height: 89px;  position: relative; z-index: 9999999;  background: url("../images/sort-menu-bg.jpg") no-repeat  center; }
.all-sorts { width:1138px; height: 347px; overflow: hidden; padding: 0 24px 0px;background:rgba(0,0,0,0.8); position: absolute; right: 23px; top: -22px;
    z-index: 99999;; font-size: 12px;
    transform:scale(0,0);-webkit-transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); transform-origin: 100% 23px; transition: 0.15s;
      }
/**/
.sort-menu:hover .all-sorts {
    transform:scale(1);-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1);transition: 0.15s; opacity: 1; }
.scrool-bar {width:1162px;height:347px;overflow-y:scroll;}
.all-sorts ul { width:1130px;padding-bottom: 20px;}
.all-sorts ul li {width:1126px; padding-top:15px; line-height: 30px;  padding-bottom: 7px; border-bottom: 1px dashed #ccc; }
.all-sorts .sorts-list { padding-left: 20px;}
.all-sorts .sorts-list a { color: #fff; display: inline-block; background: url("../images/a-bg.jpg") no-repeat left center; padding:  0 20px 0 15px;}
.all-sorts h3 { font-size: 16px;}

.up-down { width: 28px; height: 264px; position:absolute; right:43px; top:42px;   }
.up-down  .down { position: absolute; bottom: 0; left: 0;}

/* 设置滚动条的样式 */
.scrool-bar::-webkit-scrollbar { width: 12px;}
/* 滚动槽 */
.scrool-bar::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
/* 滚动条滑块 */
.scrool-bar::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(258,258,258,0.6); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
/*::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}*/

/*more特效*/
.more_bg { text-align: center;}
.more_bg a{  position: relative;  display:inline-block;  width: 162px; height: 35px; line-height: 35px; font-size: 16px;
    text-align: center; overflow: hidden;  color: #5c5c5c; border: 1px solid #a0a0a0;   }
.more_bg a span {  display: block;width: 100%;  height:100%;  background:#fff;  -webkit-transition: -webkit-transform 0.3s;  -moz-transition: -moz-transform 0.3s;  transition: transform 0.3s;  }

.more_bg a::before {  position: absolute;  top: 0;  left:0;  z-index:1;  width:100%;  height:100%;  background:rgba(25,91,159,0.9);  color: #fff;  content: attr(data-hover);
    -webkit-transition: -webkit-transform 0.3s;  -moz-transition: -moz-transform 0.3s;  transition: transform 0.3s;  -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); }

.more_bg a:hover span,
.more_bg a:focus span {  -webkit-transform: translateX(100%);  -moz-transform: translateX(100%); -ms-transform: translateX(100%);  transform: translateX(100%);  }
.more_bg a:hover::before,
.more_bg a:focus::before {  -webkit-transform: translateX(0);  -moz-transform: translateX(0);-ms-transform: translateX(0);   transform: translateX(0);  }


/*footer*/


.footer { text-align: center; padding-bottom: 70px; padding-top: 57px;}
.footer  .address { font-size: 18px; line-height: 24px; margin-top:19px; margin-bottom: 32px; color: #000;
    font-family:'宋体','微软雅黑',"Microsoft YaHei",Arial,Helvetica,sans-serif;  }
.fooetr-tel { height: 24px; line-height: 24px; margin-bottom: 26px; font-family:'Latha','宋体','微软雅黑',"Microsoft YaHei",Arial,Helvetica,sans-serif;
font-weight: bold; color: #000;}
.fooetr-tel span { padding: 0 25px; font-size: 18px;}
.footer-nav  a { padding: 0 10px; color: #6f6c6c; }
.footer-nav  a:hover { text-decoration: underline;}

.banquan { width: 100%; height: 60px; line-height: 60px; font-size: 12px; text-align: center; background: #004995; color: #fff; font-weight: bold;}

.ny-footer-wrap { background: url("../images/ny-footer-bg.jpg") no-repeat top center;}
.ny-footer-wrap .footer  { padding-top:78px; color: #fff;  }
.ny-footer-wrap .footer-nav  a { color: #fff;}
.ny-footer-wrap .fooetr-tel,.ny-footer-wrap .address { color: #fff;}
.ny-footer-wrap .banquan { background: #000;}


/*fenye*/
.news-list  .fenye {background:none; border:0;padding-top:75px;text-align: right; padding-right: 123px;  }
.news-list  .fenye a { display: inline-block; width: 73px; height: 46px;}
.news-list  .fenye:hover { background:none; border:0; }

.news-list  .fenye .prev { background: url("../images/fenye-bg.png") no-repeat left center;}
.news-list  .fenye .next { background: url("../images/fenye-bg.png") no-repeat right center;}
.fenye .prev ,
.fenye .next { transition: 0.1s; transform: translateX(0);-webkit-transform: translateX(0);  -moz-transform: translateX(0);-ms-transform: translateX(0);}
.fenye .prev:hover{transition: 0.1s; transform: translateX(-10px);-webkit-transform: translateX(-10px);-moz-transform: translateX(-10px);-ms-transform: translateX(-10px);}
.fenye .next:hover{transition: 0.1s; transform: translateX(10px);-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);}


/*上一篇下一篇*/
.prev-next div { display: inline-block;height:24px;line-height: 24px;width:330px;overflow: hidden;}
.prev-next a{  color: #3d3d3d; }
.prev-next .key { color: #888888;}
.prev-next .next { text-align: right;}

/*分页*/
.page { height: 49px; line-height: 49px; padding-left: 2px;display: inline-block; text-align:right}
.page a {color: #000!important;font-size:14px; margin-right:15px;  display: inline-block; width:34px; height: 34px; background: #eeeeee; text-align: center; line-height: 34px;  }
.page .jg {margin-right:15px; }
.page .current { line-height:49px; padding:6px 12px; outline: 1px solid #313131; background: #f5f5f5;margin-right:15px; height: 34px; width:34px;}