@charset "utf-8";

/* CSS Document */

*{

	padding:0;

	margin:0;

	list-style:none;

	font-family: "Microsoft YaHei";

	}

@font-face {

  font-family: 'iconfont';

  src:url(../icons/iconfont.eot);

  src: url(../icons/iconfont.eot?#iefix) format('embedded-opentype'),

  url(../icons/iconfont.woff) format('woff'),

  url(../icons/iconfont.ttf) format('truetype'),

  url(../icons/iconfont.svg#iconfont) format('svg');

}

.iconfont{

  font-family:"iconfont" !important;

  font-size:16px;font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}

input{

	-webkit-appearance: none;

	appearance: none;

}

input:focus,textarea:focus{

	outline:none;

	}

.clear{

	clear:both;

	}

a{

	text-decoration:none;

	}

.w_all{

	width:1210px;

	margin:auto;

	}

html, body{

	width:100%;

	position:relative;

	font-size: 62.5%;

	}

header{

	width:100%;

	position:relative;

	left:0;

	top:0;

	z-index:999;

	background: #fff;

	}

header .top{

    background: #0726B5;

    font-size: 1.2rem;

    color: #fff;

}

header .top .bb{

	display: flex;

	height: 32px;

	justify-content: space-between;

	align-items: center;

}

header .top .bb p{

	display: flex;

	align-items: center;

}

header .top .bb p img{

	height: 18px;

	margin-right: 5px;

}

header .top .bb p a{

	color: #fff;

	display: flex;

	align-items: center;

}

header .nav_box{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

header .logo{

	height: 70px;
	line-height: 70px;
	font-size: 24px;

	position:relative;

	z-index: 99;

}

header .logo img{

	display:block;

	height:100%;

	}

header .nav{

	width:58%;

}

header .nav ul{

	display: flex;

	justify-content: space-between;

}

header .nav li{

	line-height: 90px;

	color:#1a1a1a;

	font-size:1.66rem;

	letter-spacing: 1px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	position: relative;

	}

header .nav li:hover{

	color: #0726B5;

}

.navBtn{

	position: absolute;

	z-index:99999;

	cursor:pointer;

	display: none;

	right: 4%;

	top: 45px;

}

.navBtn span{

	display: block;

	width: 24px;

	height: 2px;

	background:#1a1a1a;

	margin:5px auto;

}

.nav_btn_active{

	-webkit-transition:all 0.4s;

	transition:all 0.4s;

}

.nav_btn_active span:nth-of-type(1){

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg);

	}

.nav_btn_active span:nth-of-type(2){

	opacity:0;

	}

.nav_btn_active span:nth-of-type(3){

	margin-top:-60%;

	-webkit-transform:rotate(-45deg);

	transform:rotate(-45deg);

	}

.banner{

	position:relative;

	width:100%;

	height: auto !important;

	overflow: hidden;

	}

.banner .swiper-container{

	position:relative;

	width:100%;

	height:100%;

	}

.banner .swiper-slide img{

	width: 100%;

	position: relative;

}

.banner .swiper-pagination{

	bottom: 4% !important;

}

.banner .swiper-pagination span{

	width: 40px !important;

	height: 3px !important;

	background: #c5b093 !important;

	opacity: 1;

	margin:8px !important;

	border-radius: 0 !important;

}

.banner span.swiper-pagination-bullet-active{

	background: #0726B5 !important;

}

.all_bars{

	padding:6% 0;

}

.title_index{

	font-size: 3.6rem;

    text-align: center;

    line-height: 50px;

    color: #0726B5;

    font-weight: bold;

    letter-spacing: 4px;

    margin: 0 auto 3%;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center;

}

.title_index span{

	width: 10px;

	height: 10px;

	border-radius: 50%;

	background: #0726B5;

	margin: 0 2rem;

	display: block;

}

.index_bar2 p{

	font-size: 1.54rem;

    line-height: 2.2;

    color: #333;

	text-align: center;

	padding: 0 8%;

}

.index_bar2 ul{

	margin:4% auto 0;

	display: flex;

	justify-content: center;

}

.index_bar2 li{

	margin: 0 2%;

}

.index_bar2 li img{

	width: 16rem;

}

.index_bar3{

	width:100%;

	background:#E9F0F4;

	}

.index_bar3 ul{

	display: flex;

	flex-wrap: wrap;

	margin-top:2%;

}

.index_bar3 ul li{

	width:31.3%;

	margin-right: 3%;

	margin-bottom: 3%;

	position:relative;

	overflow:hidden;

	text-align: center;

	background: #fff;

	}

.index_bar3 ul li:nth-of-type(3n){

	margin-right: 0;

}

.index_bar3 ul li b{

	display: block;

	width: 100%;

	overflow: hidden;

}

.index_bar3 ul li img{

	display:block;

	width:100%;

	-webkit-transition:all 0.5s;

	transition:all 0.5s;

}

.index_bar3 ul li:hover img{

	-webkit-transform:scale(1.09);

	transform:scale(1.09);

}

.index_bar3 ul li p{

	font-size:1.8rem;

	color:#0b4da2;

	margin:0 0 3rem;

	}

.more {

    width: 146px;

    line-height: 40px;

	background: #0b4da2;

    border-radius:30px;

    text-align: center;

	letter-spacing: 2px;

    font-size: 1.5rem;

    margin: 1% auto 0%;

    color: #fff;

    -webkit-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.more:hover {

	background: #c5b093;

}

.index_bar5 .contain{

	display: flex;

	justify-content: space-between;

	margin-top: 3%;

}

.index_bar5 .left{

	width: 48%;

	position: relative;

	overflow: hidden;

}

.index_bar5 .left::before{

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.3);

	z-index: 6;

}

.index_bar5 .left h3{

	color: #252525;

	font-size: 1.6rem;

}

.index_bar5 .left span{

    color: #c7b299;

    margin: 10px 0;

	display: block;

}

.index_bar5 .left img{

	display: block;

	width: 100%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.index_bar5 .left:hover img{

	-webkit-transform: scale(1.05);

	transform: scale(1.05);

}

.index_bar5 .left .txt{

	position: absolute;

	left: 0;

	bottom: 0;

	padding: 3% 4% 2%;

	z-index: 9;

}

.index_bar5 .left h3{

	color: #fff;

}

.index_bar5 .left span{

	color: #fff;

}

.index_bar5 .right{

	width: 48%;

}

.index_bar5 ul li{

	padding: 1.2rem 0;

	border-bottom: 1px #eee solid;

    color: #555;

	font-size: 1.4rem;

}

.index_bar5 ul li a{

	display: flex;

	justify-content: space-between;

	width: 100%;

}

.index_bar5 ul li b{

	display: block;

	width: 52%;

	overflow: hidden;

}

.index_bar5 ul li h3{

	font-size: 1.5rem;

	color: #555;

	font-weight: normal;

	line-height: 28px;

}

.index_bar5 ul li:hover h3{

	color: #0b4da2 !important;

}

.index_bar5 ul li span{

	color: #888;

    font-size: 1.4rem;

}

.index_bar5 ul li p{

	color: #5f5f5f;

    line-height: 23px;

}

.footer {

	position:relative;

	z-index:3;

	padding:5% 0 0;

	background:#0b4da2;

	}

.footer .bar{

	display: flex;

	justify-content: space-between;

	position: relative;

	}

.footer .left h3{

	color: #fff;

	font-size: 2.2rem;

	margin-bottom: 2rem;

	letter-spacing: 1px;

}

.footer .left h2{

	color:rgba(255,255,255,0.6);

	font-size:1.5rem;

	margin: 12px 0;

	font-weight: normal;

	display: flex;

	align-items: center;

	}

.footer .left h2 img{

	width: 22px;

	margin-right: 5px;

	opacity: 0.8;

}

.footer ul{

	display: flex;

	justify-content: space-between;

	margin-top: 0.5rem;

	width:45%;

	padding-right: 12%;

	}

.footer ul li{

	color:#fff;

	font-size:1.5rem;

	}

.footer .right img{

	width: 110px;

	margin: 3% 0 10px;

	display: block;

}

.footer .right{

	color: rgba(255,255,255,0.6);

	text-align: center;

	position: absolute;

	right: 2.5%;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	font-size: 1.4rem;

}

.footer .copy{

	background: #101115;

	margin-top: 4%;

}

.footer .copy .w_all{

	padding:2px 0;

	display: flex;

	justify-content: space-between;

}

.footer .copy p{

	color:#fff;

	line-height:36px;

	opacity:0.6;

	display: flex;

}

.footer .copy p a{

	color:#fff;

	margin-left:20px;

	display: flex;

	align-items: center;

}

.footer .copy p a img{

	width: 16px;

	height: 16px;

	margin-right: 4px;

}

.ban img{

	width: 100%;

	display: block;

}

.about .title{

	margin-bottom: 4%;

}

.about .contain{

	position: relative;

	margin-bottom: 2%;

	overflow: hidden;

}

.about .ll{

	width: 40%;

	position: relative;

	float: left;

}

.about .ll::before{

	content: "";

	position: absolute;

	right: -2rem;

	bottom: -2rem;

	width: 100%;

	height: 100%;

	background: #0726B5;

	opacity: 0.1;

	z-index: 0;

}

.about .ll img{

	display: block;

	width: 100%;

	position: relative;

	z-index: 6;

}

.about .rr{

	width: 53%;

	float: right;

}

.about p{

	text-align: justify;

	font-size: 1.5rem;

    color: #555;

    line-height: 2;

	text-indent: 2em;

	margin: 1% 0;

}

.about img{

	margin: auto;

	display: block;

	max-width: 100%;

}

.pro{

	background: #E9F0F4;

}

.pro .contain ul{

	display: flex;

	flex-wrap: wrap;

	width: 100%;

}

.pro .contain ul a{

	display: block;

	width: 31.3%;

	margin-right: 3%;

	margin-bottom: 3%;

	background: #fff;

	border-radius: 10px;

	overflow: hidden;

	padding: 2%;

	box-sizing: border-box;

}

.pro .contain ul a:nth-of-type(3n){

	margin-right: 0;

}

.pro .contain ul li img{

	width: 100%;

	display: block;

	-webkit-transition: all 0.4s linear;

	transition: all 0.4s linear;

}

.pro .contain ul li:hover img{

	-webkit-transform: scale(1.04);

	transform: scale(1.04);

}

.pro .contain ul li p{

	text-align: center;

	margin: 2rem 0 1rem;

	font-size: 1.8rem;

	color: #333;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.pro .contain ul li:hover p{

	color: #0726B5;

}

#pages{

	overflow: hidden;

}

#pages ul{

	display: flex;

	justify-content: center;

}

#pages ul li{

	font-size: 1.2rem;

	display: inline-block;

    margin: 0 2px;

    line-height: 26px;

    text-align: center;

    border: 1px solid #eee;

    border-radius: 2px;

    padding: 0 11px;

	color: #333;

	background: #fff;

}

