@media only screen and (max-width:768px ) {
	.pcnone{ display: block;}
	.mnone{ display: none;}
	.w1200-of{ width: 98%; margin: 0px auto;}
.bb20{ border-bottom: 20px solid #f0f0f0;}
.banner{ width: 100%; overflow: hidden;}
.banner img{ display: block; width: 100%;}
.mnavul{ width: 100%; background-color: #fff; overflow: hidden; height: auto;}
.mnavul li{ width: 23%; margin: 10px 1%; float: left;}
.mnavul li img{ display: block; width: 80%; margin: 10px auto;}
.mnavul li i{ display: block; text-align: center; width: 100%; font-style: normal;}
.mnavul li a i{ color: #555; font-size: 1.25em;}

.hot-pro{ width: 100%; overflow: hidden; background-color: #fff;}
.index-tit{ width: 100%; padding-left: 8%; padding-right: 5%; overflow: hidden;}
.index-tit p{ font-size: 1.3em; color: #333; display: block; float: left; line-height: 3em;}
.index-tit span{ display: block; float: right; color: #999; font-size: 1.125em; line-height: 3.5em;}
.index-tit span a{ color: #999;}
.index-tit-onebg{background: url(../m/images/onetitbg.jpg) left bottom no-repeat;}
.index-tit-twobg{background: url(../m/images/twotitbg.jpg) left bottom no-repeat;}
.index-tit-threebg{background: url(../m/images/threetitbg.jpg) left bottom no-repeat;}
.index-tit-fourbg{background: url(../m/images/fourtitbg.jpg) left bottom no-repeat;}

.index-prolist{ width: 90%; margin: 0px auto;}
.index-prolist li{ width: 100%; border-bottom: 1px solid #e7e7e7; padding: 15px 0px; overflow: hidden;}
.index-prolist li img{ display: block; float: left; width: 30%;}
.index-prolist li p{ width: 65%; float: right;}
.index-prolist li p span{ display: block; font-size: 1.25em; line-height: 1.5em;}
.index-prolist li p span a{ color: #333;}
.index-prolist li p i{ display: block; font-style: normal; color: #666; font-size: 1em; line-height: 1.5em; height: 3em; overflow: hidden;}
.index-prolist li p i a{ color: #666;}

.more{ width: 100%; text-align: center; color: #999; font-size: 1.125em; line-height: 3em;}
.more a{ color: #999;}

.index-case{ width:100%; margin: 0px auto; padding-bottom: 10px; overflow: hidden;}
.index-case li{ width: 46%; float: left; margin: 15px 2% 0px 2%; height: 120px; position: relative;}
.index-case li img{ display: block;width: 100%; overflow: hidden; max-height: 120px;}
.index-case li p{ text-align: center; width: 100%; position: absolute; left: 0; bottom: 0; font-size: 0.875em; background-color: #000; line-height: 32px; opacity: 0.8; overflow: hidden; line-height: 32px; height: 32px; text-overflow: ellipsis; white-space: nowrap;}
.index-case li p a{ color: #fff;}

.index-news, .index-about{ width: 100%; margin: 0px auto; background-color: #fff; padding-bottom: 10px; overflow: hidden;}

.index-about-text{ width: 92%; margin: 10px auto;}
.index-about-text p{ font-size: 1em; line-height: 1.75em; color: #333; height: 15.75em; overflow: hidden;}
.index-about-text img{ display: block; float: left; margin-right: 10px; width: 48%;}
.index-about-text p a{ color: #333;}

.footer{ background-color: #f0f0f0;  padding-top: 10px; padding-bottom: 80px; text-align: center; width: 100%; font-size: 1em; line-height: 2.25em; color: #333;}
.footer p a{ color: #333;}

.gdfoot{ width: 100%; padding-top: 15px; overflow: hidden; background-color: #424656; position: fixed; left: 0; bottom: 0; z-index: 999;}
.gdfoot li{ width: 25%; float: left; text-align: center; font-size: 1em; line-height: 2.25em;}
.gdfoot li img{ display: block; width: 25%; margin: 0px auto;}
.gdfoot li a{ color: #fff;}

.right{ width: 98%; float: none; margin: 0px auto;}
.product-left{ display: none;}
.mt30{ margin-top: 0px !important;}

.productlist li{width: 46%; float: left; margin: 15px 2% 0px 2%; height: 150px; position: relative;}
.productlist li a img{ height: 150px;}
.productlist li p{ position: absolute; bottom: 0; line-height: 36px;}
.right-tit{ margin-top: 15px;}

.text{ width: 94%; margin: 0px auto;}
.text p{ font-size: 1em; line-height: 2.25em; margin-bottom: 1em;}
.text img{ display: block; max-width: 100%; margin: 10px auto;}
/*翻页 上一篇下一篇*/
.text-prev{ border-top: 1px solid #D9D9D9; width: 90%; margin: 0px auto;  padding-top: 1em; margin-bottom: 1em;}
.text-prev p{ width: 100%; margin: 0px auto; color: #999; font-size: 1em;  line-height: 1.875em; overflow: hidden;}
.text-prev p a{ color: #666;}
.page-con{ text-align: center; width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 10px;}
.page-con li{ display:inline-block; margin-right:10px; margin-bottom:10px; list-style:none; line-height:40px; text-align: center;  font-size: 18px; color: #414141; border: 1px solid #d9d9d9;background-color: #fff;}
.page-con li:nth-child(1), .page-con li:nth-child(2), .thisclass{ padding:0px 15px;}
.page-con a{ display:block; padding:0px 15px; height: 40px; line-height: 40px; display: inline-block; color: #333; }
.page-con .point{ line-height: 40px; font-weight: bold; font-size: 19px; margin-right: 5px;}
.page-con a:hover, .page-con .current{ display:block; height: 40px; line-height: 40px; padding:0px 15px; color: #fff; background-color: #990000;}
/*当前所在位置*/
.crumb{ width: 100%; padding: 0px 3%; margin: 0px auto; overflow: hidden; background-color: #f0f0f0;}
.crumb p{ width: 100%; overflow: hidden; font-size: 1em; line-height: 3em;}
.crumb p i{ display: block; float: left; font-style: normal; color: #333;}
.crumb p a{ display: block; float: left; margin-left: 5px; color: #555;}
/*在线留言*/
.online{ width: 94%; margin: 20px auto; overflow: hidden;}
.online li{ width: 100%; overflow: hidden; font-size: 16px; line-height: 46px; margin-bottom: 25px;}
.online li span{ display: block; width: 100%; text-align: left;}
.online li input{ display: block; border: 1px solid #DBDBDB; width: 98%; height: 46px; line-height: 46px; font-size: 16px;}
.online li textarea{ display: block; width: 98%; font-size: 16px; line-height: 36px; border: 1px solid #DBDBDB;}
.online li.online-btn input{width: 98%; background-color: #c91723; color: #fff; font-size: 24px; font-weight: bold; line-height: 56px; height: 56px; cursor: pointer; margin-left:0px;}

.contactul{ width: 94%; margin: 0px auto;}
.contactul li{ width: 100%; overflow: hidden; line-height: 60px; border-bottom: 1px solid #D4D4D4; font-size: 16px;}
.contactul li img{ display: block; vertical-align: middle; margin-top: 23px; margin-right: 15px; float: left;}

.index-about{ background-image: none; padding: 0px;}
.index-about-text p, .index-about p{ width: auto;}

.cd-main-content{ margin-top: 10px;}
}
@media only screen and (max-width: 320px) {
	.banner{ margin-top: 0px;}
}