@charset "utf-8";



/*==========@@HTML默认 开始@@==========*/



/*基本*/



html {



	min-width: 1200px;



}



body {



	overflow-x: hidden;



	overflow-y: auto;



}



body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {



	margin: 0px;



}



input, button, ul, ol {



	margin: 0px;



	padding: 0px;



}



body, input, button, form, textarea {



	font-size: 14px;



	line-height: 50px;



	font-family: "microsoft yahei", "Arial Black";



	color: #333;



}



h1, h2, h3, h4, h5, h6 {



	font-size: 14px;



	font-weight: normal;



}



ul, ol {



	list-style: none;



}



img {



	border: 0px;



	display: block;



	margin: 0;



	padding: 0;



}



em, i, strong {



	font-style: normal;



}



button, input, select, textarea {



	font-size: 100%;



}



table {



	border-collapse: collapse;



	border-spacing: 0;



}



body {



	background: #fff;



}



* {



	padding: 0px;



	margin: 0px



}



div {



	margin: 0;



	padding: 0;



	border: 0;



}



p {



	margin: 0;



}



b, strong {



	font-weight: bold;



}



table {



	border-collapse: collapse;



	border-spacing: 0;/* Remove most spacing between table cells.*/



}



li {



	list-style: none outside none;



}



/*链接*/



a {



	text-decoration: none;



	color: #333;



	background: transparent;



	outline: none



}



a:focus {



	outline: none;



}



a:hover, a:active {



	color: #127a44;



	text-decoration: none;



}



a:visited {



	text-decoration: none;



}



/*表单*/



form {



	margin: 0;



}



button, input, select, textarea {



	font-size: 100%; /* Correct font size not being inherited in all browsers. */



	margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */



	vertical-align: baseline; /* Improve appearance and consistency in all browsers */



*vertical-align: middle; /* Improve appearance and consistency in all browsers */



}



button, select {



	text-transform: none;



}



input {



	line-height: normal;



	border: none;



}



/*其它*/



blockquote {



	margin: 1em 40px;



}



dfn {



	font-style: italic;



}



hr {



	-moz-box-sizing: content-box;



	box-sizing: content-box;



	height: 0;



}



code, kbd, pre, samp {



	font-size: 1em;



}



pre {



	margin: 1em 0;



	white-space: pre;



	white-space: pre-wrap;



	word-wrap: break-word;



}



small {



	font-size: 80%;



}



sub, sup {



	font-size: 75%;



	line-height: 0;



	position: relative;



	vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/



}



sup {



	top: -0.5em;



}



sub {



	bottom: -0.25em;



}



dd {



	margin: 0;



}



audio:not([controls]) {



	display: none;



	height: 0;



}



.ease, .ease * {



	-webkit-transition: all ease 300ms;



	-moz-transition: all ease 300ms;



	-ms-transition: all ease 300ms;



	-o-transition: all ease 300ms;



	transition: all ease 300ms;



}



/*==========@@HTML默认 结束@@==========*/



/*==========@@通用 开始@@==========*/



/*常用颜色*/



.red {



	color: #F00 !important;



}



/*清除浮动*/



.clearfix:after {



	visibility: hidden;



	display: block;



	font-size: 0;



	content: " ";



	clear: both;



	height: 0;



	line-height: 0;



}



.clearfix {



*zoom:1;



}



.clear {



	clear: both;



}



.fl {



	float: left;



}



.fr {



	float: right;



}



/*其它*/



.hidden {



	display: none;



}



/*必须输入，主要*/



.required {



	color: red;



	font-weight: bold;



}



.form_text_verifycode {



	width: 80px;



}



.form_radio {



	width: auto;



	border: 0;



}



.form_checkbox {



	width: auto;



	border: 0



}



/*网站公用样式表*/



.w1200 {



	width: 1200px;



	margin: 0 auto;



}



.por {



	position: relative;



}



.poa {



	position: absolute;



}



.icon {



	background: url(/html/skin/images/icon.png) no-repeat;



	display: inline-block;



	vertical-align: middle;



}



#header_main, #top_main, #banner_main, #floor_1_main, #links_main, #footer_main {



	width: 100%;



	margin: 0;



}



.trans {



	-webkit-transition: all .3s ease-in;



	-moz-transition: all .3s ease-in;



	-o-transition: all .3s ease-in;



	transition: all .3s ease-in;



}



/*top*/



.header_main {



	background: #fff;



	height: 34px;



	line-height: 34px;



	font-size: 12px;



	border-bottom: 1px solid #ddd;



}



.header_main span {



	color: #666;



	display: inline-block;



	margin-right: 10px;



}



.header_main b {



	display: inline-block;



	font-weight: bold;



	font-size: 16px;



	font-family: arial;



	color: #666;



}



.header_main .ksdh {



	color: #666;



+width: 300px;



}



