@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div{margin:0;padding:0;}
body{font:14px "微软雅黑";-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%; position:relative;}
a{text-decoration:none;font-family:"微软雅黑";font-size:14px;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline:none;}
em,i{font-style:normal;}
li,dl,dt,dd{list-style:none; overflow:hidden;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
.c{clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.h-57{ height:57px; overflow:hidden;}
.hide{ display:none;}

.header-bg{ background:#1d1d1d; height:57px; line-height:57px; overflow:hidden; position:fixed; left:0px; top:0px; width:100%; z-index:99;}
.header{ width:1200px; margin:0px auto; overflow:hidden;}
.nav{ margin-left:50px;}
.nav li{ float:left;}
.nav li a{ font-size:14px; color:#fff; margin:0px 20px;}
.top-a a{ display:inline-block; border:1px solid #fff; background:#fff; margin-left:10px; height:35px; line-height:35px; width:100px; text-align:center; color:#333; border-radius:3px; font-size:14px;}
.top-a a:hover{ text-decoration:none; color:#fff; background:#dc323c;}

/*幻灯片*/
#slide{ overflow:hidden; position:relative; height:auto; background:#e1e1e1; text-align:center; background:url(../images/load.gif) center top no-repeat; margin:0; padding:0;}
#slide ul{position:relative;}
#slide ul li{ position:absolute; z-index:2; left:0; top:0; width:100%; height:auto; text-align:center; opacity:0;}
#slide ul li span{ position:absolute; z-index:3; line-height:30px; font-size:16px; color:#000; font-weight:bold;right:0; opacity:0;}
#slide ul li a{ display:block;}
#slide ul li img{ max-width:100%;}
#slide ol{ /*background:#fff; opacity:0.5;*/ border-radius:6px; position:absolute; z-index:5; bottom:10px;}
#slide ol li{ float:left; margin:5px; width:30px; height:10px; background:#ee999e; cursor:pointer; color:#ee999e; }
#slide ol li:hover{ background:#fff; color:#fff; }
#slide ol li.ol_li{ background:#fff !important; color:#fff !important; }
#prev,#next{ width:32px; height:53px; position:absolute; z-index:5; cursor:pointer; opacity:0.8; display:none;}
#next{ background-position:-32px 0 !important;}
#prev{ left:0;}
#next{ right:0;}

.title-1{ color:#dc323c; font-size:30px; text-align:center; margin-top:0px;}
.title-2{ color:#333; font-size:16px; text-align:center; margin-top:16px;}
.div-dl{ width:1200px; margin:80px auto; overflow:hidden;}
.div-dl dl{ float:left; width:240px; text-align:center;}
.div-dl dl dd{ line-height:45px; color:#666; font-size:16px;}
.yh-bg{ height:720px; overflow:hidden; background:url(../images/hb-hy-bg.png) no-repeat center;background-size: 100% 100%;}
.title-3{ color:#fff; font-size:30px; text-align:center; margin-top:50px;}
.title-4{ color:#fff; font-size:16px; text-align:center; margin-top:16px;}

.yh{ width:1200px; margin:70px auto; overflow:hidden;}
.yh-l{ width:185px; position:relative; }
.yh-l li{ line-height:35px; height:35px; font-size:16px; color:#fff; text-align:center; cursor:pointer; margin-bottom:15px; position:relative;}
.yh-l em{ width:2px; height:435px; background:#626c7c; position:absolute; top:0px; right:0px; z-index:1;}
.yh-l li:last-child{margin:0px;}
.yh-l li:hover{ background:#232838;}
.yh-l li.hover{ background:#232838;}
.yh-l li.hover i{ position:absolute; height:35px; width:3px; background:#f0b12f; top:0px; right:0px; z-index:2;}
.yh-r{ width:900px; overflow:hidden;}
.yh-r dl{ border-bottom:1px dashed #626c7c;}
.yh-r dl dt{ font-size:20px; color:#fff; line-height:70px;}
.yh-r dl dd{ font-size:16px; line-height:28px; color:#fff;}
.yh-r dl a{ width:100px; height:35px; line-height:35px; background:#f8b42b; color:#000; display:inline-block; text-align:center; margin:40px 0px 70px 0px;}
.yh-r ul{ margin:30px 0px;}
.yh-r ul li{ float:left; width:880px; text-align:center;}

.title-5{ color:#333; font-size:30px; text-align:center; margin-top:0px;}
.title-6{ color:#555; font-size:16px; text-align:center; margin-top:16px;}
.anli{ width:1600px; margin:50px auto 0px auto; overflow:hidden;}
.anli li{ float:left; margin:8px;}
.pinpai{ width:1200px; margin:50px auto 0px auto; overflow:hidden; border-bottom:1px solid #ccc; padding-bottom:50px;}
.pinpai li{ float:left; margin:5px;}


.mr_frbox { width:84.1%; margin:50px auto 0px auto; overflow:hidden;}
.mr_frBtnL { float: left; margin: 11.6vw 1vw 0px 0px; cursor: pointer; display: inline; height:7.3vw; width:2.76vw; background:url(../images/hb-l.png) no-repeat center center;}
.mr_frBtnL:hover{background:url(../images/hb-l-n.png) no-repeat center center;}
.mr_frUl { float: left; height: 34.4vw; width: 17.13vw; }
.mr_frUl .tempWrap{width:75.5vw;}
.mr_frBtnR { float: right; margin: 11.6vw 0 1vw 0px; cursor: pointer; height:7.3vw; width:2.76vw; background:url(../images/hb-r.png) no-repeat center center;position: relative;z-index:1;}
.mr_frBtnR:hover{background:url(../images/hb-r-n.png) no-repeat center center;}
.mr_frUl ul li { display: block; float: left; height: 34.4vw; width: 17vw; margin:0px 0.89vw;}
.mr_frUl ul li span{ background:#dc323c; color:#fff; font-size:0.9vw; border-radius:3px; height:1.82vw; line-height:1.82vw; display:block; padding:0px 10px; margin:20px auto; text-align:center; overflow:hidden; width:10.42vw;}
.mr_frUl ul li img { display: block;width: 17vw;height: 29.9vw;}

@media screen and (min-width: 1262px) { 
	#mr_frUl_2 .tempWrap li{position: relative;left: 2.5vw} 
}
@media screen and (min-width: 1348px) { 
	#mr_frUl_2 .tempWrap li{position: relative;left: -1vw} 
}

.guanguao{ width:1000px; margin:40px auto; overflow:hidden;}
.guanguao img{width:1000px;}
.youshi{ width:1200px; margin:40px auto; overflow:hidden;}
.youshi dl{ width:200px; text-align:center; float:left; margin:0px 50px;}
.youshi dl:nth-child(1) dt{ background:url(../images/hb-ys-1.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl:nth-child(2) dt{ background:url(../images/hb-ys-2.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl:nth-child(3) dt{ background:url(../images/hb-ys-3.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl:nth-child(4) dt{ background:url(../images/hb-ys-4.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl:hover dd{ color:#3a90e8;}
.youshi dl:hover span{ background:#3a90e8;}
.youshi dl:hover p{ color:#3a90e8;}
.youshi dl:nth-child(1):hover dt{ background:url(../images/hb-ys-1-n.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl:nth-child(2):hover dt{ background:url(../images/hb-ys-2-n.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl:nth-child(3):hover dt{ background:url(../images/hb-ys-3-n.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl:nth-child(4):hover dt{ background:url(../images/hb-ys-4-n.png) no-repeat center center; width:98px; height:99px; margin:0px auto;}
.youshi dl dd{ font-size:20px; color:#333; line-height:60px;}
.youshi dl span{ width:20px; background:#333; height:2px; display:block; margin:0px auto;}
.youshi dl p{ color:#888; margin-top:20px;}

.foot-bg{ background:#383842;}
.foot{ width:1200px; margin:0px auto; overflow:hidden; padding:70px 0px;}
.foot-nav dl{ float:left; margin-right:60px;}
.foot-nav dl dt{ font-size:16px; color:#84848e; margin-bottom:30px;}
.foot-nav dl dd a{ font-size:12px; color:#64646d; line-height:30px;}
.foot-tel{ width:500px;}
.foot-tel p{ font-size:16px; color:#84848e; }
.foot-tel dl{ float:left; color:#64646d; margin-right:20px; margin-top:30px;}
.foot-tel dl dd{ line-height:30px; text-align:center;}
.foot-tel div{ width:200px; float:right; margin-right:50px; margin-top:35px;}
.foot-tel div span{ background:url(../images/hb-foot-tel.png) no-repeat center left; display:block; height:40px; line-height:40px; text-indent:30px;color:#64646d; width:90px; margin:0px auto;}
.foot-tel div h1{ color:#fec633; line-height:25px;}
.foot-tel div a{ width:120px; display:block; height:30px; line-height:30px; background:url(../images/hb-foot-qq.png) no-repeat 25px center #fec633; margin:10px auto; border-radius:3px; text-indent:40px; color:#222;}
.copyright{ width:100%; margin:0px auto; border-top:1px solid #383842; background: #383842; color:#64646d; line-height:45px; overflow:hidden; padding:0px 100px; font-size:12px;}
.copyright a{color:#999; text-decoration:underline; font-size:12px;}
.copyright .fl{position: relative; left: 50%; margin-left: -25%; color: #fff}

/*QQ客服样式*/
.kf_con{ width:150px; height:400px; position:fixed; top:200px; right:0px; z-index:3;}
.kf_top{ width:150px; height:190px; background:url(../images/kf_top.jpg) no-repeat center center; position:relative; z-index:2;}
.kf_top a{ position:absolute; z-index:8000; text-decoration:none; right:0px; top:-18px; width:30px; height:16px; border:1px solid #999; color:#999; font-size:12px; text-align:center; line-height:16px; display:inline-block; background:#fff;}
.qq_line{ width:150px; background:#e7f6fd; padding-top:2px; }
.qq_line a{ display:block; width:140px; height:27px; margin:0px auto; padding:5px 0px;}
.kf_tel{ width:150px; height:24px; font-size:18px; line-height:32px; text-indent:30px; font-family: Arial; font-weight:bold; background:url(../images/kf_tel.jpg) no-repeat 10px center #fff; color:#111; border-bottom:4px solid #fec633; padding-bottom:8px}