@charset "utf-8";

/* 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(../images/mb.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: 1.2em;}

.header .hddown img{ display: block; width: 10.333em; float: left; margin-top: 3px;}

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

.header .hddown>div span{ font-weight: bold; color: #383838; font-size: 1.2em;}

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

/*--header_end--*/

    

.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); /* 取消链接高亮 */}







.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: 100%;}

.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%;}



.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(../images/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;}

.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: 1em; 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(../images/ysbg.png); padding-bottom: 1em;}

.ysmodel .ysmodeltop{ overflow: hidden; height: 9.250em;}

.ysmodel .ysmodeltop img{ height: 9.250em; 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.875em; background:#f5a100 url(../images/mb.png) no-repeat 0.5em center; padding-left: 1.7em; background-size: 1em; line-height: 1.875em; color: #fff; font-family: "Arial";  margin-top: -4.3em;}

.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: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:#fff;}*/

.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: 1em; 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: 1.4em; line-height: 1.4em; 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(../images/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%; /*border: 0.1em solid #efefef; box-sizing: border-box;*/}



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

.Hbsdt .chgbox ul li{ line-height: 1.5em; height: 1.5em; overflow: hidden; background: url(../images/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: 1em; color: #404040; margin-left: 1em;}

.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(../images/hang.png) no-repeat; background-size: 1.3em; position: absolute; right: -3em; bottom: -0.5em;}

/*-- 红宝石动态_end --*/



.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%;}

}