.header_main .ksdh li {



	position: relative;



	display: inline-block;



	text-align: center;



	margin: 0 8px;



}



.header_main .ksdh .split {



	display: inline-block;



	width: 1px;



	height: 12px;



	background: #666;



	vertical-align: middle;



	margin: 0;



}



.header_main .ksdh a {



	color: #666;



	display: inline-block;



	font-size: 12px;



}



.header_main .ksdh a:hover {



	color: #127a44;



}



.top_main {



	width: 100%;



}



.top_main .top {



	padding-top: 20px;



	padding-bottom: 0px;



}



.top_main .logo {



	display: block;



}



.top_main .logo img {



	display: block;



}



.top .toprig {



	width: 1000px;



	padding-top: 0px;



}



.top .toprig .item {



	width: 490px;



	padding-top: 12px;



}



.top .toprig .item span {



	width: 40px;



	height: 40px;



	display: block;



	float: left;



	margin-right: 10px;



}



.top .toprig .item h2 {



	font-size: 35px;



	font-weight: bold;



}





.top .toprig .item h3 {



	font-size: 18px;



	font-weight: bold;



}



.top .toprig .item p {



	color: #666;



	line-height: 15px;



}



.top .toprig .it1 span {



	background-position: -100px 0;



}



.top .toprig .it2 span {



	background-position: -148px 0;



}



.top .toprig .it3 span {



	background-position: -194px 0;



}



.top .toprig .it4 {



	text-align: right;



	width: 230px;



	padding-top: 0;



}



.top .toprig .item i {



	display: block;



	font-size: 16px;



	color: #666;



}



.top .toprig .item h4 {



	font-family: "AvantGardeITVbyBT Book", arial;



	display: block;



	font-size: 30px;



	color: #127a44;



	font-weight: bold;



}



/*导航*/



.nav_main {



	width: 100%;



	height: 50px;



	line-height: 50px;



	background: url(/html/skin/images/navbg.jpg) repeat left top;



	position: relative;



	z-index: 10;



}



#nav ul {



	margin: 0 auto;



	width: 100%;



}



#nav li {



	float: left;



	width: 171px;



	display: block;



	list-style: none;



	font-size: 16px;



	text-align: center;



	line-height: 50px;



	position: relative;



	margin: 0;



	background: url(/html/skin/images/nav_line.png) no-repeat right center;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



#nav li:last-child {



	background: none;



}



#nav li a {



	display: block;



	text-align: center;



	position: relative;



	color: #fff;



	height: 50px;



}



#nav li:hover a, #nav li.hover a {



	color: #066c37;



}



#nav li:hover, #nav li.hover {



	background: #fadd15 url(/html/skin/images/nav_line.png) no-repeat right center;



}



#nav li:last-child:hover, #nav li:last-child.hover {



	background: #fadd15;



}



/*导航栏下拉*/



#nav ul .subnav {



	background: #fff;



	border-top: 2px solid #63b670;



	box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);



	height: auto;



	left: 0;



	overflow: hidden;



	position: absolute;



	top: 100%;



	width: 100%;



	z-index: 199;



}



#nav ul .subnav {



	position: absolute;



filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);



	opacity: 0;



	visibility: hidden;



	transition: all .6s ease 0s;



	transform: translate3d(0, 10px, 0);



	-moz-transform: translate3d(0, 10px, 0);



	-webkit-transform: translate3d(0, 10px, 0);



}



#nav ul li:hover .subnav {



	opacity: 1;



	visibility: visible;



	transform: translate3d(0, 0, 0);



	-moz-transform: translate3d(0, 0, 0);



	-webkit-transform: translate3d(0, 0, 0);



}



#nav ul .subnav a {



	color: #666;



	display: block;



	font-size: 13px;



	font-weight: 500;



	line-height: 22px;



	height: 22px;



	padding: 10px;



	transition: all 0.2s ease-in-out 0s;



	max-width: 100%;



	border-bottom: 1px solid #eee;



}



#nav ul .subnav a:hover {



	color: #63b670;



	padding-left: 20px;



	background: #f9f9f9;



}



/*侧边导航*/



/* banner */



#banner_main {



	overflow: hidden;



	position: relative;



	z-index: 2;



}



#banner_main .banner {



	height: 650px;



}



#banner {



	width: 100%;



	min-width: 1000px;



	position: relative;



	overflow: hidden;



	z-index: 0;



}



#banner, .banner ul {



	max-height: 650px;



	overflow: hidden;



}



.banner li {



	width: 100%;



	position: absolute;



	z-index: 1;



	overflow: hidden;



}



.banner li img {



	width: 1920px;



	display: block;



	position: relative;



	left: 50%;



	margin-left: -960px;



	top: 0;



}



#banner .tip {



	width: 1000px;



	height: 20px;



	line-height: 0;



	font-size: 0;



	text-align: center;



	position: absolute;



	left: 50%;



	margin-left: -500px;



	bottom: 20px;



	z-index: 3;



}