#pages ul li.active,#pages ul li:hover{

	background: #0726B5;

	color: #fff;

}

.pro_d {

	background: #E9F0F4;

}

.pro_d .contain{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pro_d .contain b{

	display: block;

	width: 37%;

	border: 1px #0726B5 solid;

}

.pro_d .contain b img{

	display: block;

	width: 100%;

}

.pro_d .contain .right{

	width: 56%;

}

.pro_d .contain h3{

	font-size: 2.6rem;

	color: #0726B5;

    margin-bottom: 20px;

}

.pro_d .contain p{

	font-size: 1.54rem;

    color: #555;

    line-height: 1.8;

    margin-top: 8px;

}

.pro_d .zx{

	display: block;

    width: 160px;

    line-height: 46px;

    background: #0726B5;

    text-align: center;

    font-size: 1.6rem;

    color: #fff;

    border-radius: 50px;

	margin-top: 8%;

	display: flex;

	justify-content: center;

	align-items: center;

	letter-spacing: 1px;

}

.pro_d .zx img{

	width: 25px;

	display: block;

	margin-top: 1px;

	margin-right: 8px;

}

.pro_d .ttop{

    border-bottom: 1px #0726B5 solid;

    height: 40px;

}

.pro_d2{

	background: #fff;

}

.pro_d2 .bars h3{

	display: block;

    float: left;

    width: 120px;

    line-height: 40px;

    color: #fff;

    font-size: 18px;

    background: #0726B5;

    text-align: center;

}

.pro_d2 .bars img{

	max-width: 100%;

	margin: 3rem auto;

	display: block;

}

.all_containers ul{

	display: flex;

	flex-wrap: wrap;

}

.all_containers ul li{

	width: 31.3%;

	margin-right: 3%;

	margin-bottom: 3%;

	box-sizing: border-box;

	cursor: pointer;

	border: 1px solid #eee;

}

.all_containers ul li:nth-of-type(3n){

	margin-right: 0;

}

.all_containers ul li img{

	width: 100%;

	display: block;

}

.all_containers ul li p{

	color: #fff;

    text-align: center;

    background: #0726B5;

    line-height: 40px;

    font-size: 1.6rem;

}

.news .contain ul{

	display: block;

	margin: auto;

	width: 80%;

}

.news .contain ul li{

	border: none;

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

    border-bottom: 1px dotted #ddd;

	font-size: 1.4rem;

	padding: 15px 0;

}

.news .contain ul li .ll{

	display: flex;

	align-items: center;

}

.news .contain ul li b{

	height: 100px;

	display: block;

	overflow: hidden;

	margin-right: 3rem;

}

.news .contain ul li b img{

	height: 100%;

	display: block;

}

.news .contain ul li h4{

	font-weight: normal;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	color: #3a3a3a;

	font-size: 1.6rem;

}

.news .contain ul li:hover h4{

	color: #0726B5;

}

.news .contain ul li span{

	color: #999;

}

.news #pages ul{

	background: #fff;

	padding:3% 0 0;

}

