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

/*product*/
.product{
	width: 100%;
	min-width: 1200px;
	margin-top: 80px;
}
.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: 40px;
	background: #3ca6ce;
	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: #007fb2;
}
.pro_bg li:last-child a{
	font-size: 1.5vw;
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
	text-align: center;
	padding-top: 40%;
}
@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,.case_img img{
	width: 100%;
	height: 100%;
	display: block;
}
.case_font{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.1);
	transition: 0.6s;
	text-align: center;
}
.case_font a{
	width: 50%;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size:1vw;
	display: block;
	padding-top: 20%;
	letter-spacing: 2px;
	line-height: 3vw;
}
.case_left li:nth-child(5) .case_font a{width: 55%;}
.case_left li:hover .case_font{background:#b50937;}
.case_right{
	width: 25%;
	position: relative;
}
.case_font1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background:rgba(0,0,0,0.1);
	transition: 0.6s;
	text-align: center;
}
.case_font1 a{
	width: 40%;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size:1vw;
	display: block;
	padding-top: 50%;
	letter-spacing: 2px;
	line-height: 3vw;
}
.case_font1:hover{background:#b50937}

/*partner*/
.partner{
	width: 100%;
	min-width: 1200px;
	height: 22rem;
	background: #3ca6ce;
	margin-top: -4px;
}
.partner_bg{
	width: 74%;
	height: 100%;
	margin: 0 auto;
}
.partner_title{
	width: 100%;
	padding-top: 4%;
	text-align: center;
}
.partner_title p{
	font-size: 1.8vw;
	color: #fff;
	letter-spacing: 4px;
}
.partner_bottom{
	width: 100%;
    height: 38%;
    margin-top: 3%;
}
.image_video_detail{
	width: 100%;
	height: 100%;
	margin: auto;
	overflow:hidden;
	position: relative;
}
#video_detail_list{
	width: 86%!important;
	margin: 0 auto;
}
#leftarr{
	background: url(/statics/images/tem/pro_icon1.png) no-repeat center;
	background-size: 100% 100%;
	width: 54px;
	height: 54px;
	position: absolute;
	top: 35%;
	left: 0;
}
#leftarr:hover{
	background: url(/statics/images/tem/pro_icon3.png) no-repeat center;
	background-size: 100% 100%;
}
#rightarr{
	background: url(/statics/images/tem/pro_icon2.png) no-repeat center;
	background-size: 100% 100%;
	width: 54px;
	height: 54px;
	position: absolute;
	top: 35%;
	right: 0;
}
#rightarr:hover{
	background: url(/statics/images/tem/pro_icon4.png) no-repeat center;
	background-size: 100% 100%;
}
.image_video_detail ul{
	width:100%;
	height: 100%;
}
.image_video_detail li{
	float: left;
	width: 250px;
	height: 100%;
	margin-right:20px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.image_video_detail li a,.image_video_detail li a img{
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.6s;
}
.image_video_detail li a img:hover{transform: scale(1.1)}
@media screen and (min-width:1500px) and (max-width:1800px){
	.image_video_detail li{width: 206px;}
	#leftarr{width: 44px;height: 44px;}
	#rightarr{width: 44px;height: 44px;}
	.partner {height: 18rem;}
}
@media screen and (min-width:1200px) and (max-width:1500px){
	.image_video_detail li{width: 204px;}
	#leftarr{width: 40px;height: 40px;}
	#rightarr{width: 40px;height: 40px;}
	.partner {height: 16rem;}
}
@media screen and (min-width:500px) and (max-width:1200px){
	.image_video_detail li{width: 204px;}
	#leftarr{width: 40px;height: 40px;}
	#rightarr{width: 40px;height: 40px;}
	.partner {height: 16rem;}
}

/*news*/
.news{
	width: 100%;
	min-width: 1200px;
	height: 355px;
	background: #f3f3f3;
}
.news_left{
	width: 65%;
	height: 306px;
	margin-right: 60px;	
}
.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: 0.88vw;
	color: #333;
	padding-left: 30px;
	float: left;
	font-weight: bold;
}
.news_title p span{
	font-size: 12px;
	color: #666;
	font-weight: normal;
	padding-left: 10px;
}
.news_title a{
	font-size:  0.8vw;
	color: #333;
	float: right;
}
.news_title a:hover{color: #3ca6ce;}
.news_bottom{
	width: 100%;
	margin-top: 20px;
	height: 250px;
}
.news_bottom img{
	width: 100%;
	height: 100px;
}
.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:  0.8vw;
	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: 306px;
}
.question_bottom{
	width: 100%;
	margin-top: 20px;
	height: 245px;
}
.question_bottom ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.news_question_detail{
	width: 100%;
	height: 96px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	margin-top: 10px;
}
.news_question_detail a{
	font-size:  0.8vw;
	color: #333;
	width: 100%;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display:block;
}.news_question_detail:hover a{color:#3ca6ce; }
.news_question_detail a n{
	width: 25px;
	height: 25px;
	background: #b50937;
	color: #fff;
	display: block;
	font-size:  0.8vw;
	text-align: center;
	line-height: 25px;
	float: left;
	margin-right: 10px;
}
.news_question_detail p{
	font-size: 0.8vw;
	color: #666;
	width: 100%;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	padding-top:10px;
}
.news_question_detail p n{
	width: 25px;
	height: 25px;
	background: #3ca6ce;
	color: #fff;
	display: block;
	font-size: 0.8vw;
	text-align: center;
	line-height: 25px;
	float: left;
	margin-right: 10px;
}

/*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;}