#banner .tip span {



	height: 5px;



	margin: 0 2px;



	width: 50px;



	display: inline-block;



	font-size: 0;



	cursor: pointer;



	background: #fff;



	opacity: .6;



	filter: Alpha(opacity=60);



*zoom:1;



}



#banner .tip span.cur {



	background-color: #f4e710;



	opacity: 1;



	filter: Alpha(opacity=100);



}



#banner #btn_prev, #banner #btn_next {



	width: 40px;



	height: 90px;



	position: absolute;



	top: 50%;



	z-index: 5;



	margin-top: -45px;



	-webkit-transition: all .0s ease-in-out 0s;



	-moz-transition: all .0s ease-in-out 0s;



	transition: all .0s ease-in-out 0s;



}



#banner #btn_prev {



	background-position: 0 0;



	left: 5%;



}



#banner #btn_next {



	background-position: -50px 0;



	right: 5%;



}



#banner #btn_prev:hover {



	background-position: 0 -98px;



}



#banner #btn_next:hover {



	background-position: -50px -98px;



}



/*搜索栏*/



.announ_main {



	width: 100%;



	height: 76px;



	line-height: 76px;



	border-bottom: 1px solid #eee;



}



.announ_main .announ_right {



	width: 282px;



	padding-top: 20px;



}



.announ_main .announ_right .search {



	width: 282px;



	height: 35px;



	line-height: 35px;



	-moz-border-radius: 30px;



	-webkit-border-radius: 30px;



	border-radius: 30px;



	background: #f6f6f6;



	position: relative;



}



.announ_main .announ_right .search input {



	outline: none;



	border: 0 none;



	height: 35px;



	line-height: 35px;



}



.announ_main .announ_right .search .txt {



	width: 200px;



	background: none;



	padding-left: 15px;



	display: block;



	color: #999;



}



.announ_main .announ_right .search .btn {



	width: 50px;



	background: url(/html/skin/images/sou.png) no-repeat center #127a44;



	position: absolute;



	right: 0;



	top: 0;



	cursor: pointer;



	-moz-border-radius: 30px;



	-webkit-border-radius: 30px;



	border-radius: 30px;



}



.announ_main .announ_right .search .btn:hover {



	background-color: #fadd15;



}



.announ_main .announ_left span {



	display: inline-block;



}



.announ_main .announ_left a {



	display: inline-block;



	padding: 0 10px 0 0;



}



.announ_main .announ_left a s {



	width: 1px;



	height: 16px;



	display: inline-block;



	margin-right: 10px;



	background: #e9e9e9;



	vertical-align: middle;



}



.announ_main .announ_left a:first-child s {



	display: none;



}



/*banner end*/



.transs {



	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);



	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);



	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);



	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);



}



.index .title {



	text-align: center;



	width: 100%;



	padding-bottom: 30px;



}



.index .title h3 {



	font-size: 28px;



	font-weight: normal;



	display: block;



	line-height: 30px;



	background: url(/html/skin/images/title.png) no-repeat center;



}



.index .title p {



	color: #666;



	font-size: 16px;



	text-transform: uppercase;



	font-weight: normal;



	padding-top: 20px;



}



.index .title h3 b {



	display: inline-block;



	font-weight: normal;



	color: #127a44;



}



.index .tab {



	text-align: center;



	padding-bottom: 30px;



}



.index .tab a {



	padding: 0 16px;



	height: 40px;



	line-height: 40px;



	background: #127a44;



	font-size: 18px;



	display: inline-block;



	margin: 0 20px;



	color: #fff;



}



.index .tab a:hover {



	color: #127a44;



	background: #fbdd16;



}



.index .floor_1_main {



	background: url(/html/skin/images/flo1.jpg) repeat-x left bottom #fff;



	padding-top: 80px;



	padding-bottom: 80px;



}



.ipro {



	position: relative;



}



.ipro .bd {



	overflow: hidden;



}



.ipro .item {



	float: left;



	width: 280px;



	display: block;



	margin-bottom: 25px;



	margin-right: 25px;



	position: relative;



}



.ipro .item a {



	display: block;



	position: relative;



}



.ipro .item a.img {



	width: 100%;



	height: 290px;



	overflow: hidden;



	position: relative;



}



.ipro .item img {



	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;



	width: 100%;



	height: 100%;



	display: block;



}



.ipro .item:hover img {



	transform: scale(1.06, 1.06);



}



.ipro .item a.txt {



	border: 1px solid #ddd;



	background: #fff;



	height: 68px;



	line-height: 68px;



	position: relative;



	border-top: 0 none;



}



.ipro .item h3 {



	font-weight: normal;



	text-align: left;



	padding-left: 20px;



	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;



	font-size: 16px;



}



