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

body, h1, h2, h4, h5, h6,  p, dl, dt, dd, ul, li,  form,  button, input,  td, img{
	margin: 0;
	padding: 0;
}     
body{ font-size:12px; font-family:"微软雅黑"; color:#363636;overflow-x:hidden;
}     
em{font-style:normal;}   
ul, li { list-style: none; }   
a { text-decoration: none; color:#353535; }   
img{ border:0px;}

.wrap{ width:100%; float:left;}
.inner{ width:65%; margin:0 auto}
.head{ background:#87c135; line-height:24px; font-size:12px; color:#fff;}
.head a{ color:#fff; display:block; float:right; margin:auto 10px}
.head a:befor{ width:1px; margin-right:5px; background:#fff;}
/* 幻灯片 */
.slideBox{ width:100%;overflow:hidden; position:relative;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:100%; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:60%; margin-top:-25px; display:block; width:128px; height:128px; background:url(../images/zuo.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:2%; background:url(../images/you.png) no-repeat;}
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.banner{ position:relative}		
.nav{ background:url(../images/nav.png) repeat-x center top; height:130px; position:absolute; top:0px }
.nav img{ width:100%;} 
.nav_left,.nav_right{ width:40%; float:left;}
.nav_left ul li,.nav_right ul li{ width:20%; float:left}
.nav_center{ width:20%; float:left}
.f1{ background:url(../images/f1bg.jpg) no-repeat center top; height:100px;}
.f1_left{ width:30%; float:left; border-right:1px solid #d9d9d9; height:90px; padding-top:10px;}
.f1_left h4{ text-align:center; width:100%; float:left}
.f1_left ul li{ width:90%; float:left; line-height:30px; border-bottom:1px dashed #d9d9d9}
.f1_left ul li i{ width:5px; height:5px; background:#76a314; display:inline-block; margin-right:5px;}
.f1_left ul li:last-child{ border:none;}
.f1_center{ width:50%; float:left; padding-top:10px;}
.f1_center input{ width:100%; height:40px; background:url(../images/ss.jpg) no-repeat center top; margin-left:15%; border:none}
.f1_center p{ text-align:center}
.f1_right{ width:20%; float: right; margin-top:-60px;}
.f2{ background:url(../images/f2bg.jpg) no-repeat center bottom;}
.f2 ul li{ width:13.6%; float:left; padding:70px 1.5%}
.f2 ul li img{ width:100%}
.f3{ background:url(../images/f3bg.jpg) ; background-size:cover;}
.f3_center{ width:62%; margin:40px auto; background:#fff; height:455px}
.f3_left{ width:58%; float:left; padding:40px 10px 35px 14px}
.f3_right{ width:35%; float:left; padding-top:40px;}
.f3 img{ width:100%;}
.f4{ background:url(../images/f4bg.jpg) no-repeat center bottom; padding-bottom:50px }
.f4 h4{ text-align:center;padding-top:74px; width:100%; float:left; position:relative; margin-bottom:50px }
.f4 h4:before {content: " "; width:40%; height:1px; background:#e6e6e6; position:absolute; top:100px; left:0px; }
.f4 h4:after {content: " "; width:40%; height:1px; background:#e6e6e6; position:absolute; top:100px; right:0px; }
/* 手风琴特效 */
.pic{width:65.5%;height:577px;margin:0 auto; padding-left:70px}
.pic ul li{list-style:none;width:142px;height:576px;float:left;}
.pic .l1{background:url(../images/f4_4.jpg) no-repeat right top ; width:707px}
.pic .l2{background:url(../images/f4_40.jpg) no-repeat right top ;}
.pic .l3{background:url(../images/f4_45.jpg) no-repeat right top ;}
.pic .l4{background:url(../images/f4_41.jpg) no-repeat right top ;}
.txt{width:11%; height:577px;background:#000;}
.txt p{color:#fff;font-family:"微软雅黑";float:left;position:relative;}
.txt .p1{width:11%;}


.f5{ background:url(../images/7.jpg) no-repeat center top; height:148px;}
.f6{ background:url(../images/bg2.jpg) no-repeat center bottom; padding-bottom:120px}
.f6 h4{ text-align:center;padding-top:74px; width:100%; float:left; position:relative; margin-bottom:50px }
.f6 h4:before {content: " "; width:40%; height:1px; background:#e6e6e6; position:absolute; top:120px; left:0px; }
.f6 h4:after {content: " "; width:40%; height:1px; background:#e6e6e6; position:absolute; top:120px; right:0px; }
.f6_left{ width:38%; float:left; margin-right:2%}
.f6_left p{ font-size:24px; width:100%; float:left; margin-bottom:20px;}
.f6_left dl{ width:50%; float:left;}
.f6_left dl img{ width:100%;}
.f6_left dt{ width:46%; float:left; font-size:12px; color:#949494; display:block; line-height:24px; background:#ededed; padding:2%}
.f6_left dt span{ display:block; width:100%; font-size:14px; color:#333333;}
.f6_right{ width:56%; float:left; margin-left:4%}
/* 新闻切换css */
		.slideTxtBox{ width:100%; text-align:left;  }
		.slideTxtBox .hd{ height:40px; line-height:40px; padding:0 10px 0 0px;  position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:32px;   }
		.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size:14px }
		.slideTxtBox .hd ul li.on{ height:40px;  background:#fff;  }
		.slideTxtBox .bd ul{  zoom:1; padding-top:15px }
		.slideTxtBox .bd li{ width:30%; float:left; padding:0 1.5% }
		.slideTxtBox .bd li P{ font-size:14px;margin-top:10px;}
		.slideTxtBox .bd li img{ width:100%}
		.slideTxtBox .bd li .date{ color:#999;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideTxtBox .arrow{  position:absolute; right:10px; top:0; }
		.slideTxtBox .arrow a{ display:block;  width:29px; height:29px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer;}
		.slideTxtBox .arrow .next{  background:url("../images/30.jpg") 0 0 no-repeat;  }
		.slideTxtBox .arrow .prev{  background:url("../images/29.jpg") 0 0 no-repeat;  }
		.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
	    .f6_line{ width:100%; height:1px; background:#e6e6e6; margin-top:85px; margin-bottom:30px; float:left;}
		
.f7_left{ width:67%; float:left;}
.f7_left img{ width:100%;}
.f7_right{ width:30%; float:left; padding-left:1%; background:url(../images/31.jpg) no-repeat center top; position:relative}
.f7_right h4{ width:100%; float:left;}
.f7_right p{ width:70%; float:left; font-size:14px; line-height:24px; padding-left:7%; padding-top:50px}
.more{ position:absolute; bottom:-130px; left:0px;}
.f7{ padding-bottom:30px;}
.f7 h4{ text-align:center;padding-top:74px; width:100%; float:left; position:relative; margin-bottom:50px }
.f7 h4:before {content: " "; width:40%; height:1px; background:#e6e6e6; position:absolute; top:120px; left:0px; }
.f7 h4:after {content: " "; width:40%; height:1px; background:#e6e6e6; position:absolute; top:120px; right:0px; }
.f7 ul li{ width:16.6%; float:left; text-align:center;transition: all .4s; transform-style: preserve-3d; position: relative;}

.f7 ul li:hover img{transform: rotateY(180deg);}
.f7 ul li:hover p{ color:#99cc67}
.f7_tit{ font-size:18px; font-weight:bold; line-height:30px; padding-top:15px;}
.f7_titb{ line-height:26px; color:#959595; padding-top:10px}

.foot{ background:#99cc67; line-height:52px;}
.foot ul li{ width:10%; float:left; text-align:center; position:relative}
.foot ul li a{ color:#fff; font-size:16px;}
.foot ul li:after{ content:""; width:1px; height:20px; background:#fff; right:0px; position:absolute; top:20px}
.foot_left{ width:60%; float:left; padding-top:30px; line-height:40px; font-size:16px;}
.foot_right{ width:280px; height:165px; float:right; padding-top:20px;}
.sjpic{ display:none}
.sp_header,.sjj_nav{ display:none}
@media (max-width: 1600px) {
.inner{ width:80%}
.f3_center {
    width: 72%;
    margin: 40px auto;
    background: #fff;
    height: 483px;
}
.pic ul{ width:100%; }
.pic {
    width: 75.5%;
    height: 577px;
    margin: 0 auto;
    padding-left: 70px;
}
}
@media (max-width: 1400px) {
.inner{ width:80%}
.f3_center {
    width: 72%;
    margin: 40px auto;
    background: #fff;
    height: 483px;
}
.pic ul{ width:100%; }
.pic {
    width: 95%;
    height: 577px;
    margin: 0 auto;
    padding-left: 70px;
}
.f7_right p {
    width: 70%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding-left: 7%;
    padding-top: 10px;
}
.more{bottom: -70px; }
}
@media (max-width: 1200px) {
.inner{ width:95%}
.f3_center {
    width: 82%;
    margin: 40px auto;
    background: #fff;
    height: 563px;
}
.pic ul{ width:100%; }
.pic {
    width: 100%;
    height: 577px;
    margin: 0 auto;
    padding-left: 10px;
}
.more{ display:none}
}
@media (max-width: 800px){
.inner{ width:100%}
.head{ display:none}
.nav{ display:none}
.slideBox .prev, .slideBox .next{ display:none}
.slideBox .bd img{ width:120%; display:block;  }
.slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center }
.f1_center,.f1_right{ display:none}
.f1_left{ width:100%; }
.f1_left ul{padding-left:10%}
.f2 ul li {
    width: 31.3%;
    float: left;
    padding: 20px 1%;
}
.f3_center {
    width: 90%;
    margin: 10px auto;
    background: #fff;
}
.f3_left {
    width: 92%;
    float: left;
    margin: 10px ;
	padding:0px;
}
.f3_left img{ width:100%;}
.f3_right {
    width: 100%;
    float: left;
    margin: 10px 0px;
	padding:0px;
}
.f4 {
    background: url(../images/f4bg.jpg) no-repeat center bottom;
    padding-bottom: 0px;
}
.f4 h4 {
    text-align: center;
    padding-top: 20px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
}
.f4 h4 img,.f6 h4 img,.f7_right h4 img,.f7 h4 img{ width: 50%}
h4:before,h4:after { display:none;
}

.pic{ display:none}
.sjpic{ width:100%; float:left; display:block}
.sjpic img{ width:100%}
.f5{ display:none}
.slideBoxb .bd img {
    width: 120%;
    display: block;
}
.f6 h4 {
    text-align: center;
    padding-top: 0px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 50px;
}
.f6_right{ display:none;}
.f6_left {
    width: 96%;
    float: left;
    margin-right:0%;
	padding:0 2%;
}
.f6_left dl {
    width: 100%;
    float: left;
}
.f6_left dt {
    width: 96%;
    float: left;
    font-size: 12px;
    color: #949494;
    display: block;
    line-height: 24px;
    background: #ededed;
    padding: 2%;
}
.f6_line {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
}
.f7_left {
    width: 100%;
    float: left;
}
.f6 {
    background: url(../images/bg2.jpg) no-repeat center bottom;
    padding-bottom: 30px;
}
.f7_right {
    width: 100%;
    float: left;
    padding-left: 0%;
    background: url(../images/31.jpg) no-repeat center top;
    position: relative;
}
.more {
	display:none;
}
.f7_right p {
    width: 90%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding-left: 7%;
    padding-top: 10px;
}
.f7 h4 {
    text-align: center;
    padding-top: 34px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}
.f7 ul li {
    width: 33.33%;
    float: left;
    text-align: center;
	margin-bottom:15px;
}
.foot,.foot_right{ display:none}
.foot_left {
    width: 100%;
    float: left;
    line-height: 40px;
    font-size: 16px;
	background:#99cc67;
	color:#fff;
	padding:10px 5%
}
/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px; display:block}
.sp_nav span{display:block;background:#5eb533;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

}
section1{
    position: relative;
    width: 100%;
    height: 100%;
}

section1 video{
   
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit:scale-down;
}

section1 .nav1{
    position: absolute;
    bottom: 50%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

section1 .nav1 li{
    list-style: none;
    cursor: pointer;
    margin: 0 10px;
 
    padding: 3px 3px 0;
    opacity: .7;
    transition: .5s;
}

section1 .nav1 li:hover{
    opacity: 1;
}

section1 .nav1 li img{
    width: 15px;
	height:15px;
    opacity: 1;
	border-radius: 50%;
	background-color:#3F0;
}

section1 .nav1 li img:hover{
    width: 20px;
	height:20px;
    opacity: 1;
	border-radius: 50%;
}
.xxw{ width:676px; padding:0px; margin:0px;}

@media (max-width: 800px){
	.xxw{ width:100%; padding:0px; margin:0px;}
	.xxw img{ width:100%; padding:0px; margin:0px;}
	
}
@media (max-width: 768px){
.ddg{ width:50px; height:50px; height:50px; padding:0px; margin:0px; position:fixed; bottom:30px; left:10px; z-index:99999}
}
@media (min-width: 769px){.ddg{ display:none}}
@media (max-width: 640px){ .col-lg-3 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}}