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

/*-----公共------*/
.list-content{ background:#fff;}
/*-----banner-----*/
/*标题一*/
.banner-h1{ position:relative; width:1500px; margin: 0 auto;}
.banner-h1>div{ position:absolute; right:0; top:50px; text-align:right;}
.banner-h1 h3{ position:relative; padding:50px 0; font-size:48px; color:#fff; text-shadow:5px 2px 6px rgb(122, 122, 122);}
.banner-h1 h3::after{ position:absolute; right:0; top:100px; display:block; content:""; height:3px; width:50px; background:#fff;}
.banner-h1 p{ width:580px; padding-top:20px; font-size:16px; color:#fff; opacity:0.7;}
/*人才招聘banner*/
.job-banner{ height:435px; background:url(../img/art/lianxi1.jpg) center;}
/*产品展示banner*/
.product-banner{ position:relative; height:670px; background:url(../img/list/product_banner.jpg) no-repeat center;}
/*新闻中心banner*/
.news-banner{ position:relative; height:670px; background:url(../img/list/news_banner.jpg) no-repeat center;}
/*视频banner*/
.video-banner{ position:relative; height:670px; background:url(../img/list/video_banner.jpg) no-repeat center;}

/*-----关于我们-----*/
.about{ background:#f8f9fa; overflow:hidden;}
.about-h{ line-height:130px; font-size:34px; font-weight:bold; text-align:center;}
.about-jianjie{ position:relative; width:1500px; min-height:800px; margin:0 auto; background-image:url(../img/list/about-bg.jpg); background-position: right top; background-repeat:no-repeat; overflow:hidden;}
/*介绍*/
.about-jianjie .b{ position:relative; width:1000px; margin:50px 0; padding:60px; box-sizing:border-box; background:#fff;}
.about-jianjie .b h3{ margin:10px 0 30px 0; font-size:26px; font-weight:bold; color:#ff7019;}
.about-jianjie .b h3::before{ position:absolute; left:0; top:60px; content:""; display:block; height:40px; width:5px; background:#ff7019;}
.about-jianjie .b p{ line-height:30px; font-size:16px; color:#666;}
/*广告*/
.about-jianjie .s{ position:absolute; bottom:10px; left:0; width:100%;}
.about-jianjie .s::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0;}
.about-jianjie .s li{ position:relative; float:left; width:25%;}
.about-jianjie .s li::before{ position:absolute; left:0; top:10px; font-size:50px; color:rgb(204, 204, 204);}
.about-jianjie .s li p{ padding-left:70px; font-size:20px; font-weight:bold; color:#ff7019;}
.about-jianjie .s li span{ padding-left:70px; display:block; color:#666;}
/*环境*/
.about-hj{ width:1520px; margin:0 auto; padding-top:30px;}
.about-hj h4{ margin:50px 0 10px 0; color:#333; font-size:34px; text-align:center; }
.about-hj h4::after{ display:block; content:""; height:2px; width:40px; margin:20px auto 0 auto; text-align:center; background:#666;}
.about-hj ul{}
.about-hj ul::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0;}
.about-hj ul li{ float:left; width:20%; padding:10px; box-sizing:border-box; text-align:center;}
.about-hj ul li a{ position:relative; display:block;}
.about-hj ul li a img{ width:100%; height:210px;}
.about-hj ul li a::after{ position:absolute; left:0; top:0; display:block; content:""; width:0; height:0; line-height:210px; font-size:16px; color:#fff; background:rgba(255,112,25, 0.5); 
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;}
.about-hj ul li a:hover::after{ width:100%; height:210px; content:"点击查看大图";}
.about-hj ul li a p{ padding-top:10px; color:#666;}
/*文化*/
.about-wh{ width:1540px; margin:0 auto; padding-bottom:80px;}
.about-wh h4{ margin:50px 0 20px 0; color:#333; font-size:34px; text-align:center; }
.about-wh h4::after{ display:block; content:""; height:2px; width:40px; margin:20px auto 0 auto; text-align:center; background:#666;}
.about-wh ul{ font-size:0; text-align:center;}
.about-wh ul li{ display:inline-block; font-size:18px; width:33.33%; padding:0 20px; box-sizing:border-box; color:#999;}
.about-wh ul li div{ padding:40px; background:#fff;}
.about-wh ul li div p{ width:90%; margin:0 auto;}
.about-wh ul li div img{ display:block; width:100%; height:auto;}
.about-wh ul li div h5{ font-size:30px; color:#333;}
.about-wh ul li div span{ display:block; padding:30px 0 75px 0;}
.about-wh ul li div em{ display:block; font-style:normal; color:#fd8833; font-size:24px; font-weight:bold;}
.about-wh ul li div em::after{ display:block; content:""; width:40px; height:4px; margin:20px auto 0 auto; background:#fd8833;}
/*伙伴*/
.about-hz{ width:1520px; margin:0 auto; padding-bottom:80px;}
.about-hz h4{ margin:50px 0 20px 0; color:#333; font-size:30px; text-align:center; }
.about-hz h4::after{ display:block; content:""; height:2px; width:40px; margin:20px auto 0 auto; text-align:center; background:#666;}
.about-hz ul{}
.about-hz ul::after{ content: "."; display: block; clear: both; height:0; width:0; font-size:0;}
.about-hz ul li{ float:left; width:16.6%; box-sizing:border-box; text-align:center;
    overflow: hidden;
    border:1px solid #dcdcdc;
    line-height:130px;
    transition:all 0.5s ease 0s;
    -webkit-transform:all 0.5s ease 0s;
    border-right:0px;
    margin-bottom:-1px;
    cursor:pointer;}
.about-hz ul li:nth-child(6n) { border-right: 1px solid #dcdcdc;}
.about-hz ul li img{ width:100%; height:132px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    cursor: pointer;}
.about-hz ul li:hover img{
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		filter: gray;
		transition: all 0.5s ease 0s;
		-webkit-transform: all 0.5s ease 0s;
		cursor: pointer;
	}

/*-----产品展示-----*/
/*菜单*/
.product-nav{ position:absolute; bottom:0; left:0; width:100%; border-bottom:1px solid #e5e5e5;}
.product-NavContent{ width:1500px; margin:0 auto; padding:30px 50px; box-sizing:border-box; background:#fff;}
.product-NavContent::after{ content:""; display:block; width:0; height:0; clear:both; overflow:hidden;}
.product-NavContent a{ position:relative; float:left; display:inline-block; width:11%; line-height:35px; text-align:center; color:#999;}
.product-NavContent a:hover, .product-nav a.cur:last-child{ color:red;}
.product-NavContent a::after, .product-nav a.cur::after{ position:absolute; bottom:0; left:0; right:0; content:""; display:inline-block; width:0px; height:2px; margin: 0 auto; background:#ff7019;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;	
}
.product-NavContent a:hover::after, .product-nav a.cur::after{ width:60px;}
/*-----内容-----*/
.product-list{ width:1500px; padding-top:55px; margin:0 auto;}
.product-list:after{ content:""; display:block; height:0; clear:both; visibility:hidden;}
.product-list .mk{ float:left; display:inline-block; position:relative; width:23.5%; margin:0 2% 2% 0; border-bottom:1px solid #e5e5e5; box-sizing:border-box;}
.product-list .mk:nth-child(4n){ margin-right:0px;}
/*线条*/
.product-list .mk:after{ position:absolute; bottom:-1px; left:0; content:""; display:block; width:0; border-bottom:1px solid #e5e5e5;}
.product-list .mk:hover::after{ width:100%; border-bottom:1px solid #fd8833;}
/**/
.product-list .mk a{ display:block; width:100%; overflow:hidden;}
/*-----图片-----*/
.product-list .mk-img{ position:relative; width:100%; overflow:hidden; background:#000;
	/*background: -moz-linear-gradient(left, #fafafc 0%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafc), color-stop(100%,#f4f4f4));
    background: -webkit-linear-gradient(left, #fafafc 0%,#f4f4f4 100%);
    background: -o-linear-gradient(left, #fafafc 0%,#f4f4f4 100%);
    background: -ms-linear-gradient(left, #fafafc 0%,#f4f4f4 100%);
    background: linear-gradient(to left, #fafafc 0%,#f4f4f4 100%);*/}
/*放大缩小*/
.product-list .mk-img img{
	width:100%; height:251px; object-fit:cover;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	filter: scale(1);
	filter: transform;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
.product-list .mk:hover .mk-img img{
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	/**/
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	filter: scale(1.15);
	filter: transform;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}
/*元素旋转*/
.product-list .mk-img>div{ position:absolute; top:50%; left:50%; width:140px; height:140px; margin:-70px 0 0 -70px; text-align:center;}
.product-list .mk-img>div:before{ position:absolute; left:0; top:0; right:0; bottom:0; line-height:140px; font-size:32px; color:#fff; opacity:0;
transition:all 0.5s ease;
-webkit-transform:all 0.5s ease;}/*中间链接图标*/
.product-list .mk:hover .mk-img>div:before{
	opacity: 1;
	transition: all 0.5s ease;
	-webkit-transform: all 0.5s ease;}/*中间链接图标*/
.product-list .mk-img>div img{ width:auto; height:auto; opacity:0;
transition:all 0.5s ease;
-webkit-transform:all 0.5s ease;}/*旋转圆点*/
.product-list .mk:hover .mk-img>div img{
	opacity: .6;
	transition: all 0.5s ease;
	-webkit-transform: all 0.5s ease;
	/**/
	-webkit-transform: rotate(360deg);
	animation: rotation 10s linear infinite;
	-moz-animation: rotation 10s linear infinite;
	-webkit-animation: rotation 10s linear infinite;
	-o-animation: rotation 10s linear infinite;}/*旋转圆点*/
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}
/*文本*/
.product-list .mk-text{ position:relative; padding:20px 0 15px 0;}
.product-list .mk-text h3{ width:90%; font-size:20px; font-weight:normal; color:#333; line-height:28px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product-list .mk-text p{ width:90%; line-height:30px; font-size:13px; color:#999; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.product-list .mk-text span{ position:absolute; right:0; top:30px; display:block; width:30px; height:30px; line-height:30px; border-radius:50%; border:1px solid #bbb; color:#bbb; text-align:center;}
.product-list .mk:hover .mk-text span{ border:1px solid #fd8833; color:#fd8833;}
.product-list .mk-text span::before{ font-size:24px;}
/*内容动画*/
.product-list .mk:after, .product-list .mk:hover::after, .product-list .mk .mk-text span, .product-list .mk:hover .mk-text span{
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;
}

/*-----基于产品展示一部份样式，外加自身样式（视频专栏）-----*/
.video{ width:100% !important; height:251px !important;}
.video iframe{ width:100%; height:100%}

/*-----新闻中心-----*/
.news-list{ width:1500px; padding-top:55px; margin:0 auto;}
.news-list .mk{ display:block; padding:30px 0; border-bottom:1px solid #eee;}
.news-list .mk:hover{ border-bottom:1px solid #ff7019;}
.news-list .mk:hover .mk-text h3{ color:#ff7019;}
.news-list .mk::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0;}
.news-list .mk .mk-text{ display:inline-block; width:65%;}
.news-list .mk .mk-text h3{ font-size:24px;     
	transition: all .3s;
    -webkit-transition: all .3s;}
.news-list .mk .mk-text p{ padding:10px 0; font-size:16px; font-weight: 900; color:#999;}
.news-list .mk .mk-text span{ line-height:32px; font-size:16px; color:#666;}
.news-list .mk .mk-img{ float:right; display:inline-block; width:372px; height:248px; overflow:hidden;}
/*图片放大缩小*/
.news-list .mk .mk-img img{ width:100%; height:100%; object-fit:cover;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	filter: scale(1);
	filter: transform;
	transition: all 0.5s ease 0s;
	-webkit-transform: all 0.5s ease 0s;}
.news-list .mk:hover .mk-img img{
	-webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    filter: scale(1.15);
    filter: transform;
    transition: all 0.5s ease 0s;
    -webkit-transform: all 0.5s ease 0s;
    cursor: pointer;
}

/*-----翻页-----*/
.page{ width:1500px; margin:50px auto; text-align:center;}
.page a{ display:inline-block; height:48px; padding:0 20px; margin-right:12px; line-height:48px; text-align:center; color:#333; background:#eee; vertical-align:top;}
.page a:last-child{ margin-right:0;}
.page .page-num-current, .page a:hover{ color:#fff; background:#ff7019;}
.page .HCP-jiantou_xiangyou{ font-size:20px;}
.page-wu{ margin:50px 0; text-align:center; font-size:20px; line-height:50px; color:#999;}
.page-wu:before{ margin-right:10px; font-size:40px; vertical-align:middle; color:#ccc;}

@media screen and (max-width: 1480px) {
	.banner-h1{ width:1200px;}
	.page{ width:1200px;}
	/*产品*/
	.product-banner{ background:url(../img/list/product_banner1200.jpg) no-repeat center;}
	.product-NavContent{ width:1200px;}
	.product-list{ width:1200px;}
	.product-list .mk-img img{ height:201px; }
	/*新闻*/
	.news-list{ width:1200px;}
	/*招聘*/
	.art-job{ width:1200px;}
	/*简介*/
	.about-jianjie{ width:1200px;}
	/*环境*/
	.about-hj{ width:1200px;}
	.about-hj ul li a img{ height:162px;}
	.about-hj ul li a::after{ line-height:162px;}
	.about-hj ul li a:hover::after{ height:162px;}
	/*文化*/
	.about-wh{ width:1240px;}
	/*伙伴*/
	.about-hz{ width:1200px}
}