﻿@charset "UTF-8";
html { min-width: 1200px;}
body { background: #f6f6f6;}
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", 'Helvetica Neue', Helvetica, Arial, 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: #e74037;}
.fl { float: left;}
.fr { float: right;}
.tac { text-align: center;}
.tar { text-align: right;}
.poa { position: absolute;}
.por { position: relative;}
.hidden { display: none;}
.hide { display: none !important;}
.w1200 { width: 1200px; margin: 0 auto;}
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a { color: #333333; text-decoration: none;}
a:hover { color: #009c4f; text-decoration: none;}
a:visited { text-decoration: none;}
.ease,.ease * { transition: all ease 300ms;}
.noease,
.noease * { transition: none;}
:-moz-placeholder { color: #fff;}
::-moz-placeholder { color: #fff;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #fff;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #fff;}
/*清除浮动*/
.clearfix {  *zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout { width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}
/***************top and bottom css*********************/
.top_main { width: 100%; position: relative; z-index: 999; background:url(../images/t1_01.jpg) center center no-repeat; height: 50px; line-height: 50px; font-size: 14px; color: #fff;}
.top_main .top { position: relative;}
.top_main .logo { width: 205px; height: 214px; padding-top: 46px; position: absolute; left:50%; top: 0; z-index: 1111; background: url(../images/logobg.png) no-repeat center top; margin-left:-102px;}
.top_main .logo img { display: block; width:117px; height: 121px;margin: 0 auto;}
.top_main p {display: inline-block; *display: inline; *zoom: 1; float: left;}
.top_main .top_right { text-align: right; font-size: 0; line-height: 0;}
.top_main .top_right li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; *vertical-align: top; color: #fff; line-height: 50px; font-size: 14px; height: 50px;}
.top_main .top_right li a { display: block; height: 40px; color: #fff;}
.top_main .top_right li a:hover { opacity: 0.8; filter: alpha(opacity=80);}
.top_main .top_right li.icon { width: 7px; height: 7px; margin: 0 10px; vertical-align: middle; background-position: -40px -20px; *margin-top: 24px;}
.top_main .top_right .order { padding-right: 20px;}
.top_main .top_right .sou { width: 45px; border-left: 1px solid #5c5a5c; position: relative; margin-left: 16px; *margin-left: 0;}
.top_main .top_right .sou a { height: 27px; padding-top: 18px;}
.top_main .top_right .sou s { width: 18px; height: 18px; display: block; margin: 0 auto; background-position: -113px 0;}
.top_main .top_right .sou:hover { background-color: #009c4f;}
/*.top_main .top_right .sou:hover .search { height: 40px;}*/
.top_main .top_right .xcx { width: 46px; background: #009c4f;}
.top_main .top_right .xcx a { height: 30px; padding-top: 14px;}
.top_main .top_right .xcx s { width: 22px; height: 22px; display: block; margin: 0 auto; background-position: -136px 0;}
.top_main .top_right .xcx:hover .imgbox { height: 216px;}
.top_main .search { width: 200px; height: 40px; line-height: 40px;position: absolute; right: 0; top:50px; background: #009c4f; z-index: 999; height: 40px; overflow: hidden; transition: all ease 300ms; display:none;}
.top_main .search .stxt { width: 100%; height: 40px; line-height: 40px; text-indent: 10px;float: left; background: none; border: 0px; outline: none; color: #fff;}
.top_main .search .sbtn { width: 25px; height: 20px; position: absolute; outline: none; cursor: pointer; right: 10px; top: 10px; background-color: #009c4f; background-position: -108px 1px;}
.top_main .imgbox { width: 180px; position: absolute; background: #009c4f; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  border-radius: 5px; text-align: center; color: #fff; top: 50px; right: -66px; transition: all ease 300ms; height: 0; overflow: hidden;}
.top_main .imgbox img { width: 160px; height: 160px; padding: 10px 10px 0; display: block; margin: 0 auto;}
.top_main .imgbox span { font-size: 16px; line-height: 40px;}

.top_main .top_right .sou.addy .search{ display:block;}
.top_main .top_right .sou.addy a{ padding-top:0; height:50px;}
.top_main .top_right .sou.addy a s{ background-position:-100px -121px; width:46px; height:50px;}


/*header_main*/
.header_main { width: 100%; height:98px; position: relative; z-index: 998; background: #fff; border-bottom:#ededed solid 1px;}
.header_main .header { position: relative;}
.header_main .slogan { width: 400px; white-space: nowrap; padding-top: 26px; float: left; text-align: left;}
.header_main .slogan p { color: #009c4f; font-size: 22px; line-height:22px; font-weight:bold;}
.header_main .slogan p span{ display:inline-block; color:#f95927;}
.header_main .slogan i{ display:block; font-size:20px; color:#333; line-height:20px; padding-top:6px;letter-spacing:13px;}
.header_main .webtel { width: 234px; text-align:left; padding-top: 25px; font-size: 16px;}
.header_main .webtel s { width:43px; height: 43px; margin-right:10px; float:left; background-position: -157px -136px; margin-top:5px;}
.header_main .webtel p{ float:left; width:178px;}
.header_main .webtel span { display:block; font-size:20px; color:#333; line-height:20px;}
.header_main .webtel strong {color: #f95927; font-weight:bold; font-size:26px; display: block; font-family: arial; display:block; padding-top:6px;}
/*nav_main*/
.nav_main {width: 100%; height:59px; line-height: 59px; min-width: 1200px; position: relative; z-index: 10; background: #fff;}
.nav_main .list { line-height: 0;font-size: 0;}
.nav_main li { display: inline-block;*display: inline; *zoom: 1; height: 59px;line-height: 59px; position: relative; vertical-align: top; text-align: center; font-size: 14px; text-align:center;}
.nav_main li a { display: block; height: 100%; position: relative; color: #000; float:left; width:81px; margin:0 24px;}
.nav_main li i { width:5px; height:5px; background-color: #c4c4c4; float:left; border-radius:6px; margin-top:27px;}
.nav_main .sub-box { background-color: #009c4f; background-color: rgba(0, 156, 79, 0.9); width: 100%; position: absolute; left: 0; top:60px; display: none;}
.nav_main .sub-box a { color: #fff; line-height: 35px; height: 35px; padding: 0 5px; overflow: hidden; display: block; font-size: 14px; transition: all ease 300ms; width:100%; margin:0; padding:0;}
.nav_main .sub-box a:hover { background: #f95927;}
.nav_main li:hover a,.nav_main li.hover a{ background:url(../images/t2_03.png) center center no-repeat; color:#f95927; font-weight:bold;}
.nav_main li:hover .sub-box a,.nav_main li.hover .sub-box a{ background:none; color:#fff;}
.nav_main li .sub-box a:hover{ background-color:#f95927;}
.nav_main li:nth-child(5) a,.nav_main li:nth-child(6) a,.nav_main li:nth-child(7) a,.nav_main li:nth-child(8) a,.nav_main li:nth-child(9) a{ margin:0 6px;}
.nav_main li:first-child+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li+li+li+li a{ margin:0 6px;}
.nav_main li:nth-child(5) .sub-box a,.nav_main li:nth-child(6) .sub-box a,.nav_main li:nth-child(7) .sub-box a,.nav_main li:nth-child(8) .sub-box a,.nav_main li:nth-child(9) .sub-box a{ margin:0;}
.nav_main li:first-child+li+li+li+li .sub-box a,.nav_main li:first-child+li+li+li+li+li .sub-box a,.nav_main li:first-child+li+li+li+li+li+li  .sub-box a,.nav_main li:first-child+li+li+li+li+li+li+li .sub-box a,.nav_main li:first-child+li+li+li+li+li+li+li+li .sub-box a{margin:0;}


.nav_main .sub-box a{ margin:0; padding:0;}
.nav_main li:nth-child(1) a{ margin-left:0;}
.nav_main li:first-child a{ margin-left:0;}
.nav_main ul li:nth-child(4) i{ display:none;}
.nav_main ul li:first-child+li+li+li i{ display:none;}
.nav_main ul li:nth-child(4) a{ margin-right:106px;}
.nav_main ul li:first-child+li+li+li a{ margin-right:106px;}
.nav_main ul li:nth-child(5) a{ margin-left:129px;}
.nav_main li:first-child+li+li+li+li a{margin-left:129px;}
.nav_main ul li:nth-child(9) i{ display:none;}
.nav_main li:first-child+li+li+li+li+li+li+li+li i{display:none;}
.nav_main li:nth-child(9) a{ margin-right:0;}
.nav_main li:first-child+li+li+li+li+li+li+li+li a{border-top:none;}

.nav_main ul li:nth-child(4) .sub-box{margin-left:12px;  width: 106px;}
.nav_main li:first-child+li+li+li .sub-box{margin-left:12px;  width: 106px;}
.nav_main ul li:nth-child(4) .sub-box a{ margin-left:0;}
.nav_main li:first-child+li+li+li .sub-box a{margin-left:0;}

/*footer_main*/
.footer_main { width: 100%; height:461px; background:url(../images/bottom_02.png) center center no-repeat; color: #fff;}
.footer_main .imsgbox { width: 400px; margin-top:74px;}
.footer_main .imsgbox h3 { font-size: 16px; color: #fff; display: block; font-weight:bold;}
.footer_main .imassge { padding-top: 20px;}
.footer_main .imassge .item { width: 192px; margin-bottom: 10px; position: relative; float: left; border: 1px solid #565656;}
.footer_main .imassge .item .txt { width: 182px; padding-left: 10px; height: 40px; line-height: 40px; color: #fff; background: none; outline: none;}
.footer_main .imassge .item .msg-box { position: absolute; left: 0; height: 20px; top: -28px;}
.footer_main .imassge .item .msg-box s {display: inline-block;}
.footer_main .imassge .mr10 { margin-right: 12px;}
.footer_main .imassge .mj { width: 100%;}
.footer_main .imassge .mj .txt { width: 390px;}
.footer_main .imassge .submit { width: 100%; height: 40px; line-height: 40px; border: 0 none; background: #fff; font-size: 16px;outline: none; cursor: pointer;}
.footer_main .imassge .submit:hover {  background: #f95927; color: #fff;}
.footer_main .botnav { width: 298px; margin-top:72px;}
.footer_main .botnav li {width: 100px;float: left; display: block; list-style: none; font-size: 16px; line-height: 32px; text-align: left; overflow: hidden; padding-left: 40px;}
.footer_main .botnav li a { color: #fff; display: block; line-height: 30px; font-size: 16px; font-weight:bold;}
.footer_main .botnav li a:hover { color: #009c4f;}
.footer_main .botnav li .drop { padding-top: 10px;}
.footer_main .botnav li .drop a { display: block; line-height: 24px; color: #a7a7a7; width: 100%; font-size: 12px; font-weight:normal;}
.footer_main .botnav li .drop a:hover { color: #78c152;}
.footer_main .botnav li:first-child { padding-left: 0;}
.footer_main .botcontcat { width: 288px; color: #fff; float: left; margin-top:72px;}
.footer_main .botcontcat a { color: #fff; display: block; line-height: 30px; font-size: 16px; font-weight:bold;}
.footer_main .botcontcat a:hover {color: #009c4f;}
.footer_main .botcontcat .drop { font-size: 12px; color: #fff;padding-top: 9px;}
.footer_main .botcontcat .drop .tel { font-size: 30px; line-height: 30px; margin-bottom: 10px; color: #f95927; font-family:"arial";}
.footer_main .botcontcat .drop span{ display:block; font-size:14px;}
.footer_main .bewm { width: 138px; height: 178px; float: left; padding: 10px 0; border: 1px solid #565656; margin-top:76px;}
.footer_main .bewm img {width: 119px; height: 119px; padding: 0; display: block; margin: 0 auto;}
.footer_main .bewm p { text-align: center; line-height: 20px; padding-top: 10px;}
.footer_main .copyright { line-height: 22px; background:url(../images/bottom_03.png) center center no-repeat; font-size: 12px;  color: #fff;  margin-top: 40px; height:54px; line-height:54px; background-size:100%; text-align:center;}
.footer_main .copyright a { color: #fff;}
.footer_main .copyright a:hover { color: #78c152;}
/***********index css end***********/
.toolbar { width: 130px; position: fixed;right: 10px; top: 200px; z-index: 888;}
.toolbar dd { width: 130px; height: 55px; margin-bottom: 0;  position: relative;}
.toolbar dd a {color: #fff; width: 120px; padding-left: 10px;height: 55px; display: block; cursor: pointer; background: url(../images/rightFixIcon.png) no-repeat -36px 0; line-height: 45px;}
.toolbar dd a span { width: 30px; height: 24px; display: inline-block; background: url(../images/rightFixIcon.png) no-repeat 0 0; vertical-align: middle; margin-right: 5px;}
.toolbar dd a:hover { background-position: -169px 0;}
.toolbar .pop { position: absolute; right: 90px; top: -65px; background: #009c4f;display: none;}
.toolbar .pop-code { width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img { width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3 { height: 50px; line-height: 50px;text-align: center;color: #f2e8e1;  font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .bj span {background-position: 0 -64px;}
.toolbar .xcx span { background-position: 0 -30px;}
.toolbar .wx span { background-position: 0 0;}
.toolbar .top { width: 120px; height: 45px; background: #009c4f;}
.toolbar .top span { background-position: 0 -96px;}
.toolbar .top:hover {background: #43c415;}

/***********top and bottom css end***********/
.banner_main { width: 100%; overflow: hidden; position: relative; z-index: 2;}
.banner { width: 100%; min-width: 1000px; position: relative; overflow: hidden; z-index: 0; height:615px;}
.banner .list { max-height: 615px; overflow: hidden;}
.banner li {width: 100%; position: absolute; z-index: 1; overflow: hidden;}
.banner li img { width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0;}
.banner li a { width: 100%; display: block;}
.banner .tip {width: 100%;height: 20px; text-align: center; position: absolute; left: 0; bottom: 3%; z-index: 10;}
.banner .tip span { width: 20px; height:20px; overflow: hidden;margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; font-size: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-position:-34px -159px;}
.banner .tip span.cur { background-position:-0px -159px;}
.banner .prev,.banner .next { width: 54px; height: 48px; position: absolute; z-index: 12; top: 50%; margin-top: -24px; cursor: pointer; background: url(../images/btn-ico.png) no-repeat center;}
.banner .prev { left: 12%;background-position: 0 0;}
.banner .prev:hover { background-position: 0 -55px;}
.banner .next {right: 12%; background-position: -65px 0;}
.banner .next:hover { background-position: -65px -55px;}

.indexMore { width: 180px;  height: 40px; line-height: 40px; text-align: center; border: 1px solid #009c4f; color: #333;display: block; margin: 0 auto; border-radius: 25px; transition: all ease 300ms;}
.indexMore:hover {background: #009c4f; color: #fff;}
.indexTit1 { text-align: center; width: 100%; height: 127px; background: url(../images/t3_03.png) no-repeat center top;}
.indexTit1 h3 { font-size: 30px; padding-top:42px; font-weight:normal; color: #fff; letter-spacing:5px;}
.indexTit1 h3 s { width: 62px; height: 30px;margin: 0 22px; vertical-align: top; background-position: -78px -37px;}
.indexTit1 h3 s:first-child { background-position: 0 -37px;}
.indexTit1 h3 strong{ font-weight:normal; padding:0 2px;}
.indexTit2 {text-align: center; width: 100%; padding: 76px 0 60px;}
.indexTit2 h3 { font-weight: bold; font-size: 45px; color: #333333; line-height: 50px;margin-bottom: 5px; padding-left: 50px;}
.indexTit2 span { display: inline-block; vertical-align: top;}
.indexTit2 span.num {color: #f95927; font-size: 74px; font-weight: bold; line-height: 74px; margin: 0 15px; font-family: arial; padding-top: 5px;}
.indexTit2 span.t {color: #009c4f;font-size: 60px;font-weight: bold; line-height: 74px;}
.indexTit2 span.en { width: 265px; padding-top: 14px; text-align: right; font-size: 20px;color: #666; font-family: arial; text-transform: uppercase; line-height: 28px;}
/*prolist*/
.prolist .item { width:382px; height:366px; float: left; margin: 0 26px 26px 0; position: relative;  transition: all ease 300ms; overflow: hidden; background:url(../images/t5_05.png) center center no-repeat;}
.prolist .item a { display: block; width: 100%;}
.prolist .item b{ margin:0 auto; display:block; width:342px; height:257px; background-color:#fff; border-radius:5px; margin-top:23px; overflow:hidden; }
.prolist .item img { margin:0 auto;  width: 300px; height: 300px;display: block; margin-top:18px;}
.prolist .item h3 { padding: 0 16px; height: 60px;font-size: 16px; color: #333; line-height: 60px; overflow: hidden; transition: all ease 300ms; padding-left:34px; position:absolute; left:0px; bottom:0; width:334px;}
.prolist .item h3 span { width: 111px; height: 37px; line-height: 42px; margin-top: 12px; font-size: 14px; background:url(../images/t7_12.png) center center no-repeat; color: #232323; padding-left:14px; transition: all ease 300ms;}
.prolist .item h3 span s { width: 18px; height: 18px; margin-right: 5px; background-position: -120px -78px;}
.prolist .item .xcx { width:344px; height:274px; z-index: 10; padding-top: 30px; position: absolute; left:20px; top:16px; background: url(../images/black20.png) repeat 0 0; opacity: 0; filter: alpha(opacity=0); transition: all ease 300ms;}
.prolist .item .xcx span { width: 100%; text-align: center; display: block; position: absolute; left: 0; top: 38px; z-index: 10; font-size: 16px; color: #333;}
.prolist .item .xcx img { width: 160px; height: 160px; border-radius: 10px; display: block; margin: 0 auto; padding: 40px 20px 20px; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);}
.prolist .item:hover { background:url(../images/t5_03.png) center center no-repeat;}
.prolist .item:hover h3 span { background:url(../images/t7_10.png) center center no-repeat; color:#fff;}
.prolist .item:hover .xcx {
  opacity: 1;
  filter: alpha(opacity=100); left:20px;
}

.floor_11{ background:url(../images/t15_02.png) center center no-repeat; margin-top:-9px; width:100%; height:512px; padding:60px 0;}
.floor_11_1{ background:url(../images/t16_03.png) center center no-repeat; width:552px; height:61px; margin:0 auto; text-align:center;}
.floor_11_1 h3{ font-size:28px; color:#009c4f; font-weight:normal; line-height:28px;}
.floor_11_1 h3 span{ font-weight:bold; color:#f95927;}
.floor_11_1 p{ display:inline-block; font-size:16px; color:#000; line-height:16px; padding-top:12px;}
.floor_11_2{ margin-top:62px;}
.floor_11_2 dl{ width:1200px; height:362px;}
.floor_11_2 dl dt{ width:463px; height:362px; background:url(../images/t16_07.png) center center no-repeat; float:left; text-align:center; margin-left:38px;}
.floor_11_2 dl dt img{ width:432px; height:322px; display:inline-block; margin-top:20px;}
.floor_11_2 dl dd{ float:right; width:640px; margin-right:20px;}
.floor_11_2 dl dd h3{ font-size:28px; color:#009c4f; font-weight:bold; border-bottom:#cbcbcb solid 1px; display:inline-block; height:44px; margin-top:30px;}
.floor_11_2 dl dd h3 span{ color:#232323; display:inline-block;}
.floor_11_2 dl dd p{ margin-top:30px;display:block;font-size:14px; color:#232323; line-height:24px; height:178px;}
.floor_11_2 dl dd p span{ display:block; font-size:14px; color:#232323; line-height:24px; padding-top:20px;}
.floor_11_2 dl dd a{ display:block; width: 111px; height: 37px; line-height: 42px; margin-top: 20px; font-size: 14px; background:url(../images/t7_12.png) center center no-repeat; color: #232323; padding-left:14px; transition: all ease 300ms;}
.floor_11_2 dl dd a:hover{background:url(../images/t7_10.png) center center no-repeat; color:#fff;}





/*baselist*/
.baselist .item {
  width: 290px;
  float: left; background:url(../images/t14_03.png) center center no-repeat;
 height:287px;
  position: relative;
  transition: all ease 300ms;
  overflow: hidden; text-align:center; margin-right:13px;
}
.baselist .item a {
  display: block;
  width: 100%;
}
.baselist .item img { display:inline-block; width: 266px; height:200px; border-radius:5px; margin-top:20px;}
.baselist .item .img {
  width: 280px;
  height: 210px;
  display: block;
  overflow: hidden;
  position: relative;
}
.baselist .item .img img {
  width: 280px;
  height: 210px;
  display: block;
  transition: all .5s;
}
.baselist .item .img .zz {
  width: 280px;
  height: 210px;
  display: block;
  background: url(../images/zz.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.baselist .item .tit {
  height: 48px;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  overflow: hidden;
  transition: all ease 300ms;
  display: block;
}
.baselist .item:hover .img img { transform: scale(1.08);}
.baselist .item:hover .tit { color: #009c4f;}
/*newslist*/
.newslist .item { border-bottom: 1px solid #dddddd; width: 100%;}
.newslist .item a { display: block; padding: 26px 0; width: 100%;}
.newslist .item h3 { font-size: 18px; color: #333333; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 8px;}
.newslist .item h3 s { width: 16px;  height: 16px; float: right; display: block; background-position: -35px 0;}
.newslist .item .txt {  color: #666666; height: 30px; line-height: 30px;}
.newslist .item .time {  display: block; color: #333333; font-size: 16px; height: 20px; line-height: 20px;}
.newslist .item:hover { border-color: #009c4f;}
.newslist .item:hover h3 { color: #009c4f;}
/*xunpan*/
.xunpan { width: 100%; height: 223px; position: relative; background: url(../images/ixbannerbg.jpg) no-repeat center top; color: #fff;margin-top: -9px;}
.xunpan .img { height: 200px; width: 1920px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0;}
.xunpan .zixun { width: 454px; *padding-right: 80px; padding-top: 58px; position: relative; text-align: center;}
.xunpan .zixun .ewm {width: 108px; height: 108px; display: block; position: absolute; padding: 6px; background: #fff; transition: all ease 300ms; right: 0;top: 58px;}
.xunpan .zixun .ewm.hover { right: 20px;}
.xunpan .zixun .tel { border: 1px solid #58c28e; width: 300px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #fff; margin-bottom: 20px;font-family: arial; font-weight: bold; border-radius: 30px;}
.xunpan .zixun .tel s { width: 26px; height: 28px; background-position: 0 -1px; margin-right: 16px;}
.xunpan .zixun .zx { width: 302px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #009c4f; -moz-border-radius: 30px;-webkit-border-radius: 30px; border-radius: 30px; background: #fee268;}
.xunpan .zixun .zx s { width: 22px;height: 20px; display: inline-block; background-position: -60px 0; *background-position: -60px 3px; transition: all ease 300ms; margin-left: 10px; vertical-align: middle;}
.xunpan .zixun .zx:hover s { margin-left: 28px;}
.xunpan p { font-size: 30px;}
.xunpan p strong { display: inline-block; color: #fff; font-weight: bold; font-size: 28px; padding-right: 10px; font-style: italic;}
.xunpan p.bigtxt { font-size:36px; padding-bottom: 25px; padding-top:74px;}
.xunpan p span { color: #009c4f; display: inline-block;}

/***********index css ***********/
.index {
  width: 100%;
  overflow: hidden; background-color:#fefefe;
}
.index .prev,.index .next { width: 53px; height: 48px; position: absolute;  z-index: 12; top: 50%; margin-top: -40px; cursor: pointer; background: url(../images/btn-ico.png) no-repeat center;}
.index .prev { left: -80px; background-position: 0 0;}
.index .prev:hover { background-position:-0px -55px;}
.index .next { right: -80px; background-position:-65px -0px;}
.index .next:hover { background-position: -65px -55px;}
.index .more { width: 115px; height: 30px; line-height:26px;  margin: 0 auto; display: block; text-align: center; transition: all ease 300ms; background:url(../images/t7_17.png) center center no-repeat; color:#fff;}
.index .more:hover { background:url(../images/t7_18.png) center center no-repeat;  color: #fff; text-indent: 10px;}
.index .floor_0{ height:60px; background-color:#fff; line-height:60px;}
.index .floor_0 .floor_0_1{ float:left; height:60px; line-height:60px;}
.index .floor_0 .floor_0_1 b{ color:#f95927; font-size:14px; font-weight:bold; float:left;}
.index .floor_0 .floor_0_1 p{ font-size:14px; float:left; color:#333;height:60px; line-height:60px;}
.index .floor_0 .floor_0_1 p a{ display:inline-block;font-size:14px; color:#333;height:60px; line-height:60px; padding-right:18px;}
.index .floor_0 .floor_0_1 p a:hover{ color:#009c4f;}
.index .floor_0 .floor_0_2{ float:right; width:230px; height:34px; background-color:#f5f5f5; border-radius:34px; margin-top:14px;}
.index .floor_0 .floor_0_2 .stxt{ float:right; width:182px; height:34px; border:none; line-height:34px; padding-left:8px; color:#333;}
.index .floor_0 .floor_0_2 .sbtn{ float:left; width:14px; height:14px; border:none; background-position:-63px -164px; margin-top:10px; margin-left:25px;cursor:pointer;}
.index .floor_0 .floor_0_2 input::-webkit-input-placeholder{ color:#969696;}
.index .floor_0 .floor_0_2 input::-moz-placeholder{ color:#969696;}
.index .floor_0 .floor_0_2 input:-moz-placeholder{color:#969696;}
.index .floor_0 .floor_0_2 input:-ms-input-placeholder{  color:#969696;}
.index .floor_1 { background:url(../images/bj_02.jpg) center center no-repeat; width:100%; padding:50px 0; height:691px;}
.index .floor_1 .tab { padding: 28px 0 30px; text-align: center; font-size: 0; line-height: 0;}
.index .floor_1 .tab li {
  width: 162px; background:url(../images/t4_05.png) center center no-repeat;
  height: 52px;
  line-height: 52px;
  margin: 0 10px 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  transition: all ease 300ms;
}
.index .floor_1 .tab li a { display: block; text-align: center; width: 100%; font-size: 14px;}
.index .floor_1 .tab li:hover,
.index .floor_1 .tab li.hover { background:url(../images/t4_03.png) center center no-repeat; color:#fff; font-weight:bold;
}
.index .floor_1 .tab li:hover a,.index .floor_1 .tab li.hover a { color: #fff; font-weight:bold;}
.index .iproduct { position: relative; padding-bottom: 30px;}
.index .iproduct .iproCon { position: relative; overflow: hidden;}
.index .iproduct .list { width: 400%;}
.index .floor_2 { padding: 0 0 100px; background: #fff; margin-top:-9px;}
.index .floor_2 .iadvan { width: 100%; height: 390px; position: relative;}
.index .floor_2 .iadvan .bigimg { position: absolute; left: 50%; top: 0; width: 390px; height: 390px; margin-left: -195px;}
.index .floor_2 .iadvan li { width: 400px; position: absolute;}
.index .floor_2 .iadvan li img { position: absolute;}
.index .floor_2 .iadvan li h3 { font-weight: bold; color: #f95927; font-size: 30px; background:url(../images/t11_03.png) center center no-repeat; width:84px; height:84px; text-align:center; line-height:84px; float:left;}
.index .floor_2 .iadvan li h3 span { font-style: oblique; display: inline-block; line-height: 40px; margin-right: 6px; color: #f95927; font-size: 40px; font-family: arial;}
.index .floor_2 .iadvan li p { float:right; font-size: 24px; color: #009c4f; font-weight:bold; line-height:24px; width:300px;}
.index .floor_2 .iadvan li p strong{ color:#f95927; display:inline-block; padding-bottom:10px; font-size:24px;}
.index .floor_2 .iadvan li p span{ display:block; font-size:14px; color:#333; line-height:26px; padding-top:9px; font-weight:normal;}
.index .floor_2 .iadvan li.a2 h3,.index .floor_2 .iadvan li.a4 h3{ float:right; }
.index .floor_2 .iadvan li.a2 p,.index .floor_2 .iadvan li.a4 p{ float:left; text-align:right; }
.index .floor_2 .iadvan li.a1 {left: 0px; top: 12px;}
.index .floor_2 .iadvan li.a2 { right: 0; top: 12px;}
.index .floor_2 .iadvan li.a3 { left:0px; bottom: 56px;}
.index .floor_2 .iadvan li.a4 { right: 0; bottom: 56px;}
.floor_2 .indexTit2{ width:527px; height:78px; background:url(../images/t10_03.jpg) center center no-repeat; margin:0 auto; position:relative;}
.floor_2 .indexTit2 .num{ position:absolute;left: 146px;top: 4px; display:block; font-size:64px; color:#002323; font-weight:bold; line-height:64px;
*top: 84px;}
.floor_2 .indexTit2 .t{ position:absolute; left:292px;top:45px; display:block; font-size:30px; color:#0aaa5b; font-weight:normal; line-height:30px;*line-height:40px;}
.floor_2 .indexTit2 strong{ font-size:26px; color:#fff; line-height:26px; position:absolute; left: 305px;top: -2px; font-weight:normal;letter-spacing:9px;*top: 76px;*top: 110px;}

.index .floor_3 { height: 640px; background: url(../images/t12_02.png) no-repeat center top; margin-top:-9px; position:relative; z-index:2;}
.index .floor_3 .indexTit2 {padding: 50px 0 60px; font-size:28px; color:#fff; font-weight:normal;}
.index .floor_3 .indexTit2 h3,
.index .floor_3 .indexTit2 .txt .t,
.index .floor_3 .indexTit2 .txt .en { color: #fff;}
.index .floor_3 .indexTit2 h3 strong{ font-size:28px; color:#fff; font-weight:normal; line-height:28px;}
.index .floor_3 .indexTit2 h3 span{ display:block; font-size:16px; color:#fff; font-weight:normal; line-height:16px; padding-top:8px;*line-height:20px;}
.index .floor_3 .indexTit2 .txt .num {
  color: #ffe825;
}
.index .floor_3 .ifeat{ position:relative; width:1200px; height:380px;}
.index .floor_3 .ifeat li { width: 208px; height: 380px; text-align:center; float: left; margin-left: 50px;}
.index .floor_3 .ifeat li.a2{ margin-left:100px;}
.index .floor_3 .ifeat li.a2 h3{ margin-top:34px;}
.index .floor_3 .ifeat li.a3{ margin-left:70px;}
.index .floor_3 .ifeat li.a4{ margin-left:100px;}
.index .floor_3 .ifeat li.a4 h3{ margin-top:54px;}
.index .floor_3 .ifeat li .txtcon { z-index: 2; width: 100%;  height: 380px;  transition: all ease 300ms; text-align: center; position: relative; z-index: 10;}
.index .floor_3 .ifeat li .line { width: 260px; height: 330px; border: 1px solid #9edf8a; position: absolute; right: -8px;  top: 8px; border-radius: 7px;}
.index .floor_3 .ifeat li img { width: 103px; height: 103px; border-radius:100px;  display: block; border:#fff solid 4px; margin: 0 auto; margin-top:16px;}
.index .floor_3 .ifeat li h3 { padding-top:14px; display:inline-block; font-weight:normal; color: #fff;font-size: 28px; letter-spacing:8px; width:80px; line-height:32px;}
.index .floor_3 .ifeat li i{ margin:0 auto; display:block; width:8px; height:8px; background-color:#f95927; border:#fff solid 2px; border-radius:10px; margin-top:18px;}
.index .floor_3 .ifeat li .en { display: block; text-transform: uppercase;color: #999999;}
.index .floor_3 .ifeat li .txt { line-height: 24px; padding-top:24px; transition: all ease 300ms; color: #fff; font-size:14px;}
.index .floor_3 .ifeat li .txt span{ display:block;}
.index .floor_3 .ifeat li:hover h3 { font-weight:bold;}
.index .floor_3 .ifeat li:hover img{ border:#d45e2a solid 4px;}
.index .floor_3 .ifeat li:hover .txt{ display:block;} 
.index .floor_4 { margin-top:-9px;
  padding: 55px 0;
  background: #fff;
}
.index .floor_4 .indexTit1 {
  margin-bottom: 48px;
}
.index .ibase {
  position: relative;
  padding-bottom: 30px;
}
.index .ibase .prev,
.index .ibase .next {
  margin-top: -60px;
}
.index .ibase .ibaseCon {
  position: relative;
  overflow: hidden;
}
.index .ibase .list {
  width: 400%;
}
.index .floor_5 {
  padding: 50px 0 70px;
  background: #fff;
}
.index .floor_5 .indexTit1 {
  margin-bottom: 58px;
}
.index .floor_5 .inews {
  padding-bottom: 45px;
}
.index .floor_5 .inews_z{ float:left; width:436px;}
.index .floor_5 .inews_z a{ display:block; width:436px; height:440px; position:relative;}
.index .floor_5 .inews_z img{ display:block; width:436px; height:328px; background-size:100%;}
.index .floor_5 .inews_z h3{ display:block; font-size:18px; color:#232323; line-height:18px; padding-top:26px;}
.index .floor_5 .inews_z h3 p{display:block; font-size:18px; color:#232323; line-height:18px;width: 300px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .floor_5 .inews_z h3 span{ display:block; font-size:14px; color:#999; line-height:24px; padding-top:20px;}
.index .floor_5 .inews_z i{ display:block; width: 111px; height: 37px; line-height: 42px; font-size: 14px; background:url(../images/t7_12.png) center center no-repeat; color: #232323; padding-left:14px; transition: all ease 300ms; position:absolute; right:0; top:344px;}
.index .floor_5 .inews_z a:hover i { background:url(../images/t7_10.png) center center no-repeat; color:#fff;}
.index .floor_5 .inews_z a:hover h3 p{ color:#009c4f;}
.index .floor_5 .newslist {
  width: 704px;
  float: right;
}
.index .floor_5 .newslist em{ float:left; display:block; background:url(../images/t17_03.png) center center no-repeat; width:102px; height:62px; text-align:right; font-size:16px; color:#999;}
.index .floor_5 .newslist em i{ display:block; font-size:24px; color:#009c4f; line-height:24px; font-weight:bold; padding-top:18px;}
.index .floor_5 .newslist h3{ float:left; width:554px;  padding-top:16px; margin-left:26px; overflow:inherit;}
.index .floor_5 .newslist h3 p{font-size:18px; color:#232323; line-height:18px; width:550px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;}
.index .floor_5 .newslist h3 span{ display:block; font-size:14px; color:#999; line-height:24px; padding-top:14px;}
.index .floor_5 .newslist .item{ height:122px; padding-top:36px;}
.index .floor_5 .newslist .item a:hover h3 p{ color:#009c4f;}
.index .floor_5 .newslist a{ padding:0;}
.index .floor_5 .newslist .item:first-child{ padding-top: 0;}
.index .imgleft {
  width: 650px;
  height: 366px;
  float: left;
  overflow: hidden;
  position: relative;
}
.index .imgleft .item {
  width: 650px;
  height: 366px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.index .imgleft .item a {
  width: 100%;
  display: block;
}
.index .imgleft .item img {
  width: 650px;
  height: 366px;
  transition: all .5s;
  display: block;
}
.index .imgleft .item .txtcon {
  width: 600px;
  height: 127px;
  padding: 25px 25px 0 25px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/black50.png) repeat 0 0;
  color: #fff;
}
.index .imgleft .item .txtcon h3 {
  font-size: 20px;
  margin-bottom: 12px;
}
.index .imgleft .item .txtcon h3 .time {
  font-size: 16px;
}
.index .imgleft .item .txtcon .txt {
  line-height: 24px;
}
.index .imgleft .item:hover img {
  filter: brightness(105%);
}
.index .imgleft .tip {
  position: absolute;
  bottom: 10px;
  right: 30px;
  z-index: 10;
}
.index .imgleft .tip span {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  background: #fff;
  border-radius: 100%;
  cursor: pointer;
}
.index .imgleft .tip span.cur {
  background: #009c4f;
}
/**********index css end**********/
.txtimglist .item {
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #dddddd;
}
.txtimglist .item a {
  width: 100%;
  height: 160px;
  display: block;
}
.txtimglist .item img {
  width: 213px;
  height: 160px;
  float: left;
  margin-right: 20px;
  transition: all ease 300ms;
}
.txtimglist .item h3 {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  transition: all ease 300ms;
}
.txtimglist .item h3 .time {
  color: #666666;
  font-family: arial;
  float: right;
  font-size: 16px;
}
.txtimglist .item .txt {
  color: #999999;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.txtimglist .item:first-child {
  padding-top: 0;
}
.txtimglist .item:hover h3 {
  text-indent: 10px;
}
.txtimglist .item:hover img {
  filter: brightness(105%);
}
/************content************/
.nybanner {
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
}
.nybanner img {
  width: 1920px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
/* pager */
.pageCss {
  text-align: center;
  padding: 30px 0;
}
.pageCss ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pageCss li {
  background: #fff;
  float: left;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 5px;
}
.pageCss li a {
  display: block;
  width: 100%;
}
.pageCss li:hover a {
  background: #009c4f;
  color: #fff;
}
.pageCss .pager {
  text-align: center;
}
.pageCss .pager a {
  display: block;
  height: 42px;
  line-height: 42px;
  margin: 0 5px;
  padding: 0 18px;
  color: #666;
  background: #fff;
  display: inline-block;
}
.pageCss .pager a:hover {
  color: #fff;
  background: #009c4f;
}
/* loaction */
.location {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 40px;
  position: relative;
  border-bottom: 2px solid #009c4f;
}
.location h3 {
  font-size: 18px;
}
.location .sitepath {
  color: #333333;
  white-space: nowrap;
}
.location .sitepath s {
  width: 16px;
  height: 17px;
  background-position: -90px 0;
  margin: 0 6px;
}
.location .sitepath a {
  color: #333333;
}
.location .sitepath a:hover {
  color: #009c4f;
}
/* reLink */
.reLink {
  width: 100%;
  height: 58px;
  line-height: 58px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
}
.reLink .nextLink,
.reLink .prevLink {
  width: 50%;
  display: block;
  text-align: left;
  color: #666;
}
.reLink .nextLink a:hover,
.reLink .prevLink a:hover {
  color: #009c4f;
}
.reLink .nextLink {
  text-align: right;
}
.wrapper {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0 60px;
}
.wrapper .showvideo {
  margin: 0 auto;
}
.wrapper .left-tit {
  font-size: 24px;
  line-height: 30px;
  padding: 25px 0 25px 40px;
  *padding-top: 25px;
  position: relative;
  margin-bottom: 20px;
  color: #fff;
  background:url(../images/lp_03.png) center center no-repeat;
}
.wrapper .left-tit h3 {
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.wrapper .left-tit span {
  font-size: 16px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: block;
  font-family: arial;
  display: none;
}
.wrapper .left-tit s {
  width: 62px;
  height: 52px;
  position: absolute;
  right: 26px;
  bottom: 15px;
  background-position: 0 -82px;
  display: block;
}
.wrapper .left-tit.left-tit2 {
  padding-top: 25px;
  padding-bottom: 25px;
  *padding-top: 25px;
}
.wrapper .left-tit.left-tit2 h3 {
  font-size: 20px;
}
.wrapper .left-tit.left-tit2 s {
  width: 40px;
  height: 38px;
  background-position: -153px -32px;
  bottom: 10px;
}
.wrapper .leftCon {
  width: 260px;
  float: left;
  padding-top: 5px;
}
.wrapper .leftCon .prolist {
  position: relative;
}
.wrapper .leftCon .prolist .item {
  width: 258px;
  float: none; height:308px;
  margin-right: 0; background:#fff; border:#dfdfdf solid 1px; border-radius:5px;
}
.wrapper .leftCon .prolist .item:hover{border:#232323 solid 1px;}
.wrapper .leftCon .prolist .item:hover h3{ color:#f95927;}
.wrapper .leftCon .prolist .item img {
  width: 235px;
  height: 235px;
}
.wrapper .leftCon .prolist .item h3 {
  text-align: center; padding:0; width:258px;
}
.wrapper .leftCon .prolist .item h3 span {
  display: none;
}
.wrapper .leftCon .tel {
  width: 230px;
  padding: 16px 0 18px 30px;
  background: #009c4f;
  color: #fff;
   background:url(../images/lp1_03.png) center center no-repeat;
}
.wrapper .leftCon .tel strong {
  display: block;
  font-weight: normal;
  font-size: 26px;
}
.wrapper .content {
  width: 900px;
  float: right;
  overflow: hidden;
}
.wrapper .content .prolist {
  width: 106%;
  position: relative;
}
.wrapper .content .prolist .item {
  margin-right: 22px;width: 285px;height: 271px; background:url(../images/t5_06.png) center center no-repeat;
}
.wrapper .content .prolist .item:hover{background:url(../images/t5_04.png) center center no-repeat;}
.wrapper .content .bgfff {
  width: 818px;
  padding: 15px 40px 50px;
  border: 1px solid #dddddd;
  background: #fff;
}
.wrapper .content .bgfff .tit{ text-align:center;} 
.wrapper .content .bgfff .p1{ font-size:28px; color:#333; padding-bottom:20px; padding-top:16px;}
.wrapper .leftNav {
  width: 260px;
  margin-bottom: 30px;
}
.wrapper .leftNav li {
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  position: relative;
   background:url(../images/lp_09.png) center center no-repeat;
}
.wrapper .leftNav li a {
  display: block;
  padding: 0 38px 0 40px;
  font-size: 16px;
  color: #333;
}
.wrapper .leftNav li s {
  width: 13px;
  height: 20px;
  float: right;
  margin-top: 16px;
  background-position: -99px -80px;
}
.wrapper .leftNav li:hover,
.wrapper .leftNav li.hover {
  background:url(../images/lp_06.png) center center no-repeat;
}
.wrapper .leftNav li:hover a,
.wrapper .leftNav li.hover a {
  color: #fff;
}
.wrapper .leftNav li:hover s,
.wrapper .leftNav li.hover s {
  background-position: -75px -80px;
}
.wrapper .leftnews {
  width: 222px;
  border: 1px solid #ddd;
  padding: 15px 18px;
}
/******recommend*******/
.recomCon .recom-tit {
  font-size: 20px;
  padding: 28px 0 22px;
}
.recomCon .recom-tit .more {
  font-size: 16px;
  float: right;
}
.recomCon.recomNews .recom-tit {
  padding-bottom: 0;
}
.recomCon .txtimglist {
  width: 106%;
}
.recomCon .txtimglist .item {
  width: 435px;
  padding: 30px 0;
  float: left;
  margin-right: 30px;
  border-bottom: 1px solid #dddddd;
}
.recomCon .txtimglist .item a {
  width: 100%;
  height: 120px;
  display: block;
}
.recomCon .txtimglist .item img {
  width: 161px;
  height: 120px;
  float: left;
  margin-right: 20px;
}
.recomCon .txtimglist .item h3 {
  font-size: 18px;
  line-height: 28px;
  height: 56px;
  position: relative;
  padding-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.recomCon .txtimglist .item h3 .time {
  color: #666666;
  font-family: arial;
  float: right;
  font-size: 16px;
}
.recomCon .txtimglist .item .txt {
  color: #999999;
  line-height: 24px;
}
.recomCon .txtimglist .item:first-child {
  padding-top: 30px;
}
.picturePage .prolist {
  position: relative;
}
.picturePage .prolist .item img {
  width: 250px;
  height: 188px;
}
.picturePage .prolist .item h3 {
  text-align: center; padding:0; width:100%;
}
.picturePage .prolist .item:hover h3{ color:#f95927;}
.picturePage .prolist .item h3 span {
  display: none;
}
/****singlePage******/
.singlePage img {
  max-width: 100%;
  height: auto !important;
}
.singlePage .txtcon {
  line-height: 32px;
}
.singlePage .txtcon.bgfff {
  padding-top: 30px;
  min-height:1120px;
}
.showPro .show-tit {
  font-size: 20px;
  color: #009c4f;
  font-weight: bold;
  background: url(../images/show-titbg.png) no-repeat center right;
}
.showPro .showContxt {
  padding: 18px 2px 30px;
  line-height: 26px;
}
.showPro .showContxt img {
  max-width: 100%;
  height: auto !important;
}
.showPro .showimgCon {
  padding: 20px 0 30px;
}
.showPro .showimgCon .txtcon {
  width: 240px;
  float: left;
  margin-left: 45px;
  position: relative;
  height: 480px;
}
.showPro .showimgCon .txtcon .tit {
  font-size: 26px;
}
.showPro .showimgCon .txtcon .price {
  font-size: 34px;
  margin-bottom: 40px;
  color: #f16101;
  font-family: arial;
  margin-top: 20px;
}
.showPro .showimgCon .txtcon .xcxm {
  width: 236px;
  border: 1px solid #dddddd;
  border-radius: 6px;
}
.showPro .showimgCon .txtcon .xcxm img {
  width: 236px;
  height: 236px;
  display: block;
  border-radius: 6px;
  border-bottom: 1px solid #ddd;
}
.showPro .showimgCon .txtcon .xcxm span {
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 16px;
  display: block;
}
.showPro .showimgCon .txtcon .tel {
  position: absolute;
  height: 44px;
  line-height: 44px;
  text-align: center;
  left: 0;
  bottom: 0;
  width: 238px;
  border: 1px solid #009c4f;
  color: #009c4f;
  border-radius: 2px;
}
.showPro .showimgCon .txtcon .tel s {
  width: 22px;
  height: 22px;
  background-position: -166px -75px;
}
.showPro .showimg {
  width: 480px;
  position: relative;
  float: left;
  overflow: hidden;
}
.showPro .showimg .bigimg {
  width: 480px;
  height: 480px;
  display: block;
  position: relative;
}
.showPro .showimg .bigimg .list {
  width: 500%;
}
.showPro .showimg .bigimg .list li {
  width: 480px;
  height: 480px;
}
.showPro .showimg .bigimg .list img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 300ms;
}
.showPro .showimg .smallimg {
  width: 480px;
  height: 95px;
  padding-top: 11px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
  background: url(../images/black50.png) repeat 0 0;
}
.showPro .showimg .list {
  width: 390px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.showPro .showimg .listcon {
  width: 300%;
  position: relative;
}
.showPro .showimg .prev,
.showPro .showimg .next {
  width: 20px;
  height: 84px;
  z-index: 10;
  position: absolute;
  top: 11px;
  cursor: pointer;
  background: #ffffff url(../images/btn-ico2.png) no-repeat 0 center;
}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover {
  background-color: #ddd;
}
.showPro .showimg .prev {
  left: 10px;
  background-position: 7px center;
}
.showPro .showimg .next {
  right: 10px;
  background-position: -39px center;
}
.showPro .showimg li {
  width: 84px;
  height: 84px;
  margin-right: 18px;
  float: left;
  cursor: pointer;
  position: relative;
}
.showPro .showimg li img {
  width: 100%;
  height: 100%;
  display: block;
}
.showPro .showimg li.on {
  width: 80px;
  height: 80px;
  border: 2px solid #f95927;
}
/*showNews*/
.shareNew {
  padding-bottom: 20px;
}
.showInfo .title {
  font-size: 22px;
  color: #333333;
  text-align: center;
  padding: 10px 0 16px;
}
.showInfo .mark {
  color: #999999;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.showInfo .mark span {
  margin: 0 10px;
  font-size: 12px;
}
.showInfo .img {
  width: 500px;
  display: block;
  margin: 10px auto 20px;
}
.showInfo .img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.showInfo .showContxt {
  color: #666666;
  padding: 0 2px 30px;
  line-height: 30px;
}
.showInfo .showContxt .t {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #333;
  padding: 0 2px 5px;
  font-size: 16px;
  margin-bottom: 10px;
}
.showInfo .showContxt .t:after {
  width: 20px;
  height: 2px;
  content: "\20";
  background: #009c4f;
  display: block;
  position: absolute;
  left: 2px;
  bottom: -1px;
}
.showInfo .showContxt img {
  max-width: 100%;
  height: auto !important;
}
.showInfo .title2 {
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.showInfo .title2 a {
  float: right;
  font-size: 12px;
  font-family: arial;
}
.showInfo .title2 .left {
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  border-bottom: 3px solid #4d485b;
}
.msgPage .formData {
  padding-top: 34px;
}
.contactPage .content {
  padding-top: 80px;
}
.contactPage .tit {
  text-align: center;
  padding: 28px 0 36px;
}
.contactPage .tit .p1 {
  font-size: 25px;
  margin-bottom: 10px;
}
.contactPage .tit .p2 {
  line-height: 24px;
}
.contactPage .tit .p2 span {
  color: #009c4f;
}
.contactPage .bcontact {
  width: 100%;
  padding-bottom: 50px;
}
.contactPage .bcontact li {
  width: 33%;
  float: left;
  padding: 20px 0 0;
  border-left: 1px solid #e5e5e5;
  text-align: center;
  font-family: arial;
}
.contactPage .bcontact li s {
  width: 60px;
  height: 55px;
  display: block;
  margin: 0 auto;
  background: url(../images/contact-ico.png) no-repeat 15px center;
}
.contactPage .bcontact li h3 {
  font-size: 16px;
  padding: 6px 0 14px;
  font-weight: bold;
  color: #737373;
}
.contactPage .bcontact li h4 {
  color: #000000;
  font-weight: bold;
  height: 48px;
  line-height: 24px;
  padding: 0 10px;
}
.contactPage .bcontact li.btel {
  border-left: 0px;
}
.contactPage .bcontact li.btel s{
    width:80px;
}
.contactPage .bcontact li.baddress s {
  background-position: -58px center;
}
.contactPage .bcontact li.bemail s {
  background-position: -140px center;
}
.contactPage .bcontact li.bemail h4{
	width:160px;
	margin:0 auto;
}
.contactPage .txtcon {
  padding-bottom: 30px;
}
.contactPage .txtcon img {
  max-width: 100%;
  height: auto !important;
}
.contactPage .t2 {
  padding: 58px 0 48px;
  text-align: center;
}
.contactPage .t2 .titb {
  font-size: 30px;
  margin-bottom: 16px;
}
.contactPage .t2 .txt {
  font-size: 14px;
  line-height: 24px;
}
.contactPage .t2 .txt span {
  font-weight: bold;
  color: #009c4f;
}
.contactPage .mapArea {
  width: 100%;
  height: 400px;
  margin: 0 0 40px;
}
.contactPage .mapArea #allmap {
  width: 100%;
  height: 400px;
}
.contactPage .BMap_bubble_title a {
  border-radius: 3px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 16px;
  background: #009c4f;
  color: #fff;
}
.contactPage .BMap_bubble_title a:hover {
  background: #f95927;
}
.contactPage .BMap_bubble_title span {
  display: block;
  line-height: 22px;
}
.contactPage .BMap_bubble_content {
  line-height: 22px;
}
.formData {
  padding-bottom: 20px;
}
.formData .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 388px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #e5e5e5;
  margin-right: 32px;
  margin-bottom: 30px;
  position: relative;
}
.formData .item label {
  padding-left: 15px;
  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: #cccccc;
}
.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: -30px;
}
.formData .liuyan {
  width: 810px;
  height: 180px;
  border: 1px solid #e5e5e5;
  float: left;
}
.formData .liuyan label {
  text-align: right;
  top: 5px;
  display: block;
}
.formData .liuyan textarea {
  width: 790px;
  height: 164px;
  line-height: 28px;
  padding: 8px 10px;
  text-indent: 42px;
  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: 42px;
  line-height: 42px;
  text-align: center;
  background: #009c4f;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  display: block;
  transition: all ease 300ms;
  margin: 0 auto;
}
.formData .sub:hover {
  background: #f95927;
  color: #fff;
}
.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;
}
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 40px;
}
.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;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
  display: block;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
  padding-top: 10px;
}
.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: #009c4f;
  color: #fff;
}
span.bds_more,
.bds_tools a {
  line-height: 14px !important;
}




.wrapper .content.chan .prolist .item {  width: 280px;
  height: 323px; float: left; position: relative;  transition: all ease 300ms; overflow: hidden;background: url(../images/t5_066.png) center center no-repeat; margin-left:10px; margin-right:12px; margin-bottom:30px; *width: 300px; }

.wrapper .content.chan .prolist .item h3{ width:100%; text-align:center; padding:0;}
.wrapper .content.chan .prolist .item h3 span{ display:none;}
.wrapper .content.chan .prolist .item img {
  width: 250px;
  height: 250px;
  display:block;
  margin: 0 auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;margin-top: 10px;
}
.wrapper .content.chan .prolist .item h3 {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  transition: all ease 300ms;
}
.wrapper .content.chan .prolist .item .xcx {
  width: 260px;
  height: 240px;
  padding: 20px 0 0;
  z-index: 10;
  position: absolute;
  left: 40px;
  top: 10px;
  background: #ededed;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.wrapper .content.chan .prolist .item .xcx span {
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  top: 24px;
  z-index: 10;
  font-size: 16px;
  color: #333;
}
.wrapper .content.chan .prolist .item .xcx img {
  width: 170px;
  height: 170px;
  padding: 40px 10px 10px;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  background: #fff;
}
.wrapper .content.chan .prolist .item:hover h3 {
  color:#009c4f;
}
.wrapper .content.chan .prolist .item:hover .xcx {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 10px;*left: 20px;
}
.prolist.prolist4{ margin-top:20px;}
.prolist.prolist4 .item img {

    width: 250px;
    height: 188px;

}
.prolist.prolist4 .item h3 {

    text-align: center;
    padding: 0;
    width: 285px;

}



/* pager */
.pager {
  *zoom: 1;
  padding: 30px 0;
  text-align: center;
}
.pager:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pager a {
  display: block;
  height: 42px;
  line-height: 42px;
  margin: 0 5px;
  padding: 0 18px;
  color: #666;
  background: #fff;
  display: inline-block;
}
.pager a:hover,
.pager a.current {
  color: #fff;
  background: #f95927;
}


.msgPage .tit{ text-align:center;}
.msgPage .tit .p1{ font-size:28px; padding-bottom:12px;}


.wrapper .content .recomCon .prolist .item{width: 280px;

height: 323px;

float: left;

margin: 0 26px 26px 0px;

position: relative;

transition: all ease 300ms;

overflow: hidden;

background: url(../images/t5_066.png) center center no-repeat;*width: 300px;}
.wrapper .content .recomCon .prolist .item img {

    width: 250px;
    height: 250px;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: 10px;

}
.wrapper .content .recomCon .prolist .item h3 {

    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    transition: all ease 300ms; padding:0; width:100%; text-align:center;

}
.wrapper .content .recomCon .prolist .item h3 span {

    display: none;

}
.wrapper .content .recomCon .prolist .item .xcx {

    width: 260px;
    height: 240px;
    padding: 20px 0 0;
    z-index: 10;
    position: absolute;
    left: 40px;
    top: 10px;
    background: #ededed;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease 300ms;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

}
.wrapper .content .recomCon .prolist .item .xcx span {

    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 10;
    font-size: 16px;
    color: #333;

}
.wrapper .content .recomCon .prolist .item .xcx img {

    width: 170px;
    height: 170px;
    padding: 40px 10px 10px;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    background: #fff;
}
.wrapper .content .recomCon .prolist .item:hover .xcx {

    opacity: 1;
    filter: alpha(opacity=100);
    left: 10px;*left: 20px;

}

.wrapper .content .recomCon .prolist .item:hover h3{ color:#009c4f;}














/******animated*****/
.animate-zhuan {
  animation: Swing1 5s infinite;
  transform: rotate(-5deg);
  -webkit-animation: Swing1 5s infinite;
  -webkit-transform-origin: 50% -50px;
  -webkit-transform: rotate(-5deg);
  -moz-animation: Swing1 5s infinite;
  -moz-transform-origin: 50% -50px;
  -moz-transform: rotate(-5deg);
  -ms-animation: Swing1 5s infinite;
  -ms-transform-origin: 50% -50px;
  -ms-transform: rotate(-5deg);
  -o-animation: Swing1 5s infinite;
  -o-transform-origin: 50% -50px;
  -o-transform: rotate(-5deg);
}
.animate-zhuan2 {
  animation: Swing2 4s infinite;
  transform: rotate(15deg);
  -webkit-animation: Swing2 4s infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: rotate(15deg);
  -moz-animation: Swing2 4s infinite;
  -ms-animation: Swing2 4s infinite;
  -o-animation: Swing2 4s infinite;
}
.animate-tel {
  animation: tada 1s linear infinite;
  transform-origin: 50% 50%;
  -webkit-animation: tada 1s linear infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: tada 1s linear infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: tada 1s linear infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: tada 1s linear infinite;
  -ms-transform-origin: 50% 50%;
}
@keyframes Swing1 {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
  }
}
@-moz-keyframes Swing1 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-o-keyframes Swing1 {
  0% {
    -oz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-ms-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes Swing2 {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
@-webkit-keyframes Swing2 {
  0% {
    -webkit-transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
  }
}
@-moz-keyframes Swing2 {
  0% {
    -moz-transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(-15deg);
  }
  100% {
    -moz-transform: rotate(15deg);
  }
}
@-ms-keyframes Swing2 {
  0% {
    -ms-transform: rotate(15deg);
  }
  50% {
    -ms-transform: rotate(-15deg);
  }
  100% {
    -ms-transform: rotate(15deg);
  }
}
@-o-keyframes Swing2 {
  0% {
    -o-transform: rotate(15deg);
  }
  50% {
    -o-transform: rotate(-15deg);
  }
  100% {
    -o-transform: rotate(15deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
