@charset "utf-8";

/* CSS Document */

*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}

body{ text-align: justify;}

a{ text-decoration:none; font-size: 14px; color:#000;}

input,select,textarea{ outline:none;  border-radius: 0; -webkit-appearance:none;}



.clear{clear:both;}

.clearfix{ *zoom: 1;}

.clearfix:before{ content: ""; display: table;}

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



.pic{ overflow: hidden;}

.pic img{ max-width: 100%; display: block; width: 100%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}

.swiper-slide img{ width: 100%; display: block;}



.left{ float:left;}

.right{ float:right;}



.p10{ padding: 10px 0; }

.p20{ padding: 20px 0; }

.p30{ padding: 30px 0; }

.p40{ padding: 40px 0; }

.p50{ padding: 50px 0; }

.p60{ padding: 60px 0; }

.p70{ padding: 70px 0; }

.p80{ padding: 80px 0; }

.p90{ padding: 90px 0; }

.p100{ padding: 100px 0; }

.mt10{ margin-top: 10px !important; }

.mt20{ margin-top: 20px !important; }

.mt30{ margin-top: 30px !important; }

.mt40{ margin-top: 40px !important; }

.mt50{ margin-top: 50px !important; }

.mt60{ margin-top: 60px !important; }

.mt70{ margin-top: 70px !important; }

.mt80{ margin-top: 80px !important; }

.mt90{ margin-top: 90px !important; }

.mt100{ margin-top: 100px !important; }

.w1200{ width: 1200px; margin: 0 auto;}

.mx1200{ max-width: 1200px; width: 94%; margin: 0 auto;}



::-webkit-scrollbar {

	width : 5px;

	height: 1px;

}

::-webkit-scrollbar-thumb {

	border-radius: 10px;

	height: 15px;

	background: #a0a0a0;

}

::-webkit-scrollbar-track {

	background: #f6f8fb;

}







.top{

	height: 117px;

	background: url("../images/top.jpg") center no-repeat;

}



.menu{

	background: #21276c;

	border-bottom: 2px solid #b21411;

}

.menu li{

	display: block;

	width: 200px;

	line-height: 58px;

	text-align: center;

	float: left;

}

.menu li.this,

.menu li:hover{

	background: #b21411;

}

.menu li a{

	display: block;

	color: #fff;

	font-size: 16px;

}



.hotkey{

	color: #484848;

	font-size: 14px;

}

.hotkey span{

	color: #000;

}

.search{

	line-height: 50px;

	background: url("../images/bg_search.jpg") center no-repeat;

}

.searchform .stext{

	width: 245px;

	padding: 0 20px;

	height: 32px;

	border: none;

	font-size: 14px;

}

.searchform .sbut{

	width: 64px;

	height: 32px;

	border: none;

	text-align: center;

	background: #b21411;

	color: #fff;

	font-size: 14px;

	cursor: pointer;

}







.stitle{

	text-align: center;

	font-size: 36px;

	line-height: 36px;

	font-weight: bold;

	color: #484848;

}

.stitle strong{

	color: #2c3174;

}

.stitle p{

	color: #484848;

	line-height: 18px;

	font-size: 18px;

	font-weight: normal;

	margin: 10px auto 0 auto;

	display: table;

	position: relative;

}

.stitle p:before,

.stitle p:after{

	background: #b21411;

	width: 60px;

	height: 1px;

	position: absolute;

	content: '';

	display: block;

	top: 50%;

}

.stitle p:before{ left: -73px;}

.stitle p:after{ right: -73px;}





.cate{

	width: 250px;

	padding: 20px 9px;

	background: #21276c;

	border: 1px solid #000;

	color: #fff;

	font-size: 14px;

}

.cate_title{

	font-size: 30px;

	color: #ffffff;

	text-align: center;

	line-height: 30px;

	font-weight: bold;

	background: #21276c;

}

.cate_title p{

	font-size: 14px;

	opacity: .2;

	margin: 7px 0 0 0;

	line-height: 14px;

	text-transform: uppercase;

}

.cate ul{

	margin: 15px 0 0 0;

}

.cate li{

	display: block;

	border: 1px solid #000;

	line-height: 36px;

	margin: 0 0 5px 0;

	background: #fff;

}

.cate li a{

	display: block;

	padding: 0 0 0 50px;

	position: relative;

	font-size: 16px;

	color: #484848;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate li a:after{

	width: 36px;

	height: 36px;

	background: url("../images/arrow_cate_1.jpg") center no-repeat;

	content: '';

	display: block;

	position: absolute;

	right: 0;

	top: 0;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate li.this a,

.cate li:hover a{

	background: #b21411;

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.cate li.this a:after,

.cate li:hover a:after{

	border-left: 1px solid #000;

	background: url("../images/arrow_cate_2.jpg") center no-repeat;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}





.left_contact{

	padding: 20px 6px;

	font-size: 13px;

	line-height: 24px;

}

.left_contact h2{

	font-size: 18px;

	line-height: 30px;

}



#showsum,

#showbox>div{

	margin: -50px 0 0 0;

}





.proul{

	width: 905px;

}

.proul li{

	display: block;

	float: left;

	position: relative;

	margin: 0 17px 10px 0;

	width: 290px;

}

.proul li:nth-child(3n){

	margin: 0 0 10px 0;

}

.proul li .pic{

	background: #1b1b1b;

	border: 1px solid #666666;

}

.proul li .pic img{

	height: 205px;

}

.proul li:hover .pic img{

	opacity: .2;

}

.proul li .text{

	position: absolute;

	left: 0;

	top: 84px;

	font-size: 20px;

	line-height: 34px;

	font-weight: bold;

	color: #fff;

	width: 100%;

	opacity: 0;

}

.proul li:hover .text{

	opacity: 1;

}

.proul li .text span{

	display: table;

	margin: 0 auto;

	border-bottom: 1px solid #fff;

}

.proul li p{

	line-height: 36px;

	text-align: center;

	font-size: 14px;

	color: #282828;

}





.adv{

	background: url("../images/bg_adv.jpg") center top no-repeat;

	background-size: cover;

}

.adv .stitle{

	color: #fff;

}

.adv .stitle strong{

	color: #d30000;

}

.adv .stitle span{

	font-size: 72px;

}

.adv .stitle p{

	color: #979797;

}

.adv .stitle p:before,

.adv .stitle p:after{

	opacity: 0;

}



.adv li{

	width: 345px;

	height: 155px;

	float: left;

	display: block;

}

.adv li{

	margin: 38px 82px 0 0;

	color: #fff;

	font-size: 24px;

}

.adv li span{

	color: #d30000;

}

.adv li p{

	font-size: 12px;

	opacity: .3;

	margin: 0 0 5px 0;

	text-transform: uppercase;

	transform: scale(0.9);

	margin-left: -11px;

}

.adv li>div{

	padding: 54px 0 0 132px;

}

.adv li:nth-child(3n){

	margin: 38px 0 0 0;

}

.adv li:nth-child(1){

	background: url("../images/adv_1.png") center no-repeat;

}

.adv li:nth-child(2){

	background: url("../images/adv_2.png") center no-repeat;

}

.adv li:nth-child(3){

	background: url("../images/adv_3.png") center no-repeat;

}

.adv li:nth-child(4){

	background: url("../images/adv_4.png") center no-repeat;

}

.adv li:nth-child(5){

	background: url("../images/adv_5.png") center no-repeat;

}

.adv li:nth-child(6){

	background: url("../images/adv_6.png") center no-repeat;

}



.aboutbg{

	height: 628px;

	background: url("../images/bg_about.jpg") center no-repeat;

}



.abouttext{

	padding: 270px 554px 0 0;

	width: 532px;

	margin: 0 auto;

	color: #fff;

	font-size: 14px;

	line-height: 26px;

}

.abouttext h1{

	font-size: 18px;

	border-bottom: 1px solid #d30000;

	display: table;

	line-height: 30px;

	margin: 0 0 25px 0;

}

.abouttext .more{

	width: 124px;

	line-height: 40px;

	background: #d30000;

	border: 1px solid #d30000;

	color: #fff;

	text-align: center;

	font-size: 14px;

	float: right;

	margin: -25px -178px 0 ;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.abouttext .more:hover{

	background: none;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.xbannerbg,

.xbanner{

	height: 200px;

	background: url("../images/xbanner.jpg") center no-repeat;

}



.newstitle{

	font-size: 16px;

	color: #282828;

	font-weight: bold;

}

.newstitle p{

	font-size: 16px;

	color: #888888;

	font-weight: normal;

	font-family: "华文仿宋","仿宋","仿宋_GB2312";

	text-transform: uppercase;

	font-weight: bold;

	opacity: .3;

}

.newstitle .more{

	width: 24px;

	line-height: 24px;

	background: #d30000;

	border: 1px solid #d30000;

	color: #fff;

	text-align: center;

	display: block;

	margin: -4px 0 0 0;

	font-weight: normal;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newstitle .more:hover{

	color: #d30000;

	background: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}



.news{

	width: 585px;

}

.news .picnews{

	background: #21276c;

	padding: 15px;

}

.news .picnews .pic{

	width: 180px;

	height: 120px;

}

.news .picnews .text{

	width: 350px;

}

.news .picnews .text .date{

	font-size: 30px;

	opacity: .3;

	font-weight: bold;

	color: #fff;

	line-height: 30px;

}

.news .picnews .text span{

	display: block;

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	margin: 10px 0;

}

.news .picnews .text p{

	font-size: 13px;

	color: #fff;

	opacity: .6;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}





.newsul li{

	display: block;

	line-height: 30px;

	position: relative;

}

.newsul li:before{

	display: block;

	content: '';

	position: absolute;

	width: 5px;

	height: 5px;

	background: #b8b8b8;

	transform: rotate(45deg);

	left: 3px;

	top: 13px;

}

.newsul li a{

	display: block;

	color: #484848;

	width: 460px;

	margin: 0 0 0 30px;

	float: left;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul li:hover a{

	color: #21276c;

	font-weight: bold;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newsul li span{

	color: #484848;

	display: block;

	font-size: 14px;

}





.footer{

	background: url("../images/bg_footer.jpg") center repeat-y;

	color: #ffffff;

}

.footer h3{

	font-size: 18px;

	line-height: 30px;

	border-bottom: 1px solid #fff;

	display: table;

	margin-bottom: 30px;

}



.fmenu{

	padding: 0 0 0 55px;

}

.fmenu h3{

	margin-left: 45px;

}

.fmenu ul{

	padding: 0 0 0 45px;

	margin: 0 0 25px 0;

}

.fmenu ul li{

	display: block;

	line-height: 28px;

}

.fmenu ul li a{

	display: block;

	color: #fff;

}



.ftext{

	width: 795px;

}









.cr{

	margin: 20px 0 0 0;

	padding: 20px 0 0 0;

	font-size: 14px;

	line-height: 26px;

	border-top: 1px solid #494949;

}

.cr p{

	opacity: .4;

}

.cr a{

	color: #fff;

}





.fewm{

	width: 137px;

	font-size: 14px;

	text-align: center;

	line-height: 40px;

}





.fcontact{

	width: 600px;

	line-height: 26px;

	font-size: 14px;

}

.fcontact h1{

	font-size: 18px;

	opacity: .4;

	margin: 0 0 10px 0;

}





.nbanner{

	height: 450px;

	background: url("../images/banner_about.jpg") center no-repeat;

}

.bnav,

.bnav a{

	line-height: 45px;

	color: #666666;

	font-size: 14px;

}

.bnav img{

	display: inline-block;

	vertical-align: middle;

	margin: -3px 0 0 0;

}



.nabouttext{

	width: 830px;

	padding: 60px 80px;

	background: url("../images/border_about_bottom.png") #fff center bottom repeat-x;

	margin: -86px auto 0 auto;

	position: relative;

	z-index: 1;

	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);

	color: #484848;

	font-size: 15px;

	line-height: 28px;

}

.nabouttext h1{

	font-size: 24px;

	text-align: center;

	color: #282828;

}



.abouticon{

	margin: 40px 0;

}

.abouticon li{

	width: 33.333%;

	float: left;

	display: block;

	text-align: center;

	position: relative;

}

.abouticon li:after{

	width: 1px;

	height: 44px;

	background: #dcdcdc;

	position: absolute;

	content: '';

	display: block;

	right: 0;

	top: 50%;

	margin-top: -22px;

}

.abouticon li:last-child:after{

	display: none;

}

.abouticon li .pic{

	width: 51px;

	display: inline-block;

	vertical-align: middle;

	margin: 0 10px 0 0;

}

.abouticon li .text{

	width: 90px;

	display: inline-block;

	vertical-align: middle;

	text-align: left;

}

.abouticon li .text>div{

	display: inline-block;

	vertical-align: baseline;

	text-align: left;

}

.abouticon li .text .counter{

	font-size: 30px;

	font-weight: bold;

}

.abouticon li .text .mark{

	font-size: 14px;

	font-weight: bold;

	color: #888888;

}

.abouticon li .text p{

	text-align: left;

}







.protj{

	background: #f5f5f5;

}



.tjleft{

	padding: 39px 9px;

	position: relative;

}

.tjleft:after{

	width: 8px;

	height: 23px;

	background: url("../images/arrow_tj.png") center no-repeat;

	content: '';

	display: block;

	right: -1px;

	top: 50%;

	position: absolute;

	margin-top: -12px;

}



.tjright{

	width: 910px;

}

.tjright li{

	margin: 0;

}

.tjright li img{

	opacity: .2;

}

.tjright li .text{

	opacity: 1;

}



.left_news_title{

	padding: 0 0 0 26px;

	line-height: 45px;

	color: #fff;

	font-size: 18px;

	background: #21276c;

	margin: 2px 0 0 0;

}



.left_newsul{

	width: auto;

	padding: 20px;

	background: #f7f7f7;

}

.left_newsul li a{

	width: 215px;

	margin: 0 0 0 15px;

}





.newscate{

	text-align: center;

}

.newscate a{

	display: inline-block;

	width: 300px;

	line-height: 60px;

	color: #000;

	background: #dcdcdc;

	font-size: 18px;

	margin: 0 5px;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.newscate a:hover,

.newscate a.this{

	background: #21276c;

	color: #fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}









.nnewsul{

	width: 905px;

}

.nnewsul li{

	display: block;

	border-bottom: 1px solid #dcdcdc;

}

.nnewsul li a{

	display: block;

	padding: 20px;

}

.nnewsul li .pic{

	display: block;

	height: 135px;

	width: 240px;

}

.nnewsul li:hover{

	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);

	background: url("../images/border_right_news.png") center right no-repeat;

}



.nnewsul li .text{

	width: 580px;

	margin: 0 20px 0 0;

}

.nnewsul li .text span{

	font-size: 16px;

	display: block;

	margin: 15px 0 5px 0;

}

.nnewsul li .text .date{

	font-size: 12px;

	color: #888888;

}

.nnewsul li .text p{

	font-size: 14px;

	line-height: 24px;

	color: #666666;

	margin: 25px 0 0 0;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

}









.container{

	width: 905px;

}

.nrecruit{

	border: 1px solid #dcdcdc;

	border-top: none;

}

.nrecruit .rtitle{

	font-size: 30px;

	line-height: 40px;

	color: #282828;

	font-weight: bold;

	padding: 30px 35px;

}



.yaoqiu1{

	padding: 0 35px;

}

.yaoqiu1 li{

	border-left: 3px solid #204395;

	line-height: 36px;

	float: left;

	width: 255px;

	padding: 0 0 0 20px;

	display: block;

	font-size: 16px;

}



.zhize{

	padding: 35px;

	width: 840px;

	line-height: 30px;

	font-size: 16px;

}

.zhize h5{

	font-weight: normal;

	font-size: 18px;

}

.yaoqiu2{

	padding:  0 35px 35px;

	width: 838px;

	line-height: 30px;

	color: #484848;

	font-size: 16px;

}

.yaoqiu2 h5{

	font-weight: normal;

	font-size: 18px;

}











.ncontact{ width:1200px; margin: 50px auto;}



.ncontact .left{ width:49%; float: left; margin-right: 2%; background: #f5f5f5;}

.ncontact .left p{ font-size: 14px; line-height: 36px; color: #838383;}

.ncontact .left form{ margin: 10px 0 0 0;}

.ncontact .right{ width:49%; float: left;}



.ncontact h1{ font-size:18px; padding: 0 0 0 10px; line-height: 40px; border-top: 4px solid #b21411; border-bottom: 1px solid #616161; color: #21276c; margin: 0 0 10px 0;}



.map{

	background: #f5f5f5;

}

.map p{

	overflow: hidden;

}

.map iframe{

	position: relative;

	left: 50%;

	margin-left: -600px;

}







.tableborder1{ font-size: 14px;}

.tableborder1 input[type="text"]{ width:555px; height: 35px; padding: 0 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}

.tableborder1 input[type="text"]#key{ width:405px; height: 35px; padding: 0 10px; background: none; border:1px solid #a9a9a9;}

.tableborder1 textarea{ width:555px; height: 62px; padding: 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}

.tableborder1 img{ height: 35px; display: block;}

.subbutton1

{

	padding:0px 24px;

	border:1px solid #ccc;

	font-size:12px;

	height: 35px;

	margin: 0 auto;

	background:#000;

	vertical-align:center;

	color:#fff;

	cursor: pointer;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;

}

.subbutton1:hover{ background:#21276c; color:#fff;

	-moz-transition: 	all 0.5s;

	-webkit-transition: all 0.5s;

	-ms-transition: 	all 0.5s;

	-o-transition: 		all 0.5s;

	transition: 		all 0.5s;}




.prodetail{
	position: relative;
}


.pchange a:nth-child(1){
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -16px;
	color: #fff;
	width: 22px;
	height: 33px;
	overflow: hidden;
}
.pchange a:nth-child(2){
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -16px;
	color: #fff;
	width: 22px;
	height: 33px;
	overflow: hidden;
}
.pchange a:nth-child(1):after{
	position: absolute;
	width: 22px;
	height: 33px;
	display: block;
	background: url(../images/ax12.png);
	content: '';
	left: 0;
	top: 0;
}
.pchange a:nth-child(2):after{
	position: absolute;
	width: 22px;
	height: 33px;
	display: block;
	background: url(../images/ax22.png);
	content: '';
	left: 0;
	top: 0;
}