body { margin:0px; padding:0px; color:#333; font-size:12px;  background: #FFF; }

hr, p,blockquote, dl, dt, dd, ul, ol, li,form, fieldset, legend, img{ border:none; margin: 0; padding: 0;}


h1,h2,h3,h4,h5,h6{margin:0; padding: 0; font-weight:normal}

a:link,a:visited,a:active{color:#333; text-decoration:none; }

a:hover{text-decoration:none;}

div{margin:0px auto; line-height:21px;}

ul,li{list-style:none; padding:0px; margin:0px;}

.none { display:none; }

em { display:block; font-size:10px; font-weight:normal; font-style:normal; margin-top:-4px; }

.more { float:right; font-size:12px; margin-right:5px; font-weight:normal; }

.w1200 { width:1200px;}

.border-none { border-right:none;}

.clear{ clear:both; line-height:0; font-size:0; overflow: hidden;}

.fl{ float:left}

.fr{ float:right}

.h82{ height:82px}

/*======================浮动的外层==================*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* required comment for clearfix to work in Opera \*/

* html .clearfix { zoom:1 }

.clearfix { display:block; }

/* end clearfix */
.head{ width:100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);min-width:1200px}
.topbar{ height:36px; background-color:#f8f7f7; border-bottom:1px solid #e9e8e8; width:100%;min-width:1200px}
.leftbar{ float:left; color:#999;}
.rightbar{ float:right; margin-right:2px}
.leftbar li{ float:left; margin-right:15px; text-indent:20px; border-right:1px solid #dedede; padding:0 15px 0 0; margin-top:12px; height:13px; line-height:13px;position:relative;font-size:12px}
.icon-phone{ background:url(../image/tel.png) 0 1px no-repeat}
.icon-email{ background:url(../image/email.png) 0 2px no-repeat}
.rightbar li{ float:left; padding:0 10px;  border-right:1px solid #dedede; margin-top:12px;height:13px; line-height:13px; position:relative }
.rightbar li a,.rightbar li a:visited{ color:#999;}
.rightbar li a.on2{ display:inline-block;background:url(../image/mainNavOn.png) no-repeat right 0px;padding-right: 6px;}
.rightbar li img{ position:relative; top:0px; }
.rightbar li .info{ position:absolute; display:block; z-index:2000;top:28px;left:0px;width:150px;height:0px;overflow: hidden;}
.hi-yy{font-size:12px;color: #777;line-height: 37px;}
#top{background:#f2f2f2;overflow:hidden;border-bottom:1px solid #e9e8e8;width:100%;font-size:12px;color: #777;}
#top p{line-height: 37px;}
#top .phone{background:url("../image/icon_tel.png") no-repeat left 12px;color:#ff5744;font-size:16px;font-weight: bold;padding-left:15px;margin-right:15px;background-size:12px 13px;height:32px;overflow:hidden;font-family: Arial;}
#top .phone i{margin:0 0 0 0;text-shadow: #fff 0 1px 0;padding:0px; float:left;font-style: normal;}
#top .phone i{ -moz-animation: phone 6s infinite; -webkit-animation: phone 6s infinite; -o-animation: phone 6s infinite; animation: phone 6s infinite;}
#top .phone i:nth-child(1){animation-delay:0.1s;-webkit-animation-delay:0.1s}
#top .phone i:nth-child(2){animation-delay:0.2s;-webkit-animation-delay:0.2s}
#top .phone i:nth-child(3){animation-delay:0.3s;-webkit-animation-delay:0.3s}
#top .phone i:nth-child(4){animation-delay:0.4s;-webkit-animation-delay:0.4s}
#top .phone i:nth-child(5){animation-delay:0.5s;-webkit-animation-delay:0.5s}
#top .phone i:nth-child(6){animation-delay:0.6s;-webkit-animation-delay:0.6s}
#top .phone i:nth-child(7){animation-delay:0.7s;-webkit-animation-delay:0.7s}
#top .phone i:nth-child(8){animation-delay:0.8s;-webkit-animation-delay:0.8s}
#top .phone i:nth-child(9){animation-delay:0.9s;-webkit-animation-delay:0.9s}
#top .phone i:nth-child(10){animation-delay:1.0s;-webkit-animation-delay:1.0s}
#top .phone i:nth-child(11){animation-delay:1.1s;-webkit-animation-delay:1.1s}
#top .phone i:nth-child(12){animation-delay:1.2s;-webkit-animation-delay:1.2s}
#top .phone i:nth-child(13){animation-delay:1.3s;-webkit-animation-delay:1.3s}
#top .wx,#top .qq,#top .xm,#top .ly{background:url("../image/line.jpg") no-repeat left 14px;}
#top .wx a{background:url("../image/icon_wx.jpg") no-repeat 15px 12px; background-size:15px 13px;display:inline-block;padding:0 15px 0 35px;display: block;}
#top .qq a{background:url("../image/icon_qq.jpg") no-repeat 15px 12px; background-size:15px 13px;display:inline-block;padding:0 15px 0 35px;display: block;}
#top .xm a{background:url("../image/icon_bj.jpg") no-repeat 15px 12px; background-size:15px 13px;display:inline-block;padding:0 15px 0 35px;display: block;}
#top .ly a{background:url("../image/icon_ly.jpg") no-repeat 15px 12px; background-size:15px 13px;display:inline-block;padding:0 15px 0 35px;display: block;}
#top .zj{background:url("../image/icon_dh.png") no-repeat left 12px;color:#ff5744;font-size:16px;font-weight: bold;padding-left:20px;margin-right:15px;background-size:15px 13px;height:32px;overflow:hidden;font-family: Arial;}
#top .xiala{display: none;position: absolute;z-index: 2000;margin-left: -15px;}
#top .wx:hover .xiala{display: block;}
.slides li a {
    display: block;
    height: 489px;
}


/*.logo { width:185px; height:60px; float:left; margin-top:15px; }

.navbar { height:80px; width:1200px; clear:both}

/*.nav { float:left; margin-left:50px;}

.nav li { float:left; font-size:14px; margin-left:70px; margin-top:30px; text-align:center;}

.nav li em { font-size:10px; color:#999; font-variant: small-caps;  font-family: verdana, helvetica, arial, sans-serif;}

.nav li a:hover { color:#64ae2c; text-decoration:none;}

.nav li em:hover{ color:#64ae2c;}*/

@-webkit-keyframes phone{
0%{-webkit-transform:scale(1);}
1%{-webkit-transform:scale(1.5);}
3%{-webkit-transform:scale(0.8);}
6%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(1);}
}
@keyframes phone{
0%{transform:scale(1);}
1%{transform:scale(1.5);}
3%{transform:scale(0.8);}
6%{transform:scale(1);}
100%{transform:scale(1);}
}



.banner { width:1920px; }

.bannerbox{ width:100%; height:500px; position:relative; overflow:hidden; z-index:5}

.bannercenter{ width:1920px; position:relative; left:50%;}

.banner{ width:1920px; height:500px; overflow:hidden; position:relative; left:-50%}

.banner .box{ width:1920px; height:500px; position:relative; overflow:hidden; z-index:10}

.banner .list{ width:999999px; overflow:hidden;}

.banner .list li{ width:1920px; height:500px; float:left; overflow:hidden; position:relative;}

.banner .btn{ position:absolute; left:50%; bottom:15px; z-index:999}

.banner .btn li{ padding: 9px; width:0; height:0; float:left; margin:0 0px; position:

relative; left:-50%; background:url(../image/btnoff.png) no-repeat; cursor:pointer; font-size:0; line-height:0;}

.banner .btn li.selected{ background-image:url(../image/btnon.png)}

.banner .wrap{ width:1440px; margin-top:-500px; z-index:20; position:relative;}

.banner .plus,.banner .minus{ position:absolute; top:200px; width:57px; height:57px; cursor:pointer; z-index:10}
.banner .minus{ background:url(../image/btnr.png) no-repeat; right:-300px}
.banner .plus{ background:url(../image/btnl.png) no-repeat; left:-300px}
.banner:hover .minus{ background-image:url(../image/btnr.png);}
.banner:hover .plus{ background-image:url(../image/btnl.png);}





.maintitle { font-size:30px; font-weight:bold; line-height:30px; text-align:center;}

.maintitle span { color:#64ae2c;}

.maintitle .dot { font-size:14px; line-height:20px; color:#999; position:relative; bottom:8px;}

.mainremark { text-align:center; color:#999; margin-top:5px;}

.mainremark b{ color:#000}

.footer{ width:100%; background:#171717; padding-bottom:10px;min-width:1200px; height: auto !important;}

.footer .f_content{ width:1200px; margin:0 auto}

.footer .f_content .f_top{ text-align:center; padding:50px 0 72px 0}

.footer .f_content .f_top .h1{ margin-bottom:15px}

.footer .f_content .f_top p{ line-height:18px; font-size:12px;color:#848484; }

.footer .f_content .f_top span{ display:block; margin-top:15px}

.footer .f_content .f_center{ width:900px; margin:0 auto}

.footer .f_content dl{ float:left; width:100px; margin:0 40px}

.footer .f_content dl dt{ font-size:12px; color:#d4d4d4; margin-bottom:6px}

.footer .f_content dl dd a{ font-size:12px; color:#848484; line-height:24px}
.footer .f_content dl dd a:hover{ color:#fff}

.footer .share{ text-align:center; margin-top:37px; width:210px}
.footer .share li{ float:left;position:relative}

.footer .share a{ display:inline-block;background:url(../image/main_76.png) no-repeat; width:30px; height:30px; overflow:hidden; margin:0 6px; }

.footer .share li .info{position: absolute;bottom:38px;left:20px;width:150px;height:0px;overflow: hidden; display:block}

.footer .share a.a1:hover{ background-position:0 -41px}

.footer .share a.a2{ background-position:-46px 0px}

.footer .share a.a2:hover{ background-position:-46px -41px}

.footer .share a.a3{ background-position:-92px 0px}

.footer .share a.a3:hover{ background-position:-92px -41px}

.footer .share a.a4{ background-position:-141px 0px}

.footer .share a.a4:hover{ background-position:-141px -41px}

.footer .share a.a5{ background-position:-187px 0px}

.footer .share a.a5:hover{ background-position:-187px -41px}

.footer .f_down{ text-align:center; margin-top:17px}

.footer .f_down span{ display:block; color:#848484; }

.footer .f_down span a{color:#848484; font-size:12px}
.footer .f_down span a:hover{ color:#fff}

.footer .f_down p{ line-height:24px; margin-bottom:12px;color:#848484; }



.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}

.page span,.page  a{

padding:8px 12px;

border:1px #CCCCCC solid;

margin-right:4px;

cursor:pointer;

}

.page .current{

border:1px #66ad2e solid;

background:#66ad2e;

font-weight:bold;

color:#FFF;

}

.page  a:hover{

border:1px #66ad2e solid;

text-decoration:none;

}









.viewcontent {border-left: 2px solid #DDDFE1;float: right;line-height: 2em;min-height: 500px;padding: 20px 0 30px 20px;width: 738px;}

.detail{padding:0 26px;}

.detail .h3{ color:#333; text-align:center; font-size:24px; margin-top:16px;}

.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px; margin-top:15px;}

.write span{ color:#666;}

.detail p,.about p{ text-indent:24px;padding:0 14px;line-height:30px;font-size:14px;}

.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0;clear: both; }

.dow b{ color:#66ad2e;}

.dow p{ text-indent:0;font-size:12px;}



.tag { font-weight:bold; float:right; margin:30px 0 }

.tag a { padding:3px 5px; font-weight:normal; }

.tag a:hover { padding:3px 5px; background-color:#66ad2e; color:#FFFFFF; text-decoration:none; }

.kefu{ position: fixed; right: 0px; top: 200px; width: 120px; z-index: 99999; background-color:#FFF; font-family:Arial,simsun,Microsoft YaHei}
.kefutop{background: url(../image/mgtop.jpg) repeat-x; font-size: 14px; line-height: 40px; color: #fff; text-align: center; font-weight:bold;}
.kefucontent{ background: url(http://www.zhandodo.com/Themes/default/images/bg_qq.png) repeat-y; padding:4px 0 0;}
.kefucontent ul{ overflow: hidden; padding: 0 7px 7px 7px;}
.kefucontent li{ width: 92px; border-bottom: 1px solid #f2f2f2; line-height: 28px; background:url('../image/man.gif'); background-position:15px center; background-repeat:no-repeat; padding-left:29px; margin:0 auto}
.kefucontent  a{ color: #333 !important; margin-left:5px;}
.kefucontent  a:hover{ text-decoration:underline}
.kefucontent li span{ margin-right: 5px; color: #ea0051;}
.kefucontent li img{ margin-right: 5px;}
.kftel{ background:#66ad2e; font-size: 14px; color: #fff; width:115px; height:68px;}
.kftel img{ margin-right: 5px;}
.kftel p{ font-size: 14px; line-height: 1.2; }
.kfbtm{ height: 6px; overflow: hidden;}
.kefucontent dt{ text-align:center;font: bold 12px/2 simsun;}

.right-fixed-box {
	position: fixed;
	width: auto;
	height: auto;
	top: 200px;
	right: 0px;
	z-index: 999999;
	border-radius: 5px;
}

.right-fixed-box ul {
	border-radius: 5px;
	overflow: visible;
}

.right-fixed-box li {
	position: relative;
	width: 64px;
	height: 64px;
	margin-bottom: 10px;
	box-shadow: 0 0 8px #ccc;
	background: #fff;
}

.right-fixed-box li .right-fixed-ico {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	display: block;
	width: 64px;
	height: 64px;
	padding-top: 40px;
	color: #000;
	font-size: 12px;

	background-color: #fff;
	box-sizing: border-box;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
}

.right-fixed-box li p {
	text-align: center;
}

.right-fixed-box li:nth-child(1) .right-fixed-ico {

	background: url(../image/T1-border1.png) no-repeat;
	background-position: center 15px;
	border-radius: 5px 5px 0 0;
	color: #fff;
	background-color: #ffa200
}

.right-fixed-box li:nth-child(2) .right-fixed-ico {

	background: url(../image/T-qq.png) no-repeat;
	background-position: center 15px;
}

.right-fixed-box li:nth-child(3) .right-fixed-ico {

	background: url(../image/T-qq.png) no-repeat;
	background-position: center 15px;
}

.right-fixed-box li:nth-child(4) .right-fixed-ico {
	background: url(../image/right_pic2.png) no-repeat;
	background-position: center 15px;
}

.right-fixed-box li:nth-child(5) .right-fixed-ico {
	background: url(../image/T-tel.png) no-repeat;
	background-position: center 15px;
}

.right-fixed-box li:nth-child(6) .right-fixed-ico {
	background: url(../image/pay_1.png) no-repeat;
	background-position: center 15px;
}

.right-fixed-box li:nth-child(7) .right-fixed-ico {
	overflow: hidden;
	background: url(../image/right_pic3.png) no-repeat;
	color: #000;
	background-position: center 9px;
}

.right-fixed-box li:nth-child(6) .right-fixed-ico {
	border-radius: 0 0 5px 5px;
}

.right-fixed-box li:nth-child(7) {
	overflow: hidden;
	margin-bottom: 0;
}

.right-fixed-box .return-top {
	position: absolute;
	border-radius: 0 0 5px 5px;
	width: 64px;
	height: 64px;
	color: #fff;
	cursor: pointer;
	top: 64px;
	left: 0;
	background: #463120;
	padding: 11px 18px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 20px;
	transition: all .3s;
	z-index: 8888;
}

.right-fixed-box .online-consult
{
	width: 164px;
	height: 40px;
	position: absolute;
	right: -100px;
	top: 14px;
	color: #fff;
	border-radius: 3px;
	opacity: 0;
	background: #ffa200;
	line-height: 40px;
	padding-left: 19px;
	box-sizing: border-box;
	transition: all .3s;
}

.right-fixed-box .tel-consult{width: 210px;height: 64px;top: 0;position: absolute;
	right: -100px;color: #fff;
	border-radius: 3px;
	opacity: 0;
	background: #ffa200;
	padding-left: 19px;
	box-sizing: border-box;
	transition: all .3s;}

.right-fixed-box .pay_way {
	width: 192px;
	height: 600px;
	position: absolute;
	right: -100px;
	top: 0;
	margin-top: -272px;
	color: #fff;
	border-radius: 3px;
	opacity: 0;
	background: #fff;
	line-height: 40px;
	box-sizing: border-box;
	transition: all .3s;
	box-shadow: 0 0 10px #c1dcfa
}

.right-fixed-box .pay_way .p-Text {
	color: #000;
	text-align: left;
	line-height: 30px;
	font-size: 12px;
}

.pay_way_box {
	padding: 20px;
	border-bottom: 1px dashed #dddddd;
}
.pay_way_box p:nth-of-type(1){
	color: #1faa36
}
.pay_way_box p:nth-of-type(2){
	color: #42afeb
}

.pay_way_box img {
	width: 120px;
	height: 120px;
	margin: 10px;
}

.pBox {
	padding: 6px 18px;
}

.pBox .p-Text:nth-of-type(1) {
	color: red;
}

.pBox .p-Text:nth-of-type(2n) {
	width: 80px;
	height: 30px;
}

.pBox .p-Text:nth-of-type(2n) span {
	display: inline-block;
	padding-left: 100%;
}

.p_way {
	color: #000;
	line-height: 20px;
}

.right-fixed-box .online-consult:before,
.right-fixed-box .tel-consult:beforea {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #ffa200;
	position: absolute;
	right: -5px;
	top: 15px;
}

.right-fixed-box .pay_way:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -2.5px;
}


.right-fixed-box .tel-consult {
	font-size: 18px;
}

.right-fixed-box .online-consult a {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}

.right-fixed-box .online-consult strong {
	color: #ffff00;
	font-size: 16px;
}

.right-fixed-box .qq-box {
	position: absolute;
	padding: 5px;
	border: 1px solid #dcd5cb;
	top: -40px;
	right: -30px;
	background: #fff;
	transform: scale(0.3);
	transition: all .3s;
	opacity: 0;
}

.right-fixed-box .wx-box {
	position: absolute;
	padding: 5px;
	border: 1px solid #dcd5cb;
	top: -40px;
	right: -30px;
	background: #fff;
	transform: scale(0.3);
	transition: all .3s;
	opacity: 0;
}

.right-fixed-box .wx-box img {
	width: 130px;
	height: 130px;
}

.right-fixed-box .qq-box img {
	width: 130px;
	height: 130px;
}

.right-fixed-box li:hover .right-fixed-ico {
	background-color: #ffa200;
	color: #fff;
}

.right-fixed-box li:hover {
	box-shadow: none;
}

.right-fixed-box li:nth-of-type(1) {
	border-radius: 5px 5px 0 0;
}

.right-fixed-box li:nth-of-type(1):hover .right-fixed-ico {
	background: url(../image/T1-border1.png) no-repeat;
	background-position: center 15px;
	background-color: #ffa200
}

.right-fixed-box li:nth-of-type(2):hover .right-fixed-ico {
	background: url(../image/T-qq1.png) no-repeat;
	background-position: center 15px;
	background-color: #ffa200
}

.right-fixed-box li:nth-of-type(3):hover .right-fixed-ico {
	background: url(../image/T-qq1.png) no-repeat;
	background-position: center 15px;
	background-color: #ffa200
}

.right-fixed-box li:nth-of-type(4):hover .right-fixed-ico {
	background: url(../image/right_pic2_on.png) no-repeat;
	background-position: center 15px;
	background-color: #ffa200
}

.right-fixed-box li:nth-of-type(5):hover .right-fixed-ico {
	background: url(../image/T-tel1.png) no-repeat;
	background-position: center 15px;
	background-color: #ffa200
}

.right-fixed-box li:nth-of-type(6):hover .right-fixed-ico {
	background: url(../image/pay_2.png) no-repeat;
	background-position: 20px 15px;
	background-color: #ffa200
}

.right-fixed-box li:nth-child(1):hover .online-consult {
	transform: translateX(-174px);
	opacity: 1;
}

.right-fixed-box li:nth-child(5):hover .tel-consult {
	transform: translateX(-174px);
	opacity: 1;
}

.right-fixed-box li:nth-child(4):hover .qq-box {
	transform: scale(1) translateX(-104px);
	opacity: 1;
}

.right-fixed-box li:nth-child(3):hover .wx-box {
	transform: scale(1) translateX(-104px);
	opacity: 1;
}

.right-fixed-box li:nth-child(6):hover .pay_way {
	transform: translateX(-174px);
	opacity: 1;
}

.right-fixed-box li:nth-child(7):hover .right-fixed-ico {
	background: url(../image/right_pic3_on.png) no-repeat;
	background-color: #ffa200;
	color: #fff;
	background-position: center 9px;
}
.right-fixed-box li:nth-child(8){background:url(../image/right_pic6_on.png) no-repeat;background-color: #ffa200;color:#fff;background-position: center 10px;text-align: center;width: 64px;height: 30px;padding-top: 34px;border-radius: 0 0 5px 5px;margin-top: 10px;cursor: pointer;}

.right-fixed-box li:nth-child(8):hover .return-top {
	transform: translateY(-64px);
}
.right-fixed-box .tel-consult h1{ display:block; height:32px; overflow:hidden;line-height:32px; font-size:16px;padding-left: 20px;}
.right-fixed-box .tel-consult h1 span{line-height:24px;overflow:hidden; margin-top:32px; font-size:16px;padding-left: 10px;}
.right-fixed-box .tel-consult h1.bgs1{ background:url(../image/right_pic8.png) 0px 6px no-repeat;}
.right-fixed-box .tel-consult h1.bgs2{ background:url(../image/right_pic9.png) 0px 5px no-repeat;}