.ipro .item em {



	right: 30px;



	top: 28px;



	width: 10px;



	height: 16px;



	background-position: -248px 0;



	display: block;



	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;



}



.ipro .item:hover h3 {



	padding-left: 25px;



}



.ipro .item:hover em {



	background-position: -268px 0;



}



.ipro .item:hover .txt {



	background: #127a44;



	color: #fff;



	border: 1px solid #127a44;



	border-top: 0 none;



}



.item_mask {



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0);



	position: absolute;



	left: 0;



	top: 0;



	opacity: 0;



	filter: Alpha(opacity=0);



*zoom:1;



	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);



	transform: rotateX(180deg) scale(0.2, 0.2);



	transition: all ease-out .5s



}



.item_link_icon {



	display: block;



	width: 45px;



	height: 45px;



	text-align: center;



	background-position: -100px -156px;



	line-height: 38px;



	position: absolute;



	left: 50%;



	top: 50%;



	margin-left: -22px;



	margin-top: -22px;



	opacity: 0;



	filter: Alpha(opacity=0);



*zoom:1;



}



.ipro .item:hover .item_mask {



	opacity: 1;



	filter: Alpha(opacity=100);



	-webkit-transform: rotateX(0deg) scale(1, 1);



	transform: rotateX(0deg) scale(1, 1);



	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;



	background: rgba(0, 0, 0, 0.3);



}



.ipro .item:hover .item_link_icon {



	transform: translateY(-21px);



	opacity: 1;



	filter: Alpha(opacity=100);



}



a.btn {



	width: 40px;



	height: 40px;



	display: block;



	position: absolute;



	top: 28%;



	cursor: pointer;



	-webkit-transition: all .0s ease-in-out 0s;



	-moz-transition: all .0s ease-in-out 0s;



	transition: all .0s ease-in-out 0s;



}



a.btn.prev {



	background-position: -100px -50px;



	left: -5%;



}



a.btn.next {



	background-position: -190px -50px;



	right: -5%;



}



a.btn.prev:hover {



	background-position: -145px -50px;



}



a.btn.next:hover {



	background-position: -236px -50px;



}



.index .floor_5_main {



	background: url(/html/skin/images/flo5.jpg) no-repeat center top;



	height: 818px;



	overflow: hidden;



}



.index .floor_2, .index .floor_3 {



	padding: 60px 0 40px 0;



	position: relative;



}



.index .icase {



	overflow: hidden;



}



.index .icase .list {



	zoom: 1;



	width: 119%;



}



.index .icase .list li {



	float: left;



	margin-right: 21px;



	margin-bottom: 21px;



	width: 386px;



}



.index .icase .list li .img {



	width: 386px;



	height: 290px;



	overflow: hidden;



	display: block;



	position: relative;



	cursor: pointer;



}



.index .icase .list li .img img {



	width: 386px;



	transition: .9s;



	-moz-transition: .9s;



	-webkit-transition: .9s;



	-o-transition: .9s;



	height: 290px;



}



.index .icase .list li .img .on {



	width: 100%;



	height: 100%;



	background: rgba(0,0,0,0);



	position: absolute;



	left: 0;



	top: 0;



	opacity: 0;



	filter: Alpha(opacity=0);



*zoom:1;



	-webkit-transform: rotateX(180deg) scale(0.5, 0.5);



	transform: rotateX(180deg) scale(0.2, 0.2);



	transition: all ease-out .5s



}



.index .icase .list li .img .on i {



	width: 65px;



	height: 65px;



	background-position: -150px -147px;



	position: absolute;



	left: 50%;



	top: 50%;



	margin-top: -32px;



	margin-left: -32px;



}



.index .icase .list li .p {



	background: #127a44;



	color: #fff;



	display: block;



	width: 100%;



	height: 50px;



	line-height: 50px;



	font-size: 16px;



	text-align: center;



}



.index .icase .list li:hover img {



	transform: scale(1.1);



	-webkit-transform: scale(1.1);



}



.index .icase .list li:hover .on {



	opacity: 1;



	filter: Alpha(opacity=100);



	-webkit-transform: rotateX(0deg) scale(1, 1);



	transform: rotateX(0deg) scale(1, 1);



	transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;



	background: rgba(0, 0, 0, 0.3);



}



.xunpan {



	width: 100%;



	background: url(/html/skin/images/xunpan.jpg) no-repeat center top;



	height: 176px;



}



.xunpan .zixun {



	width: 200px;



	height: 40px;



	padding: 5px;



	text-align: center;



	background: #fff;



	position: absolute;



	right: 0;



	top: 60px;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}



