@charset "gb2312";
/* CSS Document */

*{ margin:0; padding:0}
body{ font-size:14px; font-family:"microsoft yahei",arial;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden}
a{color:#535353;text-decoration:none; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color: rgba(0,0,0,0);
¡¡¡¡-webkit-tap-highlight-color: transparent;}
a:hover{color:#0f4cbf;}
img{ border:none;}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clearfix{clear:both;zoom:1}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
table{border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.col01{color:#0f4cbf;}
.col02{color:#666;}
.f12{ font-size:12px;}
.f13{ font-size:13px;}
input,textarea{font-family:"microsoft yahei"; font-size:12px; color:#666}
.wrap{ margin:0 auto; width:1200px;}
.header{ height:90px;position:fixed;top:0;left:0; width:100%; z-index:9999; background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.15); }
.logo{ padding-top:20px; transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;}
.logo img{transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s; height:58px;}
.menu{font-size:15px; border-left:1px solid #eee; width:70%}
.menu li.menuli{ float:left;width:12.5%; text-align:center; position:relative; box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu li.menuli a{ display:block;border-right:1px solid #eee;padding:15px 0 5px;line-height:70px;}
.menu li.menuli .menu-line{
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:2px;
	background:#0f4cbf;
	transition:.5s;
	-webkit-transition:.5s;
}
.menu li.menuli:hover .menu-line,.menu li.menuli.cur .menu-line{ width:100%}
.header-top{ position:relative;}
.header-down{ position:relative;top:0;left:0; background:rgba(15,76,161,0.6); width:100%;}
.nav-down-menu{ width:60%; display:none}
.nav-down-menu li{ line-height:50px; float:left; }
.nav-down-menu li a{ color:#fff;display:block; padding:0 20px;}
.header-down .menu-1{ margin-left:400px;}
.header-down .menu-2{ margin-left:650px;}
.header-down .menu-3{ margin-left:900px;}

.scroll .logo{ padding-top:13px;}
.scroll .logo img{ height:45px}
.scroll .menu li.menuli a{ padding:0}
.m-menubtn{ display:none; border-left:1px solid #eee; height:100%; width:50px; position:absolute;top:0;right:0; cursor:pointer}
.m-menubtn .line{ display:block; width:35%; height:3px;background:#0f4cbf; margin:0 auto 4px}
.m-menubtn .line:first-child{ margin-top:25px;}
.m-menu{ background:#fff; position:absolute; top:60px;width:100%; border-top:1px solid #eee; display:none;z-index:99}
.m-menu li .m-menu-1{ display:block; border-bottom:1px solid #eee;padding:12px 3%; font-size:15px; position:relative}
.m-menu li .m-menu-1 i{ position:absolute; top:13px; right:3%; width:17px; height:17px; background:url(../images/menu_list1.png) no-repeat; background-size:17px 17px;}
.m-menu li .m-menu-1.active{ background:#0f4cbf; color:#fff}
.m-menu li .m-menu-1.active i{ background:url(../images/menu_list2.png) no-repeat;top:8px;}
.m-menu li .m-menu-sed{ background:#f5f5f5; padding:10px 3%; display:none}
.m-menu li .m-menu-sed dd a{ color:#7c7c7c; display:block; line-height:30px;}
/*----------------------------*/

 .baner{ margin-top:90px;}
 .baner,

    .n_baner {

        position: relative;

        overflow: hidden

    }

 .n_baner {

        display: block

    }
 .baner {

        width: 100%

    }



    .baner_box {

        width: 1000px;

        margin: 0 auto

    }



    .n_baner {

        width: 1920px;

        margin: 0 -460px

    }
.flexslider{width:100%; overflow:hidden; z-index:0!important; position:relative}
@media screen and (min-width:1921px){
	.baner_box{ width:100%}
	.n_baner{ width:100%; margin:0;}
	.flexslider .slides img{width:100%}
	
}
/*---------------------------------*/

.i-about .left,.i-about .right{ float:left; width:50%; background:url(../images/aboutbg01-01.jpg) no-repeat center center; background-size:cover;position:relative;}
.i-about .left a,.i-about .right a{ color:#fff; display:block}
.i-about .right{ float:right;}
.i-about .left .pic{ position:absolute;left:0;top:0; height:100%; width:100%; overflow:hidden}
.i-about .left .pic img{ max-width:100%;}
.i-about .left .bg,.i-about .right .bg{ width:100%;height:100%; position:absolute; background:#0f4cbf; opacity:0.65;filter:alpha(opacity=65);z-index:1;}
.i-about .left .text,.i-about .right .text{ padding:45px 0 60px; text-align:center; width:75%; margin-left:15%; color:#fff; z-index:2; position:relative}
.i-about .left .text .title,.i-about .right .text .title{ font-size:35px; background:url(../images/title_bg.png) no-repeat center 15px; padding-bottom:15px; margin-bottom:30px;}
.i-about .left .text .more,.i-about .right .text .more{ width:132px; height:38px; display:block; background:url(../images/more.png) no-repeat; margin:30px auto 0; opacity:0.6;filter:alpha(opacity=60)}
.i-about .left .text h1,.i-about .left .text p{ display:inline; font-size:14px;}
.i-about .left .text .jianj,.i-about .right .text .jianj{ line-height:28px; color:#f8f8f8; text-align:left}
.i-about .right{ background:url(../images/aboutbg02.jpg) no-repeat center center;}
.i-about .right .bg{background:#009973;opacity:0.75;filter:alpha(opacity=75);}
.i-about .right .text{ margin-right:15%; margin-left:auto !important}
.i-about .left,.i-about .right,.i-about .left .bg,.i-about .right .bg{
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	}
.i-about .left:hover,.i-about .right:hover{ transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-moz-transform:translateY(-10px); box-shadow:0 10px 10px #b5b5b5;-webkit-box-shadow:0 10px 10px #b5b5b5}
.i-about .left:hover .bg,.i-about .right:hover .bg{opacity:0.8;filter:alpha(opacity=80);}
/*--------------------------------------*/
.title_i{font-size:30px; border-bottom:1px solid #d8d8d8; text-align:center; padding-bottom:22px; position:relative; margin-bottom:45px;}
.title_i .line{ width:115px; height:3px; background:#0f4cbf; position:absolute; left:50%;bottom:-1px;margin-left:-57.5px;}
.i-product{ padding:45px 0 55px;}
.i-productlist{ position:relative;}
.i-productlist .bd{ overflow:hidden}
.i-productlist .i-productlist-ul{ overflow:hidden;zoom:1;position:relative;}
.i-productlist .i-productlist-ul li{ float:left;_display:inline;width:380px;margin-right:30px;background:#f4f4f4;}
.i-productlist .i-productlist-ul li img{ width:380px; height:auto}
.i-productlist .i-productlist-ul li .tit{ padding:20px;}
.i-productlist .i-productlist-ul li h3{ color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding-bottom:10px;}
.i-productlist .i-productlist-ul li p{ color:#555; line-height:24px; font-size:13px;}
.i-productlist .next,.i-productlist .prev{ position:absolute; width:27px; height:35px; background:url(../images/prev01.jpg) #0b4da3 no-repeat left center; top:40%;cursor:pointer;opacity:0;filter:(opacity=0)}
.i-productlist .prev{left:27px;}
.i-productlist .next{ right:27px;background:url(../images/next01.jpg) #0b4da3 no-repeat left center; }
.i-productlist:hover .prev{ left:0; z-index:99;opacity:1;filter:(opacity=100)}
.i-productlist:hover .next{ right:0;z-index:99;opacity:1;filter:(opacity=100)}
.i-productlist .i-productlist-ul li,.i-productlist_1 .i-productlist-ul li{transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;}
.i-productlist .i-productlist-ul li:hover{background:#0f4cbf;}
.i-productlist .i-productlist-ul li:hover h3{ color:#fff}
.i-productlist .i-productlist-ul li:hover p{color:#ccc}

.i-product_1{ background:#f4f4f4;}
.i-productlist_1{ position:relative;}
.i-productlist_1 .bd{ overflow:hidden}
.i-productlist_1 .i-productlist-ul li{ float:left;_display:inline;width:380px; margin-right:30px; background:#fff}
.i-productlist_1 .i-productlist-ul li img{ width:100%; height:auto}
.i-productlist_1 .i-productlist-ul li .tit{ padding:20px}
.i-productlist_1 .i-productlist-ul li h3{ color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;padding-bottom:10px;}
.i-productlist_1 .i-productlist-ul li p{ color:#555; line-height:24px; font-size:13px;}
.i-productlist_1 .next,.i-productlist_1 .prev{ position:absolute; width:27px; height:35px; background:url(../images/prev01.jpg) #0b4da3 no-repeat left center; top:40%;cursor:pointer; opacity:0;filter:(opacity=0)}
.i-productlist_1 .prev{left:27px;}
.i-productlist_1 .next{ right:27px;background:url(../images/next01.jpg) #0b4da3 no-repeat left center; }
.i-productlist_1:hover .prev{ left:0; z-index:99;opacity:1;filter:(opacity=100)}
.i-productlist_1:hover .next{ right:0;z-index:99;opacity:1;filter:(opacity=100)}
.i-productlist_1 .i-productlist-ul li:hover{background:#0f4cbf;}
.i-productlist_1 .i-productlist-ul li:hover h3{ color:#fff}
.i-productlist_1 .i-productlist-ul li:hover p{color:#ccc}

/*--------------------------------------*/
.i-case{ background:url(../images/casebg.jpg) no-repeat center top; padding:45px 0 55px;}
.i-case .title_i{ color:#fff; border-bottom:1px solid #b7b6b6}
.i-case .jianj{ color:#fff; line-height:26px;}
.i-caselist{ margin-top:40px;}
.i-caselist ul{ margin-right:-1.7%}
.i-caselist li{ float:left; width:23.3%; margin-right:1.7%; position:relative;}
.i-caselist li .pic{ overflow:hidden;}
.i-caselist li .pic img{ width:100%; height:auto; display:block}
.i-caselist li .tit{ position:absolute; left:5%; bottom:10%; padding:2% 3%;background:rgba(0,0,0,0.3); color:#fff; border:1px solid #ccc; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.i-caselist li,.i-caselist li .tit,.i-caselist li img{
	transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
}

.i-caselist li:hover .tit{ left:10%;}
.i-caselist li:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}

.i-custumer{padding:45px 0 45px; background:#f4f4f4;}
.i-custumerlist{overflow:hidden; position:relative;}
.i-custumerlist .hd{ overflow:hidden;}
.i-custumerlist .hd ul{overflow:hidden; zoom:1;text-align:center; }
.i-custumerlist .hd ul li{width:11px; height:11px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#ccc; border-radius:50%; display:inline-block;}
.i-custumerlist .hd ul li.on{ background:#F60 }

.i-custumerlist .bd{overflow:hidden; }
.i-custumerlist .bd ul{ overflow:hidden; zoom:1; width:100%;float:left; _display:inline;  }
.i-custumerlist .bd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:18.4%;margin-right:2%; background:#fff;height:98px; margin-bottom:2.5%;vertical-align:middle; border:1px solid #e8e8e8; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.i-custumerlist .bd li i{ display:inline-block; width:0; height:100%; vertical-align:middle}
.i-custumerlist .bd li img{ max-width:100%; max-height:100%;vertical-align:middle}
.i-custumerlist .bd ul li:nth-child(5n){ margin-right:0}

/*-----------------------------*/
.nbanner{height:400px; overflow:hidden; position:relative}
.nbanner .wrap{ position:relative;height:400px;}
.nbanner .wrap .nbanner-tit{ position:absolute; left:0; top:45%; color:#fff; opacity:0; font-size:15px; width:50%;}
.nbanner .wrap .nbanner-tit .line,.nbanner .wrap .nbanner-tit-1 .line{ width:35px; height:5px; background:#fff; margin-bottom:30px;}
.nbanner .wrap .nbanner-tit .nbanner-tit-t,.nbanner .wrap .nbanner-tit-1 .nbanner-tit-t{ font-size:30px; font-weight:bold; margin-bottom:15px;}
.nbanner .wrap .nbanner-tit-1{position:absolute; right:0; top:45%; color:#fff; opacity:0; font-size:15px; line-height:28px; width:400px;}
.nbanner .wrap .nbanner-tit span{background:rgba(15,76,191,0.8); padding:5px 10px; display:inline-block}

.nnav{ background:#fff;border-bottom: 1px solid #e5e5e5;}
.nnav li{ float:left; font-size:16px; margin-right:28px; line-height:70px;}
.nnav li a{ display:block}
.nnav li a.cur{color:#0f4cbf; border-bottom:2px solid #0f4cbf}
.nmain .content{ background:#f5f5f5; padding:40px 0}
.nmain .content .tit-box{ margin-bottom:15px; position:relative}
.nmain .content .tit-box h2{ font-size:35px;color:#0f4cbf;}
.nmain .content .tit-box .en{ color:#e5e5e5; font-size:25px; text-transform:uppercase; font-family:arial; font-weight:bold}
.nmain .content .content-con{ line-height:28px; color:#595959}
.nmain .content .nabout img{ max-width:100%; height:auto; display:block}
.nmain .content .nabout .about-img{ float:left; box-sizing:border-box;-webkit-box-sizing:border-box; padding-right:10px}
.nmain .content .content-con .en{ font-family:arial; line-height:23px;}

.pc-banner {
	background: url(../images/about-bj.jpg) no-repeat center center/100% auto;
	width: 100%;
	float: left;
}

@media screen and (max-width: 668px) {
	.pc-banner {
		background-size: auto 100%;
	}
}

.swiper-container {
	width: 100%;
	margin: 45px 0;
}

@media screen and (max-width: 668px) {
	.swiper-container {
		margin: 20px 0 15px;
	}
}

.swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
}

@media screen and (max-width: 668px) {
	.swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (max-width: 668px) {
	.swiper-slide-active,.swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}

.none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}

.swiper-slide a {
	background: #fff;
	padding:5px;
	display: block;
	border-radius: 14px;
}

@media screen and (min-width: 668px) {
	.swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		background: url(../images/top_slick_cover_bg01.png) 0 0 repeat;
		border-radius: 20px;
	}
}

.swiper-slide-active a:after {
	background: none;
}

@media screen and (max-width: 668px) {
	.swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}

.swiper-slide img {
	width: 100%;
	border-radius: 14px;
	display: block;
}

@media screen and (max-width: 668px) {
	.swiper-slide img {
		border-radius: 7px;
	}
}

.swiper-pagination {
	position: relative !important;
	margin-bottom: 30px;
}

.swiper-pagination-bullet {
	background: #00a0e9 !important;
	margin-left: 4px;
	margin-right: 4px;
	width: 13px !important;
	height: 13px !important;
	opacity: 1 !important;
	margin-bottom: 4px;
}

.swiper-pagination-bullet-active {
	width: 10px !important;
	height: 10px !important;
	background: #FFF !important;
	border: 5px solid #00a0e9;
	margin-bottom: 0;
}

@media screen and (max-width: 668px) {
	
	.swiper-pagination {
		position: relative;
		margin-bottom: 20px;
	}

	.swiper-pagination-bullet {
		background: #00a0e9;
		margin-left: 2px;
		margin-right: 2px;
		width: 8px;
		height: 8px;
		margin-bottom: 2px;
	}

	.swiper-pagination-bullet-active {
		width: 6px;
		height: 6px;
		background: #FFF;
		border: 3px solid #00a0e9 !important;
		margin-bottom: 0;
	}
}

.button {
	width: 80%;
	margin: 0 auto;
	bottom: 43px;
	position: relative;
}

@media screen and (max-width: 668px) {
	.button {
		width: 70%;
		bottom: 22px;
	}
}

.button div:hover {
	background-color: #2f4798;
}
.swiper-button-prev,.swiper-button-next{width: 40px!important;	height: 40px!important;border-radius: 50% !important;}
.swiper-button-prev {	
	background: url(../images/prev02.png) #00a0e9 center no-repeat !important;
	background-size:cover !important;
	
}

.swiper-button-next {
	background: url(../images/next02.png) #00a0e9 center no-repeat !important;
	background-size:cover !important;
}

@media screen and (max-width: 668px) {
	.button div {
		width: 25px !important;
		height: 25px !important;
	}
}	



.nmain .content .tit-box .nnav-sec{ position:absolute; right:0; top:0}
.nmain .content .tit-box .nnav-sec li{ float:left; font-size:16px; border-right:1px solid #d8d8d8; }
.nmain .content .tit-box .nnav-sec li a{ display:block; padding:0 20px;}
.nmain .content .tit-box .nnav-sec li a.cur{ color:#0f4cbf; font-weight:bold}
.nmain .content .tit-box .m-sec{ display:none}

.horlist li{ width:23%; float:left;margin-bottom:2%; margin-right:2%;background:#fff}
.horlist li a{ display:block}
.horlist li img{ width:100%; height:auto; display:block}
.horlist li p{padding:5px 10px 10px; text-align:center; color:#666}

.newslist ul{ margin-right:-2%; display:flex; display:-webkit-flex;flex-wrap:wrap}
.newslist li{ float:left; background:#fff; width:23%; margin-right:2%; margin-bottom:2%;}
.newslist li .pic{ position:relative; overflow:hidden}
.newslist li .pic:before{ content:''; display:block; padding-top:66.66%}
.newslist li img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0;top:0;}
.newslist li .text{ padding:10px 5px}
.newslist li .text h3{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newslist li .text p{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#666; font-size:12px;}
.newslist li,.newslist li h3,.newslist li p{ transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.newslist li:hover{ background:#0c4da2;}
.newslist li:hover h3,.newslist li:hover p{ color:#fff;}
.newslist-d .ntit{ font-weight:bold; text-align:center; font-size:16px;}
.newslist-d .ntime{ border-bottom:1px dotted #d8d8d8; text-align:center; line-height:50px; color:#808080; font-size:12px}
.newslist-d-text{ margin-top:30px;}
.newslist-d img{ max-width:100%; height:auto}

.prolist ul{ margin-right:-3%;display:flex; display:-webkit-flex;flex-wrap:wrap;}
.prolist li{ float:left; width:30%; margin-right:3%; margin-bottom:2%; background:#fff; border:1px solid #e4e4e4; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position: relative;}
.prolist li .pic{ position:relative; overflow:hidden}
.prolist li .pic:before{ content:''; display:block; padding-top:68.42%}
.prolist li img{ width:100%; height:100%; object-fit:cover; display:block; position:absolute; left:0;top:0;}
.prolist li .tit{ font-size:16px; padding:15px 10px; text-align:center}
.prolist li .tit h3{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.prolist li .intro{font-size:12px; line-height:22px; color:#808080; margin:10px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden}
.prolist li .line{ background:#bababa; height:3px; width:100%; position:absolute;left:0;bottom:0; overflow:hidden}
.prolist li .line .line-hov{ position:absolute; width:100%; height:3px; background:#0f4cbf;left:-100%; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.prolist li:hover .line-hov{ left:0}
.prolist-d .prolist-d-top{ background:#fff}
.prolist-d .prolist-d-top .pic{ float:left; width:31%;}
.prolist-d .prolist-d-top .pic img{ display:block; width:100%; height:auto}
.prolist-d .prolist-d-top .tit{ float:right; width:69%; padding:2% 3%; box-sizing:border-box;-webkit-box-sizing:border-box;}
.prolist-d .prolist-d-top .tit h3{ font-size:20px; font-weight:bold; line-height:60px;}
.prolist-d .prolist-d-bot{ margin-top:30px; background:#fff; padding:30px;}
.prolist-d .prolist-d-bot table td{ border:1px solid #d8d8d8; padding:3px 10px;}
.prolist-d .prolist-d-bot h3{ font-weight:700; padding:10px 0; color:#0f4cbf}
.prolist-d .prolist-d-bot img{ max-width:100%; height:auto}
.caselist ul{ margin-right:-2%}
.caselist li{ float:left; width:23%; margin-right:2%; margin-bottom:2%;position:relative; overflow:hidden; background:#fff}
.caselist li .pic img{ display:block; width:100%; height:auto}
.caselist li .tit{ /*position:absolute; text-align:center;color:#fff;top:50%; width:76%;left:12%;font-weight:700;z-index:3;*/ text-align:center;text-overflow: ellipsis; overflow:hidden; white-space:nowrap; padding:8px 5px}
.caselist li .tit span{display:block; width:30px; height:3px; background:#fff; margin:5px auto 5px}
.caselist li .intro{ opacity:0; filter:alpha(opacity=0); line-height:20px; color:#e5e5e5; font-size:12px; position:absolute; width:60%; bottom:45px;left:20%;text-align:center; z-index:2}
.caselist li .bg{ position:absolute;background:rgba(15,76,191,0); width:80%; height:50%; left:10%; bottom:45px; z-index:1}
.caselist li .tit,.caselist li .intro,.caselist li .bg,.caselist li img{
	transition:.5s ease-in-out;
	-webkit-transition:.5s ease-in-out;
	-moz-transition:.5s ease-in-out;
	-ms-transition:.5s ease-in-out;
	-o-transition:.5s ease-in-out;
}

.caselist li:hover .intro{ bottom:30%;opacity:1; filter:alpha(opacity=100);}
.caselist li:hover .bg{background:rgba(15,76,191,0.6);}
.hrlist li{ width:100%; background:#fff;border-bottom:1px solid #e8e8e8; cursor:pointer}
.hrlist li:first-child{ background:#8a8a8a; color:#fff; font-size:16px; cursor:auto}
.hrlist li span{ width:20%; text-align:center; float:left; padding:15px 0}
.hrlist-box{ display:none; position:fixed; width:550px; height:65%; background:#fff; box-shadow:0 0 10px #ccc; z-index:99;top:100px; left:50%; margin-left:-300px; padding:30px 20px 30px 30px; overflow-x:hidden; overflow-y:auto;}
.hrlist-box .close{ position:absolute;right:0;top:0; width:30px; height:30px; background:#8a8a8a; color:#fff; line-height:30px; text-align:center; font-size:18px; font-family:"arial"; border-radius:50%;-webkit-border-radius:50%}
.hrlist-box h3{ font-size:18px; line-height:40px;}


.servicelist li{ float:left; width:27%; padding:3% 3%}
.servicelist li .imgbox{ position:relative}
.servicelist li .pic{border-radius:50%; overflow:hidden}
.servicelist li .pic img{ width:100%; height:auto; display:block}
.servicelist li .num{ width:60px; height:60px; border-radius:50%; background:#0f4cbf; text-align:center; line-height:60px; font-size:30px; font-family:impact; color:#fff; position:absolute; bottom:3%; right:5%}
.servicelist li h3{ text-align:center; font-size:18px; line-height:50px; padding-top:15px;font-weight:bold}
.downlist ul{ margin-right:-2%}
.downlist li{ width:23%; margin-right:2%; margin-bottom:2%; background:#fff; float:left}
.downlist li>a{ display:block;padding:5px; border:1px solid #e8e8e8;}
.downlist li .pic{ width:30%}
.downlist li .pic img{width:100%; height:auto; display:block}
.downlist li .text{ width:63%; padding-right:2%; padding-top:2%}
.downlist li .text .down span{ display:inline-block; padding-left:23px; background:url(../images/icon03.png) no-repeat 0 -20px;}
.downlist li .text .down span:nth-child(2){ background:url(../images/icon02.png) no-repeat 0 5px; padding-left:15px;}
.downlist li,.downlist li .text,.downlist li .text .down span{
	transition:.5s;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	-o-transition:.5s;
	}
.downlist li:hover{background:#0f4cbf; }
.downlist li:hover .text{ color:#fff}
.downlist li:hover .text .down span{ background:url(../images/icon03.png) no-repeat 0 0; color:#fff}
.downlist li:hover .text .down span:nth-child(2){background:url(../images/icon02.png) no-repeat 0 -15px;}
.faqlist li{ background:#fff; border:1px solid #e8e8e8; margin-bottom:2%}
.faqlist li .ques{ border-bottom:1px solid #e8e8e8; padding:15px 30px; font-size:20px; line-height:40px;}
.faqlist li .ques .icon,.faqlist li .answer .icon{ width:35px; height:35px; line-height:35px; font-family:arial; background:#0f4cbf; color:#fff; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; text-align:center; font-size:23px; margin-right:20px;}
.faqlist li .answer{ padding:15px 30px;}
.faqlist li .answer .icon{ background:#F90}
.contact{ position:relative; min-height:300px;}
.contact .map{ position:absolute; right:0;top:0}
.nmain .message{ background:url(../images/bg_bg01.jpg) no-repeat center center fixed;}
.nmain .message .tit-box h2{ color:#fff}
.nmain .message-con{ background:#fff; padding:60px 150px 20px; margin-bottom:30px;}
.message-con-1{ float:left; width:50%; margin-bottom:25px}
.message-con-1 .tit{ float:left; color:#666; margin-right:15px; width:100px; font-size:15px; padding-top:7px; text-align:right}
.message-con-1 .input-m{ width: 65%; padding:2%; border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-1 .input-m:hover{ border:1px solid #0f4cbf}
.message-con-2{ width:100%; margin-bottom:25px;}
.message-con-2 .tit{ float:left;color:#666; margin-right:15px; width:100px; font-size:15px; text-align:right;padding-top:7px;}
.message-con-2 textarea{ padding:10px; border:1px solid #ccc;width:740px; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 textarea:hover{border:1px solid #0f4cbf}
.message-con-2 .input-m{ width:300px; padding:10px;border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.message-con-2 .input-m:hover{border:1px solid #0f4cbf}
.message-con-2 .submint-m{ background:#0f4cbf; color:#fff; text-align:center; width:100px; line-height:40px; border:none;  margin-right:10px; cursor:pointer}
.message-con-2 .submint-m:first-child{ margin-left:115px;}
/*-----------------------------*/

.footer{ background:#262626; border-top:5px solid #3d3c3c;color:#999;}
.footer-top .left{ float:left; width:65%;}
.footer-nav{margin-left:-3%;}
.footer-nav li{ float:left; background:url(../images/footline.png) no-repeat right top;min-height:200px; padding-top:30px; padding-left:3%;padding-right:3%;}
.footer-nav li h3{ color:#e8e8e8; font-size:15px; margin-bottom:10px}
.footer-nav li h3 a{color:#e8e8e8;}
.footer-nav li p{ line-height:26px;}
.footer-nav li p a{ font-size:13px; color:#999;}
.footer-top .right{ float:right; width:20%}
.footer-top .right .link{ margin-top:30px; margin-bottom:20px;width:220px; position:relative}
.footer-top .right .link .link-tit{ border:1px solid #545454;cursor: pointer; background:url(../images/arrow.png) no-repeat 200px center;padding:5px 10px;}
.footer-top .right .link .link-list{background: #3d3c3c; padding:10px; line-height:25px; position:absolute;left:0; width:100%; bottom:32px; box-sizing:border-box; display:none}
.footer-top .right .link .link-list a{ color:#888; font-size:13px;}
.footer-top .right .link .link-list a:hover{ color:#fff}
.f-contact{ line-height:26px}
.footer-bot{ border-top:1px solid #3d3c3c; line-height:40px; color:#a4a4a4; font-size:12px; padding-bottom:10px}.footer-bot a{color:#999;}
.footer-bot a:hover{ color:#fff}
/*.footer-bot p:first-child{ float:left}
.footer-bot p:nth-child(2){ float:right}*/
.page{ margin-top:30px; text-align:center}
.page span,.page a{ display:inline-block; padding:5px 15px; border:1px solid #d8d8d8; border-right:0}
.page span:last-child,.page a:last-child{border-right:1px solid #d8d8d8;}
.page a:hover{ background:#0f4cbf; color:#fff}
.back{ margin-top:30px; text-align:right}
.back a{ background:url(../images/icon01.png) no-repeat right center; padding-right:20px;}
/*¹Ì¶¨µÄÐü¸¡´°*/
.yb_conct{position:fixed;z-index:9999999;bottom:100px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2566e0 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2566e0 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#2566e0 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2566e0 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}