.news_d .right .top{

	border-bottom: 1px solid #ddd;

	text-align: center;

	padding: 0 0 2.5rem;

	margin-bottom: 3%;

}

.news_d .right h2{

	font-size: 2.4rem;

	font-weight: normal;

	line-height: 1.4;

	color: #0726B5;

	margin-bottom: 1rem;

}

.news_d .right .top span{

	color: #999;

}

.news_d .right img{

	max-width: 100%;

}

.news_d .right p{

	margin: 2rem 0;

	font-size: 1.5rem;

	color: #666;

}

.news_d .right .bottom{

	margin-top: 6%;

}

.news_d .right .bottom p{

	font-size: 1.4rem;

	margin: 1rem 0;

	color: #333;

}

.news_d .right .bottom p a{

	color: #333;

}

.news_d .right .bottom p a:hover{

	color: #0726B5;

}

.contact ul{

	display: flex;

}

.contact ul li{

	width: 25%;

	font-size: 1.6rem;

    color: #666;

	text-align: center;

}

.contact ul li img{

	display: block;

	margin: auto;

	height: 4.2rem;

	background: #0726B5;

	padding: 15px;

	border-radius: 50%;

}

.contact ul li h3{

	color: #0726B5;

	font-weight: 600;

	font-size:1.8rem;

	margin: 2.5rem 0 1.5rem;

	letter-spacing: 1px;

}

