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

@media(max-width:1200px){
	#fp-nav{ display:none}
}
.section{ background-repeat:no-repeat;background-position: center center; line-height:30px;}
.ind_title{ text-align:center; padding:20px 0;}
.ind_title span{ display:block; font-size:16px; color:rgba(255,255,255,0.2); text-transform:uppercase}
.ind_title b{ display:block; font-size:36px; padding:20px 0; font-weight:normal;}



@media(max-width:1200px){
	.ind_title b{ font-size:30px;}
}
@media(max-width:640px){
	.ind_title b{ font-size:20px; padding:0;}
}
#ind_item1 .banner,
#ind_item1 .slick-list,
#ind_item1 .slick-track,
#ind_item1 .slick-slide{ height: 100%;}
#ind_item1 .header{ position: absolute; left: 0; top: 0; width: 100%; background: #fff;}
#ind_item1 .pic{ background-repeat:no-repeat;background-position:center center; background-size:100%; height: 100% !important;}
#ind_item1 .pic .pc,#ind_item1 .pic .wap{ display:none}
#ind_item1 .slick-dots { bottom:5%; text-align:left; padding-left:8%}
#ind_item1 .slick-dots li{  width:auto; position:relative;font-size:16px; color:#fff; padding-right:30px;}
#ind_item1 .slick-dots li:after{ content:''; display:inline-block; position:absolute; left:28px; bottom:5px; width:0; height:2px; background-color:#fff;transition:all 0.7s;}
#ind_item1 .slick-dots .slick-active{ padding-right:60px; font-weight:bold;}
#ind_item1 .slick-dots .slick-active:after{ width:20px;}
@media(max-width:1440px){
	/* #ind_item1 .pic{background-size:cover;} */
}
@media(max-width:1200px){
#ind_item1 .header{ position: relative;}
#ind_item1 .pic{ height:auto!important; background:none!important}
#ind_item1 .pic .pc{ display:block}
}
@media(min-width:1200px){
#ind_item1 .banner{padding-top:100px;}
#ind_item1 .pic{background-position:center top;}
}
@media(max-width:640px){

#ind_item1 .pic .pc{ display:none}
	#ind_item1 .pic .wap{ display:block}
}
#ind_item2{ background-position: right bottom; background-size:contain}
#ind_item2 .ind_title{ text-align:left}
#ind_item2 .ind_title span{ color:#023894}
#ind_item2 .ind_title b{ color:#333333}
#ind_item2 .ind_title b em{ font-size:18px; color:#e90000; font-style:normal;}
#ind_item2 .info{ float:right; width:46%}
#ind_item2 .txt{ padding-bottom:4%; padding-right:10%}
#ind_item2 .num{ padding-left:7%}
#ind_item2 .num ul li{ font-size:16px; float:left; width:33%; color:#0a953d}
#ind_item2 .num ul li b{ font-size:36px;font-family:Arial}
#ind_item2 .num ul li em{ font-size:36px;}
#ind_item2 .num ul li span{ display:block; color:#555555; padding-bottom:30px;}
#ind_item2 .num ul li.n1{ padding-top:22%;}
#ind_item2 .num ul li.n2{ padding-top:23%;}
#ind_item2 .num ul li.n3{ padding-top:5%;}
#ind_item2 .num ul li:after{ content:''; width:7px; height:7px; display:block; background-color:#0a953d; border-radius:100px; box-shadow: 0 0 0 6px rgba(10, 149, 61, 0.1)}
#ind_item2 .ind_more{ display:inline-block;}
#ind_item2 .ind_video{ display:inline-block; padding-left:30px;}
#ind_item2 .ind_video a{ display:inline-block; line-height:55px; padding-left:28px; background:url(../images/ind_video_icon.png) no-repeat left}
#ind_item2 .photo{ float:left; width:44.375%}
@media(max-width:1200px){
	#ind_item2 .info,
	#ind_item2 .photo{ float:none; width:100%}
	#ind_item2 .photo{ padding-top:3%}
	#ind_item2 .num{padding-bottom:10%}
}
@media(max-width:768px){
	#ind_item2 .ind_title b em{ font-size:14px;s}
	#ind_item2 .txt{ padding-right:0}
	#ind_item2 .ind_video a{ line-height:40px;}
	#ind_item2 .num{ padding-left:40px; }
	#ind_item2 .num ul li b{ font-size:20px; font-family:Arial;}
	#ind_item2 .num ul li em{ font-size:16px;}
	#ind_item2 .num ul li.n2{ padding-top:15%}
}

