﻿/*公共标题-行业应用，新闻资讯，联系我们*/
.main_title {
	display:block;
	text-align:center;
	font-size:18px;
	color:#666666;
	line-height:2
}
.main_title p {
	font-size:36px;
	line-height:2;
	color:#333333;
	font-weight:bold;
}
.main_titlea {
	display:block;
	text-align:center;
	font-size:18px;
	color:#fff;
	line-height:2
}
.main_titlea p {
	font-size:36px;
	line-height:2;
	color:#fff;
	font-weight:bold;
}

/*关于我们*/
.index_about{ background:url(../images/bg_about.jpg) center bottom no-repeat; padding-top:130px; padding-bottom:120px}
.index_about .main{
	margin: 0 auto;
	max-width: 1300px;
	width: 85%;
	}
.index_about .main .lefta{
	width:41.8%;
	display:block;
	float:left
	}
.index_about .main .lefta .title{ }
.index_about .main .lefta .title h1{font-size:42px; color:#0051ad; font-weight:bold; line-height:60px;}
.index_about .main .lefta .title h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#0051ad; line-height:38px; font-weight:normal}
.index_about .main .lefta .title .dec{ width:58px; height:2px; display:block; background:#0051ad}
.index_about .main .lefta .txt{}
.index_about .main .lefta .txt h1{ font-size:24px; color:#333333; font-weight:bold; line-height:2; margin:3.5% 0}
.index_about .main .lefta .txt .txta,.index_about .main .lefta .txt .txta *{ font-size:16px; line-height:32px; color:#444444; text-align:justify}
.index_about .main .lefta .txt a{
	font-size: 24px;
    color: #0051ad;
    line-height: 2;
    font-weight: bold;
    margin-top: 3.5%;
    display: block;
	}




.abg {
    width:56%;
	display:block; float:right; margin-top: 50px;
}
.abg img{width:100%;}

.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.abg li {
    position: relative;
}
.com-img{ overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.abgnei{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    padding: 8%;
}
.abgnei_aa{
    background: url(../images/about_logo.png) no-repeat;
    width: 160px;
    height: 50px;
    margin-bottom: 8%;
}
.abgnei_bb{
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5;
    color: #ffffff;
}
.abgnei_cc{
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-family: arial;
}


/*产品中心*/
.index_product {
	background: url(../images/bg_product.jpg) center top no-repeat;
	padding-top: 110px;
	padding-bottom: 185px;
}
.index_product .main {
	margin: 0 auto;
	max-width: 1300px;
	width: 85%;
}

.index_product .title{}
.index_product .title .lefta{ width:82%; display:block; float:left}

.index_product .title .lefta h1{
	font-size: 58px;
    line-height: 75px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;
	}
.index_product .title .lefta h1 span{
	font-size: 36px;
	line-height:75px;
    color: #fff;
    font-family: "微软雅黑";
	}
.index_product .title .lefta .dec{
	width: 110px;
    height: 3px;
    display: block;
    background: #fff;
    margin: 1% 0;
	}
.index_product .title .lefta h2{ font-weight:normal;font-size:18px; line-height:45px; color:#fff}
.index_product .title .lefta h2 a{ font-size:18px; line-height:45px; color:#fff}
.index_product .title .lefta h2 a:hover{ font-size:20px; line-height:45px; font-weight:bold; color:#fff}

.index_product .title .more{ width:160px; height:48px; display:block; float:right; background:url(../images/arr.jpg) left center no-repeat #ffffff; line-height:48px; font-size:16px; color:#0057a1; text-indent:24px; margin-top:8%;}
.index_product .title .more:hover{ background:url(../images/arra.jpg) left center no-repeat #0063d3; color:#fff;}


.mr_frbox2 {
	HEIGHT: 370px;
	width: 1300px;
	margin: 0 auto;
	position: relative;
	margin-top: 5%;
}

.imgboxcpea {
	width:1300px;
	height:370px;
	margin:0px auto 0;
	overflow:hidden
}
.imgboxcpea ul li {
	margin:0 18px 0 18px;
	display: inline;
	float:left;
	overflow:hidden;
}
.imgboxcpea ul li a {
	display:block;
	width:410px;
	height: auto;
	padding:0;
	background:#fff;
	line-height:60px;
	text-align:center;
	font-size:18px;
}
.imgboxcpea ul li a .imgali {
	width:410px;
	height:307px;
	text-align:center;
	overflow:hidden
}
.imgboxcpea ul li a .imgali span {
	height:100%;
	display:inline-block;
	vertical-align:middle
}
.imgboxcpea ul li a .imgali img {
	max-width:100%;
	max-height:100%;
	vertical-align: middle;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
}
.imgboxcpea ul li a:hover .imgali img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.imgboxcpea ul li a:hover {
}



/*行业应用*/
.index_application{ background: url(../images/bg_hyyy.jpg) center top no-repeat; padding-top:120px; padding-bottom:150px;}
.index_application .main{
	margin: 0 auto;
	max-width: 1300px;
	width: 85%;
	margin-top: 3%;
	}

.yiong{}
.yiong li{
    width: 23.5%;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    float: left;
}
.yiong_img img{
    width: 100%;
    height: auto;
}
.yionggb{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 30%;
    z-index: 1;
    transition-duration: .5s;
    text-align: center;
}
.yionggb_img{ height:80px;
}
.yionggb_img img{
    max-width: 100%;
}
.yionggb_aa{
    font-size: 25px;
    font-weight: bold;
    line-height: 3;
}
.yionggb_aa a{
    color:#fff;
}
.yiongnei{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0%;
    top: 0%;
    padding: 0 6%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: .6s;
    transform: translateY(100%);
    color:#fff;
	box-sizing: border-box;
}
.yiongnei::before{
    content: '';
    position: absolute;
    top: -90%;
    left: -251%;
    display: block;
    width: 300%;
    height: 300%;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: rgba(0, 81, 173, 0.6);
}
.yiong li:hover .yiongnei{
    transform: translateY(0);
}
.yiong li:hover .yiongnei::before{
    left: -25%;
}
.yiong li:hover .yionggb{
    opacity: 0;
}
.yiongnei_aa{
    font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height:2;
	letter-spacing: 1px;
	color: #ffffff;
}
.yiongnei_aa a{
    color: #ffffff;
}
.ceng{
    position: relative;
    z-index: 99;
}
.yiongnei_bb{
    font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
}




/*工程案例*/
.index_case {
	background: url(../images/bg_case.jpg) center top no-repeat;
	padding-top: 150px;
	padding-bottom: 110px;
}
.index_case .main {
	margin: 0 auto;
	max-width: 1300px;
	width: 85%;
}
.index_case .main .topframe {
}
.index_case .main .topframe .left_title {
	font-size: 45px;
	line-height: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	width: 35%;
	float: left;
	margin-top: 90px;
}
.index_case .main .topframe .left_title span {
	font-size:36px;
	color:#fff;
	line-height:75px;
	font-family:"微软雅黑"
}
.index_case .main .topframe .left_title .dec {
	width:110px;
	height:3px;
	display:block;
	background:#fff;
	margin-top:2%;
}
.index_case .main .topframe .right_txt {
	display: block;
	float: right;
	width: 44%;
}
.index_case .main .topframe .right_txt h1 {
	width:160px;
	height:75px;
	display:block;
	text-align:center;
	line-height:75px;
	background:#0051ad;
	color:#fff;
	border:2px solid #fff
}
.index_case .main .topframe .right_txt h2 {
	font-size:42px;
	color:#333;
	line-height:2;
	font-weight:bold
}
.index_case .main .topframe .right_txt h2 span {
	font-size:42px;
	color:#0051ad;
	font-weight:bold
}
.index_case .main .topframe .right_txt h3 {
	font-size: 20px;
	line-height: 2;
	color: #666666;
	font-weight: normal;
	letter-spacing: -0.6px;
}
.index_case .main .topframe .right_txt .txt {
	font-size: 16px;
	line-height: 32px;
	text-align: justify;
}
.index_case .main .topframe .right_txt .txt * {
	font-size:16px;
	line-height:32px;
	text-align:justify;
	color:#333
}
.mr_frbox2e {
	HEIGHT: 370px;
	width: 1300px;
	margin: 0 auto;
	position: relative;
	margin-top: 30px;
}
/*.mr_frbox2e .leftprole{ position:absolute; left:0; top:8px;CURSOR: pointer}
.mr_frbox2e .rightprore{ position:absolute; right:0; top:8px;CURSOR: pointer}*/

.imgboxcpe {
	width:1300px;
	height:370px;
	margin:0px auto 0;
	overflow:hidden
}
.imgboxcpe ul li {
	margin:0 18px 0 18px;
	display: inline;
	float:left;
	overflow:hidden;
}
.imgboxcpe ul li a {
	display:block;
	width:410px;
	height: auto;
	padding:0;
	background:#fff;
	line-height:60px;
	text-align:center;
	font-size:18px;
}
.imgboxcpe ul li a .imgali {
	width:410px;
	height:307px;
	text-align:center;
	overflow:hidden
}
.imgboxcpe ul li a .imgali span {
	height:100%;
	display:inline-block;
	vertical-align:middle
}
.imgboxcpe ul li a .imgali img {
	max-width:100%;
	max-height:100%;
	vertical-align: middle;
	transition:all 0.8s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
}
.imgboxcpe ul li a:hover .imgali img {
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}
.imgboxcpe ul li a:hover {
}
/*新闻*/
.inde_xwzx {
	background: url(../images/bg_news.jpg) center bottom no-repeat #f7f7f7;
	padding-top:70px;
	padding-bottom:140px;
}
.inde_xwzx .cont {
	margin: 0 auto;
	margin-top:60px;
	max-width: 1300px;
	width: 85%;
}
.inde_xwzx .cont .leftnews {
	width:49%;
	display:block;
	float:left
}
.inde_xwzx .cont .leftnews .topimg {
	width: 640px;
	height: 480px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.inde_xwzx .cont .leftnews .topimg img {
	max-width: 100%;
	height: 480px;
	transform: scale(1);
	transition: all 1s ease-out;
}
.inde_xwzx .cont .leftnews .topimg:hover img {
	transform: scale(1.2);
}
.inde_xwzx .cont .leftnews .txt {
}
.inde_xwzx .cont .leftnews .txt p {
	font-size:18px;
	color:#333333;
	line-height:2
}
.inde_xwzx .cont .leftnews .txt span {
	color: #888888 !important;
	font-size: 15px !important;
	line-height: 24px !important;
	height: 48px;
	display: block;
	overflow: hidden;
}
.inde_xwzx .cont .rightnews {
	width:47%;
	display:block;
	float:right
}
.inde_xwzx .cont .rightnews ul li {
	padding-bottom:16px;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:16px;
}
.inde_xwzx .cont .rightnews ul li .date {
	width:12%;
	display:block;
	text-align:center;
	float:left;
	background:#0051ad;
	font-size:18px;
	color:#fff;
	font-family:arial;
	line-height:2
}
.inde_xwzx .cont .rightnews ul li .date p {
	background: #fff;
	font-size: 32px;
	line-height: 1.5;
	color: #0051ad;
	border: 2px solid #0051ad;
	border-bottom: 0;
}
.inde_xwzx .cont .rightnews ul li .txt {
	width:85%;
	display:block;
	float:right
}
.inde_xwzx .cont .rightnews ul li .txt p {
	font-size:18px;
	color:#333333;
	line-height:2;
}
.inde_xwzx .cont .rightnews ul li .txt span {
	font-size:15px;
	line-height:24px;
	height:48px;
	display:block;
	overflow:hidden;
	color:#888888
}
/*联系*/
.inde_contact {
	background:url(../images/bg_contact.jpg) center bottom no-repeat;
	padding-top:100px;
	height:853px
}
.inde_contact .cont {
	margin: 0 auto;
	margin-top:60px;
	max-width: 1300px;
	width: 85%;
}
.inde_contact .cont .left_txt {
	width:30%;
	display:block;
	float:left
}
.inde_contact .cont .left_txt .tit h1 {
	font-size:58px;
	color:#fff;
	font-family:arial;
	font-weight:bold;
	line-height:1.4;
	margin-top:8%;
}
.inde_contact .cont .left_txt .tit h2 {
	font-size:26px;
	color:#fff;
	font-weight:normal;
	line-height:2
}
.inde_contact .cont .left_txt .tit .dec {
	width: 50px;
	height: 3px;
	display: block;
	background: #fff;
	margin: 6% 0 9% 0;
}
.inde_contact .cont .left_txt .conta {
	font-size:16px;
	line-height:38px;
	color:#fff
}
.inde_contact .cont .left_txt .conta strong {
	font-size:18px;
	line-height:38px;
	color:#fff100;
	font-weight:bold
}
.inde_contact .cont .left_txt .conta a {
	width:168px;
	height:48px;
	display:block;
	text-align:center;
	line-height:48px;
	background:#0051ad;
	color:#fff;
	font-size:16px;
	margin-top:15%
}
.inde_contact .cont .left_txt .conta a:hover {
	background:#0063d3;
}
.inde_contact .cont .right_map {
	width:63%;
	display:block;
	float:right
}
.inde_contact .cont .right_map img {
	max-width:100%;
	height:auto;
	border:5px solid #fff
}
