/* base style */
.top{ width: 100%; height: 82px;  padding: 0px 20px; border-bottom: solid 1px #f0f4f5; position: fixed; z-index: 999999999999; background: url("../images/navbj.png");}
.top1{ width: 100%; height: 82px; }

.logo img{ height: 45px; margin-top: 20px;}
.sou{ height: 38px; width: 38px; background: #23b8ff;border-radius: 4px; margin-top: 20px;}
.sou img{ height: 20px; width: 20px; margin: 9px; }
.shlx{ font-size: 22px; font-weight: bold; color: #EA4335; margin-top: 22px; margin-left: 15px;}
/*导航*/
.nav{ padding-left: 60px;}

.nav111{ width: 100%; height:82px; line-height:45px;  position:relative; z-index:1; float:left; width:100%; }
.nav111 a{ color:#333; margin-top: 18px;  }
.nav111 .nLi{  position:relative; display:inline; margin-right: 40px; }
.nav111 .nLi h3{ float: left; display: inline; }
.nav111 .nLi h3 a{ display:block; width: 100%; font-size:16px; font-weight:bold; text-align: center  }
.nav111 .sub{ display:none;  left:0; top:82px; width: 150px;  position:absolute; background:#e3eff2;   padding:5px 0px 20px 0px; text-align: center; font-size: 14px; line-height: 18px; margin-left: -45px; }
.nav111 .sub li{ zoom:1;  }
.nav111 .sub a{ display:block; }
.nav111 .sub li a{ font-size: 14px;  padding:4px 5px;  }
.nav111 .sub a:hover{  color:#fff; background: #EA4335 }
.nav111 .on h3 a{ background:url("/Public/Home/images/navx.jpg") bottom center repeat-x; color:#EA4335;   }

/*幻灯片*/
.hdp{ width: 100%; height: 400px; background: #f0580c}

.slideBox{ width:100%; height:400px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; width:100%; text-align:center; bottom:20px; z-index:1; }
.slideBox .hd ul{text-align: center;  }
.slideBox .hd ul li{
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 40px;
    height: 4px;
    margin: 0 1px;
    background: #fff;
    overflow: hidden;-webkit-border-radius:2px;
}
.slideBox .hd ul li.on{ width: 40px;background:#EA4335; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center;}
.slideBox .bd img{width:1920px; position:absolute; left:50%; top:0; margin-left:-960px; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.w100bj{ width: 100%; background: #f0f4f5; padding: 60px 0px 70px 0px;}
.w100bj1{ width: 100%; background: #f0f4f5; padding: 40px 0px 40px 0px;}
.bannerx li p.bantu{ width:80%; margin: 0px auto}
.bannerx li p.bantutitle{ width:80%; margin: 0px auto; margin-top: 20px;  font-size: 24px; font-weight: bold; color: #000000; text-align: center;}
.bannerx li p.bantusmalltext{ width: 80%; text-align: center; font-size: 14px; color: #666666; margin: 0px auto; margin-top: 20px; line-height: 24px;}

.bannerx li p.bantu img{ width:100%; height: 180px;}
.contgu span.bt01{ height: 1px; background: #E5E5E5; margin-top: 35px;}
.btindex span.bt02{ height: 2px; background: #333; width: 80px; margin-top: 35px;}
.btindex span.bt02{ height: 2px; background: #333; width: 80px;}
.btindex span.bt03{ font-size: 48px; font-weight: bold; color: #1f1f1f; margin: 0px 15px;}
.btindex span.bt04{ width: 50px; font-size: 20px; color: #1f1f1f; margin-right:15px; margin-top: 15px; line-height: 22px;}
.indexaboutleft{ margin-right: 30px;}
.indexaboutright{ width: 423px; height: 329px;}
.indexaboutright img{ width: 423px; height: 329px;border-radius: 4px;}
.indexaboutleft p.indexabtitle{ font-size: 24px; font-weight: bold; color:#1f1f1f; }
.indexaboutleft p.indexabtitle1{  border-bottom: #1f1f1f 3px solid; width: 42px; margin-top: 5px; }
.indexabtext{ margin-top: 15px; color: #333333; line-height: 24px;text-align:justify}
.indexabtitle3{ margin-top: 25px;}
.indexabtitle3 a{ color: #1f1f1f; border: #1f1f1f 2px solid; font-size: 18px; padding: 6px 35px;border-radius: 4px;}
.indexabtitle3 a:hover{ color: #EA4335; border: #EA4335 2px solid; font-size: 18px; padding: 6px 35px;border-radius: 4px;}
/*首页产品*/
.slideTxtBox .hd{ position:relative; width: 1200px; }
.slideTxtBox .hd ul{ width: 100%; margin-top: 20px;   }
.slideTxtBox .hd ul li{ margin:0px 28px;cursor:pointer; font-size: 18px; color: #666666; padding-bottom: 10px; }
.slideTxtBox .hd ul li.on{ background: url("/Public/Home/images/navx.jpg") bottom  center no-repeat; font-weight: bold; color: #1f1f1f  }

.slideTxtBox .bd ul{   zoom:1;  }

/*首页产品结束*/

.nw01 li{ width: 380px;  background: #fff; float: left; padding-bottom: 28px; border-radius: 4px;  }
.nw01 li.bjno{ background: none }
.nw01 li p.hhtu{ width: 380px; height: 240px;}
.nw01 li p.hhtu1{ width: 380px; font-size: 18px; font-weight: bold; padding:10px;}
.nw01 li p.hhtu2{ width: 380px; padding: 10px; }
.nw01 li p.hhtu2 a{ padding: 5px 20px; background: #f1f1f1; color: #1f1f1f;border-radius: 4px;}
.nw01 li p.hhtu2 a:hover{ background: #EA4335; color: #ffffff;}
.nw01 li p.hhtu img{ width: 380px; height: 240px;border-radius: 4px 4px 0px 0px;}
.more{ width: 100%; text-align: center; }
.more a{ width: 100%; padding: 10px 40px; border: 2px solid #1f1f1f; font-size: 16px; color: #1f1f1f;border-radius: 30px;}
.more a:hover{ border: 2px solid #EA4335;  color: #EA4335;}





/*案例*/


.nw0102 li{ width: 280px;  background: #fff; float: left; padding-bottom: 28px; border-radius: 4px;  }
.nw0102 li p.hhtu{ width: 100%; }
.nw0102 li p.hhtu1{ width: 100%; font-size: 18px; font-weight: bold; padding:10px;}
.nw0102 li p.hhtu2{ width: 100%; padding: 10px; }
.nw0102 li p.hhtu2 a{ padding: 5px 20px; background: #f1f1f1; color: #1f1f1f;border-radius: 4px;}
.nw0102 li p.hhtu2 a:hover{ background: #EA4335; color: #ffffff;}
.nw0102 li p.hhtu img{ width:100%; border-radius: 4px 4px 0px 0px;}
.nw0102 li.bno{ background: none}
.nw0102 li:hover{box-shadow: 5px 5px 8px #e5e5e5;}
.nw0102 li.bno:hover{box-shadow: none;}

/* 图片滚动 */
.xstj{ width: 100%; margin-top: 25px;}
.picScroll{ position:relative;  width: 100%;   margin-bottom:10px; overflow:hidden;   }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{  width:290px; float: left; margin-right: 18.75px; overflow:hidden; display:inline; }
.picScroll ul li img{ width:290px;  border-radius: 4px; }
.picScroll ul li p{ width:225px; height: 40px; text-align:left; margin-top: 10px; float: left; font-size: 14px; line-height: 20px; }
.picScroll ul li span{ width:225px;  margin-top: 15px; float: left; font-size: 18px;
    font-weight: bold;color: #1f1f1f }
.picScroll .prev,
.picScroll .next{ position:absolute;  left:10px; top: 80px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }




.picScroll22{ position:relative;  width: 100%;   margin-bottom:10px; overflow:hidden;   }
.picScroll22 ul{ overflow:hidden; zoom:1; }
.picScroll22 ul li{  width:290px; float: left; margin-right: 18.75px; overflow:hidden; display:inline; }
.picScroll22 ul li img{ width:290px;  border-radius: 4px; }
.picScroll22 ul li p{ width:225px; height: 40px; text-align:left; margin-top: 10px; float: left; font-size: 14px; line-height: 20px; }
.picScroll22 ul li span{ width:225px;  margin-top: 15px; float: left; font-size: 18px;
    font-weight: bold;color: #1f1f1f }
.picScroll22 .prev,
.picScroll22 .next{ position:absolute;  left:10px; top: 80px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll22 .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll22 .prevStop{ background-position:0 0; }
.picScroll22 .nextStop{ background-position:-80px 0; }


/*首页新闻*/
.indexnews1{ width: 380px; padding-bottom: 30px;}
.indexnewstu{  }
.indexnewstu p{ font-size: 20px; font-weight: bold; color: #1f1f1f  }
.indexnewstu span{ font-size: 14px; color: #1f1f1f; margin-top: 5px;  }
.indexnewstu1{ width: 380px; height: 210px;margin-top: 10px;}
.tutitle a{ color: #fff}
.indexnewstu1 img{ width: 380px; height: 210px;border-radius: 4px; }
.tutitle{ width: 380px;padding:0px 10px; font-size: 16px; color: #fff; margin-top: -30px;}
.indexnewslst{ width: 100%; margin-top: 20px;}
.indexnewslst li{ width: 100%; height: 32px; line-height: 32px;}
.indexnewslst li span{ width: 4px; height: 4px; background: #1f1f1f;border-radius: 2px; margin-top:14px; margin-right: 10px;}
.btindex span.fin28{ font-size: 32px; font-weight: bold; margin-top: 11px;}
.youindex { padding-bottom: 30px;}
.youindex li{ width: 224px; height: 82px;margin-right: 20px; margin-top: 20px; border: solid 1px #e5e5e5;border-radius: 4px;}
.youindex li img{ width: 224px; height: 82px; border-radius: 4px; }
.youindex li.right0{ margin-right: 0px;}

/*底*/

.foot{ width: 100%; background: #2e313a; padding: 40px 0px 20px 0px;}
.mo02{ width: 400px;}
.mo02 p.mo002 img{ height: 40px;}
.mo02 p.mo003 { font-size: 16px; color: #fff; font-weight: bold; margin-top: 10px;}
.mo02 p.mo004 {  margin-top: 20px;}
.mo02 p.mo004 span{ display: flex; font-size: 14px; color: #e5e5e5; margin-top:15px;}
.mo02 p.mo004 span img{ width:20px; height: 20px; margin-right: 10px; }
.mo03 li{ margin-left: 60px;}
.mo03 li p.monav1{ width: 100%; font-size: 16px; font-weight: bold;  color: #fff; margin-bottom: 10px;}
.mo03 li p.monav1 span{ width: 8px; height: 8px; background: #ff0;border-radius: 4px; margin-top: 8px; margin-right: 15px;}
.mo03 li p.monav2 a{ font-size: 14px; color: #999; }
.mo03 li p.monav2 a:hover{ color: #EA4335; }
.mo03 li p.monav2{ margin-top: 10px;padding-left: 23px; }
.mo03 li p.morvm{ width: 110px; height: 110px;  }
.mo03 li p.morvm img{ width: 110px; height: 110px;  }
.mo03 li p.morvmtitle{ color: #999; text-align: center; margin-top: 15px;  }
.modi{ width: 100%; border-top: solid 1px #464a54; margin-top: 30px; padding-top: 20px; color: #999}
.modi a{  color: #999}

/*内页产品导般*/
.pronavbig{ background: #f0f4f5; border-bottom: solid 3px #000; padding: 10px 15px; }
.foz16{ font-size: 16px; margin-top: 4px;}
.foz20{ font-size: 20px; font-weight: bold}
.fozj img{ width: 18px;margin: 8px 10px 0px 10px;}
.pronavright a{ font-size: 18px; margin-left: 20px;}
.pronavright a.now,.pronavright a:hover{ color: #EA4335}

.nw01 li:hover{box-shadow: 5px 5px 8px #e5e5e5;}


/*产品内页*/
.pronwtitle{ background: #fff;
    border-radius: 4px;}
.pronwtu img{  height: 316px;border-radius: 4px 0px 0px 4px; }
.pronwright{ padding: 20px 40px;}
.pronwright li.pronwbt{ font-size: 24px; font-weight: bold; color: #000}
.pronwright li.pronwbt1{ font-size: 16px;  color: #000; margin-top: 15px;}
.pronwright li.pronwbt2{ font-size: 14px;  color: #000; margin-top: 15px;
    font-weight: bold;}
.pronwright li.pronwbt3{ font-size: 14px;  color: #666; margin-top: 8px;}
.pronwright li.pronwbt4{    margin-top: 15px; font-size: 18px; }
.pronwright li.pronwbt4 span{ margin-top: 15px; font-size: 16px; color: #fff; background: #EA4335; padding: 8px 20px;border-radius: 4px; font-weight: bold}
.pronwright li.pronwbt4 p{ flex: 1}


.pronwl{ width: 850px; background: #fff; padding-bottom: 30px;}
.pronwxx{ padding: 15px 20px; font-size: 20px; font-weight: bold; color: #333; border-bottom: solid 1px #e5e5e5}
.pronwxx1{ width: 80px; height: 3px; background: #EA4335; margin-left: 18px; margin-top: -2px;}
.nw{ width: 100%; padding: 20px; font-size: 14px; line-height: 24px; color: #333}
.nw img{width: 700px; height: auto; margin: 8px auto}
.syy{ width: 100%; padding: 0px 20px; border-top: 1px solid #e5e5e5; margin-top: 10px; padding-top: 15px;}
.xyy{ width: 100%; padding: 0px 20px; margin-top: 10px;}
.pronwr{ flex: 1; padding-left: 20px;}
.pronwrl0{ flex: 1; padding-right: 20px;padding-left:0px;}
.prnwnav{ width: 100%; background: #fff; }
.prnwnav li.pnwclass{ font-size:20px; font-weight: bold;padding: 15px 20px; color: #333;border-bottom: solid 1px #e5e5e5}

.prnwnav li.pnwclass1{ padding: 15px 20px; color: #333;}
.prnwnav li.pnwclass1 a{ padding: 5px 15px; background: #f0f4f5; color: #333; margin-bottom: 10px; margin-right: 10px; border-radius: 4px;}


.prnwnav li.pnwclass1 a:hover,.prnwnav li.pnwclass1 a.now{ background: #d9f0fb; color: #333;}


.xgcp{ flex: 1; padding: 20px;}
.xgcp li{ width: 135px; }
.xgcp li img{ width: 100%; }
.xgcp li p{ width: 100%; padding: 8px 0px; }

/*新闻*/
.newsl{ width: 850px;  background: #fff; padding:20px 20px 40px 20px}
.newsr{ flex: 1; margin-left: 20px;}
.nwesr1{ width: 100%; background: #fff; padding: 20px;}
.nwesr1 li.newsr1title{ font-size: 20px; font-weight: bold}
.nwesr1 li.newsr1title1{ font-size: 14px; margin-top: 10px;}
.nwesr1 li.newsr1title1 a{ margin-top: 10px;}

.newslst01{ margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
.newslst01 li.newstu{ width: 230px; height: 136px;}
.newslst01 li.newstu img{ width: 230px; height: 136px;}

.newslst01 li.newstu31{ width: 230px; height: 136px; border: 1px solid #e5e5e5; line-height: 136px;}
.newslst01 li.newstu31 img{ width: 90%; margin: 0px auto; margin-top: 35px;  opacity:0.3;
    filter:alpha(opacity=30);-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}


.newstu1{ margin-left: 20px; }
.newstu1 p.newstitle1{ font-size: 20px;  }
.newstu1 p.newstitle2{ font-size: 14px; color: #666666; margin-top: 15px; }
.newstu1 p.newstitle3{ font-size: 14px; color: #999; margin-top: 10px; }
.newstu1 p.newstitle3 span.newsly img{ width: 18px; height: 18px; margin-right: 10px}
.newsrdtu{ margin-top: 15px; }
.newsrdtu span img{ width: 100px; height:70px; margin-right: 10px;}

.newsnwh1{ width: 100%; font-size: 24px; font-weight: bold; color: #000}
.newsnwh2{ width: 100%; font-size:14px;  color: #999; text-align: right; margin-top: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom:15px;}
.banner{ width: 100%; height: 240px}


.lxfs span{ margin-bottom: 15px;}
.aninlst{ width: 48%; margin-top: 12px; background: #fff; padding: 15px;}
.aninlst li.aninlst1{ font-size: 14px; }
.aninlst li.aninlst2{ font-size: 16px; font-weight: bold; margin-top: 10px; border-bottom: solid 1px #e5e5e5; padding-bottom: 10px; }
.aninlst li.aninlst3{ margin-top: 15px;}