﻿body,h1,h2,ol,ul,li,p,input,dl,dt,dd,h4,h3,h5,h6 { margin:0; padding:0; border:0; }
ul,ol { list-style:none }
input[type="text"],input[type="search"] { -webkit-appearance:none; -webkit-tap-highlight-color:#fff; outline:0 }
body { color:#555; font-size:14px; background:#fff; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei",Tahoma,Verdana; }
a{ color:#555; text-decoration:none }
a:hover{color:#c7000a;}
.hidden { display:none }
.editor{ padding:15px 10px; line-height:1.8; word-wrap:break-word; }
.editor a{ color:#c7000a; text-decoration:none; }
.editor ul,.editor ol{ padding-left:28px;}
.editor ul li{ list-style-type:disc; margin-bottom:3px; }
.editor ol li{ list-style-type:decimal; margin-bottom:3px; }
.editor img{ max-width:300px;}

/*分页*/
#flip{ text-align:center; height:50px; line-height:50px;}



.pd10{padding-top:10px; clear:both; overflow:hidden;}
.pd20{padding-top:20px; clear:both; overflow:hidden;}
.pd30{padding-top:30px; clear:both; overflow:hidden;}
.pd40{padding-top:40px; clear:both; overflow:hidden;}
.pd50{padding-top:67px; clear:both; overflow:hidden;}


.itop{width:160px; margin:1.7% auto; display:block;}
.itop img{width:150px;}

/*顶部搜索框*/
.index_seach{padding:0 10px; overflow:hidden;}
.index_seach .text{margin:8px 0px; float: left; padding:7px 5px 5px 5px; width:100%; height:18px; line-height:18px; line-height: normal; background: #fdfdfd; border: 1px solid #D0D6E1; border-right:none; border-radius: 3px 0px 0px 3px; }
.index_seach .submit{ float:left; display:inline-block; height:32px; line-height:32px; margin:8px 0px; padding:0px 20px; outline: none;  background:#c7000a; color:#fff; border-radius: 0 3px 3px 0;}

.navbg{height:40px; width:100%; box-shadow:1px 1px 7px #999; background:#383332; position:absolute; z-index:999; left:0; font-size:14px;}
#navul li{float:left; width:25%; height:40px; position:relative; text-align:center; line-height:40px;}
#navul li a:link, #navul li a:visited{color:#FFF;}
#navul li a:hover{width:100%; display:block; background:#fff; color:#b41010;}
#navul li .navactive a{background:#fff; display:block;}
#navul li .navactive a:hover{background:#fff; display:block;}
#navul li ul{display:none; position:absolute; z-index:10000; top:38px; background:#fff; border:#1f407c 1px solid; border-bottom:none;}
#navul li ul li{display:block; width:100%; float:none; height:28px; position:relative; line-height:28px; border-bottom:#1f407c 1px solid; }
#navul li.navmoon{background:#fafafa; width:25%; height:38px; line-height:38px;}
#navul li.navmoon a{color:#000; display:block;}
#navul li.navmoon ul{display:block; width:98%; text-align:left;}
#navul li.navmoon ul a{display:block; width:100%; height:30px; color:#000; line-height:30px;}
#navul li.navmoon ul a:hover{background:#383332; color:#fff;}


.banner{width:100%; height:auto;overflow:hidden;}
.banner img{width:100%;}

.iabout{width:100%; margin:0 auto; overflow:hidden;}
	.i_about{width:96%; margin:0 auto; overflow:hidden;}
	.i_about img{width:100%; float:left;}
	.i_about p{width:100%; margin:0 auto; line-height:20px; float:right; text-indent:2em; font-size:12px;}

.iline{display:block; width:94%; margin:25px auto; height:1px; background-color:#ccc;}

.i_tit{width:100%; height:40px; background:#383332;}
.i_tit h1{float:left; margin-left:8px; padding:0 3px; font:14px/36px "微软雅黑"; font-weight:bolder; color:#333; border-top:#c7000a 4px solid; background-color:#fff; border-radius:1px;}
.i_tit p{float:right; margin-right:8px; font-size:9px; color:#fff; line-height:22px; text-align:center; font-family:"微软雅黑"; letter-spacing:1px; width:50px; height:22px; border-right:#d0d6e1 1px solid; border-bottom:#d0d6e1 1px solid; border-radius:5px; margin-top:8px;}
.i_tit a:hover p{color:#c7000a;}

.inew{width:100%; margin:5px auto 0; overflow:hidden}
	.inew ul{width:100%;}
	.inew ul li{width:100%; line-height:40px; height:40px; overflow:hidden; border-bottom:#dfdfdf 1px solid; font-size:12px; background:url(../images/i_tb.png) no-repeat 1% center;}
	.inew ul li a{display:block; margin-left:15px; color:#555; width:70%; line-height:40px; height:40px;}
	.inew ul li a:hover{color:#c7000a; display:block;}
	.inew ul li span{display:block; float:right; margin-right:5px; color:#999; width:20%;} 
 
.ipro{width:100%; margin:0 auto; overflow:hidden;}
		.wpl{width:96%; margin:5px auto 0; overflow:hidden;}
			.wpl ul{width:1020px;}
				.wpl li{width:105px; height:121px; margin-right:10px; float:left; display:inline;}
				.wpl li a{width:100%; display:block;}
				.wpl li img{width:105px; height:91px; border:#ccc 0px solid;}
				.wpl li span{line-height:25px; text-align:center; display:block; color:#555; font-size:12px;}
				.wpl li a:hover span{color:#c7000a; display:block;}
			.i_tit02{width:100%; height:16px; overflow:hidden; margin:10px auto 0;}
				.i_tit02 ul{width:150px; margin:0 auto;}
				.i_tit02 ul li{width:16px; height:16px; ont-size:0; background-color:#aaa; float:left; margin-left:10px; cursor:pointer; display:inline;}
				.i_tit02 ul li.cur{background-color:#c7000a;}
		
.ifoot{width:100%; height:auto; padding:1em 0; background-color:#dedede; position:relative;}
	.ifoot p{text-align:center; line-height:28px; color:#999; font-size:12px; text-shadow:1px 1px #fff;}
	.ifoot .ftop img{position:absolute; right:5px; top:-9px;}

#footer{width:100%; position:fixed; bottom:0px; height:45px; overflow:hidden; z-index:999; text-align:center; }
#footer .footerbox{width:100%; height:45px; margin:0px auto; position:relative;}
#footer .footerlist{width:100%; height:45px; overflow:hidden; position:absolute; left:0px;  border-top:0px;}
#footer ul{ display:-webkit-box; }
#footer ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2); border-left:0px; position:relative;}
#footer ul li i.iconfont{padding:0px;}
#footer ul li a{ display:block; width:100%; text-align:center; color:#fff; height:45px; }
#footer .txt{ height:16px; line-height:16px; font-size:12px;}


.mtit{width:100%; margin:0 auto 15px; height:30px; line-height:30px; background:#efefef; overflow:hidden;}
.mtit span{display:block; float:left; background:#c7000a; padding:0 2%; text-align:center; color:#fff;}
.mtit font{display:block; float:right; padding-right:5px}

.about{width:100%; padding:40px 0; overflow:hidden;}
.about p{font:12px/23px "宋体"; color:#555; width:94%; margin:0 auto 10px;}
.about p img{width:100%; margin:5px 0;}


.products{width:100%; padding:40px 0; overflow:hidden;}
.products ul{}
.products ul li{width:96%; margin:0 auto 20px; overflow:hidden; border:#ddd 1px solid;}
.products ul li img{width:100%; height:auto;}
.products ul li .a_img{width:30%; float:left;}
.products ul li .a_img img{width:100%;}
.products ul li .a_pro{width:64%; float:right; border-left:#ddd 1px solid; padding-left:4%; padding-bottom:15px;}
.products ul li .a_pro h1{font-size:14px; line-height:25px; border-bottom:#ccc 1px solid; font-weight:bold; color:#ff9900;}
.products ul li .a_pro a{display:block; line-height:25px; font-weight:bold;}


.products1{width:100%; padding:40px 0; overflow:hidden;}
.products1 ul{overflow:hidden;}
.products1 ul li{width:50%; float:left;}
.products1 ul li a{width:88%; margin:0 auto 15px; display:block;}
.products1 ul li span{display:block; text-align:center; line-height:30px;}
.products1 ul li a img{width:100%; border:#ccc 1px solid;}



/***************分页******************/
#Page_wrapper .c-pnav-con {text-align:center; font-size:14px; cursor:pointer; width:100%;}
#Page_wrapper .c-pnav-con .c-p-sec div {display:inline-block;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre{display:inline-block; width:50px; height:30px; line-height:30px; background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8)); background-image:-webkit-linear-gradient(#fefefe, #e8e8e8); background-image:-moz-linear-gradient(#fefefe, #e8e8e8); background-image:-ms-linear-gradient(#fefefe, #e8e8e8); background-image:-o-linear-gradient(#fefefe, #e8e8e8); background-image:linear-gradient(#fefefe, #e8e8e8); border:1px #D5D5D5 solid; overflow:hidden; border-radius:2px; -webkit-border-radius:2px;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre P{color:#888;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre .c-p-p {display:inline-block; width:17px; height:30px; position:relative; overflow:hidden; vertical-align:top;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-pre .c-p-p em {display:inline; -webkit-transform:rotate(45deg); background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8)); background-image:-webkit-linear-gradient(#fefefe, #e8e8e8); background-image:-moz-linear-gradient(#fefefe, #e8e8e8); background-image:-ms-linear-gradient(#fefefe, #e8e8e8); background-image:-o-linear-gradient(#fefefe, #e8e8e8); background-image:linear-gradient(#fefefe, #e8e8e8); position:absolute; top:4px; left:6px; width:21px; height:21px; border:1px solid #ddd;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-next{display:inline-block; width:50px; height:30px; line-height:30px; background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8)); background-image:-webkit-linear-gradient(#fefefe, #e8e8e8); background-image:-moz-linear-gradient(#fefefe, #e8e8e8); background-image:-ms-linear-gradient(#fefefe, #e8e8e8); background-image:-o-linear-gradient(#fefefe, #e8e8e8); background-image:linear-gradient(#fefefe, #e8e8e8); border:1px #D5D5D5 solid; overflow:hidden ;border-radius:2px; -webkit-border-radius:2px;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur {position:relative; height:30px; vertical-align:baseline; text-align:center;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow {display:inline-block; width:58px; line-height:30px; border:1px solid #ddd; background-image:-webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#e8e8e8)); background-image:-webkit-linear-gradient(#fefefe, #e8e8e8); background-image:-moz-linear-gradient(#fefefe, #e8e8e8); background-image:-ms-linear-gradient(#fefefe, #e8e8e8); background-image:-o-linear-gradient(#fefefe, #e8e8e8); background-image:linear-gradient(#fefefe, #e8e8e8);}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-arrow span:first-child {margin-right:5px; width:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-cur .c-p-down span:last-child {display:inline-block; font-size:0; border-top:3px solid #666; border-left:3px solid #666; width:6px; height:6px; background-color:transparent; -webkit-transform:rotate(225deg) !important; margin-bottom:3px;}
#Page_wrapper .c-pnav-con .c-p-sec .c-p-select {position:absolute; top:0; left:1px; height:30px; width:58px; opacity:0; font-size:100%;}



.the_pro{width:100%; padding:40px 0; overflow:hidden;}
.the_pro h1{font:110%/25px "微软雅黑"; text-align:center; margin:0 auto; padding:0 0 2% 0; color:#333; width:94%; font-weight:bold;}
.the_pro .tp_img{width:99%; margin:0 auto; border:#ccc 0px solid; box-shadow:0 0 0px #ccc; text-align:center}
.tp_img img{width:90%;}
.the_pro p{width:96%; margin:0 auto; line-height:22px; color:#666; font-size:12px;text-indent:2em;}
.the_pro p img{width:100%;margin-left:-2em;}
.the_pro h2{font:100%/25px "微软雅黑"; text-align:left; padding:0 0 2% 0; color:#555; width:94%; margin:0 auto; font-weight:bold; border-bottom:#b90000 1px dashed;}
.the_pro table{border-collapse:collapse; width:92%; margin:0 auto; background:#FFF}
.the_pro td{border-width:1px; border-style:solid;padding:5px;line-height:200%;color:#666;word-wrap:break-word;word-break:break-all;table-layout:fixed;}

.pback{display:block; width:70px; margin-top:10px; line-height:22px; margin-left:2%; text-align:center; background-color:#efefef;}
.pback a{display:block; border:#ccc 1px solid; background:url(../images/pback.png) no-repeat 5px center; font-size:10px; padding-left:10px; color:#999;}
.pback a:hover{border:#c7000a 1px solid;}


.honor{width:100%; padding:40px 0; overflow:hidden;}
.honor ul{}
.honor ul li{width:50%; float:left; margin-bottom:10px;}
.honor ul li span{display:block; width:88%; margin:0 auto;}
.honor ul li img{width:99%; border:#ccc 0px solid;}
.honor ul li p{line-height:28px; text-align:center;}



.news{width:100%; padding:40px 0; overflow:hidden;}
.news ul{}
.news ul li{width:96%; padding:10px 2% 8px 0; line-height:20px; border-bottom:#dedede 1px solid; background:url(../images/news_tb.gif) no-repeat 2% 30%;}
.news ul li a{width:90%; padding-left:2%; padding-right:2%; margin:0 auto; display:block; background:url(../images/news_tb.png) no-repeat right center; overflow:hidden; font-weight:bold;}
.news ul li span{display:block; line-height:25px; font-size:12px; font-weight:normal;}
.news ul li a:hover{background:url(../images/news_tb.png) no-repeat right center; overflow:hidden;}



.the_new{width:100%; padding:40px 0; overflow:hidden;}
.the_new h1{width:90%; padding:0 5%; text-align:center; line-height:30px; font-family:"微软雅黑"; font-size:120%; color:#444; border-bottom:#bbb 1px solid;}
.the_new h1 span{font-size:10px; color:#ccc; display:block; font-weight:normal;}
.the_new p{color:#555; text-indent:2em; width:96%; margin:0 auto 10px; line-height:25px;}
.the_new p img{margin-left:-2em; width:100%;}
	.updo{width:100%; position:relative; height:36px;}
	.updown{width:80%; left:10%; position:absolute; text-align:center; overflow:hidden;}
	.updown .up{background:#4a4a4a; height:36px; line-height:36px; text-align:center; width:40%; float:left;}
	.updown .up a{display:block; color:#fff}
	.updown .down{background:#4a4a4a; height:36px; line-height:36px; text-align:center; width:40%; float:right;}
	.updown .down a{display:block; color:#fff}



.contact{width:100%; padding:40px 0; overflow:hidden;}
.contact h1{width:94%; margin:0 auto; line-height:30px; font-family:"微软雅黑"; font-size:120%; color:#444; border-bottom:#bbb 1px dashed;}
.contact p{width:94%; margin:0 auto; line-height:30px;}
.contact p span{color:#ff9900; font-size:12px; font-weight:bold;}
.contact p img{width:100%;}


.map{width:100%; padding:70px 0; overflow:hidden;}
.map h1{font:18px/35px "微软雅黑"; color:#ff9900; width:94%; margin:0 auto;}
.maps-container {
	display: block!important;
	padding-bottom:0px;
	max-height:650px;
	overflow:hidden;
	margin-bottom:30px;
}


.order{width:100%; margin:40px auto; overflow:hidden; font-size:14px; color:#5e5e5e;}
.tuila p{padding:3px 0}
.xinx{ width:27%; height:30px; line-height:30px; float:left; text-align:right}
.xinx span{color:#d72510; font-family:Arial; font-size:12px;}
.save_btn {-webkit-box-flex:1; height:36px; border:1px solid #ddd; background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee)) repeat-x 0 bottom; box-shadow:#ddd 0 1px 2px; margin:15px 0px 0 0; text-align:center; line-height:36px; width:99%;}
.bor{ width:66%; height:30px; line-height:30px; border:#CCC 1px solid}
.save_btn span{display:block; line-height:36px; font-size:14px; color:#333; letter-spacing:2em;}


/* job */
.job{
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
}

.job_fenlei li {
	line-height: 30px;
	float: left;
	width: 20%;
	text-align: center;
}
.fl {
	position: relative;
}
.job_list {
	width: 92%;
	background: #fff;
	line-height: 30px;
	//position: absolute;
	top: 0;
	left: 0;
}
.job_list a{
    display: block;
    width: 100%;
    text-align: center;
    line-height: 20px;
    padding: 15px;
    color: #fff;
    background: #383332;
    font-size: 16px;
    margin-bottom: 1px;
}
.max_width_92 {
    width: 92%;
    margin: auto;
}
.in_recruit {
	//padding-top: 50px;
}
.in_recruit h2.title {
	padding: 15px;
	color: #fff;
	background: #0061ae;
	font-size: 30px;
	text-align: center;
}
.in_recruit .list ul {
	display: table;
	width: 100%;
}
.in_recruit .list ul li {
	width:100%;
	//margin-right: 3%;
	float: left;
	//margin-top: 40px;
	padding: 10px;
	border-bottom: 1px solid #ccc;
	list-style-type:none;
        margin-left: 1%;
}
.in_recruit .list ul li:nth-child(2n) {
	margin-right: 0;
}
.in_recruit li.p1 {
	width: 100%;
	padding:0 17px;
	border-bottom: 1px solid #ccc;
	//margin-top: 40px;
}
.in_recruit .bottom {
	display: table;
	width:100%;
	//padding: 60px 0;
	text-align: center;
}
.in_recruit .bottom a.a_text {
	padding: 10px 10%;
	display: inline-block;
	background: #d81f18;
	color: #fff;
	font-size: 30px;
	text-align: center;
}
.in_recruit .bottom a.a_text:first-child {
	margin-right: 5%;
}

/*视频*/
video {
  display: inline-block;
  vertical-align: baseline;
width:100%;
height:100%;
}

#videoPlay1{height:500px;}
@media (max-width:1199px){
   #videoPlay1{height:500px}
}
@media (max-width:991px){
   #videoPlay1{height:400px}
}
@media (max-width:767px){
   #videoPlay1{height:300px}
}



























































































