@charset "utf-8";
*{ margin:0; padding:0;}
.clear{ clear:both;}

img{ border:none;}

ul,li{ list-style:none;}

a{ text-decoration:none;}



html,body{  font-family: "Microsoft YaHei","Arial";  color:#272727; font-size:12px; background-color:#ffffff;  }

html{overflow-x:hidden;}

body a{outline:none;blr:expression(this.onFocus=this.blur());}


/*nav*/

.nav_container{ width:100%; height:60px;    background: hsla(0,0%,100%,.75); position:fixed; top:0; left:0;    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.16);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.16); z-index:999;}
	
.nav_content{ width:1100px; margin:0 auto; overflow:hidden;}

.nav_content .logo{ width:130px; float:left; display:block; height:auto; margin-top:7px;}

.nav{ float:left; margin:13px 0 0 20px;}

.nav ul li{ font-size:17px; float:left; color:#000; line-height:2em; margin:0 0.95em;}

.nav ul li a{ color:#000; display:block;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;border-bottom:3px solid rgba(0,73,48,0);}
.nav ul li a:hover,.nav ul li.active a{ color:#004930;border-bottom:3px solid rgba(0,73,48,1);}

.nav_content .lan{ float:right; margin-top:15px;}

.nav_content .lan a{ color:#333; line-height:2em; font-size:16px; margin:0 1px;}

@media screen and (max-width:1370px){
.nav_content{ width:990px;}
.nav ul li{ font-size:15px;}

.nav_content .nav{ margin:15px 0 0 20px;}

.nav_content .lan a{ font-size:15px;}
}

@media screen and (max-width:1000px){
	.nav_content{ width:98%;}
}

@media screen and (max-width:980px){
.nav_container{ display:none;}
}


/*mobile nav*/
.mobile_nav_content{ width:100%; position:fixed; display:none;z-index: 999;}
.mobile_nav_top{  width:100%; height:60px;    background: hsla(0,0%,100%,.75); position:fixed; top:0; left:0;    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,.16);
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.16); z-index:999;}
	
.mobile_nav_top .logo{ width:100px; float:left; display:block; height:auto; margin:7px 0 0 10px;}

.mobile_nav_top .lan{ float:left; margin:15px 0 0 10px;}
.mobile_nav_top .lan a{ color:#333; line-height:2em; font-size:12px; margin:0 1px;}
.mobile_nav_top i{ display:block; float:right; width:18px; height:18px; background:url(../images/nav_kai.png) no-repeat center center; background-size:100%; margin:20px 10px 0 0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.mobile_nav_top i.guanbi{ background:url(../images/nav_cha.png) no-repeat center center;background-size:100%;}

.mobile_nav{ width:100%;background: #fff;height: calc(100vh - 60px); padding:30px; box-sizing:border-box; overflow:hidden; position:absolute; top:60px; left:0px; z-index:998; display:none;}

.mobile_nav ul li{ font-size:18px; text-align:center;border-bottom: 1px solid #eee; line-height:3em;}
.mobile_nav ul li a{ display:block;     color: #595757;}

.mobile_nav ul li dl{ width:100%; display:none;}
.mobile_nav ul li dl dd{ font-size:14px; line-height:3em;}

@media screen and (max-width:980px){
.mobile_nav_content{ display:block;}
}


/*banner*/
.banner_content{ width:100%; height:100vh; position:relative; position:relative;}


.banner{width: 100%;
        height: 100vh;}
	
.banner .swiper-slide{
    width: 100%;
    height: 100%;display: flex;
        display: -webkit-flex;
        display: -ms-flex;   align-items: center;   
        justify-content: center;position:relative; }
	
	
.banner .swiper-slide img{
	animation-duration:3s;
	animation-timing-function:linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration:3s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-fill-mode: forwards;  /*object-position:50% 50%;*/  width:100%;
	}	
	
.banner .swiper-slide img.m_banner{ display:none;}
			  
.banner_quan .swiper-pagination-bullet{ width:12px; height:12px; margin:0 10px; background:#fff; opacity:0.3;}

.banner_quan .swiper-pagination-bullet-active{ background:#fff; opacity:1;}


.leftUp img{-webkit-animation-name:leftUp;animation-name:leftUp;}
@-webkit-keyframes leftUp{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}
@keyframes leftUp{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}

.moveRight img{-webkit-animation-name:moveRight;animation-name:moveRight;}
@-webkit-keyframes moveRight{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}
@keyframes moveRight{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}}

.moveDown img{-webkit-animation-name:moveDown;animation-name:moveDown;}
@-webkit-keyframes moveDown{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}
@keyframes moveDown{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}
@keyframes centerBig{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}

.rightDownBig img{-webkit-animation-name:rightDownBig;animation-name:rightDownBig;}
@-webkit-keyframes rightDownBig{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}
@keyframes rightDownBig{
0%{transform:scale(1.1,1.1); }
100%{transform:scale(1,1);}}


@media screen and (max-width:980px){
.banner .swiper-slide img.pc_banner{ display:none;}	
.banner .swiper-slide img.m_banner{ display:block;}	

.banner .swiper-slide{
    }
}


/*news*/
.index_news_content{ width:1100px; margin:74px auto 0 auto;}

.index_left_news{ width:30%; float:left;}
.index_news_title{ width:100%;border-bottom: 2px solid #004930; margin-bottom:40px;}

.index_news_title h3{ color:#333; font-size:38px; line-height:2em; font-weight:normal;}

.index_news_title h3 span{ font-size:21px;font-weight: 200; margin-left:10px;}

.index_news_title h3 i{ width:12px; display:block; float:right; margin-top:42px;}

.index_news_title h3 i img{ width:100%; height:auto;}


.index_news_bottom{ width:100%}
.index_news_bottom ul li{ width:100%; cursor:pointer; margin-bottom:50px; position:relative; float:left;}
.index_news_left_date{ width:20%; min-width:70px;
    margin-right: 2em; 
   float:left; text-align:center;position:absolute;
        left:0%;
        top:50%;
        transform: translate(0%,-50%); 
        -ms-transform: translate(0%,-50%);  /* IE9及以上支持 */
        -webkit-transform: translate(0%,-50%);    /* Safari and Chrome */
        -o-transform: translate(0%,-50%);     /* Opera */
        -moz-transform: translate(0%,-50%);       /* Firefox */  }
   
 .index_news_left_date h4
 
 {  font-size: 25px;
    margin-bottom: 5px;
    color: #333;

    background: #ebebeb;
    text-align: center; font-weight:normal; line-height:2em;
}

 .index_news_left_date h5{ font-weight:normal;font-size: 12px;
    color: #666; line-height:2em;    background: #ebebeb;}   
 .index_news_right_word{ float:right; overflow:hidden; width:70%}

 .index_news_right_word h3{    line-height: 1.4em;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px; color:#333;}
	
 .index_news_right_word p{    line-height: 1.6em;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-align: justify;
    font-size: 12px;
    color: #989898;}
	
.index_news_bottom ul li:hover h3{    color: #004930;}
.index_news_bottom ul li:hover p{    color: #666;}


.index_news_right_content{    width: 58%; float:right; margin-top:104px;}

.index_news_right_content img{ width:100%; height:auto;}

.index_news_right_content .swiper-slide{ position:relative;}

.index_news_right_content .swiper-slide .news_bg{ width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.index_news_right_content .swiper-slide:hover .news_bg{ background:rgba(0,0,0,0);}

.index_news_right_content .swiper-slide img{transform: scale(1);-mo-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);transition: all 0.6s ease-out 0s;-webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -mo-transition: all 0.6s ease-out 0s;}
 


.index_news_right_content .swiper-slide:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transition: all 0.6s ease-out 0s; -webkit-transition: all 0.6s ease-out 0s;-moz-transition: all 0.6s 
ease-out 0s;-mo-transition: all 1s ease-out 0s;}

.index_left_news h6{ display:none;}

@media screen and (max-width:1370px){
.index_news_content{ max-width:990px; width:98%;}
.index_news_right_content{    margin-top:120px;}

}


@media screen and (max-width:980px){
.index_news_content{ width:100%; box-sizing:border-box;    padding: 0 24px; margin-top:40px;}
.index_news_right_content{ display:none;}
.index_left_news{ width:100%;}

 .index_news_right_word{ float:right; overflow:hidden; width:75%}
 
 .index_news_bottom ul li{ margin-bottom:5%;}
 .index_news_title{ margin-bottom:26px;}
 
 .index_news_title h3 span{ display:none;}
 
.index_news_title h3 i{ display:none;}
.index_news_title h3{ font-size:28px; text-align:center; line-height:1em; background:url(../images/news_line.png) no-repeat center center;}
.index_news_title{ border-bottom:none;}

.index_left_news h6{ display:block;overflow: hidden;
    text-align: center;
    width: 60%;
    margin: 0 auto;
    font-size: 12px;
    margin-top: 16px; padding:8px;
    border-radius: 30px;
    color: #fff;
    background: #004930; font-weight:normal; line-height:2em;}
}

@media screen and (max-width:410px){
 .index_news_right_word{ width:71%}	
}

/*ad*/
.index_ad_content{ width:100%; height:200px; position:relative; background-size:cover!important; margin-top:60px;}
.ad_bg{ width:100%; height:100%;background: rgba(0,0,0,.3); position:absolute; left:0; top:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
@media screen and (max-width:980px){
.index_ad_content{ display:none;}	
}


/*chanyelian*/

.chanyelian_container{ max-width:1100px; margin:58px auto 0 auto; width:100%; overflow:hidden; height:430px;}

.chanyelian_container ul li{ height:430px; width:23.5%; margin-left:2%; float:left;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s; overflow:hidden; }

.chanyelian_container ul li:first-child{ margin-left:0; background:url(../images/chanyelian1.jpg) no-repeat center center; background-size:cover;}

.chanyelian_container ul li:first-child + li{background:url(../images/chanyelian2.jpg) no-repeat center center;
background-size:cover;}

.chanyelian_container ul li:first-child + li + li{background:url(../images/chanyelian3.jpg) no-repeat center center;background-size:cover;}

.chanyelian_container ul li:first-child + li + li+ li{background:url(../images/chanyelian4.jpg) no-repeat center center;background-size:cover;}

.chanyelian_container ul li:first-child + li + li+ li + li{background:url(../images/chanyelian5.jpg) no-repeat center center;background-size:cover;}

.chanyelian_container ul li.webcur2{ width:11%;}

.chanyelian_container ul li.webcur{ width:48%;}

.chanyelian_bg{ width:100%; height:100%; background: rgba(0,0,0,.43);position:relative;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
	
.chanyelian_container ul li.webcur	.chanyelian_bg{background: rgba(0,0,0,.24);}
	
	

.chanyelian_bg h6{ width:100%; height:1px; background:#919191; position:absolute; left:0; bottom:35px;}

.chanyelian_bg i{ width:30px; height:30px; background:url(../images/chanye_icon1.png) no-repeat center center; display:block; background-size:100%; position:absolute; bottom:20px; left:50%; margin-left:-15px; z-index:2;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}

.chanyelian_word{ width:84%; margin:0 auto; position:absolute; left:8%; bottom:70px; overflow:hidden;}

.chanyelian_word h3{ text-align:center; font-weight:normal; font-size:16px; line-height:2em; color:#fff;}

.chanyelian_word p{display:none; opacity:0;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;    font-size: 12px;
    text-align: justify; opacity:1; color:#fff; line-height:2em; width:75%; float:right;}



.chanyelian_container ul li.webcur .chanyelian_word p{ display:block;}


.chanyelian_container ul li.webcur h3{ float:left; text-align:left; border-right:1px solid #fff; padding-right:20px;}



.changyelian_word2{ width:100%; overflow:hidden; position:relative;}

.chanyelian_container ul li.webcur h3{
	  position:absolute;
        left:0%;
        top:50%;
        transform: translate(-0%,-50%); 
        -ms-transform: translate(-0%,-50%);  /* IE9及以上支持 */
        -webkit-transform: translate(-0%,-50%);    /* Safari and Chrome */
        -o-transform: translate(-0%,-50%);     /* Opera */
        -moz-transform: translate(-0%,-50%);       /* Firefox */
	}
	
	
.chanyelian_container ul li.webcur .chanyelian_bg i{ background:url(../images/chanye_icon11.png) no-repeat center center; background-size:100%; left:12%;}


.chanyelian_container ul li:first-child + li .chanyelian_bg i{  background:url(../images/chanye_icon2.png) no-repeat center center; background-size:100%; }

.chanyelian_container ul li:first-child + li+ li .chanyelian_bg i{  background:url(../images/chanye_icon3.png) no-repeat center center; background-size:100%; }

.chanyelian_container ul li:first-child + li+ li + li .chanyelian_bg i{  background:url(../images/chanye_icon4.png) no-repeat center center; background-size:100%; }

.chanyelian_container ul li:first-child + li+ li + li + li .chanyelian_bg i{  background:url(../images/chanye_icon5.png) no-repeat center center; background-size:100%; }


.chanyelian_container ul li:first-child + li.webcur .chanyelian_bg i{ background:url(../images/chanye_icon22.png) no-repeat center center; background-size:100%;}

.chanyelian_container ul li:first-child + li + li.webcur .chanyelian_bg i{ background:url(../images/chanye_icon33.png) no-repeat center center; background-size:100%;}

.chanyelian_container ul li:first-child + li + li + li.webcur .chanyelian_bg i{ background:url(../images/chanye_icon44.png) no-repeat center center; background-size:100%;}

.chanyelian_container ul li:first-child + li + li +li + li.webcur .chanyelian_bg i{ background:url(../images/chanye_icon55.png) no-repeat center center; background-size:100%;}

@media screen and (max-width:1370px){
	.chanyelian_container{ max-width:990px; width:98%; height:387px;}
	
	.chanyelian_container ul li{ height:387px;}
	
	.chanyelian_word h3{ font-size:15px; line-height:2em;}
}


@media screen and (max-width:980px){
.chanyelian_container{ width:100%; box-sizing:border-box;    padding: 0 24px; margin-top:20px; height:auto;}
.chanyelian_container ul li{ width:100%; margin-left:0;    height: 148px; margin-top:20px;}

.chanyelian_container ul li.webcur2{ width:100%;}

.chanyelian_container ul li.webcur{ width:100%;}
.chanyelian_container ul li.webcur .chanyelian_word p{ display:none;}

.chanyelian_container ul li.webcur .chanyelian_bg i{left:50%;}

.chanyelian_container ul li.webcur h3{ position:inherit;}

.chanyelian_container ul li.webcur h3{ float:none; text-align:center; border-right:none; padding-right:0px;transform: translate(-0%,-0%); */
    -ms-transform: translate(-0%,-0%);
    /* -webkit-transform: translate(-0%,-50%); */
    -o-transform: translate(-0%,-0%);
    -moz-transform: translate(-0%,-0%);}
.chanyelian_bg h6{ display:none;}

.chanyelian_container ul li h3{ font-size:20px;}

.chanyelian_word{ bottom:35px;}

.chanyelian_bg i{ width:27px; height:27px; background-size:100%; bottom:75px;}
}


.chanyelian_title{ max-width:1100px; width:100%; margin:40px auto 0 auto;    text-align: center;}
.chanyelian_title h3{font-size: 38px;color: #333; line-height:2em; display:inline-block; border-bottom: 2px solid #004930;    font-weight: normal;}

.chanyelian_title h3 span{    font-size: 20px;
    font-weight: 200;
    margin-left: 10px; width:162px; display:block; line-height:1.2em; float:right; margin:15px 0 0 15px; text-align:left;}
	
	
	
@media screen and (max-width:1370px){
	.chanyelian_title{ max-width:990px; width:98%;}
	
}


@media screen and (max-width:980px){
	.chanyelian_title{width:100%; box-sizing:border-box;    padding: 0 24px; margin-top:80px;}

.chanyelian_title h3 span{ display:none;}	


.chanyelian_title h3{ line-height:1em;font-size: 28px;
    text-align: center; display:inherit; border-bottom:none;    background: url(../images/chanyelian_line.png) no-repeat center center;}
}


/*footer*/
.footer_container{ width:100%;background: #e5e5e5; padding:28px 0; box-sizing:border-box; margin-top:60px;}
.footer_content{ max-width:1100px; width:100%; margin:0 auto;}

.footer_content img.footer_logo{ width:130px; height:auto; display:block; float:left;}

.footer_content ul{ float:left; margin-left:35px; margin-top:10px;}

.footer_content ul li{ font-size:14px; float:left; line-height:2em; margin-right:10px;}

.footer_content ul li a{ display:block;color: #666;}

.footer_content p{ float:right; font-size:12px; color:#333; line-height:2em;margin-top:12px;}

.footer_content p a{ color:#333;}

.footer_content p span{ margin-left:10px;}

	
@media screen and (max-width:1370px){
.footer_content{ max-width:990px; width:98%;}
.footer_content ul{ margin-left:20px;}


.footer_content ul li{ font-size:13px;}	
}


.mobile_footer_container{ width:100%; margin-top:60px; padding-bottom:20px; display:none;}

.mobile_footer_nav{border-top: 1px solid #eee;border-bottom: 1px solid #eee; padding:40px 0; overflow:hidden;}

.mobile_footer_nav ul li{ width:33.33%; float:left; text-align:center; padding:10px;box-sizing: border-box;    line-height:2em; font-size:14px;}

.mobile_footer_nav ul li a{ color: #666;}

.mobile_footer_container img.mobile_footer_logo{ display:block; width:30%; height:auto; margin:30px auto 0 auto;}

.mobile_footer_container p{color: #999;
    font-size: 12px; line-height:2em; text-align:center; margin-top:20px;}
.mobile_footer_container p a{color: #999;}
.mobile_footer_container p span{ margin-left:5px;}


@media screen and (max-width:980px){
.footer_container{ display:none;}	
.mobile_footer_container{ display:block;}
}