.xunpan .zixun a {



	width: 188px;



	height: 38px;



	line-height: 38px;



	display: block;



	margin: 0 auto;



	color: #125d27;



	font-size: 20px;



	font-weight: bold;



	border: 1px solid #125d27;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}



.xunpan .zixun:hover {



	animation: flipInY 1.2s ease-out forwards;



	-webkit-animation: flipInY 1.2s ease-out forwards;



}



.xunpan img {



	display: block;



	padding-top: 40px;



	max-width: 100%;



	padding-bottom: 20px;



}



.xunpan .tel {



	width: 310px;



	background: url(/html/skin/images/telbg.png) no-repeat left top;



	height: 40px;



	line-height: 40px;



	color: #125927;



	font-size: 30px;



	text-align: center;



	margin-right: 5px;



	font-family: arial;



	display: inline-block;



	text-indent: 14px;



}



.xunpan strong {



	display: inline-block;



	color: #fff;



	font-weight: normal;



	font-size: 28px;



	padding-right: 10px;



	font-family: "You Yuan";



}



.floor_3_main {



	background: #222;



	overflow: hidden;



}



.floor_3 .title {



	color: #fff;



}



.floor_3 .title p {



	color: #fff;



}



.liuc {



	position: relative;



}



.liuc .bd {



	overflow: hidden;



	width: 100%;



*zoom: 1;



	position: relative;



}



.liuc li {



	float: left;



}



.liuc li .jtou {



	width: 120px;



	height: 100px;



	background: url(/html/skin/images/jtou.png) no-repeat center;



	float: left;



	display: block;



}



.liuc li img {



	width: 100px;



	height: 100px;



	display: block;



	margin-bottom: 20px;



	border-radius: 50%;



}



.liuc li p {



	text-align: center;



	color: #fff;



	font-size: 16px;



	float: left;



}



.liuc li:last-child .jtou {



	display: none;



}



.liuc a.btn {



	width: 45px;



	height: 45px;



}



.liuc a.btn.prev {



	background-position: -100px -98px;



}



.liuc a.btn.prev:hover {



	background-position: -150px -98px;



}



.liuc a.btn.next {



	background-position: -200px -98px;



}



.liuc a.btn.next:hover {



	background-position: -250px -98px;



}



.liuc li:hover img {



	animation: flipInY 1.2s ease-out forwards;



	-webkit-animation: flipInY 1.2s ease-out forwards;



}



.floor_4_main {



	background: #f0f0f0 url(../images/fl4.jpg) no-repeat center top;



	background-size: 1920px 930px;



	height: 930px;



	overflow: hidden;



	width: 100%;



}



.index .floor_4, .indnews {



	padding: 60px 0 40px 0;



	overflow: hidden;



	position: relative;



}



.index .floor_4 .textlist .list {



	width: 108%;



}



.index .floor_4 .textlist {



	position: relative;



	overflow: hidden;



	margin-bottom: 20px;



}



.index .textlist li {



	position: relative;



	float: left;



	width: 378px;



	height: 395px;



	margin-right: 28px;



	transition: all 0.2s linear 0s;



	border: 1px solid #ddd;



	background: #fff;



}



.index .textlist li a {



	display: block;



	padding: 30px;



	color: #333;



}



.index .textlist li .img {



	width: 320px;



	height: 240px;



	overflow: hidden;



	cursor: pointer;



	position: relative;



}



.index .textlist li .img img {



	width: 100%;



	height: 100%;



	transition: all 0.3s ease-out 0s;



	display: block;



}



.index .textlist li:hover .img img {



	transform: scale(1.2, 1.2);



}



.index .textlist li h3 {



	font-size: 20px;



	line-height: 40px;



	padding-top: 12px;



}



.index .textlist .desc {



	line-height: 24px;



	overflow: hidden;



	margin-bottom: 5px;



	cursor: pointer;



	padding-top: 10px;



}



.index .textlist span {



	position: absolute;



	bottom: 30px;



	left: 30px;



	display: block;



	color: #fff;



	font-family: arial;



	width: 120px;



	height: 30px;



	line-height: 30px;



	background: #127a44;



	text-align: center;



}



.index .textlist li:hover {



	background: #127a44;



	border: 1px solid #127a44;



	color: #fff;



}



.index .textlist li:hover a {



	color: #fff;



}



.index .textlist li:hover span {



	background: #fbdd16;



	color: #127a44;



}



.floor_4 .hd {



	text-align: center;



	padding-top: 20px;



}



.floor_4 .hd a.btn {



	position: relative;



	top: auto;



	display: inline-block;



	margin: 0 5px;



}



.floor_4 .hd a.btn.prev {



	left: auto;



}



.floor_4 .hd a.btn.next {



	right: auto;



}



.index .more {



	margin-top: 40px;



}



.index .more .line {



	display: block;



	width: 500px;



	height: 1px;



	margin-top: 24px;



	background: #ccc;



}



.index .more .look_more {



	display: block;



	width: 198px;



	height: 48px;



	font-size: 16px;



	line-height: 48px;



	text-align: center;



	border: 1px solid #ccc;



	transition: all .5s;



}



.index .more .look_more:hover {



	background: #127a44;



	color: #fff;



	transition: all .5s;



	border: 1px solid #127a44;



}



.newsBox {



	width: 650px;



	height: 488px;



	overflow: hidden;



	position: relative;



}



.newsBox .hd {



	height: 15px;



	overflow: hidden;



	position: absolute;



	right: 16px;



	bottom: 10px;



	z-index: 10;



}



.newsBox .hd ul {



	overflow: hidden;



	zoom: 1;



	float: left;



}



.newsBox .hd ul li {



	float: left;



	margin-right: 6px;



	width: 10px;



	height: 10px;



	line-height: 14px;



	text-align: center;



	background: #fff;



	cursor: pointer;



	-moz-border-radius: 100%;



	-webkit-border-radius: 100%;



	border-radius: 100%;



}



.newsBox .hd ul li.on {



	background: #f9e012;



	color: #fff;



}



.newsBox .bd {



	position: relative;



	width: 650px;



	height: 488px;



	z-index: 0;



	overflow: hidden;



}



.newsBox .bd li {



	zoom: 1;



	vertical-align: middle;



	position: relative;



}



.newsBox .bd img {



	width: 650px;



	height: 488px;



	display: block;



	transition: all 0.3s ease-out 0s;



}



.newsBox .bd li h3 {



	display: block;



	font-size: 20px;



	padding-left: 28px;



	padding-top: 30px;



}



.newsBox .bd li .txt {



	background: url(/html/skin/images/green80.png) repeat left top;



	color: #fff;



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	height: 150px;



	z-index: 5;



}



.newsBox .bd li p {



	padding: 0 28px;



}



.newsBox .bd li .time {



	font-size: 16px;



	padding-right: 30px;



	padding-top: 28px;



}



.newsBox .bd li a:hover img {



	transform: scale(1.1, 1.1);



}



.txtlistbox {



	width: 520px;



}



.txtlistbox li {



	border-bottom: 1px solid #ddd;



	padding: 11px 0 0;



	position: relative;



}



.txtlistbox li:first-child {



	padding-top: 0;



}



.txtlistbox li a {



	display: block;



	padding-bottom: 11px;



}



.txtlistbox li h3 {



	font-size: 18px;



	display: inline-block;



+display: inline;



*zoom: 1;



}



.txtlistbox li p {



	font-size: 14px;



	line-height: 23px;



	height: 46px;



	color: #333;



}



.txtlistbox li span {



	display: block;



	color: #333;



}



.txtlistbox li em {



	width: 15px;



	height: 15px;



	display: inline-block;



	background-position: -304px 0;



+display: inline;



*zoom: 1;



}



.txtlistbox li:before {



	position: absolute;



	bottom: -1px;



	left: 0;



	height: 1px;



	content: "";



	width: 0;



	background: #127a44;



	transition: width .6s ease-out;



}



.txtlistbox li:hover:before {



	width: 100%



}



.iabout {



	width: 100%;



	background: url(/html/skin/images/fl6.jpg) no-repeat center bottom #f8f8f8;



	padding: 80px 0;



}



.iabout .txt {



	width: 470px;



	height: 270px;



	display: block;



	background: #fff;



	padding: 40px;



}



.iabout .txt img {



	max-width: 100%;



	display: block;



}



.iabout .txt p {



	padding-top: 20px;



	color: #333;



}



.iabout .txt span {



	width: 154px;



	height: 34px;



	line-height: 34px;



	text-align: center;



	display: block;



	border: 1px solid #1a7140;



	margin-top: 20px;



	-moz-border-radius: 20px;



	-webkit-border-radius: 20px;



	border-radius: 20px;



	cursor: pointer;



	-webkit-transition: all .3s ease-in-out 0s;



	-moz-transition: all .3s ease-in-out 0s;



	transition: all .3s ease-in-out 0s;



}



.iabout .txt span:hover {



	background: #1a7140;



	color: #fff;



}



.iabout .img {



	width: 650px;



	height: 350px;



	display: block;



	overflow: hidden;



}



.iabout .img img {



	width: 650px;



	height: 350px;



	display: block;



}



/* 亮光 */



/*hvr-highLight*/



.hvr-highLight {



	overflow: hidden;



	position: relative;



}



.hvr-highLight:before {



	content: "";



	position: absolute;



	width: 80px;



	height: 320px;



	top: 0;



	left: -136px;



	overflow: hidden;



	background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);



	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));



	background: -ms-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);



	background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);



	background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);



	-webkit-transform: skewX(-32deg);



	-ms-transform: skewX(-32deg);



	-moz-transform: skewX(-32deg);



	transform: skewX(-32deg);



}



