@CHARSET "UTF-8";
#header{width:100%;   text-align:center; padding-top:5px; background:#fff; font-weight:bold; padding-bottom:5px; line-height:44px; font:bold 20px/44px "微软雅黑"; color:#434343; position:relative;  border-bottom:1px solid #bebebe;}
.header_left{width:74px; height:34px; background:url(../../images/abc.png) center 10px no-repeat; background-size:26px 24px; position:absolute; left:0; top:0;  margin-top:5px;}
.header_right{width:74px; height:34px; background:url(../../images/13.png) center 10px no-repeat; position:absolute; right:0; top:0; background-size:26px 21px; margin-top:5px;}
/*header css style*/



/* 导航样式 */
.mob-nav {
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #005ca1;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  
  .mob-nav .close-btn {
    text-align: right;
    padding: 15px 15px 0 0;
  }
  
  .mob-nav .close-btn .iconfont {
    font-size: 30px;
    color: #fff;
  }
  
  .mob-nav li a {
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
  }
  
  .mob-nav li a:hover {
    background: #b60066;
  }
  
  .mob-nav li:not(:last-child) {
    border-bottom: 1px solid #fff;
  }
  
  .mob-nav.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }


  #i-nav{}
  #i-nav li{float:left;width:33.33%;background: #efefef;line-height:3em;text-align:center;font-size:1em;font-family:"微软雅黑";color:#3e3e3e;border:1px solid #cdcdcd;border-top: none;border-right:none;}
  #i-nav li:nth-child(5){border-bottom:none;}
  #i-nav li:nth-child(6){border-bottom:none;}
  #i-nav li:nth-child(7){border-bottom:none;}
  #i-nav li:nth-child(8){border-bottom:none;}
  #i-nav li a{display:block;padding-top:50%;font-size: 1em;}
  #i-nav li a.n1{background:url(../../images/1.png) no-repeat center 20%;background-size:50% auto;}
  #i-nav li a.n2{background:url(../../images/2.png) no-repeat center 20%;background-size:50% auto;}
  #i-nav li a.n3{background:url(../../images/3.png) no-repeat center 20%;background-size:50% auto;}
  #i-nav li a.n4{background:url(../../images/4.png) no-repeat center 20%;background-size:50% auto;}
  #i-nav li a.n5{background:url(../../images/5.png) no-repeat center 20%;background-size:50% auto;}
  #i-nav li a.n6{background:url(../../images/6.png) no-repeat center 20%;background-size:50% auto;}
  #i-nav li a.n7{background:url(../../images/7.png) no-repeat center 20%;background-size:50% auto;}
  #i-nav li a.n8{background:url(../../images/8.png) no-repeat center 20%;background-size:50% auto;}

 
 /*banner css style*/
