.banner {
	width: 100%;
}

.banner img {
	display: block;
	width: 100%;
}

.main {
	padding-bottom: 120px;
	padding-top: 50px;
	background-image: url(../images/product_read_bg.png);
	background-repeat: no-repeat;
	background-position: right top 150px;
}

.main .item1 .l,
.main .item1 .r {
	width: 50%;
}

.main .item1 .l {
	box-sizing: border-box;
	padding-right: 60px;
}

.main .item1 .l h4.title {
	font-size: 36px;
	color: #009381;
	/*font-weight: 500;*/
	line-height: 70px;
	padding-top: 28px;
}

.main .item1 .l h5.morepic {
	font-size: 24px;
	color: #797979;
	font-weight: 500;
	line-height: 58px;
	padding-bottom: 20px;
}

.main .item1 .l .article p {
	font-size: 16px;
	color: #5c5c5c;
	font-weight: bold;
	line-height: 36px;
	text-align: justify;
}

.main .item1 .l a.contact {
    display: block;
    width: 150px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    color: #ffffff;
    background-color: #f16d03;
    margin-top: 65px;
}

.main .item1 .r {
	box-sizing: border-box;
	padding-left: 60px;
}

.main .item1 .r .gallery-top {
	border: 1px solid #eeeeee;
}

.main .item1 .r .gallery-top .swiper-slide img {
	display: block;
	width: 100%;
}

.main .item1 .r .gallery-thumbs {
	margin-top: 35px;
}

.main .item1 .r .gallery-thumbs .swiper-slide img {
	display: block;
	width: 100%;
}

.main .item1 .r .gallery-thumbs .swiper-slide-thumb-active {
	border: 1px solid #f16d03;
	box-sizing: border-box;
}

.main .item2 {
	margin-top: 150px;
}

.main .item2 ul.details_typelist {
    border-bottom: 1px solid #eeeeee;
}

.main .item2 ul.details_typelist li {
    float: left;
    width: 150px;
    height: 50px;
    border: 1px solid #eeeeee;
    margin-bottom: -1px;
    margin-right: 15px;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.main .item2 ul.details_typelist li:hover,
.main .item2 ul.details_typelist li:first-child {
    color: #ffffff;
    background-color: #f16d03;
}

.main .item2 ul.details_list {
    padding-top: 50px;
}

.main .item2 ul.details_list li {
    width: 100%;
    display: none;
}

.main .item2 ul.details_list li p {
    font-size: 24px;
    line-height: 58px;
    color: #333;
    padding-bottom: 20px;
}

.main .item2 ul.details_list li p img {
    display: block;
    width: auto;
    max-width: 100%;
}

.main .item2 ul.details_list li:first-child {
    display: block;
}

@media screen and (max-width: 550px ) {
	.main {
		box-sizing: border-box;
		padding: 0 10px;
		padding-bottom: 70px;
		background-image: none;
	}
	
	.main .item1 .l,
	.main .item1 .r {
		width: 100%;
		padding: 0px;
	}
	
	.main .item1 .l .path {
		display: none;
	}
	
	.main .item1 .l h4.title {
		font-size: 26px;
		line-height: 56px;
		padding-top: 0px;
	}
	
	.main .item1 .l h5.morepic {
		font-size: 18px;
		line-height: 36px;
		padding-bottom: 0px;
	}
	
	.main .item1 .l .article p {
		font-size: 14px;
		line-height: 26px;
		text-indent: 2em;
	}
	
	.main .item1 .l a.contact {
	    margin-top: 0px;
	}
	
	.main .item1 .r {
		padding-top: 30px;
	}
	
	.main .item1 .r .gallery-thumbs {
		margin-top: 15px;
	}
	
	.main .item2 {
		display: block;
		margin-top: 40px;
	}
	
	.main .item2 ul.details_typelist li {
	    margin: 0 7.5px;
	    margin-bottom: 10px;
	    background-color: #ffffff;
	}
	
	.main .item2 ul.details_list {
	    padding-top: 20px;
	}
	
}