@charset "utf-8";



.sou_bg{ margin-bottom:0;}


.absorbed{
	padding: 90px 0 46px 0;
	background:url(Img/Index/absorbed_bg.jpg) no-repeat center top;
	height:466px;
}
.absorbed .absorbed-left{
	float: left;
	width: 400px;
}
.absorbed .absorbed-left h4{
	font-size: 60px;
	color: #323232;
	line-height: 1;
	margin-bottom: 20px;
}
.absorbed .absorbed-left h4 span{
	display: block;
	font-size: 24px;
	padding-top: 16px;
	font-weight: normal;
}
.absorbed .absorbed-left ul{
	padding-left: 30px;
	padding-top: 12px;
	background:url(Img/Index/absorbed_br.png) no-repeat left top;
}
.absorbed .absorbed-left ul li{
	font-size: 18px;
	color: #323232;
	line-height: 23px;
	margin-bottom: 46px;
}
.absorbed .absorbed-left p{
	padding-left: 60px;
	line-height: 1;
	font-size: 16px;
	color: #01518a;
	background:url(Img/Index/absorbed_tel.png) no-repeat left center;
}
.absorbed .absorbed-left p b{
	display: block;
	font-size: 36px;
	padding-top: 6px;
	font-weight: normal;
	color: #2c3033;
}

.absorbed .absorbed-video{
	position: relative;
	float: right;
	width: 602px;
	height: 440px;
}
.absorbed .absorbed-video .videos{
	position: relative;
	width: 602px;
	height: 440px;
	cursor: pointer;
}
.absorbed .absorbed-video::before{
	position: absolute;
	display: block;
	content: "";
	right: -10px;
	top: 10px;
	width: 602px;
	height: 440px;
	background: #01518a;
}






.bts{
	text-align: center;
}
.bts a{
	font-size: 60px;
	color: #323232;
	line-height: 1;
}
.bts p{
	margin-top: 16px;
	font-size: 24px;
	font-weight: normal;
	color: #323232;
	line-height: 1;
}


.list{
	height: 216px;
}
.list .content ul li{
	position: relative;
	float: left;
	width: 20%;
	height: 216px;
	padding-top: 60px;
	padding-left: 90px;
	box-sizing: border-box;
}
.list .content ul li span{
	position: absolute;
	left: 20px;
	top: 62px;
	display: block;
	width: 62px;
	height: 62px;
}
.list .content ul li::before{
	position: absolute;
	top: 60px;
	right: 0;
	display: block;
	content: "";
	height: 90px;
	border-right: 1px solid #d5d6d6;
}
.list .content ul li.li1::after{
	position: absolute;
	top: 60px;
	left: 0;
	display: block;
	content: "";
	height: 90px;
	border-left: 1px solid #d5d6d6;
}
.list .content ul li.li1 span{
	background:url(Img/Index/list_icon1.png) no-repeat center center;
}
.list .content ul li.li2 span{
	background:url(Img/Index/list_icon2.png) no-repeat center center;
}
.list .content ul li.li3 span{
	background:url(Img/Index/list_icon3.png) no-repeat center center;
}
.list .content ul li.li4 span{
	background:url(Img/Index/list_icon4.png) no-repeat center center;
}
.list .content ul li.li5 span{
	background:url(Img/Index/list_icon5.png) no-repeat center center;
}
.list .content ul li.li1.cur span{
	background:url(Img/Index/list_icons1.png) no-repeat center center;
}
.list .content ul li.li2.cur span{
	background:url(Img/Index/list_icons2.png) no-repeat center center;
}
.list .content ul li.li3.cur span{
	background:url(Img/Index/list_icons3.png) no-repeat center center;
}
.list .content ul li.li4.cur span{
	background:url(Img/Index/list_icons4.png) no-repeat center center;
}
.list .content ul li.li5.cur span{
	background:url(Img/Index/list_icons5.png) no-repeat center center;
}




.list .content ul li.cur{
	background: #01518a;
}
.list .content ul li.cur::before{
	display: none;
}
.list .content ul li.cur p,.list .content ul li.cur p i,.list .content ul li.cur em{
	color: #fff;
}
.list .content ul li p{
	font-size: 60px;
	color: #2c3033;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 10px;
}
.list .content ul li p i{
	font-size: 18px;
	color: #2c3033;
	font-weight: normal;
	vertical-align: top;
}
.list .content ul li em{
	line-height: 1;
	display: block;
	font-size: 18px;
	color: #2c3033;
}