#ind_item3{ background-color:#023894; background-size:cover; background-position:bottom center; color:#fff}
#ind_item3 .ind_text{ max-width:790px; margin:0 auto; font-size:14px; text-align: center; margin-bottom:90px;}
#ind_item3 .map_list{ max-width:1440px; margin:0 auto; position: relative; min-height:382px; margin-bottom:90px; background-size:contain;}
#ind_item3 .map_list li{ line-height:40px; cursor: pointer; position:absolute; padding:0 10px; background-color:rgba(47, 195, 227, 0.7); border:solid 1px #6ae1f3; }
#ind_item3 .map_list li img{ margin-right:3px; vertical-align: middle; }
#ind_item3 .map_list li:after{
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-10px;
	content:'';
	display:block;
	width: 0;
	height: 0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:12px solid rgba(47, 195, 227, 0.7);
}
#ind_item3 .map_list li:before{
	content:"";
	position:absolute;
	top:50px;
	left:50%;
	width:35px;
	height:20px;
	margin-left:-17px;
	background:url(../images/icon_xia.png) center no-repeat;
	background-size:contain;
}
#ind_item3 .map_tab{ display:none; position: absolute; top:0; text-align:center; width:100%; height:100%; z-index:4;}
#ind_item3 .color_bg{ background-color:rgba(0, 0, 0, 0.4); position: absolute; top:0; left:0; width:100%; height:100%; text-align: center;  z-index:3; display:none}
#ind_item3 .tab_wenb{ border:solid 1px #6ae1f3; background-color:rgba(0, 58, 158, 0.9); position: relative; /*width:220px;  margin-top:10%; transform: translateY(50%);*/ padding:35px 35px 50px; z-index:3; display:inline-block; }
#ind_item3 .tab_wenb li{ display:none; }
#ind_item3 .tab_wenb li .tit{ color:#fff; font-size:24px;  padding-bottom:15px; display:block;}
#ind_item3 .tab_wenb li p{ text-transform:uppercase; margin:0; color:rgba(255,255,255, 0.5); font-size:14px; line-height:30px; max-height:210px; overflow-y:auto}
#ind_item3 .tab_wenb li p::-webkit-scrollbar { width : 5px;  height: 1px;}
#ind_item3 .tab_wenb li p::-webkit-scrollbar-thumb { border-radius: 10px;  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(2,56,148,0.5);}
#ind_item3 .tab_wenb li p::-webkit-scrollbar-track {  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed;}
#ind_item3 .tab_wenb .close_icon{ cursor:pointer; position:absolute; left:50%; margin-left:-32px; margin-top:18px; width:65px; height:65px; background:url(../images/close_icon.png) center no-repeat;}
@media only screen and (max-width:1440px){
	/*#ind_item3 .map_list li.ol1{ right:16%!important; top:34%!important; }
    #ind_item3 .map_list li.ol2{ right:23%!important; top:70%!important; }
    #ind_item3 .map_list li.ol3{ right:16%!important; top:68%!important; }
    #ind_item3 .map_list li.ol4{ right: 23.5%!important; top:46%!important; }
    #ind_item3 .map_list li.ol5{ right:33.5%!important; top:45%!important; }
    #ind_item3 .map_list li.ol6{ right:50%!important; top: 52%!important; }
    #ind_item3 .map_list li.ol7{ left: 18.5%!important; top: 52%!important; }*/
}
@media(max-width:1366px){
        #ind_item3 .map_list{max-width:1000px;}
	body, html{ overflow-x:hidden!important; }
	#ind_item3 .ind_text{ margin-bottom:20px; }
	/*#ind_item3 .map_list li.ol1{ right:-1%!important; top:52%!important; }
    #ind_item3 .map_list li.ol2{ right:8%!important; top:85%!important; }
    #ind_item3 .map_list li.ol3{ right:-1%!important; top:82%!important; }
    #ind_item3 .map_list li.ol4{ right:11%!important; top:64%!important; }
    #ind_item3 .map_list li.ol5{ right:22.5%!important; top:62%!important; }
    #ind_item3 .map_list li.ol6{ right:43%!important; top:58%!important; }
    #ind_item3 .map_list li.ol7{ left:5%!important; top:76%!important; }*/
	#ind_item3 .color_bg{ top:0; }
	#ind_item3 .tab_wenb{ margin-top: 0;}
}

