/* CSS Document */

.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}

a{text-decoration:none; color:#666;}



.header{ overflow: hidden;}

.header .hdbg{ width: 100%; display: block; height:7.792em; position: relative; z-index: 2;}

.header .hdcont{height:7.792em; margin-top: -7.792em; position: relative; z-index: 5;}

.header .hdtop{ height: 2.417em; text-align: center; overflow: hidden; padding: 0 5%;}

.header .hdtop p{ float: left; margin-left: 10%; margin-top: 0.4em; font-size: 1em; color: #292929; padding-left: 1.4em; background: url("mb-1.png") left center no-repeat; background-size: 1.2em;}

.header .hdtop p a{ font-size: 1.250em; color: #f5a100; font-weight: bold;}

.header .hddown{ padding: 0px 2%; margin-top: 1em;}

.header .hddown img{ display: block; width: 26.533em; float: left; margin-top: 0px;   height:3.563em; }

.header .hddown>div{ padding-left: 0.233em;}

.header .hddown>div span{ font-weight: bold;  color: #383838; font-size: 1.3em;  line-height: 19px;;   text-align:left;margin-left: -67px; }

.header .hddown>div p{ font-size: 1.1em; color: #1b1b1b;}

/*--header_end--*/

.head_logo
{ 
width: 100%;
height:90px;
background:url(hdtopbg02.jpg);

}
.logo
{ 
width: 0%;
float:left;
margin-top:20px;
margin-left:5px;
background:url(logo-2.png);


}
.logo  span
{ 
width: 20%;
float:left;
font-size:18px;
margin-top:20px;
}

 
 
 
 
 
 

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }

.focus .hd{ width:100%; height:25px;  position:absolute; z-index:1; bottom:0; text-align:center;  }

.focus .hd ul{ display:inline-block; height:15px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top; }

.focus .hd ul li{  display:inline-block; width:15px; height:15px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; margin:0 5px;  vertical-align:top; overflow:hidden; cursor:pointer;}

.focus .hd ul .on{ background:#309494;  }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:100%;  }

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }



.Menu02{overflow: hidden;}

.Menu02 ul{ overflow: hidden;}

.Menu02 ul li{ width: 100%; float: left; position: relative; padding-left: 1.5%; padding-right: 1.5%; padding-top: 0.8em; padding-bottom:1.7em; text-align: center; background:#1ab6b3;  }

.Menu02 ul li p{ height: 1.0em; line-height: 1.25em; margin-top: 0.4em;}

.Menu02 ul li p a{font-size: 1.3em; color:#FFF;}

.Menu02 ul li img{ display: block; width: 80%;   margin-left: 0.6em;}



.Menu{overflow: hidden;}

.Menu ul{ overflow: hidden;}

.Menu ul li{ width: 22%; float: left; position: relative; padding-left: 1.5%; padding-right: 1.5%; padding-top: 0.7em; padding-bottom: 0.7em; text-align: center;}

.Menu ul li:nth-child(1){background: #f7f7f7; border-bottom: 0.1em solid #dcdcdc;}

.Menu ul li:nth-child(2){background: #f7f7f7; border-bottom: 0.1em solid #dcdcdc;}

.Menu ul li:nth-child(3){background: #f7f7f7; border-bottom: 0.1em solid #dcdcdc;}

.Menu ul li:nth-child(4){background: #f7f7f7; border-bottom: 0.1em solid #dcdcdc;}

.Menu ul li:nth-child(5){border-bottom: 0.2em solid #f5a100;}

.Menu ul li:nth-child(6){border-bottom: 0.2em solid #f5a100;}

.Menu ul li:nth-child(7){border-bottom: 0.2em solid #f5a100;}

.Menu ul li:nth-child(8){border-bottom: 0.2em solid #f5a100;}

.Menu ul li img{ display: block; width: 80%; margin-left: 0.6em;}

.Menu ul li p{ height: 1.25em; line-height: 1.25em; margin-top: 0.4em;}

.Menu ul li p a{font-size: 1em; color: #313131;}

.Menu ul li:after{content:''; position:absolute; top:0; right:0; z-index:9; width:0; height:100%; border-right: 1px solid #dcdcdc;}

/*Menu_end*/

.banner3 img{width:100%;  margin-top:-17px;}



.Hotcp02{ margin-top: 1em;}

.Hotcp02 .Hctab{ overflow: hidden; height: 2.792em; border-top:0.1em solid #d3d3d3; border-bottom:0.1em solid #d3d3d3;}

.Hotcp02 .Hctab li{ width: 50%; background: url("tabbg1.jpg")repeat-x left center; font-weight: bold; font-size: 1.2em; height: 2.792em; float: left; line-height: 2.5em; text-align: center;}

.Hotcp02 .Hctab li.on{ background: #f5a100; color: #fff;}





.Hotcp02 .chbox{ overflow: hidden; margin-top: 1em; padding: 0 2%;}

.Hotcp02 .chbox li{ float: left; text-align: center; width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 0.6em;}

.Hotcp02 .chbox li img{ display: block; width: 100%;}

.Hotcp02 .chbox li>div{background: #1ab6b3; padding-top: 1em; padding-bottom: 1em;}

.Hotcp02 .chbox li p{ width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.Hotcp02 .chbox li p a{ font-size: 1.13em; color: #fff; }

.Hotcp02 .chbox li h5{ overflow: hidden; margin-top: 0.5em;}

.Hotcp02 .chbox li h5>a{ width: 100%; text-align: center;}

.Hotcp02 .chbox li h5 img{ display: inline-block; width: 1.2em; height: 1.2em;}




.CategoryList_Title i {

	color: #333;

}

.hdPhone p i {

	border: 1px solid #fff;

}

.pagedSpan a {

	color: #fff;

}

.pagedSpan {

	background: #feeddc;

}

.mian {

	position: relative;

	margin-left: auto;

	margin-right: auto;

	min-width: 320px;

	max-width: 640px;

	overflow: hidden;

	background-color: #fff;

	font-family: Microsoft YaHei;

}

a {

	text-decoration: none;

	color: #666;

}

/*分类标题*/

.CategoryList_Title {

	height: 2.968em;

	line-height: 2.968em;

	padding: 0 .687em;

	color: #333;

	text-align: center;

	border-bottom: 1px solid #b0b4bb;

	font-size: 1rem;

	background: linear-gradient(180deg, #f2f2f2 0%, #e0e0e0 100%);

}

.CategoryList_Title i {

	font-size: 1.2em;

	margin-top: .75em;

}

.CategoryList_Title .icon-details {

	margin-right: .5em;

}

/*分类列表*/

.CategoryLista {

}

.CategoryLista > li > a {

	display: block;

	color: #333;

	padding: 0 1.125em;

	font-size: 1.125em;

}

.CategoryLista li i {

	float: left;

	margin-top: -1.25em;

	margin-left: 95%;

	color: #656565;

	font-weight: bold;

	font-size: 1.6em;

	z-index: 99;

}

.CategoryLista > li li a {

	height: 3.031em;

	line-height: 3.031em;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	display: block;

	color: #666;

	background: #EBEBEB;

	padding: 0 2.062em;

	border-bottom: 1px solid #cfcbc1;

	border-top: 1px solid #fff;

	font-size: 1em;

}

.CategoryLista li:after {

	content: '.';

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.CategoryLista .icon-arrow-down {

	color: #f90;

}

.CategoryLista > li > ul >li >ul {

	padding: 0 1.125em;

}

.CategoryLista > li > .list1, .CategoryLista > li > .list1 li ul {

	display: none;

}




.Hotcp{ margin-top: 1em;}

.Hotcp .Hctab{ overflow: hidden; height: 2.792em; border-top:0.1em solid #d3d3d3; border-bottom:0.1em solid #d3d3d3;}

.Hotcp .Hctab li{ width: 50%; background: url("tabbg1.jpg")repeat-x left center; font-weight: bold; font-size: 1.2em; height: 2.792em; float: left; line-height: 2.5em; text-align: center;}

.Hotcp .Hctab li.on{ background: #f5a100; color: #fff;}



.Hotcp .chbox{ overflow: hidden; margin-top: 1em; padding: 0 2%;}

.Hotcp .chbox li{ float: left; text-align: center; width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 0.6em;}

.Hotcp .chbox li img{ display: block; width: 100%;}

.Hotcp .chbox li>div{background: #1ab6b3; padding-top: 1em; padding-bottom: 1em;}

.Hotcp .chbox li p{ width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.Hotcp .chbox li p a{ font-size: 1.13em; color: #fff;}

.Hotcp .chbox li h5{ overflow: hidden; margin-top: 0.5em;}

.Hotcp .chbox li h5>a{ width: 100%; text-align: center;}

.Hotcp .chbox li h5 img{ display: inline-block; width: 1.2em; height: 1.2em;}

/*-- 热门产品_end --*/



.banner2{ margin-top: 0.5em; margin-bottom: 1em;}



.ysmodel{background: url("ysbg.png"); padding-bottom: 1em;}

.ysmodel .ysmodeltop{ overflow: hidden; height: 11.250em;margin-top:-20px;}

.ysmodel .ysmodeltop img{ height: 9.450em; width: 100%; position: relative; z-index: 5;}

.ysmodel .ysmodeltop p{position: relative; z-index: 6; padding: 0 30%;}

.ysmodel .ysmodeltop p a{ display:block; height: 1.675em; background:#f5a100 url("mb-1.png") no-repeat 0.5em center; padding-left: 1.7em; background-size: 1em; line-height: 1.675em; color: #fff; font-family: "Arial";  margin-top: -3.6em;font-size:16px;}

.ysmodel .ysmodeltop em{ display: block; width: 100%; height:0.2em; border-bottom: 0.1em solid #d8d8d8;}



.ysmodeldown .sytab{ overflow: hidden; text-align: center; width: 100%; height: 6em;}

.ysmodeldown .sytab li{ display: inline-block; width: 4.8em; background: #fff; margin: 0 0; height: 4.8em; position: relative; line-height: 4.8em; font-weight: bold; font-size: 1em; color: #2c2c2c; border-radius: 2.3em;}


.ysmodeldown .sytab li.on:after{content:''; position:absolute;bottom:-1.2em; left:50%;  width:0; height:0; border:0.7em solid transparent; margin-left: -0.65em; border-top-color:#1ab6b3;}

.ysmodeldown .sytab li.on{background:#1ab6b3; color: #fff}

.ysmodeldown ul li img{width:100%}



.ysmodeldown .chgbox{ padding: 0 2%; margin-top: 0.5em;}

.ysmodeldown .chgbox li{ overflow: hidden;}

.ysmodeldown .chgbox li img{ display: block; width: 100%;}

/*-- 五大优势_end --*/





.Honor{ padding-top: 2em; background: #fff; padding-bottom: 1em;}

.Honor .hntab{ height: 3.125em; padding: 0 2%;}

.Honor .hntab li{width: 46%; height: 2.583em; float: left; border-radius: 2em; position: relative; font-weight: bold; line-height: 2.583em; text-align: center; margin: 0 2%; background: #e5e5e5;}

.Honor .hntab li.on:after{content:''; position:absolute;bottom:-1.2em; left:50%;  width:0; height:0; border:0.7em solid transparent; margin-left: -0.65em; border-top-color:#f5a100;}

.Honor .hntab li.on{background:#f5a100; color: #fff}



.Honor .chgbox{ margin-top: 1em; padding: 0 3%;}

.Honor .chgbox ul{ overflow: hidden;}

.Honor .chgbox ul li{ width: 46%; float: left; margin: 0 2%;}

.Honor .chgbox ul li img{ display: block; max-width: 100%; margin-left:auto; margin-right:auto;}

.Honor .chgbox ul li p{ height: 2.8em; line-height: 2.8em; margin-top: 0.4em; text-align: center;}

.Honor .chgbox ul li p a{ color: #242424;}

/*-- 红宝石荣誉资质_end --*/





.Hbsdt{ margin-top: 1em;}

.Hbsdt .Dttab{ overflow: hidden; height: 2.792em; border-top:0.1em solid #d3d3d3; border-bottom:0.1em solid #d3d3d3;}

.Hbsdt .Dttab li{ width: 50%; background: url("tabbg1.jpg") repeat-x left center; font-weight: bold; font-size: 1.1em; height: 2.792em; float: left; line-height: 2.792em; text-align: center;}

.Hbsdt .Dttab li.on{ background: #f5a100; color: #fff;}



.Hbsdt .chgbox{ margin-top: 0.8em;}

.Hbsdt .cgtext{ overflow: hidden;}

.Hbsdt .cgtext h5{padding: 0 3%;}

.Hbsdt .cgtext img{ display: block; max-width: 100%; }

.page_mgs { margin:25px 15px 0 15px; text-align:center;}
.page_mgs a { display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; overflow:hidden; border:1px #eee solid; color:#333; font-size:14px;}
.page_mgs a input { width:21px; height:21px;}
.page_mgs a.none { border:none;}
.page_mgs a.active, .page_mgs a:hover { color:#fff; background-color:#1ab6b3; border:1px #1ab6b3 solid;}
.page_mgs a.none:hover { color:#333; background:none; border:none;}



.Hbsdt .chgbox ul{ overflow: hidden; margin-top: 0.3em; padding: 0 2%;}

.Hbsdt .chgbox ul li{ line-height: 1.8em; height: 2.2em; overflow: hidden; background: url("sj.png") no-repeat left center; background-size: 0.4em;}

.Hbsdt .chgbox ul li a{display: inline-block; width: 70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float: left; font-size: 1.1em; color: #404040; margin-left: 1em; line-height: 2.2em; }

.Hbsdt .chgbox ul li span{display: inline-block; float: right; font-size: 1em; color: #404040;}



.Hbsdt .chgbox .qhbtn{ text-align: center; margin-top: 1em;}

.Hbsdt .chgbox .smore{ display: inline-block; width: 7.542em; height: 2.458em; position: relative;}

.Hbsdt .chgbox .smore img{ display: inline-block; width: 100%;}

.Hbsdt .chgbox .smore em{ display: inline-block; width: 1.417em; height: 1.708em; background: url("hang.png") no-repeat; background-size: 1.3em; position: absolute; right: -3em; bottom: -0.5em;}

/*-- 红宝石动态_end --*/
	.mgs_about > p { font-size:16px; line-height:32px;text-indent:2em; margin-left:10px;margin-right:10px;} 
	.mgs_staff dl dd { font-size:16px; height:100px; line-height:30px;}
.mgs_new_n > h3 { font-size:14px; text-align:center; color:#000; margin:15px 0 5px 0; font-weight:bold;}
.mgs_new_n > h4 { font-size:12px; text-align:center; color:#999; margin-bottom:10px;}
.mgs_new_n > p { font-size:12px; color:#666; line-height:25px; text-indent:2em;}
.mgs_new_n > div { width:80%; margin:15px auto;}
.mgs_new_n > div img { width:80%;}
.mgs_new_n > div > p { text-align:center; margin:3px 0 10px 0; color:#666; font-size:12px;}


.zhan-pic img{   width: 80%; text-align: center; border-bottom: 0px solid #ddd; margin-left: 40px;}
.zhanshi h2{ background: #1ab6b3; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; font-weight:bold; margin: 10px 0 10px 10px;}
.zhanshi p{ margin-left: px;  line-height: 32px; font-size: 15px;}
.product-text{ border-top: 1px dashed #ddd; margin-top: 20px; padding: 10px; font-size: 14px;}

.w100 { width:100%;}
.w96 { width:96%; margin:0 auto;}
.banner t10{ width:50%;}




table { border-collapse:collapse;}
table td { border:1px #C5C5C5 solid; font-size:15px; padding:7px 25px; background-color:#fff;}
.sales-title { line-height:30px; margin:20px 0 10px 0;}
.sales-title strong { display:inline-block; font-size:16px; color:#fff; padding:0 20px; background-color:#1ab6b3;}
table tr td:first-child { width:40%;}
table tr td:last-child { width:60%;}



.ftmagin{ margin-bottom: 6.5em;}



/*footer_end*/

.ftmenu{ width: 100%; height: 4.5em; background:#309494; position:fixed; width:100%; left:0; bottom:0; z-index: 100;}

.ftmenu:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}

.ftmenu li{ float: left; width: 20%; text-align: center;}

.ftmenu li a{ display: block; height: 3.958em;  padding-top: 0.6em;}

.ftmenu li.Home{ position: relative; top: -2em;}

.ftmenu li.Home a{ display: block; width: 100%;}

.ftmenu li.Home img{ display: block; width: 100%;}

.ftmenu li img{ width: 2.167em;}

.ftmenu li span{ display: block; font-size: 1em; color: #ffffff; margin-top: 0.2em;}



.banner2 img{width:100%}







@media screen and (min-width:320px) {

	body{font-size:75%;}

}

@media screen and (min-width:375px) {

	body{font-size:87.5%;}

}

@media screen and (min-width:480px) {

	body{font-size:87.5%;}

}

@media screen and (min-width:540px) {

	body{font-size:112.5%;}

}

@media screen and (min-width:550px) {

	body{font-size:125%;}

}

@media screen and (min-width:640px) {

	body{font-size:150%;}

}