.pro{
	padding: 78px 0 80px 0;
	box-shadow: 0 0 36px rgba(0,0,0,.15);
	height:849px;
}
.pro .content{
	margin-top: 32px;
}
.pro .content .pro-l{
	float: left;
	width: 302px;
	background: #fff;
	box-shadow: 0 0 40px rgba(0,0,0,.15);
}
.pro .content .pro-l .title{
	height: 106px;
	background: #01518a;
	padding-top: 32px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 14px;
}
.pro .content .pro-l .title h4{
	font-size: 32px;
	color: #ffffff;
	line-height: 1;
	font-weight: normal;
}
.pro .content .pro-l .title span{
	display: block;
	line-height: 1;
	font-size: 14px;
	color: rgba(255,255,255,.16);
}
.pro .content .pro-l .pro-a{
	padding: 10px 16px;
}
.pro .content .pro-l .pro-a h6{
	height: 55px;
	line-height: 55px;
	padding: 0 20px;
	font-size:20px;
	font-weight: normal;
	color: #323232;
	margin-bottom: 10px;
	cursor: pointer;
	background:url(Img/Index/pro_icons1.png) #e7e7e7 no-repeat 226px center;
}
.pro .content .pro-l .pro-a h6.cur{
	color: #fff;
	margin-bottom: 0;
	background:url(Img/Index/pro_icons2.png) #01518a no-repeat 226px center;
}
.pro .content .pro-l .pro-a h6.cur a
{
    color:#fff;
}
.pro .content .pro-l .pro-a ul{
	display: none;
	padding: 12px 30px;
	border: 3px solid #01518a;
}
.pro .content .pro-l .pro-a ul li a{
	font-size:15px;
	line-height: 28px;
	color: #323232;
}
.pro .content .pro-l .pro-a ul.first-ul{
	display: block;
	border-top: 0;
	margin-bottom: 10px;
}

