﻿/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */

@charset "utf-8";

/* CSS Document */

body {

	background-color: #fff;

	overflow-x: hidden;

	color: #666;

	font-size: 14px;

	font-family: microsoft yahei, "宋体";

	position: relative;

}/*网站字体颜色*/

a {

	color: #666;

	text-decoration: none;

}  /*for ie f6n.net*/

a:focus {

	outline: 0;

} /*for ff f6n.net*/

a:hover {

	text-decoration: underline;

}

.vam {

	vertical-align: middle;

}

.clear {

	clear: both;

	height: 0;

	line-height: 0;

	font-size: 0;

}

p {

	word-spacing: -1.5px;

}

.tr {

	text-align: right;

}

.tl {

	text-align: left;

}

.center {

	text-align: center;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.pa {

	position: absolute;

}

.pr {

	position: relative

}

/* -- 购物车外部框架 -- */

.cart_header, .cart_content, .cart_footer {

	width: 980px;

	margin: 0 auto;

}

/* -- 页面整体布局 -- */

.header, .content, .footer {

	width: 1200px;

	margin: 0 auto;

	font-family: microsoft yahei;

}

.left {

	width: 238px;

	float: left;

	overflow: hidden;

}

.left2 {

	width: 905px;

	float: left;

	overflow: hidden;

}

.left3 {

	width: 754px;

	float: left;

	overflow: hidden;

	color: #666;

}

.lefttop {

	background: url(/skin/images/left_top_img.gif) no-repeat;

	height: 3px;

	font-size: 0;

	overflow: hidden;

	margin-top: 10px;

}

.left2top {

	height: 3px;

	font-size: 0;

	overflow: hidden;

}

.leftbot {

	background: url(/skin/images/left_bot_img.gif) no-repeat;

	height: 3px;

	font-size: 0;

	overflow: hidden;

	margin-bottom: 10px;

}

.left2bot {

	height: 3px;

	font-size: 0;

	overflow: hidden;

	margin-bottom: 10px;

}

.rightbot {

	height: 3px;

	font-size: 0;

	overflow: hidden;

	margin-bottom: 10px;

}

.right {

	width: 939px;

	float: right;

	display: inline;

	overflow: hidden;

}

.right2 {

	width: 275px;

	float: right;

	overflow: hidden;

}

.right3 {

	width: 201px;

	float: right;

	overflow: hidden;

	color: #666;

}

.right2top {

	background: url(/skin/images/right2_top_img.gif) no-repeat;

	height: 3px;

	font-size: 0;

	overflow: hidden;

}

.right2bot {

	background: url(/skin/images/left_bot2_img.gif) no-repeat;

	height: 3px;

	font-size: 0;

	overflow: hidden;

	margin-bottom: 10px;

}

.right_main {

	width: 937px;

	min-height: 458px;

	border: solid 1px #d5d5d5;

	padding-bottom: 15px;

	overflow: hidden;

	background: #fff;

}

.right2_main {

	width: 273px;

	border: solid 1px #d5d5d5;

	border-top: 0;

	padding-bottom: 15px;

	overflow: hidden;

	background: #fff

}

.left2_main {

	width: 903px;

	border: solid 1px #d5d5d5;

	padding-bottom: 15px;

	overflow: hidden;

	background: #fff;

}

 .h_nav li a:-webkit-any-link {

display:block;

}

.container {

	margin-left: auto;

	margin-right: auto;

	width: 1200px;

}

/*页眉*/

.header {

	width: 100%;

	height: 219px;

	overflow: hidden;

	background: #fff;

}

/*--顶部链接导航*/

.hd_top {
	background: #81d8d0;
}

.hd_top .container {

	height: 32px;

	line-height: 32px;

	color: #fff;

}

.hd_top em {

}

.hd_top a {

	padding: 0px;

	color: #fff;

}

/*--页眉内容*/

.hd_cont {

	position: relative;

	height: 124px;

}

.hd_cont .hd_logo {

	position: absolute;

	left: 0;

	top: 14px;

}

.hd_cont .hd_logo dd {

	margin-left: 35px;

	padding-top: 21px;

}

.hd_cont .hd_logo dd h2 {

	font-size: 20px;

	line-height: 30px;

	color: #666;

}

.hd_cont .hd_logo dd p {

	margin-top: 10px;

	font-size: 13px;

	color: #3d3d3d;

}

.hd_cont .hd_logo dd p span {

	margin-right: 10px;

}

.hd_cont .hd_logo dd p span em {

	margin-right: 6px;

	font-size: 18px;

	color: #c0c0c0;

}

.hd_cont .dh_phone {

	padding-left: 51px;

	line-height: 27px;

	margin-top:32px;

	background: url(/skin/images/hdphoen_ico.png) no-repeat left 11px;

	color: #a1a1a1;

}

.hd_cont .dh_phone span {

	font-size: 16px;line-height: 27px;

	font-family: Arial, Helvetica, sans-serif;

	color: #202020;

	display: block;

}

.hd_cont .dh_phone span font{font-size: 27px;color: #e50150;font-weight: bold;display: block;}

/*--导航栏*/

.dh_nav {

	border-top: 1px solid #d6d6d6;

}

.dh_nav>ul {

	height: 61px;

}

.dh_nav>ul>li {

	position: relative;

	float: left;

	white-space: nowrap;

	word-break: break-all;

	width: 150px;

	text-align: center;

}

.dh_nav>ul>li.home {

	

}

.dh_nav>ul>li>a {

	display: block;

	/* padding: 0 32px; */

	height: 61px;

	line-height: 61px;

	font-size: 16px;
background-position: 50% 30%;
	color: #20201d;

	font-family: microsoft yahei;

	text-decoration: none;

}

.dh_nav>ul>li>a.navHome {

	/* padding: 0 22px; */

}

.dh_nav>ul>li>a.cur, .dh_nav>ul>li:hover>a {
	
	background:url(/skin/images/nav_hover.png) no-repeat center center;
	color: #fff;

}

/*.dh_nav>ul>li ul{position:absolute; top:58px; left:0px; padding-bottom:10px; display:none; width:100%; background-color:#046640;}

.dh_nav>ul>li ul li{margin:0px 10px; height:35px; line-height:35px; overflow:hidden; text-align:center; border-top:1px dashed #8bb1a2;}

.dh_nav>ul>li ul li.noBt{border-top:none;}

.dh_nav>ul>li ul li a{color:#fff; font-size:14px;}

.dh_nav>ul>li:hover ul{display:block;}*/





/*友情链接*/

.yqlj {

	margin-top: 10px;

	overflow: hidden;

}

.yqlj h4 img {

}

.yqlj p {

	margin-left: 80px;

	line-height: 48px;

	height: 48px;

	overflow: hidden;

}

.yqlj p a {

	display: inline-block;

	padding: 0 22px;

	font-size: 13px;

	color: #222;

	background: url(/skin/images/yqljbr.png) no-repeat right center;

}

/*页尾*/

.footWrap {

	background-color: #393939;

}

.footer {

	position: relative;

	padding-top: 8px;

	overflow: hidden;

	height: 189px;

}

.footer .ewmImg {

	position: absolute;

	left: 20px;

	top: 100px;

}

.fotBai {

	padding: 0px;

}

.fotNav {

	height: 73px;

	line-height: 73px;

	color: #fff;

	text-align: center;

	border-bottom: 1px solid #989999;

}

.fotNav a {

	padding: 0 33px;

	font-size: 16px;

	color: #fff;

	background: url(/skin/images/fotnavbr.png) no-repeat left center;

}

.fotNav a.noBg {

	background: none;

}

.fotTxt {

	text-align:center;

	padding-bottom: 20px;

	margin-top: 20px;

	line-height: 35px;

	font-size: 16px;

	color: #fff;

}

.fotTxt a {

	color: #fff;

}

.fotPhone {

	position: absolute;

	left: 730px;

	top: 130px;

	padding-left: 50px;

	font-size: 13px;

	color: #fff;

	background: url(/skin/images/fotphoen_ico.png) no-repeat left center;

}

.fotPhone dd {

	line-height: 26px;

	font-size: 24px;

	font-weight: bold;

	color: #546a85;

}


.hover_animation{	
	transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}
.hoverimg:hover img{
    transform:scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
}
.hoverimg:hover a.ahref{
    transform:scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
}
.hoverimgup:hover img{
    -webkit-transform: translate3d(0,-5px,0);
    -moz-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
}




@-webkit-keyframes fadeInDown {
    0% {opacity:0;-webkit-transform:translateY(20px)}
    100% { opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes fadeInDown {
    0% {opacity:0;-moz-transform:translateY(20px)}
    100% {opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInDown {
    0% {opacity:0;-o-transform:translateY(20px)}
    100% {opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInDown {
    0% {opacity:0;transform:translateY(20px)}
    100% { opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeInUp {
    0% {opacity:0;-webkit-transform:translateY(-20px)}
    100% { opacity:1;-webkit-transform:translateY(0)}
}

@-moz-keyframes fadeInUp {
    0% {opacity:0;-moz-transform:translateY(-20px)}
    100% {opacity:1;-moz-transform:translateY(0)}
}
@-o-keyframes fadeInUp {
    0% {opacity:0;-o-transform:translateY(-20px)}
    100% {opacity:1;-o-transform:translateY(0)}
}
@keyframes fadeInUp {
    0% {opacity:0;transform:translateY(-20px)}
    100% { opacity:1;transform:translateY(0)}
}
@-webkit-keyframes fadeInLeft {
    0% {opacity:0;-webkit-transform:translateX(-100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft {
    0% {opacity:0;-moz-transform:translateX(-100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft {
    0% {opacity:0;-o-transform:translateX(-100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeft {
    0% {opacity:0;transform:translateX(-100px)}
    100% {opacity:1;transform:translateX(0)}
}
@-webkit-keyframes fadeInRight {
    0% {opacity:0;-webkit-transform:translateX(100px)}
    100% {opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight {
    0% {opacity:0;-moz-transform:translateX(100px)}
    100% {opacity:1;-moz-transform:translateX(0)}
}
@-ms-keyframes fadeInRight {
    0% {opacity:0;-ms-transform:translateX(100px)}
    100% {opacity:1;-ms-transform:translateX(0)}
}
@-o-keyframes fadeInRight {
    0% {opacity:0;-o-transform:translateX(100px)}
    100% {opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInRight {
    0% {opacity:0;transform:translateX(100px)}
    100% {opacity:1;transform:translateX(0)}
}

.wy_qrcode{width: 143px;display: none;position: absolute;top: 32px;left: 0;z-index: 99999;box-shadow: 0 2px 8px #ddd;background: #fff;}
.wy_qrcode p{line-height: 18px;
    font-weight: bold;
    color: #333;
    text-align: left;
    padding: 4px 5px 0 5px;}
.wy_qrcode font{display: block;}
.wy_qrcode img{max-width: 143px;}