body {font-family: "Helvetica Neue"; background: #fff; font-size: 1rem; line-height: 2rem;color: #333;}
img{border:none; max-width: 100%;}
a{color:#555;  text-decoration:none;}
a:hover{color:#f00;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
/*--- header ---*/
.header{ width: 100%; padding: 2rem 0 1rem 0; overflow: hidden;}
.logo{ text-align: center;}
.logo img{max-width: 70%;}
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #0aad6e; background: #0aad6e;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
#dplayer{ width: 80%; height: 460px; margin:20px auto; }
/*--- nav ---*/
.navbar{ background: #0aad6e; margin-bottom: 0px; overflow: hidden;}
.navbar-nav{ width: 100%; padding: 0; margin: 0}
.navbar-nav li{ width: 25%; height: 3rem; background: url(../images/nav.jpg) no-repeat right center; float: left;}
.navbar-nav li a{display: block; width: 100%; height: 3rem; line-height: 15px; text-align: center; color: #fff;font-size: 12px;}
.navbar-nav li a:hover{ background: #00925a;}
/*--- banner ---*/
.carousel-inner img{ margin: 0 auto;}
/*--- main ---*/
.m-pid{ padding: 35px 0 10px 0; overflow: hidden;}

.m-pist .hd{ width: 100%; height: 55px; background:#0aad6e url(../images/plist-bg.jpg) no-repeat left center; text-indent: 66px; color: #fff;border: 1px solid #0aad6e; font-size: 20px; line-height: 55px; font-weight: 700;}
.m-pist .md{ width: 100%;border: 1px solid #0aad6e; padding: 2rem 0; overflow: hidden;}

.m-pist .md ul{ width: 95%; margin: 0 auto; overflow: hidden;}

.m-pist .md ul li{ width: 100%; height: 44px; padding: 2px 0; border-bottom: 1px dashed #dedede; text-indent: 50px; line-height: 40px;}
.m-pist .md ul li a{display: block; width: 100%; height: 40px; background:#fff url(../images/p1.jpg) no-repeat right center; line-height: 40px;}
.m-pist .md ul li a:hover{background:#0aad6e url(../images/p2.jpg) no-repeat right center; color: #fff;}
/*.smallclass{ display: none;}
.s{ width: 100%;  border-bottom: 1px dashed #cdcdcd; line-height: 45px; overflow: hidden; text-indent: 70px; }
*/



.m-pist .bd{ width: 100%; background: #0aad6e; border: 1px solid #0aad6e; text-align: center; padding: 35px 0;}
.m-product .hd{ width: 100%; height: 45px; overflow: hidden;}
.m-product .hd p{ width: 38%; height: 45px; float: left; background:#0aad6e url(../images/plist-bg.jpg) no-repeat left center; text-indent:55px;color: #fff; font-size: 16px; line-height: 45px; font-weight: 700;}
.m-product .bd{ padding: 15px 0;}
.col{ text-align: center;line-height: 2.5rem; margin-bottom: 1em;}
.col img{ width: 98%; padding: 2px; border: 1px solid #dedede}

.da-thumbs1 {list-style: none;width: 100%; height: auto; position: relative;margin: 0 auto;padding: 0;}
.da-thumbs1 li {float: left;margin-bottom: 20px;  height: auto;  position: relative;}
.da-thumbs1 li .txt{ width: 100%; background: #fff; padding: 15px 0; overflow: hidden; text-align: center;}
.da-thumbs1 li .txt .title{ font-size: 20px; padding-bottom: 5px; background: url(../images/line.jpg) no-repeat bottom center;}
.da-thumbs1 li .txt .content{ padding:0 15px; color: #d4d4d4;}


.da-thumbs1 li a,.da-thumbs li a img {display: block;position: relative; text-align: center;}
.da-thumbs1 li a {overflow: hidden;}
.da-thumbs1 li a img{ width: 100%; height: 200px; object-fit: cover; }
.da-thumbs1 li a div {position: absolute;background: rgba(10,173,110,0.9);width: 100%;height: 100%;}
.da-thumbs1 li a div span {display: block;padding: 10px 0;margin: 30px 20px 20px 20px;text-transform: uppercase;font-weight: normal;color: rgba(255,255,255,0.9);text-shadow: 1px 1px 1px rgba(0,0,0,0.2);border-bottom: 1px solid rgba(255,255,255,0.5);box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);}




.m-ys{ width: 100%;  background: url(../images/m-ys-bg.jpg) no-repeat top center; overflow: hidden;}
.m-ys .hd{ text-align: center; padding: 2.5rem 0;}
.m-ys .hd img{ max-width: 55%;}

.da-thumbs {list-style: none;width: 100%; height: auto; position: relative;margin: 0 auto;padding: 0;}
.da-thumbs li {float: left;margin-bottom: 20px;  height: auto;  position: relative;}
.da-thumbs li .txt{ width: 100%; background: #fff; padding: 15px 0; height: 107px; overflow: hidden; text-align: center;}
.da-thumbs li .txt .title{ font-size: 18px; padding-bottom: 5px; /*background: url(../images/line.jpg) no-repeat bottom center;*/}
.da-thumbs li .txt .content{ padding:0 15px; color: #d4d4d4;}


.da-thumbs li a,.da-thumbs li a img {display: block;position: relative; text-align: center;}
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a img{ width: 100%;}
.da-thumbs li a div {position: absolute;background: #333;background: rgba(2,146,255,0.7);width: 100%;height: 100%;}
.da-thumbs li a div span {display: block;padding: 10px 0;margin: 30px 20px 20px 20px;text-transform: uppercase;font-weight: normal;color: rgba(255,255,255,0.9);text-shadow: 1px 1px 1px rgba(0,0,0,0.2);border-bottom: 1px solid rgba(255,255,255,0.5);box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);}




.m-case{ padding: 2rem 0;}
.m-case .hd{ text-align: center;}
.m-case .hd img{ max-width: 70%; padding: 2rem;}
.m-case .md{ overflow: hidden; padding-bottom: 15px;}
#indexPro{ width:100%; margin:0 auto; height:190px;  overflow:hidden;}
#indexPro li{ width: 200px; margin: 0 .5%; height:190px; background: #e2e2e2; float: left; text-align: center; line-height: 36px;}
#indexPro li:hover{ background: #0aad6e; }
#indexPro li img{ width: 200px; height: 146px;}
#indexPro li a{ font-size: 12px;}
#indexPro li a:hover{color: #fff;}
.m-case .bd{ width: 40%; height: 3rem; margin:15px auto;}
.m-case .bd a{ display: block; width: 100%; height: 3rem; background: #0aa96e; border-radius:15px; text-align: center; color: #fff; line-height: 3rem;}
.m-company{ overflow: hidden; background: #f3f3f3; }
.m-company .hd{ text-align: center;}
.m-company .hd img{ max-width: 70%; padding: 2rem;}
.m-company .txt .ctitle{ border-bottom: 4px solid #e4e4e4; font-size: 18px; color: #0aad6e;padding: 3px 0; line-height: 35px;}
.m-company .txt .ctxt{ border-bottom:2px solid #e4e4e4; padding: 8px 0; line-height: 30px; overflow: hidden;}
.m-company .txt .cbot{ margin-top: 5px;}
.m-company .txt .cbot .c-txt{ width: 50%; float: left; color: #0aad6e; font-size: 23px;line-height: 40px;}
.m-company .txt .cbot .c-message{ width: 30%; float: right; text-align: center; background: #0aad6e; height: 40px; line-height: 40px;}
.m-company .txt .cbot .c-message a{ color: #fff; font-size: 16px; font-weight: 700;}
.m-honor{ padding: 25px 0; overflow: hidden;}
#indexPro1{ width:100%; margin:0 auto; height:135px; overflow:hidden;}
#indexPro1 li{ width: 180px; margin: 0 .5%; height:135px;  float: left;}
#indexPro1 li img{ width: 180px; height: 135px;}
.m-news .hd{ width: 100%; height: 45px; margin-bottom: 15px; overflow: hidden;}
.m-news .hd p{ width: 38%; height: 45px; float: left; background:#0aad6e url(../images/plist-bg.jpg) no-repeat left center; text-indent:55px;color: #fff; font-size: 16px; line-height: 45px; font-weight: 700;}
.news-lixt{ margin: 8px 0; height: 90px; overflow: hidden;}
.news-lixt .time{ width:25%; background: #0aad6e; float: left; text-align: center; height: 90px; padding-top: 20px; font-size: 1rem; color: #fff; overflow: hidden;}
.news-lixt .time span{ font-size: 2.4rem; font-weight: 700;}
.news-lixt .newstxt{ width: 73%; float: right; line-height: 1.8rem; color: #777;}
.news-lixt .newstxt a{ color: #333; font-size: 16px; }
.news-lixt .newstxt a:hover{ color: #f00;}

/*--- sidebar ---*/

/*--- indise ---*/
.nnav{ padding: 0 0 1.5rem 0; overflow: hidden;}
.nnav .hd{ text-align: center;padding: 0 0 1.5rem 0;}
.nnav .hd img{ max-width: 25%;}


.nnav .sidebar{ width: 100%; height: 40px; margin: 10px 0; overflow: hidden;}
.nnav .sidebar li{ width: 20%; height: 3rem; float: left; border-bottom: none; text-align: center; overflow: hidden;}
.nnav .sidebar li a{display: block; width: 100%; height: 3rem; line-height: 3rem;  color: #999; border: none;}
.nnav .sidebar li a:hover{ background: #0aad6e; color: #fff; text-decoration: none;}

.sidebarlist{ text-align: center; margin: 1% 0;}
.sidebarlist a{display: block; width: 100%; height: 3rem; line-height: 3rem; color: #999;;}
.sidebarlist a:hover{ background: #0aad6e; color: #fff; text-decoration: none;}

.inside{ width: 100%; padding: 15px 0 0 0; overflow: hidden;}
.middle{ width: 100%;  border: 1px solid #0aad6e;}
.middle-hd{ width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1px solid #cdcdcd; overflow: hidden;}
.catname{ float: left; font-size: 2.2rem; padding:.5rem 2rem; color: #00ad2d; font-weight: 700;}
.cname{ float: right; padding:.5rem 2rem; text-align: right;}
.n-n{ width: 96%; margin: 0 auto; padding: 15px 0; line-height: 260%;}
/*--- footer ---*/
.f-message{ margin-top: 15px;}
.f-message .hd{ width: 100%; height: 55px; background: url(../images/m-message.jpg) no-repeat top center; text-align: center; color: #fff; line-height: 55px; font-size: 8px;}
.f-message .hd span{ color: #ff0;}
.f-message .bd{ border: 1px solid #0aad6e; overflow: hidden;}
.f-m-box{ padding: 15px; overflow: hidden;}
.f-m-box ul{ border: 1px solid #d4d4d4; margin: 5px 8px;}
.f-m-box .mml{float: left;}
.f-m-box .mml .img{ max-width: 80%;}
.f-m-box .content{margin: 15px;}
.mm1{ width: 45%; height: 53px; border: none; background: #fff;}
.mm2{ width: 99.5%; margin: 0 auto; border: 1px solid #d4d4d4; height: 200px;}
.mmc{ height: 5rem; line-height: 5rem;overflow: hidden;}
.mm3{ width: 100px; height: 5rem; border: none; background: #fff;}
.mm4{ width: 10%;margin-top: 8px; height: 3rem; vertical-align: top;}
.mm15{ width: 15%;margin-top: 8px; height: 3rem; background: #0aad6e; text-align: center; color: #fff;line-height: 5rem; border: none;}

.footer{ width: 100%;margin-top: 10px; padding: 1rem 0; background: #0aad6e; color: #fff; margin-bottom: 8rem;}
.ewm{ float: left;}
.f-txt{  width: 100%;}
.f-nav{ border-bottom: 1px solid #00752f; padding: 15px 0;}
.f-nav a{ color: #fff; font-size: 16px;}
.f-nav a:hover{ color: #ff0}
.f-ctxt{ border-top: none; width: 100%; text-align: center; line-height: 28px;}
.f-ctxt a{ color: #fff;}
.f-ctxt a:hover{ color: #ff0}

#end{ width:100%; background: #0b754c; height: 8rem; position: fixed; bottom:0; overflow: hidden;}
#end li{ width: 25%; height: 8rem; line-height: 7.5rem; float: left; text-align: center; overflow: hidden;}
#end li a{ color: #fff; font-size: 15px;}
#end li a:hover{ color: #f00;}
/*--- Universal ---*/
.piclist{ text-align: center;}
.piclist img{ max-width: 98%; height: 150px; border: 1px solid #dedede; padding: 5px;}
.piclist a{ color: #555;}
.piclist a:hover{ color: #f00;}
.p-top{ text-align: center; padding: 10px 0; line-height: 3rem; font-weight: 700; font-size: 1.5rem; color: #f00;}
.p-top img{ max-width: 60%;}
.p-content{ border: 1px solid #dedede;}
.p-content .title{ padding: 6px; font-weight: 700; border-bottom: 1px solid #dedede; }
.p-content .nr{ padding: 10px;}
#prev_next{ padding: 0 10px;}

#indexNews{ width:98%; margin:0 auto; padding:5px 0; overflow:hidden;} 
#indexNews li{clear: both;line-height:300%;overflow: hidden; border-bottom:1px dashed #304102;}
#indexNews li a{ color: #555; text-decoration:none; float:left; clear:both; }
#indexNews li a:hover{ color: #f00; text-decoration:none;float:left;}
.Newstime{float:right;}
#newTitle{color:#FF0000;font-size:14px;text-align:center;text-align:center;}
#newsContent{margin-bottom:16px;}
#newsInfo{margin:0px;font-weight:normal; text-align:center; font-size:12px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoimages{text-align:center;margin:10px 0;}
#infoimages img{padding:1px; border:1px solid #dedede;}

.message-box ul{ margin-bottom: 10px; overflow: hidden;}
.tl{ float: left; width: 15%; text-align: center;}
.tr{float: left; width: 84%; padding-left: 1rem;}
.t1{ width: 95%; border: 1px solid #cdcddc; height: 3rem;}
.t2{ width: 95%; border: 1px solid #cdcddc; height: 10rem;}
.t3{ width: 80px; height: 2.9rem; border: 1px solid #cdcdcd;}
.t4{ width: 80px; height: 3rem; vertical-align: top}
.t5{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.t5 a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.t5 a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
#page{ border: 1px solid #cdcdcd; margin: 8px 0; text-align: center; height: 6rem; line-height: 4rem;}
#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:300px; overflow:hidden;}

/*小屏幕 (平板 大于等于768px)*/
@media (min-width:768px){ 
	body{ font-size: 12px; line-height: 20px;}
	.header{ padding: 2.5rem 0 2rem 0; }
	.logo{ text-align: center;}
	.logo img{ max-width: 100%;}
	.navbar-nav li{ width: 25%; height: 40px; }
	.navbar-nav li a{ height: 40px; line-height: 28px;  color: #fff;font-size: 12px;}
	.m-ys{ height: 450px; }
	.m-ys .hd{ padding: 3rem 0;}
	.m-ys .hd img{ max-width: 80%;}
	.m-ys .bd li{ width: 25%; margin-bottom: 0;}
	.m-ys .bd li img{ max-width: 80%;}
	#indexPro{  height:250px;  }
	#indexPro li{ width: 300px; height:250px;  line-height: 40px;}
	#indexPro li img{ width: 300px; height: 220px;}
	#indexPro li a{ font-size: 14px;}
	.m-case .bd{ width: 40%; height: 4rem; }
	.m-case .bd a{  height: 4rem; border-radius:20px;  color: #fff; line-height: 4rem;}
	.m-company .txt .ctitle{ font-size: 20px; padding: 4px 0; line-height: 36px;}
	.m-company .txt .ctxt{  padding: 8px 0; line-height: 30px;}
	.m-company .txt .cbot{ margin-top: 6px;}
	.m-company .txt .cbot .c-txt{ width: 50%;  font-size: 30px;line-height: 35px;}
	.m-company .txt .cbot .c-message{ width: 30%;  height:35px; line-height: 35px;}
	.m-company .txt .cbot .c-message a{  font-size: 16px; font-weight: 700;}
	#indexPro1{ width:100%; margin:0 auto; height:150px; overflow:hidden;}
	#indexPro1 li{ width: 200px; margin: 0 .5%; height:150px;  float: left;}
	#indexPro1 li img{ width: 200px; height: 150px;}
	.f-m-box ul{ margin: 5px;}
	.f-m-box .content{margin: 10px;}
	.mm2{ height: 120px;}
	.mmc{ height: 3rem; line-height: 3rem;}
	.mm3{ width: 100px; height: 3rem; }
	.mm4{ width: 30%;margin-top: 8px; height: 3rem; }
	.mm15{ width: 35%;margin-top: 8px; height: 3rem; line-height: 3rem;}
	.f-message .hd{ font-size: 13px;}
	.footer{  margin-bottom: 0;padding: 1.5rem 0;}

	.f-ctxt{ border-top: none; text-align: center; line-height: 28px;}
}

/*中等屏幕 (桌面显示器 大于等于992px)*/
@media (min-width:992px){ 
	body{ font-size: 14px; line-height: 22px;}
	.header{ padding: 3.5rem 0 2rem 0; }
	.logo{ width: 405px; float: left;}
	.logo img{ max-width: 100%;}
	.fav{ width: 100%; height: 16px; overflow: hidden;}
	.fav li{ width: 25%; float: left; text-indent: 16px; height: 16px; line-height: 16px;}
	.f1{ background: url(../images/fav1.jpg) no-repeat left top;}
	.f2{ background: url(../images/fav2.jpg) no-repeat left top;}
	.f3{ background: url(../images/fav3.jpg) no-repeat left top;}
	.f4{ background: url(../images/fav4.jpg) no-repeat left top;}
	.tel{ width: 100%;}
	.tel img{ max-width: 100%;}
	.navbar-nav li{ width: 12.5%; height: 50px; }
	.navbar-nav li a{ height: 50px; line-height: 32px;  color: #fff;font-size: 14px;}
	.m-product .hd{  height: 50px; }
	.m-product .hd p{ width: 25%;  height: 50px;  text-indent: 60px; font-size: 20px; line-height: 48px; font-weight: 700;}
	.m-product .hd a{ display: block; margin-top: 10px; float: right; width: 12%; text-align: center; height: 38px; border: 1px solid #dedede; border-radius:15px; line-height: 38px; color: #dedede;}
	.col{ text-align: center;line-height: 2.5rem; margin-bottom: 20px;}
	.m-ys{ height: 650px; }
	.m-ys .hd{ padding: 4rem 0;}
	.m-ys .hd img{ max-width: 90%;}
	.m-ys .bd li{ width: 25%; margin-bottom: 0;}
	.m-ys .bd li img{ max-width: 90%;}
	#indexPro{  height:290px;  }
	#indexPro li{ width: 350px; height:290px;  line-height: 45px;}
	#indexPro li img{ width: 350px; height: 255px;}
	#indexPro li a{ font-size: 15px;}
	.m-case .bd{ width: 30%; height: 4rem; }
	.m-case .bd a{  height: 4rem; border-radius:20px;  color: #fff; line-height: 4rem;}
	.m-company .txt .ctitle{ font-size: 26px; padding: 4px 0; line-height: 40px;}
	.m-company .txt .ctxt{  padding: 8px 0; line-height: 34px;}
	.m-company .txt .cbot{ margin-top: 6px;}
	.m-company .txt .cbot .c-txt{ width: 50%;  font-size: 34px;line-height: 42px;}
	.m-company .txt .cbot .c-message{ width: 30%;  height: 42px; line-height: 42px;}
	.m-company .txt .cbot .c-message a{  font-size: 18px; font-weight: 700;}
	#indexPro1{ width:100%; margin:0 auto; height:173px; overflow:hidden;}
	#indexPro1 li{ width: 230px; margin: 0 .5%; height:173px;  float: left;}
	#indexPro1 li img{ width: 230px; height: 173px;}
	.m-news .hd{  height: 50px; }
	.m-news .hd p{ width: 20%;  height: 50px;  line-height: 45px; }
	.m-news .hd a{  margin-top: 10px;  width: 12%;  height: 40px; line-height: 40px;}
	.m-news img{ width: 100%; height: 300px;}

	.f-message .hd{font-weight: 700; font-size: 16px;}
	.f-m-box ul{ width: 48%;  margin: 5px;}
	.f-m-box .content{margin: 10px;}
	.mm2{ height: 150px;}
	.mmc{ height: 4rem; line-height: 4rem;}
	.mm3{ width: 100px; height: 3rem; }
	.mm4{ width: 13%;margin-top: 8px; height: 3rem; }
	.mm15{ width: 15%;margin-top: 8px; height: 3rem; line-height: 3rem;}

	.footer{ margin-bottom: 0;padding: 2rem 0;}
	.ewm{ float: left;}
	.f-txt{ float: left; width: 75%;  padding-left: 5%;}
	.f-nav{  padding: 15px 0;}
	.f-nav a{font-size: 16px;}
	.piclist img{  height: 180px; }
	.f-ctxt{ border-top: 1px solid #24d2a7; text-align: left; padding-top: 10px; line-height: 28px;}

}

/*大屏幕 (大桌面显示器 大于等于1200px)*/
@media (min-width:1200px){ 
	body{ font-size: 14px; line-height: 24px;}
	.header{ padding: 4.5rem 0 2rem 0; }
	.logo{ width: 405px; float: left;}
	.logo img{ max-width: 100%;}
	.h-right{ width: 332px; float: right;}
	.fav{ width: 100%; height: 16px; overflow: hidden;}
	.fav li{ width: 25%; float: left; text-indent: 16px; height: 16px; line-height: 16px;}
	.f1{ background: url(../images/fav1.jpg) no-repeat left top;}
	.f2{ background: url(../images/fav2.jpg) no-repeat left top;}
	.f3{ background: url(../images/fav3.jpg) no-repeat left top;}
	.f4{ background: url(../images/fav4.jpg) no-repeat left top;}
	.tel{ width: 100%;}
	.tel img{ max-width: 100%;}
	.navbar-nav li{ width: 12.5%; height: 62px; }
	.navbar-nav li a{ height: 62px; line-height: 32px;  color: #fff;font-size: 16px;}
	.m-product .hd{  height: 57px; }
	.m-product .hd p{ width: 25%;  height: 57px;  text-indent: 60px; font-size: 20px; line-height: 55px; font-weight: 700;}
	.m-product .hd a{ display: block; margin-top: 10px; float: right; width: 12%; text-align: center; height: 40px; border: 1px solid #dedede; border-radius:15px; line-height: 40px; color: #dedede;}
	.col{ text-align: center;line-height: 2.5rem; margin-bottom: 30px;}
	.m-ys{ height: 739px; }
	.m-ys .hd{ padding: 5rem 0;}
	.m-ys .hd img{ max-width: 100%;}
	.m-ys .bd li{ width: 25%; margin-bottom: 0;}
	.m-ys .bd li img{ max-width: 100%;}
	#indexPro{  height:330px;  }
	#indexPro li{ width: 368px; height:330px;  line-height: 50px;}
	#indexPro li img{ width: 100%; height: 270px;}
	#indexPro li a{ font-size: 16px;}
	.m-case .bd{ width: 20%; height: 4rem; }
	.m-case .bd a{  height: 4rem; border-radius:20px;  color: #fff; line-height: 4rem;}
	.m-company .txt .ctitle{ font-size: 28px; padding: 5px 0; line-height: 45px;}
	.m-company .txt .ctxt{  padding: 10px 0; line-height: 34px;}
	.m-company .txt .cbot{ margin-top: 8px;}
	.m-company .txt .cbot .c-txt{ width: 48%;  font-size: 38px;line-height: 46px;}
	.m-company .txt .cbot .c-message{ width: 30%;  height: 46px; line-height: 46px;}
	.m-company .txt .cbot .c-message a{  font-size: 20px; font-weight: 700;}
	#indexPro1{ width:100%; margin:0 auto; height:188px; overflow:hidden;}
	#indexPro1 li{ width: 250px; margin: 0 .5%; height:188px;  float: left;}
	#indexPro1 li img{ width: 250px; height: 188px;}
	.m-news .hd{  height: 57px; }
	.m-news .hd p{ width: 20%;  height: 57px;  text-indent: 60px; font-size: 20px; line-height: 55px; font-weight: 700;}
	.m-news .hd a{ display: block; margin-top: 10px; float: right; width: 12%; text-align: center; height: 40px; border: 1px solid #dedede; border-radius:15px; line-height: 40px; color: #dedede;}
	.m-news img{ width: 100%; height: 313px;}

	.f-message .hd{font-weight: 700; font-size: 18px;}
	.f-m-box ul{ width: 48%;  margin: 11px;}
	.f-m-box .content{margin: 15px;}
	.mm1{ width: 200px; height: 53px; }
	.mm2{ height: 200px;}
	.mmc{ height: 3rem; line-height: 3.3rem;}
	.mm3{ width: 100px; height: 3rem; }
	.mm4{ width: 13%;margin-top: 8px; height: 3rem; }
	.mm15{ width: 15%;margin-top: 8px; height: 3rem; line-height: 3rem;}

	.footer{  margin-bottom: 0;padding: 3rem 0;}
	.ewm{ float: left;}
	.f-txt{ float: left; width: 75%;  padding-left: 5%;}
	.f-nav{  padding: 15px 0;}
	.f-nav a{font-size: 16px;}
	.f-ctxt{ border-top: 1px solid #24d2a7; text-align: left; padding-top: 10px; line-height: 28px;}
	#allmap{height:650px; }
	.piclist img{  height: 200px; }
}

@media (max-width:768px){ 
	.mm4{ width: 40%; }
	.mm15{ width: 45%; height: 5rem; }
	.da-thumbs1 li a img{ height: 120px; }
	#dplayer{ width: 100%; height:200px; }
}