.hvr-highLight:hover:before {



	-webkit-transition: left 1.1s;



	-moz-transition: left 1.1s;



	-ms-transition: left 1.1s;



	transition: left 1.1s;



	left: 750px;



}



.hvr-highLight:hover {



opacity: .9\0;



	filter: alpha(opacity=90);



}



.copyright_main {



	background: #111;



	line-height: 50px;



}



.copyright {



	color: #999;



	font-size: 12px;



}



.copyright span {



	margin: 0 12px;



	opacity: 0.7;



	filter: alpha(opacity=70);



}



.copyright a {



	color: #999;



}



.copyright a:hover {



	color: #23b067;



}



.zhizao .goback {



	width: 60px;



	height: 60px;



	display: block;



	position: absolute;



	right: 2%;



	top: 2%;



	background: url(/html/skin/images/guan.jpg) no-repeat center;



}



.ilinks {



	padding: 58px 0 0;



}



.ilinks span {



	width: 268px;



	height: 24px;



	display: inline-block;



	background-position: -40px -218px;



	margin-right: 60px;



}



.ilinks a {



	display: inline-block;



	color: #fff;



}



.ilinks a:hover {



	color: #f9e012;



}



.ilinks i {



	padding: 0 5px;



	color: #fff;



}



.ilinks i:last-child {



	display: none;



}



