*{ margin:0; padding:0;    box-sizing: border-box;}
body {color:#555; font-size:15px; line-height:1.8em;background-color:#fff; position:relative; max-width:640px; margin:0 auto;font-family:Arial, Helvetica, sans-serif;    margin-top: -5px;}
h1,h2,h3,h4,h5,h1 a,h2 a,h3 a,h4 a,h5 a{color:#222931;}
a{text-decoration:none; color:#666; cursor:pointer;}
a:hover{cursor:pointer; text-decoration:none; color:#ff6000; }
.clear{clear:both; overflow:hidden;  }
img {    max-width: 100%;    height: auto;}
ul,ol,li{ list-style:none;}
.l{ float:left;}
.r{ float:right;}
.top{    margin: 5px auto 0;    overflow: hidden;    border-bottom: 2px solid #888;}
.top .logo{ float:left; width:149px; padding:0 2px;}
.top .logo img,.top .nav img{ width:100%; height:auto; vertical-align:top;}
.top .nav{ float:right; width:50px; padding:6px 6px 0; display:inline-block;}
.wap-nav{ display:none; width:220px; position:absolute; right:0; top:0;margin-left:50%; z-index:12; background-color:#363a39; height:100%;}
.wap-nav li{width:96%; margin:0 auto;font-size:15px; line-height:2.5em; overflow:hidden;border-bottom: 1px solid #272929;    border-top: 1px solid #464b49;}
.wap-nav li:nth-child(12) {    border: none;}
.wap-nav li a{ color:#fff; display:block; text-indent:40px; font-weight:600;}
.wap-nav li:nth-child(9){ border:none;}
.wap-nav div{ width:100%; background-color:#fff; margin:0 auto; text-align:center; overflow:hidden;}
.wap-nav div img{ width:160px;}
#box_bg{ background:#000; opacity:0.6; filter: alpha(opacity=60); height:100%; top: 0; width: 100%; z-index:11;position:absolute; bottom:0;margin: 0 auto;}
.wap-nav .nav_close{border-bottom:0px solid #ddd;}
.nav_close{ position:absolute; left:-40px; top:6px;}
.wap-nav .nav_close a{ margin:0; padding:0; display:block; background:url(../img/xx.png) no-repeat center; background-size:36px 36px; width:36px; height:36px;}
/*banner*/
/* 焦点图 */
.slideBox{     position: relative;
    overflow: hidden;
    margin: 0 auto;
    display: block;}
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:10px; left:0; width:100%; text-align:center; z-index:1; }
.slideBox .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#c00; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; margin-bottom:-5px;}
.slideBox .bd li{ position:relative;  }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.slideBox .bd li a img{ width:100%;}

/*banner*/
.nav_img{    margin-top: -0.9rem;    clear: both;    position: relative;    z-index: 10;    margin-top: -1.1rem;    line-height: 0rem;    padding: 0rem;}
.nav_img img{ width:100%;}
.h_pro, .c_tit{    background: #fff;    position: relative;    width: 100%;    overflow: hidden;}
.hpro_tit{text-align: center;    margin: 0 0 25px 0;}
.hpro_tit h3 {    font-size: 22px;    font-weight: bold;    margin:0 0 5px 0;}
.hpro_tit p {    font-size: 14px;    line-height: 24px;}
.h_pro li {    width: 48%;    float: left;    text-align: center;    background: #f1f1f1;    padding: 2% 0%;    margin: 0 1%;    margin-bottom: 20px;    position: relative;}
.h_pro li a {    display: block;    margin: 20px 0 10px 0;}
.hot_img {    position: absolute;    top: 0;    left: 15px;}
.h_pro img{ width:100%;}
.c_tit li {    width: 49%;    float: left;    margin: 0.5%;    position: relative;}
.c_tit li a img {    width: 100%;}
.fl_cat {    position: absolute;    top: 0;    text-align: center;    padding: 10px 0;    width: 100%;    background: #15151554;}
.fl_cat h4 {    font-size: 20px;}
.fl_cat img {    margin: 8px 0;}
.fl_cat a {    color: #fff;}
.case_l ul{ margin-top:8px;}
.case_l li{    border-bottom: 1px dashed #ccc; overflow:hidden;    padding-bottom: 8px;    margin-bottom: 8px;}
.case_l h3{ font-size:14px; font-weight:bold;}
.case_l li p span {    color: #d93a15;}

.foot {    height: 80px;    line-height: 40px;    text-align: center;    padding-bottom: 110px;}
.fixed_foot{max-width:640px; margin:0 auto;position:fixed !important;bottom:0px;z-index:100;width:100%;height:40px; line-height:40px;background:-webkit-gradient(linear, left top, left bottom, from(#667185), to(#2e3239));-webkit-background-origin: padding; -webkit-background-clip: content;color:#FFF; text-align:center}
.fixed_foot a{color:#FFF;}

/*产品列表*/
.prol_tab{width: 100%;    overflow: hidden;    text-align: center;}
.prol_tab a {    display: block;    color: #333;    float: left;    font-size: 13px;    margin: 0;    padding: 10px 0;    text-align: center;    width: 33.3333%;    height: 173px;    background: #f5f5f5;    line-height: normal;}

.prol_tab a img {    width: 60%;    background: #c63f1b;    border-radius: 50%;    display: block;    text-align: center;    margin: 0 auto;    margin-bottom: 10px;}
.prol_pro{    width: 100%;    height: auto;    margin: 10px 0 0;    overflow: hidden;}
.prol_pro ul li {    width: 48%;    float: left;    margin: 0 0.5% 0 1%;    text-align: center;}
.prol_pro ul li h3 {     margin: 4px 0 0px;    font-weight: normal;    display: inline-block;    height: 44px;    line-height: 20px;    font-size: 16px;}

/*产品内页*/
.pro_n {    background-color: #f5f6fb;}
.pt {    width: 100%;    display: block;    position: relative;    margin: 0 auto;    overflow: hidden;}
.psh{webkit-box-shadow: #d8cfcf 0px 0px 5px;
    -moz-box-shadow: #d8cfcf 0px 0px 5px;
    box-shadow: #d8cfcf 0px 0px 5px;}
.pjj {    width: 94%;    background: #fff;    margin: 0 auto;    border-radius: 10px;    margin-top: -20px;    position: relative;    z-index: 10;    padding: 30px 0 0 0;}
.pjj-t, .pjj-tm{    width: 85%;    margin: 0 auto;}
.pjj-t h1 {    font-size: 20px;    margin-bottom: 5px;    display: inline;    background: url(../img/t_line.jpg) left bottom no-repeat;    background-size: 35px;    padding-bottom: 10px;}
.pjj-t a {    width: 100px;    height: 30px;    display: block;    background: #ff6218;    font-size: 14px;    text-align: center;    line-height: 30px;    color: #fff;    border-radius: 15px;    float: right;    margin-top: 10px;}
.pjj-t a:after {
    content: "";
    display: block;
    width: 50px;
    height: 0;
    overflow: hidden;
    border-color: #ff6218;
    border-style: solid;
    border-width: 10px;
    margin-left: 16px;
    margin-top: -25px;
    -webkit-box-shadow: #f1e8e8 0px 6px 20px;
    -moz-box-shadow: #f1e8e8 0px 6px 20px;
    box-shadow: #ff6218 0px 6px 20px;
}
.pjj-tc {    overflow: hidden;    border-top: 1px dashed #eaeaea;    border-bottom: 1px dashed #eaeaea;    padding: 12px 0;    margin: 35px auto 10px;;}
.pjj-tc p:first-child {    border-right: 1px dashed #eaeaea;}
.pjj-tc p {    width: 50%;    font-size: 12px;    color: #585858;    float: left;    text-align: center;    line-height: 20px;}
.pjj-tc p span {    font-size: 15px;    color: #333;    font-weight: bold;    display: block;}
.pjj-tm p {    font-size: 13px;    margin: 15px 0 5px 0;    color: #7a7a7a;    line-height: 24px;}
.pjj-tm span {    color: #333;    font-size: 15px;    font-weight: 500;}

.pjj-fg {    width: 100%;    background: url(../img/xzbg.jpg) no-repeat;    background-size: 100%;    padding: 4% 0 2px 0;    position: relative;}
.pjj-fg p {    width: 85%;    color: #3c3c3c;    font-size: 16px;    line-height: 40px;    background: url(../img/ema-t.png) no-repeat left center;    padding-left: 35px;    background-size: 28px;    margin: 0 auto;}
.pjj-fg p span {    font-size: 18px;    color: #ff6218;    font-weight: bold;}

.pcc {    width: 94%;    background: #fff;    border-radius: 10px;        padding: 1px 25px;   margin: 25px auto;}
.pcc1 h2{
    font-size: 16px;
    color: #333;margin-top: 18px;
    text-align: center;
    background: url(../img/bt.png) center top no-repeat;
    background-size: 7%;
    padding-top: 6%;
}
.pcc1 p{ padding:8px 0;}
.jobTitle { margin-top: 25px;cursor: pointer; height: 36px;line-height: 38px;font-weight: bold; font-size: 16px;  padding-left: 15px;    color: #fff;    background: url(../img/promenu.png) no-repeat 93% center #4c5361;    margin-bottom: 4px;    -webkit-box-shadow: #c3c3c3 0px 6px 20px;
    -moz-box-shadow: #f1e8e8 0px 6px 20px;
    box-shadow: #888888 0px 6px 20px;}
.jobContent { display: none;    padding-left: 5px;    padding-bottom: 5px;    overflow-x: scroll !important;   font-size: 14px;}
.activeTitle {background: url(../img/promenuon.png) no-repeat 93% center #e45e1f;}

.related {    overflow: hidden;    width: 100%;margin-top: 15px;}
.related li {    float: left;    width: 33%;    padding-right: 1%;}
.lyb {
    width: 100%;
    margin: 0px auto 20px;
    border: 8px solid #f5f6fb;
    box-sizing: border-box;
    background: url(../img/lyb.jpg) center top no-repeat;
    padding: 36px 28px 47px;
}
.lywz{ font-size:16px; color:#fff; line-height:24px;margin-top: -14px; text-align:center;}
.lyb h3 {
    box-shadow: 0px -3px 3px rgba(0,0,0,0.6) inset;
    text-align: center;
    border-radius: 10px;
    margin: 15px auto 0px;
    font-size: 20px;
    color: #fff;
    padding: 10px 0;
    overflow: hidden;
    background: linear-gradient(#fe7a51, #ff5c2a);
    width: 45%;
}

/*form css*/
.ctleftp{padding:3px 0px;}
.ctleft{overflow:hidden;    background: #fff;    margin-top: 25px;
    border-radius: 10px;
    padding: 20px 28px;}
.ctleft p{ overflow:hidden;}
.ctleft input,.ctleft select{height:35px;line-height:35px;border:1px solid #7c7c7c;border-radius:4px;float:left;margin:4px 0px;width:98%;padding-left:40px;    margin-bottom: 10px;}
.ctleft select{color:#696969;padding-left:35px;}
.cttxt{background: url(../img/l6.png) no-repeat 8px 5px;border:1px solid #7c7c7c;border-radius:4px;height:90px;width:98%;padding-left:35px;font-family:Arial, Helvetica, sans-serif;margin:4px 0px;float:left;       padding: 8px 0 0 40px;}
.iqbtn input{height:40px; background:#d87608; color:#ffffff; cursor:pointer;line-height:30px;border:0px;font-size:16px;padding-left: 0; font-weight:bold;}
.xm{background: url(../img/l1.png) no-repeat 8px center; background-size: 20px;}
.yx{background: url(../img/l2.png) no-repeat 8px center; background-size: 22px;}
.cp{background: url(../img/l3.png) no-repeat 8px center; background-size: 26px;}
.cl{background: url(../img/l4.png) no-repeat 8px center; background-size: 22px;}
.wl{background: url(../img/l5.png) no-repeat 8px center; background-size: 24px;}
.iqbtn {    width: 50%;    margin: 0 auto;}
/*form css end*/

/*table css*/
.hei{color:#fff;background:#4d5159;font-weight:normal !important; }
.hui{background:#eeeeee;}
.table{padding:0px;margin:0px;font-size:14px;font-family:Helvetica,Arial,sans-serif;}

/*table css end*/

/*case列表*/
.cont {  background: #f5f6fb;  padding-top: 4px;    margin: 0 auto;    overflow: hidden;    margin-bottom: 15px;}
.caseul h2{color:#000000;font-size:16px;}
.price a.caseprice{width:100%;height:36px;margin-right:0px;}
.caseul li{padding:14px 10px;border-bottom:1px solid #c0c0c0; overflow:hidden;line-height:20px;}
.caseul li img{float:left;height:80px;margin-right:12px;}
.caseul li p span{color:#d93a15;}
.page{margin-top:20px;text-align:center;height:36px;    margin-bottom: 30px;}
.page .pageinfo{display:none;}
.page li{display:inline;}
.caseul li p{line-height:20px;}
.page li a,.page li.thisclass{color:#fff;padding:6px 15px;background:#de6a46;color:#fff;margin-right:1%;border-radius:5px;}

.cont h1{    font-size: 18px;    color: #d93a15;    font-weight: 500;    padding: 4px;    border-bottom: 1px solid #c0c0c0;}
.intro{margin-bottom:10px;margin-top:5px;    padding: 0 8px;}
.intro p span{color:#000000;}
.intro p strong{color:#000000;font-size:14px;font-weight:500;}
.price {     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.54);   margin-top: 10px;    padding-bottom: 9px;    height: 36px;    border-bottom: 1px solid #c0c0c0;}
.price a.caseprice {    width: 100%;    height: 36px;    margin-right: 0px;}
.price a {    float: left;    background: #d87608;    color: #fff;    border-radius: 4px;    text-align: center;    line-height: 36px;    font-size: 16px;}
.casetitle {    background: url(../img/promenu.png) no-repeat 93% center #d2d2d2;    box-shadow: none;    font-weight: normal;    color: #212121;}
.main{ background:#f5f6fb;}

#about .jobContent img {    width: 49.5%;    margin-right: 0.5%;    margin-bottom: 2px;}
/*contact*/
#contact .tt{color:#000;background:#e7e7e7;padding:3px 5px;}
#contact .td{color:#000;padding-left:5px;padding:3px 5px;}
#contact .td span,#contact .tt span{color:#4d5159;}
@media screen and (min-width: 640px){
#about .jobContent img {
    width: 24.5%;
    margin-right: 0.5%;
}
}
@media (max-width: 510px) {
.prol_tab a { height: 120px; }

.lyb {    padding: 36px 10px 47px;}
.ctleft {    padding: 20px 10px;}
.pjj-t h1 {    font-size: 18px; }
.pjj-t, .pjj-tm {    width: 94%;    margin: 0 auto;}
.pcc { padding: 1px 8px;}
}




/*case列表end*/