@media only screen and (max-width:640px){
	body, html{ min-width:320px; overflow-x:auto!important; }
	#ind_item3 .map_list{ padding:0 2%; min-height:150px; }
	#ind_item3 .map_list li:before,
	#ind_item3 .map_list li:after{ display:none; }
	#ind_item3 .map_list li{ position:inherit; display:inline-block; margin:5px 0;}
	#ind_item3 .map_list li.ol1,
	#ind_item3 .map_list li.ol2,
	#ind_item3 .map_list li.ol3,
	#ind_item3 .map_list li.ol4,
	#ind_item3 .map_list li.ol5,
	#ind_item3 .map_list li.ol6,
	#ind_item3 .map_list li.ol7,
	#ind_item3 .map_list li.ol8,
	#ind_item3 .map_list li.ol9,
	#ind_item3 .map_list li.ol10{ top:auto!important; left:auto!important; right:auto!important; }
	#ind_item3 .tab_wenb{transform: translateY(-20%);}
}
#ind_item4{ background-size:cover}
#ind_item4 .ind_title span{ color:#023894}
#ind_item4 .info{ text-align:center; max-width: 480px;  margin: auto;}
#ind_item4 .list{ height:100%}
#ind_item4 .box{ padding:0 60px; height:100%}
#ind_item4 .w_1600{ width:100%; height:100%; max-width:none; position:absolute; top:0}
#ind_item4 .w_1324{max-width:1324px; height:100%; position:relative}
#ind_item4 .photo{ background:no-repeat center center; background-size:contain; width:100%; height:100%; position:absolute;}
#ind_item4 .photo img{ display:none}
#ind_item4 .item{ position:absolute;/* width:100px;*/}
#ind_item4 .item a{ color: #fff;}
#ind_item4 .item h3{ font-size:24px; padding:10px 0; text-align:center}
#ind_item4 .item h3 span{ color:#023894; cursor:pointer;}
#ind_item4 .item .icon{ display:block; margin:auto; border:dashed 1px rgba(10, 149, 61, 0.30);border-radius:100px; width:18px; height:18px; padding:4px;}
#ind_item4 .item .icon:before{ content:''; background-color:#0a953d; border-radius:100px; display:block; width:8px; height:8px;}
#ind_item4 .item.on{ z-index: 20;}
#ind_item4 .item.on h3 span{ opacity:0}
#ind_item4 .item.n7{display:none}
#ind_item4 .show{ z-index:100; display:none; left:-200px; top:0; position:absolute; width:400px; height:140px; border-radius:100px; color:#fff; padding:10px;}
#ind_item4 .show p{ opacity:0.8; word-break:normal; word-wrap:break-word; height:72px; overflow:hidden;}
#ind_item4 .show .pic{ position:absolute;}
#ind_item4 .show .pic img{ border-radius:100px; border:solid 4px #fff; border-radius:100px; width:120px; height:120px;}
#ind_item4 .show .txt{ padding-left:142px; padding-right:20px; line-height:24px;}
#ind_item4 .show .txt h3{ text-align:left}
#ind_item4 .show{
	background: #8fcf20; /* Old browsers */
	background: -moz-linear-gradient(left, #8fcf20 0%, #5eb80b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #8fcf20 0%,#5eb80b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #8fcf20 0%,#5eb80b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fcf20', endColorstr='#5eb80b',GradientType=1 ); /* IE6-9 */
	box-shadow:0px 10px 24px rgba(94, 184, 11, 0.3);
}

