@charset "utf-8";
/* CSS Document */
/*CSS重置*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form{font-size:14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color:#333333;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight: normal; }
ul,ol,li{list-style:none;}
img{border:0px; }
em,i{ font-style:normal; }
button,input,select,textarea{font-size: 100%; border: 0 none; outline:none;}
table {border-collapse: collapse;border-spacing:0;}
.ease, .ease *{ -webkit-transition:all ease 300ms; -moz-transition:all ease 300ms; -ms-transition:all ease 300ms; -o-transition:all ease 300ms; transition:all ease 300ms; }
.noease, .noease * { -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; }
:-moz-placeholder{  color: #999;  }
::-moz-placeholder{ color: #999;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color: #999;}
/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
/*网站公用样式表*/
a{ color:#333333; text-decoration:none;}
a:hover{ color:#bc2022; text-decoration:none; }
a:visited{text-decoration:none;}
.w1200{width:1200px; margin:0px auto;}
.blue{ color:#bc2022;}
.fl{ float:left;}
.fr{ float:right;}
.por{ position: relative;}
.poa{ position: absolute;}
.hidden{ display:none;}
.icon{ background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
/* top_main */


.header2{background:#551201;}
.header2_top{height:28px; background:#24110b; background:url(../images/heard_top.jpg)}
.header2_ss{height:16px; background:#551201; background:url(../images/heard_ss.jpg)}
.header2_top2{height:28px; width:1220px;margin:0 auto; line-height:28px; color:#626262;}
.header2_top2,.header2_top2 a{ color:#f6ad6a;}
.header2_logo{ width:1220px; height:135px; margin:0 auto; overflow:hidden;}
.header2_logo2{ float:left; width:700px; height:115px; margin-top:14px; margin-left:18px;}

.header2_logo3{ width:340px; height:80px; float:right; margin-top:28px; overflow:hidden; margin-right:0px;}
.header2_logo31{ float:left; width:58px; height:60px; padding-top:10px; margin-left:10px;}
.header2_logo32{ width:240px; height:73px;float:right; color:#0983b8; font-size:16px; font-weight:bold; overflow:hidden;line-height:38px;}

.header2_logo321R{ float:left; color:#f2b169; font-size:16px;}
.header2_logo321L{ float:left;}.header2_logo321L img{ padding-top:3px;}
.header2_logo322{ color:#f2b169; font-size:31px;}
.header2_logo322 span{ color:#f2b169; font-size:24px;}
.nav22{height:50px; background:#2c0001;}
.header_nav2{height:41px;width:1225px; margin:0 auto;}
#navul li{ float:left;_zoom:1;*display:inline;*margin-left:0px;width:111px;height:41px;text-align:center;line-height:41px; font-size:16px; background:url(../images/nav_bg2.jpg) center right no-repeat;}
#navul li a{ display:block;}
#navul li a:link,#navul li a:visited{color:#2c0001;}
#navul li.navmoon,#navul li.focus{background:url(../images/nav_bg2.png) center top no-repeat;width:111px; height:47px; line-height:46px; margin-top:-6px;}
#navul li.navmoon a,#navul li.focus a{color:#f6ad6a;}
/*-------------------------导航栏目*/
.menu{width: 1200px;margin: 0 auto;height: 50px;}
.menu ul li{float: left;}
.menu ul li a{width: 120px;height: 50px;line-height: 50px;text-align: center;color: #dab96b;font-size: 16px;display: block;}
.menu ul li a:hover{color: #000; background:#dab96b;}
.menu ul li .home{ background:#dab96b;color: #000;}
#top_main{width: 100%; height: 30px; line-height: 30px; overflow: hidden; background-color: #2c0001;   font-size: 12px; font-family: "宋体"; }
#top_main .top_l{ font-size: 14px; color: #000;  }
#top_main .top_r a{color: #666666;}
#top_main .top_r a:hover{color: #bc2022;}
#top_main li{ width: 55px; display: inline-block; *display: inline; zoom: 1;  text-align: center;}
#top_main .split{ width:10px; text-align: center; display: inline-block; color: #999; *display: inline; }

.autowidth{ width: 1100px;margin: auto; background:url(../images/dh.png) no-repeat right top;}
body{position: relative;min-width: 1160px;}
body.actives{overflow: hidden;height: 100vh;}
img.blockImg{display: block;width: 100%;}
.songti{font-family:\5B8B\4F53;}
.arial{font-family:arial;}
.yaHei{font-family:"Microsoft YaHei";}
.ripple{position:absolute;width:0;height:0;margin-left: 0px; margin-top: 0px; border-radius:50%;z-index: 1000;background: #F3651E;transition: 0.5s;-webkit-transition: 0.5s;transform: translate(0px,0px);}
.headtop{ height: 26px;line-height: 26px;}
.headtop .fl{color: #fff;}
.headtop .fd{ float: left;position: relative; margin-left: 10px;}
.headtop .fd .span{position: absolute; left: 46px; top: -12px; width:0;height: 0;border-width: 10px;border-style: solid;border-color: transparent #dab96b transparent transparent;}
.headtop .way{ width: 144px; height: 37px; float:right; margin-top:88px;}
.headtop .way .ewm{background: #fff; z-index: 2; position: absolute; left: 50%;margin-left: -70px; top: 35px;width: 120px;display: none;border: 2px solid #dab96b; animation: nav 0.2s both linear;transform-origin: center top;-webkit-animation: nav 0.2s both linear;-webkit-transform-origin: center top;}
.headtop .way:hover .ewm{display: block;}
.headtop .way .ewm img{ width: 110px;position: relative;z-index: 3;padding: 5px;background: #fff;}
.headtop .inputs input{width: 170px;padding: 0 5px;margin-left:15px;font-size:12px;background: #d5d5d5;border: none;border-radius: 4px;height: 30px;line-height: 30px; }
.headtop .search{ position: absolute; right: 0;top: 0; width: 26px;height: 26px;background: url(../images/ss.png) no-repeat center;}
.headbot .logo{color: #888;}
.headbot .fr{ margin-top: 1px;}
.headbot{ padding: 24px 0;height: 110px;position: relative;z-index: 21;border-bottom: 1px solid #E6E3E4;margin-bottom: 2px; background:url(../images/logobj.jpg) no-repeat top;}

/*header_main*/
#header_main{ width: 100%; height: 100px; background-color: #fff;}
#header_main .logo{ width: 418px; height: 70px; padding-top: 10px; display: block;}
#header_main .logo img{ width: 418; height: 70; display: block;}
#header_main .nav{  height: 36px; line-height: 36px; padding-top: 35px; }
#header_main .nav li{ float: left; font-size: 16px; color: #D2D2D2;margin:0px 8px;}
#header_main .nav li a{ display: block; color: #000;float: left;}
#header_main .nav li:hover a,#header_main .nav li.hover a{ color: #af2326; }
#header_main .nav .shu{font-size: 12px;text-align: center;}

/* banner 
#banner_main{ width: 100%; height: 600px; overflow: hidden;}
#banner_main .banner,#banner_main .banner .list, #banner_main .banner .list li, #banner_main .banner .list img { height:600px;}
#banner_main .banner { position:relative; width:100%; }
#banner_main .banner *{ transition: none;}
#banner_main .banner .list {  width:100%; position:relative; overflow:hidden; }
#banner_main .banner .list li { width:100%; overflow:hidden; left: 0; top: 0; position:absolute; }
#banner_main .banner .list li a { display:block; overflow:hidden; width:100%; }
#banner_main .banner .list img { display:block; width:1920px; background:#f1f1f1; position:absolute; left:50%; margin-left:-960px; }
#banner_main .banner .prev, #banner_main .banner .next { width:68px; height:100px; cursor:pointer; position: absolute; z-index: 10; top:50%; margin-top: -50px; transition: all .3s;  }
#banner_main .banner .prev { left: 12%; background-position:5px 10px; }
#banner_main .banner .prev:hover{ margin-left: -6px; }
#banner_main .banner .next { right: 12%; background-position:-56px 10px; }
#banner_main .banner .next:hover{ margin-right: -6px; }
.nybanner, .nybanner ul, .nybanner img{ height: 200px;}*/
.banner{width: 100%;/*height: 560px;*//*background: black;*//*子绝父相*/position: relative;	/*超出部分全部隐藏，解决横向滚动条*/overflow: hidden;}
		.banner ul{	position: absolute;}
		.banner ul li{/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/width: 100%;height: 600px;			float: left;
	background:  no-repeat center center;}
		
		.banner ol{/*width: 60px;*/height: 20px;background: rgba(0,0,0,0.5);position: absolute;left:50%;/*margin-left: -40px;*/bottom: 30px;padding: 0 10px;
			border-radius: 10px;}
		.banner ol li{width: 10px;height: 10px;	float: left;margin: 5px 5px;background: rgba(255,255,255,0.5);border-radius: 50%;cursor: pointer;
		}
		.banner ol .current{background: rgba(255,255,255,1);}
		.banner i{width: 58px;height: 120px;position: absolute;top: 50%;margin-top: -60px;cursor: pointer;border-radius: 5px;display: none;}
		.banner .left{left: 60px;background: url('../images/left_right.png') no-repeat 0 0px;}
		.banner .right{right: 60px;background: url('../images/left_right.png') no-repeat 0px -120px;}
		.banner .left:hover , .banner .right:hover{background-color: rgba(0, 0, 0, 0.31);}









/*footer_main*/




/*案例*/
.casetitle{background:url(../images/top-line1.png);height: 120px; width: 100%;margin-top: 20px;}
.cl {width: 243px;margin:0 auto;display: block;height: 120px;line-height: 120px;text-align: center; background:url(../images/top-line.png);}
.cl a{font-size: 30px;font-weight: bold;color: #ffffff;}


.shebei_z{ width:58px; height:80px; padding-top:60px;}
.shebei1{ padding-left:20px;}

.cp img{border:1px solid #C1C1C1; padding:2px; background:#fff;}
.cp a:hover img{ border:1px solid #fe5900; padding:2px; background:#fff;}
.box{margin-top:25px;overflow: hidden;}


/*firendLink*/
#ilink_main{ width: 100%; background: #f5f5f5;  padding: 30px 0 10px; }
#ilink_main .ilink{ height: 50px; line-height: 50px; margin-bottom: 30px; color: #666; }
#ilink_main .ilink h3{ font-size: 18px; height: 20px; line-height: 20px; color: #551201#551201; margin-right: 10px; }
#ilink_main .ilink a{ display: block; float: left;}
#ilink_main .ilink span{ display: block; float: left; margin: 0 15px; }
#copyright_main{ width: 100%; height: 45px; line-height: 45px; background:#212020; color: #8F9090; }
#copyright_main a{ color: #8F9090; }
#copyright_main a:hover{ color: #fff; }


/*footer_main*/
#footer_main{ width: 100%; padding-bottom: 40px; color: #fff; background: #313131; }
#footer_main .blogo{ width: 100%; height: 80px; padding: 10px 0 20px; text-align: center; position: relative; }
#footer_main .blogo img{ width: 90px; height: 80px; display: block; margin: 0 auto; }
#footer_main .blogo .line{ width: 445px; height: 1px; background: #fff; position: absolute; top: 50px; }
#footer_main .blogo .left{ left: 0; }
#footer_main .blogo .right{ right: 0; }


.w1000{width: 1000px;margin:0 auto;}
/*share*/
.ig-share{ width:200px; height: 108px; padding-top: 22px; border-right:1px solid #4A4A4A; }
.ig-share .title{ width: 152px; margin:  0 auto 16px; position: relative; height: 20px; line-height: 20px; text-align: center; }
.ig-share .title .line{ width: 100%; height: 1px; background: #fff; display: block; position: absolute; left: 0; top: 50%; }
.ig-share .title em{ width: 60px; height: 20px; z-index: 9; display: block; background: #313131; display: block; position: absolute; left: 50%; margin-left: -30px; top: 0;color: #fff;font-size:14px; }
.ig-share .bdsharebuttonbox{ height:42px;width: 162px; margin:  0 auto 16px; }
.ig-share a{float:left; margin: 0 5px !important; padding: 0px 0px 0px 42px !important; height:42px !important; border-radius: 100%; background-color:#252525 !important; background-image:url(../images/ico-share.png) !important; }
.ig-share a.jing_qzone{background-position:10px 10px !important}
.ig-share a.jing_tsina{background-position:10px -30px !important}
.ig-share a.jing_qq{background-position:10px -71px !important}
.ig-share a:hover{  opacity: 1 !important;}
.ig-share a.jing_qzone:hover{ background-color: #47b234 !important; background-position: -35px 10px !important; }
.ig-share a.jing_tsina:hover{ background-color: #ed1f23 !important; background-position: -35px -30px !important; }
.ig-share a.jing_qq:hover{ background-color: #c9031e !important; background-position: -35px -71px !important; }




/*toolbar*/
.toolbar{ width:80px; position:fixed; right:10px; top:150px; z-index:999; background: #fff; border: 1px solid #e5e5e5; }
.toolbar dd{ width: 80px; height: 80px; line-height: 24px; }
.toolbar dd .slide{ width: 80px; height: 65px; padding: 15px 0 0 0; overflow: hidden; left:0; top: 0; z-index: 2;line-height: 24px; font-size: 16px; background: #7a4b19; color:#fff; }
.toolbar dd .pop{ width: 120px; padding: 20px 20px 10px; color: #fff; right:110px; top:-55px; background:#7a4b19; display:block; text-align: center; display: none; }
.toolbar dd .pop img{ width:120px; height: 120px; display: block; margin-bottom: 3px;}
.toolbar dd .b{ width: 80px; height: 70px; padding-top: 10px;  text-align: center; color: #a3a3a3; left: 0; top: 0; z-index: 10; background: #fff;font-size: 16px; cursor: pointer; }
.toolbar .fixicon{ width: 45px; height: 38px; display: block; margin: 0 auto; background: url(../images/rightfixicon.png) no-repeat 0 0; }
.toolbar .t-qq .b s{ background-position: 2px 0;}
.toolbar .t-tel .b s{ background-position: 2px -70px;}
.toolbar .t-code .b s{ background-position: 3px -144px;}
.toolbar .t-top .b s{ background-position: 2px -216px;}
.toolbar .t-top{ cursor: pointer;}
.toolbar .t-close{ width: 37px; height: 20px; cursor: pointer; left: 22px; bottom: -21px; background-position: 0 -300px; z-index: 10; }
.toolbar dd:hover .b{ background: #7a4b19; color: #fff; }
.toolbar dd:hover .slide{ width: 210px; padding-left: 33px; left: -163px; color:#fff; }
.toolbar dd:hover .pop{ right: 90px; display: block; }
.toolbar .t-qq:hover .b s{ background-position: -68px 0; }
.toolbar .t-tel:hover .b s{ background-position: -68px -70px; }
.toolbar .t-code:hover .b s{ background-position: -67px -144px; }
.toolbar .t-top:hover .b s{ background-position: -66px -216px; }
.fix_talk{   height: 140px; padding:10px 0px 0px;  width:30px ; line-height:20px;  position: fixed;  right: 0px;  top: 200px;  z-index: 111;  text-align: center;  font-size: 18px;color: #fff;  background-color: #079aae; cursor: pointer;}

/*-----------------分页--------------*/
.bn1{width: 100%;height: 350px;}
.bn1 img{width: 100%;}
.submian{overflow: hidden;margin-bottom:20px; }
.submian .sobtitle { height: 20px; line-height: 20px; padding: 25px 0px; font-size: 14px; margin-left:5px;}
.submian .sobtitle a { font-size: 14px; }
.submian .sobtitle a.now { color: #094a8a; font-size: 14px; font-weight: bold; }
.submian .sobtitle a.now:hover { text-decoration: underline; }


.submian .subleft { width: 245px; background: #fff; margin-left:3px; }
.submian .subleft .title { text-align: center; padding-left: 0; line-height: 25px; border-top: 3px solid #AF2326;  background: #f5f5f5;color: #AF2326; font-size: 22px;  font-weight: bold; border-bottom: 1px solid #ddd; height: 50px; padding-top: 25px; font-size: 20px; }
.submian .subleft .title p { color: #fff; font-size: 14px; text-transform: uppercase; font-weight: normal; padding-top: 5px; }
.submian .subleft .title i { padding-top: 0; background: #f5f5f5;color: #AF2326; background: url(../images/titlepbg.png) no-repeat center center; }
.submian .subleft .bort9 { border-top: 9px solid #094a8a; border-radius: 5px 5px 0px 0px; }

.submian .subleft .lefta .comt {  background: #f5f5f5; }
.submian .subleft .lefta .comt ul li { line-height: 54px; }
.submian .subleft .lefta .comt ul li a { height: 54px; line-height: 54px; display: block; padding-left: 45px; font-size: 14px; border-bottom: 1px solid #ddd; }
.submian .subleft .lefta .comt ul li .box { padding: 10px 0px; display: none; }
.submian .subleft .lefta .comt ul li .box a { height: 30px; line-height: 30px; display: block; color: #888; border: 0px; }
.submian .subleft .lefta .comt ul li .box a:hover { color: #079aae; background: none; }

.submian .subleft .leftnews{margin-top: 20px;}
.submian .subleft .leftnews .leftcont { background: #f5f5f5; padding: 8px; }
.submian .subleft .leftnews .leftcont h2 { font-size: 16px; margin-bottom: 8px; font-weight: bold; color: #AF2326; padding-bottom: 10px; border-bottom: 1px solid #ddd; }
.submian .subleft .leftnews .leftcont span { line-height: 26px; display: block; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
.submian .subleft .leftnews .leftcont p { font-size: 16px; color: #333; padding-top: 10px; }
.submian .subleft .leftnews .leftcont p i { font-size: 28px; color: #AF2326; display: block; font-family: impact; }

.submian .subright {width: 720px;padding: 0 10px 20px;background: #f5f5f5;}
.submian .subright .aboutlist { padding: 15px; line-height: 28px; color: #666; }
.submian .subright .aboutlist img { max-width: 100%; }

/*---------------内容页:预定*/
.comment{
	border:1px solid #67583b;
	margin:10px;
	text-align:center;
}
.comment .commenttitle{
	height:26px;
	margin:1px auto;
	background:url(images/comment_title_bg.gif) repeat-x;
	border-bottom:1px solid #67583b;
}
.comment .commenttitle .title{
	float:left;
	margin:5px 0px 0px 12px;
	color:#999;
	display:inline;
}
.comment .commenttitle .title strong{
	letter-spacing:4px;
	color:#f6e476;
	margin-right:10px;
}
.comment .commentbox{
	width:95%;text-align:left;
}
.comment .commentbox dl{
	margin:10px auto 0px;
	border:1px solid #67583b;
}
.comment .commentbox dl dt{
	background:#F4F9F2;
	line-height:25px;
	text-indent:10px;
	color:#333;
	border-bottom:1px solid #E6ECE3;
}
.comment .commentbox dl dt span{
	color:#669933;
	font-size:11px;
}
.comment .commentbox dl dd{
	padding:10px;
	font-size:14px;
	line-height:25px;
	color:#f6e476;
}
/*---------------内容页:发表预定:标题*/
.comment .posttitle{
	height:26px;
	margin:10px auto;
	background:url(images/comment_title_bg.gif) repeat-x;
	border-top:1px solid #67583b;
	border-bottom:1px solid #67583b;
	text-align:left;
}
.comment .posttitle strong{
	letter-spacing:4px;
	color:#f6e476;
	display:block;
	margin:7px 0px 0px 13px;
}
.comment .postbox{
	width:95%;
	margin:5px auto;
	overflow:hidden;
	text-align:left;
}

.comment .postbox .userbox{
	overflow:hidden;
	margin-top:10px;
}
.comment .postbox .userbox dl{}
.comment .postbox .userbox dl dd{
	float:left;
	display:block;
	padding-bottom:2px;
}
.comment .postbox .userbox dl dd input.username,.comment .postbox .userbox dl dd input.password{
	width:100px;
	border:1px solid #CCC;
	padding:3px 0px 2px 5px;
	margin-right:10px;
}
.comment .postbox .userbox dl dd.mtop{
	margin:7px 7px 0px 0px;
}
.comment .postbox .txtbox{
	width:100%;
	line-height:25px;
}
.comment .postbox .txtbox a{ color:#f6e476;
}
.comment .postbox .txtbox textarea{
	border:1px solid #CCC;
	width:98%;
	height:80px;
	padding:5px;
}
.comment .postbox .txtbox div{padding-top:5px;color:#f6e476;}
.comment .postbox .txtbox input{
	width:40px;
	border:1px solid #CCC;
	padding:3px 0px 2px 5px;
	margin-right:10px;
}
.comment .postbox .txtbox img{position:static;+position:relative;vertical-align:middle}
.comment .postbox  .sbut{
	margin:10px;
}
.comment .postbox .userbox .submit{
	width:100px;
	height:25px;
	padding-top:2px;
}


/* -- 产品列表样式 -- */
.pp-list{
	width:920px;
	height:auto;
	overflow:hidden;
}
.pp-list ul li{
	 width: 215px; height: 210px;
	float:left;
	margin:5px 2px;
	overflow:hidden;
	text-align:center;
	line-height:20px;
}
.pp-list ul li img {
	margin-top:3px;border: 2px solid #c4c9cd; 
}
.pp-list ul li a:hover img {
	 border: 2px solid #c9880a; 
}

.p_list_dl { width: 900px; overflow: hidden; float: left; height: 700px; padding-left: 11px; }
.p_list_dl ul { width: 216px; height: 158px; line-height: 0; font-size: 0;  float:left;}
.p_list_dl ul li img { width: 212px; height: 153px; padding: 1px; border: 1px solid #D6D6D6; }
.p_list_dl ul li{ padding-top: 14px; height: 15px; width: 212px; line-height: 15px; text-align: center; overflow: hidden; }
.p_list_dl ul a:hover img { border: 2px solid #c9880a; }
.pro_curmbs { margin-bottom: 10px; padding: 0 5px; } /*产品列表页，面包屑导航,字体颜色可自行修改*/
.pro_curmbs span { color: #C10005; }
.pro_curmbs a { color: #333; }
.pro_curmbs a:hover { color: #C10005; }
.pro_curmbs .a_b { color: #C10005; font-weight: bold; }