@charset "utf-8";
html, body {
	width: 100%;
	height: 100%;
	font-family: "微软雅黑";
	font-size: 18px;
	-webkit-tap-highlight-color: rgba(0,0,0,0) ;
}
.home_area {
	overflow: hidden;
}

/* CSS Document */
*{ font-family:"微软雅黑"; margin:0; padding:0;outline:none; -webkit-font-smoothing:antialiased !important;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important; -webkit-tap-highlight:rgba(0,0,0,0)!important; -webkit-text-size-adjust:none!important;} 
input,img,textarea{ border:none;}
a{ text-decoration:none;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
li{ list-style:none;}
input,textarea,select {outline:none;}
textarea{ resize:none;}

.qing{ display:block; clear:both; overflow:hidden;}
body > .qing{ min-width:1240px !important;}
.juzhong{ width:1240px; margin-left:auto; margin-right:auto;}
.lf{ display:block; float:left; overflow:hidden;}
.rf{ display:block; float: right; overflow:hidden;}

/*************** index ****************/
/*** head ***/
.header{ background:#fff url(../images/head_bg.png) top center no-repeat;}
.head_top{ height:27px; color:#fff;}
.head_top span{ float:right; font-size:12px; color:#fff; line-height:27px;}
.head_top span img{ vertical-align:middle;}
.head_top span a{ color:#fff;  margin:0px 5px; }
.head_top span:last-child{ margin-right:10px;}
.head_nav{ overflow:hidden;}
.logo{ margin:10px 0px;}

/********搜索框***********/
.search_box{margin-top:30px; position:relative; float:right;margin-left: 20px;}
#search{ display:inline-block;}
#search .ss_txt{ outline:none;width:160px; height:36px;line-height:36px; border:1px solid #e9e9e9;float:left;font-size:14px;overflow:hidden;  padding-left:5px;}
#search .ss_bott{outline:none; width:40px; height:38px;border:none; background:#4d9349 url(../images/search.png) no-repeat center; cursor:pointer; overflow:hidden; }
.search_box p{ margin-top:20px;}
.search_box b{ color:#464646; font-size:14px; }
.search_box a{ color:#464646; font-size:14px; margin:0px 5px; }
.search_box a:hover{ color:#556fb5; font-weight:bold;}

.nav_menu{float:right;z-index:9;}
.nav_menu>li{float: left;text-align: center;transition: all .2s ease-in;height:89px;}
.nav_menu>li:hover{transition: all .4s ease-in;}
.nav_menu>li a{color: #686868;display: inline-block;padding:8px 10px;margin-top: 30px;font-size: 15px;}
.nav_menu>li:hover>a{color: #fff; background:#4D9349; border-radius:20px;}
.nav_menu>li.now>a{color: #fff; background:#4D9349; border-radius:20px;}

.nav_menu>li:hover .sub_nav{display: block;}
.nav .on{background-size: 88px 99px;transition: all .4s ease-in;}
.nav .on>a{color: #932434;}

.sub_nav{position: absolute;width: 100%;left: 0;top:115px;min-width:1240px;background: rgba(255, 255, 255, 0.5);border-top: 1px solid #ddd;display: none; z-index:9;}
.sub_nav li{display: inline-block;}
.sub_nav li a{font-size: 12px;font-weight: normal;margin:5px 0px; padding: 8px 10px;}
.sub_nav li a:hover{color: #932434;}




.ping1{ width:100%; height:100%; overflow:hidden; background-size:100% 100%;}
.area_index .ping1 .yip{ width:561px; height:539px; position:relative; z-index:2; left:50%; top:50%; margin-left:-280px; margin-top:-270px;}
.area_index.current .ping1 .yip{
	top: 300px;
	opacity: 1;
	-webkit-transition: 500ms ease-out 900ms;
	-moz-transition: 500ms ease-out 900ms;
	-o-transition: 500ms ease-out 900ms;
	-ms-transition: 500ms ease-out 900ms;
	transition: 500ms ease-out 900ms
}
/***********第二屏***************/
.ping2{ width:100%; height:100%; overflow:hidden; background: url(../images/about_bg.jpg) no-repeat 100% 100%;}
.area_02 .ywti{ position:relative; text-align:center; top:15%; height:7.2%;} 
.area_02 .ywti img{ height:100%; width:auto;}
.area_02 .ywk{ height:312px; position: relative; top:50%;}
.about-bar li{float:left;width:25%; display:inline-block; text-align:center}
[class*="aicon_"]{display:inline-block; width:68px; height:68px; margin:30px;}
.about-bar li a{display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:2px solid #ddd}
.about-bar li a,.about-bar li a [class*="aicon_"],.about-bar li p{-webkit-transition:all 0.4s ease 0s;-o-transition:all 0.4s ease 0s;-moz-transition:all 0.4s ease 0s;transition:all 0.4s ease 0s}
.aicon_jj{background:url(../images/icon_jj.png) no-repeat center 0}
.aicon_lc{background:url(../images/icon_lc.png) no-repeat center 0}
.aicon_td{background:url(../images/icon_td.png) no-repeat center 0}
.aicon_wh{background:url(../images/icon_wh.png) no-repeat center 0}
.aicon_ry{background:url(../images/icon_ry.png) no-repeat center 0}
.about-bar li p{margin-top:20px;line-height:32px; padding-top:2px;font-size:14px; padding-bottom:0}
.about-bar li:hover a{background:#4d9349;border:2px solid #4d9349}
.about-bar li:hover [class*="aicon_"]{ background-position: center -68px}
.about-bar li:hover p {background: url(../images/about-text-bg.png) no-repeat center 0; color:#fff}



/***************第三屏*********************/
.ping3{ width:100%; height:100%; overflow:hidden; background: url(../images/pro_bg.jpg) center center no-repeat; background-size:100% 100%;}
.area_03 .dtti{ position:relative; text-align:center; top:15%; height:7.2%;} 
.area_03 .dtti img{ height:100%; width:auto;}

.nel{ position: absolute; height: auto; top:21.4%; left:50%; margin-left:-620px; margin-top:6%;}


#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block; margin: 5px;}
#owl-demo .item p{ background:#51974c; color:#fff; font-size:14px; height:40px; line-height:40px; text-align:center;}
#owl-demo img { display: block; width: 100%;}


/**********************第四屏*************************/
.ping4{ width:100%; height:100%; overflow:hidden; background: url(../images/p4.jpg) center center no-repeat; background-size:100% 100%;}
.area_04 .khti{ position:relative; text-align:center; top:9%; height:7.2%;} 
.area_04 .khti img{ height:100%; width:auto;}
.khk{ width:1240px; height:520px; position:absolute; top:50%; margin-top:-160px; left:50%; margin-left:-620px; }


.khk ul{ overflow:hidden; zoom:1; margin-left:-5px; margin-bottom:50px;}
.khk ul li{ margin-left:5px;float:left;  overflow:hidden; text-align:center; width:244px; position:relative; }
.khk ul li img{width:244px; height:370px;}
.khk ul li span{position: absolute;
    left:0px;
    top: 0;
    width:244px; height:370px;
    background:rgba(143, 195, 31, 0.74);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
    color: #fff; box-sizing:border-box; padding:135px 32px 0px 32px;
    font-size: 16px; text-align:center;}
	
	
.khk ul li span p{ font-size:16px; color:#fff; line-height:28px;}
.khk ul li span b{ margin-top:20px; width:36px; height:36px; background:url(../images/kan.png) center center no-repeat; display:inline-block;}	
.khk ul li:hover span{
	opacity: 1;
	filter: alpha(opacity=99);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
}

.experience { width:166px; margin:0px auto;position: relative; height:42px; overflow: hidden; border: 1px solid #fff100; border-radius:5px;}
.experience:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 100%; background: #fff100; transition: 540ms; }
.experience a { display: block;transition: 460ms; line-height:42px; color: #333; background: #fff100;font-size:15px;position: relative; z-index: 5; text-align: center; }
.experience:hover:before { top: 0; }
.experience:hover a { color: #fff;}


/**********************第五屏*************************/
.ping5{ width:100%; height:100%; overflow:hidden; background: url(../images/new_bg.jpg) center center no-repeat; background-size:100% 100%;}
.area_05 .cuti{ position:relative; text-align:center; top:9%;height:7.2%;} 
.area_05 .cuti img{ height:100%; width:auto;}



.lxbg{ position:absolute; height:350px; width:1180px; left:50%; margin-left:-590px; top:50%; margin-top:-160px;}

.diqu{width: 380px !important;}
.wei{ margin-top:6%; text-align:center;margin-left:23px;}
.wei p{ font-size:14px; line-height:1.5;}
.wx{ margin-right:20px;}


.liu{ width:800px; height:230px; padding:60px 20px 0px;box-sizing:border-box;}
#gallery{ position:relative;}
#gallery img {
	border: none;
}

#gallery_nav {
	float: right;
	width: 15px;
	position:absolute;
	top:50%;
	right:0;
	text-align: center;
}
#gallery_nav a{
	display: block;
	height: 15px;
	margin-bottom:10px;
	border-radius:50%;
	background:#ddd;
}
#gallery_output {
	float: left;
	width: 710px;
	overflow: hidden;
}

#gallery_output div {
	display: block;
	width: 710px;
	margin: 0px auto 0 auto;
}

#gallery_output .txt h5{
	color: #2a2a2a;
	font-weight: bold;
	font-size:18px;
	line-height:2;
}
#gallery_output .txt p{
	color: #2b2b2b;
	text-indent:2em;
	line-height:1.5;
	font-size:14px;
}
#gallery_output .txt span{display: block;margin-top: 40px;font-size:14px;color: #10615c;}

#gallery_nav a.on{ background:#10615c;}



.new_by{ position:absolute; left:0; bottom:90px;}
.new_by img{max-width:100%;}


/**版权***/
.fobg{ background:#4d9349; height:50px; width:100%; position:absolute; bottom:0; text-align:center; color:#fff; font-size:12px; line-height:50px;} 
.fobg a, .fobg a:visited{ color:#fff;}

/**第五屏飞入**/
.area_05.current .diqu{animation:diqu 0.5s linear 0.4s alternate forwards; -webkit-animation:diqu 0.5s linear 0.4s alternate forwards; -moz-animation:diqu 0.5s linear 0.4s alternate forwards; -o-animation:diqu 0.5s linear 0.4s alternate forwards; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
@keyframes diqu{0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-left:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-left:0px;}} 
@-webkit-keyframes diqu{0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-left:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-left:0px;}} 
@-moz-keyframes diqu {0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-left:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-left:0px;}} 
@-o-keyframes diqu {0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-left:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-left:0px;}} 

.area_05.current .liu{animation:liu 0.5s linear 0.4s alternate forwards; -webkit-animation:liu 0.5s linear 0.4s alternate forwards; -moz-animation:liu 0.5s linear 0.4s alternate forwards; -o-animation:liu 0.5s linear 0.4s alternate forwards; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
@keyframes liu{0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-right:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-right:0px;}} 
@-webkit-keyframes liu{0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-right:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-right:0px;}} 
@-moz-keyframes liu {0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-right:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-right:0px;}} 
@-o-keyframes liu {0% {filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; margin-right:-310px;}
100%{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; margin-right:0px;}} 



/**********导航*************/
.nav{ width:100%; position:relative; z-index:5;}
.nav li{ display:block; clear:both; line-height:40px; color:#b6b6b6; font-size:16px; padding:5px 10px 5px 52px; border-bottom:1px solid #585858;} .nav li a{ display:block; color:#b6b6b6;}
.nav li a,.nav li a:visited{ color:#b6b6b6;}
.nav1{ background:url(../images/nav1.png) 20px center no-repeat;}
.nav2{ background:url(../images/nav2.png) 20px center no-repeat;}
.nav3{ background:url(../images/nav3.png) 20px center no-repeat;}
.nav4{ background:url(../images/nav4.png) 20px center no-repeat;}
.nav5{ background:url(../images/nav5.png) 20px center no-repeat;}
.nav6{ background:url(../images/nav6.png) 20px center no-repeat;}
.nav7{ background:url(../images/nav7.png) 20px center no-repeat;}

.nav1:hover, .nav1.nann { background:url(../images/nav1_1.png) 20px center no-repeat;}
.nav2:hover, .nav2.nann { background:url(../images/nav2_1.png) 20px center no-repeat;}
.nav3:hover, .nav3.nann { background:url(../images/nav3_1.png) 20px center no-repeat;}
.nav4:hover, .nav4.nann { background:url(../images/nav4_1.png) 20px center no-repeat;}
.nav5:hover, .nav5.nann { background:url(../images/nav5_1.png) 20px center no-repeat;}
.nav6:hover, .nav6.nann { background:url(../images/nav6_1.png) 20px center no-repeat;}
.nav7:hover, .nav7.nann { background:url(../images/nav7_1.png) 20px center no-repeat;}

.nav1:hover a, .nav1.nann a, .nav2:hover a, .nav2.nann a, .nav3:hover a, .nav3.nann a, .nav4:hover a, .nav4.nann a, .nav5:hover a, .nav5.nann a, .nav6:hover a, .nav6.nann a, .nav7:hover a, .nav7.nann a{ color:#FFF;}

.sbg{ background:url(../images/soubg.png) center top no-repeat; width:163px; height:36px; margin:0 auto;}
.sbg1{ width:130px; height:36px; float:left; background-color:transparent; line-height:36px; font-size:12px; color:#8e8e8e; padding-left:13px;}
.sbg2{ width:28px; height:36px; float:left; background-color:transparent; cursor:pointer;}

.nawei{ padding-top:30px; padding-left:34px; position:relative;}
.nawei a{ display:block; float:left; width:40px; height:40px; cursor:pointer;}
.nawei2_1, .nawei2_2, .nawei2_3{float:left; width:40px; height:200px; margin-right:12px; position:relative;}
.nawei2_1 div img, .nawei2_2 div img, .nawei2_3 div img{ display:none;position:absolute; z-index:8; top:44px; left:0; }
.nawei2_2 div img{ left:-52px;} .nawei2_3 div img{ left:-60px;}
.nawei2_1:hover div img, .nawei2_2:hover div img, .nawei2_3:hover div img{ display:block; }



.bbiao1{ display:block; float:right; background:url(../images/you1.png) center center no-repeat; width:16px; height:16px; position: relative; z-index:9999999999 !important; top:-22px !important;}
.bbiao2{ display:block; float:right; background:url(../images/you2.png) center center no-repeat; width:16px; height:16px; position:relative; z-index:9999999999 !important; top:-22px !important;}
.bbiao3{ display:block; float:right; background:url(../images/you3.png) center center no-repeat; width:16px; height:16px; position:relative; z-index:9999999999 !important; top:-22px !important;}
.bbiao4{ display:block; float:right; background:url(../images/you4.png) center center no-repeat; width:16px; height:16px; position:relative; z-index:9999999999 !important; top:-22px !important;}
.bbiao5{ display:block; float:right; background:url(../images/you5.png) center center no-repeat; width:16px; height:16px; position:relative; z-index:9999999999 !important; top:-22px !important;}