/*底部信息*/



/*footer_main*/



.footer_main {



	width: 100%;



	padding-bottom: 50px;



	background: #1a212a;



	color: #fff;



}



.footer_main .footer {



	padding-top: 60px;



}



.footer_main .qcode {



	width: 300px;



}



.footer_main .blogo {



	width: 300px;



	line-height: 28px;



}



.footer_main .blogo img {



	display: block;



	margin: 0 auto 8px;



	max-width: 100%;



	max-height: 60%;



}



.footer_main .blogo .p1 {



	color: #fff;



}



.footer_main .blogo .p2 {



	font-family: "GrayDesign Regular", "arial, helvetica, sans-serif";



	font-size: 30px;



	color: #23b067;



	padding-bottom: 18px;



}



.footer_main .blogo .p3 {



	color: #999;



	line-height: 22px;



}



.footer_main .botnavlist {



	width: 880px;



}



.footer_main .botnavlist li {



	float: left;



	width: 140px;



	height: 146px;



	display: block;



	list-style: none;



	font-size: 16px;



	line-height: 32px;



	text-indent: 30px;



	overflow: hidden;



	border-right: 1px solid #444;



}



.footer_main .botnavlist li:first-child {



	padding-left: 0px;



}



.footer_main .botnavlist li a {



	color: #fff;



	display: block;



	line-height: 32px;



	font-size: 16px;



}



.footer_main .botnavlist li a:hover {



	color: #23b067;



}



.footer_main .botnavlist li .drop {



	padding-top: 10px;



}



.footer_main .botnavlist li .drop a {



	display: block;



	line-height: 26px;



	color: #999;



	width: 100%;



	font-size: 12px;



}



.footer_main .botnavlist li .drop a:hover {



	color: #23b067;



}



.float-right-box {



	width: 250px;



	position: fixed;



	right: 0;



	top: 50%;



	margin-top: -127px;



	background-color: #191919;



	z-index: 1000;



	transition: width 0.3s ease 0s;



}



.float-right-box.on {



	width: 50px;



}



.float-right-box .top-list {



	width: 100%;



}



.float-right-box .top-list ul {



	width: 100%;



}



.float-right-box .top-list li {



	width: 100%;



	position: relative;



	border-bottom: 1px solid #3b3b3b;



	transition: background 0.3s ease 0s;



	height: 50px;



}



.float-right-box .top-list a {



	display: block;



	width: 100%;



}



.float-right-box .top-list .ico {



	display: inline-block;



	width: 50px;



	height: 50px;



	position: absolute;



	right: 0;



	top: 0;



	transition: background 0.3s ease 0s;



	z-index: 2;



}



.float-right-box .top-list .ico1 {



	background: url(/html/skin/images/ico_58.png) no-repeat center #191919;



}



.float-right-box .top-list .ico2 {



	background: url(/html/skin/images/ico_59.png) no-repeat center #191919;



}



.float-right-box .top-list .ico3 {



	background: url(/html/skin/images/ico_60.png) no-repeat center #191919;



}



.float-right-box .top-list .ico4 {



	background: url(/html/skin/images/ico_61.png) no-repeat center #191919;



}



.float-right-box .top-list .ico5 {



	background: url(/html/skin/images/ico_62.png) no-repeat center #191919;



}



.float-right-box .top-list .ico7 {



	background: url(/html/skin/images/ico_69.png) no-repeat center #191919;



}



.float-right-box .top-list .stt {



	display: inline-block;



	font-size: 14px;



	line-height: 50px;



	color: #fff;



	transition: color 0.3s ease 0s;



	position: absolute;



	left: 28px;



	top: 0;



	z-index: 1;



	width: 222px;



	cursor: pointer;



}



