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

/*banner*/
.ibanner{ height:86vh; max-height:786px; position:relative;}
.ibanner .swiper-slide a{ display:block; height:100%; background:#fff center no-repeat; background-size:cover;}
.ibanner .swiper-pagination{ height:4px; bottom:16px;}
.ibanner .swiper-pagination-bullet{ width:40px; height:4px; background:#fff; margin:0 4px !important; border-radius:0; vertical-align:top; opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background-image:linear-gradient(to right, #00a677, #007cab);}

.main{ width:auto;}
.ibox{ overflow:hidden;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2.title{ display:block; color:#098980; font-size:46px; text-align:center; overflow:hidden; position:relative; margin:0.75em 0 0;}
.ibox h2.title span{ display:block; line-height:2.78; position:relative; z-index:3;}
.ibox h2.title::after{ content:attr(data-title); display:block; width:100%; font-size:1.4em; text-transform:uppercase; opacity:0.08; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1;}
.ibox{ overflow:hidden;}

.box1 .txt{ line-height:2; color:#595959; font-size:21px; overflow:hidden; padding:1em 0 0;}
.box1 a.more{ display:block; line-height:42px; color:#29a9e0; font-size:19.5px; float:right; margin:-42px 0 0;}
.box1 a.more:hover{ color:#098980;}
.box1 ul{ display:block; overflow:hidden; padding:80px 0 200px;}
.box1 ul li{ display:block; width:33.33%; float:left;}
.box1 ul li a{ display:block; background:#000; position:relative;}
.box1 ul li a img{ display:block; width:100%; opacity:0.58; transition:all ease 0.4s;}
.box1 ul li a .box{ width:100%; color:#fff; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:3; transition:all ease 0.4s;}
.box1 ul li a .box span{ display:block; line-height:2.28; font-size:28px;}
.box1 ul li a .box img{ display:none; width:auto; margin:0 auto; opacity:1;}
.box1 ul li a .box p{ display:none; line-height:1.72; font-size:14px; margin:3.25em 22% 0;}
.box1 ul li a:hover img{ opacity:0.3;}
.box1 ul li a:hover .box img{ display:block; opacity:1;}
.box1 ul li a:hover .box p{ display:block;}

.box2{ background:url(../images/icons/pro_bg.jpg) center top no-repeat; background-size:cover; padding:0 0 150px;}
.box2 h2.title{ color:#fff;}
.box2 .con{ overflow:visible;}
.box2 ul{ display:block; overflow:hidden; background:rgba(255,255,255,0.8); padding:36px 0; box-shadow:6px 6px 14px 0 rgba(0,0,0,0.2); margin:100px 0 0;}
.box2 ul li{ display:block; width:20%; float:left;}
.box2 ul li a{ display:block; line-height:4; color:#333; font-size:24px; text-align:center; border:1px solid #eaeaea; border-width:0 1px; transition:background ease 0.4s;}
.box2 ul li:nth-child(5n-4) a{ border-left:0;}
.box2 ul li:nth-child(5n) a{ border-right:0;}
.box2 ul li a:hover{ color:#fff; background-image:linear-gradient(to right, #00a677, #007cab); border-width:0; box-shadow:4px 4px 6px 0 rgba(0,0,0,0.2);}

.box3 .con{ position:relative; overflow:visible;}
.box3 ul{ display:block; padding:94px 0 112px;}
.box3 ul::after{ content:''; display:block; clear:both;}
.box3 ul li{ display:block; width:14.285%; float:left;}
.box3 ul li a{ display:block; position:relative;}
.box3 ul li em{ display:block; background:#000; transition:all ease 0.4s;}
.box3 ul li em img{ display:block; width:100%; transition:all ease 0.4s;}
.box3 ul li span{ display:block; width:1em; line-height:1.05; color:#fff; font-size:17px; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all ease 0.4s;}
.box3 ul li a:hover{ z-index:9;}
.box3 ul li a:hover em{ transform:scale(1.18);}
.box3 ul li a:hover em img{ opacity:0.5;}
.box3 ul li a:hover span{ font-size:2.35em;}

.box4 .con{ position:relative; overflow:visible;}
.box4 dl{ display:block; padding:36px 0 30px;}
.box4 dl dt{ overflow:hidden; width:550px; padding:0 0 18px; box-shadow:0 4px 6px 0 rgba(0,0,0,0.1); float:left; position:relative; margin:20px 36px 20px 0;}
.box4 dl dt a.pic{ display:block; overflow:hidden;}
.box4 dl dt a.pic img{ display:block; width:100%; height:330px;}
.box4 dl dt span.date{ display:block; line-height:48px; color:#bdbdbd; font-size:13px; background:url(../images/icons/date.png) left center no-repeat; padding-left:18px; overflow:hidden; margin:4px 26px 0; float:right;}
.box4 dl dt a.title{ display:block; line-height:48px; color:#333; font-size:17px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:4px 26px 0;}
.box4 dl dt a.title:hover{ color:#098980;}
.box4 dl dt .txt{ height:60px; line-height:20px; color:#979797; font-size:13px; padding:0 26px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}

.box4 dl dd{ overflow:hidden; padding:20px 0; border-bottom:1px solid #f5f5f5;}
.box4 dl dd:nth-child(4){ border-bottom:0;}
.box4 dl dd a.pic{ display:block; overflow:hidden; float:left; margin-right:24px;}
.box4 dl dd a.pic img{ display:block; height:126px;}
.box4 dl dd a.title{ display:block; line-height:40px; color:#333; font-size:17px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box4 dl dd a.title:hover{ color:#098980;}
.box4 dl dd .txt{ height:40px; line-height:20px; color:#979797; font-size:13px; padding:6px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.box4 dl dd span.date{ display:block; line-height:36px; color:#bdbdbd; font-size:13px; background:url(../images/icons/date.png) left center no-repeat; padding-left:18px; overflow:hidden; margin:4px 0 0;}

.box5{}
.box5 .bg{ background:url(../images/icons/about_bg.jpg) center no-repeat; background-size:cover; padding:60px 0 104px; margin:28px 0 0;}
.box5 h3{ display:block; width:42%; line-height:2.1; color:#fff; font-size:36px; padding:0 0 0.2em;}
.box5 p{ display:block; width:42%; line-height:1.6; color:#fff; font-size:20px;}
.box5 i{ display:block; width:44px; height:2px; background:#fff; margin:32px 0 48px;}
.box5 a.more{ display:block; line-height:2.4; color:#fff; font-size:18px; padding:0 1em; border:1px solid #fff; float:left; margin:4em 0 0;}
.box5 a.more img{ vertical-align:middle; padding:0 0 3px; margin-left:0.8em;}

.ads{ display:block;}
.ads img{ display:block; width:100%;}

/*pc适配*/
@media only screen and (max-width:1366px){
}

@media only screen and (max-width:1240px){
.ibanner{ height:48vw;}

.ibox .con{ width:auto; margin:0 20px;}
.ibox h2.title{ font-size:36px;}

.box1 .txt{ font-size:16px;}
.box1 a.more{ line-height:2.15; font-size:15px; margin:0;}
.box1 ul{ clear:both; padding:40px 0 100px;}
.box1 ul li a .box p{ margin:3.25em 14% 0;}

.box2{ padding:0 0 90px;}
.box2 ul{ margin:30px 0 0;}
.box2 ul li a{ font-size:18px;}

.box3 ul{ padding:34px 0 42px;}

.box4 dl{ padding:16px 0 30px;}
.box4 dl dt{ width:500px;}
.box4 dl dt a.pic img{ height:300px;}
.box4 dl dd a.pic img{ height:116px;}
.box4 dl dd .txt{ padding:2px 0 0;}
.box4 dl dd span.date{ line-height:30px;}

.box5 h3{ font-size:30px;}
.box5 p{ font-size:16px;}
.box5 a.more{ font-size:16px;}
}

@media only screen and (max-width:1024px){
.box1 ul{ margin:0 -4px; padding:30px 0 80px;}
.box1 ul li{ box-sizing:border-box; padding:0 4px;}
.box1 ul li a img{ opacity:0.58;}
.box1 ul li a .box img{ display:block;}
.box1 ul li a .box p{ display:block; margin:1.5em 8% 0;}

.box3 ul li a:hover em{ transform:scale(1);}
.box3 ul li a em img{ opacity:0.7;}
.box3 ul li a span{ font-size:2em !important;}

.box4 dl dt{ width:332px;}
.box4 dl dt a.pic img{ height:auto;}
.box4 dl dt .txt{ height:40px; -webkit-line-clamp:2;}
.box4 dl dd a.pic img{ height:76px;}
.box4 dl dd .txt{ display:none;}

.box5 .bg{ padding:40px 0 64px;}
}

@media only screen and (max-width:480px){
.ibanner{ height:64vw;}

.ibox .con{ margin:0 12px;}
.ibox h2.title{ font-size:26px;}
.ibox h2.title::after{ width:200%; font-size:1.2em; left:-50%;}
.ibox h2.title span{ line-height:2.5;}

.box1 .txt{ font-size:14px;}
.box1 a.more{ font-size:14px;}
.box1 ul{ padding:20px 0 50px;}
.box1 ul li a .box img,
.box1 ul li a .box p{ display:none !important;}
.box1 ul li a .box span{ font-size:20px;}

.box2{ padding:0 0 60px;}
.box2 ul{ padding:16px 0; margin:20px 0 0;}
.box2 ul li{ width:33.33%;}
.box2 ul li a{ line-height:3.2; font-size:15px;}
.box2 ul li:nth-child(5n-4) a{ border-left:1px solid #eaeaea;}
.box2 ul li:nth-child(3n-2) a{ border-left:0;}
.box2 ul li:nth-child(5n) a{ border-right:1px solid #eaeaea;}
.box2 ul li:nth-child(3n) a{ border-right:0;}

.box3 ul{ margin:0 -4px; padding:20px 0 22px;}
.box3 ul li{ width:50%; overflow:hidden;}
.box3 ul li a{ overflow:hidden; margin:4px;}
.box3 ul li:nth-child(7){ margin-left:25%;}
.box3 ul li a span{ width:100%; font-size:18px !important; text-align:center;}
.box3 ul li a em img{ margin:-90% 0;}

.box4 dl{ padding:16px 0 10px;}
.box4 dl dt{ width:auto; float:none; margin:0 0 8px;}
.box4 dl dt a.title{ margin-left:12px;}
.box4 dl dt .txt{ padding:0 12px;}
.box4 dl dt span.date{ margin:4px 12px 0;}
.box4 dl dd{ padding:14px 0;}
.box4 dl dd a.pic{ margin-right:18px;}
.box4 dl dd a.pic img{ height:80px;}
.box4 dl dd a.title{ line-height:2; font-size:16px;}
.box4 dl dd span.date{ line-height:1.5;}
.box4 dl dd .txt{ display:-webkit-box; height:20px; -webkit-line-clamp:1;}

.box5 .bg{ padding:40px 0 44px;}
.box5 h3{ width:auto; font-size:22px;}
.box5 i{ margin:22px 0 28px;}
.box5 p{ width:auto; font-size:14px;}
.box5 a.more{ font-size:14px; margin:3em 0 0;}
}




/**/