@charset "utf-8";
/* CSS Document */
body{margin:0px;padding:0px;font:14px "微软雅黑","宋体","Arial Narrow",HELVETICA;background:#FFF;}
a,a:hover{text-decoration-line: none;}
#app{display: none}
.clbth{clear:both;height: 0px;}
.glbTopBox{float: left;width:100%;height:106px;background:#FFF;position:fixed; z-index:888;box-shadow:0 0 10px #DEDEDE;}
.glbTopBox div{float: left;overflow: hidden;}
.glb1300{float:left;overflow: hidden;width:1300px;margin-left:calc((100% - 1300px) / 2);}
.glb1100{float:left;overflow: hidden;width:1100px;margin-left:calc((100% - 1100px) / 2);}

.glbTopBox .left{float:left;margin: 0px;padding-top:10px;}
.glbTopBox .left img{height:90px;width: auto;}

.glbTopBox .right{float:right;overflow:hidden;max-width:1150px;}
.glbTopBox .right div{float: left;overflow: hidden;}
.glbTopBox .lang{float: left;width:100%;margin-top:15px;}
.glbTopBox .lang div{float: right;}
.glbTopBox .schBox{height:29px;overflow:hidden;margin-left: 10px;border-radius: 5px;}
.glbTopBox .schBtn{max-height: 30px;background:#4E7E64;color:#FFF;padding: 5px 10px;cursor: pointer;}
.glbTopBox .schInput{overflow:hidden;background:#E8E8E8; border:1px solid #E8E8E8;padding-left: 2px;}
.glbTopBox .schInput input{height:25px;width:190px;background:#E8E8E8;border:1px solid #E8E8E8;}
.glbTopBox .schInput input:focus{border:1px solid #E8E8E8;outline: 1px solid #E8E8E8;}
.glbTopBox .lang .text,.glbTopBox .lang .textOn{padding:5px 15px;color:#333;}
.glbTopBox .lang .textOn{background: #E8E8E8;}
.glbTopBox .lang .ico{margin:5px 5px 0px 0px;}
.glbTopBox .right .navi{float:right;width:auto;margin-top:20px;font-size: 17px;}
.glbTopBox .navi .item,.glbTopBox .navi .itemOn{padding: 5px 10px;border-bottom:5px solid #FFF;margin-left:45px;color:#333;}
.glbTopBox .navi .itemOn,.glbTopBox .navi .item:hover{border-bottom:5px solid #4E7E64;}

.glbNavBar{float:left;width:100%;background:#4E7E64;margin-top:110px;padding: 12px 0px;}
.glbNavBar div{float: left;overflow: hidden;}
.homeIco{width:25px;height: 20px;background: url("../images/homeIco.png") no-repeat 0px 1px;background-size: 15px auto;}
.glbNav{color:#FFF;font-size: 13px;}
.glbNav a{text-decoration: none;color: #FFF}
.glbNav a:hover{text-decoration: underline;}

.glbNavSub,.glbNavSub2{float:left;width:100%;background:#CFDCD3;}
.glbNavSubTitle{float: left;width: 100%;padding:40px 0px; font-size: 25px;}

.glbNavSub2{padding-bottom:20px;background:#CFDCD3; }
.glbNavSub2 div{float:left;overflow: hidden;}
.glbNavSub2 .box{width:260px;height:75px;margin:20px 15px 0px 0px;background:#FFF;border-radius: 5px;}
.glbNavSub2 .box:nth-child(4){margin-right: 0px;}

.glbNavSub2 .box .icoBox{width:60px;height: 75px;background:#4E7E64;}
.glbNavSub2 .box .icoBox img{float:left;width:30px;margin:22px 0px 0px 15px;}
.glbNavSub2 .box .titleBox{width: calc(100% - 70px);height:100%;margin-left: 5px;color:#333;display:flex;align-items:center;justify-content:center;text-align:justify;font-size: 16px;}


/*     border: 1px solid #F00;   */
.bodyBox{float: left;overflow: hidden;width:100%;min-height: 470px;}
.hrBox{float:left;width:100%;position: relative;background: #e4e4e4;height: 3px;display: block;border: none;}
.hrBox:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;background: #4E7E64;width: 35px;}

.itemTitleBox{float: left;overflow: hidden;width:100%;padding: 80px 0px 35px 0px;font-size: 21px;}
.itemContBox{float: left;overflow: hidden;width:100%;padding: 25px 0px;line-height: 25px;font-size: 16px;}
.itemContBox img{max-width:100%;text-align: center;}

.busiBox{float: left;overflow: hidden;width:100%;min-height:390px;margin:80px 0px;padding-bottom:40px;background: url("../images/bg_busi_box.jpg") no-repeat 0px bottom;background-size: cover;box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 20%);}

.busiBox .caseItem{float:left;overflow:hidden;position:relative;width:360px;height:160px;margin:40px 10px 0px 0px;background:#FFF;border-radius:5px;}
.busiBox .caseItem:hover{box-shadow:0 0 3px #000;}
.busiBox .caseItem:nth-child(3){margin-right: 0px;}
.busiBox .caseItem img{width: 360px;height: 160px; }
.busiBox .caseItem .title{position: absolute;bottom:50px;left:0;width:100%;height:60px;background:#FFF;background-color: rgba(255,255,255,0.7); display:flex;align-items:center;justify-content:center;text-align:justify;font-size: 18px;font-weight: bold;color: #333;}

.pCate2Box{float: left;overflow: hidden;width:100%;padding: 20px 0px 50px 0px;}
.pCate2Box div{float: left;overflow: hidden;}
.pCate2Item{width:100%;height:60px;background:#4E7E64;margin-top: 20px;border-radius: 5px;color:#FFF;cursor: pointer;}
.pCate2Item div{height: 60px;}
.pCate2Box .pCate2Item .ico1{width:50px;background: url("../images/arrow_right.png") no-repeat 17px 22px;background-size: 16px 16px;}
.pCate2Box .pCate2Item .ico1On{width:50px;background: url("../images/arrow_down.png") no-repeat 17px 22px;background-size: 16px 16px;}
.pCate2Box .pCate2Item .ico2{width:60px;background: url("../images/sign_add.png") no-repeat 19px 20px;background-size: 22px 22px;}
.pCate2Box .pCate2Item .ico2On{width:60px;background: url("../images/sign_reduce.png") no-repeat 20px 20px;background-size: 20px 22px;}

.pCate2Box .pCate2Item .title{width: calc(100% - 112px);display:flex;align-items:center;justify-content:left;text-align:center;font-size: 18px;}

.pCate2Box .prodList{width:100%;margin-top: 5px;display: none;}
.pCate2Box .prodList div{float: left;overflow: hidden;}
.pCate2Box .prodList .pItem{width:260px;height:300px;margin:10px 15px 0px 0px;background:#FAFAFA;border-radius: 5px;border: 1px solid #E8E8E8;}
.pCate2Box .prodList .pItem:nth-child(4){margin-right: 0px;}
.pCate2Box .prodList .pImg{width: 100%;height: 260px;}
.pCate2Box .prodList .pImg img{width: 100%;height: 100%;object-fit: cover;transition: all 0.6s;-ms-transition: all 0.8s;}
.pCate2Box .prodList .pImg img:hover{transform: scale(1.2); -ms-transform: scale(1.2);}
.pCate2Box .prodList .pTitle{width: 100%;height:40px;display:flex;align-items:center;justify-content:center;text-align:center;color:#333;}


.bodyBox .contUsBox{float: left;overflow: hidden;width: 100%;padding: 30px 0px;}
/*.bodyBox .contUsBox .div{float: left;overflow: hidden;}*/

/*border: 1px solid #00F;*/

.contUsLft{float: left;width:610px;}
.contUsLft .box{width: 100%;background: #F0F0F0;padding: 15px 0px;border-radius:5px;}
.contUsLft .tips{width:calc(100% - 30px);margin-left: 15px;font-size: 15px;}
.contUsLft .tips span{font-weight: bold;font-size: 30px;}
.contUsLft .mailMsgBox{width: 100%;margin-top:15px;}
.contUsLft .msgItem{width: 100%;margin-top: 15px;}
.contUsLft .msgItem .title{margin-bottom: 5px;text-indent: 5px;}
.contUsLft .msgItem .title span{color:#F00;}
.contUsLft .msgItem .input{}
.contUsLft .msgItem2{width: 100%;margin-top:-15px;}
.contUsLft .msgItem2 .input2{float:left;width:165px;}
.contUsLft .msgItem2 .veriCodeImg{float:left;width: 110px;height:40px;margin-left:15px;}
.contUsLft .msgItem2 .veriCodeImg img{width: 110px;height:40px;}
.contUsLft .msgItem2 .btn{float:left;width:100%;margin-top:25px;}
.contUsLft .msgItem2 .btn button{width:165px;background: #4E7E64;border:#4E7E64 1px solid;}

.bodyBox .contUsRgt{float:right;width:450px;color:#83786F;}
.contUsRgt .title{font-size: 22px;font-weight: bold;}
.contUsRgt .subItem{font-size: 16px;line-height: 25px;margin-top: 40px;}




.glbBtmBox1,.glbBtmBox2{float: left;width:100%; color: #FFFCF9;}
.glbBtmBox1 div,.glbBtmBox2 div{float: left;overflow: hidden;}
.glbBtmBox1 .cBox,.glbBtmBox2 .cBox{width: 1100px;margin-left:calc((100% - 1100px) / 2);}

.glbBtmBox1{background:#464646;border-bottom:3px solid #777676;padding-top: 60px;}
.glbBtmBox1 .btmInfoBox{width: 100%;}
.glbBtmBox1 .lft{width:500px;}
.glbBtmBox1 .rgt{float:right;width:580px;}
.glbBtmBox1 .rgt .item{width: 100%;line-height: 23px;margin-bottom:5px;}


.glbBtmImgBg{width: 100%;height:70px;margin-top:30px;background: url("../images/pgBtmImg.svg") no-repeat 0px bottom;  }
.glbBtmBox1 .itemTitle{width: 100%;font-size: 16px;}
.glbBtmBox1 .arrow{width:20px;height: 20px;background:url("../images/arrowRgt.png") no-repeat 0px 2px;background-size:15px 15px;}
.glbBtmBox1 .text{}

.glbBtmBox1 .mediaIcoBox{width:100%;}
/*.glbBtmBox1 .mediaIcoBox div{float: left;}*/
.glbBtmBox1 .mediaIco{height:53px;margin:15px 15px 15px 0px;}
.glbBtmBox1 .mediaIco img{height:30px;width: auto;border-radius:5px;}


.glbBtmBox2{background:#2E2E2E;padding:10px 0px;}
.copyInfo{width: 100%;text-align: center;}