﻿
@charset "utf-8";

/*基本*/
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: 28px;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(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: 20px;}
.top_main .logo {display: block;}
.top_main .logo img {display: block;}
.top .toprig {width: 800px;padding-top: 6px;}
.top .toprig .item {width: 190px;padding-top: 12px;}
.top .toprig .item span {width: 40px;height: 40px;display: block;float: left;margin-right: 10px;}
.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(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(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(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: 120px;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(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(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(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: 380px;display: block;margin-bottom: 25px;margin-right: 25px;position: relative;}
.ipro .item a {display: block;position: relative;}
.ipro .item a.img {width: 100%;height: 318px;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(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(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(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(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(fl4.jpg) no-repeat center top;background-size: 1920px 930px;height: 820px;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: 400px;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 .floor_52, .indnews {padding: 10px 0 30px 0;overflow: hidden;position: relative;}
.index .floor_52 .textlist52 .list {width: 108%;}
.index .floor_52 .textlist52 {position: relative;overflow: hidden;}
.index .textlist52 li {position: relative;float: left;width: 378px;height: 400px;margin-right: 28px;margin-bottom: 30px;transition: all 0.2s linear 0s;border: 1px solid #ddd;background: #fff;}
.index .textlist52 li a {display: block;padding: 30px;color: #333;}
.index .textlist52 li .img {width: 320px;height: 240px;overflow: hidden;cursor: pointer;position: relative;}
.index .textlist52 li .img img {width: 100%;height: 100%;transition: all 0.3s ease-out 0s;display: block;}
.index .textlist52 li:hover .img img {transform: scale(1.2, 1.2);}
.index .textlist52 li h3 {font-size: 20px;line-height: 40px;padding-top: 12px;}
.index .textlist52 .desc {line-height: 24px;overflow: hidden;margin-bottom: 5px;cursor: pointer;padding-top: 10px;}
.index .textlist52 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 .textlist52 li:hover {background: #127a44;border: 1px solid #127a44;color: #fff;}
.index .textlist52 li:hover a {color: #fff;}
.index .textlist52 li:hover span {background: #fbdd16;color: #127a44;}
.floor_52 .hd {text-align: center;padding-top: 20px;}
.floor_52 .hd a.btn {position: relative;top: auto;display: inline-block;margin: 0 5px;}
.floor_52 .hd a.btn.prev {left: auto;}
.floor_52 .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(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(fl6.jpg) no-repeat center bottom #f8f8f8;padding: 80px 0;}
.iabout .txt {width: 470px;height: 240px;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: 320px;display: block;overflow: hidden;}
.iabout .img img {width: 650px;height: 320px;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(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(ico_58.png) no-repeat center #191919;}
.float-right-box .top-list .ico2 {background: url(ico_59.png) no-repeat center #191919;}
.float-right-box .top-list .ico3 {background: url(ico_60.png) no-repeat center #191919;}
.float-right-box .top-list .ico4 {background: url(ico_61.png) no-repeat center #191919;}
.float-right-box .top-list .ico5 {background: url(ico_62.png) no-repeat center #191919;}
.float-right-box .top-list .ico7 {background: url(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(ico_58_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico2 {background: url(ico_59_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico3 {background: url(ico_60_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico4 {background: url(ico_61_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico5 {background: url(ico_62_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico7 {background: url(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(ico_63.png) no-repeat center;}
.float-right-box .bot-share .wx {background: url(ico_64.png) no-repeat center;}
.float-right-box .bot-share .more {background: url(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(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("../font/ADELE.eot");src: url("../fonts/adele.eot") format("eot"), url("../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
}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}