﻿/********************************* Reset ******************************/
@font-face {font-family:"dincond"; src:url("../fonts/dincond-light.eot");}
@font-face {font-family:"dincond"; src:url("../fonts/dincond-light.ttf");}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {
    margin:0;
    padding:0;
    font-family:sans-serif;
    font-weight:inherit;
    font-style:inherit;
    font-size:inherit;
    text-align:inherit;
  /*  vertical-align:baseline;*/
    color:inherit;
    border:0;
    outline:0;
}
html, body {width:100%; height:100%; -webkit-user-select:none;}
.bjdgd{background: #88B41F url(../images/tophead.jpg) repeat fixed; position: absolute; z-index: -11; width: 100%; height: 100%;}

:focus {outline:0;}
table {
    border-collapse:separate;
    border-spacing:0;
}
caption, th, td {
    text-align:left;
    font-weight:normal;
}
a {text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none;}
a img, iframe {border:none;}
img {vertical-align:top; max-width:100%;}
p {text-align:justify;}
ol, ul {list-style:none;}
input, textarea, select, button {
    font-size:100%;
    font-family:inherit;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
}

.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.innerweb{padding: 0 15px; background-color: #fff;  position: relative; display: block; }


/*头部*/

.Header{z-index:10; width:100%;background: #88B41F url(../images/sjlogo.jpg) no-repeat bottom;  background-size: 100%;  position: fixed; height: 170px;}


.Header .apao {display: block;  width: 100%; height: 40px; bottom:0; padding-top: 130px;  z-index: 99999;}

.Header .apao a{width: 33.33333%; height: 40px; float: left; }





/*.Header{z-index:10; width:100%;background: #88B41F url(../images/tophead.jpg) no-repeat top;  background-size: 100%;  position: fixed; height: 140px;}*/

.Header .logo {display:block; width:33%; float: left; overflow: hidden; margin-top: 100px;  }
.Header .logo img{display:block;  }
.Header  span{width: 0.5%; height: 38px; background-color: #88B41F ; float: left;}
.Header .xkiod{float: left; width: 66%;height: 40px;}
.Header .xkiod span{width: 0.5%; height: 30px; background-color: #88B41F ; float: left;}
.Header .xkiod .logo2{width: 49.5%;float: left; height: 30px; margin-top: 10px;}

.Header .xkiod .logo2 img{display:block; height: 30px; }
/*头部*/


/*底部*/

.footer {padding: 10px; position: relative;z-index: 2;background: #88B41F ;overflow: hidden;}

.footer p {font-size: 13px;line-height: 22px;text-align: center;color: #fff;}
.footer p a{color: #fff;}



.fnav{ position:fixed; bottom:0; left:0; min-width:320px; max-width:640px; width:100%; height:68px; background:#18130e;z-index:99;}
.fnav li{ width:25%; float:left; height:68px; position:relative;}
.fnav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#282828;}
.fnav li a{ display:block; text-align:center; color:#fff; font-size:13px; height:68px; font-family:"Microsoft YaHei";}
.fnav li a:hover{ background:#03256d;}
.fnav li:last-child:before{ background:none;}
.fnav li em{ display:block; width:25%; margin:0 auto ; padding-top:6px; margin-bottom: 6px;}
.fnav li em img{ display:block; width:100%;}
/*底部*/

.serverbanner{display: block;}
.serverbanner img{display:block; width:100%;}

.index-title { text-align: center; }
  .index-title h2 { font-size: 24px; line-height: 33px; margin-bottom: 6px; }
   .index-title h5 { font-size: 32px; line-height: 47px; margin-bottom: 15px; }
  .index-title h3{border-radius: 4px; width: 100px; height: 3px; margin: auto; background-color: #58A4D8;} 
  .index-title p { font-size: 19px; line-height: 30px;  margin-top: 5px; text-align: center;}

.index-titlew { text-align: center; }
  .index-titlew h2 { font-size: 32px; line-height: 47px; margin-bottom: 15px; color:#FFFFFF }
   .index-titlew h5 { font-size: 32px; line-height: 47px; margin-bottom: 15px;color:#FFFFFF  }
  .index-titlew h3{border-radius: 4px; width: 100px; height: 5px; margin: auto; background-color: #58A4D8;} 
  .index-titlew p { font-size: 19px; line-height: 30px;  margin-top: 5px; margin-bottom: 35px;color:#FFFFFF }

.index-title1 { text-align: center; }
  .index-title1 h2 { font-size: 24px; ine-height: 33px; margin-bottom: 6px;  }
   .index-title1 h5 { font-size: 18px; line-height: 33px; margin-bottom: 6px; }
  .index-title1 h3{border-radius: 4px; width: 100px; height: 5px;margin: auto;  background-color: #58A4D8;} 
  .index-title1 p { font-size: 14px; line-height: 30px;  margin-top: 5px; margin-bottom: 6px;text-align: center;}






/*内页分类*/
.prot{ /*height:5.5rem;*/ margin:1.5rem 0; overflow:hidden;}
.prot p{ width:40%; height:2.5rem; border-radius:0.5rem; float:left; margin:0 0 0.4rem 6%; background:#15499a; text-align:center; line-height:2.5rem; color:#fff; font-size:1.1em;}
.prot p a{ color:#fff; display:block;}
.prot .cur{ background:#ad2d2a; color:#fff;}
/*内页分类*/



/*内页分类*/
.prot1{ /*height:5.5rem;*/ margin:1.5rem 0; overflow:hidden;}
.prot1 p{ width:29.6875%; height:2.5rem; border-radius:0.5rem; float:left; margin:0 0 0.4rem 2.8%; background:#15499a; text-align:center; line-height:2.5rem; color:#fff; font-size:1.1em;}
.prot1 p a{ color:#fff; display:block;}
.prot1 p a .cur{ background:#ad2d2a; color:#fff;}
/*内页分类*/


/* 首页banner */
.index_banner{ position:relative; z-index:1;  }
.bannerBox{ position:relative; z-index:1; width:100%; overflow:hidden;}
.bannerBox ul{}
.bannerBox ul li{ float:left;position:relative; height:auto !important;}
.bannerBox ul li img{ display:block}
.bannerBox ul li p{position:absolute; width:100%;text-align:center;padding:10px 0; bottom:0; left:0;min-height:56px; font-size:1.5rem; box-sizing:border-box;-webkit-box-sizing:border-box; color:#fff; background:rgba(0,0,0,.7);}

.bannerBtn{ position: absolute; bottom:8px; z-index:98; right:0;width:100%;text-align:center;}

.bannerBtn .swiper-pagination-bullet{
  display: inline-block;
  width: 12px;
  height: 12px;
  border:1px solid #88B41F;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 50%;
  background:none;
  transition:all 1s ease-in-out;
  -webkit-transition:all .5s ease-in-out;
}
.bannerBtn .swiper-pagination-bullet-active {
  background:#88B41F;
}

/* 首页banner */


/*产品*/
.productlist { padding: 20px 0 30px; position:relative; overflow: hidden;}
.productlist ul{ zoom: 1;}
.productlist ul li { width:48%; float: left; margin-right:4%;  margin-bottom: 20px;overflow:hidden;}
.productlist ul li:nth-child(2n){margin-right: 0;}
.productlist ul li .buit{border: solid 1px #fff;}
.productlist ul li p { padding: 0 5px; line-height: 38px; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.productlist ul li .buit:hover{color:#88B41F;border: solid 1px #ccc;}
.productlist ul li:hover p{color:#88B41F;}
.productlist ul li .figure{width:100%;overflow:hidden;}
.productlist ul li .figure img{width: 100%;}

/*产品*/


/* 产品详情 */
.newsr{margin: 10px 0;  overflow: hidden;}
.shequ-title{ line-height:1.4; border-bottom:2px solid #005131 ; text-align:center;padding:20px 0 10px;margin-bottom:5px; font-size:1.0rem; color:#000 }
.newsr .picimg{width: 80%; margin: auto;text-align: center;}
.newsr .picimg img{max-width: 100%; text-align: center;}


/* page */
.page-div{width:100%;margin-bottom:15px;padding-top:5px;margin-top:20px;text-align:center;}
.page-div .history-p {display:inline-block;padding:5px 40px;background-color:#005131;color:#fff;border-radius:30px;margin-bottom:30px;}
.page-div p{text-align:left;font-size:15px;padding:0;margin-bottom:15px;border-bottom:1px solid #ccc;line-height:45px;}
.page-div p a{color:#005131}
/* page */

.m-cx-cpxq-01 { box-sizing: border-box;padding: 1.2rem 0px; overflow: hidden;}
.m-cx-cpxq-01-tit {height: 2.25rem;border-bottom: 1px solid #d7d7d7;box-sizing: border-box;margin-bottom: 1rem;}
 .m-cx-cpxq-01-tit span { display: inline-block;height: 2.25rem;font-size: 1.3em;line-height: 1.8rem; color: #464646; border-bottom: 1px solid #333333;box-sizing: border-box;vertical-align: top; padding-top: .2rem;background-size: 1.1rem; margin-right: .5rem; }

/* 详情end */

























