h4, h5, h6,h1, h2, h3 {margin: 0;}
ul, ol {margin: 0;}
p {margin: 0;}
.f_l{ float:left;}
.f_r{ float:right;}
.clear{ clear:both; overflow:hidden; height:0;}
ul,li{ list-style:none;}
body{
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
}
a,a:hover,a:link,a:visited,a:active{ text-decoration:none;}
.warp{width:1200px; margin:auto;}

/*--fonts--*/
@font-face{
    font-family: 'OpenSans-Regular';
    src: url('../fonts/Open_Sans/OpenSans-Regular.ttf');
}
@font-face{
    font-family: 'Quicksand-Regular';
    src: url('../fonts/Open_Sans/Quicksand-Regular.ttf');
}


body{
	margin:0;
	padding:0;
}


.mobile{ display:none;}
/*--header-nav--*/
.navbar-default {
	background:#fff;
	border:none;
	padding: 1.5rem 0em 0 0;
	margin: 0;
	border-radius: 0;
	min-height:50px;
}
.navbar-header a.navbar-brand {
	color: #1d2087;
	font-family: 'Jockey One', sans-serif;
	font-size: 1rem;
	font-weight: 100;
	margin-bottom: 0;
}
.navbar-header a.navbar-brand:hover {
	color: #1d2087;
	text-decoration:none;
}
ul.nav.navbar-nav.navbar-right.margin-top {
	margin-top: 0px;
	padding:0;
}
.copyrights{
	text-indent:-9999px;
	height:0;
	line-height:0;
	font-size:0;
	overflow:hidden;
}
ul.nav.navbar-nav.navbar-right.margin-top li{
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}
.cl-effect-2 a {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color:#fff;
	background-color: #e60012 ;
}
.dropdown-menu {
	background-color:#e60012;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #e60012  ;
}
span.caret:hover {
	color:#e60012  ;
}

.cl-effect-2 a span {
	position: relative;
	display: inline-block;
	padding: 0;
	font:300 16px/35px "微软雅黑";
/*	background:#fff;*/
	-webkit-transition: -webkit-transform 0.3s;
	-ms-transition: -webkit-transform 0.3s;
	-o-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	color: #1d2087;
	padding-top:10px;
}

.cl-effect-2 a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: 600;
	color: #1d2087 ;
	padding: 0;
	z-index:999;
