html, body { color: #222; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; margin: 0; padding: 0; text-decoration: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
img { border: 0; }
ol, ul { list-style: none outside none; margin: 0; padding: 0; }
a { color: #000000; text-decoration: none; }
.clr { display: block; clear: both; height: 0; overflow: hidden; }
.copyright { padding: 0; text-align: center; font-size: 14px; color: #666; position: fixed; bottom: 0; width: 100%; z-index: 3; }
.copyright a { color: #666; }


body { background: #ddd;overflow-x: hidden;max-width: 640px;min-width: 320px; }
.wrap { max-width: 640px; min-width: 320px; margin: 0 auto; position: relative; background: #fff; }

.header {  max-width: 640px; height: 90px; position: relative; }
.header .navli { float: right; width: 69px; margin-top:10px;}
.header .submenu { position: absolute; display: none; background: #fff; border: 0px solid #555; background: #000; filter: Alpha(opacity=85); opacity: 0.85; right: 0px; top: 67px; z-index: 99999999999; }
.header .submenu dd { text-align: center; width: 134px; }
/*ackground:#000; filter:Alpha(opacity=65);opacity:0.65;*/
.header .submenu dd a { font-size: 16px; width: 100%; height: 40px; line-height: 40px; padding: 0px; background-image: none; color: #fff; }
.header .submenu dd a:hover, .submenu dd a.current { color: #ff0; background-image: none; }

/*banner*/
.slideBox { width: 100%; overflow: hidden; position: relative; text-align: center; margin: 0 auto; }
.slideBox .hd { height: 20px; overflow: hidden; position: absolute; right: 40%; bottom: 10px; z-index: 10;  }
.slideBox .hd ul { overflow: hidden; zoom: 1;  margin: 0 auto; }
.slideBox .hd ul li {border-radius:10px; float: left; font-size: 0px; margin-right: 10px; width: 16px; background: #fff; height: 16px; line-height: 16px; text-align: center; cursor: pointer; }
.slideBox .hd ul li.on { background: #ff0000; color: #fff; }
.slideBox .bd { position: relative; width: 100%; margin: 0 auto; height: 100%; z-index: 1; }
.slideBox .bd li { display: block; }
.slideBox .bd li a { display: block; background-position: center center; }
.banner { width: 100%; background: #fff; height: auto; position: relative; }


#overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #fff;opacity: 0;filter: alpha(opacity=0);display: none;z-index: 4;}


.bmenubtn { background: #111 url(../images/bottom_bg.jpg) repeat-x; min-width: 320px; max-width: 640px; height: 100px; }
.bmenubtn li { float: left; width: 33%; text-align: center; }


.mainmenu { position: absolute; width: 100%; top: 0px; z-index: 99999; }
.mainmenu ul { margin: 0 auto; max-width: 640px; min-width: 320px; }
.mainmenu li { float: left; width: 16.66%; text-align: center; padding-top: 5px; }

.flo_btn { position: fixed; width: 30px; right: 10px; bottom: 12px; z-index: 999; }
.flo_btn li { margin-bottom: 15px; }
.flo_btn li a { display: block; background-color: #E84507; width: 30px; height: 30px; border-radius: 50px; box-shadow: 0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25); }
.flo_btn li span { display: block; height: 100%; overflow: hidden; text-align: center; vertical-align: middle; width: 100%; }

.link_tel { display: block !important; line-height: 40px !important; margin: 10px 10px 0 10px; margin-top: 10px !important; color: #fff !important; text-align: center; border-radius: 5px; word-spacing: nowrap; overflow: hidden; font-size: 18px; position: relative; }
.link_tel:before { margin-left: 0; position: absolute; left: 10px; top: 2px; font-size: 25px; }

.wap-list-ul{display: -webkit-box;}
.wap-list-ul li{-webkit-box-flex: 1; -moz-box-flex: 1; width:45%; padding: 1%;max-height:180px;wi }
.wap-list-ul li img{ max-height: 180px;width:180px; }
.wap-content { padding: 10px 3px 3px 3px; position: relative; }
.wap-list{overflow: hidden;}
.wap-list-item{height: auto; display: inline-block;  background: inherit; border: none; width: 100%; -webkit-box-sizing: border-box; max-height: 150px;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.4);}
.wap-list-item-bg{min-height: 100%; border: 1px solid #C0C0C0; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; background: #FFFFFF; overflow: hidden;}
.wap-list-item-bg img{border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0;}
.wap-list-item-bg>div:first-child{height: 100px; overflow: hidden;}
.wap-list-item-box{position: relative; margin: auto; display: table;}
.wap-list-item-line{line-height: 30px; padding: 0; text-align: center;}
.wap-list-item-title{color: #000000; font-size: 16px; white-space: nowrap;}


.wapindex { text-align: center; line-height: 25px; font-size: 16px }
.wapindex .ititle { padding:20px 0; }
.wapindex img{width:100%}
.wapindex h2, .wapindex h3 { font-weight:normal;}
.wapindex h3 { padding: 10px 0 20px 0; font-size: 16px }

.products { min-width: 320px; max-width: 640px; }
.products ul li { width: 45%; float: left; text-align: center; margin-left: 10px; }
.products ul li .pic { width: 165px; border: 1px solid #ccc; height: 165px; margin: 0 auto; }
.products ul li .info { margin: 0 auto; width: 180px;overflow:hidden;text-align:center;font-size:14px; }
.products ul li a {  text-align: center; color: #555; height: 40px; line-height: 40px; }

.isearch { width: 200px; top: 25px; left: 250px; position: absolute; background: url(../images/search_bg.jpg) no-repeat 0px 0px; font-size: 14px; line-height: 38px; color: #ffc5c6; }
.isearch .navtext { border: 0px solid #ccc; height: 37px; line-height: 37px; width: 160px; padding-left: 0px; color: #333; background: none; border-radius: 0px; }
.isearch .navsb { background: none; width: 40px; height: 35px; top: 0px; border: 0px solid #ccc; color: #fff; margin-right: 0px;float:left }

/*ะยิ๖*/
.common_i_title {
	background-color: #ffffff;
	text-align: center;
}

.common_i_title h2 {
	display: inline-block;
	padding-top:20px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;
	width: 100%;
	text-align: center;
	color: #c79641;
	font-size: 25px;
	font-weight: normal;/* 	border-bottom: 1px solid #1ca02d; */
}
.common_i_title span {
	display: block;
	color: #666666;
	padding-top:8px;
	font-size: 0.16rem;
}
.common_i_title ul.cataloge{padding:20px 0px;}
.common_i_title ul.cataloge li{float:left;width:46%;margin:5px 2%;line-height:65px; height:65px; background:url(../images/ttbg.jpg) no-repeat scroll center center;background-size:100% 100%;}
.common_i_title ul.cataloge li a{font-size:16px;color:#333;}
.common_i_title ul.p_list li{float:left;width:48%;margin:0 1%;}
.common_i_title ul.p_list li .img{height:190px;width:100%;border:1px solid #aa9579;overflow:hidden;padding:5px;box-sizing:border-box;}
.common_i_title ul.p_list li .img img{height:100%;}
.common_i_title ul.p_list li p{font-size:16px;padding:10px 0px 20px 0px;}
.common_i_title .p_more{display: block;
    width: 90%;
    margin: 0 auto;
    height: 40px;
    border-radius: 6px;
    line-height: 40px;
    border: 1px solid #999}
.common_i_title .p_more a{font-size:18px;}
.common_i_title span {
	display: block;
	color: #666666;
	padding-top:8px;
	font-size: 0.16rem;

}

.common_i_title a {
	color: #1c1c1c;
	font-size: 0.23rem;
	 padding-bottom:1%;
	 padding-top:1%;

}
.p_news h2 {
    background: url(../images/footbg_02.jpg) no-repeat;
    background-size: cover;
}
.news_i {
    padding: 0;
}
.common_i_css {
    background-color: #fff;
    padding: 0 4%;
    border-bottom: 1px solid #dedede;
    */: ;
}
.news_i_list {
    background: #f2f2f2;
}
.news_i_list ul {
    padding: 10px;
}
.news_i_list ul li:nth-child(odd) {
}
.news_i_list ul li {
}
.news_i_list ul li div {
    padding: 25px 15px 5px 15px;
    background: #ffffff;
    text-align: left;
    margin-bottom: 10px;
}
.news_i_list ul li a {
    display: block;
    width: 100%;
    color: #000000;
    font-size: 0.22rem;
    /* padding-left: 2.5%; */
    overflow: hidden;
    background-color: #fff;
    margin: 5px;
    text-align: left;
}
.news_i_list ul li div h3 {
    overflow: hidden;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px;
    height: 23px;
    color: #000;
    font-weight: normal;
    line-height: 23px;
    font-size: 16px;
}
.news_i_list ul li div p {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    color: #818181;
    line-height: 1.5;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
}
.news_i_list ul li div .time {
    padding: 10px 0px;
    margin-bottom: 0px;
}
.news_i_list ul li div .lt {
    padding: 0px;
    font-size: 1em;
    color: #999;
    line-height: 0.5em;
    background: url(../images/more.png) no-repeat scroll 100% 70%;
}
.news_i_list ul li div .lt label {
    display: block;
    font-size: 36px;
    line-height: 55px;
}



.beian {
	background-color: #fff;
	color: #666;
	font-size: 16px;
	text-align:left;
	padding-left:30px;
	line-height:35px;
}
.beian a{color:#666;font-size:16px;}
.i_nr { text-align:left;line-height:35px;padding-left:30px;font-size:16px;color:#666;}
.i_nr span { font-size:16px;color:#666;}