﻿/*内页样式*/
/***********category css*************/
.nyIcon{background: url(../images/nyIcon.png) no-repeat; display: inline-block; vertical-align: middle;}
/*wrapper*/
.wrapper{padding: 0 0 36px; min-height: 620px; background: #f5f5f5;}
.wrapper .noinfor{padding: 0 0 20px; text-align: left; color: red;text-align:center;}
/*nybanner*/
.nybanner{width: 100%; height: 250px; line-height: 42px; position: relative; overflow: hidden; background-position: center top; background-repeat: no-repeat; color: #fff; margin-top:0px}
.nybanner h3{font-size: 34px; padding: 140px 0 6px;}
.nybanner .en{font-size: 30px; font-family: arial; font-weight: bold;}
.nybanner .line{width: 50px; height: 2px; display: block; background: #fff; margin-top: 10px;}
/*menu*/
.menu{width: 100%; height: 60px; line-height: 60px; background: #fff; border-bottom: 1px solid #ddd;}
.menu .list{width: 1199px; margin: 0 auto; border-left: 1px solid #ddd;}
.menu li{width: 199px; height: 60px; float: left; border-right: 1px solid #dddddd; position: relative;}
.menu li .nav1{width: 100%; height: 60px; line-height: 60px; font-size: 18px; display: block; text-align: center;}
.menu li .nav1 s{border-style: solid dashed dashed dashed;border-color: #1b81d8 transparent transparent transparent;border-width: 10px;width: 0;height: 0;overflow: hidden;display: none;position: absolute;left: 50%;margin-left: -10px;bottom: -20px;}
.menu li:hover,
.menu li.hover{border-right-color: #1b81d8;}
.menu li:hover .nav1,
.menu li.hover .nav1{background: #1b81d8;color: #fff;}
.menu li:hover .nav1 s,
.menu li.hover .nav1 s{display: block;}
/*sitepath*/
.sitepath{height: 40px; line-height: 60px; text-align: right;}
.sitepath s{width: 20px; height: 18px; background-position: 0 0; margin-right: 4px;}
/* reLink */
.reLink{height: 48px; line-height: 48px; padding: 0 15px; border: 1px solid #dddddd;}
.reLink .nextLink,
.reLink .prevLink{width: 50%; color: #666;}
.reLink .nextLink{text-align: right;}
.reLink a{display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.reLink a:hover{color: #0754a3;}
/* pager */
.pager{padding: 30px 0 15px; text-align: center;}
.pager:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.pager{*zoom: 1;}
.pager p{height: 26px; line-height: 26px; float: left; display: none;}
.pager ul{overflow: hidden; margin: 0 auto; text-align: center;}
.pager ul li{padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1;}
.pager ul a{margin: 0 5px; padding: 0 13px; height: 34px; line-height: 34px; text-decoration: none; float: left; background: #fff;}
.pager ul a.current{background-color: #0754a3; color: #fff;}
.pager ul a.current:hover{background-color: #0754a3; color: #fff;}
.pager ul a:hover{background: #0754a3; color: #fff;}
/*n-gridlist*/
.n-gridlist{width: 105%;}
.n-gridlist .item{width: 380px; float: left; margin: 0 30px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item a{width: 100%; display: block;cursor:pointer;}
.n-gridlist .item img{width: 380px;height: 280px;display: block;}
.n-gridlist .item h3{width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item .bg{position: absolute; width: 400px; padding-top: 116px; height: 174px; left: -400px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.n-gridlist .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.n-gridlist .item:hover{background: #8a8884; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.n-gridlist .item:hover h3{color: #fff;}
.n-gridlist .item:hover .bg{left: 0;}
/*n-tit*/
.n-tit{margin-bottom: 30px;}
.n-tit h3{line-height: 35px; font-size: 24px;}
.n-tit s{width: 4px; height: 22px; margin-right: 15px; background: #da0a1b; display: inline-block; vertical-align: middle;}
.n-tit .more{font-size: 16px;width:120px;height:30px;text-align:center;line-height:30px;margin-top:10px;border:1px solid #ddd;transition:all ease 600ms;}
.n-tit .more:hover{width:150px;transition:all ease 600ms;}
/*relateNews*/
.relateNews{padding: 55px 0 0; width: 100%; overflow: hidden;}
.relateNews .list{width: 110%;}
.relateNews .list li{width: 530px; float: left; margin-right: 62px; margin-bottom: 20px;}
.relateNews .list li a{display: block; width: 100%;height:100px;}
.relateNews .list li img{width: 180px; height: 100px; display: block; float: left; margin-right: 20px;}
.relateNews .list li h3{line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px; font-size: 16px;}
.relateNews .list li .time{color: #999999; font-family: arial; font-size: 16px;}
.relateNews .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}
/*aboutPage*/
.aboutPage{padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff;}
.aboutPage .contact_tit{ text-align: center; position: relative; padding-bottom: 30px; margin-top: 30px;*margin-top:60px;}
.aboutPage .contact_tit .tit{font-size: 45px; line-height:66px;font-weight: 100; position: relative; display: inline; z-index: 12;}
.aboutPage .contact_tit .tit i{background: #bababa; width: 90px; height: 1px; display: block; position: absolute; right: -120px; top: 30px; display: block;}
.aboutPage .contact_tit .tit i:first-child{left: -120px; right: auto;}
.aboutPage .contact_tit .entit{font-size: 82px; line-height:66px;color: #eee; text-transform: uppercase; position: absolute; width: 100%; text-align: center; left: 0; top: 0px; z-index: 10; font-family: Arial;}
.aboutPage .txtcon{}
.aboutPage .txtcon img{max-width: 100%;}
.aboutPage .mapArea{width: 100%; height: 400px; margin-top: 20px;}
.aboutPage .mapArea #allmap{width: 100%; height: 400px;}
/*newsPage*/
.newsPage .item{width: 100%; height: 168px; margin-bottom: 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff;}
.newsPage .item a{width: 100%; height:100%;display: block;cursor:pointer;}
.newsPage .item img{width: 224px; height: 168px; display: block; margin-right: 30px;}
.newsPage .item h3{font-size: 20px; padding: 35px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.newsPage .item .txt{color: #999999; line-height: 24px; height: 48px; padding-right: 130px; overflow: hidden;}
.newsPage .item .time{width: 150px; padding-top: 45px; font-family: arial; font-size: 20px; color: #999;}
.newsPage .item .time .day{font-size: 40px; line-height: 45px; display: block;}
.newsPage .item:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.newsPage .item:hover h3{font-weight:bold;color: #0754a3; text-indent: 5px;}
.newsPage .item:hover .time .day span{background: #6d6d6d;}
.newsPage .item:hover .time .day strong{background: #ff0000; color: #fff;}
.newsPage .item:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
/*showNews*/
.showNews{padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff;}
.showNews img{max-width: 100%;}
.showNews .title{color: #333333; line-height: 32px; text-align: center; font-weight: bold; font-size: 22px;}
.showNews .mark{width: 100%; height: 40px; line-height: 40px; margin: 15px 0 20px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; text-align: center;}
.showNews .mark span{margin: 0 10px; font-size: 12px; color: #666666;}
.showNews .shareNew{padding-bottom: 25px;}
.showNews .showContxt{padding: 0 0 30px; line-height: 30px;}
/*showProduct*/
.showProduct{padding: 40px 40px; width: 1120px; margin: 0 auto; background: #fff;}
.showProduct .pro-tit{margin-bottom: 40px;}
.showProduct .pro-tit s{width: 4px; height: 50px; display: block; background: #da0a1b; float: left; margin-right: 10px;}
.showProduct .pro-tit h3{font-size: 24px; line-height: 24px; margin-bottom: 10px;}
.showProduct .pro-tit .mark{line-height: 20px; color: #999;}
.showProduct .pro-tit .mark span{margin-right: 6px;}
.showProduct img{max-width: 100%;}
.showProduct .shareNew{padding-bottom: 25px;}
.showProduct .showContxt{padding: 0 0 30px; line-height: 30px;}
.showProduct .infoImg{margin-bottom: 40px;}
.showProduct .infoImg .imgf{width: 500px; height: 375px; display: block; float: left; margin-right: 40px;}
.showProduct .infoImg .txt{line-height: 32px; height: 320px; overflow: hidden;}
.showProduct .infoImg .btn{margin-top: 15px;}
.showProduct .infoImg .btn a{width: 120px; height: 40px; line-height: 40px; font-size: 16px; display: inline-block; margin-right: 10px; text-align: center; background: url(../images/detail-btnbg.png) no-repeat -140px center;}
.showProduct .infoImg .btn a:hover{background-position: left center; color: #da0a1b;}
/*msgPage*/
.msgPage{padding: 40px 0px 55px; width: 1120px; margin: 0 auto; margin-top:50px;background: #fff;border:1px solid #ddd;}
.msgPage .online_title{margin-bottom:30px;}
.msgPage .online_title .tit{font-size:30px;color:#737373;text-align:center;}
.msgPage .online_title .entit{font-size: 14px;color:#737373;font-family:Arial;text-transform: uppercase;text-align:center;}
.formData{width: 1000px;}
.formData .item{height: 40px; line-height: 40px; width: 462px; float: left; position: relative; margin-bottom: 25px;}
.formData .item label{width: 85px; float: left; color: #333; padding-right: 5px; text-align: right;}
.formData .item .red{color: #da0a1b; font-size: 12px; position: absolute; right: -10px; top: 2px;}
.formData .item input{width: 360px; height: 40px; line-height: 40px; float: left; padding-left: 10px; border: 0px; font-size: 14px; background: #f5f5f5; border-radius: 5px;}
.formData .item .msg-box{position: absolute; left: 90px;}
.formData .item.mr30{margin-right: 68px;}
.formData .item.youxiang{margin-right: 70px;}
.formData .item.liuyan{width: 100%; height: 96px;}
.formData .item.liuyan textarea{width: 882px; float: left; height: 76px; border: 0px; background: #f5f5f5; -webkit-border-radius: 6px; border-radius: 6px; padding: 10px; overflow: hidden; color: #333; resize: none; font-family: "microsoft yahei";}
.formData .itemsub{width: 100%; height: 40px; line-height: 40px; position: relative;}
.formData .itemsub label{width: 85px; float: left; color: #333; padding-right: 5px; text-align: right;}
.formData .itemsub .msg-box{position: absolute; left: 90px;}
.formData .itemsub input[type=text]{width: 147px; height: 40px; line-height: 40px; float: left; border-radius: 6px; font-size: 14px; background: #f5f5f5; color: #333; text-indent: 10px;}
.formData .itemsub img{height: 32px; float: left; margin-top: 5px; margin-left: 10px;}
.formData .btn{width: 100px; height: 38px; line-height: 38px; cursor: pointer; color: #fff; margin-left: 8px; background: #da0a1b;}
.formData .btn[type=reset]{background: #aaa; margin-right: 9px;}
/*searchPage*/
.searchPage{overflow: hidden;}
.searchPage ul{width: 105%;}
.searchPage .item{width: 280px; height: 222px; float: left; margin: 0 25px 30px 0; background: #fff; position: relative; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.searchPage .item a{width: 100%; display: block;}
.searchPage .item img{width: 280px; height: auto; display: block;}
.searchPage .item h3{width: 100%; position: absolute; left: 0; bottom: 0; height: 64px; line-height: 64px; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff;}
.searchPage .item .bg{position: absolute; width: 280px; padding-top: 86px; height: 72px; left: -280px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.searchPage .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.searchPage .item:hover{background: #fff;}
.searchPage .item:hover h3{color: #fff; background: #0754a3;}
.searchPage .item:hover .bg{left: 0;}
.map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;}
.map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;}
.map_ul .list-inline{display: block; margin-left: 7%; width: 80%; min-height: 30px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #da0a1b; color: #fff;}
span.bds_more,
.bds_tools a{line-height: 14px !important;}



/*******************index css*********************/html {  height: 100%;}
.index_body {  width: 100%;  height: 100%;  background: #fff;  overflow: hidden;}
.index {  height: 100%;}
.index .section {  width: 100%;  height: 100%;  overflow: hidden;}
.index .section .opacity {  opacity: 0;}#fullpage {  height: 100%;  position: relative;  -ms-touch-action: none;  touch-action: none;}#fullpage .godown {  width: 40px;  height: 21px;  position: absolute;  z-index: 99;  left: 50%;  bottom: 20px;  margin-left: -23px;  background-position: -130px -158px;  -webkit-animation: start 1.5s infinite ease-in-out;}#fullpage #page2 .godown,#fullpage #page3 .godown {  background-position: -133px -184px;}#fullpage .fp-section {  position: relative;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}#fullpage .fp-slide {  float: left;  height: 100%;  margin: 0;  background-size: cover;  -ms-behavior: url(../other/backgroundsize.min.htc);  behavior: url(../other/backgroundsize.min.htc);}#fullpage .fp-slide,#fullpage .fp-slidesContainer {  height: 100%;  display: block;}#fullpage .fp-slides {  z-index: 1;  height: 100%;  overflow: hidden;  position: relative;  -webkit-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}#fullpage .fp-section.fp-table,#fullpage .fp-slide.fp-table {  display: table;  table-layout: fixed;  width: 100%;}#fullpage .fp-tableCell {  display: table-cell;  vertical-align: middle;  width: 100%;  height: 100%;}#fullpage .fp-slidesContainer {  float: left;  position: relative;}#fullpage .fp-controlArrow {  -webkit-user-select: none;  -moz-user-select: none;  -khtml-user-select: none;  -ms-user-select: none;  position: absolute;  z-index: 4;  top: 50%;  cursor: pointer;  margin-top: -49px;  width: 59px;  height: 98px;  -webkit-transform: translate3d(0, 0, 0);  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  background: url(../images/icon.png) no-repeat 0 0;}#fullpage .fp-controlArrow.fp-prev {  left: 90px;}#fullpage .fp-controlArrow.fp-next {  right: 90px;  background-position: -62px 0;}#fullpage .fp-scrollable {  overflow: scroll;}#fullpage .fp-notransition {  -webkit-transition: none !important;  transition: none !important;}#fullpage .fp-auto-height.fp-section,#fullpage .fp-auto-height .fp-slide,#fullpage .fp-auto-height .fp-tableCell {  height: auto !important;}/**************banner***********/.flexslider {  position: relative;  border: 0;  -webkit-border-radius: 0;  -moz-border-radius: 0;  -o-border-radius: 0;  border-radius: 0;  margin: 0;  overflow: hidden;  -webkit-box-shadow: none;  -moz-box-shadow: none;  -o-box-shadow: none;  box-shadow: none;}
.flexslider a {  display: block;}
.flex-control-nav {  width: 100%;  position: absolute;  bottom: 20px;  text-align: center;  z-index: 900;  display: none;}
.flex-control-paging li a {  background: transparent;  -webkit-box-shadow: none;  -moz-box-shadow: none;  -o-box-shadow: none;  box-shadow: none;  border: 2px solid #fff;}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active {  background-color: #fff;}
.flex-control-paging li img {  position: absolute;  left: 50%;  margin-left: -960px;  top: 0;  display: block;}
.flex-direction-nav {  height: 60px;  width: 100%;  position: absolute;  top: 50%;  left: 0;  margin: -50px 0 0;  z-index: 100;  padding: 2px; display:none;}
.flex-direction-nav li {  overflow: visible;  width: 800px;}
.flex-direction-nav a {  overflow: visible;  width: 60px;  height: 60px;  margin: 0;  opacity: 1;  top: 0;  color: rgba(0, 0, 0, 0.8);  text-indent: -9999em;  text-shadow: none;  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  background-color: rgba(0, 0, 0, 0.5);  -webkit-box-shadow: none;  -moz-box-shadow: none;  -o-box-shadow: none;  box-shadow: none;}
.flex-direction-nav .arrow {  position: absolute;  top: 0;  left: 0;  width: 60px;  height: 60px;  background: url('../images/banner-ico.png') no-repeat 0 0;  z-index: 200;}
.flex-direction-nav a.flex-next .arrow {  background-position: -60px 0;}
.flex-direction-nav .flex-prev {  position: absolute;  left: 0px;}
.flex-direction-nav .flex-next {  position: absolute;  right: 0px;  text-align: left;}
.flexslider:hover .flex-prev {  left: 0;  filter: alpha(opacity=100);  opacity: 1;}
.flexslider:hover .flex-next {  right: 0;  filter: alpha(opacity=100);  opacity: 1;}
.flexslider:hover .flex-prev:hover .arrow {  left: 0;  background-position: 0 -60px;  background-color: #fff;  border: 2px solid #fff;}
.flexslider:hover .flex-next:hover .arrow {  right: 0;  background-position: -60px -60px;  opacity: 1;  background-color: #fff;  border: 2px solid #fff;}
.flexslider:hover .flex-prev:hover,.flexslider:hover .flex-next:hover {  background-color: #fff;  opacity: 1;}
.flexslider {  margin-left: auto;  margin-right: auto;}
.preview {  width: 100px;  height: 64px;  position: absolute;  top: 0;  left: -60px;  z-index: 100;  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  filter: alpha(opacity=0);  opacity: 0;  background: #fff;}
.flex-direction-nav .preview img {  position: absolute;  left: 3px;  top: 3px;  width: 94px;  height: 58px;}
.preview .alt {  position: absolute;  left: 180px;  top: 0;  background: #fff;  width: 180px;  height: 58px;  color: #000;  text-indent: 0;  text-transform: uppercase;  text-align: center;  font-size: 16px;  line-height: 58px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  -o-box-sizing: border-box;  padding: 3px;  display: none;}/* next button */.flex-next .preview {  right: -66px;  left: auto;}
.flex-next .preview img {  position: absolute;  left: 3px;  top: 3px;  width: 94px;  height: 58px;}
.flex-next .preview .alt {  left: 0;}/* hover style */.flex-prev:hover .preview {  left: 60px;  filter: alpha(opacity=100);  opacity: 1;}
.flex-next:hover .preview {  right: 60px;  filter: alpha(opacity=100);  opacity: 1;}/*.main_banner .hd {    position: absolute;    left: 0;    bottom: 12%;    width: 100%;    z-index: 3;}
.main_banner .hd ul {    text-align: center;}
.main_banner .hd li.on {    opacity: 1;    filter: alpha(opacity=100);    height: 5px;}
.main_banner .hd li {    height: 2px;    margin: 0 5px;    width: 40px;    display: inline-block;    *display: inline;    *zoom: 1;    font-size: 0;    cursor: pointer;    background: #fff;    opacity: 0.5;    filter: alpha(opacity=50);    -webkit-transition: all ease 300ms;    -moz-transition: all ease 300ms;    -ms-transition: all ease 300ms;    -o-transition: all ease 300ms;    transition: all ease 300ms;}*/.arrow2 {  margin: 0 auto 0;  width: 60px;  height: 60px;  cursor: pointer;  display: block;  position: absolute;  overflow: hidden;  border: 0 none;  left: 48%;  bottom: 7%;  z-index: 999;  border: 1px solid #fff;  -moz-border-radius: 100%;  -webkit-border-radius: 100%;  border-radius: 100%;}
.arrow2 i {  width: 34px;  height: 36px;  margin: 8px auto 0;  display: block;  position: relative;  background: url(../images/jiant.png) no-repeat center center;  animation: down-ico 1.5s ease-out infinite;}@keyframes down-ico {  0% {    top: 0;    opacity: 1;  }  35% {    top: 20%;    opacity: 0;  }  65% {    top: -20%;    opacity: 0;  }  100% {    top: 0;    opacity: 1;  }}@-webkit-keyframes down-ico {  0% {    top: 0;    opacity: 1;  }  35% {    top: 20%;    opacity: 0;  }  65% {    top: -20%;    opacity: 0;  }  100% {    top: 0;    opacity: 1;  }}/************index************/.index .floor_2 {  background-size: cover;}
.h3tit {  font-size:18px;  line-height:18px;   color:#fff; font-weight:bold;}
.h4tit {  font-size: 30px; font-weight:normal; font-family:"Arial"; padding-top:12px;  line-height: 30px;   color:#9f9f9f; text-transform:uppercase;}
.h4tit strong {  font-size: 30px; font-weight:normal;   color:#fff;}
.h5tit {  font-size:14px;font-family:"Arial"; padding-top:9px;  line-height: 14px;text-transform:uppercase;   color:#fff;}
.index .cont .line {  width: 65px;  height: 3px;  display: block;  background: #d9d9d9;  margin: 10px 0 50px;}
.index .cont .stit {  font-size: 30px;  font-weight: bold;  color: #007461;  padding: 28px 0;}
.index .cont .summy {  line-height: 24px;  height: 150px;  overflow: hidden;}
.index .cont .summy a {  display: block;  color: #333;}
.index .cont .summy span {  border: 1px solid #dcdcdc;  height: 28px;  line-height: 28px;  -webkit-border-radius: 30px;  border-radius: 30px;  display: block;  text-align: center;  margin-top: 30px;  width: 100px;}
.index .cont .summy a:hover span {  border: 1px solid #3fb150;  background: #3fb150;  color: #fff;}
.iabout .cont {  width: 1200px;  overflow: hidden;}
.iabout .cont .tit {  font-family: "SourceHanSansCN ExtraLight", "microsoft yahei";}
.iabout .section_con {  width: 102%;  padding-top: 54px;}
.iabout .section_con .item {  width: 274px;  height: 164px;  float: left;  display: block;  border: 1px dotted #e4e4e5;  text-align: center;}
.iabout .section_con .item.it1,.iabout .section_con .item.it3 {  border-right: 0 none;}
.iabout .section_con .item.it1,.iabout .section_con .item.it2 {  border-bottom: 0 none;}
.iabout .section_con .item a {  display: block;  padding: 28px;}
.iabout .section_con .item .img {  width: 82px;  height: 64px;  position: relative;  overflow: hidden;  margin: 0 auto;}
.iabout .section_con .item .img img {  width: 82px;  display: block;  position: absolute;  left: 0;  top: 0;}
.iabout .section_con .item .txt {  line-height: 20px;}
.iabout .section_con .item:hover {  background: #0c2649;  border: 1px dotted #0c2649;}
.iabout .section_con .item:hover.it1,.iabout .section_con .item:hover.it3 {  border-right: 0 none;}
.iabout .section_con .item:hover.it1,.iabout .section_con .item:hover.it2 {  border-bottom: 0 none;}
.iabout .section_con .item:hover img {  top: -70px;}
.iabout .section_con .item:hover .txt {  color: #fff;}/*.floor_5 { background: url(../images/floor_6.jpg) no-repeat center;  background-size: cover;}
.floor_5_2{ width:570px; text-align:center;}
.floor_5_2 h3{ font-size:46px; color:#333333; line-height:46px; font-weight:normal;}
.floor_5_2 p{ font-size:16px; color:#333333; line-height:32px; padding-top:18px;}
.floor_5_2 p span{ font-size:16px; color:#e5583e; display:inline-block; font-weight:bold;}*/.floor_5_2 .mitem {    height: 46px; width:486px; display:block; margin-left:34px;    line-height: 36px;    position: relative;    margin-bottom: 32px;	 border-bottom: 1px solid #ddd;}
.floor_5_2 .mitem label {    width: 46px;    float: left;    color: #666666;    padding-right: 5px;    text-align: left;}
.floor_5_2 .mitem input {    width: 424px;    height: 40px;    line-height: 40px;    float: left;    padding-left: 10px;    border: 0px;    font-size: 14px;    border: 0;    -webkit-border-radius: 3px;    border-radius: 3px;    outline: none;}
.floor_5_2 .mitem.liuyan{height: 76px; display:block;}
.floor_5_2 .mitem.liuyan textarea {    width: 412px;    float: left;    border: 0px;    borde:0;    -webkit-border-radius: 3px;    border-radius: 3px;    padding: 10px;    overflow: hidden;    color: #666;    resize: none;    font-family: "microsoft yahei";    outline: none;}
.floor_5_2 .itemsub .btn {    width: 152px;    height: 38px;    line-height: 38px;    float: right; margin-right:46px;    border: 0px;    color: #fff;    cursor: pointer; background:url(../images/a5_03.png) no-repeat;}
.floor_5_2 .mitem select{width: 434px;    height: 40px;    line-height: 40px;    float: left; border:#fff solid 1px;border: none;            outline: none;            /*将默认的select选择框样式清除*/            appearance:none;            -moz-appearance:none;            -webkit-appearance:none;            -ms-appearance:none;}
.floor_5_2 .mitem.youxiang b{ position:absolute; right:46px; top:0; background:url(../images/a2_03.png) center center no-repeat; width:90px; height:40px; background-size:100%; text-align:center; line-height:40px; color:#fff;cursor:pointer;}
.floor_5_2 .mitem.youxiang s{ width:12px; height:6px; background-position:-518px -201px; position:absolute; top: 17px;right: 5px;}
.floor_5 .cont {  padding-bottom: 30px;  text-align: center;    display: inline-block;    width: 1200px;    padding-top: 60px;}
.floor_5 .cont .stit {  padding: 28px 78px;}
.floor_5 .cont .summy {  height: 85px;}
.floor_2 .iBuilding {  width: 100%;  height: 424px;  position: relative;}
.floor_2 .iBuilding .item {  width: 282px;  height: 424px;  display: block;  float: left;  position: relative;   text-align:center; margin-right:24px;}
.floor_2 .iBuilding .item:nth-child(4){ margin-right:0;}
.floor_2 .iBuilding .item:first-child+li+li+li{ margin-right:0;}
.floor_2 .iBuilding .item .img {  display: block;  width: 282px;  height: 350px; overflow:hidden;}
.floor_2 .iBuilding .item:hover .img1{ color:#3ba86f;}
.floor_2 .iBuilding .item .img1{ height:74px; font-size:16px; color:#333; line-height:74px;}
.floor_2 .iBuilding .item .img img {  display: block;  width: 100%;  height: 100%;  transition: all ease-out .3s .1s;}
.floor_2 .iBuilding .item .img s {  width: 262px;  height: 330px;  display: block;  border: 1px solid rgba(255, 255, 255, 0.5);  position: absolute;  left: 10px;  top: 10px;  opacity: 1;  -webkit-transform: rotateX(180deg) scale(0.5, 0.5);  transform: rotateX(180deg) scale(0.2, 0.2);  transition: all ease-out .5s;}
.floor_2 .iBuilding .item .txt {  position: absolute;  width: 100%;  height: 100%;  text-align: center;  left: 0;  top: 0;  vertical-align: middle;  cursor: pointer;  opacity: 1;  transition: all ease-out .9s;}
.floor_2 .iBuilding .item .txt img {  max-width: 100%;  display: inline;  margin: 0 auto;  opacity: 0;  position: relative;  top: 50%;  margin-top: -60px;}
.floor_2 .iBuilding .item:hover .img img {  opacity: 1; width:100%;}
.floor_2 .iBuilding .item:hover .txt img {opacity: 1; width:80px;transition: all ease-out .9s;}
.floor_2 .iBuilding .item:hover s {  opacity: 1;  -webkit-transform: rotateX(0deg) scale(1, 1);  transform: rotateX(0deg) scale(1, 1);  transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;}
.floor_2 .iBuilding .prev,.floor_2 .iBuilding .next {  width: 28px;  height: 28px;  display: block;  position: absolute;  top: -110px;  cursor: pointer;}
.floor_2 .iBuilding .prev {  background-position:-501px -39px;  right:0;}
.floor_2 .iBuilding .next {  background-position: -501px -72px;  right:40px;}
.floor_4 {  background: url(../images/floor_4.jpg) no-repeat center;  background-size: cover;}
.cont_top{ position:relative;}
.cont_top .prev {width: 28px;    height: 28px;    display: block;    position: absolute;    top: 20px;    cursor: pointer;    background-position: -502px -161px;    right: 0;}
.cont_top .h3tit{ color:#3fb150;}
.cont_top .h4tit{ color:#9f9f9f;}
.cont_top .h4tit strong{ color:#3fb150;}
.floor_4 .cont {  width: 1200px;}
.floor_4 .cont .line {  background: #d9d9d9;}
.floor_4 .section_con .inewsCon_left{ float:left; width:404px;}
.floor_4 .section_con .inewsCon_left .img{ width:404px; height:300px; display:block; overflow:hidden;}
.floor_4 .section_con .inewsCon_left .img img{ width:100%;transition: .9s ease;}
.floor_4 .section_con .inewsCon_left .img:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); transition: .9s ease; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s;}
.floor_4 .section_con .inewsCon_left .time{ width:67px; border-right:#d9d9d9 solid 1px; margin-top:30px; font-size:14px; color:#9f9f9f; font-family:"Arial"; display:block; line-height:14px;}
.floor_4 .section_con .inewsCon_left .time span{font-size:50px; line-height:50px; display:block;}
.floor_4 .section_con .inewsCon_left .tit p{ float:right; font-size:16px; color:#333; line-height:24px; width:324px; padding-top:24px;}
.floor_4 .section_con .inewsCon_left .tit p span{ font-size:14px; color:#333; line-height:24px; display:block;}
.floor_4 .section_con .inewsCon_left .tit:hover .time{ color:#3fb150;}
.floor_4 .section_con .inewsCon_left .tit:hover p{ color:#3fb150;}
.floor_4 .section_con .inewsCon_right{ float:right; width:686px;}
.floor_4 .section_con .inewsCon_right .item{ margin-bottom:30px; display:block; height:110px;}
.floor_4 .section_con .inewsCon_right .img{ width:180px; height:110px; display:block; overflow:hidden;}
.floor_4 .section_con .inewsCon_right .img img{ width:100%;transition: .9s ease;}
.floor_4 .section_con .inewsCon_right .time{ width:67px; border-right:#d9d9d9 solid 1px; margin-top:20px; font-size:14px; color:#9f9f9f; font-family:"Arial"; display:block; line-height:14px; margin-left:20px;}
.floor_4 .section_con .inewsCon_right .time span{font-size:50px; line-height:50px; display:block;}
.floor_4 .section_con .inewsCon_right p{ float:right; font-size:16px; color:#333; line-height:24px; width:404px; padding-top:14px;}
.floor_4 .section_con .inewsCon_right p span{ font-size:14px; color:#333; line-height:24px; display:block;}
.floor_4 .section_con .inewsCon_right .item:hover .time{ color:#3fb150;}
.floor_4 .section_con .inewsCon_right .item:hover p{ color:#3fb150;}
.floor_3 {  position: relative; background:url(../images/floor_5_1.png) center center no-repeat;}
.floor_3 .iabout5{ padding-top:90px;}
.floor_3 .iabout5 b{ width:24px; height:32px; background-position:-501px -119px; display:block; margin-top:26px;}
.floor_3 .iabout5 .h4tit{ color:#24262b;}
.floor_3 .iabout5 .h5tit{ color:#24262b;}
.floor_3 .smart {  width: 2020px;  height: 980px;  position: absolute;  left: 50%;  top: 0;  margin-left: -1010px;  z-index: 1;}
.floor_3 .smart #mindscape {  width: 1920px;  height: 980px;  overflow: hidden;  margin: 0 auto;}
.floor_3 .zzbgtop {  position: absolute;  left: 0;  top: 0;  width: 100%;  background: url(../images/zz_top.png) no-repeat center top;  height: 154px;  z-index: 2;}
.floor_3 .zzbgbot {  position: absolute;  left: 0;  bottom: 0;  width: 100%;  background: url(../images/zz_bot.png) no-repeat center top;  height: 172px;  z-index: 2;}
.floor_3 .ren {  position: absolute;  left: 10%;  bottom: 0;  width: 520px;  background: url(../images/ren.png) no-repeat left bottom;  height: 804px;  z-index: 3;}
.floor_3 .iabout5 {  position: relative;  z-index: 10;}
.floor_3 .iabout5 .cont {  width: 400px; margin-left:32px;  color: #fff;}
.floor_3 .iabout5 .cont .stit {  color: #fff;}
.floor_3 .iabout5 .cont .line {  background: #fff;}
.floor_3 .iabout5 .cont .summy {  height: 150px;}
.floor_3 .iabout5 .cont .summy a {  color: #fff;}
.floor_3 .iabout5 .cont .summy span {  border: 1px solid #fff;}
.floor_3 .iabout5 .cont .summy a:hover span {  border: 1px solid #3fb150;  background: #3fb150;  color: #fff;}@media (max-width: 1680px) {  .floor_5 .ren {    background-size: 90%;  }}
.floor_6 {  background: url(../images/floor_6.jpg) no-repeat center;  background-size: cover;}
.floor_6 .cont {  padding-bottom: 30px;  width: 540px;}
.floor_6 .cont .line {  background: #007461;}
.floor_6 .cont .summy {  height: 150px;}
.floor_7 {  background: url(../images/floor_7.png) no-repeat center;}@media (max-width: 1600px) {  .floor_7 .formData .item {    margin-bottom: 10px;  }  .floor_7 .formData .liuyan {    height: 120px;  }  .floor_7 .formData .liuyan textarea {    height: 110px;  }}@media (max-width: 1368px) {  .floor_7 .bcontact {    padding-bottom: 30px;    margin-top: 30px;  }  .floor_7 .h3tit {    font-size: 32px;  }  .floor_7 .imassge .desc {    padding: 10px 0;  }  .floor_7 .formData .item {    margin-bottom: 5px;  }  .floor_7 .formData .liuyan {    height: 100px;  }  .floor_7 .formData .liuyan textarea {    height: 90px;  }}
.floor_2 .h3tit { padding-top: 50px;  }
.bcontact {  width: 100%;  margin-top: 50px;  padding-bottom: 50px;}
.bcontact li {  width: 399px;  float: left;  padding: 20px 0;  border-left: 1px solid #e5e5e5;  text-align: center;}
.bcontact li s {  width: 60px;  height: 55px;  display: block;  margin: 0 auto;  background: url(../images/contact-ico.png) no-repeat 4px center;}
.bcontact li h3 {  font-size: 16px;  padding: 6px 0 14px;  color: #737373;}
.bcontact li h4 {  color: #000;}
.bcontact li.a1 {  border-left: 0px;}
.bcontact li.baddress s {  background-position: -72px center;}
.bcontact li.baddress h4 {  color: #333;  padding: 0 84px;}
.bcontact li.email s {  background-position: -142px center;}
.imassge .h3tit {  text-align: center;}
.imassge .desc {  text-align: center;  line-height: 24px;  padding: 15px 0 40px;}
.imassge .desc b {  color: #0c2649;  font-size: 24px;}@media (max-width: 1440px) {  .floor_5 .ren {    background-size: 76%;  }  .floor_5 .zzbgbot {    bottom: -26px;  }  .floor_5 .zzbgtop {    top: -20px;  }}@media (max-width: 1368px) {  .floor_5 .ren {    background-size: 70%;  }  .floor_5 .zzbgbot {    bottom: -66px;  }  .floor_5 .zzbgtop {    top: -60px;  }  .iabout .section_con {    padding-top: 30px;  }  .iabout .section_con .item {    height: 140px;  }  .iabout .section_con .item a {    padding: 20px;  }  .floor_3 .iBuilding {    height: 300px;  }}/***********category css*************//*nybanner*/
.nybanner {  text-align: center;  color: #fff;  width: 100%;  height: 400px;  position: relative;  overflow: hidden;  display: block;  b background-repeat: no-repeat;}




.nybanner .txt {  position: absolute;  top: 50%;  margin-top: -50px;  left: 0;  text-align: center;  width: 100%;}
.nybanner .entit {  font-size: 48px;  font-family: "SourceHanSansCN ExtraLight", arial;  text-transform: uppercase;  line-height: 50px;  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  display: block;}
.nybanner h3 {  font-size: 24px;  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  padding-top: 10px;}
.wrapper {  min-height:764px;}
.wrapper .ntitle {  font-size: 80px;  line-height: 80px;  display: block;  text-align: center;}
.wrapper .stit {  font-size: 30px;  color: #007461;  text-align: center;  display: block;  padding-top: 50px;}
.wrapper .ntitle2 {  position: relative; text-align:center; padding-top:50px;}
.wrapper .ntitle2 .more {  font-family: arial;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;  width: 85px;  height: 26px;  line-height: 26px;  border: 1px solid #e5e5e5;  -webkit-border-radius: 3px;  border-radius: 3px;  text-align: center;  display: block;}
.wrapper .ntitle2 h3 {  font-size: 48px; color:#333; line-height:48px; font-weight:normal;  position: relative;}
.wrapper .ntitle2 h3 s{ background:url(../images/a6_03.png) center center no-repeat; width:619px; height:9px;display:block; margin:0 auto; margin-top:18px;}
.wrapper .ntitle2 h3 i {  font-size: 24px;  font-family: "Arial";  display: block; color:#a9a9a9; text-transform:uppercase;  padding-left: 5px;}
.menu_main {  border-bottom: 1px solid #e5e5e5;  height: 50px;}
.menu_main .menu a {  display: inline-block;  *display: inline;  *zoom: 1;  height: 50px;  line-height: 50px;  padding: 0 30px;}
.menu_main .menu a:hover,.menu_main .menu a.hover {  background: #3fb150;  color: #fff;}
.erwmImg img {  width: 90px;  height: 90px;  display: block;  background: #fff;  padding: 5px;  border: 1px solid #dcdcdc;}
.aboutpage {  background: url(../images/about.jpg) no-repeat center bottom;  padding-bottom: 200px;}
.aboutpage .part1 {  padding: 20px 0;  text-align: center;}
.aboutpage .part1 .shu {  padding: 50px 0;}
.aboutpage .part1 .shu p {  display: inline-block;  *display: inline;  *zoom: 1;  padding: 0 40px;  height: 40px;}
.aboutpage .part1 .shu p b {  font-size: 48px;  font-family: "SourceHanSansCN ExtraLight", arial;  padding-right: 10px;  display: inline-block;  *display: inline;  *zoom: 1;  vertical-align: middle;  color: #007461;  line-height: 48px;}
.aboutpage .part1 .shu p span {  color: #9f9f9f;  display: inline-block;  *display: inline;  *zoom: 1;  text-align: left;  vertical-align: middle;  font-size: 14px;}
.aboutpage .part1 .shu p span i {  font-family: arial;  display: block;  line-height: 16px;}
.aboutpage .part1 .shu p.p1 {  border-right: 1px solid #e5e5e5;}
.aboutpage .part1 .shu p.p1 b {  color: #3fb150;}
.aboutpage .part1 p {  font-size: 16px;  line-height: 30px;}
.aboutpage .part1 img {  max-width: 100% !important;  display: block;  margin: 50px auto;}
.aboutpage .part2 {  text-align: center;  padding: 50px 0;}
.aboutpage .part2 .tit2 {  font-size: 48px;  line-height: 48px;  display: block;}
.aboutpage .part2 .en {  color: #e5e5e5;  font-size: 46px;  text-transform: uppercase;  padding: 20px 0;}
.aboutpage .part2 p {  font-size: 16px;  line-height: 30px;}
.aboutpage .part3 {  padding-top: 50px;  overflow: hidden;}
.aboutpage .part3 .section_con {  width: 102%;}
.aboutpage .part3 .section_con .item {  width: 275px;  height: 166px;  float: left;  display: block;  border-right: 1px dotted #e4e4e5;  text-align: center;}
.aboutpage .part3 .section_con .item.it1 {  border-left: 1px dotted #e4e4e5;}
.aboutpage .part3 .section_con .item a {  display: block;  padding: 28px;}
.aboutpage .part3 .section_con .item .img {  width: 82px;  height: 64px;  position: relative;  overflow: hidden;  margin: 0 auto;}
.aboutpage .part3 .section_con .item .img img {  width: 82px;  display: block;  position: absolute;  left: 0;  top: 0;}
.aboutpage .part3 .section_con .item .txt {  line-height: 20px;}
.aboutpage .part3 .section_con .item:hover {  background: #0c2649;  border-right: 1px dotted #0c2649;}
.aboutpage .part3 .section_con .item:hover img {  top: -70px;}
.aboutpage .part3 .section_con .item:hover .txt {  color: #fff;}
.singlepage {  padding: 80px 0;}
.singlepage img {  max-width: 100% !important;  display: inline;}
.singlepage .info {  padding-top: 100px;}
.singlepage .homebox .wh_part1 {  text-align: center;  position: relative;}
.singlepage .homebox .wh_part1 .txt {  position: absolute;  left: 50%;  width: 400px;  margin-left: -200px;  top: 50%;  margin-top: -50px;  height: 100px;  z-index: 3;}
.singlepage .homebox .wh_part1 h3 {  font-size: 40px;  font-weight: normal;  color: #000;  padding-bottom: 20px;}
.singlepage .homebox .wh_part1 p {  font-size: 16px;}
.singlepage .homebox img {  max-width: 100%;  display: block;}
.singlepage .homebox .wh_part2 {  position: relative;}
.singlepage .homebox .wh_part2 .txt {  width: 400px;  position: absolute;  bottom: 14%;  text-align: left;  z-index: 9;}
.singlepage .homebox .wh_part2 .txt h2 {  font-size: 40px;  font-weight: normal;  color: #000;  padding-bottom: 20px;  line-height: 60px;}
.singlepage .homebox .wh_part2 .txt p {  line-height: 32px;  color: #888;}
.singlepage .homebox .wh_part2 .txt.t1 {  right: 0;}
.singlepage .homebox .wh_part2 .txt.t2 {  left: 0;}
.tabBox_main {  position: relative;  height: 638px;}
.tabBox_main .tabBox {  height: 560px;  position: relative;  overflow: hidden;}
.tabBox_main .tabMain .txt {  width: 600px;  background: url(../images/preline.jpg) no-repeat right top;  padding-top: 182px;  height: 380px;}
.tabBox_main .tabMain .txt .tit {  font-size: 136px;  font-weight: bold;  font-family: arial;  line-height: 140px;  color: #3fb150;  padding-left: 100px;}
.tabBox_main .tabMain .txt .desc {  line-height: 24px;  padding-left: 100px;}
.tabBox_main .tabMain .img {  width: 600px;  height: 460px;  overflow: hidden;  padding-top: 100px;}
.tabBox_main .tabMain .img img {  max-width: 100%;  display: block;}
.tabBox_main .tabs {  width: 100%;  text-align: center;  background: url(../images/his.png) repeat-x left top;  padding-top: 50px;}
.tabBox_main .tabs span {  width: 14px;  height: 7px;  display: inline-block;  position: absolute;  left: 142px;}
.tabBox_main .tabs .jt {  background: url(../images/iup.png) no-repeat center center;  top: -14px;}
.tabBox_main .tabs .jt2 {  background: url(../images/idown.png) no-repeat center center;  top: 28px;}
.tabBox_main .tabs li {  text-align: center;  display: inline-block;  width: 65px;  font-size: 15px;  font-family: Tahoma, Geneva, sans-serif;  color: #333;  cursor: pointer;  position: relative;  *float: left;  *height: 30px;  *line-height: 30px;}
.tabBox_main .tabs li.on {  color: #3fb150;}@keyframes xia {  0% {    transform: translate(0px, 0px);  }  50% {    transform: translate(0px, 3px);  }  100% {    transform: translate(0px, 0px);  }}@-webkit-keyframes xia {  0% {    -webkit-transform: translate(0px, 0px);  }  50% {    -webkit-transform: translate(0px, 3px);  }  100% {    -webkit-transform: translate(0px, 0px);  }}
.jt {  animation: xia 1s linear infinite;  -webkit-animation: xia 1s linear infinite;}@keyframes shang {  0% {    transform: translate(0px, 0px);  }  50% {    transform: translate(0px, -3px);  }  100% {    transform: translate(0px, 0px);  }}@-webkit-keyframes shang {  0% {    -webkit-transform: translate(0px, 0px);  }  50% {    -webkit-transform: translate(0px, -3px);  }  100% {    -webkit-transform: translate(0px, 0px);  }}
.jt2 {  animation: shang 1s linear infinite;  -webkit-animation: shang 1s linear infinite;}
.Industrypage .part_3 .ntitle2 {  padding-top: 0;}
.Industrypage .Scenesbox {  position: relative;  width: 100%;  overflow: hidden;  height: 800px;}
.Industrypage .Scenesbox .smart {  width: 2020px;  height: 980px;  position: absolute;  left: 50%;  top: -30px;  margin-left: -1010px;  z-index: 1;  background: #000;}
.Industrypage .Scenesbox .smart #mindscape {  width: 1920px;  height: 980px;  overflow: hidden;  margin: 0 auto;}
.Industrypage .Scenesbox .zzbgtop {  position: absolute;  left: 0;  top: -38px;  width: 100%;  background: url(../images/zz_top.png) no-repeat center top;  height: 154px;  z-index: 2;}
.Industrypage .Scenesbox .zzbgbot {  position: absolute;  left: 0;  bottom: -95px;  width: 100%;  background: url(../images/zz_bot.png) no-repeat center top;  height: 172px;  z-index: 2;}
.Industrypage .Scenesbox .ren {  position: absolute;  left: 50%;  bottom: 0;  width: 382px;  background: url(../images/ren2.png) no-repeat left bottom;  height: 582px;  z-index: 3;  margin-left: -191px;}
.Industrypage.Internet {  padding-bottom: 100px;}
.Industrypage.Internet .girdlist {  padding-bottom: 0;}
.Industrypage .brand {  padding-bottom: 50px;}
.girdlist {  overflow: hidden;  width: 100%;  padding-top: 50px;  padding-bottom: 160px;}
.girdlist .list {  width: 108%;}
.girdlist .item {  width: 382px; float:left;  display: inline-block;  margin-bottom: 30px;  margin-right:20px;  position: relative;  background: #fff;}
.girdlist .item a {  display: block;}
.girdlist .item .img {  width: 380px;  height: 278px;  overflow: hidden; border:#eeeeee solid 1px;  position: relative; text-align:center;}
.girdlist .item .img img {  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  width: 360px;  height: 256px;  display:inline-block; margin-top:11px}
.girdlist .item .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;}
.girdlist .item .item_mask .item_link_icon {  display: block;  width: 60px;  height: 60px;  text-align: center;  background-position: -440px -313px;  line-height: 38px;  position: absolute;  left: 50%;  top: 50%;*top: 40%;  margin-left: -30px;  margin-top: -0px;  opacity: 0;  filter: Alpha(opacity=0);  *zoom: 1;}
.girdlist .item .txt {  background: #fff;  height: 56px;  line-height: 56px;  position: relative;  font-size: 16px; color:#333; border-bottom:#eeeeee solid 1px;}
.girdlist .item .txt p{font-size: 16px; color:#333; float:left;transition: .5s ease;}
.girdlist .item .txt i{ float:right; width:15px; height:15px; background-position:-487px -246px; margin-top:20px;transition: .5s ease;}
.girdlist .item:hover p{ color:#3ba86f;transition: .5s ease;}
.girdlist .item:hover .txt i{  background-position:-487px -228px;transition: .5s ease;}/*.girdlist .item:hover {  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}*/.girdlist .item:hover img {  transform: scale(1.1, 1.1);}
.girdlist .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);}
.girdlist .item:hover .item_mask .item_link_icon {  transform: translateY(-21px);  opacity: 1;  filter: Alpha(opacity=100);}
.Project {  overflow: hidden;  width: 100%;  padding-top: 50px;  padding-bottom: 50px;  text-align: center;}
.Project .list {  width: 108%;}
.Project .item {  width: 450px;  display: inline-block;  margin-bottom: 30px;  margin-right: 8px;  position: relative;  margin-left: 16px;  background: #fff;  height: 370px;  overflow: hidden;}
.Project .item a,.Project .item img {  width: 100%;  height: 100%;  display: block;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.Project .item .bg {  position: absolute;  height: 150px;  width: 100%;  background: url(../images/black_jb.png) repeat-x left top;  z-index: 1;  left: 0;  bottom: 0;}
.Project .item .txt {  position: absolute;  z-index: 2;  width: 92%;  left: 0;  bottom: 26px;  padding: 0 4%;  color: #fff;}
.Project .item .txt p {  border-left: 2px solid #fff;  height: 34px;  font-size: 12px;  line-height: 16px;  padding-left: 10px;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.Project .item .txt p span {  font-size: 16px;  display: block;  padding-bottom: 5px;}
.Project .item .txt em {  width: 16px;  height: 16px;  display: block;  background-position: -454px 0;  margin-top: 5px;}
.Project .item:hover img {  transform: scale(1.06, 1.06);}
.girdlist.huxin .item{ width:384px;margin-right: 23px;}
.girdlist.huxin .item .img{width: 382px;height: 282px;}
.girdlist.huxin .item .img img{margin-top: 13px;}
.girdlist.huxin .item .item_mask .item_link_icon{margin-top: -12px;}@media (max-width: 1680px) {  .Project .item {    width: 405px;    height: 333px;    margin-left: 5px;    margin-right: 5px;	  }}@media (max-width: 1560px) {  .Project .list {    width: 115%;  }}@media (max-width: 1460px) {  .Project .item {    width: 348px;    margin-left: 5px;    margin-right: 5px;    height: 286px;  }  .Project .item .img {    height: 286px;  }}@media (max-width: 1370px) {  .Project .item {    width: 328px;    height: 270px;  }  .Project .item .img {    height: 270px;  }}@media (max-width: 1200px) {  .Project .item {    width: 328px;    height: 270px;  }  .Project .item .img {    height: 270px;  }}/*样板房项目*/.promodel .item {  width: 480px;  height: 450px;  margin: 0 0 20px;}
.promodel .item .bg {  height: 50px;  background: url(../images/black50.png) repeat;  text-align: center;  color: #fff;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.promodel .item .bg h3 {  font-size: 16px;  height: 50px;  line-height: 50px;}
.promodel .item .bg h4 {  font-size: 14px;  height: 50px;  line-height: 50px;  text-transform: uppercase;  display: none;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.promodel .item .txt {  bottom: 50px;  padding-top: 4%;  padding-bottom: 4%;  color: #fff;  display: none;  background: url(../images/black70.png) repeat;}
.promodel .item .txt h3 {  text-align: center;  font-size: 20px;}
.promodel .item .txt p {  border: 0 none;  font-size: 14px;  line-height: 24px;  padding: 0;  height: auto;  opacity: 0.5;  filter: alpha(opacity=50);}
.promodel .item:hover .bg {  background: url(../images/grenn50.png) repeat;}@media (max-width: 1680px) {  .promodel .item {    width: 415px;    height: 389px;  }}@media (max-width: 1460px) {  .promodel .item {    width: 358px;    height: 336px;  }}@media (max-width: 1370px) {  .promodel .item {    width: 337px;    height: 316px;  }}
.brandlist {  position: relative;  width: 100%;  height: 662px;}
.brandlist .bd {  height: 662px;  overflow: hidden;  width: 100%;  background: #fafafa;}
.brandlist .bd li {  display: block;  height: 662px;  width: 100%;  vertical-align: middle;}
.brandlist .bd li .fl {  width: 50%;  position: relative;  height: 100%;}
.brandlist .bd li .txt {  width: 420px;  position: absolute;  left: 50%;  top: 26%;  text-align: center;  margin-left: -120px;}
.brandlist .bd li .txt a {  display: block;}
.brandlist .bd li .txt img {  max-width: 100%;  display: block;  margin: 0 auto;}
.brandlist .bd li .txt .st {  padding-top: 20px;  font-size: 16px;  padding-bottom: 30px;  color: #333;}
.brandlist .bd li .txt s {  width: 30px;  height: 1px;  background: #7d7d7d;  display: block;  margin: 0 auto;}
.brandlist .bd li .txt .desc {  line-height: 24px;  margin-bottom: 37px;  color: #333;  padding-top: 30px;}
.brandlist .bd li .txt .jia {  position: relative;  width: 50px;  height: 50px;  display: block;  margin: 0 auto;  border: 1px solid #d3d3d3;  -webkit-border-radius: 100%;  border-radius: 100%;  text-align: center;  vertical-align: middle;  line-height: 50px;  -moz-transform: rotate(0);  -webkit-transform: rotate(0);  -ms-transform: rotate(0);  transform: rotate(0);  transition: all .3s ease-out 0s;}
.brandlist .bd li .txt .jia i {  display: block;  position: absolute;  background-color: #6a6a6a;  -moz-transform: rotate(0);  -webkit-transform: rotate(0);  -ms-transform: rotate(0);  transform: rotate(0);  transition: all .3s ease-out 0s;}
.brandlist .bd li .txt .jia i.q {  width: 14px;  height: 2px;  left: 50%;  margin-left: -6px;  top: 50%;}
.brandlist .bd li .txt .jia i.h {  width: 2px;  height: 14px;  top: 50%;  margin-top: -6px;  left: 50%;}
.brandlist .bd li .txt .jt {  width: 48px;  height: 26px;  display: block;  margin: 108px auto 0;  background-position: -408px -70px;}
.brandlist .bd li .txt a:hover .jia {  border: 1px solid #3fb150;  background: #3fb150;  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg);}
.brandlist .bd li .txt a:hover .jia i {  -moz-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  -ms-transform: rotate(90deg);  transform: rotate(90deg);  background: #fff;}
.brandlist .bd li .img {  width: 50%;  position: relative;  height: 100%;}
.brandlist .bd li .img a {  display: block;  width: 100%;  height: 100%;}
.brandlist .bd li .img img {  width: 100%;  height: 100%;  display: block;}
.brandlist .hd {  position: absolute;  right: 19%;  top: -54px;  z-index: 9;  width: 94px;}
.brandlist .hd a {  width: 42px;  height: 26px;  display: inline-block;  margin-left: 2px;  cursor: pointer;}
.brandlist .hd .prev {  background-position: -380px -110px;}
.brandlist .hd .prev:hover {  background-position: -380px -140px;}
.brandlist .hd .next {  background-position: -430px -110px;}
.brandlist .hd .next:hover {  background-position: -430px -140px;}@media (max-width: 1460px) {  .brandlist .bd {    height: 494px;  }  .brandlist .bd li {    height: 494px;  }  .brandlist .bd li .txt {    width: 400px;    top: 16%;    margin-left: -210px;  }  .brandlist .bd li .txt .jt {    margin-top: 62px;  }}/*newsPage*/.thumblist1 {  overflow: hidden;  position: relative;  margin-top: 50px; padding-bottom:140px;}
.thumblist1 .list {  width: 108%;  padding-bottom: 0 !important;}
.thumblist1 .item1 {  width: 386px;  margin-right: 20px;  margin-bottom: 30px;  float: left;}
.thumblist1 .item1 a {  display: block;}
.thumblist1 .item1 .img {  width: 386px;  height: 217px;  overflow: hidden;}
.thumblist1 .item1 .img img {  width: 100%;  height: 100%;  display: block;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.thumblist1 .item1 .txt {  padding: 24px 30px; padding-left:0;  position: relative;}
.thumblist1 .item1 .txt .time {  color: #333;  position: absolute;  left: 0px;  top: 24px;  width: 70px;  height: 64px;  border-right: 1px solid #d6d6d6;  display: block;  text-align: center;   padding-bottom:6px;}
.thumblist1 .item1 .txt .time b {  font-size: 48px;  line-height: 48px;  display: block;  font-weight: normal;}
.thumblist1 .item1 .txt h3 {  padding-left: 82px;  font-size: 18px;}
.thumblist1 .item1 .txt p {  color: #aaa;  line-height: 20px;  padding-left: 82px;  padding-top: 4px;}
.thumblist1 .item1 .txt .jt {  margin-top: 30px;  width: 150px;  height: 24px;  border: 1px solid #e5e5e5;  text-align: center;  display: block;  padding-top: 16px;}
.thumblist1 .item1 .txt .jt i {  width: 46px;  height: 8px;  background-position: -317px 0;  display: block;  margin: 0 auto;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.thumblist1 .item1:hover img {  transform: scale(1.06, 1.06);}
.thumblist1 .item1:hover .txt .time{ color:#3ba86f;}
.thumblist1 .item1:hover .txt .jt {  border: 1px solid #3ba86f;  background: #3ba86f;  color: #fff;}
.thumblist1 .item1:hover .txt .jt i {  background-position: -317px -18px;}
.thumblist1 .prev,.thumblist1 .next {  width: 30px;  height: 60px;  display: block;  position: absolute;  top: 26%;  cursor: pointer;}
.thumblist1 .prev {  background-position: -288px -56px;  left: 0;}
.thumblist1 .prev:hover {  background-position: -288px -120px;}
.thumblist1 .next {  background-position: -325px -56px;  right: 0;}
.thumblist1 .next:hover {  background-position: -325px -120px;}
.newsPage .floor_1 {  padding: 48px 0 0;}
.newsPage .list {  padding-bottom: 30px;}
.newsPage .newslist {  overflow: hidden;  padding: 50px 0;}
.newsPage .item {  height: 200px;  padding: 26px 0;  transition: all .5s;  border-bottom: 1px solid #f2f2f2;  display: block;}
.newsPage .item:first-child {  padding-top: 0;}
.newsPage .item a {  width: 100%;  display: block;}
.newsPage .item img {  width: 300px;  height: 200px;  display: block;  margin-right: 30px;}
.newsPage .item h3 {  font-size: 24px;  padding: 25px 0 20px;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;  color: #454545;}
.newsPage .item .desc {  color: #454545;  line-height: 24px;  height: 48px;  padding-right: 130px;  overflow: hidden;}
.newsPage .item .liu {  display: block;  color: #454545;  font-size: 14px;}
.newsPage .item .txt {  width: 150px;}
.newsPage .item .txt .time {  border-left: 1px solid #eee;  width: 82px;  height: 84px;  display: block;  margin-left: 54px;  padding-left: 10px;  margin-top: 20px;}
.newsPage .item .txt .time b {  font-size: 48px;  line-height: 48px;  display: block;  font-weight: normal;}
.newsPage .item .txt .jt {  margin-top: 30px;  width: 140px;  height: 24px;  border: 1px solid #e5e5e5;  text-align: center;  display: block;  padding-top: 16px;}
.newsPage .item .txt .jt i {  width: 46px;  height: 8px;  background-position: -176px 0;  display: block;  margin: 0 auto;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.newsPage .item:hover {  transform: translate3d(0px, -6px, 0px);}
.newsPage .item:hover img {  opacity: 0.9;  filter: alpha(opacity=90);}
.newsPage .item:hover h3 {  color: #3fb150;}
.newsPage .item:hover .txt .jt {  border: 1px solid #3fb150;  background: #3fb150;  color: #fff;}
.newsPage .item:hover .txt .jt i {  background-position: -176px -26px;}/*searchPage*/.searchPage {  overflow: hidden;}
.searchPage .list {  padding-bottom: 20px;  width: 105%;}
.searchPage .gridlist .itemk {  width: 100%;  height: 168px;  margin-bottom: 26px;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;  background: #fbfbfb;}
.searchPage .gridlist .itemk a {  width: 100%;  display: block;}
.searchPage .gridlist .itemk img {  width: 300px;  height: 169px;  display: block;  margin-right: 30px;}
.searchPage .gridlist .itemk h3 {  font-size: 20px;  padding: 35px 0 20px;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;  color: #000;}
.searchPage .gridlist .itemk .txt {  color: #666;  line-height: 24px;  height: 48px;  padding-right: 130px;  overflow: hidden;}
.searchPage .gridlist .itemk .time {  width: 150px;  padding-top: 45px;  font-family: arial;  font-size: 20px;  color: #999;}
.searchPage .gridlist .itemk .time .day {  font-size: 40px;  line-height: 45px;  display: block;}
.searchPage .gridlist .itemk:hover {  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}
.searchPage .gridlist .itemk:hover h3 {  color: #3fb150;  text-indent: 5px;}
.searchPage .gridlist .itemk:hover .time .day span {  background: #6d6d6d;}
.searchPage .gridlist .itemk:hover .time .day strong {  background: #ff0000;  color: #fff;}
.contactpage {  padding: 80px 0;  position: relative;}
.contactpage .item {  background: #fafafa;  width: 1200px;  height: 500px;  overflow: hidden;  display: block;}
.contactpage .item .txt {  padding: 40px;  width: 420px;  height: 420px;  overflow: hidden;}
.contactpage .item .txt h3 {  font-size: 30px;  display: block;}
.contactpage .item .txt s {  width: 60px;  height: 1px;  display: block;  background: #333;  margin: 20px 0;}
.contactpage .item .txt .cont {  padding-top: 45px;  line-height: 36px;  height: 210px;  overflow: hidden;}
.contactpage .item .map {  width: 700px;  height: 500px;  overflow: hidden;}
.contactpage .hd {  position: absolute;  left: 40px;  bottom: 112px;}
.contactpage .hd span {  width: 150px;  height: 32px;  margin-right: 10px;  display: inline-block;  *display: inline;  *zoom: 1;  cursor: pointer;  border: 1px solid #e5e5e5;  text-align: center;  padding-top: 24px;}
.contactpage .hd span i {  width: 46px;  height: 8px;  background-position: -250px 0;  display: block;  margin: 0 auto;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.contactpage .hd span:hover {  border: 1px solid #3fb150;  background: #3fb150;  color: #fff;}
.contactpage .hd span:hover i {  background-position: -250px -18px;}
.contactpage .hd .next i {  background-position: -305px 0;}
.contactpage .hd .next:hover i {  background-position: -305px -18px;}
.contactpage .mapArea {  width: 100%;  height: 400px;  margin-top: 40px;}
.contactpage .mapArea #allmap {  width: 100%;  height: 400px;}
.formData {  padding-bottom: 20px;}
.formData .item {  float: left;  color: #999;  font-weight: normal;  width: 378px;  height: 35px;  line-height: 35px;  border-bottom: 1px solid #e5e5e5;  margin-right: 30px;  margin-bottom: 20px;  position: relative;}
.formData .item label {  position: absolute;  left: 0;  top: 0;  z-index: 11;  text-align: center;  display: block;  margin: 0;  height: 35px;  line-height: 35px;  font-size: 14px;  color: #828282;}
.formData .item input {  outline: none;  line-height: 35px;  height: 35px;  font-size: 14px;}
.formData .item .txt {  width: 328px;  height: 35px;  line-height: 35px;  display: block;  background: none;  padding-left: 50px;  border: 0 none;  color: #333;  font-size: 14px;}
.formData .item .red {  position: absolute;  right: 15px;  top: 0;  color: #ff0000;  z-index: 11;}
.formData .item.mr0 {  margin-right: 0;}
.formData .msg-box {  position: absolute;  left: 0;  top: 0px;}
.formData .liuyan {  width: 1198px;  height: 180px;  border-bottom: 1px solid #e5e5e5;  float: left;}
.formData .liuyan label {  text-align: right;  top: 5px;  display: block;}
.formData .liuyan textarea {  width: 1178px;  height: 154px;  line-height: 28px;  padding: 10px 10px;  text-indent: 70px;  font-size: 14px;  font-family: "microsoft yahei";  color: #333;  border: 0 none;  overflow: hidden;  background: none;  resize: none;  display: block;  outline: none;}
.formData .bot {  width: 100%;  float: left;}
.formData .sub {  width: 232px;  height: -4px;  line-height: 38px;  border: 2px solid #3fb150;  text-align: center;  background: #3fb150;  color: #FFF;  cursor: pointer;  font-size: 18px;  display: block;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;  margin: 0 auto;}
.formData .sub:hover {  background: none;  color: #3fb150;}
.formData .yzm {  width: 432px;}
.formData .yzm .txt {  padding-left: 80px;}
.formData .yzm img {  position: absolute;  right: 0;  top: 0;  height: 50px;  border: 0px;  display: block;}
.projectPage {  overflow: hidden;}
.projectPage .list {  width: 105%;}/*****showPro****/.showPro {  padding-bottom: 30px;}
.showPro .showImg {  padding-bottom: 50px;}
.showPro .photo {  width: 540px;}
.showPro .photo .jqzoom {  width: 540px;  height: 405px;  overflow: hidden;  position: relative;  padding: 0px;  cursor: pointer;}
.showPro .photo .zoomdiv {  z-index: 999;  position: absolute;  top: 0px;  left: 0px;  background: #ffffff;  border: 1px solid #ddd;  display: none;  text-align: center;  overflow: hidden;}
.showPro .photo .jqZoomPup {  z-index: 999;  visibility: hidden;  position: absolute;  top: 0px;  left: 0px;  border: 1px solid #eee;  background: #fff;  opacity: 0.6;  -moz-opacity: 0.6;  -khtml-opacity: 0.6;  filter: alpha(Opacity=50);}
.showPro .photo .img {  width: 540px;  height: 405px;  display: block;}
.showPro .photo .photoimg {  width: 540px;  height: 71px;  margin-top: 12px;  position: relative;}
.showPro .photo .photoimg .list {  width: 505px;  overflow: hidden;  position: relative;  margin: 0 auto;}
.showPro .photo .photoimg .listcon {  width: 300%;}
.showPro .photo .photoimg .prev,.showPro .photo .photoimg .next {  width: 12px;  height: 30px;  z-index: 10;  position: absolute;  top: 21px;  cursor: pointer;  background: url(../images/spro-btn-ico.png) no-repeat 0 center;}
.showPro .photo .photoimg .prev {  left: 0;}
.showPro .photo .photoimg .next {  right: 0;  background-position: -90px center;}
.showPro .photo .photoimg a {  width: 95px;  height: 71px;  cursor: pointer;  display: block;  float: left;  margin-right: 7px;}
.showPro .photo .photoimg a img {  width: 95px;  height: 71px;  display: block;}
.showPro .photo .photoimg a.hover img {  border: 3px solid #3fb150;  width: 89px;  height: 65px;}
.showPro .imgtxtcon {  width: 620px;  height: 488px;  float: right;  position: relative;}
.showPro .imgtxtcon .tit {  font-size: 24px;  color: #000;  line-height: 30px;  margin-bottom: 10px;}
.showPro .imgtxtcon .mark {  color: #888;}
.showPro .imgtxtcon .line {  width: 50px;  height: 3px;  display: block;  background: #999999;  margin: 20px 0;}
.showPro .imgtxtcon .txtcon .title {  font-size: 16px;  margin-bottom: 10px;}
.showPro .imgtxtcon .txt {  line-height: 35px;  height: 280px;  overflow: hidden;}
.showPro .imgtxtcon .btn {  position: absolute;  left: 0;  bottom: 10px;  font-size: 16px;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;  width: 135px;  height: 38px;  line-height: 38px;  text-align: center;  color: #fff;  background: #3fb150;}
.showPro .imgtxtcon .btn:hover {  background: #444;}
.showPro .showp_txt {  padding: 0 0 50px 0;  position: relative;}
.showPro .showp_txt .tit {  display: inline-block;  padding-bottom: 7px;  border-bottom: 2px solid #3fb150;  font-size: 18px;  margin-bottom: 20px;  font-weight: bold;}
.showPro .showp_txt .txtcon {  font-size: 14px;  color: #000000;  min-height: 70px;  line-height: 26px;}
.showPro .showp_txt .txtcon img {  max-width: 100%;  display: block;}
.showPro .showp_txt.one {  border-top: 0px;  padding-top: 25px;}
.showPro .showp_txt.one .tit {  top: 25px;}/*showNews*/.showNews .title {  font-size: 24px;  color: #333333;  text-align: center;  margin: 10px 0 22px;  font-weight: bold;}
.showNews .mark {  color: #999999;  height: 38px;  line-height: 38px;  text-align: center;  margin-bottom: 20px;  border-top: 1px dashed #e5e5e5;  border-bottom: 1px dashed #e5e5e5;}
.showNews .showContxt {  color: #666666;  padding: 0 0 30px;  line-height: 30px;}
.showNews .showContxt img {  max-width: 100%;}/* reLink */.reLink {  width: 100%;  height: 25px;  border-top: 1px solid #d7d6d6;  padding: 15px 0 40px; margin-top:20px;}
.reLink .nextLink,.reLink .prevLink {  width: 50%;  line-height: 25px;  color: #666; float:left;}
.reLink .nextLink {  text-align: right; float:right;}
.reLink a:hover {  color: #3fb150;}/* pager */.pager {  padding: 30px 0 15px;  text-align: center;}
.pager:after {  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.pager {  *zoom: 1;}
.pager p {  height: 34px;  line-height: 34px;  float: left;  display: none;}
.pager ul {  overflow: hidden;  margin: 0 auto;  text-align: center;}
.pager ul li {  padding: 0 !important;  height: auto !important;  border: none !important;  display: inline-block;  *display: inline;  zoom: 1;}
.pager ul a {  margin-left: 8px;  padding: 0 15px;  height: 38px;  line-height: 38px;  border: 1px solid #edebeb;  text-decoration: none;  float: left;}
.pager ul a.current {  background-color: #3ba86f;  border-color: #3ba86f;  color: #fff;}
.pager ul a.current:hover {  background-color: #3ba86f;  border-color: #3ba86f;  color: #fff;}
.pager ul a:hover {  background-color: #3ba86f;  border-color: #3ba86f;  color: #fff;}
.map_ul {  list-style: outside none none;  display: block;  width: 100%;  padding-top: 10px;}
.map_ul li {  display: block;  width: 100%;  padding-bottom: 10px;  margin-bottom: 10px;  border-bottom: 1px solid #DCDBDB;  margin-left: 10px;  float: left;}
.map_ul li a {  font-size: 14px;  float: left;  width: 100%;  height: 23px;  line-height: 23px;  font-weight: bold;}
.map_ul .list-inline {  display: block;  margin-left: 7%;  width: 80%;  min-height: 30px;}
.map_ul .list-inline a {  font-weight: normal;  width: auto;  float: none;  line-height: 32px;  height: 32px;  margin: 0 10px 10px 0;  display: inline-block;  border: 1px solid #ccc;  padding: 0px 10px;}
.map_ul .list-inline a:hover {  background: #3fb150;  color: #fff;}span.bds_more,.bds_tools a {  line-height: 14px !important;}/************** *  Animations for content elements * **********//* 滞后 */.delay100 {  -webkit-animation-delay: 100ms;  animation-delay: 100ms;}
.delay200 {  -webkit-animation-delay: 200ms;  animation-delay: 200ms;}
.delay300 {  -webkit-animation-delay: 300ms;  animation-delay: 300ms;}
.delay400 {  -webkit-animation-delay: 400ms;  animation-delay: 400ms;}
.delay500 {  -webkit-animation-delay: 500ms;  animation-delay: 500ms;}
.delay600 {  -webkit-animation-delay: 600ms;  animation-delay: 600ms;}
.delay700 {  -webkit-animation-delay: 700ms;  animation-delay: 700ms;}
.delay800 {  -webkit-animation-delay: 800ms;  animation-delay: 800ms;}
.delay900 {  -webkit-animation-delay: 900ms;  animation-delay: 900ms;}
.delay1000 {  -webkit-animation-delay: 1000ms;  animation-delay: 1000ms;}
.delay1100 {  -webkit-animation-delay: 1100ms;  animation-delay: 1100ms;}
.delay1200 {  -webkit-animation-delay: 1200ms;  animation-delay: 1200ms;}
.delay1300 {  -webkit-animation-delay: 1300ms;  animation-delay: 1300ms;}
.delay1400 {  -webkit-animation-delay: 1400ms;  animation-delay: 1400ms;}
.delay1500 {  -webkit-animation-delay: 1500ms;  animation-delay: 1500ms;}
.delay1600 {  -webkit-animation-delay: 1600ms;  animation-delay: 1600ms;}
.delay1700 {  -webkit-animation-delay: 1700ms;  animation-delay: 1700ms;}
.delay1800 {  -webkit-animation-delay: 1800ms;  animation-delay: 1800ms;}
.delay1900 {  -webkit-animation-delay: 1900ms;  animation-delay: 1900ms;}
.delay2000 {  -webkit-animation-delay: 2000ms;  animation-delay: 2000ms;}
.delay2100 {  -webkit-animation-delay: 2100ms;  animation-delay: 2100ms;}
.delay2200 {  -webkit-animation-delay: 2200ms;  animation-delay: 2200ms;}
.delay2300 {  -webkit-animation-delay: 2300ms;  animation-delay: 2300ms;}
.delay2500 {  -webkit-animation-delay: 2500ms;  animation-delay: 2500ms;}
.delay2700 {  -webkit-animation-delay: 2700ms;  animation-delay: 2700ms;}
.delay2900 {  -webkit-animation-delay: 2900ms;  animation-delay: 2900ms;}
.delay3000 {  -webkit-animation-delay: 3000ms;  animation-delay: 3000ms;}
.delay4000 {  -webkit-animation-delay: 4000ms;  animation-delay: 4000ms;}
.delay4500 {  -webkit-animation-delay: 4500ms;  animation-delay: 4500ms;}
.delay5000 {  -webkit-animation-delay: 5000ms;  animation-delay: 5000ms;}
.onactive .animated {  -webkit-animation-duration: .8s;  animation-duration: .8s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.active .animated.fast {  -webkit-animation-duration: .5s;  animation-duration: .5s;}
.active .animated {  -webkit-animation-duration: 1.2s;  animation-duration: 1.2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.active .flyInDown {  -webkit-animation-name: flyInDown;  animation-name: flyInDown;}/* loaction */
.location.chanpin{ height:102px;}
.location .sitepath {  color: #363636;  white-space: nowrap;}
.location .sitepath s{  width: 12px;  height: 12px;  background-position: -489px -213px;  margin-right: 6px;}
.location .sitepath a {  color: #363636; padding:0 5px;}
.location .sitepath a:hover {  color: #3ba86f;}
.location .menu {  height: 52px;  line-height: 52px; position:relative; z-index:1;}
.location .menu span {  width: 1px;  height: 16px;  margin: 0 16px 0 14px;  background-position: -206px -36px;}
.location .menu li {  padding: 0; float:left;  height: 52px;  line-height: 52px;  margin-left: 30px;  text-align: center;  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;  color: #363636;  display: inline-block;  position: relative;}
.location .menu li a {  display: block;}
.location.chanpin .menu li{ margin-left:0; margin-right:20px;}
.location .menu li i {  position: absolute;  bottom: 0;  left: 50%;  width: 0;  height: 3px;  background-color: #3ba86f;  -webkit-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s;}
.location .menu li .box {  width: 400px;  text-align: left;  position: absolute;  left: 0;  top: 60px;  display: none;}
.location .menu li .box a {  display: inline-block;  height: 40px;  line-height: 40px;  vertical-align: top;  margin-right: 14px;}
.location .menu li .box a s {  width: 4px;  height: 4px;  border-radius: 100%;  display: inline-block;  vertical-align: middle;  background: #999;  margin-right: 5px;}
.location .menu li:hover i,.location .menu li.hover i {  width: 100%;  margin-left: -50%;}
.location .menu li:hover a,.location .menu li.hover a { color:#3ba86f;}
.location .menu li:hover .box {  display: block;}
.part_1{ padding-top:50px; display:block; height:500px; padding-bottom:40px;}
.part_1 b{ float:left; width:807px; height:500px; display:block;background:url(../images/a7_03.jpg) center center no-repeat;}
.part_1 ul{ float:right; width:326px; padding-top:26px;}
.part_1 ul li{ padding-bottom:50px;}
.part_1 ul li p{ font-size:18px; color:#3ba86f; font-weight:bold; line-height:18px;}
.part_1 ul li p span{ display:inline-block; font-size:16px; color:#333333; font-family:"Arial"; font-weight:normal;}
.part_1 ul li i{ display:block; font-size:16px; color:#333; line-height:16px; padding-top:10px;}
.ntit_li{ padding-bottom:140px;}
.ntit_li ul{ display:inline-block;}
.ntit_li li{ float:left; width:150px; text-align:center; margin-top:50px; margin-right:112px;}
.ntit_li li i{ display:inline-block; width:67px; height:56px; background:url(../images/a8_03.jpg) center center no-repeat;}
.ntit_li li p{ font-size:18px; color:#3ba86f;}
.ntit_li li p span{ display:block; font-size:16px; color:#333333;}
.ntit_li li.li2 i{background:url(../images/a8_05.jpg) center center no-repeat;}
.ntit_li li.li3 i{background:url(../images/a8_07.jpg) center center no-repeat;}
.ntit_li li.li4 i{background:url(../images/a8_09.jpg) center center no-repeat;}
.ntit_li li.li5 i{background:url(../images/a8_11.jpg) center center no-repeat;}
.ntit_li li.li6 i{background:url(../images/a8_18.jpg) center center no-repeat;}
.ntit_li li.li7 i{background:url(../images/a8_19.jpg) center center no-repeat;}
.ntit_li li.li8 i{background:url(../images/a8_22.jpg) center center no-repeat;}
.ntit_li li.li9 i{background:url(../images/a8_25.jpg) center center no-repeat;}
.ntit_li li.li10 i{background:url(../images/a8_27.jpg) center center no-repeat;}
.ntit_li li.li5,.ntit_li li.li10{ margin-right:0;}
.jobPage{ padding-top:30px;}
.jobPage .item { padding: 10px 25px 0; margin-bottom: 20px; position: relative;}
.jobPage .item .top { height: 80px;padding-left: 20px;  cursor: pointer;border:#e5e5e5 solid 1px; border-left: 4px solid #e5e5e5;}
.jobPage .item .top em{  float: right; margin: 20px 20px 0 0; display:block;}
.jobPage .item.hover .top{border-left: 4px solid #3ba86f;}
.jobPage .item.hover .bottom{border-left: 4px solid #3ba86f;}
.jobPage .item.hover .top s { background-position: -265px -55px;}
.jobPage .item .top h3 { font-size: 18px; color: #333; font-weight:normal; padding-top:12px;}
.jobPage .item .top i{ display:block; padding-top:6px;}
.jobPage .item .top i span{ padding-right:20px;}
.jobPage .item .bottom { padding: 20px 30px 5px; line-height: 32px; border:#e5e5e5 solid 1px; border-top:none;}
.hidden { display: none;}
.jobPage .item .bottom { line-height: 32px;}
.jobPage .morebtn { width: 535px; height: 35px; line-height: 35px; position: relative; margin: 0 auto; padding: 30px 0; cursor: pointer; text-align: center;}
.jobPage .morebtn h3 { display: inline-block; padding: 0 20px; font-size: 16px; background: #fff; position: relative; z-index: 10;}
.jobPage .morebtn .line { width: 100%; height: 1px;display: block;position: absolute; left: 0; top: 50%; background: #dcdcdc;}
.part_2 .floor_5_2{ width:1200px; margin:0 auto; padding-bottom:140px;}
.part_2 .floor_5_2 h3{ font-size:42px; padding-top:42px;}
.part_2 .floor_5_2 .nice-validator{ padding-top:76px;}
.part_2 .floor_5_2 .mitem{ float:left; width:284px;}
.part_2 .floor_5_2 .mitem input{ float:left; width:222px;}
.part_2 .floor_5_2 .mitem.youxiang{ width:530px;}
.part_2 .floor_5_2 .mitem select{ width:478px;}
.part_2 .floor_5_2 .mitem.liuyan { width:1168px; height: 76px; display: block;}
.part_2 .floor_5_2 .mitem.liuyan textarea{ width:1092px;}
.part_2 .floor_5_2 .itemsub .btn { width:297px; height: 55px; margin-right:0;line-height: 55px; float:none; border: 0px; margin-top:20px; color: #fff;  cursor: pointer; font-size:18px; background: url(../images/a9_03.jpg);}
.part_2 .floor_5_2 .mitem .n-top{ position:absolute; left:0; top:6px;}
.Industrypage .part_8{width: 1200px;margin: 0 auto;margin-top: 50px;}
.auto_top{ background:url(../images/a11_02.jpg) center center no-repeat; width:100%; height:800px; position:relative;}
.auto_tt{ width:1200px; margin:0 auto;}
.auto_t1{ width:585px; position:relative; top:84px; left:50%;}
.auto_t1 h3{ font-size:36px; color:#fff; font-weight:normal; line-height:36px;}
.auto_t1 h3 span{ font-size:14px; color:#fff; font-family:"Arial"; display:block;}
.auto_t2{ border-bottom:#506075 dashed 1px; border-top:#506075 dashed 1px; height:108px; margin-top:38px;}
.auto_t2  dl{ float:left; padding-top:20px; display:inline-block;}
.auto_t2  dl.dl2{ float:right;}
.auto_t2  dl dt{ font-size:24px; color:#fff; float:left; width:71px; border-right:#506075 solid 1px;}
.auto_t2  dl dt span{ font-size:50px; color:#fff; line-height:50px; display:block;}
.auto_t2  dl dd{ font-size:16px; color:#fff; float:left; padding-left:12px; padding-top:12px;}
.auto_t2  dl dd span{ font-size:12px; color:#fff; line-height:12px; display:block; font-family:"Arial"; padding-top:8px;}
.auto_t2  dl.dl2 dt{width:130px;}
.auto_t1 p{ font-size:14px; color:#fff; line-height:30px; text-indent:28px; padding-top:40px;}
.auto_tc{ height:510px; margin-top:20px;}
.auto_tcw{ width:1200px; margin:0 auto; position:relative; height:510px;}
.auto_tcw i{ display:block; width:950px; height:510px; background:url(../images/a12_03.jpg) center center no-repeat; position:absolute; top:0; left: 50%;}
.auto_tcw dl{ width:570px;}
.auto_tcw dl dt{ font-size:14px; color:#333; line-height:30px; text-indent:28px; padding-top:80px;}
.auto_tcw dl dd a{ display:inline-block; width:252px; height:45px; border:#e5e5e5 solid 1px; text-align:center; line-height:45px; margin-top:38px; margin-right:10px;}
.auto_tcw dl dd a:hover{ background:url(../images/a13_03.jpg) center center no-repeat; color:#fff;border:none;}
.auto_tc{ height:510px; margin-top:20px;}
.auto_tcw{ width:1200px; margin:0 auto; position:relative; height:510px;}
.auto_tcw i{ display:block; width:950px; height:510px; background:url(../images/a12_03.jpg) center center no-repeat; position:absolute; top:0; left: 50%;}
.auto_tcw dl{ width:570px;}
.auto_tcw dl dt{ font-size:14px; color:#333; line-height:30px; text-indent:28px; padding-top:80px;}
.auto_tcw dl dd a{ display:inline-block; width:252px; height:45px; border:#e5e5e5 solid 1px; text-align:center; line-height:45px; margin-top:38px; margin-right:10px;}
.auto_tcw dl dd a:hover{ background:url(../images/a13_03.jpg) center center no-repeat; color:#fff;border:none;}
.auto_tc1{ height:510px; margin-top:20px; padding-bottom:100px;}
.auto_tcw1{ width:1200px; margin:0 auto; position:relative; height:510px;}
.auto_tcw1 i{ display:block; width:950px; height:510px; background:url(../images/a12_05.jpg) center center no-repeat; position:absolute; top:0; left: -30%;}
.auto_tcw1 dl{ width:570px; float:right;}
.auto_tcw1 dl dt{ font-size:14px; color:#333; line-height:30px; text-indent:28px; padding-top:80px;}
.auto_tcw1 dl dd a{ display:inline-block; width:252px; height:45px; border:#e5e5e5 solid 1px; text-align:center; line-height:45px; margin-top:38px; margin-right:10px;}
.auto_tcw1 dl dd a:hover{ background:url(../images/a13_03.jpg) center center no-repeat; color:#fff;border:none;}
.girdlist .pic_left h1{ text-align:center; font-size:34px; font-weight:normal;}
.girdlist .pic_left .fabu .mark{ text-align:center;}
.girdlist .pic_left .fabu .mark span{ display:inline-block; padding:0 8px; padding-top:10px; padding-bottom:30px;}#img{position: fixed;z-index: 999;left: 0;margin-top: -486px;}
.dui a {    background: url(../images/close.png) no-repeat center #b52618;display: block;cursor: pointer;width: 37px;height: 30px;position: absolute;right: 31%;top: 215px;}#img .dui{background: url(../images/black70.png) center center;height: 1000px;width: 1920px;}#img .dui img{ margin-top:228px;margin-left: 0%;}
.goufang #img .dui{margin-top: -131px;}
.goufang #img .dui a {    right: 31%;    top: 81px;}@media (max-width: 1600px) {	.floor_2 .h3tit { padding-top: 50px;  }   #img .dui{ margin-left:-8%;}  #img .dui a { right: 39%;}  .goufang #img .dui{ margin-left:-8%;}  .goufang #img .dui a { right: 39%;}  .floor_5 .cont { padding-top: 100px; padding-bottom:0;}}@media (max-width: 1368px) {	.floor_2 .h3tit { padding-top: 50px; }	.index .cont .line { margin: 10px 0 38px;}  #img .dui{ margin-left:-13%;}  #img .dui a { right: 44%;}  .goufang #img .dui{ margin-left:-13%;}  .goufang #img .dui a { right: 44%;}  .toolbar{    top: 380px;}  .floor_5 .cont { padding-top: 100px; padding-bottom:0;}   .cont_top { padding-top:30px;}}@media (max-width: 1200px) {	.floor_2 .h3tit { padding-top: 90px;}  .index .cont .line { margin: 10px 0 30px;}  #img .dui{ margin-left:-20%;}  #img .dui a { right: 51%;}  .goufang #img .dui{ margin-left:-13%;}  .goufang #img .dui a { right: 44%;}  .toolbar{    top: 380px;}  .floor_3 .iabout5 { padding-top: 174px;}  .floor_5 .cont { padding-top: 125px; padding-bottom:0;}  .cont_top { padding-top: 40px;}}
.main_banner {  position: relative;}
.main_banner .item_bg {  background-position: center !important;  background-repeat: no-repeat !important;  background-size: cover !important;  width: 100%;  height: 100%;  display: block;}
.main_banner .item_bg img {  display: none;}
.main_banner .bd {  position: relative;  height: 100%;  z-index: 0;}
.main_banner .bd li {  zoom: 1;  vertical-align: middle;  float: left;  position: relative;  width: 100%;}
.main_banner .bd li a {  display: block;}
.main_banner .bd li img {  width: 100%;  min-height: 100%;  display: block;}
.main_banner .hd {  position: absolute;  left: 0;  bottom: 18%;  width: 100%;  z-index: 3;}
.main_banner .hd ul {  text-align: center;}
.main_banner .hd li {  height: 2px;  margin: 0 5px;  width: 40px;  display: inline-block;  *display: inline;  *zoom: 1;  font-size: 0;  cursor: pointer;  background: #fff;  opacity: 0.5;  filter: alpha(opacity=50);  -webkit-transition: all ease 300ms;  -moz-transition: all ease 300ms;  -ms-transition: all ease 300ms;  -o-transition: all ease 300ms;  transition: all ease 300ms;}
.main_banner .hd li.on {  opacity: 1;  filter: alpha(opacity=100);  height: 5px;}
.main_banner .prev,.main_banner .next {  width: 30px;  height: 60px;  position: absolute;  top: 50%;  z-index: 55;  display: none;  margin-top: -90px;}
.main_banner .prev {  background-position: -288px -56px;  left: 0;}
.main_banner .next {  background-position: -325px -56px;  right: 0;}
.floor_5_2 .mitem .n-top {    position: absolute;    left: 0;    top: 4px;}#fmMessage{ display:block; margin-top:20px;}
.wrapper {    width: 100%;    margin: 0 auto;    background-color: #fff;}
.wra_title{    height: 62px; width:1200px; margin:0 auto;}
.wra_title .sobtitle {    line-height: 62px;    font-size: 15px;    color: #504e4e;}
.wra_title .sobtitle i {    display: block;    width: 13px;    height: 16px;    background-position: -203px -89px;    float: left;    margin-top: 24px;    margin-right: 8px;}
.wra_title .sobtitle a {    font-size: 15px;    color: #504e4e;    margin: 0 6px;}
.wra_title h3 {    line-height: 62px;    font-size: 22px;    color: #3ba86f;    font-weight: bold;}
.wrapper .noinfor {    padding: 0 0 20px;    text-align: left;    color: red;    text-align: center;}
.searchPage{overflow: hidden; padding-bottom:80px;padding-top: 50px;}
.searchPage ul.n-gridlist{width: 105%;}
.searchPage .item{float: left;width: 270px;height: 307px;margin-bottom: 20px;margin-right: 37px;border: #f5f5f5 solid 1px;    border-bottom-width: 1px;    border-bottom-style: solid;    border-bottom-color: rgb(245, 245, 245);border-bottom: #f5f5f5 solid 3px;position: relative;}
.searchPage .item a{width: 100%; display: block;}
.searchPage .item b{ display:block;width: 270px;height: 203px;display: block; position:relative;}
.searchPage .item img{width:100%;display: block;background-size: 100%; position:absolute; left:0; top:0;}
.searchPage li.item p {    font-size: 16px;    color: #333333;    display: block;    padding-left: 18px;    padding-top: 14px;}
.searchPage li.item i {    display: block;    width: 84px;    height: 26px;    border: #c5cdd7 solid 1px;    border-radius: 14px;    text-align: center;    margin-left: 18px;    line-height: 26px;    font-size: 14px;    color: #3ba86f;    margin-top: 14px;}
.searchPage li.item:hover {    box-shadow: 0px 2px 11px #dadada;}
.searchPage li.item:hover p {    color: #3ba86f;}
.searchPage li.item i:hover {    background-color: #3ba86f;    color: #fff;    border: #3ba86f solid 1px;}
.searchPage li.item:hover {    border-bottom: #3ba86f solid 3px;}
.searchPage .item .bg{position: absolute; width: 280px; padding-top: 86px; height: 194px; left: -280px; top: 0; z-index: 10; background: url(../images/red80.png) repeat 0 0; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.searchPage .item .bg s{width: 50px; height: 50px; display: block; border-radius: 100%; margin: 0 auto; background-color: #fff; background-position: -22px 18px;}
.searchPage .item:hover{background: #fff;}
.searchPage .item:hover h3{color: #fff; background: #333333;}
.searchPage .item:hover .bg{left: 0;}
.about_tit { text-align: center; position: relative; padding-bottom: 40px; margin-bottom: 40px;}
.about_tit h3 { font-size: 30px; font-weight: 100; position: relative; display: inline; z-index: 11; color:#4e4e4e;}
.about_tit i { background: #bababa; width: 200px; height: 1px; display: block;  position: absolute; right: -226px; top: 24px; display: block;}
.about_tit i:first-child {left: -226px; right: auto;}
.about_tit p { font-size: 66px; color: #e0e0e0; text-transform: uppercase; position: absolute;width: 100%; text-align: center; left: 0; top: 3px; z-index: 10; font-family: Arial; *zoom: 1; *display: block; *height: 94px; font-family:"Arial";}
.about_toi{ background-color: #fff;/*margin-top: 100px;*/}
.about_tlo{ background-color: #fff; height:100px; width:100%;}
.location.scrollDown{ position:fixed; left:0; top:0;}/* 效果CSS开始 */.xinxq{ padding-bottom:60px;}
.showImg{ padding-top:40px;}
.mod18{width:530px;position:relative;margin:0 auto;}
.mod18 .btn1{position:absolute;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev1{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:250px;width:32px;height:48px; display:none;}
.mod18 #prev,.mod18 #next{top:440px;width:10px;height:16px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 .prev1{left:10px;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #next.btn1.next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:530px;height:392px;position:absolute;color:#fff;}
.mod18 .cf a img{width:530px;height:392px; background-size:100%;}
.mod18 .cf li span{display:block;width:486px;position:absolute;left:75px;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{width:530px; height:398px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:398px;position:absolute; left:0;}
.mod18 .picBox li{ padding-right:1px; width:530px;height:398px;}
.mod18 .listBox{width:430px;height:71px;margin:0 auto;position:relative; margin-top:15px;overflow:hidden;}
.mod18 .listBox ul{height:71px;position:absolute; padding-left:12px;}
.mod18 .listBox li{width:106px;height: 71px;cursor:pointer;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:92px;height: 68px;}
.mod18 .listBox img{width:92px;height: 68px;}
.mod18 .listBox .on img{border: 3px solid #3ba86f;width: 89px;height: 65px;}
.showProduct .imgtxtcon {    width: 612px;    float: left;}
.showProduct .imgtxtcon .tit {    font-size: 24px;    color: #363636;     padding-left:46px;    line-height: 30px;    margin-bottom: 10px; padding-top:14px;}
.showProduct .imgtxtcon .tit2 {    color: #333;     padding-left:46px;    font-size: 14px;    margin-bottom: 30px; line-height:30px; padding-top:20px;}
.showProduct .imgtxtcon .tel {    font-size: 20px;padding-left: 46px;}
.showProduct .showp_txt {    padding: 20px 0 50px 0;    position: relative;}
.showProduct .showp_txt .tit {    width: 100%;    height: 60px;    line-height: 70px;    position: relative;    z-index: 10;    font-size: 24px;    font-size: 20px;    color: #333;text-align: left;margin-bottom: 30px;border-bottom: #ccc solid 1px;}
.showProduct .imgtxtcon .btn1, .showProduct .imgtxtcon .btn2 {    float: left;    margin-right: 20px;    font-size: 16px;    -webkit-transition: all ease 300ms;    -moz-transition: all ease 300ms;    -ms-transition: all ease 300ms;    -o-transition: all ease 300ms;    transition: all ease 300ms;    width: 135px;    height: 38px;    line-height: 38px;    margin-left: 25px;margin-top: 30px;    text-align: center;    color: #fff; position:relative;}
.showProduct .imgtxtcon .btn1 img{ display:block; position:absolute; left:0; top:38px; width:135px; height:0;transition: all ease 600ms; }
.showProduct .imgtxtcon .btn1:hover img{ height:135px;}
.showProduct .imgtxtcon .btn1 {    background: #3ba86f; margin-left:46px;}
.showProduct .imgtxtcon .btn1:hover, .showProduct .imgtxtcon .btn2:hover {    background: #444;}
.showProduct .imgtxtcon .btn2 {    text-align: center;    margin-right: 0;    margin-left: 0;    background: #999999;}
.ArticleTitle h1.bt {    font-size: 18px;    line-height: 25px;    padding: 15px 0;    text-align: center;    font-weight: bold;    color: #333;    border-bottom: 1px dashed #e1e1e1;    margin-bottom: 5px;}
.case_you .mark {    height: 30px;    line-height: 30px;    text-align: center;    font-size: 12px;    color: #999;}
.case_you .mark span:first-child {    margin-left: 0;}
.case_you .mark span {    margin-left: 14px;}
.case_you .mark span {    margin-left: 14px;}
.ny_product .product_lb .case_you ul.tieul li.li{ width:201px; text-align:center; float:left; margin-right:20px; margin-bottom:20px;}
.ny_product .product_lb .case_you ul.tieul li.li img{ width:100%;}
.rongyu{ width:866px; overflow:hidden;}
.ny_product .product_lb .case_you ul.tieul li.li p{ padding-top:6px;}
.ny_product .product_lb .case_you ul.tieul{ width:105%;}
.location_top{ width:1200px; height:60px; margin:0 auto;} .contact_main_3 {  text-align: center;  clear: left; padding-bottom:200px; padding-top:66px;}
.contact_main_3 .title h3 { font-size: 30px;color: #737373; height:75px; font-weight: normal;}
.contact_main_3 .title h3 span { display: block; font-size: 14px; color: #737373; font-family: "Arial"; text-transform: uppercase;}
.contact_main_3 .item .txt { width: 367px; height: 56px; font-size: 14px; line-height: 56px; text-indent: 8px; border: none;background-color: #f1f1f1; color: #737373; padding-left: 6px; *text-indent: 0px;}
.contact_main_3 .item .area { width: 1188px; height: 148px; *margin-left: -8px; background: #f1f1f1; font-size: 14px; text-indent: 8px; line-height: 18px; resize: none; *resize: none; -webkit-appearance: none; color: #737373; border: none; line-height: 40px; padding-left: 6px;}
.contact_main_3 .submit { display: block; clear: left;}
.contact_main_3 .submit .btn1 { width: 278px; height: 52px; margin-top: 50px; font-size: 16px; line-height: 52px; color: #016dbd; cursor: pointer; border: #d3d7e3 solid 1px; background-color: #fff; display: inline-block;}
.contact_main_3 .submit .btn:hover{ background-color:#F0F0F0;}
.contact_main_3 .item {    float: left; position: relative; width:373px; padding-top: 20px;}
.contact_main_3 .item .n-top{ position:absolute; left:0; top:20px;}
.contact_main_3 .item.item4,.contact_main_3 .item.item3{ margin-left:38px; *margin-left:0px;}
.aboutPage{ padding-top:50px;}
.contact_main_3 .item.item3,.contact_main_3 .item.item5{ *margin-right:38px;}
.news_xin{ padding-bottom:60px;}
.part_2 .news_ul { width:1200px; margin:0 auto; padding-bottom: 40px; padding-top: 12px; }
.part_2 .news_ul li { padding: 37px 0; border-bottom: 1px solid #eaeaea; position:relative; }
.part_2 .news_ul li .box1 { width: 290px; height: 190px; overflow: hidden; }
.part_2 .news_ul li .box1 img { width: 290px; height: 190px; transition: ease-in-out .9s; }
.part_2 .news_ul li .box2 { padding-left: 42px; width: 659px; padding-top:42px;}
.part_2 .news_ul li .box2 h1 { font-size: 18px; color: #333; font-weight: 100; height: 26px; line-height: 26px; }
.part_2 .news_ul li .box2 p { line-height: 24px; padding-top:10px; height:50px;}
.part_2 .news_ul li .box2 span { font-size: 12px; color: #999; }
.part_2 .news_ul li .right { padding-right: 15px; padding-top: 42px;}
.part_2 .news_ul li .right h3 { font-size: 36px; color: #999; font-weight: 100; }
.part_2 .news_ul li .right p { font-size: 24px; color: #bbb; padding-top:10px; }
.part_2 .news_ul li a { display: block; cursor: pointer; width: 100%; height: 100%; }
.part_2 .news_ul li a:hover .box2 p { color: #666; }
.part_2 .news_ul li a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.part_2 .news_ul li a:hover h1{ color:#3fb150;}
.part_2 .news_ul li b{ display:block; width:100px; height:30px; border:#ccc solid 1px; text-align:center; line-height:30px; font-weight:normal; position:absolute; right: 12px;top: 161px;}
.htmleaf-container{ float:left; width:530px;}/*relateNews*/.relateNews{ width: 100%; overflow: hidden;}/*n-tit*/.n-tit h3{line-height: 35px; font-size: 24px;}
.n-tit s{width: 4px; height: 22px; margin-right: 15px; background: #3ba86f; display: inline-block; vertical-align: middle;}
.n-tit .more{font-size: 16px;width:120px;height:30px;text-align:center;line-height:30px;margin-top:10px;border:1px solid #ddd;transition:all ease 600ms;}
.n-tit .more:hover{width:150px;transition:all ease 600ms; color:#3ba86f;}@-webkit-keyframes flyInDown {  0% {    opacity: 0;    -webkit-transform: translateY(-20px);  }  100% {    opacity: 1;    -webkit-transform: translateY(0);  }}@keyframes flyInDown {  0% {    opacity: 0;    -webkit-transform: translateY(-20px);    -moz-transform: translateY(-20px);    -ms-transform: translateY(-20px);    transform: translateY(-20px);  }  100% {    opacity: 1;    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);  }}
.active .flyInRight {  -webkit-animation-name: flyInRight;  animation-name: flyInRight;}@keyframes flyInRight {  0% {    opacity: 0;    -webkit-transform: translateX(100px);    -moz-transform: translateX(100px);    -ms-transform: translateX(100px);    transform: translateX(100px);  }  100% {    opacity: 1;    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);  }}
.active .flyInUp {  -webkit-animation-name: flyInUp;  animation-name: flyInUp;}@keyframes flyInUp {  0% {    opacity: 0;    -webkit-transform: translateY(50px);    -moz-transform: translateY(50px);    -ms-transform: translateY(50px);    transform: translateY(50px);  }  100% {    opacity: 1;    -webkit-transform: translateY(0);    -moz-transform: translateY(0);    -ms-transform: translateY(0);    transform: translateY(0);  }}
.active .flyInLeft {  -webkit-animation-name: flyInLeft;  animation-name: flyInLeft;}@-webkit-keyframes flyInLeft {  0% {    opacity: 0;    -webkit-transform: translateX(-200px);  }  100% {    opacity: 1;    -webkit-transform: translateX(0);  }}@keyframes flyInLeft {  0% {    opacity: 0;    -webkit-transform: translateX(-200px);    -moz-transform: translateX(-200px);    -ms-transform: translateX(-200px);    transform: translateX(-200px);  }  100% {    opacity: 1;    -webkit-transform: translateX(0);    -moz-transform: translateX(0);    -ms-transform: translateX(0);    transform: translateX(0);  }}
.active .opacityI {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes opacityI {  0% {    opacity: 0;  }  50% {    opacity: 1;  }}@keyframes opacityI {  0% {    opacity: 0;  }  50% {    opacity: 1;  }}
.active .shake {  -webkit-animation-name: shake;  animation-name: shake;  -webkit-animation-delay: 6s;  animation-delay: 6s;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}@keyframes shake {  0% {    transform: translateX(0);  }  10%,  30%,  50%,  70%,  90% {    transform: translateY(-10px);  }  20%,  40%,  60%,  80% {    -transform: translateY(6px);  }  100% {    transform: translateY(0);  }}@-webkit-keyframes shake {  0% {    -webkit-transform: translateX(0);  }  10%,  30%,  50%,  70%,  90% {    -webkit-transform: translateY(-10px);  }  20%,  40%,  60%,  80% {    -webkit-transform: translateY(6px);  }  100% {    -webkit-transform: translateY(0);  }}@-moz-keyframes shake {  0% {    -moz-transform: translateX(0);  }  10%,  30%,  50%,  70%,  90% {    -moz-transform: translateY(-10px);  }  20%,  40%,  60%,  80% {    -moz-transform: translateY(6px);  }  100% {    -moz-transform: translateY(0);  }}@-o-keyframes shake {  0% {    -o-transform: translateX(0);  }  10%,  30%,  50%,  70%,  90% {    -o-transform: translateY(-10px);  }  20%,  40%,  60%,  80% {    -o-transform: translateY(6px);  }  100% {    -o-transform: translateY(0);  }}@-ms-keyframes shake {  0% {    -ms-transform: translateX(0);  }  10%,  30%,  50%,  70%,  90% {    -ms-transform: translateY(-10px);  }  20%,  40%,  60%,  80% {    -ms-transform: translateY(6px);  }  100% {    -ms-transform: translateY(0);  }}
.active .zoomIn {  -webkit-animation-name: zoomIn;  animation-name: zoomIn;}@-webkit-keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  50% {    opacity: 1;  }}@keyframes zoomIn {  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    -ms-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  50% {    opacity: 1;  }}@-webkit-keyframes scaleIn {  0% {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);  }  50% {    opacity: 1;    -webkit-transform: scale(1.02);    transform: scale(1.02);  }}@keyframes scaleIn {  0% {    opacity: 1;    -webkit-transform: scale(1);    -ms-transform: scale(1);    transform: scale(1);  }  50% {    opacity: 1;    -webkit-transform: scale(1.02);    -ms-transform: scale(1.02);    transform: scale(1.02);  }}/*# sourceMappingURL=style.css.map */













 .p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc;
        }
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #fea807;
            font-weight: normal;
            padding-left: 8px;
        } 
        .p12-curmbs-1 i {
            font-style: normal;
        }
        
        .p12-curmbs-1 span {
            font-family: 'å®‹ä½“';
            padding: 0 5px;
            height: 46px;
            line-height: 46px;
        }
    

          .pro_cn{width:240px;float:left; }
		   .pro_cn h3{ width:240px; height:90px; font-size: 24px; color:#FFF; text-align: center; position: relative; font-weight:normal; line-height:90px; background:url(../images/btbj.png) no-repeat center;}
		   .pro_cn h3 i{display: block;width:37px; height:10px; position: absolute; left:40%; bottom:-10px; background:url(../images/dbx3.png) no-repeat center;}
		   .pro_cn dl{width:238px;  border:1px solid #e8e8e8; background:#f2f2f2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
		   .pro_cn dl dt li{height:57px; line-height: 57px; padding-left:31px; border-bottom:1px solid #dcdcdc;}
		   .pro_cn dl dt a{display:block;font-size: 16px;line-height: 50px; color:#333333; width:180px; background:url(../images/jt1.png) no-repeat right; width:160px; }
		   .pro_cn dl dt:hover a{background:url(../images/jt1_h.png) no-repeat right; color:#FFF;}
		 
 

        .fdh-01-tit {
            background: #1b81d8;
            height: 80px;
        }
        
        .fdh-01-tit h4 {
            height: 75px;
            font-size: 24px;
            font-weight: normal;
            line-height: 75px;
            color: #fff;
            border-bottom: 1px solid #fff;
            text-align: center;
        }
        
        .fdh-01-tit h4 span {
            font-size: 14px;
            text-transform: uppercase;
        }
        
        .fdh-01-nav-one h4 {
            height: 50px;
            line-height: 50px;
            background: #ececeb;
            border-bottom:1px solid #dcdcdc;
        }
        
        .fdh-01-nav-one h4 a {
            display: block;
            font-size: 16px;
            font-weight: normal;
            margin-right: 40px;
            margin-left: 38px;
            color: #666;
            background:url(../images/jt1.png) no-repeat right;
        }
        
        .fdh-01-nav-one h4.sidenavcur,
        .fdh-01-nav-one h4:hover {
            background: #1b81d8;
            color:#FFF;
        }
        
        .fdh-01-nav-one h4.sidenavcur a,
        .fdh-01-nav-one h4:hover a{
            color: #fff;
            background:url(../images/jt1_h.png) no-repeat right;
        }
        
        .fdh-01-nav dt {
            height: 50px;
            font-size: 16px;
            line-height: 50px;
            padding-left: 54px;
            padding-right: 40px;
            margin-bottom: 1px;
            background: #ececec;
            position: relative;
        }
        .fdh-01-nav dt a{
            height:50px;
        }
       
        

        .fdh-01-nav dt:hover,.fdh-01-nav dt.sidenavcur{
            border-color:  #1b81d8;
        }
        .fdh-01-nav-one dt.sidenavcur, .fdh-01-nav-one dt:hover {
    background: #1b81d8;
    color: #FFF;
}
        
        .fdh-01-nav dt.sidenavcur a,
        .fdh-01-nav dt:hover a {
            color: #FFF;
            background:url(../images/jt1_h.png) no-repeat right;
        }
        
        .fdh-01-nav dd {
            border: 1px solid #ececec;
            border-bottom: 0;
        }
        
        .fdh-01-nav p {
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            padding-left: 72px;
            padding-right: 40px;
            border-bottom: 1px solid #ececec;
            background: #fff;
            position: relative;
        }
        
        .fdh-01-nav p.sidenavcur a,
        .fdh-01-nav p:hover a {
            color:  #1b81d8;
        }
        
        .fdh-01-nav p.sidenavcur:after,
        .fdh-01-nav p:hover:after {
            background: #fea807;
        }
        
        .fdh-01-nav a {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
    

        .cbgg-01 {
            background: #1b81d8;
            text-align: center;
            color: #fff;
        }
        
        .cbgg-01-img img {
            width: 100%;
            display: block;
        }
        
        .cbgg-01 p {
            padding-top: 15px;
        }
        
        .cbgg-01 p img {
            vertical-align: middle;
            margin-right: 5px;
        }
        
        .cbgg-01 span {
            display: block;
            font-size: 28px;
            font-weight: bold;
            font-family: Arial;
            padding-bottom: 20px;
            padding-top: 10px;
        }
    

		      .pp{width:928px; height:187px; border:1px solid #e8e8e8;float:left;overflow: hidden;}
		   .pp h4{ font-size: 22px; font-weight: bold; color:#1547a9; height:58px; line-height: 58px; text-align: center; border-bottom:1px solid  #e8e8e8; background:#f5f5f5 url(../images/hg2.png) no-repeat center; margin-bottom: 8px;background-size: 18%;}
		   .pp p{padding:0 24px 0 29px;overflow: hidden;height: 110px;}
		   .pp p a{ font-size: 14px;float:left;padding: 0 15px; color:#333333; height:37px; line-height: 34px; border-bottom:1px dashed #e6e6e6; }
	

            .cplb-3n-ts-03-tit {
                height: 50px;
                font-size: 24px;
                font-weight: normal;
                line-height: 50px;
                border-bottom: 1px solid #ebebeb;
                margin-bottom: 15px;
            }
            
            .cplb-3n-ts-03-tit span {
                display: inline-block;
                height: 50px;
                border-bottom: 1px solid #1b81d8;
            }
            
            .cplb-3n-ts-03-list dl {
                width: 288px;
                border: 1px solid #dedede;
                margin-bottom: 15px;
                background: #fff;
                float: left;
                margin-right: 10px;
            }
            
            .cplb-3n-ts-03-list dl:nth-child(4n-1) {
              
            }
            
            .cplb-3n-ts-03-list dt img {
                width: 100%;
                margin: 0 auto;
                display: block;
            }
            
            .cplb-3n-ts-03-list dd {
                padding: 6px 20px 5px 20px;
            }
            
            .cplb-3n-ts-03-list dd h4 {
                height: 45px;
                font-weight: normal;
                font-size: 18px;
                color: #1b81d8;
                line-height: 45px;
            }
            
            .cplb-3n-ts-03-list h4 a {
                display: block;
                color: #727272;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            
            .cplb-3n-ts-03-list dl:hover h4 a {
                color:  #1b81d8;
            }
            
            .cplb-3n-ts-03-list-desc {
                height: 40px;
                font-size: 14px;
                line-height: 20px;
                color: #666;
                margin-bottom: 12px;
                overflow: hidden;
            }
            
            .cplb-3n-ts-03-list-deta {
                width: 100px;
                height: 40px;
                display: inline-block;
                border: 1px solid #aaa;
                font-size: 16px;
                line-height: 40px;
                text-align: center;
            }
            
            .cplb-3n-ts-03-list dl:hover {
                border-color:  #1b81d8;
            }
            
            .cplb-3n-ts-03-list dl:hover a {
                color:  #1b81d8;
            }
        html{min-width:1200px;}

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{font-size: 14px; line-height: 28px; font-family: "microsoft yahei",'PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue', 'Helvetica', 'sans-serif'; color: #333333;}

h1,h2,h3,h4,h5,h6,font{font-size: 14px; font-weight: normal;}

ul,ol,li{list-style: none;}

input{background: none; border: 0 none;}

img,iframe{border: 0px;}

em,i{font-style: normal;}

button,input,select,textarea{font-size: 100%;}

table{border-collapse: collapse; border-spacing: 0;}

.red{color: #ba292e;}

.fl,.left{float: left;}

.fr,.right{float: right;}

.tac{text-align: center;}

.tar{text-align: right;}

.poa{position: absolute;}

.por{position: relative;}

.hidden{display: none;}

.w1200{width: 1200px; margin: 0 auto;}

.ico { background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle;}

.icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}

.icon1{background: url(../images/icon1.png) no-repeat; display: inline-block; vertical-align: middle;}

a{color: #333333; text-decoration: none;}

a:hover{color: #d59018; text-decoration: none;}

a:visited{text-decoration: none;}

.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;}

.noease,

.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

:-moz-placeholder{color: #aaa;}

::-moz-placeholder{color: #aaa;}

input:-ms-input-placeholder,

textarea:-ms-input-placeholder{color: #aaa;}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder{color: #aaa;}

/*Ã¦Â¸â€¦Ã©â„¢Â¤Ã¦ÂµÂ®Ã¥Å Â¨*/

.clearfix{*zoom: 1;}

.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}