@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: 16px; 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%;}

.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; }
.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;
}

html,
body {
	position: relative;
	height: 100%;
}

.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-container-vertical>.swiper-pagination-bullets{
	right: 5%;
}
.swiper-pagination-bullet{
	background: #ccc;
	opacity: .8;
	width: 8px;
	height: 8px;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 20px 0;
}
.swiper-pagination-bullet-active{
	background: #1d50a2;
	opacity: 1;
}

.banner .swiper-slide{
	background-size: cover !important;
}

.header{
	width: 80%;
	padding: 0 10%;
	background: rgba(255,255,255,.8);
	position: fixed;
	z-index: 9;
	left: 0;
	top: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.logo{
	width: 5%;
	max-width: 67px;
}
.ttel{
	line-height: 26px;
	margin: 0 0 0 25px;
	width: 15%;
}
.ttel span{
	font-size: 14px;
}
.ttel a{
	font-size: 22px;
	display: block;
	font-family: "Arial";
	font-weight: bold;
}

.menu{
	width: 65%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin: 0 0 0 auto;
}
.menu li{
	display: block;
	width: 12.5%;
	text-align: center;
	line-height: 80px;
}
.menu li a{
	display: block;
	border-bottom: 5px solid rgba(255,255,255,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;
}
.menu li.this a,
.menu li:hover a{
	color: #103c85;
	border-bottom: 5px solid #103c85;
}



.lan{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	width: 84px;
	line-height: 26px;
	margin: 0 0 0 30px;
	text-align: center;
}
.lan a{
	width: 42px;
	display: block;
	color: #9c9c9c;
	background: #fff;
}
.lan a.this{
	background: #103c85;
	color: #fff;
}


.home_banner{
	background: url(../images/banner.jpg) center no-repeat;
	background-size: cover;
}



.stitle{
	font-size: 36px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 36px;
	padding: 0 0 20px 0;
	display: table;
	border-bottom: 1px solid rgba(255,255,255,.3);
	position: relative;
	margin: 0 0 30px 0;
}
.stitle:after{
	position: absolute;
	width: 40px;
	height: 2px;
	background: #fff;
	right: 0;
	bottom: 0;
	content: '';
	display: block;
}



.container{
	width: 80%;
	margin: 0 auto;
}




.home_about{
	background: url(../images/bg_home_about.jpg) center no-repeat;
	background-size: cover;
}
.home_about .about{
	width: 51%;
	color: #fff;
}
.home_about .about .text{
	font-size: 14px;
	line-height: 26px;
}
.home_about .about .more{
	display: block;
	color: #fff;
	font-size: 14px;
	width: 144px;
	line-height: 44px;
	text-align: center;
	margin: 30px 0 0 0;
	border: 1px solid rgba(255,255,255,.2);
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.home_about .about .more:hover{
	border: 1px solid #103c85;
	background: #103c85;
}
.home_about .video{
	width: 40%;
	margin: 30px 0 0 0;
}
.home_about .video video{
	width: 100%;
}

.num{
	margin: 40px 0 0 0;
	background: #103c85;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.num li{
	display: block;
	width: 25%;
	text-align: center;
	color: #fff;
	padding: 35px 0;
}
.num li span{
	display: inline-block;
	font-size: 90px;
	font-family: "Arial";
	line-height: 90px;
	font-weight: bold;
}
.num li font{
	display: inline-block;
	vertical-align: top;
	font-weight: lighter;
	font-size: 30px;
	opacity: .4;
	line-height: 20px;
}
.num li b{
	margin: -5px 0 0 -15px;
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
	vertical-align: baseline;
}
.num li .numtitle{
	font-size: 18px;
	margin: 10px 0 0 0;
}
.num li .nump{
	font-size: 12px;
	opacity: .3;
	font-family: "Arial";
	text-transform: uppercase;
	margin: 7px 0 0 0;
}








.home_service{
	background: url(../images/bg_home_service.jpg) center no-repeat;
	background-size: cover;
}
.home_service .container{
	position: relative;
}
.service_cate{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.service_cate li{
	width: 14.3%;
	margin: 0 2px 0 0;
	text-align: center;
	display: block;
	line-height: 50px;
	background: #103c85;
	height: auto;
	opacity: 1;
	border-radius: 0;
}
.service_cate li:last-child{
	margin: 0;
}
.service_cate li a{
	display: block;
	color: #fff;
}

.service_slide{
	margin: 40px 0 0 0;
}
.service_slide .swiper-slide{
	align-items: normal;
}
.service_slide .pic{
	width: 62.5%;
}
.service_slide .servicetext{
	width: 33.5%;
	margin: 0 0 0 4%;
	color: #fff;
}
.service_slide .servicetext .service_title{
	border-top: 1px solid rgba(255,255,255,.3);
	border-bottom: 1px solid rgba(255,255,255,.3);
	line-height: 58px;
	margin: 0 0 30px 0;
	font-size: 24px;
}
.service_slide .servicetext .text{
	font-size: 14px;
	line-height: 30px;
	opacity: .6;
}

.swiper_button_prev_service{
	width: 45px;
	height: 45px;
	background: url("../images/arrow_service_1.png") center no-repeat;
	position: absolute;
	left: 66%;
	bottom: 0;
	z-index: 9;
	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;
}
.swiper_button_next_service{
	width: 45px;
	height: 45px;
	background: url("../images/arrow_service_1.png") center no-repeat;
	position: absolute;
	left: 66%;
	margin-left: 47px;
	bottom: 0;
	z-index: 9;
	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;
	transform: rotate(180deg);
}
.swiper_button_prev_service:hover,
.swiper_button_next_service:hover{
	background: url("../images/arrow_service_2.png") center no-repeat;
}







.home_corp{
	background: url(../images/bg_home_corp.jpg) center no-repeat;
	background-size: cover;
}
.home_corp .corpline{
	width: 100%;
	height: 100%;
	position: absolute;
	background: url("../images/line_corp.png") center no-repeat;
}
.home_corp .corp_icon{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}
.home_corp .corp_icon li{
	display: block;
	text-align: center;
	color: #fff;
	width: 16.666%;
}
.home_corp .corp_icon li span{
	display: block;
	font-size: 48px;
	font-family: "Arial";
	opacity: .3;
	font-weight: bold;
}
.home_corp .corp_icon li img{
	display: block;
	max-width: 100%;
	margin: 10px auto;
}
.home_corp .corp_icon li p{
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
}

.home_corp .corp_icon li:nth-child(2){ margin: 380px 0 0 0;}
.home_corp .corp_icon li:nth-child(3){ margin: 300px 0 0 0;}
.home_corp .corp_icon li:nth-child(4){ margin: 160px 0 0 0;}
.home_corp .corp_icon li:nth-child(5){ margin: 0 0 0 0;}
.home_corp .corp_icon li:nth-child(6){ margin: 0 0 180px 0;}
.home_corp .corp_icon li:nth-child(7){ margin: 0 0 250px 0;}


.home_corp .corp_icon .stitle{
	position: absolute;
	left: 0;
	top: 0;
}
.home_corp .corp_icon .corppic{
	position: absolute;
	right: 0;
	bottom: -50px;
}







.home_adv{
	background: url(../images/bg_home_adv.jpg) center no-repeat;
	background-size: cover;
}

.home_adv .mx1200{
	position: relative;
}
.home_adv .stitle{
	position: absolute;
	left: 0;
	top: 0;
}
.advul .adv{
	width: 33.333%;
	float: left;
	background: #fff;
	text-align: center;
}
.advul .adv1{
	clear: both;
	background: #103c85;
}
.advul .adv2{
	margin: 0 0 0 33.333%;
}
.advul .adv3{
	margin: 0 0 0 16.666%;
}
.advul .adv4{
	margin: 0 0 0 16.666%;
	background: #103c85;
}
.advul .adv4{
	width: 50%;
}
.advul .adv .advnum{
	font-size: 60px;
	font-style: italic;
	font-weight: bold;
}
.advul .adv span{
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
}
.advul .adv p{
	font-size: 16px;
	line-height: 30px;
}

.advul .adv1 .advnum,
.advul .adv4 .advnum{
	color: #fff;
	opacity: .2;
}
.advul .adv1 span,
.advul .adv4 span{
	color: #fff;
}
.advul .adv1 p,
.advul .adv4 p{
	color: #8293ae;
}

.advul .adv2 .advnum,
.advul .adv3 .advnum{
	color: #000;
	opacity: .1;
}
.advul .adv2 span,
.advul .adv3 span{
	color: #484848;
}
.advul .adv2 p,
.advul .adv3 p{
	color: #888888;
}

.advul ul{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.advul ul li{
	width: 50%;
	display: block;
}
.advul ul:nth-child(1),
.advul ul:nth-child(3){
	float: left;
	overflow: hidden;
}
.advul ul:nth-child(2){
	clear: both;
}
.advul .adv4 ul li:nth-child(1){
	width: 33.333%;
}
.advul .adv4 ul li:nth-child(2){
	width: 66.666%;
}





.home_case{
	background: url(../images/bg_home_case.jpg) center no-repeat;
	background-size: cover;
}
.home_case .stitle{
	color: #282828;
	border-bottom: 1px solid #b7c4da;
}
.home_case .stitle:after{
	background: #103c85;
}
.caseul{
	margin: 40px 0 0 0;
}
.caseul li{
	display: block;
	float: left;
	position: relative;
	margin: 0 2% 2% 0;
	width: 32%;
}
.caseul li.case_more,
.caseul li:nth-child(3n){
	margin: 0 0 2% 0;
}
.caseul li p{
	position: absolute;
	width: 90%;
	padding: 0 5%;
	line-height: 36px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: url("../images/bg_case_p.png") center left repeat-y;
	background-size: cover;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.caseul li:nth-child(6),
.caseul li:nth-child(7){
	display: none;
}

.caseul li.case_more .more{
	width: 140px;
	line-height: 44px;
	border: 1px solid rgba(255,255,255,.4);
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -70px;
	top: 50%;
	margin-top: -22px;
	color: #fff;
	font-size: 15px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.caseul li.case_more:hover .more{
	border: 1px solid #fff;
	background: #fff;
	color: #103c85;
}




.home_contact{
	background: url(../images/bg_home_contact.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
}

.home_contact .pic{
	max-width: 117px;
}
.ctel{
	display: table;
	line-height: 26px;
	padding: 15px 35px;
	border: 1px solid rgba(255,255,255,.3);
	margin: 50px 0 40px 0;
}
.ctel span{
	font-size: 14px;
}
.ctel a{
	font-size: 22px;
	font-family: "Arial";
	font-weight: bold;
	display: block;
	color: #fff;
}
.contactleft{
	width: 28%;
}
.home_contact .text{
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 40px 0;
	display: table;
}
.home_contact .ewm{
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	display: table;
}

.map{
	width: 72%;
	overflow: hidden;
	margin: 50px 0 0 0;
}
.ncontact .map{
	width: 100%;
}
.map p{
	overflow: hidden;
}
.map iframe{
	position: relative;
	left: 50%;
	margin-left: -960px;
}


.cr{
	width: 80%;
	padding: 10px 10%;
	position: absolute;
	left: 0;
	bottom: 20px;
	line-height: 20px;
	font-size: 14px;
	text-align: right;
	color: #fff;
	opacity: .3;
}
.cr a{
	font-size: 14px;
	color: #fff;
}


.wapv{
	display: none;
}


.home_banner .cr{
	display: none;
}




.nbanner{
	height: 434px;
	background: url("../images/banner_about.jpg") center no-repeat;
}

.bnavbg{
	background: #103c85;
}
.bnav{
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	width: 80%;
	margin: 0 auto;
}
.bnav img{
	display: inline-block;
	border-left: 1px solid #7992bb;
	border-right: 1px solid #7992bb;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.bnav a{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
}


.nbg{
	background: #f8f8f8;
}

.cate{
	width: 80%;
	margin: 0 auto;
	line-height: 70px;
}
.cate li{
	display: block;
	float: left;
	margin: 0 30px 0 0;
	width: auto;
	height: auto;
	background: none;
	opacity: 1;
	outline: none;
}
.cate li a{
	display: block;
	border-bottom: 5px solid #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.swiper-pagination-bullet-active a,
.cate li.this a,
.cate li:hover a{
	color: #103c85;
	border-bottom: 5px solid #103c85;
}

.ncontainer{
	width: 80%;
	margin: 0 auto;
}
.ntitle{
	font-size: 30px;
	color: #103c85;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	margin: 0 0 50px 0;
}
.ntitle:after{
	width: 62px;
	height: 5px;
	background: #103c85;
	display: block;
	margin: 8px auto 0 auto;
	content: '';
}

.nabout .text{
	font-size: 14px;
	line-height: 36px;
	color: #282828;
}

.nnum{
	background: none;
}
.nnum li span{
	color: #103c85;
	font-weight: normal;
}
.nnum li font{
	color: #000;
	opacity: .4;
}
.nnum li b{
	color: #000;
}
.nnum li .numtitle{
	color: #000;
}
.nnum li .nump{
	color: #000;
	opacity: .3;
}










.footerbg{
	background: #3e3e3e;
	color: #fff;
	padding: 0 0 40px 0;
}
.footerbg .ncontainer{
}
.fewm{
	width: 16%;
	background: #103c85;
	font-size: 14px;
	line-height: 34px;
	text-align: center;
	padding: 0 0 25px 0;
}
.fewm .pic{
	width: 90%;
	max-width: 117px;
	margin: 25px auto 0 auto;
}

.fmenu{
	margin: 50px 0 0 5%;
	width: 34%;
}
.fmenu ul{
	line-height: 44px;
	padding: 17px 0;
	border-top: 1px solid #818181;
	border-bottom: 1px solid #818181;
}
.fmenu ul li{
	display: block;
	width: 25%;
	float: left;
	text-align: center;
}
.fmenu ul li a{
	font-size: 14px;
	color: #e9e9e9;
	padding: 0 0 0 15px;
	background: url("../images/icon_fmenu.png") center left no-repeat;
}
.fmenu ul li img{
	vertical-align: middle;
	display: inline-block;
	margin: 0 10px 0 0;
}
.fcr{
	line-height: 12px;
	margin: 10px 0 0 0;
	font-size: 12px;
	color: #b2b2b2;
}
.fcr a{
	color: #b2b2b2;
	font-size: 12px;
}
.ctel.ftel{
	margin: 80px 5% 0 5%;
	width: 11%;
}

.fcontact{
	width: 18%;
	font-size: 14px;
	line-height: 32px;
	margin: 50px 0 0 0;
}

.env li{
	display: block;
	float: left;
}
.env li p{
	font-size: 14px;
	color: #4c4c4c;
	margin: 10px 0 0 0;
	text-align: center;
}


.ncontact table{
	table-layout: fixed;
	width: 100%;
	max-width: 100%;
	display: block;
}
.ncontact .text{
	font-size: 18px;
	color: #545454;
	line-height: 36px;
}

.map{
	overflow: hidden;
}
.map p{
	overflow: hidden;
}
.ncontact .map{
	height: 450px;
	position: relative;
}
.ncontact .map iframe{
	position: absolute;
	left: 50%;
	margin-left: -960px;
}


.nservice{
	position: relative;
}
.nservice .service_slide{
	margin: 0;
}
.nservice .service_slide .pic{
	width: 49%;
}
.nservice .service_slide .servicetext{
	margin: 0 0 0 3%;
	width: 48%;
}
.nservice .service_slide .service_title{
	color: #103c85;
	border-color: #103c85;
	width: 80%;
}
.nservice .service_slide .text{
	color: #1e1e1e;
	width: 80%;
	opacity: 1;
}
.nservice .swiper_button_prev_service,
.nservice .swiper_button_next_service{
	background: url("../images/arrow_service_3.png") center no-repeat;
	left: 52%;
	bottom: 0;
}
.nservice .swiper_button_prev_service:hover,
.nservice .swiper_button_next_service:hover{
	background: url("../images/arrow_service_2.png") center no-repeat;
}


.nfzlcul{
	text-align: center;
}
.nfzlcul li{
	display: inline-block;
	position: relative;
	padding: 15px 0 0 0;
	margin: 0 0 20px 0;
}
.nfzlcul li .text{
	position: absolute;
	left: 30px;
	top: 0;
	font-size: 14px;
	line-height: 24px;
	z-index: 9;
}
.nfzlcul li:nth-child(1) .text{
	left: 15px;
}
.nfzlcul li:nth-child(2) .text{
	left: 90px;
}

.nfzlcul li .time{
	position: absolute;
	left: 30px;
	bottom: 87px;
	text-align: right;
	font-size: 12px;
	line-height: 20px;
	font-style: italic;
	color: #fff;
	z-index: 9;
}
.nfzlcul li .time span{
	display: block;
	font-size: 17px;
	font-weight: bold;
}
.nfzlcul li:nth-child(2) .time{
	left: 70px;
}
.nfzlcul li:nth-child(3) .time{
	left: 60px;
}
.nfzlcul li:nth-child(4) .time{
	left: 60px;
}
.nfzlcul li .time:before{
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	border: 2px solid #00a0e9;
	border-radius: 50%;
	left: 50%;
	margin-left: -7px;
	bottom: 112px;
	position: absolute;
}
.nfzlcul li .time:after{
	content: '';
	display: block;
	width: 1px;
	height: 70px;
	left: 50%;
	bottom: 43px;
	position: absolute;
	background: #00a0e9;
}


.nfzlcul li:nth-child(2) .time:before{ border-color: #22ac38; }
.nfzlcul li:nth-child(3) .time:before{ border-color: #e60617; }
.nfzlcul li:nth-child(4) .time:before{ border-color: #f7841a; }
.nfzlcul li:nth-child(5) .time:before{ border-color: #8fc31f; }


.nfzlcul li:nth-child(2) .time:after{ background: #22ac38; }
.nfzlcul li:nth-child(3) .time:after{ background: #e60617; }
.nfzlcul li:nth-child(4) .time:after{ background: #f7841a; }
.nfzlcul li:nth-child(5) .time:after{ background: #8fc31f; }





.nhonorul li{
	display: block;
	float: left;
	position: relative;
}
.nhonorul li a{
	display: block;
	border: 1px solid #cdcdcd;
	padding: 28px 28px 44px 28px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.nhonorul li .pic{
	z-index: 2;
	position: relative;
}
.nhonorul li p{
	background: #cdcdcd;
	line-height: 44px;
	position: absolute;
	text-align: center;
	width: 100%;
	color: #282828;
	font-size: 14px;
	left: 0;
	bottom: 0;
	z-index: 1;
	padding: 20px 0 0 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;
}
.nhonorul li:hover a{
	border-color: #103c85;
}
.nhonorul li:hover p{
	background: #103c85;
	color: #fff;
}


.honor{
	position: relative;
	padding: 0 0 40px 0;
}
.swiper-pagination-honor{
	width: 100%;
	bottom: 0;
}
.swiper-pagination-honor span{
	opacity: 1;
	width: 6px;
	height: 6px;
	border: 2px solid #818181;
	background: #fff;
	margin: 0 4px;
	vertical-align: middle;
}
.swiper-pagination-honor span.swiper-pagination-bullet-active{
	opacity: 1;
	border: 4px solid #103c85;
	background: #fff;
	vertical-align: middle;
}

.nteamul{
}
.nteamul li{
	height: auto;
	float: left;
	width: 23.5%;
	margin: 0 2% 2% 0;
}
.nteamul li:nth-child(4n){
	margin: 0 0 2% 0;
}
.nteamul li a{
	padding: 20px;
}



.job .text{
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	margin: -20px 0 0 0;
}
.jobul{
	margin: 30px 0 0 0;
}
.jobul li{
	float: left;
	display: block;
	width: 18.8%;
	margin: 0 3.1%;
	position: relative;
}
.jobul li .text{
	position: absolute;
	width: 60%;
	text-align: left;
	margin: 45% 20% 0 20%;
	top: 0;
	left: 0;
	letter-spacing: 1px;
}
.jobul li:nth-child(1) .text{ color: #eab400; }
.jobul li:nth-child(2) .text{ color: #45a3a7; }
.jobul li:nth-child(3) .text{ color: #d5518d; }
.jobul li:nth-child(4) .text{ color: #eb5d78; }




.recul li{
	display: block;
	position: relative;
	padding: 25px 0;
	border-bottom: 1px solid #d6d6d6;
}
.recul li .pic{
	width: 24%;
	border: 3px solid rgba(0,0,0,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;
}
.recul li:hover .pic{
	border: 3px solid #000;
}
.recul li .text{
	width: 73%;
}
.recul li .text .rectitle{
	font-size: 20px;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 76%;
}
.recul li .text .time{
	font-size: 30px;
	color: #858585;
}
.recul li .text .text{
	font-size: 12px;
	width: 80%;
	color: #787878;
	max-height: 16px;
	margin: 15px 0 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.recul li .text .arrow{
	width: 38px;
	height: 38px;
	background: url("../images/arrow_rec_1.jpg");
	position: absolute;
	left: 27%;
	bottom: 25px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.recul li:hover .text .arrow{
	background: url("../images/arrow_rec_2.jpg");
}
.recul li .text .more{
	position: absolute;
	right: 0;
	bottom: 25px;
	width: 90px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #c0c0c0;
	font-size: 12px;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.recul li:hover .text .more{
	background: #000;
}




.nnewscontainer{
	width: 72%;
	padding: 3%;
	background: #fff;
	border: 1px solid #eeeeee;
}
.nnewstj{
	width: 16%;
	padding: 2%;
	background: #fff;
	border: 1px solid #eeeeee;
}
.nnewstj .tjtitle{
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.nnewstj li{
	display: block;
	margin: 0 0 20px 0;
}
.nnewstj li strong{
	font-size: 16px;
	display: block;
	font-weight: normal;
	margin: 10px 0 20px 0;
	line-height: 25px;
	max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.nnewstj li p{
	font-size: 12px;
	color: #787878;
	line-height: 22px;
	max-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


.nqywh li{
	display: block;
	background: #f8f8f8;
}
.nqywh li .text{
	width: 50%;
	position: relative;
}
.nqywh li .text .whtext{
	width: 60%;
	padding: 0 0 0 5%;
	float: left;
	margin-top: 9% !important;
}
.nqywh li:nth-child(1) .text .whtext,
.nqywh li:nth-child(3) .text .whtext{
	margin: 0 0 0 15%;
}
.nqywh li .text .whtext h3{
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #103c85;
	margin: 0 0 40px 0;
}
.nqywh li .text .whtext p{
	color: #282828;
	font-size: 14px;
	line-height: 36px;
}
.nqywh li .text .whtext strong{
	font-size: 18px;
}
.nqywh li .text .whtext span{
	display: inline-block;
}
.nqywh li:nth-child(1) .text .whtext span{ width: 108px; }

.nqywh li .pic{
	width: 50%;
}


.nteambg{
	position: relative;
	z-index: 1;
}
.nteambg:after{
	position: absolute;
	width: 100%;
	height: 1px;
	background: #cdcdcd;
	content: '';
	display: block;
	top: 50%;
	margin-top: -9px;
	left: 0;
	z-index: -1;
}

.nteam li{
	display: block;
	float: left;
	width: 33.333%;
	text-align: center;
}
.nteam li .teampic img{
	max-width: 100%;
}
.nteam li .text{
	text-align: justify;
	font-size: 14px;
	line-height: 26px;
	color: #282828;
}

.nteam li:nth-child(1) .teampic img{
	display: block;
}
.nteam li:nth-child(2) .teampic img{
	display: block;
	margin: 0 auto;
}
.nteam li:nth-child(3) .teampic img{
	display: block;
	margin: 0 0 0 13%;
}
.nteam li:nth-child(1) .text{
	width: 79%;
	margin: 0 0 0 21%;
}
.nteam li:nth-child(2) .text{
	width: 45%;
	margin: 0 auto;
	height: auto !important;
}
.nteam li:nth-child(3) .text{
	width: 80%;
	margin: 0 0 0 20%;
}




.ncaseul li{
	display: block;
	float: left;
	margin: 0 2% 2% 0;
	width: 23.5%;
}
.ncaseul li:nth-child(4n){
	margin: 0 0 2% 0;
}
.ncaseul li p{
	line-height: 50px;
	padding: 0 15px;
	background: #dfdfdf;
	font-weight: bold;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ncaseul li:hover p{
	background: #103c85;
	color: #fff;
}




.home_banner_wap{
	display: none;
}



.ndevbg{
	z-index: 1;
}
.ndevbg li{
	display: block;
	text-align: center;
}
.ndevbg li .year{
	color: #282828;
	font-size: 30px;
	font-weight: bold;
}
.ndevbg li .dot{
	width: 8px;
	height: 8px;
	background: #2a64c4;
	border-radius: 50%;
	margin: 20px auto 40px auto;
}
.ndevbg li .text{
	text-align: left;
	padding: 25px;
	background: #fff;
	border-radius: 20px;
	font-size: 14px;
	line-height: 26px;
	position: relative;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
}
.ndevbg li .text:before{
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 15px solid #fff;
	content: '';
	display: block;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -25px;
}


.ndevbg{
	position: relative;
}
.ndev{
	padding: 0 10px 10px 10px;
}
.ndevbg .swiper_button_prev_dev,
.ndevbg .swiper_button_next_dev{
	width: 40px;
	height: 40px;
	background: url("../images/arrow_dev.png") center no-repeat;
	position: absolute;
	top: 44px;
	cursor: pointer;
	outline: none;
	z-index: 9;
}
.ndevbg .swiper_button_prev_dev{
	transform: rotate(180deg);
	left: 7%;
}
.ndevbg .swiper_button_next_dev{
	right: 7%;
}
.ndevbg:after{
	width: 100%;
	height: 0;
	border-bottom: 1px dashed #dfdfdf;
	content: '';
	display: block;
	left: 0;
	top: 64px;
	position: absolute;
	z-index: -1;
}



















@media screen and (max-height: 800px) {
	.container{
		margin: 50px 0 0 0;
	}
	.num li span{
		font-size: 60px;
		line-height: 60px;
	}
}
@media screen and (max-height: 720px) {
	.container{
		margin: 50px 0 0 0;
	}
	.num{
		margin: 30px 0 0 0;
	}
	.num li{
		padding: 30px 0;
	}
	.num li span{
		font-size: 40px;
		line-height: 40px;
	}
	.num li font{
		font-size: 20px;
		line-height: 10px;
	}
	.num li b{
		margin: 0 0 0 -10px;
		font-size: 12px;
	}
	.stitle{
		font-size: 30px;
		line-height: 30px;
	}
	.home_about .about .more{
		margin: 20px 0 0 0;
	}
	.service_slide .pic{
		width: 50%;
	}
	.service_slide .servicetext{
		width: 45%;
		margin: 0 0 0 5%;
	}
	.swiper_button_next_service,
	.swiper_button_prev_service{
		left: 55%;
	}
	.home_corp .corp_icon .corppic{
		width: 220px;
		bottom: 40px;
	}
	.home_corp .corp_icon .corppic img{
		width: 220px;
	}
	.home_corp .corp_icon .stitle{
		top: 12%;
	}
	.advul{
		width: 90%;
		margin: 0 auto;
	}
}
@media screen and (max-height: 600px) {
	.stitle{
		font-size: 28px;
		line-height: 28px;
	}
	.home_about .about{
		width: 55%;
	}
	.home_about .about .text{
		font-size: 12px;
		line-height: 24px;
	}
	.home_about .about .more{
		font-size: 12px;
		width: 120px;
		line-height: 34px;
	}
	.home_about .video{
		margin: 40px 0 0 0;
	}
	.num{
		margin: 20px 0 0 0;
	}
	.num li .numtitle{
		font-size: 16px;
		margin: 5px 0 0 0;
	}
	.service_cate li{
		line-height: 40px;
	}
	.service_cate li a{
		font-size: 12px;
	}
	.service_slide .servicetext .service_title{
		line-height: 38px;
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	.service_slide .servicetext .text{
		font-size: 14px;
		line-height: 24px;
	}
	.home_corp .corp_icon li{
		width: 10%;
		margin-left: 3.333% !important;
		margin-right: 3.333% !important;
	}
	.home_corp .corp_icon li:nth-child(2){ margin: 31% 0 0 0;}
	.home_corp .corp_icon li:nth-child(3){ margin: 23% 0 0 0;}
	.home_corp .corp_icon li:nth-child(4){ margin: 11% 0 0 0;}
	.home_corp .corp_icon li:nth-child(5){ margin: 0 0 0 0;}
	.home_corp .corp_icon li:nth-child(6){ margin: 0 0 22% 0;}
	.home_corp .corp_icon li:nth-child(7){margin: 0 0 27% 0;}
	.home_corp .corp_icon li p{
		font-size: 16px;
		line-height: 24px;
	}
	.home_corp .corp_icon li span{
		font-size: 40px;
	}
	.home_corp .corp_icon .corppic{
		bottom: 15px;
		width: 180px;
	}
	.home_corp .corp_icon .corppic img{
		width: 180px;
	}
	.advul .adv .advnum{
		font-size: 40px;
	}
	.advul .adv span{
		font-szie: 16px;
		line-height: 24px;
	}
	.advul .adv p{
		font-size: 12px;
		line-height: 24px;
	}
	.cr{
		bottom: 10px;
	}
	.ctel{
		margin: 0 0 20px 0;
		padding: 10px 30px;
	}
	.home_contact .ewm{
		font-size: 12px;
	}
	.home_contact .pic{
		max-width: 90px;
		margin: 0 auto;
	}
	.home_contact .text{
		margin: 0 0 20px 0;
	}
	.map{
		margin: 0;
		max-height: 330px;
	}
	.home_adv .stitle{
		top: 0;
	}
}




@media screen and (max-width: 1600px) {
	.ctel.ftel a{
		font-size: 20px;
	}
	.fmenu{
		width: 30%;
	}
	.fcontact{
		width: 20%;
		text-align: left;
	}
	.fcr{
		line-height: 16px;
		word-break: keep-all;
		text-align: left;
	}
	.nqywh li .text .whtext{
		width: 75%;
	}
	.nqywh li .text .whtext p{
		line-height: 30px;
	}
}
@media screen and (max-width: 1440px) {
	.ncontainer{
		width: 90%;
	}
	.header{
		width: 90%;
		padding: 0 5%;
	}
	.bnav{
		width: 90%;
	}
	.cate{
		width: 90%;
	}
	.nqywh li .text .whtext{
		padding: 0 0 0 3%;
		width: 83%;
	}
	.nqywh li .text .whtext h3{
		font-size: 24px;
	}
	.nqywh li .text .whtext p{
		font-size: 12px;
		line-height: 24px;
	}
	.nqywh li .text .whtext strong{
		font-size: 17px;
	}
	.nqywh li:nth-child(1) .text .whtext span{
		width: 102px;
	}
	.nqywh li:nth-child(1) .text .whtext,
	.nqywh li:nth-child(3) .text .whtext{
		margin: 0 0 0 10%;
	}
	
}
@media screen and (max-width: 1366px) {
	.home_corp .corp_icon .corppic{
		width: 250px;
		bottom: 10px;
	}
	.home_corp .corp_icon .corppic img{
		width: 250px;
	}
	.service_slide .pic{
		width: 56%;
	}
	.swiper_button_prev_service,
	.swiper_button_next_service{
		left: 60%;
	}
	.service_slide .servicetext{
		width: 40%;
	}
	.num li font{
		font-size: 26px;
	}
	.num li b{
		font-size: 16px;
	}
	.jobul li{
		width: 23%;
		margin: 0 1%;
	}
}
@media screen and (max-width: 1280px) {
	.swiper-container-vertical>.swiper-pagination-bullets{
		right: 2%;
	}
	.header{
		width: 90%;
		padding: 0 5%;
	}
	.container{
		width: 90%;
	}
	.mx1200{
		width: 100%;
	}
	.home_corp .corp_icon .corppic{
		width: 230px;
		bottom: 20px;
	}
	.home_corp .corp_icon .corppic img{
		width: 230px;
	}
	.ctel{
		margin: 10px 0 20px 0;
	}
	.ctel.ftel{
		margin: 70px 5% 0 5%;
		width: 11%;
		padding: 15px 20px;
	}
	.fcontact{
		width: 24%;
	}
	.fewm{
		width: 14%;
		font-size: 12px;
	}
	.fewm .pic{
		width: 80%;
	}
	.fmenu{
		margin: 50px 0 0 4%;
	}
	.fmenu ul{
		line-height: 30px;
	}
	.fmenu ul li a{
		font-size: 12px;
		padding: 0 0 0 10px;
	}
	.ctel.ftel{
		width: 15%;
		margin: 70px 3% 0 3%;
		text-align: center;
	}
	.nservice .service_slide .service_title{
		width: 100%;
	}
	.nservice .service_slide .text{
		width: 100%;
	}
}
@media screen and (max-width: 1200px) {
	.nservice .service_slide .text{
		line-height: 24px;
	}
	.nservice .service_slide .service_title{
		line-height: 40px;
		font-size: 18px;
	}
	.nqywh li .text .whtext strong{
		font-size: 14px;
	}
	.nqywh li:nth-child(1) .text .whtext span{
		display: none;
	}
	.nqywh li .text .whtext h3{
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 1024px) {
	.menu li a{
		font-size: 14px;
	}
	.home_corp .corp_icon li{
		width: 10%;
		margin-left: 3.333% !important;
		margin-right: 3.333% !important;
	}
	.home_corp .corp_icon li:nth-child(2){ margin: 31% 0 0 0;}
	.home_corp .corp_icon li:nth-child(3){ margin: 23% 0 0 0;}
	.home_corp .corp_icon li:nth-child(4){ margin: 11% 0 0 0;}
	.home_corp .corp_icon li:nth-child(5){ margin: 0 0 0 0;}
	.home_corp .corp_icon li:nth-child(6){ margin: 0 0 22% 0;}
	.home_corp .corp_icon li:nth-child(7){margin: 0 0 27% 0;}
	.home_corp .corp_icon li p{
		font-size: 16px;
		line-height: 24px;
	}
	.home_corp .corp_icon li span{
		font-size: 40px;
	}
	.home_corp .corp_icon .corppic{
		bottom: 15px;
		width: 180px;
	}
	.home_corp .corp_icon .corppic img{
		width: 180px;
	}
	.service_slide .servicetext .service_title{
		line-height: 38px;
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	.swiper_button_next_service,
	.swiper_button_prev_service{
		left: 60%;
	}
	.nservice .service_slide .service_title{
		width: 100%;
	}
	.nservice .service_slide .text{
		width: 100%;
	}
	.jobul li .text{
		font-size: 12px;
		line-height: 20px;
	}
}
@media screen and (max-width: 768px) {
	.header{
		width: 94%;
		padding: 10px 3%;
	}
	.logo{
		width: 10%;
	}
	.ttel{
		width: 30%;
	}
	.menu{
		display: block;
	}
	.menu li{
		width: 25%;
		float: left;
		line-height: 30px;
	}
	.stitle{
		margin: 0 0 20px 0;
	}
	.home_about .about{
		width: 55%;
	}
	.home_about .video{
		width: 42%;
		margin: 0 0 0 auto;
	}
	.swiper-container-vertical>.swiper-pagination-bullets{
		right: 1%;
	}
	.container{
		width: 94%;
	}
	.num li .numtitle{
		font-size: 14px;
	}
	.num li span{
		font-size: 40px;
		line-height: 40px;
	}
	.home_about .mx1200{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.num li font{
		font-size: 20px;
	}
	.num li b{
		font-size: 14px;
		margin: 0 0 0 -10px;
	}
	.num li .numtitle{
		margin: 7px 0 0 0;
	}
	.num li .nump{
		margin: 5px 0 0 0;
	}
	.service_cate li{
		line-height: 40px;
	}
	.service_cate li a{
		font-size: 12px;
	}
	.service_slide .servicetext .text{
		font-size: 12px;
		line-height: 24px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}
	.swiper_button_next_service,
	.swiper_button_prev_service{
		bottom: 0;
	}
	.home_corp .corpline{
		background-size: contain;
	}
	.advul .adv span{
		font-size: 16px;
		line-height: 20px;
	}
	.advul .adv p{
		font-size: 12px;
		line-height: 20px;
	}
	.advul .adv .advnum{
		font-size: 40px;
	}
	.contactleft{
		width: 37%;
	}
	.map{
		width: 63%;
	}
	.ncontainer{
		width: 94%;
	}
	.bnav{
		width: 94%;
	}
	.cate{
		width: 94%;
	}
	.ftel{
		display: none;
	}
	.fewm{
		width: 17%;
	}
	.fmenu{
		width: 40%;
		margin: 30px 3% 0 3%
	}
	.fcontact{
		width: 36%;
		margin: 30px 0 0 0;
		font-size: 14px;
		line-height: 24px;
	}
	.service_slide .servicetext .text{
		-webkit-line-clamp: 3;
	}
	.recul li .text .arrow{
		display: none;
	}
	.recul li .text .more{
		position: relative;
		right: auto;
		bottom: auto;
		float: none;
		margin: 10px 0 0 0;
	}
	.recul li .text .rectitle{
		font-size: 15px;
	}
	.recul li .text .time{
		font-size: 15px;
	}
	.recul li .text .text{
		margin: 10px 0 0 0;
	}
	.job .text{
		text-align: left;
	}
	.jobul li{
		width: 30%;
		margin: 5% 10%;
	}
	.nqywh li:nth-child(1) .text .whtext,
	.nqywh li:nth-child(3) .text .whtext{
		margin: 0;
	}
	.nqywh li .text .whtext{
		margin: 0 !important;
		width: 90%;
		padding: 5% 5%;
	}
	.nqywh li .text,
	.nqywh li .pic{
		float: none;
		width: 100%;
		height: auto !important;
	}
	.nteam li .text{
		margin: 0 auto !important;
		width: 80% !important;
	}
	.nbanner{
		height: 250px;
		margin: 90px 0 0 0;
	}
	.home_banner_pc{
		display: none;
	}
	.home_banner_wap{
		display: block;
	}

	
}
	.page a{
		margin: 0 2px;
	}
@media screen and (max-width: 768px) and (max-height: 1024px) {
	.home_adv .stitle{
		top: -70px;
	}
}
@media screen and (max-width: 414px) {
	.ndevbg .swiper_button_prev_dev{
		left: 2%;
	}
	.ndevbg .swiper_button_next_dev{
		right: 2%;
	}
	.ndevbg li .year{
		font-size: 20px;
		line-height: 40px;
	}
	.nteamul li{
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.nteamul li:nth-child(2n),
	.nteamul li:nth-child(4n){
		margin: 0 0 2% 0;
	}
	.page a.pagetotal,
	.page a.pagep,
	.page a.pagenum{
		display: none;
	}
	.logo{
		width: 13%;
	}
	.menu{
		display: none;
	}
	.ttel{
		width: 35%;
		line-height: 22px;
	}
	.ttel span{
		font-size: 12px;
	}
	.ttel a{
		font-size: 17px;
	}
	.lan{
		margin: 0 auto 0 0;
		line-height: 22px;
	}
	.lan a{
		font-size: 12px;
		width: 36px;
	}
	.stitle{
		font-size: 20px;
		line-height: 20px;
		padding: 0 0 10px 0;
	}
	.home_about .mx1200{
		display: block;
	}
	.home_about .about{
		width: 100%;
	}
	.home_about .video{
		display: none;
	}
	.home_about .about .more{
		display: none;
	}
	.swiper-pagination-home{
		display: none;
	}
	.num{
		display: block;
		margin: 20px 0 0 0;
	}
	.num li{
		padding: 15px 0;
		width: 50%;
		float: left;
	}
	.num li font{
		font-size: 18px;
		line-height: 10px;
	}
	.num li b{
		font-size: 12px;
	}
	.num li span{
		font-size: 30px;
		line-height: 30px;
	}
	.service_cate{
		display: block;
	}
	.service_cate li{
		float: left;
		width: 19.6%;
		margin: 0 0.5% 0.5% 0;
		line-height: 30px;
	}
	.service_cate li:nth-child(5n){
		margin: 0 0 0.5% 0;
	}
	.service_slide{
		margin: 20px 0 0 0;
	}
	.service_slide .pic{
		width: 100%;
	}
	.service_slide .swiper-slide{
		display: block;
	}
	.service_slide .servicetext{
		width: 100%;
		margin: 20px 0 0 0;
	}
	.swiper_button_next_service{
		left: 50%;
		margin-left: 1px;
		bottom: 90px;
	}
	.swiper_button_prev_service{
		left: auto;
		right: 50%;
		margin-right: 1px;
		bottom: 90px;
	}
	.swiper_button_prev_service,
	.swiper_button_next_service{
		width: 30px;
		height: 30px;
		background-size: cover !important;
	}
	.cr{
		bottom: 10px;
		font-size: 12px;
		line-height: 18px;
		word-break: keep-all;
		padding: 0 5%;
		width: 90%;
		text-align: center;
	}
	.cr a{
		font-size: 12px;
		line-height: 18px;
	}
	.home_service .container{
		padding: 20px 0 40px 0;
	}
	.swiper_button_prev_service,
	.swiper_button_next_service{
		bottom: 0;
	}
	.service_slide .servicetext .text{
		-webkit-line-clamp: 3;
	}
	.container{
		margin: 0;
	}
	.home_corp .corpline{
		display: none;
	}
	.home_corp .corp_icon{
		display: block;
	}
	.home_corp .corp_icon li{
		float: left;
		width: 23.333%;
		margin: 5% !important;
	}
	.home_corp .corp_icon .stitle{
		position: relative;
		left: auto;
		top: auto;
	}
	.home_about .about .text{
		font-size: 12px;
		line-height: 28px;
	}
	.home_corp .corp_icon .corppic{
		display: none;
	}
	.pcv{
		display: none;
	}
	.wapv{
		display: block;
	}
	.advul .adv{
		width: 66.666%;
	}
	.advul{
		width: 100%;
		margin: 0 auto;
	}
	.advul .adv3{
		margin: 0;
	}
	.advul .adv4{
		margin: 0;
		width: 100%;
	}
	.home_adv .stitle{
		top: auto;
		left: auto;
		position: relative;
	}
	.home_adv .container{
	}
	.caseul{
		margin: 20px 0 0 0;
	}
	.caseul li,
	.caseul li:nth-child(3n){
		width: 49%;
		margin: 0 2% 2% 0;
	}
	.caseul li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.caseul li p{
		font-size: 12px;
		background-size: contain;
	}
	.caseul li.case_more .more{
		width: 120px;
		line-height: 34px;
		font-size: 12px;
		margin-left: -60px;
		margin-top: -17px;
	}
	.caseul li:nth-child(6),
	.caseul li:nth-child(7){
		display: block;
	}
	.contactleft{
		width: 100%;
	}
	.ctel{
		width: 90%;
		padding: 10px 5%;
		text-align: center;
	}
	.home_contact .text{
		width: 60%;
		float: left;
		font-size: 12px;
	}
	.home_contact .ewm{
		width: 40%;
		float: left;
	}
	.home_contact .pic{
		max-width: 100px;
		margin: 0 auto;
	}
	.map{
		width: 100%;
		margin: 0;
		max-height: 200px;
	}
	.fmenu{
		width: 69%;
		margin: 0 0 0 3%;
	}
	.fcontact{
		width: 69%;
		margin: 20px 0 0 3%;
		font-size: 12px;
		line-height: 20px;
	}
	.footerbg{
		padding: 0 0 20px 0;
	}
	.fmenu ul{
		display: none;
	}
	.fewm{
		width: 28%;
	}
	.fcr{
	}
	.cate{
		line-height: 40px;
	}
	.cate li{
		width: 20%;
		margin: 0;
		text-align: center;
	}
	.cate li a{
		font-size: 14px;
	}
	.nservice .service_slide .pic{
		width: 100%;
	}
	.nservice .service_slide .servicetext{
		width: 100%;
		margin: 0;
		padding: 0 0 70px 0;
	}
	.nservice .swiper_button_prev_service{
		left: 50%;
		margin-left: -50px;
		margin-right: 0;
		right: auto;
	}
	.nservice .swiper_button_next_service{
		left: 50%;
		right: auto;
	}
	.casecate li{
		width: 33.333%;
	}
	
	.ntitle{
		font-size: 26px;
		line-height: 26px;
		margin: 0 0 20px 0;
	}
	.ncaseul li,
	.ncaseul li:nth-child(4n){
		width: 49%;
	}
	.ncaseul li:nth-child(2n){
		margin: 0 0 2% 0;
	}
	.recul li .pic{
		width: 40%;
	}
	.recul li .text{
		width: 56%;
	}
	.recul li .text .more{
		width: 80px;
		line-height: 24px;
	}
	.jobul li{
		width: 48%;
		margin: 1%;
	}
	.jobul li .text{
		width: 65%;
		margin: 45% 17% 0 17%;
		text-align: justify;
	}
	.nteam li{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.nteam li .teampic img{
		margin: 0 auto !important;
	}
	.nteam li .text{
		height: auto !important;
		margin: 3% auto !important;
		padding: 0 !important;
	}
	.nteambg:after{
		display: none;
	}
	.nfzlcul li{
		margin: 0;
	}
	
	.header{
	}
	.header .menubut{
		display: block;
		position: absolute;
		right: 3%;
		top: 50%;
		margin-top: -14px;
		z-index: 9;
		width: 24px;
		height: 20px;
		background: #103c85;
		padding: 5px;
		border-radius: 4px;
	}
	.header .menubut:before{
		width: 24px;
		height: 3px;
		background: #fff;
		position: absolute;
		display: block;
		content: '';
		top: 50%;
		margin-top: -2.5px;
	}
	.header .menubut:after{
		width: 24px;
		height: 13px;
		position: absolute;
		display: block;
		content: '';
		border-top: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
	.header .menuclose{
		display: none;
		position: absolute;
		right: 10%;
		top: 34px;
		z-index: 999;
	}
	.header .menuclose:after{
		width: 24px;
		height: 3px;
		background: #103c85;
		position: absolute;
		display: block;
		content: '';
		transform: rotate(45deg);
	}
	.header .menuclose:before{
		width: 24px;
		height: 3px;
		background: #0161a4;
		position: absolute;
		display: block;
		content: '';
		transform: rotate(-45deg);
	}
	
	.menu{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		overflow: scroll;
		width: 50%;
		background: #fff;
		z-index: 99999;
	}
	.menu li{
		width: 100%;
		float: none;
		line-height: 50px;
	}
	.nbanner{
		height: 145px;
		margin: 70px 0 0 0;
	}
	.map{
		position: relative;
		overflow: hidden;
		height: 200px;
	}
	.map iframe{
		position: absolute;
		margin-top: -225px;
		top: 50%;
		left: 50%;
		margin-left: -960px;
	}
	.ncontact table *{
		font-size: 14px !important;
	}
	.ncontact table strong,
	.ncontact table strong *{
		font-size: 17px !important;
	}
	.ncontact table tbody,
	.ncontact table tr{
		display: block;
		width: 100%;
	}
	.ncontact table td{
		display: block;
		width: 33.333%;
		float: left;
		margin: 0 0 20px 0;
	}
	.ncontact table td img{
		width: 30px !important;
		height: 30px !important;
	}
	.ncontact table td:nth-child(4){
		clear: both;
	}
	.ncontact table td:nth-child(4),
	.ncontact table td:nth-child(5){
		width: 50%;
	}
	.nnewscontainer{
		width: 94%;
	}
	.nnewstj{
		display: none;
	}
	.newstext h2{
		font-size: 18px;
	}
	.home_banner_wap:after{
		display: block;
		width: 30px;
		height: 30px;
		background: url("../images/arrow_more.png") center no-repeat;
		background-size: cover;
		bottom: 40px;
		position: absolute;
		content: '';
		left: 50%;
		margin-left: -15px;
		z-index: 999;
		animation-duration: 2s; /*动画时间*/
		animation-fill-mode: both; /*播放后的状态*/
		animation-name: buzz-out;
		animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
		transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/
		cursor: pointer;
	}
}
@media screen and (max-width: 375px) {
	.recul li .text .time{
		font-size: 12px;
	}
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}


	@-webkit-keyframes buzz-out {
	  0%,
	  100%,
	  20%,
	  50%,
	  80% {
	  transition-timing-function: cubic-bezier(0.215,0.61,0.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
	  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
	  }
	  40%,
	  43%{
	  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
	  transform: translate3d(0,-20px,0);
	  }
	  70%{
	  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
	  transform: translate3d(0,-10px,0);
	  }
	  90%{
	  transform: translate3d(0,-4px,0);
	  }
	}













