@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;}
header,article,footer,nav,section,aside,menu { display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#00478a;}
body { font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; min-width:320px; max-width:640px; line-height:22px;}
.fl{ float:left;}
.fr{ float:right;}
.warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.content { padding:10px;}
.clear { clear:both;}
input::-webkit-input-placeholder { color:#ddd;} 
input:-moz-placeholder { color:#ddd;} 
input::-moz-placeholder { color:#ddd;}
input:-ms-input-placeholder { color:#ddd;} 
input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}

/*字体及字体图标*/
@font-face {
  font-family:'FontAwesome';
  		  src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  		  src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
       		  url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       		  url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), 
       		  url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), 
       		  url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight:normal;
   font-style:normal;
}

/*top*/
.header { height:48px;}
.navbar { width:100%; height:45px; border-bottom:3px solid #ec1c21; background:#fff; position:fixed; top:0; right:0; z-index:99999;}
.navbar .logo { display:block; float:left; max-width:60%; height:35px; margin:5px 0 0 10px; overflow:hidden;}
.navbar .logo img { display:block; height:100%;}
.navbar .navhome { float:right; width:15px; height:10px; margin:15px 15px 0 15px; border-top:2px solid #ec1c21; border-bottom:2px solid #ec1c21; position:relative; z-index:1;}
.navbar .navhome::after { display:block; content:""; width:150%; height:2px; margin:auto; background:#ec1c21; position:absolute; left:0; top:0; bottom:0;}
.navbar .nav { width:100%; height:0vh; background:rgba(215,2,7,0.95); overflow:hidden; position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .nav .nrs { height:100%; overflow-y:scroll;}
.navbar .nav li { width:80%; padding:0 10%; line-height:30px; margin-bottom:15px;}
.navbar .nav li a { display:block;}
.navbar .nav li h1 a { font-size:16px; color:#fff;}
.navbar .nav li p { line-height:30px;}
.navbar .nav li p a { display:inline-block; line-height:25px; font-size:14px; color:#fff; margin-right:20px; filter:alpha(opacity=80); opacity:0.8;}
.navbar .close { display:none; width:30px; height:30px; position:absolute; right:2.5%; top:10px; z-index:3;}
.navbar .close::before,.navbar .close::after { display:block; content:""; width:100%; height:1px; background:#fff; position:absolute; top:15px; -webkit-transform-origin:50%; transform-origin:50%;}
.navbar .close::before { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.navbar .close::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.open { overflow:hidden;}
.open .navbar .nav { height:100vh; padding:5% 0; box-sizing:border-box; overflow:hidden;}
.open .navbar .navhome { display:none;}
.open .navbar .close { display:block;}

.header .laug { float:right; line-height:45px;}
.header .laug a { float:left; font-size:14px; color:#999; padding:0; text-transform:Uppercase;}
.header .laug span { float:left; font-size:12px; color:#999; padding:0 5px;}
.header .laug .on { color:#ec1c21; filter:alpha(opacity=100); opacity:1;}

/*foot*/
.footer { line-height:25px; font-size:12px; color:#666; background:#eee;}
.footer .nva { width:100%; height:40px; line-height:40px; text-align:center; background:#ec1c21;}
.footer .nva a { display:inline-block; font-weight:bold; font-size:14px; color:#fff; margin:0 5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .nva a:hover { text-decoration:underline;}
.footer .copy { text-align:center; padding:10px;}
.footer .copy a { color:#666;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner .swiper-slide { position:relative;}
.banner a,.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullets { bottom:5px;}
.banner .swiper-pagination-bullet { width:12px; height:12px; margin:0 5px !important; filter:alpha(opacity=60); opacity:0.6; background:#ec1c21; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { filter:alpha(opacity=100); opacity:1;}

/**栏目标题**/
.tits { width:100%; line-height:35px; padding:10px 0;}
.tits h3 { float:left; font-size:16px; color:#333;}
.tits a { float:right; font-size:12px; color:#999;}

/*简介*/
.abouts { width:95%; margin:0 auto;}
.abouts .img { width:100%; overflow:hidden;}
.abouts .img img { display:block; width:100%;}
.abouts .msg { width:100%; line-height:25px; font-size:12px; color:#333; text-indent:2em; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

/*新产品*/
.newpros { width:95%; margin:10px auto 0 auto;}
.newpros .swiper-container { padding-bottom:30px;}
.newpros .swiper-slide a { display:block; border:1px solid #ddd;}
.newpros .swiper-slide img { display:block; width:100%;}
.newpros .swiper-pagination-bullet { width:10px; height:10px;}
.newpros .swiper-pagination-bullet-active { background:#ec1c21;}
.newpros .swiper-pagination-bullets { bottom:0;}

/*产品中心*/
.pros { width:95%; padding:10px 2.5%; margin-top:15px; background:url(../images/pz02.png) repeat 0 0;}
.pros li { float:left; width:47.5%; margin:0 5% 10px 0;}
.pros li:nth-child(2n) { margin-right:0;}
.pros li .img { width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; background:#fff;}
.pros li .img img { display:block; width:100%;}
.pros li h3 { line-height:25px; font-weight:500; font-size:14px; color:#666; text-align:center; margin-top:5px;}

/***二级页面***/
/*单页、文章内容*/
.position { width:95%; height:35px; line-height:35px; font-size:12px; color:#666; padding:0 2.5%; background:#f4f4f4; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.position a { color:#666;}
.pager-next-pre { width:95%; margin:25px auto 20px auto; padding-top:15px; line-height:30px; color:#999; border-top:1px solid #eee;}
.pager-next-pre p { margin:0;}
.pager-next-pre p a { font-size:12px;}
.theme { font-size:16px; text-align:left; line-height:25px; margin:0 auto; line-height:25px;}
.ms_time { color:#bbb; font-size:12px; margin-bottom:10px; padding:5px 0 10px 0; line-height:25px; border-bottom:1px solid #eee;}

/*单页*/
.intro { line-height:25px; padding:5px 0px; max-width:100%; font-size:12px; margin:0 auto;}
.intro p {line-height:25px; font-size:12px; margin-bottom:10px;}
.intro img { display:block; max-width:100% !important; height:auto !important; margin:5px auto;}
.intro a { color:#f00; text-decoration:underline;}

/*分页*/
.chang_pages { font-size:14px; text-align:center; line-height:30px;}
.chang_pages li { display:inline-block; color:#222; margin:20px 2px; border:1px solid #222;}
.chang_pages li a,.chang_pages li span { display:block; color:#222; padding:0 10px;}
.chang_pages .active { background:#222;}
.chang_pages .active span { color:#fff;}

/**新闻**/
.newlist { width:95%; margin:0 auto;}
.newlist li { width:100%; margin-top:10px; padding-bottom:10px; border-bottom:1px solid #eee;}
.newlist li a { display:block; width:100%;}
.newlist li h3 { font-weight:500; font-size:14px; color:#333; width:100%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newlist li span { display:block; width:100%; font-size:12px; color:#ccc;}
.newlist li p { font-size:12px; color:#999; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

/*搜索*/
.serch { width:90%; margin:15px auto; border-radius:4px; border:3px solid #eee; overflow:hidden;}
.serch input { display:block; float:left; width:68%; height:40px; line-height:40px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.serch .btn { width:25%; background:#a28b61 url(../images/kls_0.png) no-repeat center center;}
.lins { width:100%; height:5px; background:#f4f4f4;}

/*产品列表*/
.prods { width:95%; padding:15px 2.5%;}
.prods li { float:left; width:47.5%; margin:0 5% 15px 0;}
.prods li:nth-child(2n) { margin-right:0;}
.prods li .img { width:100%; box-shadow:0 0 10px rgba(0,0,0,0.1); overflow:hidden; background:#fff;}
.prods li .img img { display:block; width:100%;}
.prods li h3 { line-height:25px; font-weight:500; font-size:14px; color:#666; text-align:center; margin-top:5px;}

.prolst { width:95%; padding:15px 2.5%;}
.prolst table { border-top:1px solid #f6f6f6; border-left:1px solid #f6f6f6;}
.prolst table th,.prolst table td { padding:5px; vertical-align:middle; border-bottom:1px solid #f6f6f6; border-right:1px solid #f6f6f6; box-sizing:border-box;}
.prolst table th { line-height:30px;}
.prolst .img { width:60px; height:60px; overflow:hidden;}
.prolst .img img { display:block; width:100%;}
.prolst .msg { display:table-cell; width:100%; line-height:22px; font-size:12px; color:#333; vertical-align:middle;}
.prolst a { display:block; width:100%; height:100px; background:url(../images/pz03.gif) no-repeat center center;}


@media screen and (min-height:800px) {
    .footer,.footer .fot { padding-bottom:34px;}
}