.pro .pro-min{
	float: right;
	width: 880px;
}
.pro .pro-min .pro-imgs{
	position: relative;
	width: 880px;
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
.pro .pro-min .pro-imgs .txt{
	position: absolute;
	top: 86px;
	right: 38px;
	width: 242px;
	height: 216px;
	border: 5px solid #323232;
	box-sizing: border-box;
	padding: 26px 0 0 30px;
	background:url(Img/Index/machining_btn2.png) no-repeat 32px 150px;
}
.pro .pro-min .pro-imgs .txt h5{
	font-size: 72px;
	color: #323232;
	line-height: 1;
}
.pro .pro-min .pro-imgs .txt p{
	font-size: 36px;
	color: #323232;
	line-height: 1;
}
.pro .pro-min .pro-imgs:hover img{
	transform: scale(1.1);
}
.pro .pro-min .pro-imgs img{
	display: block;
	width: 880px;
	height: auto;
	transition: all .7s;
}
.pro .pro-min ol{
	overflow: hidden;
}
.pro .pro-min ol li{
	float: left;
	width: 280px;
	margin-right: 20px;
}
.pro .pro-min ol li.no{
	margin: 0;
}
.pro .pro-min ol li .imgs{
	width: 280px;
	height: auto;
}
.pro .pro-min ol li .imgs{
	display: block;
	width: 280px;
	height: auto;
	overflow: hidden;
	border: 1px solid #efefef;
    box-sizing: border-box;
}
.pro .pro-min ol li:hover .imgs img{
	transform: scale(1.1);
}
.pro .pro-min ol li .imgs img{
	display: block;
	width: 100%;
	height: 270px;
	transition: all .7s;
}
.pro .pro-min ol li p{
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	color: #323232;
}






.about{
	padding-top: 80px;
	box-sizing: border-box;
	background:url(Img/Index/about_bg.jpg) no-repeat center top;
}
.about .about-bt{
	height: 635px;
}
.about .about-bt h2{
	position: relative;
	height: 130px;
	margin-bottom: 40px;
}
.about .about-bt h2::before{
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	content: "";
	width: 34px;
	height: 3px;
	background: #fff;
}
.about .about-bt h2 a{
	font-size: 60px;
	color: #fff;
	line-height: 1;
	font-weight: bold;
}
.about .about-bt h2 span{
	display: block;
	font-size: 22px;
	margin-top: 16px;
	font-weight: normal;
	color: rgba(255,255,255,.5);
}
.about .about-bt p{
	width: 330px;
	font-size: 15px;
	line-height: 24px;
	color: rgba(255,255,255,.6);
	margin-bottom: 40px;
}
.about .about-bt .more{
	display: block;
	width: 176px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 30px;
	font-size: 15px;
	color: #fff;
}
.about .about-min{
	height: 254px;
}
.about .about-min .txt{
	float: left;
	padding-top: 50px;
	font-size: 20px;
	color: #fff;
	line-height: 46px;
}
.about .about-min ol{
	float: right;
	width: 830px;
}
.about .about-min ol li{
	position: relative;
	float: left;
	width: 25%;
	height: 254px;
}
.about .about-min ol li::after{
	position: absolute;
    top: 62px;
    right: 0;
    display: block;
    content: "";
    height: 126px;
    border-right: 1px solid #b9b9b9;
}
.about .about-min ol li a{
	padding-top: 62px;
	box-sizing: border-box;
	display: block;
	height: 100%;
}
.about .about-min ol li p{
	font-size: 20px;
	color: #2f2f2f;
	line-height: 1;
	text-align: center;
}
.about .about-min ol li span{
	display: block;
	width: 66px;
	height: 66px;
	margin: 0 auto 38px;
}
.about .about-min ol li.li1 span{
	background:url(Img/Index/about_icon1.png) no-repeat center top;
}
.about .about-min ol li.li2 span{
	background:url(Img/Index/about_icon2.png) no-repeat center top;
}
.about .about-min ol li.li3 span{
	background:url(Img/Index/about_icon3.png) no-repeat center top;
}
.about .about-min ol li.li4 span{
	background:url(Img/Index/about_icon4.png) no-repeat center top;
}
.about .about-min ol li.li1 a:hover span{
	background:url(Img/Index/about_icons1.png) no-repeat center top;
}
.about .about-min ol li.li2 a:hover span{
	background:url(Img/Index/about_icons2.png) no-repeat center top;
}
.about .about-min ol li.li3 a:hover span{
	background:url(Img/Index/about_icons3.png) no-repeat center top;
}
.about .about-min ol li.li4 a:hover span{
	background:url(Img/Index/about_icons4.png) no-repeat center top;
}
.about .about-min ol li:hover{
	background: #fff;
	box-shadow: 0 0 24px rgba(0,0,0,.2);
}
.about .about-min ol li:hover::after{
	display: none;
}

.news{
	padding: 80px 0 100px 0;
	height:715px;
	overflow:hidden;
}
.news .content{
	margin-top: 36px;
}
.news .content .news-ul{
	text-align: center;
	margin-bottom: 44px;
}
.news .content .news-ul li{
	display: inline-block;
}
.news .content .news-ul li a{
	display: block;
	line-height: 38px;
	margin: 0 28px;
	font-size: 19px;
	color: #424242;
}
.news .content .news-ul li.cur a{
	border-bottom: 2px solid #407ca7;
}
.news .news-min{
	position: relative;
}
.news .news-min .prve,.news .news-min .next{
	position: absolute;
	top: 110px;
	width: 34px;
	height: 34px;
	cursor: pointer;
}
.news .news-min .prve{
	left: -64px;
	background:url(Img/Index/btn1.png) no-repeat center center;
}
.news .news-min .next{
	right: -64px;
	background:url(Img/Index/btn2.png) no-repeat center center;
}
.news .news-min ol li{
	position: relative;
	float: left;
	width: 378px;
	height: 490px;
	margin-right: 32px;
	border-radius: 8px;
	box-shadow: 0 0 26px rgba(0,0,0,.2);
	transition: all .8s;
}
.news .news-min ol li:hover{
	transform: translateY(-10px);
}
.news .news-min ol li a{
	display: block;
	border-radius: 8px;
	overflow: hidden;
	height: 490px;
}
.news .news-min ol li.no{
	margin-right: 0;
}
.news .news-min ol li .imgs{
	width: 378px;
	height: auto;
	margin-bottom: 58px;
}
.news .news-min ol li .imgs img{
	display: block;
	width: 100%;
	height: auto;
}
.news .news-min ol li .txt{
	padding: 0 24px;
}
.news .news-min ol li .txt h5{
	font-size: 18px;
	line-height: 1;
	color: #121212;
	margin-bottom: 12px;
}
.news .news-min ol li .txt p{
	font-size: 14px;
	color: #8b8a8a;
	line-height: 18px;
}
.news .news-min ol li .num{
	position: absolute;
	top: 194px;
	left: 26px;
	width: 74px;
	text-align: center;
	border-radius: 9px;
	background: #272b2e;
	overflow: hidden;
}
.news .news-min ol li .num span{
	display: block;
	font-size: 36px;
	line-height: 42px;
	background: #01518a;
	color: #fff;
}
.news .news-min ol li .num i{
	display: block;
	line-height: 34px;
	font-size: 12px;
	color: #fff;
}
.news .news-min ol li .icon{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 58px;
	line-height: 58px;
	padding: 0 28px;
	box-sizing: border-box;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
.news .news-min ol li .icon span{
	padding-left: 18px;
	margin-right: 10px;
	font-size: 14px;
	color: #8b8a8a;
	background:url(Img/Index/news_icons1.jpg) no-repeat left center;
}
.news .news-min ol li .icon em{
	margin-left: 10px;
	padding-left: 18px;
	font-size: 14px;
	color: #8b8a8a;
	background:url(Img/Index/news_icons2.jpg) no-repeat left center;
}