/********  index   *********/
.product-title{
    text-align: center;
}
.product-title>p:last-child{
    margin-top:-15px;
    color:black;
    font-size:24px;
    font-weight: bold;
}
.shu:first-child{
    display:none;
}
.product-title>p:first-child{
    color:#EEEEEE;
    font-size:30px;
    font-weight: bold;
}
.pagination{
	clear:both;
}
.pagination li{
	float:left;
	width:30px;
	height:30px;
	border:1px solid black;
	text-align:center;
	line-height:30px;
	margin-right:10px;
}
.product{
    height:925px;
    overflow:hidden
}
.on{
	background:#1F2837;
	color:white;
}
.product .list-bg1{
    
}
.product .nav{
	text-align:center;
}
.product .nav>a{
    padding:2px 10px;
	transition:all .5s;
	display:inline-block;
	font-size:16px;
}
.product .nav>a:hover{
	background:#212C3C;
	color:white;
}
.product .nav>a:first-child{
    border:none;
}

.product .list .list-bg>div>a{
    float:left;
    width:285px;
    margin:20px 5px;
}
.product .list .list-bg>div>a>.img-bg>p{
    background: #0E0E10;
    padding:10px 0;
    text-align: center;
    color:white;
	transition:all .5s;
}
.product .list .list-bg .list-img{
    height:225px;
	overflow:hidden;
	width:285px;
	box-shadow:0 0 10px 0 #999;

}
.product .list .list-bg .list-img img{
	transition:all .5s;
	max-width:265px;
	max-height:225px;
	margin:0 auto;
	display:block;
}
.product .list .list-bg>div>a>div{
    text-align: center;
    color:white;
    transition: all .5s;
}
.product .list .list-bg>div>a:hover p{
	background:#1F2837
}
.product .list .list-bg>div>a:hover img{
	transform:scale(1.1)
}
.product .list .list-bg{
    padding-bottom:50px;
}
.list-btn{
    width:132px;
    height:53px;
    line-height: 53px;
    text-align: center;
    color:white;
    margin:0 auto;
    background: #1F2837;
    border-radius: 10px;
	display:block;
    margin-top:30px;
    margin-bottom:50px;
}
.about{
    background:url(../img/2020-06-12_091919.jpg) no-repeat center center;
	background-size:100% 100%;
	height:680px;
}
.about-bg>.Lleft{
    width:50%;
	height:100%;
	padding:90px 0;
	position:relative;
	height:500px;
	
}
.about-bg>.Lleft img{
	width:100%;
	display:block;
	position:absolute;
	right:-40px;
}
.about-bg>.Rright1{
    width:43%;
    color:white;
	float:left;
	margin-left:80px;
}
.about-bg>.Rright1 .title>p:first-child{
    margin-top:150px;
    font-size:30px;
    color:#383E4A;
    font-weight: bold;
}
.about-bg>.Rright1 .title>p:last-child{
    margin-top:-25px;
    font-size:24px;
    font-weight: bold;
    margin-bottom:50px;
}
.about-bg>.Rright1 .text{
    width:95%;
    text-align: justify;
    line-height:26px;
    font-size:16px;
}
.about-bg>.Rright1>a{
    color:white;
    margin-top:50px;   
	width:140px;
	height:50px;
	text-align:center;
	line-height:50px;
	color:white;
	background:#000000;
	display:block;
	border-radius:10px;
	transition:all .5s;
}
.about-bg>.Rright1>a:hover{
	border-radius:30px;
}
.honor{
    display:flex;
    justify-content:space-between;
}
.honor .list{
    width:250px;
}
.honor .list-top{
    border-bottom:1px solid #E9E9E9;
    padding:10px 0;
}
.honor .list-bot img{
    widtH:60px;
    display:block;
    margin:0 auto;
    margin-top:20px;
}
.honor .list-top>.Lleft:first-child>span{
    font-size:30px;
}
.honor .list-top>div:nth-child(2){
    margin-left:10px;
}
.honor .list-top>div:nth-child(2) p{
    font-size:12px;
}
.new-title>p:last-child{
    margin-top:-15px;
    color:black;
    font-size:24px;
    font-weight: bold;
    text-align: center;
}
.new-title>p:first-child{
    color:#EEEEEE;
    font-size:30px;
    font-weight: bold;
    text-align: center;
}
.new-list>.Lleft{
    width:540px;
    background-color: #F5F5F5;
    padding: 39px 20px 20px 30px;
    margin-top:20px;
}
.new-list>.Rright{
    width:580px;
}
.new-list>.Lleft {
    margin-bottom:15px;
}
.new-list>.Lleft .title{
    color:black;
    font-size:18px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.new-list>.Lleft .text{
    color:#8D8D8D;
    font-size:14px;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-top:15px;
    line-height:24px;
}
.new-list>.Lleft .new1-img img{
	display:block;
    margin:0 auto;
    margin-top:15px;
    height:100%;
}
.new-list .nbtn{
    width:116px;
    height:42px;
	display:block;
    text-align: center;
    line-height:42px;
    color:white;
    font-size:20px;
    background: #0E0E10;
    margin-top:20px;

}
.new-list>.Rright>a{
   margin-bottom: 10px;
    border-bottom: 1px solid #F3F3F3;
    transition: all .5s;
    padding: 30px 30px 0 40px;
    display: block;
    margin-top: 10px;
}
.new-list>.Rright>a:hover{
    border-bottom:1px solid white;
    box-shadow: 0px 0px 15px 5px #DEDEDE;
}
.new-list>.Rright .title{
    width:75%;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    font-size:18px;
}
.new-list>.Rright .data{
    font-size:14px;
    color:#666
}
.new-list>.Rright .text{
    font-size:14px;
    color:#8D8D8D;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-top:15px;
    margin-bottom:10px;
    overflow:hidden;
    line-height:24px;
}
.new-list>.Rright .more{
    text-align: right;
    margin-bottom:10px;
}

/*********  contact ***********/
.home-title{
    border-bottom:1px dashed #CACACA;
	padding:30px 0;
    margin-bottom:30px;
}
.home-title>a{
    font-size:14px;
    margin-right:10px;
	display:inline-block;
}
.home-img{
	width:15px;
	margin-right:10px;
}

.contact-text>.Lleft{
    width:45%;
}
.contact-text>.Lleft>div{
    font-size:16px;
}
.contact-text>.Rright{
    width:55%;
    position:relative;
    height:400px;
}
.contact-text img{
    width:20px;
}
.contact-text>.Lleft>p{
    padding-top:10px;
}
.contact-text>.Lleft>p>img{
    margin-right:10px;
    display:block;
}
.contact-text>.Lleft .text{
    width:450px;
    margin-left:10px;
}
.contact-text>.Lleft .name{
    font-size:22px;
    margin-top:30px;
    margin-bottom:50px;
}
.active{
    background:#212C3C;
    color:white;
}
.pagination{
    clear:both;
    height:32px;
    margin:0 auto;
    margin-left:160px;
}
.contact-text>.Rright .title p{
    font-size:18px;
    font-weight: bold;
    margin-top:30px;
    margin-bottom:30px;
}
.write div:nth-child(3){display:none;}
.write>div:nth-child(7){
    clear:both;
}
.write>div:nth-child(7) input:nth-child(2){
    float:left;
    display:block;
}
.write>div:nth-child(7) img{
    float:left;
    display:block;
}
.BMapLib_trans{
    width:25px;
    height:20px;
}
.write .code{
    display:block;
    float:left;
    width:150px;
    height:35px;
}
.submit{
    width:100%;
}
.submit input{
    width:300px;
    height:40px;
}
.lm_message .text{
    width: 270px;
    padding: 5px 20px;
    float: left;
    height:40px;
    margin-bottom: 20px;
    margin-right: 15px; 
    border:none;
    box-shadow:0 0 10px 0 #999;
}
.lm_message .write span{
	font-size:22px;
}
.lm_message .code{
	width:200px;
	padding:5px 10px; 
    
}
.lm_message .textarea{
	width:595px;
	padding:15px 20px; 
	height:70px;
    border:none;
    box-shadow:0 0 10px 0 #999;
    color:#757575;
}
.lm_message .write>div{
	margin-top:20px;
}
.lm_message .submit input{
	width:125px;
	height:44px;
    border:none;
}
.lm_message .submit input:first-child{
	width:125px;
	height:44px;
    background:#1F293A;
    color:white;
    position:absolute;
    bottom:10px;
    left:0px;
}
.lm_message .submit input:last-child{
	width:125px;
	height:44px;
    background:#0D0D0E;
    color:white;
    position:absolute;
    bottom:10px;
    left:150px;
}
.write{
   width:100%; 
}
/**********  about  **********/
.b .text{
    padding:20px;
    margin-top:30px;
	height:470px;
}
.b .text .Lleft{
    width:550px;
}
.b .text .Rright{
    width:520px;
    margin-right:30px;
}
.b .text .Rright .title{
    margin-top:30px;
}
.b .text .Rright .title span:first-child{
    font-size:22px;
    font-weight: bold;
}
.b .text .Rright .title span:last-child{
    font-size:18px;
    font-weight: bold;
    color:#9E9E9E;
}
.b .text .Rright .content{
    font-size:16px;
    line-height: 28px;
    text-align: justify;
    margin-top:30px;
    text-indent: 2em;
}
.b1{
    background: url(../img/658.jpg) no-repeat center center;
    background-size:100%;
	width:100%;
}
.b1 .title p{
    text-align: center;
}
.b1 .title p:first-child{
    font-size:22px;
    font-weight: bold;
    padding-top:30px;
    margin-bottom:5px;
}
.b1 .title p:last-child{
    font-size:16px;
    font-weight: bold;
    color:#9E9E9E;
}
.b1 .content .Rright{
    width:550px;
    margin-top:100px;
}
.b1 .content .Rright>div:first-child{
    line-height:26px;
    font-size:14px;
}
.b1 .content .Rright .tu{
    display:flex;
    justify-content: space-between;
    padding:30px 50px;
}
.b1 .content .Rright .tu>div>p>span{
    font-size:30px;
    font-weight: bold;
    text-align: center;
}
.b1 .content .Rright .btn{
    width:130px;
    height:40px;
    line-height: 40px;
    text-align: center;
    background: #1F2837;
	display:block;
    color:white;
    margin-top:30px;
    margin-bottom:50px;
}
.b2 .title span:first-child{
    font-size:22px;
    font-weight: bold;
}
.b2 .title span:last-child{
    font-size:18px;
    font-weight: bold;
    color:#9E9E9E;
}
.swiper-container1 .swiper-slide{
    margin-bottom:10px;
    transition: all .5s;
    cursor:zoom-in
}
.swiper-slide p{
    padding-top:5px;
    text-align: center;
    height:40px;
}
.swiper-slide:hover{
    box-shadow: 0 0 10px 0 #999999;
}
.swiper-container1{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
/***********  new  ************/
.n-container>.Lleft{
    width:250px;
}
.n-container>.Lleft .title{
    line-height:70px;
    line-height: 70px;
    background: #0E0E0F;
	padding-left:30px;
    color:white;
    font-size:18px;
    font-weight: bold;
}
.n-container>.Lleft .nav a{
    padding:15px 30px;
    transition: all .5s;
    margin-top:15px;
	display:block;
}
.n-container>.Lleft .nav a:hover{
    background: #1F2837;
    color:white;
}
.n-in{
    background: #1F2837;
    color:white;
}
.n-container>.Rright{
    width:900px;
}
.n-container>.Rright a{
    margin-bottom:20px;  
    transition: all .5s;
    padding:15px 20px;
	display:block;
    border-bottom:1px dashed #999;
}
.n-container>.Rright a:hover{
    box-shadow:0 0 10px 0 #999;
    border-bottom:1px dashed white;
}
.n-container>.Rright>a>.text{
    width:650px;
}
.n-container>.Rright>a>.img{
    width:180px;
}
.n-container>.Rright>a>.text .title{
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:10px;
    font-size:18px;
    font-weight: bold;
    margin-top:15px;
}
.n-container>.Rright>a>.text .text{
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:10px;
    font-size:14px;
    color:#666;
    line-height:24px;
}
.show-title{
    width:600px;
    margin-left:150px;
}
.show-title .title{
    text-align: center;
    font-size:18px;
    font-weight: bold;
    margin-bottom:10px;
}
.show-title .time{
    font-size:14px;
    color:#666;
    text-align: center;
    margin-bottom:20px;
    margin-top:15px;
}
.n-container-more{
    text-align:right;
}
.show-title .text{
    line-height:28px;
    text-align: justify;
    text-indent: 2em;
    margin-bottom:30px;
}

/**********  product  ***/
.pro{
    width:885px;
}
.pro .list .list-bg>a{
    float:left;
    width:285px;
    margin:20px 5px;
}
.pro .list .list-bg>a>.img-bg>p{
    background: #0E0E0F;
    padding:10px 0;
    text-align: center;
    color:white;
}
.pro .list .list-bg>a>img{
    height:225px;
}
.pro .list .list-bg>a>div:last-child{
    background: #1F2837;
    text-align: center;
    color:white;
    opacity:1;
    transition: all .5s;
}


.p-container .list-img{
    height:225px;
	overflow:hidden;
	width:285px;
	box-shadow:0 0 10px 0 #999;
	background: #fff;
}
.p-container .list-img img{
    max-height:100%;
	max-width:100%;
	transition:all .5s;
	display: block;
    margin: 0 auto;
}
.p-container>.Lleft{
    width:250px;
}
.p-container>.Lleft .title{
    text-align: center;
    line-height:70px;
    background: #0E0E0F;
    color:white;
    font-size:18px;
    font-weight: bold;
}
.p-container>.Lleft>.nav li{
    box-sizing: border-box;
    width:100%;
    margin-top:5px;
}
.p-container>.Lleft>.nav .nav-nav{
    padding:0 30px;
	
}
.p-container>.Lleft>.nav .nav-nav a{
    display:inline-block;
	height:40px;
	line-height:40px;
}
.p-container>.Lleft>.nav .nav-nav a:first-child{
    text-align: left;
}
.p-container>.Lleft>.nav .nav-nav a:nth-child(2){
    text-align: right;
}
.p-container>.Lleft>.nav .nav-list{
    padding:0 30px;
    display:none;
    border:1px solid #999;
    box-sizing: border-box;
    background: white;
}
.p-container>.Lleft>.nav .nav-list a{
    bottom:0px;
    display:none;
    padding:10px 0;
    display:block;
    border-bottom:1px solid #666;
}
.p-container>.Lleft .nav li:hover .nav-nav{
    background: #1F2837;
}
.p-container>.Lleft .nav li:hover .nav-nav a{
    color:white;
}
.p-container .list .list-bg>a:hover p{
	transition:all .5s;
}
.p-container .list .list-bg>a:hover p{
	background:#1F2837
}
.p-container .list .list-bg>a:hover img{
	transform:scale(1.1)
}
.p-container>.Lleft .nav a:hover{
    background: #1F2837;
    color:white;
}
.p-container>.pro .pros{
    width:600px;
    margin-left:150px;
}
.p-container .pro .pro-title{
    text-align: center;
    margin-bottom:50px;
    font-size: 24px;
    font-weight: bold;
}
.p-container .pro .pros img{
    width:350px;
    margin:0 auto;
}

.pros{
    width:600px;
    margin-top:50px;
}
.pros .gallery-top{
    box-shadow: 0 0 10px 0 #999;
    margin-bottom:30px;
}
.pros .gallery-thumbs{
    border:1px solid #E9E9E9;
    padding:4px;
    box-sizing: border-box;
}
.pros .gallery-thumbs .swiper-slide img{
    border:1px solid #BFBFBF;
    box-sizing: border-box;
}
.pshow-bg .texts{
    margin-top:100px;
    margin-left:80px;
	width: 520px;
}
.pshow-bg .Rright1{
    font-size:30px;
    margin-bottom:30px;
}
.pshow-bg .Rright2{
    font-size:24px;
    margin-bottom:30px;
}
.pshow-bg .Rright8{
    font-size:20px;
    margin-bottom:30px;
}
.pshow-bg .texts>div>div{
    /* margin-left:80px; */
    width:250px;
    font-size:20px;
    margin-bottom:10px;
}
.pshow{
    margin-bottom:100px;
}
.pshow-title{
    padding:10px 0;
    border-bottom:1px solid #000000;
    font-size:30px;
}
.pshow img{
    display:block;
    margin:50px auto;
    width:800px;
    
}