/*	background:#e60012 ;*/
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
.cl-effect-2 a:hover {
	-webkit-transform: rotateX(0deg) translateY(-5px);
	-moz-transform: rotateX(0deg) translateY(-5px);
	-o-transform: rotateX(0deg) translateY(-5px);
	-ms-transform: rotateX(0deg) translateY(-5px);
	transform: rotateX(0deg) translateY(-5px);

}
.cl-effect-2 a:focus  {
	-webkit-transform: rotateX(0deg) translateY(-5px);
	-moz-transform: rotateX(0deg) translateY(-5px);
	-o-transform: rotateX(0deg) translateY(-5px);
	-ms-transform: rotateX(0deg) translateY(-5px);
	transform: rotateX(0deg) translateY(-5px);
	color: #fff ;
	background:#e60012;
}
.cl-effect-2 a:hover span{
	-webkit-transform: rotateX(0deg) translateY(-5px);
	-moz-transform: rotateX(0deg) translateY(-5px);
	-o-transform: rotateX(0deg) translateY(-5px);
	-ms-transform: rotateX(0deg) translateY(-5px);
	transform: rotateX(0deg) translateY(-5px);

}
.cl-effect-2 a:focus  span{
	-webkit-transform: rotateX(0deg) translateY(-5px);
	-moz-transform: rotateX(0deg) translateY(-5px);
	-o-transform: rotateX(0deg) translateY(-5px);
	-ms-transform: rotateX(0deg) translateY(-5px);
	transform: rotateX(0deg) translateY(-5px);
	color: #fff ;
	background:#e60012;
}
.dropdown-menu li span{ background:#e60012; color:#fff;}

.cl-effect-2 li ul span{ background:#e60012}

.cl-effect-2 li:hover, .cl-effect-2 li:focus{background:#e60012; }
.cl-effect-2 li:hover span, .cl-effect-2 li:focus span{background:#e60012; color:#fff;}

.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
	background:#e60012 ;
	color:#fff ;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: red ;
	font-weight: 600;
	font-size: 1rem;
	z-index:999;
}
span.glyphicon.glyphicon-search.edit {
	color: #fff;
}
.btn-warning {
	color: #fff;
	background-color: ##e60012 ;
	 border-color: ##e60012 ;
}
.btn-warning:hover{
	color: #fff;
	background-color: #00BFE9 ;
	border-color: #00BFE9;
	
}
.btn-warning:hover{

	transition:0.5s;
}

/
/*slide*/

#slide{height:56rem; width:100%;}
#slide .bd{width:100%; height:56rem;top:0; left:0; overflow: hidden;}
#slide .bd ul{width:100%; height:2rem; padding:0;}
#slide .bd ul>li{width:100%; height:56rem; float: left; position: relative;}
#slide .bd ul>li.li-0{ background:url("../images/banner1.jpg") no-repeat center top; background-size: auto 56rem;}
#slide .bd ul>li.li-1{background:url("../images/banner2.jpg") no-repeat center top; background-size: auto 56rem; display:none;}
#slide .bd ul>li.li-2{ background:url("../images/banner3.jpg") no-repeat center top; background-size: auto 56rem;	display:none;}

#slide .bd ul>li .z-0{ width:32rem; height:16rem; position: absolute; top:23rem; right:23%; margin-left: 0rem;}
#slide .bd ul>li .z-0 img{ width:100%; height:100%;}
#slide .bd ul>li .z-1{ width:50rem; height:23rem; position: absolute; top:20rem; left:19%; margin-left: 0rem;}
#slide .bd ul>li .z-1 img{ width:100%; height:100%;}
#slide .bd ul>li .z-2{width:40rem; height:25rem; position: absolute; top:4rem; left:25%; margin-left: 0rem;}
#slide .bd ul>li .z-2 img{ width:100%; height:100%;}


.lunbo_nav{width:54px;height:14px;position:absolute;bottom:10px;left:50%;margin-left:-27px; z-index:3;}
.lunbo_nav ul li{list-style-type:none;width:12px !important;height:12px !important;float:left; margin-right:5px; cursor:pointer; border:1px solid #fff; border-radius:10px;}
.lunbo_nav ul .bg{background:#FFF;width:14px !important;height:14px !important;border:none;}

.prev{width:50px; height:50px; cursor:pointer; position:absolute; background:url(../images/prev.png) no-repeat; top:50%; left:50px; z-index:10;}
.next{width:50px; height:50px; cursor:pointer; position:absolute; background:url(../images/next.png) no-repeat; top:50%; right:50px; z-index:10;}

.por{position:relative}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin-right:0;}
/*--关于我们--*/
.gywm{ background:url(../images/gywm_bg.png) left top no-repeat; padding:2rem 0 0 0;}
.gywm img{ padding:0rem 2rem; opacity:1;}
.gywm img:hover{ padding:0rem 2rem; opacity:0.95;}
.gywm1{ font:600 22px/35px "微软雅黑"; padding:4rem 2rem 0 2rem;}
.gywm2{ font:14px/25px "微软雅黑"; padding:1rem 2rem 2rem 2rem;}
.gywm3 a{ font:14px/25px "微软雅黑"; text-align:center; border:1px #000000 solid; color:#000; display:inline-table; padding:1rem 6rem; margin-left:2rem;}
.gywm3 a:hover{ background:#cc0001; color:#fff;}
/*--产品展示--*/
.cpzs{ background:#f8f8f8;}
.cpzs1{ background:url(../images/cpzs_bg.jpg) left top no-repeat; padding:3rem 0; }
.cpzs1_1{ font:28px/25px "微软雅黑"; text-align:center;}
.cpzs1_1 a{ color:#000;}
.cpzs1_1 span{ font:12px/12px "微软雅黑"; text-align:center;}
.cpzs1_2 { font:14px/35px "微软雅黑"; text-align:center;padding:2rem 0 3rem 0; display:block;}
.cpzs1_2 li a{ font:14px/35px "微软雅黑"; text-align:center; border:1px #1d2088 solid; color:#000; padding:0.5rem 2rem; border-radius:8px;}
.cpzs1_2 li a:hover{ font:14px/35px "微软雅黑"; text-align:center; border:1px #cc0001 solid; background:#cc0001; color:#fff; padding:0.5rem 2rem; border-radius:8px;}

.recent-work-wrap {	position: relative;}
#recent-works .readmore {	color: #0f349e;	font-weight: bold;	margin-left: 5px;	text-transform: uppercase;}
#recent-works .readmore:hover {	color: #444;}
.recent-work-wrap img {	width: 100%;}
.recent-work-wrap .recent-work-inner {	top: 0;	background: transparent;	opacity: 1;	width: 100%;	border-radius: 0;	margin-bottom: 0;	text-align: center;}
.recent-work-wrap .recent-work-inner h3 {margin:4rem 4rem 3rem 4rem;}
.recent-work-wrap .recent-work-inner h3 a {	font-size: 18px;	color: #fff;}
.recent-work-wrap .recent-work-inner p{ font-size: 12px; margin:0 0 4rem 0;}
.recent-work-wrap .overlay {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;	opacity: 0;	border-radius: 0;	background: #cc0001;	color: #fff;	vertical-align: middle;	-webkit-transition: opacity 500ms;	-moz-transition: opacity 500ms;	-o-transition: opacity 500ms;	transition: opacity 500ms;	padding: 30px;}
.recent-work-wrap .overlay .preview {	bottom: 0;	display: inline-block;	height: 50px;	line-height: 35px;	border-radius: 0;	background: transparent;	text-align: center;	color: #fff;}
.recent-work-wrap:hover .overlay {	opacity: 0.9;}
.cpzs2_1{ padding:1rem 0 0 0;}
.pic3{ border:1px solid #CCC; margin:1rem 8rem;}
.pic4 p{ padding:0.5rem 0 0 0;}
.pic4_1{ font:18px/23px "微软雅黑";}

/*--企业文化--*/
.qywh{ background:url(../images/qywh_bg.jpg) center top no-repeat; padding:2rem 0; color:#fff; text-align:center;}
.qywh img{ padding:1rem 4rem 1rem 2rem; opacity:1;}
.qywh img:hover{ padding:1rem 4rem 1rem 2rem; opacity:0.9;}
.qywh1_1{font:28px/25px "微软雅黑"; padding:4rem 2rem 0 2rem;}
.qywh1_1 a{ color:#fff;}
.qywh1_1 span{ font:12px/12px "微软雅黑";}
.qywh1_2 a{ font:14px/25px "微软雅黑"; text-align:center; border:1px #fff solid; color:#fff; display:inline-table; padding:0.7rem 3rem; margin-left:2rem;}
.qywh1_2 a:hover{ color:#cc0001; background:#fff;}
/*--新闻中心--*/
.xwzx{background:url(../images/xwzx_bg.jpg) center top no-repeat; padding:3rem 0 0 0;}
.xwzx1{margin:3rem 0;}
.xwzx1_1{border:1px #cc0001 solid; padding:0.3rem; display:block; border-radius:5px; margin:2rem 0 0 0;}
.xwzx1_1:hover{border:1px #cc0001 solid; background:#cc0001; padding:0.3rem; display:block; border-radius:5px; margin:2rem 0 0 0;}
.xwzx1_2 a{ font:600 16px/30px "微软雅黑"; color:#222222;}
.xwzx1_3 a{font:12px/20px "微软雅黑"; color:#222222;}
.xwzx1_4 a{ font:10px/30px "微软雅黑"; color:#222222;}
.xwzx1_1:hover .xwzx1_2 a,.xwzx1_1:hover .xwzx1_3 a,.xwzx1_1:hover .xwzx1_4 a{color:#fff;}
/*--新闻中心--*/
.ppdl{ background:#f5f5f5; padding:3rem 0 0 0;}
.footer{ overflow:hidden; color:#FFF; background:url(../images/footer_bg.jpg) center  top no-repeat;padding:4rem 0 0 0; text-align:left; }
.footer1{ background:url(../images/footer1.jpg) 3rem bottom no-repeat; padding-bottom:0.5rem; padding-left:3rem; font:16px/18px "微软雅黑";}
.footer1 span{font:14px/15px "微软雅黑"; }
.footer2{font:14px/25px "微软雅黑"; padding:1rem 0 0 3rem;}
.footer2 a{ color:#fff;}
.footer3{font:14px/25px "微软雅黑"; text-align:left; padding:2rem 0 0 3rem;}
.footer3 img{ padding:0 1rem;}
.footer4{font:12px/25px "微软雅黑"; text-align:left; padding:2rem 0 0 6rem;}
.footer4 p{font:12px/25px "微软雅黑"; text-align:left; padding:0 0 0 5rem;}
.footer_1{ overflow:hidden; color:#FFF; background:#363636; padding:1rem 0; text-align:center; font:12px/15px "微软雅黑";}

.common{ background:url(../images/xwzx_bg.jpg) center top no-repeat; padding:3rem 0; }
.common1{ text-align:center; font:20px/25px "微软雅黑"; padding:0 0 2rem 0;}
.common3{ text-align:center; color:#999; font:12px/25px "微软雅黑"; border-bottom:1px #cc0001 solid; margin:0 0 2rem 0;}
.common2 p{font:14px/22px "微软雅黑"; padding:0 0 1rem 0; text-indent:2em;}
.fy{ margin:3rem 0 2rem 0; color:#6b6b6b;}
.fy1{ border:1px solid #cc0001; padding:0.3rem 0.8rem;}
.fy a,.fy a:hover{ color:#6b6b6b;}
.qywh2{font:500 18px/30px "微软雅黑";padding:1rem 0;text-align:center; }
.message_er{ text-align:right; font:10px/25px "微软雅黑" !important; color:#CCC !important; border-bottom:1px #CCC dotted;}

.message{ background:#fff;}
.message2 a,.message2 a:hover{ color:#000;}	
.message2 ul{font:600 18px/55px "微软雅黑"; padding:4rem 0 0 0;}	
.message2 ul li{font: 14px/25px "微软雅黑";}	
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.map{ position:relative;width:716px; margin:0 auto;}
.map a{ color:#5b5a5a; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}

.tab5 form{ padding:40px 0;}
.tab5 form input{ width:100%; height:60px; border:none; background:#fff; border:1px solid #cc0001; font-size:16px; line-height:60px; padding-left:30px;}
.tab5 form .col-xs-12{ margin:10px 0;}
.tab5 form textarea{ width:100%; height:140px; overflow:auto; padding:5px;}
.tab5 form button{ border:none; background:#cc0001; width:100%; height:40px; line-height:40px; color:#FFFFFF;}
/*--responsive-starts-her--*/
@media screen and (max-width:1024px){
	.qywh img{ padding:1rem 0 1rem 0; width:100%; }
	.qywh1_1{ font:600 28px/25px "微软雅黑"; padding:2rem 0 0 0;}
	.xwzx{background:#f5f5f5; padding:3rem 0 0 0;}
	.cpzs1{ background:url(../images/cpzs_bg.jpg) -11rem top no-repeat; padding:3rem 0; }
	#slide{height:40rem; width:100%;}
	#slide .bd{width:100%; height:40rem;top:0; left:0; overflow: hidden;}
	#slide .bd ul>li{width:100%; height:40rem; float: left; position: relative;}
	#slide .bd ul>li.li-0{ background:url("../images/banner1.jpg") no-repeat center top; background-size: auto 40rem;}
	#slide .bd ul>li.li-1{background:url("../images/banner2.jpg") no-repeat center top; background-size: auto 40rem; display:none;}
	#slide .bd ul>li.li-2{ background:url("../images/banner3.jpg") no-repeat center top; background-size: auto 40rem; display:none;}
	#slide .bd ul>li .z-0{ width:28rem; height:15rem; position: absolute; top:15rem; right:8%; margin-left: 0rem;}
	#slide .bd ul>li .z-0 img{ width:100%; height:100%;}
	#slide .bd ul>li .z-1{ width:45rem; height:20rem; position: absolute; top:10rem; left:10%; margin-left: 0rem;}
	#slide .bd ul>li .z-1 img{ width:100%; height:100%;}
	#slide .bd ul>li .z-2{width:30rem; height:22rem; position: absolute; top:1rem; left:28%; margin-left: 0rem;}
	#slide .bd ul>li .z-2 img{ width:100%; height:100%;}

}
@media screen and (max-width:768px){
	#slide{height:40rem; width:100%;}
	#slide .bd{width:100%; height:40rem;top:0; left:0; overflow: hidden;}
	#slide .bd ul>li{width:100%; height:40rem; float: left; position: relative;}
	#slide .bd ul>li.li-0{ background:url("../images/banner1.jpg") no-repeat center top; background-size: auto 40rem;}
	#slide .bd ul>li.li-1{background:url("../images/banner2.jpg") no-repeat center top; background-size: auto 40rem; display:none;}
	#slide .bd ul>li.li-2{ background:url("../images/banner3.jpg") no-repeat center top; background-size: auto 40rem; display:none;}
	#slide .bd ul>li .z-0{ width:28rem; height:15rem; position: absolute; top:15rem; right:8%; margin-left: 0rem;}
	#slide .bd ul>li .z-0 img{ width:100%; height:100%;}
	#slide .bd ul>li .z-1{ width:45rem; height:20rem; position: absolute; top:10rem; left:10%; margin-left: 0rem;}
	#slide .bd ul>li .z-1 img{ width:100%; height:100%;}
	#slide .bd ul>li .z-2{width:30rem; height:22rem; position: absolute; top:1rem; left:28%; margin-left: 0rem;}
	#slide .bd ul>li .z-2 img{ width:100%; height:100%;}
	
	.gywm{ background:url(../images/gywm_bg.png) left top no-repeat; padding:2rem 0 ;}
	ul.nav.navbar-nav.navbar-right.margin-top.cl-effect-2 li a {
		padding: 0px 15px 0px 0px;
		text-align: center;
	}
	
	ul.nav.navbar-nav.navbar-right.margin-top {
		margin-top: 20px;
	}
	
	
	button.btn.btn-warning.but1 {
		padding: 8px 16px;
	}
	ul.nav.navbar-nav.navbar-right.margin-top li {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border:none;
		text-align: center;
	}
	.navbar-brand { width:100%; height:2rem;}
	.navbar{padding:10px 0 0 0;}
	.navbar-brand img{ width:100%; padding:10px 0 0 20px;}
	.mobile{ display:block;}
	.pc{display:none;}
	.cl-effect-2 a span{ padding:0; text-align:center;}
}


@media screen and (max-width:450px){
	#slide{height:280px; width:100%;}
	#slide .bd{width:100%; height:280px;top:0; left:0; overflow: hidden;}
	#slide .bd ul>li{width:100%; height:280px; float: left; position: relative;}
	#slide .bd ul>li.li-0{ background:url("../images/mbanner1.jpg") no-repeat center top; background-size: auto 280px;}
	#slide .bd ul>li.li-1{background:url("../images/mbanner2.jpg") no-repeat center top;background-size: auto  280px;display:none;}
	#slide .bd ul>li.li-2{ background:url("../images/mbanner3.jpg") no-repeat center top; background-size: auto 280px; display:none;}

	.cpzs1_2 ul{ padding-left:0;}
	.gywm2{ font:14px/25px "微软雅黑"; padding:1rem 0rem 2rem 0rem;}
	
	.footer1{ padding-top:2rem;}
	.footer{overflow:hidden;color:#FFF;background: #012768;padding:4rem 0 0 0;text-align:left;}
	.qywh{ background:#cc0001; padding:2rem; color:#fff; text-align:center;}
	.navbar{padding:5px 0 0 0;}
	.navbar-brand { width:70%; height:2rem; padding:0 0 0 0; }
	.navbar-brand img{ width:90%;}
	.pc1{display:none;}
}
@media screen and (max-width:320px){
	.navbar{padding:5px 0 0 0;}
	.navbar-brand { width:80%; height:2rem; padding:0 0 0 0; }
	.navbar-brand img{ width:90%;}
	
}