html,body{
            width: 100%;
        }
/* 		.boxPublic{
			width:80%;
			margin:0 auto;
			position:relative;
		}
		.productCenterNaw{
			width:30%;
			position:absolute;
			top:2vh;
			left:1vh;
		}
		.boxCenter{
			width:80%;
			position:absolute;
			top:2vh;
			right:1vh;
		}
		.thirdNameChoeseItem{
/* 			width:20%; */
			/* width:100%;
			display:none;
		} */
		.thirdNameImg{
/* 			display: flex; */
			width: 100%;
		}
		.thirdNameImgBox{
			
			float:left;
			margin-left:2vh
		}
		.thirdNameImgBox img {
			width: 48%;
			max-height: 100%;
			float:left;
		}
		.thirdNameImgBoxHidden{
			width:48%;
			float:left;
			font-size:1vh;
		}
		.productCenterTtext{
			cursor: pointer;
		}
		.navColor {
			background:#04210473
		}
		.productCenterTtext{
			 width: 7vw;
			 text-align: center;
		} */
		
/* 	鐏屾簤妯℃澘*/
		html {
        overflow-y: scroll;
    }
    
    ul,
    ol {
        list-style-type: none;
/*         margin: 0; */
    }
    
    a {
        color: #565656;
    }
    
    a:link {
        text-decoration: none;
        /* 鎸囨甯哥殑鏈璁块棶杩囩殑閾炬帴*/
    }
    
    a:visited {
        text-decoration: none;
        /*鎸囧凡缁忚闂繃鐨勯摼鎺�*/
    }
    
    a:hover {
        text-decoration: none;
        color: #ffffff;
        /*鎸囬紶鏍囧湪閾炬帴*/
    }
    
    a:active {
        text-decoration: none;
    }
    /* 鎸囨鍦ㄧ偣鐨勯摼鎺�*/
  
    
    .contact {
        margin-top: 2vh;
    }
    
    .sCodeBox {
        float: left;
        margin-top: 5vh;
        margin-left: 2vw;
        width: 15%
    }
    
    .sCode {
        width: 70%;
        margin: 0 auto;
        display: block;
    }
    
    .sCodeText {
        height: 3vh;
        line-height: 3vh;
        text-align: center;
        font-size: 2.3vh;
        margin-top: 1vh;
    }
    
    .copyRight {
        color: #fff;
        text-align: center;
        margin-top: 2vh;
        height: 4vh;
        line-height: 3vh;
    }
    
    .itemTitleAfter {
        display: inline-block;
    }
    
    .itemTitleAfterLeft {
        height: 1px;
        width: 4vh;
        background: #adadad;
        display: inline-block;
        float: left;
        margin-top: 0.7vh;
    }
    
    .itemTitleAfterCenter {
        width: 12px;
        height: 12px;
        border: 1px solid #adadad;
        border-radius: 100%;
        display: inline-block;
        float: left;
    }
    
    .itemTitleAfter:after {
        content: "";
        display: block;
        clear: both;
    }
    
    .itemTitleAfterCenterInner {
        width: 6px;
        height: 6px;
        background: #adadad;
        border-radius: 100%;
        margin: 3px auto;
        display: block;
    }
    
    .itemTitleAfterRight {
            height: 1px;
    width: 25px;
    background: #adadad;
    display: inline-block;
    float: left;
    margin-top: 4px;
    }
    
    .plantTitleItem {
        display: inline-block;
        height: 4vh;
        line-height: 4vh;
        color: #fff;
        background: green;
        margin: 0 1vw;
        padding: 0 1vw;
        cursor: pointer;
    }
    
    .thirdNameChoeseItem {
        display: none;
        margin: 5vh 0;
    }
    
    .itemUrl {
        display: inline-block;
        height: 100%;
        width: 100%;
    }
    
    .enName {
        color: #00440c;
        font-size: 3.5vh;
        height: 6vh;
        line-height: 6vh;
        vertical-align: middle;
        margin: 0;
        display: block;
    }
    
    .chName {
        color: #00440c;
        font-size: 3.5vh;
        height: 6vh;
        line-height: 6vh;
        vertical-align: middle;
        margin: -8px 0 20px 0;
    }
    
    .coverTipsLine {
        background: #00440c;
        width: 5vw;
        height: 2px;
        margin: 0 auto;
        display: block;
    }
    
    .link {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 999;
    }
    
    .productTitleBox {
        text-align: center;
    }
    
    .productTitleItem {
        display: inline-block;
        height: 4vh;
        line-height: 4vh;
        color: #999;
		   font-size: 16px;
        margin: 0 1vw;
        padding: 5px 20px;
        cursor: pointer;
    }
	.productTitleItem.active {
		background-color: #3e8378;
		color: #fff;
		
	}
    .countName,.countName1 {
        position: absolute;
			left: 0;
        bottom: 0;
        width: 100%;
        background: rgba(49, 49, 49, 0.4);
        height: 7vh;
        line-height: 7vh;
        text-align: center;
        color: #fff;
        font-size: 14px;
        margin: 0;
    }
    
    .fifthContentName {
        position: absolute;
        width: 100%;
        top: 0;
        text-align: center;
        font-size: 3vh;
        color: #00440c;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        display: none;
			justify-content: center;
			align-items: center;
    }
		.fifthNameContentBox:hover>.fifthContentName {
			display: flex;
		}
	.adjustment {
		width: 500px;
		height: auto;
	}
	.secondNameMainRight p {
		font-size: 16px;
		text-indent: 2em;
		line-height: 2.5em;
	}
    .secondNameMainRight ul {
		margin: 0 auto;
	}
	.topic {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		background-color: rgba(0,0,0,0.4);
		text-align: center;
		line-height: 50px;
		color: #fff;
	}
	.plantTitleBox {
		width: 80%;
		margin: 20px auto;
		overflow: hidden;
	} 
	.scrollWrapper {
		transition: all 0.5s; 
		white-space: nowrap;
		font-size: 0;
	}
	.customerCasePrev,.customerCaseRight{
		width: 70px;
		margin-top: 16px;
	}
	.customerCasePrev:hover,.customerCaseRight:hover{
		cursor: pointer;
	}
	.prevAndNext {
		text-align: center;
	}
	.topic {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			color: #fff;
			background-color: rgba(0,0,0,0.5);
			height: 50px;
			text-align: center;
			line-height: 50px;
			font-size: 15px;
		}
	.fourthName {
		margin-top: 40px;
	}
		.secondNameMainLeft>img {
			width: 100%;
		}
		.mainWrapper {
			width: 79%;
			margin: 0 auto;
		}
		.firstName {
        /* height: 43.33vh; */
        height: 9vw;
        padding-top: 24.375%;
        width: 100%;
        background-image: url("http://sennor.cn/wp-content/uploads/2020/11/b2.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
		.secondNameTitle {
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
		}
		.secondNameMain {
			width: 79%;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}
		.secondNameMainLeft {
			width: 45%;
		}
		.secondNameMainRight {
			width: 47%;
		}
		.secondNameTitle {
			color: #000;
			font-size: 23px;
			margin: 20px 0;
		}
		.secondNameTitle>p {
			margin: 3px 0;
		}
		.secondNameTitle>p:nth-child(2){
			font-size: 12px;
		}
		.thirdName {
			margin-top: 50px;
		}
		.thirdNameTitle {
			display: flex;
			justify-content: center;
			flex-direction: column;
			align-items: center;
			color: #000;
			font-size: 23px;
			margin: 20px 0;
		}
		.thirdNameTitle>p {
			margin: 0;
		}
		.thirdNameTitle>p:nth-child(2) {
			margin: 7px 0;
			font-size: 12px;
		}
		.thirdNameImgBoxHidden>span {
			font-size: 17px;
			color: #333;
		}
		.plantTitleBox{
			display: flex;
			justify-content: space-between;
		}
		.thirdNameImgBoxHidden {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.thirdNameImgBoxHidden>.chName {
			margin: 0;
		}
		.fourthNameChoese,.fourthNameChoese1 {
			display: none;
			overflow: hidden;
		}
		.fourthNameChoese.show,.fourthNameChoese1.show{
			display: block;
		}
		.thirdNameImgBox {
			margin-left: 0;
			cursor: pointer;
			padding: 0 10px;
		}
		.thirdNameImgBox,.active span {
			color: #fff;
		}
		.fourthNameContent {
			overflow: hidden;
			 display: flex;
    		flex-wrap: wrap;
		}
		.fourthNameContentBox,.fourthNameContentBox1 {
			width: 33%;
			position: relative;
			overflow: hidden;
			float: left;
			margin-left: 0.33%;
			margin-top: 0.32vw;
			cursor: pointer;
		}
		.fourthNameContentBox:hover>img,.fourthNameContentBox1:hover>img {
			transform: scale(1.2);
		}
		.fourthNameContentBox>img,.fourthNameContentBox1>img {
			width: 100%;
			
			transform: scale(1);
			transition: all 0.5s ease;
		}
		.fourthNameTitle,.fifthNameTitle {
			   display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
		} 
		.fourthNameTitle>p.fifthNameTitle>p {
			color: #000;
		} 
		.fourthNameTitle>p:nth-child(1),.fifthNameTitle>p:nth-child(1) {
			margin: 0;
			font-size: 23px;
		} 
		.fourthNameTitle>p:nth-child(2),.fifthNameTitle>p:nth-child(2) {
			margin: 8px 0;
			font-size: 12px;
		} 
		.fifthNameTitle {
			margin: 36px;
		}
		.plantTitleBox1 {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 45px;
			margin: 15px 0 20px 0;
		}
		.thirdNameImgBox1 {
			padding: 0 15px;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 80%;
			cursor: pointer;
		}
		.thirdNameImgBox1 span {
			font-size: 17px;
		}
		.thirdNameImgBox1.active {
			background-color: #3e8378;
			
		}
		.thirdNameImgBox1.active span {
			color: #fff;
		}
		.fifthNameContent {
			overflow: hidden; 
		}
		.fifthNameContentBox {
			position: relative;
			display: inline-block;
   		  width: 25%;
			cursor: pointer
		}
		.fifthNameContentBox>img {
			height: 17vw;
			display: inline-block;
			width: 100%;
		}
		.fifthContentName {
			white-space: normal;
		}
		
		 .customerCase {
            background: url(../images/backs.jpg)no-repeat;
            background-size: 100% 100%;
            padding: 5vh 0;
            position: relative;
        }

        .customerCaseImgBox {
            width: 80%;
            margin: 0 auto;
            text-align: center;
        }

        .customerCaseBox {
            display: inline-block;
            width: 25%;
            height: 32vw;
        }

        .customerCaseImgBox::after {
            content: "";
            clear: both;
            display: block;
        }

        .customerCaseBoxContentName {
                position: absolute;
    top: -100%;
    text-align: center;
    font-size: 2.5vh;
    color: #00440c;
    height: 100%;
    padding-top: 40%;
    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.5);
    transition: all .5s;
        }
		.customerCaseBox:hover .customerCaseBoxContentName {
			top: 0;
		}
        .six-sides {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 0 5%;
        }

        /*         .customerCaseImg{
            width: 25%;
        } */

        .customerCaseBox img {
            width: 100%;
            height: 100%;
        }

        .customerCaseBtn {
            text-align: center;
            margin-top: 4vh;
        }

        .serviceArea {
            margin-bottom: 4vh;
        }

        .customerCasePrev {
            width: 1%;
            margin: 0 1vw;
            cursor: pointer;
        }

        .customerCaseRight {
            width: 1%;
            margin: 0 1vw;
            cursor: pointer;
        }
		  .customerCaseImgBox {
            /* 			 float: left;
    width: 25%;
    height: 70vh; */
            position: relative;
            cursor: pointer;
            overflow: hidden;
        }

        .customerCaseImgBox>img {
            /*         width: 100%;
        height:100%; */
        }
		 .customerCaseBoxContentName {
            width: 100%;
            height: alphabetic;
        }

        .customerCaseBox {
            position: relative;
        }
		.customerCaseRight, .customerCasePrev {
			display: none;
		}
		@media(max-width: 1300px) {
			.fifthNameContentBox>.topic {
				height: 39px;
				line-height: 39px;
				font-size: 13px;
			}
		}
		@media(max-width: 1200px) {
			.fifthNameContentBox>.topic {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}
		 @media(max-width:1000px) {
			 .customerCaseRight, .customerCasePrev {
			display: block;
		}
            .chooseMeMsgContent {
                font-size: 12px;
                margin-top: 0;
                line-height: 17px;
            }

            .chooseMeItemTitle {
                font-size: 16px;
            }

            .customerCaseBox {
                width: 33.333333%;
            }
        }
		@media(max-width:600px) {
                .informationImg {
                    width: 190px;
                    height: 180px;
                }

                .customerCaseBox {
                    width: 50%;
                    height: 45vw;
                }
            }
		@media(max-width: 1100px) {
			.secondNameMain {
				flex-direction: column; 
			}
			.secondNameMainLeft,.secondNameMainRight {
				width: 79%;
				
			}
			.secondNameMainLeft {
				margin-bottom: 20px;
			}
		}
		@media(max-width: 900px) {
			.fifthNameContentBox {
				width: 33.333333%;
			}
			.fifthContentName {
				font-size: 15px;
			}
		.fifthNameContentBox>.topic {
				height: 43px;
				line-height: 43px;
				font-size: 14px;
			}
		}
		@media(max-width: 830px) {
			.plantTitleBox {
				width: 100%;
			}
			.thirdNameImgBoxHidden>span {
				font-size: 16px;
			}
			.fourthNameContentBox>span {
				height: 6vh;
				line-height: 6vh;
				font-size: 2.5vh;
			}
			.fourthNameContentBox1>span {
				height: 6vh;
  		 		line-height: 6vh;
				font-size: 2.5vh;
			}
			.fifthContentName>.topic {
				font-size: 13px;
				height: 38px;
   			  line-height: 38px;
			}
		}
		@media(max-width: 750px) {
			.fifthNameContentBox {
				width: 50%;
			}
		.fifthNameContentBox>.topic {
				height: 38px;
				line-height: 38px;
				font-size: 14px;
			}
		.fifthNameContentBox>img {
				height: 22vw;
			}
			.fourthNameContentBox,.fourthNameContentBox1 {
				width: 49.5%;
				margin-left: 0.3vw;
    		  margin-top: 0.3vw;
			}
		}
		@media(max-width: 700px) {
			.thirdNameImgBoxHidden {
				margin-left: 0;
			}
			.thirdNameImgBoxHidden>span {
				font-size: 14px;
				text-align: center;
			}
			.thirdNameImgBox {
				width: 24%;
				padding: 0 3px;
			}
			.fourthNameContentBox>span,.fourthNameContentBox1>span {
				height: 5vh;
				line-height: 5vh;
				font-size: 2.1vh;
			}
			.plantTitleBox1 {
				height: auto;
				justify-content: left;
				flex-wrap: wrap;
			}
			.thirdNameImgBox1 {
				width: 28%;
				height: 32px;
			}
			.thirdNameImgBox1 {
				padding: 0 3px;
				margin: 0 1.5%;
			}
		}
	</style>
	<style>
		/*  杞挱鏍峰紡*/
        
        .carousel-item>img {
            width: 100%;
        }
        
        .carouselContent {
            top: 0;
 聽 聽 聽 聽 聽 聽left: 10%;
            color: #00479d;
				text-align: left;
        }
		.carouselContent {
			left: 10%;
		}
        #demo p {
            margin-bottom: 16px;
			margin-top: 8px;
        }
        
        .one_item1 {
            font-size: 18px;
            /* border-bottom: 4px solid #00479d; */
            color: #fff;
            font-weight: 600;
            display: inline-block;
            margin-bottom: 0;
        }
		.one_item1 span {
			border-top: 2px solid #fff;
			padding-top: 15px;
		}
        .one_item2 {
            font-size: 45px;
                color: #fff;
        text-shadow: 1px 1px 1px #000;
            font-weight: 600;
            letter-spacing: 5px;
            white-space: nowrap;
        }
        
        .topLine {
            display: inline-block;
            border-top: 2px solid #2e5b9a;
        }
        
        .one_item3 {
            color: #2e5b9a;
            background-color: rgba(255, 255, 255, 0.8);
            border-radius: 5px;
            display: inline-block;
            margin-top: 15px;
            padding: 5px 15px;
            font-size: 23px;
        }
        
        .Two_item1 {
            font-size: 45px;
            font-weight: 600;
        }
        
        .Two_item2 {
            font-size: 25px;
            display: inline-block;
            position: relative;
            max-width: 80%;
        }
        
        .Two_item3 {
            font-size: 16px;
            max-width: 60%;
        }
        
        .Three-item1 {
            text-shadow: 3px 1px 1px #fff;
    			color: #056199;
            font-weight: 600;
            font-size: 23px;
             margin-bottom: 0 !important;
        }
        
        .Three-item2 {
            font-size: 50px;
            font-weight: 600;
            text-shadow: 3px 1px 1px #fff;
    			color: #056199;
            letter-spacing: 5px;
        }
        
        .Three-item3 {
            color: #2e5b9a;
            padding: 5px 20px;
            display: inline-block;
            font-size: 16px;
            white-space: nowrap;
        }
		.Three-item2s {
			color: #000;
			padding-top: 0;
			 margin-top: -40px !important;
		}
        .Three-item4 {
            font-size: 23px;
            white-space: nowrap;
            color: #ffffff;
            display: inline-block;
            padding: 1px 20px;
            border: 2px solid #fff;
        }
        
        .carouselContentUl {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }
		.carousel-item {
			    padding: 0;
		}
        @media (max-width: 1200px) {
            .Three-item2,
            .one_item2,
            .Two_item1 {
                font-size: 30px;
            }
            .Two_item2,
            .Three-item3,
            .Three-item4 {
                font-size: 20px;
            }
            .one_item1,
            .Three-item1 {
                font-size: 18px;
            }
            #demo p {
                margin-bottom: 8px;
            }
        }
        
        @media (max-width: 768px) {
			.mainWrapper {
				width: 92%;
			}
			.secondNameMainLeft, .secondNameMainRight {
				width: 92%;
			}
			.secondNameMain {
				width: 100%;
			}
			.secondNameMainRight p {
				line-height: 1.5em;
			}
            #demo p {
                margin-bottom: 5px;
            }
            .one_item3 {
                margin-top: 5px;
				padding:5px;
            }
            .Three-item2,
            .one_item2,
            .Two_item1 {
                font-size: 20px;
                letter-spacing: normal;
            }
            .Two_item2,
            .Three-item3,
            .Three-item4 {
                font-size: 14px;
            }
            .one_item3 {
                font-size: 14px;
            }
            .Three-item3 {
                padding: 2px 4px;
            }
        }
		
.active {
	background: #3e8378;
	color: #fff;
	text-align: center;
	padding: 0 10px;
}