.clear{clear:both}
img{max-width:100%;}
a{color: inherit;text-decoration: none;}
a:hover{color: #14bf98;text-decoration: none;}
a,input,buttom{outline: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}
.fr{position: absolute;right: 0px;top: 0px;}
.x-banner{width: 100%;height: 300px;}
.x-about{background: url(../cn/images/aboutbg.jpg);background-size: cover;background-position: center;}
.x-pro{background-image: url(../cn/images/pro.jpg);background-size: cover;background-position: center;}
.x-new{background-image: url(../cn/images/newbg.jpg);background-size: cover;background-position: center;}
.x-sale{background-image: url(../cn/images/xiaoshou.jpg);background-size: cover;background-position: center;}
.x-service{background-image: url(../cn/images/fwcnbg.jpg);background-size: cover;background-position: center;}
.x-contact{background-image: url(../cn/images/contactbg.jpg);background-size: cover;background-position: center;}
.m-pronav{display: none;padding: 0 15px;height: 48px;background: #14bf98;}
.m-pronav span{line-height: 48px;color: #FFFFFF;font-weight: bold;float: left;width: calc(100% - 45px);height: 48px;overflow-y: hidden;}
.m-pronav img{float: right;margin-top: 6px;}
.m-pronav-main{display: none;padding: 0 15px;line-height: 36px;}
.m-pronav-main ul{padding: 0;margin: 0;}
.m-pronav-main ul li{list-style: none;border-bottom: 1px solid #DDDDDD;}
.pro-main{width: 100%;margin: 50px auto;font-size: 14px;}
.pro-main ul li{list-style: none;}
.pro-left{width: 218px;float: left;border: 1px solid #DDDDDD;border-top: 0;}
.pro-left ul{padding: 0;margin: 0;}
.pro-left ul.on{display: block;padding: 0;margin: 0;}
.pro-left-title{display: block;line-height: 24px;background: #f2f2f2;color: #333333;cursor: pointer;border-top: 1px solid #DDDDDD;padding: 0 15px;position: relative;}
.pro-left-title>a.active{color:#14bf98;}
.pro-left-title i{line-height: 48px;padding-right: 15px;}
.pro-left-main ul{display: none;}
.pro-left-main ul li{line-height: 24px;text-indent: 28px;border-top: 1px solid #DDDDDD;}
.pro-left-main ul li a{display: block;padding: 12px 5px;text-indent: 0;}
.pro-left-main ul li:hover a{background: #14bf98;color: #FFFFFF;}
.pro-left-main .active a{background: #14bf98;color: #FFFFFF;}
.pro-right{width: calc(100% - 270px);float: left;margin-left: 50px;}
.pro-right h2{display: block;font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.btn-default{color: #333;background-color: #fff;border-color: #ccc;}
.btn-default:hover{background: #14BF98;color: #FFFFFF;border-color: #14BF98;}
.pro-list{width: calc((100% / 3) - 22px);border: 1px solid #DDDDDD;float: left;margin: 0 10px 20px 10px;}
.pro-list-img{width: 100%;}
.pro-list-title{line-height: 48px;font-size: 16px;text-align: center;border-top: 1px solid #DDDDDD;font-weight: bold;height: 48px;overflow-y:hidden;}
.pro-list:hover{box-shadow: 0px 0px 5px #888888;}
.pro-list:hover a{color: #14bf98;}
.pagelist{width: 100%;text-align: center;margin: 30px auto;}
.pagelist ul li{display: inline-block;width: 24px;height: 24px;line-height: 24px;border: 1px solid #DDDDDD;}
.pagelist .active{background: #14bf98;color: #FFFFFF;}
.pro-content{font-size: 0;}
.pro-content-img{width: 100%;display: inline-block;max-width: 500px;}
.pro-content-canshu{width: calc(100% - 550px);display: inline-block;vertical-align: top;margin-left: 50px;font-size: 14px;}
.pro-content-canshu ul{padding: 0;margin: 0;}
.pro-content-canshu ul li{line-height: 36px;}
.pro-content-canshu ul li span{font-weight: bold;}
.pro-content-main{width: 100%;line-height: 24px;margin: 30px auto;}
.new-list{width: calc(100% - 30px);font-size: 0;padding: 15px;transition: all 0.3s;margin-bottom: 15px;}
.new-list:hover{box-shadow: 0px 0px 5px #888888;transition: all 0.3s;}
.new-list-l{width: 60%;display: inline-block;vertical-align: top;}
.new-list-r{width: 30%;display: inline-block;margin-left: 10%;}
.new-list-title{font-size: 24px;height: 36px;width: 100%;margin-bottom: 24px;overflow: hidden;transition: all 0.3s;}
.new-list:hover .new-list-title{color: #14bf98;transition: all 0.3s;}
.new-list-text{line-height: 24px;height: 48px;overflow: hidden;font-size: 14px;}
.new-list-img{height: 150px;width: 100%;overflow: hidden;}
.new-list-img img{width: 100%;height: 100%;transition: all 0.3s;}
.new-list:hover .new-list-img img{transform: scale(1.1);transition: all 0.3s;}
.new-main{margin-bottom: 50px;line-height: 28px;}
.new-main-title{font-size: 24px;text-align: center;line-height: 36px;}
.new-main-text{margin: 30px auto;text-indent: 28px;}
.new-main-text img{max-width: 100%;}

.honor-container{display: grid;grid-template-columns: repeat(3, 1fr);  /* 3等分列 */gap: 20px;  /* 间距 */}
.honor-right{width: calc(100% - 270px);float: left;margin-left: 50px;}
.honor-list{width: 100%;border: 1px solid #DDDDDD;}
.honor-list a{display: block;width: 100%;height: 100%;}
.honor-list-img,.honor-list-img img{width: 100%;height: 100%;}
.honor-list:hover{box-shadow: 0px 0px 5px #888888;}
.honor-list:hover a{color: #14bf98;}

.con-about{width: calc(100% - 30px);max-width: 1250px;margin: auto;padding: 0 15px;}
.weizhi{background:#fff;margin-bottom:30px;width:100%;color:#999;line-height:50px;font-size:12px;box-shadow:0px 0px 10px 0 rgba(0,0,0,0.1);}
.about-right{width: calc(100% - 270px);float: left;margin-left: 50px;line-height: 28px;font-size: 14px;}
.about-right p{text-indent: 28px;}
.about-right h2{text-align: center;font-size: 24px;display: block;line-height: 36px;margin-bottom: 35px;}
.about-right img{max-width: 100%;}
.contact-title{font-size: 24px;text-indent: 0;}
.contact-text,.iw_poi_content,.BMap_bubble_content{text-indent: 0;}
.contact-text p{text-indent: 0;margin: 14px 0;}
.form-main{min-height: 24px;text-indent: 0;line-height: 24px;padding: 6px 0;}
.form-main:nth-child(2n-1){background: #EEEEEE;}
.form-main::after{content: "";clear: both;}
.form-l{font-weight: bold;width: 150px;display: inline-flex;text-indent: 15px;}
.form-r{width: calc(100% - 150px);display: inline-flex;}
.form-required{color: #FF0000;position: relative;text-indent: 0;}
.form-btn{text-align: center;text-indent: 0;}

@media(max-width: 767px) {
	.x-banner{height: 150px;}
	.x-pro{background-image: url(../cn/images/mpro.jpg);background-size: cover;background-position: center;}
	.x-about{background-image: url(../cn/images/maboutbg.jpg);background-size: cover;background-position: center;}
	.x-service{background-image: url(../cn/images/mfwcnbg.jpg);background-size: cover;background-position: center;}
	.x-contact{background-image: url(../cn/images/mcontactbg.jpg);background-size: cover;background-position: center;}
	.m-pronav{display: block;}
	.weizhi,.pro-left{display: none;}
	.pro-right{width: 100%;margin-left: 0;}
	.pro-list{width: calc((100% / 2) - 22px);border: 1px solid #DDDDDD;float: left;margin: 0 10px 20px 10px;}
	.pro-content-canshu{width: 100%;margin: 15px 0 0 0;font-size: 0;}
	.pro-content-canshu ul li{width: 50%;display: inline-block;font-size: 14px;}
	.new-list{width: 100%;}
	.new-list-l,.new-list-r{width: 100%;}
	.new-list-r{margin: 15px 0;}
	.about-right{margin-left: 0;width: 100%;}
	.honor-right{width: 100%;margin-left: 0;}
	.honor-list{width: calc(100% - 22px);border: 1px solid #DDDDDD;float: left;margin: 0 10px 20px 10px;}
}