@charset "utf-8";

/* CSS Document */



/* Reset CSS */

body{background: #FFF;position:relative; overflow-x:hidden;}

body,div,h1,h2,h3,h4,p,span,ul,li,dl,dt,dd,a{margin: 0; padding: 0; font:14px/150% "微软雅黑"; color:#333;}

img{vertical-align:top; border: none}

a{text-decoration: none}

li{list-style: none}



/* Public CSS */

.clearfix:after{content:""; display:block; clear:both;}

.clear{display:block; clear:both; height: 0; font-size: 0; content:"";}

.content { width:1210px; margin:0 auto; overflow:hidden;}



/* NAV */

#top{width: 100%;background: #fff;height: 30px;}

#top .toop{width: 1210px; height:30px; margin: 0 auto; overflow:hidden;color: #333;font-size: 12px;}

#top .toop .toppl{float: left; height:30px;line-height: 30px;color: #333;font-size: 12px; }

#top .toop .toppr{float:right;width: 130px;height:30px;line-height: 30px; color: #333;font-size: 12px;}

#top .toop .toppr a{color: #333;font-size: 12px;}

#header{ width: 1210px; height:101px; margin: 0 auto; position:relative;}

#nav{ display:inline-block; width:23px; height:17px; margin-top: 15px;}

#header .logo{ width:320px; height:70px; float:left; margin-top:15px;}

#header .nav_slide{ width:95px; height:33px; float:left; position:absolute; bottom:12px; left:176px; cursor:pointer;}

#header .nav_slide h1{ float:right; font-size:16px; margin-top:12px;}

#header .nav_slide .nav_box{ position:absolute; top:45px; left:-176px; width:300px; height:645px; background-color: #dce0e8; z-index:9; display:none;}

#header .nav_slide .nav_box ul{ width:100%;}

#header .nav_slide .nav_box ul li{ height:74px; padding:10px; border-bottom:1px solid #cbcfd6; position:relative;}

#header .nav_slide .nav_box ul li:last-child{ border-bottom:none;}

#header .nav_slide .nav_box ul li:hover{background-color: #fff;}

#header .nav_slide .nav_box ul li span.icon_nav{ width:27px; height:27px; display:inline-block; position:absolute; top:10px; left:10px;}

#header .nav_slide .nav_box ul li:hover span.icon_nav{ background-position: right;}

#header .nav_slide .nav_box ul li span.icon_nav1{ background: url('../images/icon_nav1.png') no-repeat left;}

#header .nav_slide .nav_box ul li span.icon_nav2{ background: url('../images/icon_nav2.png') no-repeat left;}

#header .nav_slide .nav_box ul li span.icon_nav3{ background: url('../images/icon_nav3.png') no-repeat left;}

#header .nav_slide .nav_box ul li span.icon_nav4{ background: url('../images/icon_nav4.png') no-repeat left;}

#header .nav_slide .nav_box ul li span.icon_nav5{ background: url('../images/icon_nav5.png') no-repeat left;}

#header .nav_slide .nav_box ul li span.icon_nav6{ background: url('../images/icon_nav6.png') no-repeat left;}

#header .nav_slide .nav_box ul li dl{ padding-left:42px;}

#header .nav_slide .nav_box ul li dl a{ color: #899097;}

#header .nav_slide .nav_box ul li:hover dl a{ color: #2c2c2c;}

#header .nav_slide .nav_box ul li dl dt { font-size:15px; font-weight:bold; color:inherit;}

#header .nav_slide .nav_box ul li dl dd { width:33%; float:left; font-size:14px; margin-top:5px; color:inherit;}

#header .nav_slide .nav_box ul li a{ display:inline-block; font-size:inherit; font-weight: inherit; }



#header .nav_slide .nav_box ul li:hover .nav_hw{ display:block;} 

#header .nav_slide .nav_box ul li .nav_hw{ position:absolute; left:300px; width:300px; height:645px; background-color: #fff; z-index:9; display:none; }

#header .nav_slide .nav_box ul li .nav_hw li{ height:49px; margin: 0 10px; padding: 20px 0; border-bottom: 1px solid #f1f1f1;}

#header .nav_slide .nav_box ul li .nav_hw li:first-child{padding-top: 10px;}

#header .nav_slide .nav_box ul li .nav_hw li:last-child{height:103px;  border-bottom:none;}

#header .nav_slide .nav_box ul li .nav_hw li:last-child dd{ margin-top: 10px;}

#header .nav_slide .nav_box ul li .nav_hw li:hover dl a{color:#2c2c2c;}

#header .nav_slide .nav_box ul li .nav_hw li dl a{color:#899097; }

#header .nav_slide .nav_box ul li .nav_hw li dl{ padding-left:0;}

#header .nav_slide .nav_box ul li .nav_hw li dl dt { font-size:15px; font-weight:bold; }

#header .nav_slide .nav_box ul li .nav_hw li dl dd { width:33%; float:left; font-size:14px; margin-top:5px; }

#header .nav_slide .nav_box ul li .nav_hw li:last-child dl dd{width:100%;}

#header .nav_slide .nav_box ul li .nav_hw li a{ display:inline-block; font-size:inherit; font-weight: inherit;}

#header .nav_slide .nav_box ul li .nav_hw li i{ display:inline-block; width:6px; height:6px; border-radius:3px; background:#b61d31; vertical-align:middle; margin-right:6px;}

#header .nav_slide .nav_box ul li .nav_hw img{ margin: 10px;}



#header .nav_slide .nav_box ul li.nav_mov_cmd .nav_hw{top: 0;}

#header .nav_slide .nav_box ul li.nav_hw_cmd .nav_hw{top: -95px;}

#header .nav_slide .nav_box ul li.nav_yan_cmd{height: 99px;}

#header .nav_slide .nav_box ul li.nav_yan_cmd .nav_hw{top: -190px;}

#header .nav_slide .nav_box ul li.nav_hd_cmd .nav_hw{top: -310px;}

#header .nav_slide .nav_box ul li.nav_sy_cmd .nav_hw{top: -405px;}

#header .nav_slide .nav_box ul li.nav_zb_cmd{height: 125px;}

#header .nav_slide .nav_box ul li.nav_zb_cmd .nav_hw{top: -500px;}





#header .tel{ width:500px; height:80px; float: right;margin-top: 10px;}

.nav_bar{width: 100%;height: 50px;text-align: center;background-color: #b61d31;}

.nav_bar ul{width: 1210px;margin: 0 auto;height: 50px;line-height: 50px;}

.nav_bar li{ float:left; width:150px; height:40px; position:relative;text-align: center;}

.nav_bar li a{ display:block; height:50px; font-size:16px; line-height: 50px;color: #fff;}

.nav_bar li a:hover,.nav_bar li a.on{background-color: #333;color:#fff; }





/* footer */

#footer{ width:1920px; position:relative; left:50%; margin-left:-960px; background:url(../images/footer.jpg);}

#footer .main{ padding:10px; width:1190px; margin:0 auto; height:480px;  position:relative; overflow:hidden;}

#footer .main h1{ line-height:60px; font-size:20px; color:#fff;}

#footer .main div{float:left; height:230px; margin-right:50px;}

#footer .main .f-nav{clear: both;width: 100%;height: 30px;margin: 10px auto;}

#footer .main .f-nav a{width: 120px;line-height: 30px;height: 30px;font-size: 14px;color: #fff;display:block;float: left;margin-right: 10px;text-align: center;border: 1px solid #fff;}

#footer .main .left {  width:376px; }

#footer .main .middle { width:215px; }

#footer .main .right { width:470px; margin-right: 0;float:right; position:relative;}

#footer .main .right .f-wx{position:absolute; right:20px;top:20px;height: 110px;width: 110px; }

#footer .main .right .f-wx img{height: 110px;width: 110px; }

#footer .main .left p{ color:#fff; line-height:2; text-indent: 2em; letter-spacing: 1px;}

#footer .main .left a{ display:block; width:100px; height:40px; text-align:center; line-height:40px; color:#FFF; border:1px solid #dadada; margin-top: 15px;}

#footer .main .middle a{ color:#fff;}

#footer .main .middle li{ width:80px; height:30px; line-height:30px; float:left; border:1px solid #dadada; margin:5px 5px 10px 0; text-align: center;	}

#footer .main .right p{ color:#fff; margin:3px 0 16px;}

#footer .main .right .icon_footer{ display:inline-block; height:14px; background:url(../images/icon_footer.png) no-repeat; vertical-align:-3px; margin-right:15px;}

#footer .main .right .icon_footer1{ width:9px; margin-right: 20px; }

#footer .main .right .icon_footer2{ width:13px; background-position:0 -19px; }

#footer .main .right .icon_footer3{ width:19px; background-position:0 -38px; margin-right: 10px; }

#footer .main .right .icon_footer4{ width:15px; background-position:0 -57px; }

#footer .main .right .icon_footer5{ width:18px; background-position:0 -76px; margin-right: 11px; }

#footer .main .link{clear: both;width: 100%;height: 100px;}

#footer .main .link h4{height: 40px;line-height: 40px;font-size: 20px;border-bottom: 2px solid;color: #fff;}

#footer .main .link p{line-height: 30px;}

#footer .main p a{color: #fff;padding: 0 10px;font-size: 14px;}

#footer .main .b{clear: both;width: 100%;height: 100px;color: #fff;text-align: center;}

#footer .main .b p{color: #fff;font-size: 14px;}

.bottom{width: 100%;height: 80px;position:fixed;left:0;bottom:0px;background-color: #b61d31;text-align: center;z-index: 999; display:none;}

.xx{ display:block;}

.bottom img{text-align: center;margin: 0 auto;}

/* ????????????????????? */

#swt_fix { position:fixed; top:200px; left:0; z-index:9999999; width:60px;}

#swt_fix ul{ width:60px; list-style-type:none; margin:0; padding:0;}

#swt_fix ul li{ width: 60px; height: 83px; cursor:pointer;  background: url(../images/swt.png) no-repeat;} 

#swt_fix .sf1{ height: 68px;} 

#swt_fix .sf2{ background-position: 0 -68px;} 

#swt_fix .sf3{ background-position: 0 -151px;} 

#swt_fix .sf4{ background-position: 0 -234px;}    

#swt_fix .sf2:hover{background-position: -60px -68px;}

#swt_fix .sf3:hover{background-position: -60px -151px;}

#swt_fix .sf4:hover{background-position: -60px -234px;}



.mf7{width:1210px; height:auto; margin-top:32px; margin-bottom:8px; padding-bottom:35px;overflow:hidden;}

.mf7 dl{ width:370px; height:auto; padding:10px; float:left; overflow:hidden;margin-right:20px;background:#f5f5f5; }

.mf7 dl.last{margin-right: 0;float: right;}

.mf7 dt{ width:370px; height:48px;line-height: 18px; border-bottom:#dadada 1px solid;}

.mf7 dt span{ display:inline-block; float:left; width:268px; height:48px; line-height:48px; overflow:hidden;font-size: 20px;font-weight: 600;}

.mf7 dt i{ display:inline-block; float:right; width:60px; height:48px; line-height:48px; overflow:hidden}

.mf7 dt i a{height:48px; line-height:48px;color: #333;font-size: 14px;}

.mf7 dd{ width:100%; height:80px; line-height:24px; padding:5px 0px 10px 0px; overflow:hidden;border-bottom: #d5547f 1px dashed;}

.mf7 dd h4{margin-bottom: 5px;}

.mf7 dd h4 a{color: #333;font-size: 16px; line-height:30px; font-weight: 500;}

.mf7 dd p{color: #999;font-size: 12px; line-height:24px;text-indent: 0.5em; }

.reds {color: #e1104a;}

.photo_shows{ text-align:center;}