/* CSS Document */
@import url("reset.css");
*{vertical-align: middle; }
.clear { clear: both; display: block; font-size: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
/* float */
.fl { float: left; display: block; }
.fr { float: right; display: block; }
.center { text-align: center; }
/* Color */
.Green { color: #76cc1e; }
.red { color: #cd2122 }
.blue { color: #05a6d4 }
/* Margin */
.mt-20 { margin-top: 20px; }
.pd { padding-top: 51px; }
span,strong{vertical-align:baseline;}
/*heads*/
.heads_top { width: 100%; min-widht: 1170px; background:#e9e9e9; height:100px;}
.heads { width: 100%; min-widht: 1170px; background:#336600; margin-bottom:20px; position: fixed; top:0px; z-index:999999; }
.heads .topt{ position: absolute; top: 15px; right: 20px; vertical-align: middle;  color:#888;}
.heads .topt a{ display:inline-block; padding:0px 7px 0px 7px; font-size:12px; color:#888;}
.heads .top { height: 30px; line-height: 30px; background: #565050; color: #FFF; }
.heads .top .topnr { width: 1170px; margin: 0 auto; }
.heads .top { height: 30px; width: 100%; background: #1873ba; }
.heads .top { height: 30px; line-height: 30px; background: #565050; color: #fff; }
.heads .top .topleft { float: left; }
.heads .top .topright { float: right; }
.heads .top .topright A { color: #fff; text-align: center; float: left; padding: 0px 8px; }
.heads .top .topright .buy { margin: 0 10px; }
.heads .top .topright .tel { font-size: 14px; }
.heads .top .topright A IMG { vertical-align: -5px; margin-right: 3px; }
.heads .con { width: 1170px; margin: auto; height: 90px; }
.heads .con .logo { width: 220px; padding: 12px 5px; }
.heads .con .menu { padding-top: 60px; }
.heads .con .menu div { float: left; cursor: pointer; margin: 0px 5px; position: relative; height: auto; }
.heads .con .menu div h2 {font-size: 18px; border-radius: 5px; padding: 5px 10px; background: none; }
.heads .con .menu div h2 a { font-size: 18px; color: #FFFFFF;  }
.heads .con .menu div h2.hover { color: #01fc0d;}
.heads .con .menu div h2.hover a { font-size: 18px; color:#01fc0d;  }
/**/
.heads .con .menu div ul { position: absolute; background: #FFF; border-radius: 5px; border: 1px solid #CCC; display: none; overflow: hidden; z-index: 99999; }
.heads .con .menu div ul li { font-size: 12px; color: #333; padding: 5px 23px; text-align: center; line-height: 20px; margin: 5px 0px; }
.heads .con .menu div ul li:hover { background: #F2F2F2; color: #f25c27; }
.heads .con .menu div ul li:hover a { color: #f25c27; }
/*通栏*/
.banner { margin: 0px auto 20px auto; width: 100%; overflow: hidden; height: auto;}
.banner .bl { float: left; width: 550px; }
.banner .bl h2 { font-size: 24px; color: #F25C27; text-transform: none; font-weight: normal; padding: 0px; text-transform: uppercase; padding-top: 15px; }
.banner .bl ul { display: block; background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px 4px 4px 4px; padding-top: 10px; padding-bottom: 10px; padding-right: 15px; padding-left: 15px; margin-bottom: 0; list-style: none; }
.banner .bl ul li { display: block; background: url("../images/arrowcategory.png") no-repeat scroll 0px center transparent; }
.banner .bl ul li a { display: block; padding: 11px 5px 11px 20px; border-bottom: 1px dashed #E7E7E7; color: #999999; text-decoration: none; }
.banner .bl ul li a:hover { color: #333; }
.banner .br { float: right; width: 100%; }
/**/
.slidebox_b { width: 100%; margin: 0px; padding: 0px;  position: relative; margin-bottom: 15px;height: auto; }
.slidebox_b .buypic ul li{position:fixed;width:100%;min-width:1520px;background-color:#fff;background-size:cover;-webkit-background-size:cover;-o-background-size:cover;}
.slidebox_b .num { overflow: hidden; height: 25px; position: absolute; bottom: 12px; left: 50%; zoom: 1; z-index: 50 }
.slidebox_b .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 300; color: #FFFFFF; background: #444444; margin-right: 10px; display: inline; cursor: pointer; float: left; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -moz-box-shadow: 20px 20px 30px none; -webkit-box-shadow: 20px 20px 30px none; box-shadow: 20px 20px 30px none; }
.slidebox_b .num li.on { background: #FF7700; } /*当前项*/
/*上一个  下一个*/
.slidebox_b .prev, .slidebox_b .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px; }
.slidebox_b .prev { left: 0; }
.slidebox_b .next { right: 0; background-position: right }
/*end通栏*/


/*index*/
.index_al { width: 1170px; margin: auto; padding: 0px; padding-top:0px; }

.index_al .con { width: 1170px; margin: 0px auto; padding: 0px 0px 0px 0px; }
.index_al .con ul { display: block; overflow: hidden; }
.index_al .con ul li { height: 375px; float: left; overflow: hidden;text-align:center; overflow:hidden ; cursor:pointer;}
.index_al .con ul li:hover{}
.index_al .con ul li:hover h1{ font-size: 21px; color:#f25c27;}
.index_al .con ul li:hover p{ color:#f25c27; border: 1px solid #f25c27;}
.index_al .con ul li:hover img{transform: scale(1.1);}
.index_al .con ul li.mr{ margin:0px;}
.index_al .con ul li img { vertical-align:middle;cursor: pointer;transition: all 0.6s;}
.index_al .con ul li h1 { width: 100%; text-align: center; display: block; height: 40px; line-height: 40px; padding:20px 0px 0px 0px; text-align:center; font-size:20px; font-weight: bold;
    color: #666;}
.index_al .con ul li p{ border:1px dashed #CCC; width:50px; height:50px; line-height:50px; font-size:14px; font-weight:bold; border-radius:50px; margin:0px auto; color:#666}

/*主框架*/
.content-wrap { margin: 20px auto; width: 1170px; overflow:hidden; }
.content-wrap .l{width: 299px; float: left;}
.content-wrap .l .daohang{ padding:0px; margin: 0px auto; width: 100%;border: 1px solid #e1e1e1; border-top: 3px solid #65bf75;}
.content-wrap .l .daohang h1{ font-size:20px; line-height:50px; height:50px;  color:#65bf75; text-align:left; padding-left: 20px; border-bottom: 1px solid #e1e1e1;}
.content-wrap .l .daohang ul{ display:block; padding:10px 0px;}
.content-wrap .l .daohang ul li{ height:35px; line-height:35px;  font-size:14px; margin-bottom:1px;}
.content-wrap .l .daohang ul li a { display:block; text-align:left; color:#999; padding-left: 20px; font-weight: bold;}
.content-wrap .l .daohang ul li a:hover{background: #efefef; text-decoration:underline; color:#f25c27; font-size:14px;}
.content-wrap .l .daohang ul li .hover{ text-decoration:underline; color:#f25c27; font-size:14px;}
 
.content-wrap .r{width: 869px; float: right;  min-height: 600px;}
/*关于我们*/
.content-wrap .r .us { padding: 0px 0px 0px 40px ;}
.content-wrap .r .us h2 { height: 50px; padding-left:30px; background:url(/Public/home/images/ico.png)  no-repeat left; border-bottom: 1px solid #e1e1e1;font-size: 28px; display:block; color: #65bf75;}
.content-wrap .r .us .uscon { padding: 10px 0px; line-height: 22px; font-size:14px; word-break: break-all; word-wrap: break-word; }
.content-wrap .r .us .uscon p { word-break: break-all; word-wrap: break-word; padding: 5px 0px; margin: 0px;line-height: 22px; font-size:14px; }
/*加入我们*/
.content-wrap .r .us .jiaru{padding: 10px 0px; line-height: 22px; font-size:14px; word-break: break-all; word-wrap: break-word;}
.content-wrap .r .us .jiaru h3{ background:#e9e9e9; display:block; line-height:30px; padding-left:5px; font-size:16px; font-weight:bold;}
.content-wrap .r .us .jiaru h3 span{ color:#f25c27; display:inline-block; padding-right:5px;}
.content-wrap .r .us .jiaru .p{ padding:10px 5px 10px 5px;}


/*案例首页*/
.content-wrap .r .us .ListInner { width: 207px; height: 240px;
    margin: 0px auto;  overflow: hidden; float:left; box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    border-bottom:1px solid #DDD;border-right:1px solid #DDD;}
.content-wrap .r .us .ListInner .pic { padding-right:0px; width: 206px; height: 180px; text-align: center; vertical-align: middle; }
.content-wrap .r .us .ListInner .pic a { width: 180px; height: 180px; display: inline-block; text-align: center; vertical-align: middle; display:flex;align-items:center;justify-content:center; margin: 0px auto;overflow: hidden;}
.content-wrap .r .us .ListInner .pic a img { width:100%;height:auto; }
.content-wrap .r .us .ListInner .newstitle { line-height: 26px; font-size: 14px;}
.content-wrap .r .us .projectinfo { width: 100%; margin: 0px auto;}
.content-wrap .r .us .projectinfo h3 { display: block; padding: 0px 10px; font-size: 14px; text-align: center;overflow: hidden;height: 40px;}
.content-wrap .r .us .projectinfo h3 a{ font-size: 14px; color: #666;}
/*行业分类*/
.content-wrap .r .us .hangye{ padding:0px 0px; overflow:hidden; padding-top:20px;}
.content-wrap .r .us .hangye ul{ display:block;}
.content-wrap .r .us .hangye ul li{ display:block; float:left; width:185px; padding-left:22px; line-height:30px;background: url(/Public/home/images/ico.gif)  no-repeat left; }
.content-wrap .r .us .hangye ul li a{ font-size:18px; }
/*案例内容*/
.content-wrap .r .us .anli_nr{  width:800px; overflow:hidden; padding:10px 0px;}
.content-wrap .r .us .anli_nr h3{ display:block; line-height:25px; font-size:14px; border-bottom:2px solid #e1e1e1;}
.content-wrap .r .us .anli_nr .nr{ padding-top:10px;}
.content-wrap .r .us .anli_nr .nr img{ margin:5px 0px;}
.content-wrap .r .us .anli_nr .fn{ padding-top:10px;}
.content-wrap .r .us .anli_nr .fn p{ display:block; padding-top:5px; font-size:14px;}
/*news*/
.content-wrap .r .us .news { background:#FFF;}
.content-wrap .r .us .news .newsList { padding:10px 0px 10px 0px; border-bottom: 1px dotted #aaa; overflow:hidden; line-height: 26px; }
.content-wrap .r .us .news ul{ display:block; padding:0px;}
.content-wrap .r .us .news .newsList .ListInner { width: 100%; position: relative; }
.content-wrap .r .us .news .ll .pic { width: 150px; text-align: right; overflow: hidden; padding: 0px 0px; float: right; display: inline;z-index: 100;  line-height: 26px;  }
.content-wrap .r .us .news .ll .newstitle { line-height: 26px; font-size: 14px; }
.content-wrap .r .us .news .ll .newstitle A { color: #444; }
.content-wrap .r .us .news .projectinfo { width: 600px; float: left; padding-left: 0px; }
.content-wrap .r .us .news .projectinfo P { color: #333; line-height: 22px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; }
/*news show*/
.content-wrap .r .us .n_show { width: 100%; float:left; margin-top: 20px; margin: 0px auto; overflow: hidden; padding-left:10px;}
.content-wrap .r .us .n_show h3{ display:block; text-align:center; font-size:20px; padding:20px 0px;}
.content-wrap .r .us .n_show .show_nr{ background:#FFF; padding:0px;}
.content-wrap .r .us .n_show .post_title { font-size: 20px; text-align: left; padding: 15px 20px; }
.content-wrap .r .us .n_show .post_title span{font-weight:900; color:#f25c27;}
.content-wrap .r .us .n_show .post_meta {  line-height: 35px; background: #f9f9f9; padding: 0 10px; text-align: center; }
.content-wrap .r .us .n_show .post_meta span { margin: 0 20px 0 5px; }
.content-wrap .r .us .n_show .show_content{ padding:15px 0px; font-size:14px;}
.nextNav { padding-top:10px; border-top: 1px dotted #aaa; margin-top:10px;  overflow: hidden; }
.nextNav p { width: 50%; float: left; font-size: 14px; }
/**/

/*footer*/
.weblink { width: 1170px; margin:  10px auto;border-top:1px solid #e1e1e1; padding: 15px 0; overflow: hidden; }
.weblink h2 { width: 1170px; margin: 0px auto; color: #333; font-weight: 900;line-height:30px; font-size: 20px; }
.weblink h2 span { display:inline-block;font-weight: 900; font-size: 20px; line-height:30px;}
.weblink h2 span.s { display:inline-block;color: #F60; font-weight: 900; font-size: 20px; line-height:30px;}
.weblink .list { width: 1170px; margin: 5px auto; padding-bottom: 7px; }
.weblink .list a { display: block; width:175px; height:50px; overflow:hidden; float: left; font-size:14px; white-space: nowrap; padding: 5px 10px 5px 10px; }
.footer { width: 1170px; margin: 0px auto; border-top:1px solid #e1e1e1; padding: 0px; overflow: hidden; }
.footer .footer_menu { width: 1170px; padding: 20px 0px; margin: 0px auto; overflow: hidden; }
.footer .footer_menu ul { display: block; margin: 0px auto; }
.footer .footer_menu ul li { line-height: 25px; text-align: center; font-size:14px; }
.footer .footer_menu ul li a { display: inline-block; padding: 0px 7px;  }
.footer .footer_menu ul li span { line-height: 25px; font-size: 16px; padding: 10px; }
/* page */
.sabrosus { margin: 10px 3px 10px; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background-image: none !important; }
.sabrosus span { border: #fff 1px solid; padding: 0px 8px; margin: 2px; color: #333; text-decoration: none;height: 25px;line-height: 25px;display: inline-block; }
.sabrosus a { border: #333 1px solid; padding: 0px 8px; margin: 2px; color: #333; text-decoration: none;height: 25px;line-height: 25px; display: inline-block;}
.sabrosus a:hover, .sabrosus a:active { border: #333 1px solid; }
.sabrosus .current { border: #333 1px solid; padding: 0px 8px; font-weight: bold; margin: 2px; color: #fff; background-color: #333;height: 25px;line-height: 25px;display: inline-block;vertical-align: middle; }
.sabrosus .disabled { border: #fff 1px solid; padding: 5px 2px; color: #ddd; }
/**/
.huigu{ padding:0px 0px; overflow:hidden;border: 1px solid #e1e1e1; border-top: 3px solid #65bf75; margin-top: 20px;}
.huigu .pic{ padding:0px; margin:15px 0px;padding-bottom: 6px;}
.huigu .pic ul{ width:260px; display:block; padding:0px; margin: 0px auto;overflow: hidden;}
.huigu .tit{ font-size:20px; height: 50px; line-height: 50px;color: #65bf75;font-size: 20px;padding-left: 20px;border-bottom: 1px solid #e1e1e1;  }
.huigu .pic ul li{ border:0px; width:120px; height:120px; float:left; background:none;padding:5px; margin: 0px auto; overflow:hidden;text-align: center;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;}
/* 首页推荐*/
.index_hot { background: #f4f6f5; width: 100%; padding: 0px 0px;}
.index_hot .tit{ width: 1170px; margin: 0px auto; line-height: 60px; background: #fff; text-align: center; font-size: 26px;  color: #1A7E1E;font-weight: 800; }
.index_hot .con{width: 1170px; margin: 0px auto;overflow: hidden; background-image: url("../images/indexHot.png");}
.index_hot .con ul li {width: 585px; float: left; height: 420px; text-align: center; padding-top: 35px; }

/*产品参数*/
.pro_info{width: 460px;position: relative;left: 365px;top: 0px;height: 350px;}
.pro_info .tit{text-align: left;
    padding: 10px;
    font-size: 18px;
    color: #666;
    padding-top: 20px;
    height: 50px;
    line-height: 25px;}
.pro_info .cs{padding-left: 10px;}
.pro_info .cs li{display: inline-block; width: 95%; text-align: left; padding: 8px 0px;font-size: 16px;}
.pro_info .cs .cs_tit{    margin-top: 0px;}
.pro_info .cs .cs_tit li{  color: #999;}
.pro_info .cs .cs_con{color: #333;}
.pro_info .gt{
    position: absolute;
    width: 150px;
    text-align: center;
    background: #d40000;
    border-radius: 3px;
    line-height: 50px;
    font-size: 16px;
    color: #FFF;
    right: 0px;
    top: 300px;}