/* 车间展示放大 */

.big_box{

	position: fixed;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	background: rgba(0,0,0,0.8);

	z-index: 9999999999;

	display: none;

}

.big_imgss{

	position: absolute;

	height: 70%;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%) scale(0);

	transform: translate(-50%,-50%) scale(0);

	transition: all 1s cubic-bezier(0.19,1,0.22,1);

	-webkit-transition: all 1s cubic-bezier(0.19,1,0.22,1);

}

.big_imgss.active{

	-webkit-transform: translate(-50%,-50%) scale(1);

	transform: translate(-50%,-50%) scale(1);

}

.big_imgss img{

	height: 100%;

	position: absolute;

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	display: none;

}

.big_imgss img:first-of-type{

	display: block;

}

.big_box .righttop{

	position: fixed;

	right: 0px;

	top:0px;

	z-index: 9;

	padding: 2rem;

}

.big_box .righttop div{

	float: right;

	width: 40px;

}

.big_box .righttop img{

	width: 100%;

	cursor: pointer;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.big_box .righttop img:hover{

	opacity: 0.6 !important;

}

.big_box .btn{

	position: fixed;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	opacity: 0;

}

.big_box .btn i{

	color: #fff;

	display: block;

	font-size: 3rem;

	cursor: pointer;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

	position: relative;

	z-index: 2;

}

.big_box .btn:hover i{

	color: #008f30;

}

.big_box .btn_l{

	left: 2%;

}

.big_box .btn_r{

	right: 2%;

}

.big_box .btn_r i{

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

}

.big_box .nums{

	position: fixed;

	left: 50%;

	bottom: 3%;

	color: #fff;

	font-size: 2rem;

	letter-spacing: 0.5rem;

}

.big_box .nums span{

	color: #fff;

}
.report{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.report::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: rgba(0,0,0,0.8);
}
.report .contain{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 6;
	background: #0726B5;
	border-radius: 30px;
	width: 55rem;
	padding: 3%;
	box-sizing: border-box;
}
.report .contain h3{
	font-size: 2.6rem;
	color: #fff;
    margin-bottom: 20px;
	text-align: center;
}
.report .contain p{
	font-size: 1.54rem;
    color: #fff;
    line-height: 1.8;
	margin: 2rem 0;
}
.report .contain p input{
	font-size: 1.54rem;
	width: 100%;
	display: block;
	background: none;
	border: none;
	box-shadow: none;
	padding: 10px;
	border-bottom: 1px solid rgba(255,255,255,0.3);
	color: #fff;
}
.report .contain p input::placeholder{
	color: rgba(255,255,255,0.6);
	font-size: 1.54rem;
}
.report .cx{
	display: block;
    width: 160px;
    line-height: 46px;
    background: #fff;
    text-align: center;
    font-size: 1.6rem;
    color: #0726B5;
    border-radius: 50px;
	margin: 5rem auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 1px;
	cursor: pointer;
}
.report .cx img{
	width: 25px;
	display: block;
	margin-top: 1px;
	margin-right: 8px;
}
.report2{
	background: #f6f6f6;
	display: none;
}
.report2 ul li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	font-size: 1.4rem;
}
.report2 ul li .ll{
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
.report2 ul li h6{
	font-weight: bold;
	font-size: 1.5rem;
	margin-left: 3rem;
}
.report2 ul li img{
	height: 8rem;
}