锘
@charset "utf-8";
html {
min-width: 1200px;
}
/*==========@@閫氱敤 寮€濮婡@==========*/
/*甯哥敤棰滆壊*/
.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(../images/icon.png) no-repeat;
display: inline-block;
vertical-align: middle;
}
.icons {
background: url(../images/icons.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_logo .logo span{font-size: 17px;color: #333;letter-spacing: 2px;font-weight: 500;line-height: 60px; padding-left: 10px;}
.head_main_top {
height: 38px;
width: 100%;
background-color: #fff;
font-size: 12px;
line-height: 36px;
color: #333;
border-top: #dddddd solid 1px;
border-bottom: #dddddd solid 1px;
}
.head_main a {
color: #333;
font-size: 12px;
}
.head_main_top li {
padding: 0 8px;
display: inline-block;
}
.head_main_top li i.qy {
display: inline-block;
width: 16px;
height: 16px;
background-position: -238px -231px;
margin-right: 4px;
}
.head_main_top li i.zx {
display: inline-block;
width: 16px;
height: 18px;
background-position: -262px -231px;
margin-right: 4px;
}
.head_main_top li i.lx {
display: inline-block;
width: 12px;
height: 16px;
background-position: -282px -231px;
margin-right: 4px;
}
.head_main_top a:hover {
color: #003e92;
}
/*header_main*/
.header_main {
position: relative;
width: 100%;
height: 180px;
background: #fbfbfb;
min-width: 1200px;
z-index: 22;
}
.header_main .header_logo {
height: 120px;
background-color: #fff;
}
.header_main .logo {
display: block;
padding-top: 30px;
}
.header_main .logo img {
width: 100%;
height: 100%;
display: block;
}
.header_main .ewm {
width: 76px;
text-align: center;
margin-top: 15px;
margin-left: 54px;
}
.header_main .ewm {
width: 76px;
height: 76px;
display: inline-block;
}
.header_main .ewm i {
display: block;
padding-left: 4px;
font-size: 12px;
line-height: 12px;
}
.header_main .dhua {
width: 260px;
margin-top: 15px;
margin-right: 60px;
}
.header_main .dhua b {
background-position: -274px -173px;
width: 26px;
height: 52px;
float: left;
margin-top: 20px;
display: block;
}
.header_main .dhua p {
float: right;
font-size: 16px;
color: #999999;
display: block;
padding-top: 16px;
}
.header_main .dhua p span {
display: block;
font-size: 30px;
color: #c50501;
line-height: 24px;
font-weight: bold;
}
/*鎼滅储妗?/
.header_main .search_main {
width: 234px;
height: 40px;
overflow: hidden;
border: #003e92 solid 1px;
background-color: #fff;
position: relative;
margin-top: 40px;
border-right: 0;
border-radius: 2px;
}
.header_main .search_main input {
background-color: none;
border: none;
}
.header_main .search_main .stxt {
width: 236px;
height: 40px;
line-height: 40px;
display: block;
text-indent: 10px;
color: #999;
}
.header_main .search_main .sbtn {
width: 60px;
height: 40px;
font-size: 16px;
text-align: center;
color: #fff;
display: block;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
background: #003e92;
}
.nav_main {
position: relative;
z-index: 9;
background-color: #3B3C41;
width: 100%;
}
.nav {
height: 60px;
position: relative;
width: 1200px;
margin: 0 auto;
}
.nav .list {/*width: 106%;*/
text-align: left;
}
.nav li {
float: left;
width: 133px;
display: block;
position: relative;
z-index: 10;
height: 60px;
}
.nav li a {
font-size: 16px;
text-align: center;
height: 60px;
line-height: 60px;
cursor: pointer;
display: block;
position: relative;
overflow: hidden;
color: #fff;
}
.nav li.hover a, .nav li:hover a {
background-color: #c50501;
}
#nav .subnav {
position: absolute;
width: 100%;
top: 60px;
left: 0px;
transition: all .6s ease 0s;
transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
opacity: 0;
visibility: hidden;
-webkit-transform: translate3d(0, 10px, 0);
text-align: center;
overflow: hidden;
z-index: 199;
}
#nav li:hover .subnav {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
text-align: center;
}
.nav .subnav .nav2 {
width: 100%;
}
.nav .subnav .nav2 li {
display: block;
width: 100%;
font-size: 14px;
line-height: 40px;
background: none;
height: 40px;
padding: 0;
border-bottom: #dddddd solid 1px;
background-color: #fff;
}
.nav li.tnav6 {
padding-right: 0;
background: none;
}
.nav .subnav .nav2 li a {
display: block;
width: 100%;
height: 40px;
font-size: 14px;
line-height: 40px;
color: #333;
padding: 0;
}
.nav li.hover li a, .nav li:hover li a {
background-color: #fff;
}
.nav .subnav .nav2 li:hover a {
color: #003e92;
background-color: #f0f0f0;
}
/*渚ц竟瀵艰埅*/
/* 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: #3fb150;
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;
}
/*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: 30px;
font-weight: normal;
display: block;
line-height: 30px;
background: url(../images/title.png) no-repeat center;
}
.index .title p {
color: #999;
font-size: 20px;
text-transform: uppercase;
font-family: "AvantGardeITVbyBT Book", arial;
padding-top: 14px;
}
.index .title h3 b {
display: inline-block;
}
.imenu {
text-align: center;
}
.imenu a {
font-size: 16px;
display: inline-block;
padding: 0 24px;
text-align: center;
border-left: 1px solid #3fb150;
height: 20px;
line-height: 20px;
}
.imenu a:first-child {
border-left: 0 none;
}
.imenu a:hover {
color: #3fb150;
}
.index .floor_1_main {
padding-top: 80px;
padding-bottom: 80px;
}
.ipro {
position: relative;
overflow: hidden;
padding: 30px 0;
}
.ipro .list {
width: 108%;
}
.ipro .item {
float: left;
width: 386px;
display: block;
height: 290px;
overflow: hidden;
margin-bottom: 20px;
margin-right: 20px;
position: relative;
}
.ipro .item a {
display: block;
position: relative;
width: 100%;
height: 290px;
}
.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 h3 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-indent: 30px;
font-weight: normal;
font-size: 16px;
height: 65px;
line-height: 65px;
background: url(../images/black60.png) repeat;
color: #fff;
}
.ipro .item em {
position: absolute;
right: 0;
bottom: 20px;
z-index: 2;
width: 32px;
height: 26px;
background-position: -190px 0;
display: block;
margin-right: 30px;
vertical-align: middle;
}
.ipro .item:hover h3 {
background: url(../images/ipro_t.png) repeat-x left top;
}
.index .floor_2_main {
margin-top: 0px;
background: url(../images/iyoushi.jpg) no-repeat center top;
height: 700px;
overflow: hidden;
}
.index .floor_2, .index .floor_3 {
padding: 80px 0;
position: relative;
}
.index .floor_2 .title {
color: #fff;
}
.iyoushi {
background: url(../images/bieshu.png) no-repeat 460px center;
height: 400px;
overflow: hidden;
}
.iyoushi .item {
width: 375px;
height: 128px;
background: url(../images/yousitem.png) no-repeat left top;
float: left;
margin-top: 40px;
}
.iyoushi .item a {
display: block;
padding: 40px;
}
.iyoushi .item .img {
width: 50px;
height: 50px;
overflow: hidden;
position: relative;
margin-left: 10px;
}
.iyoushi .item .img img {
position: absolute;
left: 0;
top: 0;
width: 50px;
display: block;
}
.iyoushi .item .txt {
width: 140px;
padding-left: 60px;
color: #fff;
}
.iyoushi .item .txt h3 {
font-size: 20px;
font-weight: bold;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.iyoushi .item .txt p {
font-family: arial;
color: #cccccc;
padding-top: 0;
}
.iyoushi .it1, .iyoushi .it5 {
margin-left: 62px;
margin-right: 60px;
}
.iyoushi .it2, .iyoushi .it6 {
margin-right: 65px;
float: right;
}
.iyoushi .it4 {
float: right;
}
.iyoushi .item:hover {
background: url(../images/yousitem_a.png) no-repeat left top;
}
.iyoushi .item:hover .txt h3 {
color: #3fb150;
}
.iyoushi .item:hover .img img {
top: -50px;
}
.xunpan {
width: 100%;
background: url(../images/xunpan.jpg) no-repeat center top;
height: 200px;
color: #fff;
}
.xunpan .zixun {
width: 300px;
padding-top: 40px;
text-align: center;
}
.xunpan .zixun a {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
height: 50px;
display: block;
line-height: 50px;
color: #fff;
background: #3fb145;
font-size: 20px;
}
.xunpan .zixun:hover a {
background: #43be4a;
}
.xunpan .tel {
border: 1px solid #85878d;
height: 50px;
line-height: 50px;
color: #fff;
font-size: 26px;
text-align: center;
font-family: "AvantGardeITVbyBT Book", arial;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
margin-bottom: 20px;
}
.xunpan .tel em {
width: 25px;
height: 25px;
display: inline-block;
background-position: -100px 0;
margin-right: 10px;
}
.xunpan strong {
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 28px;
padding-right: 10px;
font-style: italic;
}
.xunpan p {
font-size: 20px;
color: #fff;
}
.xunpan .bigtxt {
font-size: 20px;
padding-bottom: 20px;
padding-top: 54px;
}
.floor_3_main {
overflow: hidden;
}
.liuc {
position: relative;
overflow: hidden;
padding: 40px 0;
}
.liuc .list {
width: 108%;
}
.liuc li {
float: left;
width: 206px;
}
.liuc li .Piece {
width: 168px;
height: 188px;
background: #f5f5f5;
border: 1px solid #ddd;
float: left;
font-size: 20px;
text-align: center;
-webkit-transition: all .3s ease;
transition: all .3s ease;
box-shadow: 0 0 0 #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.liuc li .jtou {
width: 36px;
height: 188px;
background: url(../images/jtou.png) no-repeat center;
float: left;
display: block;
}
.liuc li img {
max-width: 100px;
max-height: 80px;
display: block;
margin: 0 auto;
}
.liuc li p {
text-align: center;
padding-top: 40px;
height: 88px;
}
.liuc li:last-child .jtou {
display: none;
}
.liuc li:hover .Piece {
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
box-shadow: 0 15px 30px rgba(0,0,0,.1);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.floor_4_main {
background: #fff;
overflow: hidden;
width: 100%;
}
.index .floor_4 {
padding: 80px 0 20px;
position: relative;
}
.textlist {
}
.textlist .list {
width: 100%;
padding-bottom: 30px !important;
}
.textlist .item {
float: left;
width: 281px;
height: 371px;
margin-right: 25px;
transition: all 0.2s linear 0s;
margin-bottom: 30px;
/*box-shadow: 0 2px 5px rgba(0,0,0,.1);*/
background: #fff;
}
.textlist .item a {
display: block;
padding: 0;
color: #333;
}
.textlist .item .img {
width: 375px;
height: 281px;
overflow: hidden;
cursor: pointer;
position: relative;
}
.textlist .item .img img {
width: 281px;
height: 100%;
transition: all 0.3s ease-out 0s;
display: block;
}
.textlist .item:hover .img img {
transform: scale(1, 1);
}
.textlist .item .txt {
padding: 30px 20px 0;
}
.textlist .item h3 {
font-size: 18px;text-align: center;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.textlist .desc {
line-height: 24px;
height: 52px;
overflow: hidden;
margin-bottom: 10px;
cursor: pointer;
padding-top: 10px;
}
.textlist span {
display: block;
color: #666;
font-family: arial;
padding-top: 10px;
border-top: 1px solid #ddd;
}
.textlist .item:hover {
-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
box-shadow: 0 15px 30px rgba(0,0,0,.1);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.textlist .item:hover h3 {
color: #3fb150;
}
.floor_4 .btn {
width: 40px;
height: 40px;
display: block;
position: absolute;
top: 50%;
cursor: pointer;
}
.floor_4 .btn.prev {
background-position: -100px -50px;
left: -5%;
}
.floor_4 .btn.next {
background-position: -190px -50px;
right: -5%;
}
.floor_4 .btn.prev:hover {
background-position: -145px -50px;
}
.floor_4 .btn.next:hover {
background-position: -236px -50px;
}
.indnews {
padding: 80px 0;
overflow: hidden;
position: relative;
}
.index .more {
width: 180px;
height: 36px;
line-height: 36px;
text-align: center;
color: #fff;
display: block;
margin: 0px auto 0;
background: #444;
transition: all 0.2s linear 0s;
}
.index .moree {
width: 300px;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
display: block;
margin: 0px auto 0;
background: #3fb150;
transition: all 0.2s linear 0s;
font-size: 20px;
font-weight: bold;
border-radius:10px;
}
.index .more:hover {
background: #3fb150;
color: #fff;
text-indent: 10px;
}
.ipatent_main {
width: 100%;
background: url(../images/patent.jpg) no-repeat center top;
height: 460px;
overflow: hidden;
}
.ipatent_main .floor {
overflow: hidden;
padding: 100px 0;
}
.ipatent_main .title {
color: #fff;
}
.ipatent_main .title h3 {
background: url(../images/title1.png) no-repeat center;
}
.ipatent {
padding-top: 40px;
}
.ipatent .item {
width: 580px;
height: 140px;
background: url(../images/pat_bk.png) no-repeat left top;
float: left;
margin-left: 37px;
}
.ipatent .item:first-child {
margin-left: 0;
}
.ipatent .item a {
display: block;
padding: 30px;
}
.ipatent .item .img {
width: 64px;
height: 60px;
overflow: hidden;
position: relative;
margin-right: 40px;
margin-left: 22px;
margin-top: 10px;
}
.ipatent .item .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block;
}
.ipatent .item .txt {
width: 350px;
color: #fff;
padding-left: 20px;
}
.ipatent .item .txt h3 {
font-size: 20px;
font-weight: bold;
}
.ipatent .item .txt p {
font-family: arial;
color: #cccccc;
padding-top: 0;
}
.newsBox {
width: 380px;
height: 410px;
overflow: hidden;
position: relative;
}
.newsBox .bd {
border: 1px solid #ddd;
}
.newsBox .hd {
height: 28px;
overflow: hidden;
position: absolute;
bottom: 1px;
z-index: 10;
padding-left: 20px;
text-align: center;
}
.newsBox .hd ul {
overflow: hidden;
zoom: 1;
}
.newsBox .hd ul li {
margin-right: 6px;
width: 10px;
height: 10px;
line-height: 14px;
text-align: center;
background: #999;
cursor: pointer;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
display: inline-block;
}
.newsBox .hd ul li.on {
background: #00ae66;
color: #fff;
}
.picBox .bd {
height: 100%;
z-index: 0;
}
.newsBox .bd li {
zoom: 1;
vertical-align: middle;
position: relative;
height: 408px;
overflow: hidden;
}
.newsBox .bd img {
width: 380px;
height: 285px;
display: block;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.newsBox .bd li h3 {
display: block;
font-size: 18px;
color: #000;
-webkit-transition: all .3s ease-in-out 0s;
-moz-transition: all .3s ease-in-out 0s;
transition: all .3s ease-in-out 0s;
}
.newsBox .bd li .txt {
z-index: 5;
padding: 15px 20px;
border-top: 0 none;
height: 93px;
}
.newsBox .bd li p {
padding: 0;
color: #666;
line-height: 24px;
height: 45px;
overflow: hidden;
}
.newsBox .bd li .time {
font-size: 16px;
padding-right: 30px;
padding-top: 28px;
}
.newsBox .bd li a:hover h3 {
color: #3fb150;
}
.newsBox .bd li a:hover img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.index .txtlistbox {
width: 800px;
}
.txtlistbox .item {
border: 1px solid #ddd;
margin-bottom: 16px;
transition: all 0.2s linear 0s;
+margin-bottom: 18px;
}
.txtlistbox .item a {
display: block;
padding: 28px;
}
.txtlistbox .item h3 {
font-size: 18px;
vertical-align: top;
}
.txtlistbox .item p {
font-size: 14px;
line-height: 20px;
height: 40px;
color: #666;
}
.txtlistbox .item .time {
display: block;
width: 90px;
height: 66px;
border-right: 1px solid #ddd;
line-height: 20px;
margin-right: 30px;
color: #666;
vertical-align: middle;
*zoom: 1;
}
.txtlistbox .item .time b {
color: #666;
display: block;
font-size: 48px;
line-height: 48px;
}
.txtlistbox .item:hover {
border: 1px solid #3fb150;
-webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
box-shadow: 0 2px 6px rgba(0,0,0,.1);
-webkit-transform: translate3d(0, -2px, 0);
transform: translate3d(0, -2px, 0);
}
.iabout {
width: 100%;
background: url(../images/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;
}
.iabout .txt:hover span {
background: #1a7140;
color: #fff;
}
.iabout .img {
width: 650px;
height: 320px;
display: block;
overflow: hidden;
}
.iabout .img img {
width: 100%;
display: block;
}
/*搴曢儴淇℃伅*/
/*footer_main*/
.footer_main {
width: 100%;
background: #191919;
color: #fff;
}
.footer_main .footer {
padding-bottom: 40px;
}
.footer_main .footer .links {
padding: 30px 0;
margin-bottom: 40px;
font-size: 16px;
border-bottom: 1px solid #353535;
}
.footer_main .footer .links span {
color: #fff;
display: inline-block;
}
.footer_main .footer .links a {
display: inline-block;
font-size: 14px;
color: #999;
padding-right: 10px;
}
.footer_main .footer .links a:hover {
color: #3fb150;
}
.footer_main .qcode {
width: 540px;
}
.footer_main .qcode .ewm {
width: 130px;
height: 130px;
display: block;
border: 5px solid #666;
}
.footer_main .btel {
width: 300px;
line-height: 28px;
}
.footer_main .btel img {
display: block;
margin: 0 auto 8px;
max-width: 100%;
max-height: 60%;
}
.footer_main .btel .p1 {
color: #fff;
}
.footer_main .btel .p2 {
font-family: "GrayDesign Regular", "arial, helvetica, sans-serif";
font-size: 34px;
color: #3fb150;
line-height: 34px;
padding-bottom: 5px;
}
.footer_main .btel .p3 {
color: #999;
line-height: 22px;
}
.footer_main .botnavlist {
}
.footer_main .botnavlist li {
float: left;
width: 100px;
padding: 0 0 0 48px;
display: block;
list-style: none;
font-size: 16px;
line-height: 32px;
text-align: left;
border-right: 1px solid #353535;
overflow: hidden;
}
.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: #3fb150;
}
.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: #3fb150;
}
.copymain {
border-top: 1px solid #353535;
line-height: 60px;
color: #999;
font-size: 12px;
}
.copymain a {
color: #999;
}
.copymain a:hover {
color: #3fb150;
}
.footer_main .yyzz {
padding: 0 8px;
}
/********.fixtool*********/
.toolbar {
width: 130px;
position: fixed;
right: 0;
top: 460px;
z-index: 999;
}
.toolbar dd {
width: 130px;
height: 55px;
margin-bottom: 0;
position: relative;
}
.toolbar dd a {
color: #fff;
width: 130px;
height: 55px;
display: block;
cursor: pointer;
text-align: center;
background: url(../images/rightfixicon.png) no-repeat -36px 0;
line-height: 45px;
-webkit-transition: all .0s ease-in-out 0s;
-moz-transition: all .0s ease-in-out 0s;
transition: all .0s ease-in-out 0s;
}
.toolbar dd a span {
width: 24px;
height: 24px;
display: inline-block;
background: url(../images/rightfixicon.png) no-repeat 0 0;
vertical-align: middle;
margin-right: 5px;
}
.toolbar dd a:hover {
background-position: -168px 0;
}
.toolbar .pop {
position: absolute;
right: 90px;
top: -45px;
background: #3fb150;
display: none;
}
.toolbar .pop-code {
width: 100px;
padding: 15px 15px 0;
}
.toolbar .pop-code img {
width: 100px;
height: 100px;
display: block;
}
.toolbar .pop-code h3 {
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
}
.toolbar .zxzx span {
background-position: 0 4px;
}
.toolbar .lf span {
background-position: 0 -33px;
}
.toolbar .bj span {
background-position: 0 -65px;
}
.toolbar .code span {
background-position: 0 -33px;
}
.toolbar .top {
width: 130px;
height: 45px;
background: #3fb150;
}
.toolbar .top span {
background-position: 0 -127px;
}
.toolbar .top:hover {
background: #2c9638;
}
.toolbar .side_tel {
position: absolute;
right: 0;
top: 0;
background: #3fb150;
height: 45px;
line-height: 45px;
color: #fff;
width: 0;
text-align: center;
}
.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
}
/*鍏充簬鎴戜滑*/
.index #floor_5_main {
background: #f5f5f5;
}
.index .floor_5 {
padding-bottom: 60px;
}
.index .floor_5 .about .part1 {
position: relative;
float: left;
width: 632px;
}
.index .floor_5 .about .part1 .title {
padding-top: 80px;
}
.index .floor_5 .about .part1 .title .entit {
font: normal 40px "Akzidenz-Grotesk BQLight";
line-height: 50px;
color: #666;
}
.index .floor_5 .about .part1 .title .tit {
width: 510px;
font: 30px;
color: #000;
background: url("../images/aboutline.png") no-repeat right center;
}
.index .floor_5 .about .part1 .view_detail {
position: absolute;
top: 60px;
right: 0;
display: block;
width: 120px;
height: 30px;
margin: 0 auto;
margin-top: 20px;
font-size: 14px;
text-align: center;
line-height: 30px;
color: #3fb150;
border: 1px solid #3fb150;
border-radius: 15px;
transiton: all .5s;
}
.index .floor_5 .about .part1 .view_detail:hover {
background: #137C32;
color: #fff;
transition: all .5s;
}
.index .floor_5 .about .part1 .cont {
margin-top: 4px;
margin-bottom: 24px;
font-size: 14px;
color: #333;
line-height: 30px;
text-align: justify;
}
.index .floor_5 .about .part1 .tips {
width: 630px;
height: 118px;
border: 1px solid #ddd;
background-color: #fff;
}
.index .floor_5 .about .part1 .tips .item {
float: left;
margin-top: 30px;
}
.index .floor_5 .about .part1 .tips .item:first-child {
margin-left: 30px;
margin-right: 0px;
}
.index .floor_5 .about .part1 .tips .item .img {
float: left;
width: 55px;
height: 55px;
}
.index .floor_5 .about .part1 .tips .item .img img {
display: block;
width: 55px;
height: 55px;
transition: all ease 600ms;
}
.index .floor_5 .about .part1 .tips .item .stit {
width: 232px;
float: left;
margin-left: 12px;
}
.index .floor_5 .about .part1 .tips .item .stit .tit1 {
padding-top: 6px;
font: bold 20px "Microsoft YaHei";
color: #333;
}
.index .floor_5 .about .part1 .tips .item .stit .cont1 {
margin-top: -3px;
font-size: 14px;
color: #666;
}
.index .floor_5 .about .part2 {
position: relative;
float: left;
width: 500px;
height: 292px;
margin-top: 136px;
background: #3fb150;
margin-left: 68px;
}
.index .floor_5 .about .part2 .video {
position: absolute;
top: -20px;
left: -20px;
}
.index .floor_5 .about .part2 .video img {
display: block;
width: 500px;
height: 280px;
}
.index .floor_5 .about .part1 .tips .item:hover .img img {
transform: rotate(360deg);
transition: all ease 600ms;
}
#index04{
width:100%; padding:60px 0 0;
}
#index04 .indexb{
margin-bottom:46px;
}
.index04{
width:100%; margin:0 auto; background:#fff; overflow:hidden; padding:0px 0 80px;
}
.index04 .index04in{
width:1200px; margin:0 auto;
}
.index04 .index04in .picMarquee-left{ width:1005; overflow:hidden; position:relative; }
.index04 .index04in .picMarquee-left .bd{ padding:0; }
.index04 .index04in .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.index04 .index04in .picMarquee-left .bd ul li{ width:16.66667%; float:left; _display:inline; overflow:hidden; text-align:center; border:1px solid #ededea; box-sizing:border-box; /*padding-bottom:20px;*/ }
.index04 .index04in .picMarquee-left .bd ul li .pic{ text-align:center; }
.index04 .index04in .picMarquee-left .bd ul li .pic img{ max-width:100%; max-height:100%; vertical-align: middle;}
.search {
height: 70px;
border-bottom: 1px solid #e2e2e2;
}
.search .fl {
line-height: 70px;
}
.search .fl a {
margin-right: 15px;
}
.search .fl span {
color: #333;
font-weight: bold;
}
.search .fr {
width: 384px;
height: 70px;
}
.search .fr input {
width: 280px;
height: 36px;
border: 1px solid #eee;
margin-top: 15px;
padding-left: 3px;
border-radius: 6px 0 0 6px;
padding-left: 15px;
}
.search .fr button {
width: 75px;
height: 40px;
background: url(../images/search.jpg) no-repeat;
border: none;
position: relative;
left: -10px;
top: 12px;
}
.sec-title {
text-align: center;
padding: 40px 0;
height: 40px;
position: relative;
}
.sec-title h2 {
font-size: 24px;
color: #252525;
font-weight: bold;
}
.sec-title h2 span {
color: #e6212a;
}
.sec-title p {
font-size: 14px;
margin-top: 10px;
}