@media(max-width:1200px){
#ind_item4 .photo{ background:none!important}
#ind_item4 .photo img{ display:block}
}
@media(max-width:768px){
	#ind_item4 .box{padding:0 15px;}
    #ind_item4 .item{ z-index:10}
	#ind_item4 .item h3 { font-size:14px;}
	#ind_item4 .list{ position:relative;}
	#ind_item4 .w_1324{padding:5% 0;min-height: 270px;}
	#ind_item4 .item{position:relative;width: 25%;float: left;padding: 15px 8px;}
	#ind_item4 .show{ left:0!important; width:397%; height:120px; top:auto}
	#ind_item4 .n2 .show,#ind_item4 .n6 .show{left:-99% !important;}
	#ind_item4 .n3 .show,#ind_item4 .n7 .show{left:-199% !important;}
	#ind_item4 .n4 .show,#ind_item4 .n8 .show{left:-299% !important;}
	#ind_item4 .show .pic img{ width:100px; height:100px}
	#ind_item4 .show .txt{ padding-left:110px;}
	#ind_item4 .show .txt h3{ padding:0}
	#ind_item4 .show p{ font-size:13px; line-height:22px;}
	#ind_item4 .w_1600{ position:relative; height:auto}
	#ind_item4 .photo{/* position:absolute; */z-index:2;}


}
@media(min-width:768px){
	#ind_item4 .item.n1{ left:19%; top:35%;}
	#ind_item4 .item.n2{  right:19%; top:54%;}
	#ind_item4 .item.n3{ right:13.5%; top:69%;}
	#ind_item4 .item.n4{ left:14.5%; top:71%;}
	#ind_item4 .item.n5{ right:-3.5%; top:35%;}
	#ind_item4 .item.n6{ left:-3.5%; top:52%;}
	#ind_item4 .item.n7{ left:12%; top:21%;}
	#ind_item4 .item.n8{ right:13.5%; top:18%;}
	#ind_item4 .n5 .show{ left:-300px}
	#ind_item4 .n6 .show{ left:0}
}
#ind_item5 .ind_title span{ color:#fff}
#ind_item5 .ind_title b{ color:#fff}
#ind_item5 .list{ padding:0px 60px;}
#ind_item5 .box{ max-width:400px; margin:auto}
#ind_item5 .pic{ padding:10%}
#ind_item5 .pic span{ display:block; border:solid 20px rgba(255,255,255,0.35); border-radius:4px;}
#ind_item5 .pic img{ max-width:100%;}
#ind_item5 .txt{ color:#fff; font-size:16px; line-height:24px; text-align:center; padding:0px 30px; word-break:normal; word-wrap:break-word;}
#ind_item5 .txt a{ color:#fff}
#ind_item5 .box:hover .txt{/* -webkit-line-clamp: 5; */ -webkit-line-clamp: initial;}
#ind_item5 .slick-center .pic{ padding:0}
#ind_item5 .slick-center .pic img{border:solid 5px #fff;}
#ind_item5 .slick-center .txt{ font-size:18px;}
#ind_item5 .slick-slide{ opacity:0}
#ind_item5 .slick-active{ opacity:1}
#ind_item5 .slick-prev,
#ind_item5 .slick-next{ border:solid 2px rgba(255,255,255,0.3); border-radius:100px; width:70px; height:70px; background:no-repeat center center}
#ind_item5 .slick-prev{ left:0; background-image:url(../images/ind_jt_prev.png)}
#ind_item5 .slick-next{ right:0; background-image:url(../images/ind_jt_next.png)}
#ind_item5 .slick-prev:before,
#ind_item5 .slick-next:before{ display:none}
@media(max-width:1200px){
	#ind_item5 .list{ padding-bottom:4%}
}
@media(max-width:960px){
	#ind_item5 .txt{ font-size:14px;}
	#ind_item5 .slick-center .txt{ font-size:16px;}
	#ind_item5 .slick-prev,
	#ind_item5 .slick-next{ width:50px; height:50px;}
}
@media(max-width:640px){
	#ind_item5 .list{ padding:0px 10px 4% 10px}
}
#ind_item6 .ind_title span{ color:#023894}
#ind_item6 ul li time{ color:#023894; font-size:16px; font-family:Arial; display:block;}
#ind_item6 ul li time b{ display:block; font-size:36px}
#ind_item6 .hot{ float:left; width:38.75%;}
#ind_item6 .hot ul li .txt{ padding-top:40px; padding-left:155px; position:relative}
#ind_item6 .hot ul li time{ position:absolute; left:0; width:115px; height:100px; border-right:solid 1px #dddddd}
#ind_item6 .hot ul li h3{ font-size:20px;}
#ind_item6 .hot ul li p{ color:#555; margin-top:10px;}
#ind_item6 .list{ float:right; width:54.375%;}
#ind_item6 .list ul{ position:relative}
#ind_item6 .list ul:before{ content:''; left:0; top:120px; position:absolute; display:block; width:100%; height:1px; background-color:#dddddd}
#ind_item6 .list ul li{ float:left; width:26%}
#ind_item6 .list ul li time{ position:relative; padding-bottom:130px;}
#ind_item6 .list ul li time:before,
#ind_item6 .list ul li time:after{ content:''; position:absolute; display:block;  border-radius:100px;}
#ind_item6 .list ul li time:before{ left:-6px; bottom:61px;border:dashed 1px #dddddd; width:15px; height:15px;}
#ind_item6 .list ul li time:after{ left:0px; bottom:67px; width:5px; height:5px; background-color:#dddddd}
#ind_item6 .list ul li h3{ font-size:18px; height:60px;}
#ind_item6 .list ul li p{ color:#999; margin-top:30px;}
#ind_item6 .list ul li .more{ background:url(../images/ind_news_more.png) no-repeat; display:block; margin-top:60%; width:30px; height:11px;}
#ind_item6 .list ul li:nth-child(2){ margin:0 11%}
@media(max-width:1200px){
	#ind_item6 .hot,
	#ind_item6 .list{ float:none; width:100%}
	#ind_item6 .hot{ padding-bottom:5%}
}
@media(max-width:640px){
	#ind_item6 ul li time b{ font-size:18px;}
	#ind_item6 .list ul li{ float:none; width:100%;border-top:solid 1px #dddddd}
	#ind_item6 .list ul li:nth-child(2){ margin:5% 0}
	#ind_item6 .list ul li time{ padding-bottom:0%}
	#ind_item6 .list ul:before{ display:none;}
	#ind_item6 .list ul li p{ margin-top:10px;}
	#ind_item6 .list ul li .more{ margin-top:10px;}
	#ind_item6 .list ul li h3{ height:auto}
	#ind_item6 ul li time{ font-family:Arial}
	#ind_item6 .list ul li time:before,
	#ind_item6 .list ul li time:after{ display:none}
	#ind_item6 .hot ul li time{ width:60px;}
	#ind_item6 .hot ul li .txt{ padding-left:80px;}
}

