﻿*{ margin:0px; padding:0px; box-sizing:border-box;list-style-type: none;}
body {
    background: #fff;
    font-size: 12px;
    color: #707070;
    font-family: "Microsoft yahei", sans-serif;
    text-decoration: none;
    width: 100%;
    overflow-x: hidden; 
}
a {
    color: #707070;
    text-decoration: none;
}
.w1440{ width:1440px; margin:0 auto; }
.w1100{ width:1100px; margin:0 auto; }
.clr{ clear:both; }
img{ 
     border: 0;
    vertical-align: middle;
     
     }

.head {
    background-color: rgba(102, 102, 102, 1);
}
.head .logo{ float:left; }
.head .nav{ float:right; }
.head .nav>ul li ul 
{ 
    width: 110px;
    font-size: 13px;
    position: absolute;
    left: -5000px;
    opacity: 0;
    z-index: 100; 
    margin-top: 0px; 
} 
.head .nav>ul li:hover ul{ 
    left: 0px;
    opacity: 1; 
    margin-top: 0px;}
    
    .head .nav>ul li ul li a{ line-height:36px;     height: 36px; font-size: 13px;} 
    .head .nav>ul li ul li a span{ height: 36px;font-size: 13px;
    display: block;
    text-align: center; }
    
    
    
.head .nav>ul li ul li a .mm-container{ margin-top: -36px; }
.head .nav>ul>li>a span {
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}
.head .nav a span {
    color: #c4c4c4;
    background-color: rgba(102, 102, 102, 1);
}

.head .nav .mm-over {
    color: #ffffff;
    background-color: rgba(102, 102, 102, 1);
}
.head .nav>ul a {
    height: 100%;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 101;
    border: 0;
    height: 50px;
}
.head .nav>ul a .mm-container{ margin-top: -50px; }
.head .nav>ul a:hover .mm-container{ margin-top: 0px; 
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -mos-transition: all 0.3s;
    -webkit-transition: all 0.3s; }

.head .nav>ul>li {
    float: left;
    position: relative;
    width: 110px;
}
.banner{ border-bottom:1px solid rgba(228,228,228,1); }

.iproduct{ padding:15px; } 

.iproduct ul li 
{
    width: calc((100% - 40px)/4); 
    margin: 5px;
    height: auto; 
    overflow: hidden;
    border: 1px solid #f0f0f0; 
    float:left;
    vertical-align: top;
    text-align: left;
    padding:5px;
 }

.iproduct ul li p{ display:none; }
.iproduct ul li img{ max-width:100%; width:100%; }
.footer {
    background-color: rgba(242, 242, 242, 1);
    margin-top: 0px;
    padding:60px 0px 0px;
}
.footer .links dl{ float:left; width:160px; font-size: 14px; }
.footer .links dl dt img{ display:block; margin:10px 0px 20px; }
.footer .links dl dd{ display:block; }
.footer .links dl dd a{ font-size: 12px; color:#555; line-height:2; }
.copy { margin-top:60px; }
.copy .w100{ width:100%; }
.copy .cl{ float:left; line-height:50px; }
.copy .cr{ float:right; line-height:50px; }
.copy .cr a{ float:left; margin-left:50px; }


.gsjj{ margin-top:30px; } 
.gsjj .cate { border-bottom: 1px #d8d8d8 solid !important; padding-bottom:5px; }
.gsjj .cate ul{ overflow:hidden; }
.gsjj .cate li 
{
    width: 145px;
    float: left; 
    margin-right: 8px; 
}
.gsjj .cate li a 
{ 
    background: none; 
    width: 145px; 
    display:block; 
    text-align:center; 
    line-height:30px; 
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    font-size: 14px;
    color: #333;
}
.gsjj .cate li.act,.gsjj .cate li:hover
{  
    background: #d3171f; 
}  
.gsjj .cate li.act a ,.gsjj .cate li:hover a
{ 
    color: #fff; 
}
.gsjj .show{ padding: 10px; padding-top: 30px;}
.gsjj .show p 
{
    font-family: 微软雅黑;
    line-height: 28px;
    font-size: 14px;
    margin: 0px;
    padding: 0px; }
.gsjj .show div 
{
    font-family: 微软雅黑;
    line-height: 28px;
    font-size: 14px;
    margin: 0px;
    padding: 0px; }
    
    
    
    .product{ margin-top:30px; } 
.product .cate { border-bottom: 1px #d8d8d8 solid !important; padding-bottom:5px; }
.product .cate ul{ overflow:hidden; }
.product .cate li 
{
    width: 145px;
    float: left; 
    margin-right: 8px; 
    margin-bottom:10px;
}
.product .cate li a 
{ 
    background: none; 
    width: 145px; 
    display:block; 
    text-align:center; 
    line-height:30px; 
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    font-size: 14px;
    color: #333;
}
.product .cate li.act,.product .cate li:hover
{  
    background: #d3171f; 
}  
.product .cate li.act a ,.product .cate li:hover a
{ 
    color: #fff; 
}
.product .plist { padding: 10px; }
.product .plist ul{ overflow:hidden; }
.product .plist ul li 
{
    width: calc((100% - 40px)/4);
    margin: 5px;
    height: 335px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;  
    border: 2px solid rgba(243,243,243,1);
    position: relative;
    float:left;overflow:hidden;
 }
 .product .plist ul li .p_img
{
    overflow:hidden;
    padding-bottom: 75%;
    height: 0px;
    position: relative;
    
}
.product .plist ul li .p_img img
{
    
    width: 100% !important;
    height: auto !important;
    left: 50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    position: absolute !important;
} 
 .product .plist ul li .p_txt     
 {
     padding-left: 20px;
     padding-right: 20px; 
 }
.product .plist ul li .p_txt  h3 
{ 
    min-width: 37px;
    padding: 0;
    color: rgba(51,51,51,1);
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
    margin-top:24px;
}
.product .plist ul li .p_txt p 
{
    margin-top: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    color: rgba(102,102,102,1);
    font-size: 14px;
    line-height: 26px;
}
 
.fullSlide{ width:100%;  position:relative;  height:525px;clear: left;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:525px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:525px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:40px; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center;_background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:5px; border:2px solid rgba(102, 102, 102, 1); border-radius: 50%;   overflow:hidden; line-height:9999px; }
.fullSlide .hd ul .on{ background:rgba(102, 102, 102, 1);  }

 
.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:43%; margin-top:-25px; display:block; width:79px; height:120px; padding:40px 0px; background:rgba(81,80,80,.3) url(../images/slider-arrow.png) -122px 7px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }
 
 .js-adapMobile img{ max-width:100%; }