@charset "utf-8";

/*全局样式*/
*{padding:0;margin:0;font-family: "微软雅黑";}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,p,span,a,font{border:0;}
div,dl,dt,dd,li,ul,p,span,font,strong,b,a,h3,,input{ font-size:12px;}
img,input{border:none;vertical-align:middle;}
body{font-size:12px;}
body,html{margin:0; padding:0; overflow:hidden;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
ul,li{ margin:0; padding:0;list-style-type:none;}
th,td,input{font-size:12px;}
h3{font-size:14px;}
input,form{autocomplete="off"}
input:focus {outline:none; autocomplete="off"}
select{outline: medium none;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
.clear{clear:both;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a:link,a:visited,a:hover{text-decoration:none;color:#333;text-decoration:none}
/**********************************************************************************************************全局属性****/
.all{ width:100%; margin:0 auto;}
.w{ width:1120px; margin:0 auto;}
.l{ float:left;}
.r{ float:right;}

/**********************************************************************************************************共同属性****/

/* header */
.head{ border-top:#A30001 2px solid; height:25px; line-height:25px; color:#3A3A40}
.head a{ color:#3A3A40;}

.head .r a{ display:block; width:60px; text-align:center; color:#201C1C; float:left;}
#head_lua{height:25px; background:#A30001; color:#fff; padding:0px 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;}
.head a:hover{ text-decoration: none; color:#3A3A40}



/* logo */
.logo{ height:100px;}
.logo a{ color:#333}
.logo .l img{ float:left;height:60px; margin:20px 0px;}

.logo .r{ height:63px; width:180px; background:url(../images/tel.png) left no-repeat; text-indent:35px; margin-top:18px;color:#3A3A40}
.logo .r span{ display:block; float:left; height:21px; line-height:21px; font-size:16px; margin-top:10px; font-weight:bold;}
.logo .r font{ display:block; float:left; height:21px; line-height:21px; font-size:24px; margin-top:5px; font-weight:bold; font-family: Arial}



/* menu */


.menu_all{width: 100%; z-index: 999; background: #000; position: relative;}
.menu{ width:1120px; height:50px; margin:0 auto;}
.menu-left{ position: absolute; top: 0; right: 50%; margin-right: 400px; width: 1120px; background: url(../images/menu_all.jpg) repeat-x; height:50px; z-index: 8;}
.menu ul{ float:left;}
.menu ul li{ float:left;}
.menu ul li a{ display:block; width:135px; height:50px; line-height:50px; float:left; color:#fff; font-size: 14px; text-align:center; z-index:9; position: relative; border-left:#000 1px solid;}
.menu ul li a#cura{ background:url(../images/cura.png) left no-repeat; width:160px; border-left:0px;}
.menu ul li a:hover{background: url(../images/menu_all.jpg) repeat-x;}
.menu ul li.cur a{background: url(../images/menu_all.jpg) repeat-x;}


/* banner */
#mainbody{ width:100%; overflow:hidden; height:500px; margin-top:-1px;}
#warp { padding:0px; margin: 0px; _width:100%; height: 500px;}
.banner { margin: 0px auto; width:100%; height: 500px; _width:100%}
.banner_l,.banner_r{ display:none}
.banner_l .prev img{margin-top:290px; width: 25px; FLOAT: left; position:absolute; left:0px; z-index:1; margin-left:5%}
.banner_r .next img{margin-top:290px; width: 25px; FLOAT: right; position:absolute; right:0px; z-index:1; margin-right:5%}
.bannerImg {position: relative; margin: 0px; padding:0px; width:100%; float:left;}
.banner_pic{ width:100%; height:500px;overflow: hidden; position: relative; }
.banner_pic img{height:500px;position:absolute;width:1920px; left:50%;margin-left:-960px;}
.slides_container {position: relative; width:100%; overflow: hidden}


.pagination { position:absolute; top:0px; width:1920px; left:50%; margin-left:-39px; margin-top:470px;}
.pagination li {margin: 0px 2px; FLOAT: left}
.pagination li a { WIDTH:22px; height:22px; line-height:22px;DISPLAY: block; FLOAT: left; OVERFLOW: hidden; color:#f00; background:#FFFFFF; text-align:center; border:#000 1px solid;}
.pagination li.current a { background:#000; color:#f00}


.nr_top_all{ width:100%; height:300px; position:relative; margin:0 auto;}
.nr_top_all img{ width:1920px; height:300px; float:left; position:absolute; z-index:2; left:50%; margin-left:-960px;}


	
/*	inpro */
.inpro{ margin-top:50px;}
.inpro .t{ width:100%; margin:0 auto; text-align:center; font-size:22px; font-weight:bold; margin-bottom:30px;}
.inpro .t strong{ color:#D42828;}
.inpro .t span{font-size: 14px;color: #1d1d1d; text-transform: uppercase; display: block; font-weight: normal;}

.inpro .l{ width:215px;}
.inpro .l ul,.inpro .l li{ float:left;}
.inpro .l ul li a{display: block; width:215px; height:80px; line-height: 80px; background: url(../images/yw01.jpg) no-repeat 0px 0px; color: #fff; text-align: center; font-size: 14px;}
.inpro .l ul li:hover a{ background: url(../images/yw01.jpg) no-repeat 0px -80px;}
.inpro .l ul li font{ display:block; width:215px;font-size: 14px; text-align: center; height: 37px; overflow: hidden; line-height: 37px; background: url(../images/yw02.png) no-repeat; color: #fff; letter-spacing: -1px; border-top:#000 2px solid;}

.inpro .r{ width:865px; background:#3B3B3B; height:100%; overflow:hidden;background: #3b3b3b url(../images/yw04.jpg) no-repeat right bottom; padding-bottom:30px;}
.inpro .r .r-top{ width:100%; height:60px; float:left; margin-top:12px;}

.inpro .r .r-top p{ display:block; float:left; width:500px; height:30px; line-height:30px; margin-top:15px; color:#fff; margin-left:10px; overflow:hidden;}
.inpro .r .r-top p a{ color:#fff; margin:0px 5px;}
.inpro .r .r-top p a:hover{ color:#f00}

.inpro .r .r-top .r-search{ float:right; margin-right:10px;}
.inpro .r .r-top .search_l{ width:250px; height:30px; float:left; border:#727272 1px solid; background:#fff; margin-top:14px;}
.inpro .r .r-top .search_l input{ width:240px; height:30px; line-height:30px; float:left; margin-left:5px;}
.inpro .r .r-top .searchgo{ width:32px; height:33px; float:left; cursor:pointer;background: url(../images/ss02.png) no-repeat center center; margin-top:13px;}

.inpro .r ul{ width:100%; float:left; margin-top:20px;}
.inpro .r ul li{ width:23%; float:left; margin-left:1.6%; margin-bottom:16px;}
.inpro .r ul li img{ width:199px; height:199px; float:left;}
.inpro .r ul li p{ display:block; width:100%; height:20px; line-height:20px; float:left; text-align:center; overflow:hidden;}
.inpro .r ul li p a{ color:#fff;}
.inpro .r ul li:hover p a{ color:#f00}
.inpro .r ul li font{ display:block; width:100%; height:20px; line-height:20px; float:left; text-align:center; color:#fff; overflow:hidden;}

.inpro .r .inpro-more{width: 144px; height: 36px; float:left; margin-left:360px; margin-top:13px;}
.inpro .r .inpro-more a{color: #fff; text-align: center; font-size: 14px; line-height: 36px; display: block; background: url(../images/case04.jpg) repeat-x 0px 0px; border-radius: 3px;}
.inpro .r .inpro-more a:hover{ background: url(../images/case04.jpg) repeat-x 0px -36px;}


/* inanli */
.inanli{ height:175px; background:#1D1D1D; margin-top:40px;}
.inanli .w{height:175px; background:url(../images/inanli.jpg) top center no-repeat;}


/* bigimg */
.inbigimg_all{ width:100%; height:1062px; margin:0 auto; background:#F5F5F5; border-top:#B1B3B5 2px solid;}
.inbigimg{ width:1120px; height:1062px; margin:0 auto; background:url(../images/bigimg.jpg) top center no-repeat;}
.inbigimg_f_all{ width:100%; height:15px; margin:0 auto;}
.inbigimg_f{ width:1120px; height:15px; margin:0 auto; background:url(../images/bigimg_f.jpg) center no-repeat;}


/* inabt */
.inabt{ height:410px; background:#CC2223}
.inabt .w{ height:410px; background:url(../images/inabt.jpg) center no-repeat;}
.inabt .l{ width:500px; position: relative;}

.inabt .l .l-name{color: #ffb8b8; font-size: 22px; text-transform: uppercase; line-height: 30px; background: url(../images/about02.jpg) no-repeat left bottom;
 padding-bottom: 20px; padding-top: 42px; padding-left:35px; margin-left:8px;}
.inabt .l .l-name strong{font-weight: normal; display: block; overflow: hidden; height: 30px; font-size:14px;}
.inabt .l .l-name span{font-size: 28px; color: #fff; font-weight: bold; display: block; overflow: hidden; height: 30px;}

.inabt .l .l-info{color: #fff; margin: 12px 0 0 35px; font-size: 14px; line-height: 34px; height: 204px; overflow: hidden;}

.inabt .l .l-link{position: absolute; top: 352px; right: 10px; width: 144px; height: 36px;}
.inabt .l .l-link a{ color: #fff; text-align: center; font-size: 14px; line-height: 36px; display: block; background: #1c1c1c; border-radius: 3px;}
.inabt .l .l-link a:hover{ background:#511E1E}

.inabt .r{ width:430px; height:410px; margin-right:130px; overflow:hidden;}
.inabt .r img{ width:430px; height:360px; float:left; margin-top:25px;}



/* inlyb_all */
.inlyb{height:525px;}
.inlyb .w{ height:525px; background:url(../images/inlyb.jpg) center no-repeat;}

.inlyb .l{ width:410px; height:210px; float:left; overflow:hidden; margin-top:160px; margin-left:180px;}
.inlyb .l-t{ width:410px; height:70px; float:left;}
.inlyb .l-t p{ color:#871907; height:30px; line-height:30px; font-size:18px;}
.inlyb .l-t span{ color:#666; height:20px; line-height:20px; font-size:12px;}

.inlyb .l-f{ width:560px; height:120px; float:left; margin-top:40px;}
.inlyb .l-f p{ height:31px; line-height:31px; color:#000; font-size:15px; text-indent:31px;}
.inlyb .l-f .l-p1{ background:url(../images/inlyb_p1.png) left no-repeat;}
.inlyb .l-f .l-p2{ background:url(../images/inlyb_p2.png) left no-repeat;}
.inlyb .l-f .l-p3{ background:url(../images/inlyb_p3.png) left no-repeat;}

.inlyb .r{ width:300px; height:360px; overflow:hidden; margin-right:190px; margin-top:90px;}
.inlyb .r input{ width:296px; height:40px; border:#464646 2px solid; text-indent:10px; line-height:40px; color:#545454; font-size:14px; margin-bottom:20px;}
.inlyb .r .inlyb_input{ width:296px; height:40px; line-height:40px;}
.inlyb .r .inlyb_submit{ width:160px; height:36px; float:left; background:url(../images/case04.jpg) repeat-x 0px 0px;border-radius: 3px; font-size:16px; text-align:center; line-height:36px; margin-left:70px; border:0px; cursor:pointer; color:#fff;}
.inlyb .r .inlyb_submit:hover{ background:url(../images/case04.jpg) repeat-x 0px -36px;}


/*底部*/
.footer{ background:#1D1D1D; height:340px;}
.footer .l{width: 187px; color: #fff; height: 340px; background: #d22525; text-align: center; line-height: 24px;}
.footer .l-t{padding-top: 84px;}
.footer .l-f{padding-top: 40px; line-height:40px;}
.footer .l-f img{ width:95px; height:95px;}

.footer .r{width:850px; height:340px; background: url(../images/f03.png) no-repeat  right bottom;color:#666; position:relative;}
.footer .r a{color: #666;}
.footer .r a:hover{ color:#fff}
.footer .r .r-menu{padding-top: 55px; }
.footer .r .r-menu a{ margin:0px 10px;}

.footer .r .r-add{line-height: 38px; height: 38px; overflow: hidden; border: #666 solid 1px; color: #666; font-size: 14px; margin-top: 17px;}
.footer .r .r-add .r-add-l{float: left; padding-left: 44px; background: url(../images/f02.png) no-repeat 20px center; width: 610px; height: 38px; overflow: hidden;}
.footer .r .r-add .r-add-r{float: right; padding-right: 25px;}
.footer .r .r-add .r-add-r span{font-weight: bold; color: #cc2222;}

.footer .r .r-company{line-height: 30px; padding-top: 13px;}

.footer .r .r-link{color: #fff; line-height: 31px; padding: 25px 0 7px;}
.footer .r .r-link a{margin-right: 10px;}

.footer .r .r-shar{font-size: 14px;}

.footer .r .r-qq{position: absolute;  right: 60px; top: 235px;}
.footer .r .r-qq a{width: 112px; line-height: 28px; height: 28px; display: block; color: #fff; border: #666666 solid 1px; text-align: center;}
	


/*about*/
.content{ margin-top: 30px;}
.content .t{background: url(../images/sub05.jpg) no-repeat; position: relative; height: 52px; margin: 0 0 15px 0px;}
.content .t h2{float: left; font-size: 24px; line-height: 18px; color: #fff;font-weight: bold; background: #cb2424; line-height: 44px; padding: 0 15px;}
.content .t .bread{float: right; line-height: 12px; font-size: 12px; color: #464747; padding-top: 30px;}
.content .t .bread a{color: #464747;}
.content .t .bread a:hover{ color:#CB2424}

.content .f{margin: 0 20px; font-size: 14px;}
.content .f .view{ width:100%;line-height: 180%; height:100%; float:left; border-bottom: 1px dashed #ccc; padding: 0 0 20px; margin-bottom: 20px;}
.content .f .view .view-date{ width:80%; float:left; text-align:center; margin-left:10%; margin-bottom:10px;}
.content .f .view .view-date p{ display:block; width:100%; float:left; line-height:40px; font-size:24px; font-weight:bold;}
.content .f .view .view-date span{ display:block; width:100%; height:30px; float:left; line-height:30px; color:#666}
.content .f .view center img{ width:80%; float:left; margin-left:10%; margin-right:10%; margin-bottom:10px;}
.content .f .view h1{width: 100%;font: 20px/30px "microsoft yahei"; color: #343434;}
.content .f .view .view-title { width: 100%; text-align: center; font: 20px/36px "microsoft yahei"; color: #333;  padding: 14px 0 0;}
.content .f .view .info{ width:96%; float:left; line-height:30px; margin-left:2%; color:#535353}
.content .f .view .back{ width:100%; float:left; height:50px; line-height:50px; color:#333; font-size:14px; text-align:center;}
.content .f .view .back a{ color:#333}

.page{width: 100%;margin: 20px auto; overflow: hidden; position: relative; text-align:center;}
.page .back{font: 14px/39px "microsoft yahei"; color: #fff; width: 138px; margin: 0 auto; border-radius: 4px; display: block; text-align: center; background: #cb2424; margin-top: 20px;}
.page .pre,.page .next{ margin:0px 10px;}
.pagetf{ width:100%; float:left;line-height:30px; margin-bottom:30px;}

/*albumlist*/
.album{margin-top: 10px;}
.album ul li{width: 22%; padding: 1% 1.5% 0.5%; float: left; overflow: hidden; position: relative; text-align: center;}
.album ul li>div{margin: 3px auto; position: relative; margin: 0 auto; width: 96.6%;text-align: center;vertical-align: middle;}
.album ul li img{display: inline-block; width:100%; vertical-align: middle;}
.album ul li p{width: 88%; margin: 0 auto; text-align: center; font: 14px/40px "microsoft yahei"; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/*news*/
.news{margin-top: 10px;}
.news ul li{width:96%; margin-left:2%; margin-right:2%; float: left; overflow: hidden; border-bottom:#3B454F 1px dashed; margin-bottom:10px;}
.news ul li .time{ width:80px; height:70px; float:left; overflow:hidden; text-align:center; margin-right:40px; margin-top:5px;}
.news ul li .time b{ display:block; width:100%; height:39px; line-height:39px; float:left; font-size:22px; border-bottom:#3B454F 1px solid; color:#3B454F}
.news ul li .time p{ display:block; width:100%; height:30px; line-height:30px; float:left; font-size:16px; color:#3B454F}
.news ul li .name{ width:920px; height:30px; line-height:30px; font-weight:bold; float:left; overflow:hidden; font-size:16px;}
.news ul li .name a{ color:#3B454F;}
.news ul li .name a:hover{ color:#FF4E52}
.news ul li .info{ width:900px; height:60px; margin-left:10px; line-height:30px; float:left; overflow:hidden; color:#3B454F}

.news ul li:hover{ border-bottom:#CB2424 1px dashed;}
.news ul li:hover .time b{ border-bottom:#CB2424 1px solid; color:#CB2424}
.news ul li:hover .time p{color:#CB2424}
.news ul li:hover .name a{color:#CB2424}
.news ul li:hover .info{ color:#CB2424}

/*list*/
.cont{ margin-top: 30px;}
.cont-l{position: relative; float: left; width: 280px; border: #e6e6e6 solid 1px; margin-bottom: 20px;}
.cont-l .cont-t{}
.cont-l .cont-t .cont-name{height: 72px; line-height: 72px; text-align: center;color: #2d3338; font-size: 24px; font-weight: bold; background: #fff; border-top: #3b454f solid 14px; border-bottom: #e6e6e6 solid 1px;}
.cont-l .cont-t .sidenav{margin: 0 auto;}
.cont-l .cont-t .sidenav ul{min-height: 300px;}
.cont-l .cont-t .sidenav ul .sidenav-a a{display: block; padding-left: 60px; background: #fff url(../images/subf01.jpg) no-repeat 40px 20px; font-size: 16px; color: #2d3338; line-height: 42px; height: 42px; overflow: hidden; border-bottom: #e6e6e6 solid 1px; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s;}
.cont-l .cont-t .sidenav ul .sidenav-a a:hover{background: #cb2424 url(../images/subf02.png) no-repeat 35px 13px; color: #fff;}
.cont-l .cont-t .sidenav ul #sidenav-cur a{background: #cb2424 url(../images/subf02.png) no-repeat 35px 13px; color: #fff;}

.cont-l .cont-f{color: #868687; background: #1d1d1d; margin: 20px 10px; line-height: 24px;}
.cont-l .cont-f .cont-pic{padding: 10px; color: #fff; font-size: 22px;}
.cont-l .cont-f .cont-lx{font-size: 14px; color: #fff; line-height: 24px; padding-top: 5px;}
.cont-l .cont-f .cont-lx li{ margin: 7px 0px;}

.cont-r{ width:800px; float:right;}
.cont-r .t{background: url(../images/sub05.jpg) no-repeat; position: relative; height: 52px; margin: 0 0 15px 0px;}
.cont-r .t h2{float: left; font-size: 24px; line-height: 18px; color: #fff;font-weight: bold; background: #cb2424; line-height: 44px; padding: 0 15px;}
.cont-r .t .bread{float: right; line-height: 12px; font-size: 12px; color: #464747; padding-top: 30px;}
.cont-r .t .bread a{color: #464747;}
.cont-r .t .bread a:hover{ color:#CB2424}

.cont-r .f{margin: 0 20px; font-size: 14px;}
.cont-r .f ul{}
.cont-r .f ul li{width: 30%; padding: 1% 1.5% 0.5%; float: left; overflow: hidden; position: relative; text-align: center;}
.cont-r .f ul li>div{margin: 3px auto; position: relative; margin: 0 auto; width: 96.6%;text-align: center;vertical-align: middle;}
.cont-r .f ul li img{display: inline-block; width:218px; height:218px; vertical-align: middle; border:#ccc 1px solid}
.cont-r .f ul li p{width: 88%; margin: 0 auto; text-align: center; font: 14px/40px "microsoft yahei"; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cont-r .f .page{ height:60px; line-height:60px;}
.cont-r .f .pagetf{ height:30px; line-height:30px;}

.cont-r .f .view{line-height: 180%; border-bottom: 1px dashed #ccc; padding: 0 0 20px; margin-bottom: 20px;}
.cont-r .f .view .view-date {width: 100%; text-align: center;font: 12px/24px "microsoft yahei"; color: #999;}
.cont-r .f .view center img{max-width: 80%; display: inline; margin:0 auto;}
.cont-r .f .view .info{ color:#535353}



.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 200px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #D22525 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #D22525 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #D22525 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #D22525 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}