.out_b{overflow:hidden; margin:0 auto; width:320px; padding-top:10px; padding-bottom:10px;}
.slide {position : relative; height:150px; overflow:hidden; width:320px; overflow:hidden; margin:0 auto;}
.slide .content{height:320px; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.slide a {display:inline-block; float:left; width:320px; height:150px; }
.slide a img{width:320px;}
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;} 
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
.slide .mark li.active { background-color:#25a4bb;}

.scroll{width:320px;height:auto;margin:0 auto 0 auto; position:relative;overflow:hidden;}
.mod_01{float:left;width:320px;}
.mod_01 img{display:block;width:100%;height:auto;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:50%;z-index:11;width:80px;margin-right:-40px;}
#slide_01_dot{text-align:center;margin:1px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 2px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}


 /*product css style*/
 
.products{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.contentss{padding:10px; line-height:25px; text-align:left; text-indent:25px;}
.ee{padding-left:20px; font-family:"微软雅黑";}
.products_title{background:#5ab100; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:500 18px/40px "微软雅黑"; height:40px; width:100%; color:#fff;}
.products ul{padding-bottom:5px; text-align:left !important;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px;}
.products ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;box-shadow: 3px 3px 5px #aaa; width:100%;}
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}


.menu_cate{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.contentss{padding:10px; line-height:25px; text-align:left; text-indent:25px;}
.ee{padding-left:20px; font-family:"微软雅黑";}
.cate_title{background:#5ab100; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:500 18px/40px "微软雅黑"; height:40px; width:100%; color:#fff;}
.menu_cate ul{padding-bottom:5px; text-align:left !important; text-indent:0px;}
.menu_cate ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px; background:url(../../images/cpfl1.jpg) repeat-x;border-radius: 10px;}
.menu_cate ul li:hover{ background:#e75627;}
.menu_cate ul li a{display: inline-block;overflow: hidden; width:100%;}
.menu_cate ul li a:hover{ color:#fff;}
.menu_cate ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.menu_cate ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;}


 /* news css style*/
.news{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.news_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:500 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.news ul{}
.news ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/dd1.jpg) 95% center no-repeat; background-size:20px 20px;}
.news ul li a{font:500 12px/35px "微软雅黑"; padding-left:28px; text-align:left; display:block;}

/* product_cate css style*/
.product_cate{width:99.5%; margin:0 auto;margin-top:20px;}
.product_cate_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:500 16px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.product_cate ul{}
.product_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/abcd.png) 95% center no-repeat; background-size:20px 20px;}
.product_cate ul li a{font:500 12px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}
 
/* footer css style
.distraction{height:58px; width:100%;}
.footer{background:#5ab100; display:-webkit-box; width:100%; margin-top:6px; background-size:9px 128px; position: fixed; z-index: 110;bottom: 0;left: 0;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{width:74px; display:block; margin:0 auto; text-align:right; font:500 16px/35px "微软雅黑"; color:#fff; height:35px;}
.footer span.span1{background:url(../../images/a1.png) 10px 6px no-repeat; background-size:23px 27px;}
.footer span.span2{background:url(../../images/a2.png) 10px 4px no-repeat; background-size:23px 27px;}
.footer span.span3{background:url(../../images/a3.png) 10px 6px no-repeat; background-size:23px 27px;}
.footer span.span0{background:url(../../images/icon.png) 10px -75px no-repeat; background-size:110px 385px;}
 */
 
/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../../images/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
body{width:100%; height:100%; overflow-x:hidden; position:relative;}




ul,li{
    list-style: none;
  }
  *{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #header{width:100%;text-align:center;font-weight:bold;line-height:3em;position:relative;background-color:#fff;font-size:18px; }
#header img{max-width:80%;}
.tt{font-weight:bold;font-style:normal;text-transform: uppercase;text-align:center;background:url(../../images/tt.png) no-repeat center top;font-size:2em;font-family:"微软雅黑";color:#005ca1;line-height: 2.2em;background-size: 62%;height:2em;}
.tt1{
    background:#005ca1;
    background-size: 90%;
    color: #fff;
    text-align: left;
    padding-left:5%;
    font-weight:normal;
    height: 2.5em;
    line-height: 2.5em;
}
.tt1 a{
    display:inline-block;
    float: right;
    background:url(../../images/more1.png) no-repeat 78% center;
    padding-right:12%;
    color: #fff;
    font-weight:normal;
    background-size: 30%;
    font-size: 18px;
}
.c_nei{
    color: #333333;
    font-size: 16px;
    text-align: center;
    width: 90%;margin:0 auto;
    font-family:"微软雅黑";

}

.an_nei{
    color: #000;
    font-size: 16px;
    text-align: center;
    width: 90%;margin: 0 auto;
    font-family:"微软雅黑";
     padding-top: 5%;
}


.heng ,.heng img{
    width: 100%;
    margin: 1% auto 0;
}



.i-sv{margin-top:2em;}
.i-sv ul{text-align:left !important;margin-top:1em; font-family:"微软雅黑";}
.i-sv ul li{display: inline-block;text-align: center;overflow: hidden; width:43.0%;margin:2% 3%;}
.i-sv ul li a{display: inline-block;overflow: hidden;width:100%;position:relative;}
.i-sv ul li a img{display: block;width:100%;height: auto;vertical-align: middle;border:2px solid #e4e4e4;}
.i-sv ul li h3{width:100%;height:40px;text-align: center;background:#e4e4e4;color:#333333;font-size:1em;font-weight:normal;line-height:40px;}
.i-sv a.pm{border:1px solid #7d7d7d;color:#666;padding:.5em 0;border-radius:2em;width:182px;text-align:center;display:block;margin:0 auto;font-size:2em;}



.i-au{background:#f3f1f1;padding:3em 2em;margin-top:4em; font-family:"微软雅黑";}
.at{font-size:1.5em;line-height:1.5em;margin-top:3em;}
.at-pic img{max-width:100%; height:auto !important;width:100% !important;}
.i-au a.am{border:1px solid #7d7d7d;color:#666;padding:.5em 0;border-radius:2em;width:182px;text-align:center;display:block;margin:0 auto;font-size:2em;margin-top:2em;}


.i-pro{margin-top:4em;font-family:"微软雅黑";background-size: 100%;}
.i-pro .content{margin-top:1em;}
.i-pro ul{padding:0 1%;}
.i-pro ul li{width:45%;float:left;margin:0 2% 15px;}
.i-pro ul li a.img{display:block;position:relative;}
.i-pro ul li a.img img{width:100%;height:auto;}
.i-pro ul li h3{width:100%;position:absolute;left:0;bottom:0;line-height:3em;height:3em;text-align:center;font-size:15px;color:#fff;background:url(../images/h.png);font-weight:normal;}

.i-pro a.pm{border:1px solid #7d7d7d;color:#666;padding:.5em 0;border-radius:2em;width:182px;text-align:center;display:block;margin:0 auto;font-size:2em;margin-top:2em;}
.i-pro .cat{margin-top:3em;text-align:center;}
.i-pro .cat li{display:inline-block;float:none;padding:.5em 0;border:1px solid #666;margin:0 3px;text-align:center;width:75px;}
.i-pro .cat li a{color:#666;font-size:1em;}


.i-news{margin-top:1em;font-family:"微软雅黑";margin-bottom:60px;background: #fff;}
.ns-tt{background:#ec6d07;padding-left:30px;font-weight:normal;font-size:2.5em;color:#ffffff;line-height:2.5em;}
.ns-tt a{float:right;margin-right:10px;font-weight:normal;font-size:.5em;color:#fff;}
.ns-tt a img{
    margin-left:10px;
}
.i-news ul{padding:15px 2% 0;}
.i-news ul li{;font-size:16px;;border-bottom:1px solid #e4e4e4;text-align:left;padding:5% 0;}
.i-news ul li a{color:#333333;display:block;text-align:left;font-size: 16px;font-weight: bold}
.i-news ul li span{
    display: block;
    background: url(../images/n.jpg) no-repeat top center;
    width: 20%;
    float: left;
    background-size: 100%;
}
.time{
    text-align: center;
    color: #ec6d07;
    font-size: 22px;
    width: 80%;
    margin:0 auto;
    border-bottom: 1px solid #aaaaaa;
    line-height:2em
}
.time1{
    color: #2e2e2e;
    text-align: center;
     line-height: 35px;
     font-size: 14px;
}
.nei-new{
    font-size: 14px;
    line-height: 25px;
}
.distraction{width:100%;color:#dfdfdf;text-align:center;font-size:20px;padding:10px 0;line-height:1.5em;font-family:"微软雅黑";}

.footer{background:#005ca1; display:-webkit-box; width:100%;z-index: 110;bottom:0px;left:0px;position: fixed;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;width: 25%;}
.footer span{
    width:100%;
    display:block;
    margin:0 auto;
    text-align:center;
    font:400 15px/2em "微软雅黑";
    color:#fff;text-align:center;
    padding-top: 50%;
}
.footer span.span1{background:url(../../images/a1.png) center 12px no-repeat; background-size:32% auto;}
.footer span.span2{background:url(../../images/a2.png)  center 12px no-repeat; background-size:32% auto;}
.footer span.span3{
    background:url(../../images/a3.png)  center 12px no-repeat;
    background-size:32% auto;
    position: relative;
    top: 0%;
    display: block;height: 100%}
.footer span.span4{background: url(../../images/a4.png)  center 10px  no-repeat;background-size: 32% auto;}
.footer span.span5{background:url(../../images/a5.png)  center 12px  no-repeat; background-size:32% auto;}