#ind_item7{ min-height:480px; color:#fff; background-position:bottom center; background-color:#366a3c}
#ind_item7 .auto{ text-align:center}
#ind_item7 .info{ padding-bottom:1%}

.ind_more{ text-align:center;padding-bottom:2%}
.ind_more a{ line-height:55px; position:relative; padding-left:30px; padding-right:88px; display:inline-block; color:#fff; background-color:#023894;}
.ind_more a:after{ content:''; position:absolute; right:30px; top:0; width:30px; height:100%; background:url(../images/ind_more_icon.png) no-repeat center center;transition:all 0.7s;}
.ind_more a:hover{ background-color:#0a953d}
.ind_more a:hover:after{ right:20px;}
@media(max-width:768px){
	.ind_more a{ line-height:40px; padding-left:20px; padding-right:58px;}
	.ind_more a:after{ right:20px;}
}


/* CSS3过度及动画 */
@media(min-width:1200px){
	.ind_title{opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
	.active .ind_title{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

	#ind_item2 .txt{ opacity: 0; transition: all 1s;transform: translateY(80%);}
	#ind_item2.active .txt { opacity: 1; transition-delay: 1.1s; transform: translateY(0%);}
	#ind_item3 .ind_text{ opacity: 0; transition: all 1s;transform: translateY(80%);}
	#ind_item3.active .ind_text { opacity: 1; transition-delay: 1.1s; transform: translateY(0%);}
	#ind_item3 .map_list{ opacity:0;transform: translatex(-50%);transition: all 1s;}
	#ind_item3.active .map_list{ opacity:1; transition-delay: 1.1s; transform: translateX(0%);}
	#ind_item4 .item{ opacity:0; transition: all 1s;}
	#ind_item4.active .item{ opacity:1;transition-delay: 1.1s;}
	#ind_item4 .info{ opacity: 0; transition: all 1s;transform: translateY(80%);}
	#ind_item4.active .info { opacity: 1; transition-delay: 1.1s; transform: translateY(0%);}
	#ind_item7 .ind_title{opacity: 1;-webkit-transform:scale(1, 1); transform:scale(1, 1);}
}