@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{ 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: 1.25em; font-weight:bold; color: #f5a100; padding-left: 1.4em; background: url(/uploads/image/mimages/mb.png) left center no-repeat; background-size: 1.2em;}

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

.header .hddown{ padding: 0px 2%; margin-top: 1.2em; margin-bottom: 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.3em;}

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

/*--header_end--*/

    

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

.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;margin-top: 50px;}

.menu ul{     
  	overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.menu ul li{ width: 28%; 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),.menu ul li:nth-child(2),.menu ul li:nth-child(3),.menu ul li:nth-child(4){
   }

/*
.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;font-weight:bold; color: #017284;}

.menu ul li:after{content:''; position:absolute; top:0; right:0; z-index:9; width:0; height:100%; }

/*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: 100%; background: url(/uploads/image/mimages/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: 31.3%;margin-left:1%;margin-right:1%; margin-bottom: 0.6em; }

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

.hotcp .chbox li>div{background: #white; padding-top: 0em; padding-bottom: 0em;}

.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;margin-bottom: 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(/uploads/image/mimages/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(/uploads/image/mimages/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{ 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.2em; line-height: 1.1em; margin-top: 0.4em; text-align: center;}

.honor .chgbox ul li p a{ font-size:0.8em; 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(/uploads/image/mimages/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(/uploads/image/mimages/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(/uploads/image/mimages/hang.png) no-repeat; background-size: 1.3em; position: absolute; right: -3em; bottom: -0.5em;}

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



.ftmagin{ margin-bottom: 4.0em;}



/*footer_end*/

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

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

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

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

.ftmenu li.home{ position: relative; top: -2em; width: 40%;}

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

}

.navbar {
    margin: 0px;
    border: 0px;
    min-height: 50px;
    /* background-color: #017284; */
}
.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}
.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
    
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

  .navbar-default .navbar-toggle {
    border-color: #017284;
}

.navbar-toggle {
    border: none;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #017284;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
  
  .navbar-default .navbar-toggle {
    border-color: #017284;
}

.navbar-toggle {
    border: none;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #017284;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
  

img {
    vertical-align: middle;
}

img {
    border: 0;
}

.logo{
    margin: 3px 0px 0px 0px;
    max-width: 330px;
    max-height: 40px;
}

.contact{
  margin-left:40px;
}


.navbar-header{
	    display: flex;
    justify-content: space-between;
}

.navbar-collapse{
	background: #017284;
}

.navbar-default .navbar-nav > li > a , .navbar-default .navbar-nav .open .dropdown-menu > li > a{
    color: white !important;
}


#app_menudown {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 16px;
}


.hotcp{
	margin: 9px auto 9px;	border-top: #80808017 8px solid;
}

.hotcp h3{
  color:#017284;
  text-align:center; 
  padding:23px auto 2px;
  font-weight:bold;
}

.hotcp h4{
  color:#017284;
  text-align:center; 
  padding:5px auto 8px;
  font-weight:bold;

}

.hotcp h5{
  font-size:1em; 
  font-weight:bold; 
  color:#017284;
  text-align:center; 
}


.spec{
	color:#404040; font-size:13px;
}