.float-right-box .top-list li:hover .stt {



	color: #15191e;



}



.float-right-box .top-list li:hover .ico1 {



	background: url(/html/skin/images/ico_58_h.png) no-repeat center #fff;



}



.float-right-box .top-list li:hover .ico2 {



	background: url(/html/skin/images/ico_59_h.png) no-repeat center #fff;



}



.float-right-box .top-list li:hover .ico3 {



	background: url(/html/skin/images/ico_60_h.png) no-repeat center #fff;



}



.float-right-box .top-list li:hover .ico4 {



	background: url(/html/skin/images/ico_61_h.png) no-repeat center #fff;



}



.float-right-box .top-list li:hover .ico5 {



	background: url(/html/skin/images/ico_62_h.png) no-repeat center #fff;



}



.float-right-box .top-list li:hover .ico7 {



	background: url(/html/skin/images/ico_69_h.png) no-repeat center #fff;



}



.float-right-box .top-list li:hover {



	background-color: #fff;



}



.float-right-box .top-list .return-webtop .stt {



	font-family: "Arial";



	font-weight: bold;



}



.float-right-box .bot-share {



	position: relative;



	height: 50px;



}



.float-right-box .bot-share a {



	display: inline-block;



	width: 50px;



	height: 50px;



	float: left;



	transition: background 0.3s ease 0s;



	margin: 0;



	padding: 0;



}



.float-right-box .bot-share .share {



	width: 200px;



	position: absolute;



	left: 0;



	top: 0;



	z-index: 1;



}



.float-right-box .bot-share .sina {



	background: url(/html/skin/images/ico_63.png) no-repeat center;



}



.float-right-box .bot-share .wx {



	background: url(/html/skin/images/ico_64.png) no-repeat center;



}



.float-right-box .bot-share .more {



	background: url(/html/skin/images/ico_66.png) no-repeat center;



	border: 0 none;



}



.float-right-box .bot-share a:hover {



	background-color: #525354;



}



.float-right-box .bot-share .share-ico {



	background: url(/html/skin/images/ico_67.png) no-repeat center #191919;



	width: 50px;



	height: 50px;



	display: inline-block;



	cursor: pointer;



	z-index: 2;



	position: relative;



}



.float-right-box .top-list li .weix {



	position: relative;



}



.float-right-box .sidebox {



	position: absolute;



	right: 250px;



	top: 0;



	transition: all 0.1s ease 0s;



	width: 120px;



	z-index: 10;



	display: none;



	background: #191919;



}



.float-right-box .sidebox img {



	width: 110px;



	height: 110px;



	display: block;



	margin: 5px auto;



}



.animated {



	-webkit-animation-duration: 1s;



	animation-duration: 1s;



	-webkit-animation-fill-mode: both;



	animation-fill-mode: both



}



@font-face {



	font-family: ADELE;



	src: url("/html/skin/font/ADELE.eot");



	src: url("/html/skin/fonts/adele.eot") format("eot"), url("/html/skin/fonts/adele.ttf") format("truetype");



}



@-webkit-keyframes flipInY {



0% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);



transform:perspective(400px) rotate3d(0, 1, 0, 90deg);



-webkit-transition-timing-function:ease-in;



transition-timing-function:ease-in;



opacity:0



}



40% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);



transform:perspective(400px) rotate3d(0, 1, 0, -20deg);



-webkit-transition-timing-function:ease-in;



transition-timing-function:ease-in



}



60% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);



transform:perspective(400px) rotate3d(0, 1, 0, 10deg);



opacity:1



}



80% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);



transform:perspective(400px) rotate3d(0, 1, 0, -5deg)



}



100% {



-webkit-transform:perspective(400px);



transform:perspective(400px)



}



}



@keyframes flipInY {



0% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);



-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);



transform:perspective(400px) rotate3d(0, 1, 0, 90deg);



-webkit-transition-timing-function:ease-in;



transition-timing-function:ease-in;



opacity:0



}



40% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);



-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);



transform:perspective(400px) rotate3d(0, 1, 0, -20deg);



-webkit-transition-timing-function:ease-in;



transition-timing-function:ease-in



}



60% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);



-ms-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);



transform:perspective(400px) rotate3d(0, 1, 0, 10deg);



opacity:1



}



80% {



-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);



-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);



transform:perspective(400px) rotate3d(0, 1, 0, -5deg)



}



100% {



-webkit-transform:perspective(400px);



-ms-transform:perspective(400px);



transform:perspective(400px)



}



}



.flipInY {



	-webkit-backface-visibility: visible!important;



	-ms-backface-visibility: visible!important;



	backface-visibility: visible!important;



	-webkit-animation-name: flipInY;



	animation-name: flipInY



}





.sonnav{

	padding-left: 21px;

	box-sizing: border-box;

	display: none;

}