/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@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;
}
@media screen and (min-width:320px) {
html {
	font-size: 75%;
}
}
@media screen and (min-width:375px) {
html {
	font-size: 87.5%;
}
}
@media screen and (min-width:480px) {
html {
	font-size: 87.5%;
}
}
@media screen and (min-width:540px) {
html {
	font-size: 112.5%;
}
}
@media screen and (min-width:550px) {
html {
	font-size: 125%;
}
}
@media screen and (min-width:640px) {
html {
	font-size: 150%;
}
}
/* header */
header {
	width: 100%;
	overflow: hidden;
}
header dl {
	width: 100%;
	overflow: hidden;
	padding: 1.708333rem 0 1.416667rem 0;
}
header dt {
	width: 24%;
	float: left;
	margin-left: 4%;
}
header dd {
	width: 64%;
	float: left;
	box-sizing: border-box;
	border-left: 1px solid #dadada;
	padding-left: 2%;
	margin: 0 0 0 3%;
}
header dd h2 {
	font-size: 1.2rem;
	font-weight: bold;
	color: #333333;
}
header dd h2 span {
	color: #016fc4;
}
header dd a {
	background: url(../img/header-phone.png) no-repeat left center;
	padding-left: 1.666667rem;
	background-size: 8%;
	display: block;
}
header dd a i {
	font-size: 1.166667rem;
	color: #0087d5;
	line-height: 1.416667rem;
	font-family: 'Myriad Pro';
	height: 1.416667rem;
	padding-top: 0.25rem;
	display: block;
}
header img {
	display: block;
	width: 100%;
}
/*nav*/
nav {
	width: 100%;
	overflow: hidden;
	    background-color: #016fc4;
	background-size: cover;
}
nav a {
	font-size: 1rem;
	color: #fff;
	display: block;
	float: left;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	    border-left: 1px solid #afdcff;
    border-right: 1px solid #afdcff;
	height: 3.333333rem;
	line-height: 3.333333rem;
}
nav a:nth-child(4), nav a:nth-child(8) {
	border-right: none;
}
nav a:nth-child(1), nav a:nth-child(2), nav a:nth-child(3), nav a:nth-child(4) {
	border-bottom: 1px solid #afdcff;
}
nav a:nth-child(1), nav a:nth-child(5) {
	border-left: none;
}
/* banner */
.banner {
	overflow: hidden;
	width: 100%;
}
.banner a img {
	display: block;
	width: 100%;
	position: relative;
}
.focus {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.focus .hd {
	width: 100%;
	height: 5px;
	position: absolute;
	z-index: 1;
	bottom: 0;
	text-align: center;
}
.focus .hd ul .on {
	background-color: #fac900;
}
.focus .bd {
	position: relative;
	z-index: 0;
}
.focus .bd li img {
	width: 100%;
}
.focus .bd li a {
	-webkit-tap-highlight-color: #0064b9; /* 取消链接高亮 */
}
.focus .hd ul {
	position: absolute;
	left: 0;
bottom: .6rem;
	overflow: hidden;
	width: 100%;
	text-align: center
}
.focus .hd ul li {
	display: inline-block;
	width: 7%;
	height: 3px;
	margin-left: 2%;
	background: #9fa8ad;
	text-indent: -99999em;
}
/* product */
.product {
	width: 100%;
	overflow: hidden;
	padding-bottom: 1.958333rem;
}
.product img {
	display: block;
	width: 100%;
}
.product h2 {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	padding: 1.416667rem 0 1.0rem 0;
}
.product h2 a {
	color: #333333;
}
.product .con {
	overflow: hidden;
	width: 100%;
}
.product .menu {
	overflow: hidden;
	width: 100%;
}
.product .menu li {
	width: 33%;
	float: left;
	border-left: 1px solid #30a9e2;
	border-right: 1px solid #0088c8;
	box-sizing: border-box;
	background: #fbc900;
	font-size: 1.25rem;
	text-align: center;
	padding: 1.0rem 0;
}
.product .menu li a {
	color: #fff;
	text-decoration: none;
}
.product .menu li:first-child {
	border-left: none;
	width: 34%;
}
.product .menu li:last-child {
	border-right: none;
}
.product .menu li.on {
	background: #ff9900;
	font-weight: bold;
}
.product .smallCon {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	border: 2px solid #ff9900;
	border-top: none;
	padding: 1.416667rem 0 1.0rem 0;
}
.product .smallCon a {
	font-size: 1.0rem;
	color: #333333;
	float: left;
	display: block;
	width: 33.333333%;
	margin-bottom: 0.666667rem;
	text-indent: 2%;
}
.product .smallCon a.on {
	color: #ff9900;
}
.product .bigCon {
	width: 94%;
	overflow: hidden;
	padding: 0 3%;
}
.product .bigCon ul {
	overflow: hidden;
	width: 100%;
}
.product .bigCon li {
	float: left;
	width: 48%;

	margin-left: 4%;
}
.product .bigCon li span {
	display: block;
	font-size: 1.0rem;
	color: #333333;
	margin-top: 0.75rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align:center;
}
.product .bigCon li:nth-child(2n+1) {
	margin-left: 0;
}
.product .con .more {
	display: block;
	width: 29%;
	text-align: center;
    border: 2px solid #8dbd1e;
    font-size: 1.0rem;
    color: #8dbd1e;
	margin: 1.916667rem auto 0;
	padding: 0.541667rem 0;
}
/* Zx */
.Zx {
	width: 100%;
	box-sizing: border-box;
      margin-top: px;
      margin-bottom: 15px;
	    border: 0.016667rem solid #016fc4;
	position: relative; 
	display: inline-block;
	height: 5.916667rem;
	background: url(../img/zxbg.jpg) no-repeat center;
	background-size: cover;
}
.Zx img {
	display: block;
	width: 100%;
}
.Zx span {
	width: 38%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}
.Zx .phone {
	float: left;
	margin-left: 25%;
}
.Zx .phone p {
	font-size: 1.4rem;
	color: #333333;
	font-weight: bold;
	margin-top: 2.416667rem;
    margin-left: -4.200rem;
}
.Zx .phone a {
	font-size: 1.5rem;
color: #3e2d7d;
	font-weight: bold;
	display: block;
}
.Zx .btn {
	font-size: 1.0rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 23%;
	float: left;
	display: block;
	padding: 0.583333rem 0;
    background: #8dbd1e;
	border-radius: 0.166667rem;
	margin: 1.758333rem 0 0 2%;
}
/* pro_details */
.pro_details {
	width: 100%;
	overflow: hidden;
	background: url(../img/pro_detailsbg.jpg) no-repeat center;
	background-size: cover;
	padding-bottom: 2.916667rem;
}
.pro_details img {
	display: block;
	width: 100%;
}
.pro_details .Title {
	text-align: center;
	padding-top: 1.333333rem;
}
.pro_details .Title span {
	background: url(../img/pro_details_icon01.png) no-repeat left center;
	padding-left: 4%;
	display: inline-block;
	font-size: 1.0rem;
	color: #666666;
	margin-left: 3%;
}
.pro_details .Title span:nth-child(1) {
	margin-left: 0;
}
.pro_details .Title h2 {
	width: 85%;
	margin: 0 auto 0.5rem;
}
.pro_details .con {
	width: 94%;
	padding: 0 3%;
	overflow: hidden;
	text-align: center;
	margin-top: 1.833333rem;
}
.pro_details .con ul {
	overflow: hidden;
	text-align: center;
}
.pro_details .con li {
	width: 42%;
	overflow: hidden;
	text-align: center;
	font-size: 1.25rem;
	box-sizing: border-box;
	border: 2px solid #333;
	margin-left: 0.416667rem;
	display: inline-block;
	height: 2.5rem;
	line-height: 2.5rem;
}
.pro_details .con li a {
	color: #333333;
}
.pro_details .con li.on {
	background: #ff9900;
	font-weight: bold;
	border: none;
}
.pro_details .con li.on a {
	color: #fff;
}
.pro_details .conBox {
	margin-top: 1.833333rem;
	width: 100;
	overflow: hidden;
}
/* adv */
.adv {
width: 100%overflow: hidden;
	position: relative;
}
.adv img {
	display: block;
	width: 100%;
}
.adv .more {
	display: block;
	width: 37%;
	text-align: center;
	font-size: 1.0rem;
	color: #291570;
	padding: 0.458333rem 0;
	position: absolute;
	left: 9%;
	bottom: 2.625rem;
	border: 2px solid #291570;
}
.adv .phone {
	width: 42%;
	position: absolute;
	left: 54%;
	bottom: 2.291667rem;
}
.adv .phone p {
	font-size: 1.0rem;
	font-weight: bold;
	color: #333333;
}
.adv .phone span {
	font-size: 1.5rem;
	color: #0092d6;
	font-weight: bold;
	display: block;
	margin-top: 0.166667rem;
}
.adv .phone a {
	color: #0092d6;
}
/* feedBack */
.feedBack {
	width: 100%;
	overflow: hidden;
}
.feedBack img {
	display: block;
	width: 100%;
}
.feedBack .menu {
	width: 100%;
	overflow: hidden;
}
.feedBack .menu ul {
	overflow: hidden;
}
.feedBack .menu li {
	float: left;
	width: 100%;
    background: #016fc4;
	padding: 1.083333rem 0;
	text-align: center;
	font-size: 1.35rem;
}
.feedBack .menu li a {
	color: #fff;
}
.feedBack .menu li.on {
    background: #016fc4;
	font-weight: bold;
}
.feedBack .con {
	padding: 1.333333rem 3% 1.666667rem;
	width: 94%;
  
      font-size: 1.5em;
    line-height: 2em;
  
  
}
.feedBack .con ul {
	width: 100%;
	overflow: hidden;
}
.feedBack .con li {
	width: 48%;
	float: left;
	margin-left: 4%;
	float: left;
}
.feedBack .con li:nth-child(2n+1) {
	margin-left: 0;
}
.feedBack .con li h3 {
	font-size: 1.0rem;
	margin: 0.75rem 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-weight: normal;
}
.feedBack .con li h3 a {
	color: #333333;
}
.feedBack .con li p {
	font-size: 0.75rem;
	color: #666666;
	line-height: 1.0rem;
	height: 3.0rem;
	text-overflow: ellipsis;
	overflow: hidden;
}
.feedBack .con li .more {
	font-size: 0.75rem;
	color: #666666;
	display: block;
	margin-top: 0.75rem;
}
/* about */
.about {
	width: 100%;
	overflow: hidden;
}
.about img {
	display: block;
	width: 100%;
  height: 300px;
}
.about .menu {
	width: 100%;
	overflow: hidden;
}
.about .menu ul {
	overflow: hidden;
}
.about .menu li {
	float: left;
	width: 50%;
      background: #016fc4;
	padding: 1.083333rem 0;
	text-align: center;
	font-size: 1.25rem;
}
.about .menu li a {
	color: #fff;
}
.about .menu li.on {
	    background: #8dbd1e;
	font-weight: bold;
}
.about .con {
	
	width: 94%;
}
.about .con h3 {
	font-size: 1.25rem;
	color: #333333;
	margin: 1.166667rem 0 1.333333rem 10px;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.about .con p {
	font-size: 1.0rem;
	line-height: 1.541667rem;
	color: #666;
	height: 9.25rem;
	text-overflow: ellipsis;
	overflow: hidden;
      margin-left: 10px;
    margin-right: 10px;
  
  
  
}
.about .con .more {
	    font-size: 1.0rem;
    color: #8dbd1e;
    border: 2px solid #8dbd1e;
    padding: 0.458333rem 0;
    text-align: center;
    display: block;
    margin: 2.0rem auto 0;
    width: 29%;
  margin-bottom: 20px;
  margin-top: 0px;
}
/* Rx */
.Rx {
	width: 100%;
	overflow: hidden;
    background: #016fc4;
	padding: 0.666667rem 0;
	text-align: center;
}
.Rx p {
	background: url(../img/rx-icon01.png) no-repeat 11% center;
	background-size: 8%;
	line-height: 2.291667rem;
	height: 2.291667rem;
	padding-left: 10%;
}
.Rx a {
	font-size: 1.5rem;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-left: 0.166667rem;
}
.Rx em {
	font-size: 1.0rem;
	color: #fff;
	vertical-align: top;
}
/* copyRight */
.copyRight {
padding-bottom: 6%;
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
}
.copyRight .con {
	overflow: hidden;
	width: 100%;
}
.copyRight p {
	line-height: 1.666667rem;
	font-size: 1.0rem;
	color: #666666;
}
.copyRight a {
	font-size: 1.0rem;
	color: #666666;
}
/* backTop */
.backTop {
	width: 5.375rem;
	height: 5.375rem;
	position: fixed;
	right: 3%;
	bottom: 12%;
}
.backTop img {
	display: block;
	width: 100%;
}
/* footer */
footer {
	width: 100%;
	overflow: hidden;
    background-color: #016fc4;
	/*background-size: cover;*/
	position: fixed;
	bottom: 0;
}
footer a {
	width: 25%;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.0rem;
	float: left;
	   box-sizing: border-box;
border-left: 1px solid #ecc215;

	padding: 1.25rem 0;
}
footer a:first-child {
	border-left: none;
}
footer a:last-child {
	border-right: none;
}
/*新闻*/
.new {
	overflow: hidden;
	width: 100%;
	padding-bottom: 3%;
}
.con .newNav {
	display: inline-block;
	width: 100%;
}
.con .newNav li {
	float: left;
	width: 25%;
	text-align: center;
padding: .6rem 0;
	font-size: 0.95rem;
	position: relative;
	border: 2px solid #e8e8e8;
	border-left: none;
	border-right: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.con .newNav li a {
	color: #333333
}
.con .newNav li i {
	display: none;
	background: url("../img/new_li.png") no-repeat center;
	width: 14px;
	height: 7px;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	bottom: -8px;
	background-size: 100%;
}
.con .newNav li.on {
	background-color: #ff6d8c;
	border-color: #ff6d8c
}
.con .newNav li.on a {
	color: #fff;
}
.con .newNav li.on i {
	display: block
}
.con .newNav li:last-of-type {
	border-right: none
}
.con .newBox, .new .newCon, .new .li, .new .dl {
	overflow: hidden;
	width: 100%;
}
.con .newBox {
	margin-top: 4%;
}
.con .dl dt {
	width: 38%;
	float: left;
}
.con .dl dt img {
	display: block;
	width: 100%
}
.con .dl dd {
	width: 59%;
	float: right;
}
.con .dl dd h3 {
	font-size: 1rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.con .dl dd h3 a {
	color: #333
}
.con .dl dd p {
font-size: .95rem;
	color: #5f5f5f;
	line-height: 1.5rem;
	height: 4.5rem;
	overflow: hidden;
margin-top: .8rem;
}
.con .li {
	margin-top: 3%;
}
.con .li li {
	background: url("../img/new_li_a.png") no-repeat left center;
	background-size: 1.5%;
padding-left: .8rem;
	box-sizing: border-box;
	line-height: 1.8rem;
font-size: .9rem;
	color: #333333;
	border-bottom: 1px dashed #afdcff;
	overflow: hidden;
      margin-left: 10px;
    margin-right: 10px;
    height: 40px;
    line-height: 40px;
}
.con .li li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	width: 69%;
	float: left;
	color: #333;
}
.con .li li span {
	display: block;
	width: 28%;
	float: right;
	text-align: right;
	color: #b5b5b5
}
.con .newBox p {
	font-size: 1.0rem;
	line-height: 1.541667rem;
	color: #666;
	height: 4.25rem;
	text-overflow: ellipsis;
	overflow: hidden;
}