@charset "utf-8";
/* CSS Document */

/*product*/
.product{
	width: 100%;
	min-width: 1200px;
	padding-top: 80px;
    background: #eff0f2;
}
.pro_title{
	width: 100%;
	text-align: center;
	height: 40px;
}
.pro_title p{
	color: #333;
	font-size: 1.8vw;
	letter-spacing: 4px;
}
.pro_bottom{
	width: 100%;
	height: 80rem;
	margin-top: 20px;
	background: #eff0f2;
	border-top: 1px solid #b50937;
}
.pro_bg{
	width: 74%;
	height: 90%;
	margin: 0 auto;
}
.pro_bg ul{
	width: 100%;
	height: 100%;
}
.pro_bg li{
	width: 31%;
	height: 45%;
	background: #fff;
	float: left;
	margin:0 3% 5% 0;
	overflow: hidden;
	transition: 0.6s;
}
.pro_bg li:nth-child(3n){margin-right: 0}
.pro_img{
	width:80%;
	margin: 0 auto;
	margin-top: 12%;
	height:40%;
}
.pro_img a{
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
.pro_img a img{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.pro_font{
	width: 70%;
    margin: 0 auto;
    height:51%;
}
.pro_font a{
	font-size: 1.3vw;
	color: #333;
	width: 100%;
	padding-top:10%;
	text-align: center;
	display: block;
    word-wrap: break-word;
    word-break: normal;
}
.pro_font P{
	font-size: 1vw;
	color: #666;
	width: 100%;
	padding-top: 6%;
	text-align: center;
	line-height:1.6vw;
    word-wrap: break-word;
    word-break: normal;
}
.pro_bg li:hover{
	width: 31.1%;
	transform: scale(1.1)
}
.pro_bg li:last-child{
	background: #fff;
	text-align: center;
	position: relative;
}
.pro_bg li:last-child a{
	font-size: 1.5vw;
	width: 100%;
	height: 60%;
	display: block;
	color: #000;
	text-align: center;
	padding-top: 46%;
}
.pro_bg li:last-child img{
	position: absolute;
    top: 51%;
    left: 45%;
}
@media screen and (min-width:1700px) and (max-width:1800px){
	.pro_bottom{height: 75rem;}
}
@media screen and (min-width:1600px) and (max-width:1700px){
	.pro_bottom{height:  68rem;}
}
@media screen and (min-width:1500px) and (max-width:1600px){
	.pro_bottom{height: 60rem;}
}
@media screen and (min-width:1400px) and (max-width:1500px){
	.pro_bottom{height: 55rem;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
	.pro_bottom{height: 48rem;}
}
@media screen and (min-width:1000px) and (max-width:1200px){
	.pro_bottom{height: 45rem;}
}
@media screen and (min-width:500px) and (max-width:1000px){
	.pro_bottom{height: 44rem;}
}

/*application*/
.application{
	width: 100%;
	min-width: 1200px;
	height: auto;
	position: relative;
}
.application img{
	width: 100%;
}
.app_content{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.app_title{
	width: 100%;
	padding-top: 3%;
	text-align: center;
	border-bottom: 1px solid #b50937;
}
.app_title p{
	color: #333;
	font-size: 1.8vw;
	letter-spacing: 4px;
	padding-bottom: 1%;
}
.cases_detail{
	width: 100%;
	margin-top:2%;
	height: 62%;
	overflow: hidden;
}
.case_list{
	width: 74%;
	margin: 0 auto;
}
.case_left{
	width: 75%;
	height: 100%;
	transition: 0.6s;
}
.case_left ul{
	width: 100%;
	height: 100%;
}
.case_left li{
	width:31%;
	height: 30%;
	float: left;
	margin:0 2.3% 2.3% 0;
	position: relative;
	overflow: hidden;
}
.case_left li:nth-child(3){margin-right: 0}
.case_left li:nth-child(6){margin-right: 0}
.case_img{
	width: 100%;
	height: 100%;
	background: #fff;
}
.case_img a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content:center;
	align-items: center
}
.case_img a img{
	max-width: 58%;
	max-height: 100%;
}
.case_font{
    width: 100%;
    height: 20%;
    position: absolute;
    bottom: 0;
    left: 0;
    background:rgba(0, 127, 178, 1);
    transition: 0.6s;
    text-align: center;
}
.case_font a{
	width: 90%;
    margin: auto;
    text-align: center;
    color: #fff;
    font-size: 1vw;
    display: block;
    letter-spacing: 2px;
    line-height: 2vw;
}
.case_left li:nth-child(5) .case_font a{width: 55%;}
.case_left li:hover .case_font{background:#b50937;}
.case_left li:hover .case_font a{color:#fff;}
.case_right{
	width: 25%;
	position: relative;
}
.case_img1{
	width: 100%;
	height: 100%;
	background: #fff;
}

.case_img1 a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content:center;
	align-items: center
}
.case_img1 a img{
	max-width: 100%;
	max-height: 100%;
}
.case_font1{
	width: 100%;
    height: 9%;
    position: absolute;
    bottom: 0;
    left: 0;
    background:rgba(0, 127, 178, 1);
    transition: 0.6s;
    text-align: center;
}
.case_font1 a{
	width: 90%;
    margin: auto;
    text-align: center;
    color: #ffffff;
    font-size: 1vw;
    display: block;
    letter-spacing: 2px;
    line-height: 2vw;
}
.case_right:hover .case_font1 {background:#b50937}
.case_right:hover .case_font1 a{color:#fff;}

/*news*/
.news{
	width: 100%;
	min-width: 1200px;
	height:620px;
	background: #f3f3f3;
	overflow: hidden;
}
.news_left{
	width: 100%;
	height: 100%;
}
.company_news{
	width: 46%;
	height: 100%;
	margin-right: 60px;
}
.news_title{
	width: 100%;
	height: 40px;
	background: url(/statics/images/tem/news_title_bg.png)no-repeat center;
	background-size: 100% 100%;
}
.news_title p{
	font-size: 1.2vw;
	color: #333;
	padding-left: 30px;
	float: left;
	font-weight: bold;
}
.news_title p span{
	font-size: 14px;
	color: #666;
	font-weight: normal;
	padding-left: 10px;
}
.news_title a{
	font-size:  1vw;
	color: #333;
	float: right;
}
.news_title a:hover{color: #3ca6ce;}
.news_bottom{
	width: 100%;
	margin-top: 20px;
	height: 360px;
}
.news_bottom img{
	width: 100%;
	height: 195px;
}
.news_bottom ul{
	width: 100%;
}
.news_bottom li{
	width: 100%;
	height: 48px;
	background: url(/statics/images/tem/news_more_icon.jpg)no-repeat left center;
}
.news_bottom a{
	display: block;
	width: 95%;
	margin-left: 5%;
	line-height: 48px;
	font-size:  1vw;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_bottom a:hover{color: #3ca6ce;}
.industry_news{
	width:46%;
	height: 100%;
}
.news_right{
	width: 30%;
	height: 100%;
}
/*link*/
.link{
	width: 100%;
	min-width: 1200px;
	height:88px;
	background: #f3f3f3;
	padding-top: 40px;
}
.link ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.link li{
	float: left;
}
.link p{
	font-size: 0.88vw;
	color: #333;
	padding-top: 18px;
}
.link a{
	font-size: 0.88vw;
	color: #333;
	display: block;
	margin: 18px 6px 0 6px;
}
.link a:hover{color: #3ca6ce;}