@charset "utf-8";
#flashs{ position:relative; height:560px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:10px; left:50%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.on{  background:#1AB6B3;}
/*Banner_end*/
.rearch{ height: 41px; padding: 22px 0px;}
.rearch .container{ overflow: hidden;}
.rearch .hotword{ height: 41px; line-height: 41px; float:left; width: 520px; overflow: hidden; margin-left: 20px;}
.rearch .hotword *{ display: inline-block;  font-size: 13px; color: #4c4c4c; margin-left:5px;}
.rearch .hotword span{ margin-right: 8px;}
.rearch .rsbox{ width: 295px; height: 41px; float: right; background: #f1f1f1;}
.rearch .rsbox .cont_text{ float: left; width: 220px; margin-left: 15px; height: 15px; border: none; outline: none; background: none; padding: 13px 0px;}
.rearch .rsbox .cont_btn{ float: right; width: 51px; height: 41px; background:url(../images/rsbtn.jpg) no-repeat; cursor: pointer; outline: none; border: none;}
/*-- 搜索_end --*/
.cpcenter{}
.cpcenter .container{ overflow: hidden; padding-bottom: 30px; * padding-bottom: 30px;}
.cpcenter .Leftlist{ width: 240px; float: left; overflow: hidden; padding-bottom: 3px;}
.cpcenter .Leftlist h4{ width: 240px; height: 66px; padding-top: 20px; background:url(../images/cpttbg.png) no-repeat; text-align: center;}
.cpcenter .Leftlist h4 a{ font-size: 22px; color: #fff; text-decoration: none;}
.cpcenter .Leftlist h4 span{ display: block; font-size: 14px; font-weight: normal; color: #5dcbc9; text-transform: uppercase; padding-top: 5px;}
.sortlist{}
.sortlist dl{ overflow: hidden; padding-bottom: 6px; background: #f5f5f5;}
.sortlist dl dt{ height: 60px; line-height: 60px; margin-bottom: 6px; background:#e0e0e0 url(../images/cpdtbg.png) no-repeat 34px center; padding-left: 58px; padding-right: 10px;}
.sortlist dl dt a{ font-size: 14px; color: #1b1b1b; display: inline-block; width: 100%; height: 60px; line-height: 60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sortlist dl dd{ height: 37px; padding-left: 60px; padding-right:10px; background:url(../images/cpddbg_h.png) no-repeat 39px center;}
.sortlist dl dd a{ display: inline-block; width: 100%; height: 37px; text-decoration: none; line-height: 37px; font-size: 12px; color: #404040; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sortlist dl dd:hover{background:url(../images/cpddbg.png) no-repeat 39px center;}
.sortlist dl dd:hover a{ color: #309494;}
/*Leftlist_end*/
.Rightshow{ width: 718px;  overflow: hidden; float: right; }
.cpshow{ overflow:hidden; padding-top:20px;}
.cpshow li{ float:left;width:160px;text-align:center; margin-right: 12px; }
.cpshow li.noMl{ margin-right:0;}
.cpshow li img{ display:block; border:1px solid #d3d3d3;}
.cpshow li h4{ line-height:20px;height:40px;}
.cpshow li h4 a{ font-size:14px; color:#309494;}
/*Rightshow_end*/
/*-------------- 产品中心_end ---------------*/
.Hbsys{ overflow: hidden;}
.Hbsys .ysbg{ height:1842px; position: relative; z-index: 5;}
.Hbsys .ysbg1{background:url(../images/ys_01.jpg) no-repeat center top;}
.Hbsys .Hbsyscont{ height: 1842px; margin-top: -1842px; position: relative; overflow: hidden; position: relative; z-index: 10; }
.Hbsyscont .hotline{ width: 227px; height: 44px; padding-left: 18px; padding-top: 3px; padding-bottom: 2px; background: #1ab6b3; position: absolute; top: 102px; right: 172px;}
.Hbsyscont .hotline dt{ float: left;}
.Hbsyscont .hotline dt img{ display: block; margin-top: 10px;}
.Hbsyscont .hotline dd{ padding-left: 38px;}
.Hbsyscont .hotline dd span{ font-size: 14px; color: #fff;}
.Hbsyscont .hotline dd p{ font-family: "Arial"; font-size: 24px; color: #fff;}

.Hbsyscont .text{ overflow: hidden; width: 385px; position: absolute;}
.Hbsyscont .text h5{ font-size: 20px; color: #333333; padding-left: 72px;}
.Hbsyscont .text p{ font-size: 13px; color: 3333333; padding-left: 72px;}
.Hbsyscont .text ul{ overflow: hidden; margin-top: 25px;}
.Hbsyscont .text ul li{ line-height: 26px; font-size: 14px; color: #333333; background:url(../images/point.png) no-repeat left 11px; padding-left: 15px;}
.Hbsyscont .text ul li em{ font-weight: bold; font-size: 14px; color: #1ab6b3;}

.Hbsyscont .text1{ top: 273px; left: 576px;}
.Hbsyscont .text2{ top: 562px; left: 16px; width: 478px;}
.Hbsyscont .text3{ top: 833px; left: 576px; width: 408px;}
.Hbsyscont .text4{ top: 1077px; left: 16px; width: 478px;}
.Hbsyscont .text5{ top: 1338px; left: 576px; width: 398px;}
/*-- 优势_end --*/

.Map{ height: 891px; background:url(../images/map.jpg) no-repeat center top;}
.Map .Mapcont{ overflow: hidden; height: 891px; position: relative;}

.Map .cmmap{ position: absolute; width: 21px; height: 29px; background:url(../images/ditu2.png) no-repeat;}
.Map .Mditu1{top: 341px; left: 810px;}
.Map .Mditu2{top: 372px; left: 750px;}
.Map .Mditu3{top: 295px; left: 732px;}
.Map .Mditu4{top: 280px; left: 315px;}
.Map .Mditu5{top: 386px; left: 240px;}
.Map .Mditu6{top: 324px; left: 114px;}
.Map .Mditu7{top: 506px; left: 82px;}
.Map .Mditu8{top: 350px; left: 212px;}
.Map .Mditu9{top: 461px; left: 50px;}
.Map .Mditu10{top: 533px; left: 912px;}
.Map .Mditu11{top: 558px; left: 939px;}
.Map .Mditu12{top: 280px; left: 415px;}
.Map .Mditu13{top: 341px; left: 390px;}
.Map .Mditu{ width: 32px; height: 46px; top: 380px; left: 345px; background:url(../images/ditu1.png) no-repeat; position: absolute;}
.Map .person{ display: none; width: 292px; height: 386px; position: absolute; background:url(../images/person.png) no-repeat; bottom: 65px; left: 465px;}
.Map .calmt{ width: 418px; height: 394px;filter:alpha(opacity=0); opacity:0; background:url(../images/jxie.png) no-repeat; position: absolute; left: 0px; bottom: 8px;}
.Map .ccm{ display: none;}
.Map .cmmap{ display: none;}
.Map .cxian{ display: block;}
.personUp{}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*-- 地图_end --*/


.Cstpj{ height: 577px; background:url(../images/khpj.jpg) no-repeat center top;}
.Cstpj .container{ padding-top: 54px;}
.Cstpj h5{ height: 30px; line-height: 30px; text-align: center; width: 100%;}
.Cstpj h5 a{ font-size: 30px; color: #000000;}
.Cstpjtop{ margin-top: 45px; position: relative;}
.Cstpjtop ul{ overflow: hidden; width: 1000px;}
.Cstpjtop ul li{ float: left; width: 225px; text-align: center; margin-right: 20px; position: relative;}
.Cstpjtop ul li img{ display: block; border: 5px solid #121212;}
.Cstpjtop ul li p{ height: 25px; line-height: 25px; margin-top: 3px; padding: 0px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Cstpjtop ul li p a{ font-size: 13px; color: #242424;}
.Cstpjtop .btn{ display: block; width: 34px; height: 35px; position: absolute; top: 105px;}
.Cstpjtop .prev{ left: -43px; background:url(../images/prev.png) no-repeat;}
.Cstpjtop .next{ right: -43px; background:url(../images/next.png) no-repeat;}
.Cstpjtop ul li .overlay{ display: none; background:url(../images/yloverbg.png); width: 225px; height: 225px; position:absolute; left: 0px; top: 0px;}
/*.Cstpjtop .prev:hover{ left: -43px; background:url(../images/prev_h.png) no-repeat}
.Cstpjtop .next:hover{ right: -43px; background:url(../images/next_h.png) no-repeat}*/

.Cstpjdown{ overflow: hidden; margin-top: 25px; height: 159px; padding-top: 32px; background:url(../images/banner3.jpg) no-repeat center top;}
.Cstpjdown .holine{ float: right; margin-right: 28px;}
.Cstpjdown .holine dl{ overflow: hidden;}
.Cstpjdown .holine dl dt{ float: left;}
.Cstpjdown .holine dl dt img{ display: block;}
.Cstpjdown .holine dl dd{padding-left: 48px;}
.Cstpjdown .holine dl dd span{ font-size: 14px; color: #fff;}
.Cstpjdown .holine dl dd p{ font-size: 20px; font-family: "Arial"; color: #fff; font-weight: bold;}
.Cstpjdown .ljzx{ display: block; width: 141px; height:47px; margin-top: 6px; text-decoration: none; margin-left: 26px; line-height: 47px; font-weight: bold; font-size: 18px; color: #e79800; text-align: center; background:url(../images/zxbtn1.png) no-repeat center top;}
/*- 荣誉_end --*/


.Gtcpny{background:url(../images/gtgs.jpg) no-repeat center top; height: 350px; width:100%; *margin-top:-1px;}
.Gtcpny .container{ padding-top: 28px;}
.Gtcpny .Gtcpny_l{ width: 420px; height: 290px; background:url(../images/overlay.png); float: left; position: relative;}
.Gtcpny .Gtcpny_l ul{ width: 400px; height: 270px; float: left; margin-left: 10px; margin-top: 10px; position: relative; z-index: 5;}
.Gtcpny .Gtcpny_l ul li{width: 400px; height: 270px;}
.Gtcpny .Gtcpny_l ul li img{ display: block;}
.Gtcpny .Gtcpny_l .Afocus{ position: absolute; bottom: 25px; left: 0px; width: 100%; text-align: center; height: 10px; line-height: 10px; z-index: 8;}
.Gtcpny .Gtcpny_l .Afocus span{ display: inline-block; width: 9px; cursor: pointer; height: 9px; margin: 0px 3px; background:url(../images/yuan.png) no-repeat;}
.Gtcpny .Gtcpny_l .Afocus span.cur{background:url(../images/yuan_h.png) no-repeat;}
.Gtcpny .Gtcpny_r{ width: 497px; float: right; padding-top: 20px; padding-right: 15px;}
.Gtcpny .Gtcpny_r h4{ font-size: 22px; color: #fff; font-weight: normal;}
.Gtcpny .Gtcpny_r span{ width: 399px; height: 42px; display: inline-block; margin-top: 10px; margin-bottom: 14px; color: #fff; }
.Gtcpny .Gtcpny_r h5{ font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Gtcpny .Gtcpny_r h5 a{ font-size: 18px; color: #fff;}
.Gtcpny .Gtcpny_r p{ line-height: 26px; font-size: 14px; color: #fff; height: 130px; margin-top: 6px;}
/*-- 走_end --*/


.gsxc{background:url(../images/cmbg.jpg);*margin-top:-1px;}
.gsxc .container{}
.gsxccont{ position: relative;}
.gsxccont>div{width: 960px; margin: 0 auto;}
.gsxccont ul{ overflow: hidden; width: 960px; margin: 0 auto;}
.gsxccont ul li{ float: left; width: 226px; text-align: center; margin: 0px 7px;}
.gsxccont ul li img{ display: block; background: #fff; padding: 5px 5px;}
.gsxccont ul li p{ height: 30px; line-height: 30px; margin-top: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gsxccont ul li p a{ font-size: 14px;  color: #fff; font-weight: bold;}
.gsxccont .btn{ display: block; width: 28px; height: 28px; position: absolute; top: 70px;}
.gsxccont .prev{ left: -26px; background:url(../images/xcprev_h.png) no-repeat;}
.gsxccont .next{ right: -26px; background:url(../images/xcnext_h.png) no-repeat;}
.gsxccont .prev:hover{ left: -26px; background:url(../images/xcprev.png) no-repeat;}
.gsxccont .next:hover{ right: -26px; background:url(../images/xcnext.png) no-repeat;}
/*-- 公司相册_end --*/


.gsdt{background:url(../images/cmbg.jpg); *margin-top:-1px;}
.gsdt .container{ overflow: hidden; padding-top: 28px; padding-bottom: 32px;}
.gsdt .gsdt_l{ width: 625px; padding: 15px 15px; background: #fff; float: left; border: 3px solid #6ab3b0;}
.gsdt_l .topst{ height: 32px; border-bottom: 1px solid #dcdcdc; margin-bottom:22px;}
.gsdt_l .topst ul{ height: 32px; float: left;}
.gsdt_l .topst ul li{ float: left; height: 32px; margin-right: 40px; position: relative;}
.gsdt_l .topst ul li i{ position: absolute; font-style: normal; right: -26px; top: -5px; height: 32px; line-height: 32px; font-size: 18px; color: #2c9390; font-weight: bold;}
.gsdt_l .topst ul li a{ display:inline-block; padding: 1px 1px; text-decoration: none; font-size: 16px; color: #030303;}
.gsdt_l .topst ul li.cur,.gsdt_l .topst ul li:hover{ border-bottom: 2px solid #2c9390;}
.gsdt_l .topst ul li.cur a,.gsdt_l .topst ul li:hover a{ color: #2c9390; font-weight: bold;}

#more_span{ float:right; *margin-left:305px;}
.gsdt_l .topst .smore{ display: inline-block; text-transform: uppercase; color: #434343; font-size: 13px; float:left;}
.gsdt_l .dtchbox{ margin-top: 23px;}
.gsdt_l .chtext{ overflow: hidden;}
.gsdt_l .chtext dl{ overflow: hidden;}
.gsdt_l .chtext dl dt{ float: left;}
.gsdt_l .chtext dl dt img{ display: block;}
.gsdt_l .chtext dl dd{ padding-left: 220px;}
.gsdt_l .chtext dl dd h5{ height: 23px; line-height: 23px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gsdt_l .chtext dl dd h5 a{ font-size: 14px; color: #000000;}
.gsdt_l .chtext dl dd p{ line-height: 26px; color: #000000; font-size: 13px; height: 104px; overflow: hidden;}
.gsdt_l .chtext dl dd p a{ font-weight: bold; font-size: 14px; color: #2c9390;}
.gsdt_l .chtext .dtnews{ overflow: hidden; width: 710px; margin-top: 8px;}
.gsdt_l .chtext .dtnews li{ float: left; height: 40px; margin-right: 12px; margin-top: 6px; margin-bottom: 6px; background: #eeeeee; width: 312px;}
.gsdt_l .chtext .dtnews li h5{ float: left; width: 61px; background: #999999; font-weight: normal; padding-top: 2px; height: 38px; float: left; text-align: center;}
.gsdt_l .chtext .dtnews li h5 span{ display: block; font-size: 12px; color: #fff; font-family: "Arial"; line-height:20px;}
.gsdt_l .chtext .dtnews li h5 em{ font-size: 12px; color: #fff; font-family: "Arial";}
.gsdt_l .chtext .dtnews li:hover h5{background: #2c9390;}
 
.gsdt_l .chtext .dtnews li>div{ padding-left: 54px;}
.gsdt_l .chtext .dtnews li>div p{ height: 40px; line-height: 40px;}
.gsdt_l .chtext .dtnews li>div p a{ font-size: 13px; color:#404040;}
/*-- gsdt_l_end --*/

.gsdt_r{ width: 265px; float: right; padding: 15px 15px; background: #fff; border: 3px solid #6ab3b0;}
.gsdt_r h5{ overflow: hidden; width: 100%; background:url(../images/xian.png) left bottom no-repeat; height: 32px; line-height: 32px; margin-bottom:15px;}
.gsdt_r h5 *{ display: inline-block;}
.gsdt_r h5 em{ float: left;}
.gsdt_r h5 em .bt{ float: left; font-size: 16px; color: #000000; font-weight: bold;}
.gsdt_r h5 em span{ font-size: 16px; color: #d6d6d6; margin-left: 3px; font-family: "Arial"; font-weight: normal; text-transform: uppercase;}
.gsdt_r h5 .smore{ font-size: 28px; color: #000; float: right; text-decoration: none; margin-right: 5px;}

.flquetion{ margin-top: 15px; height: 306px; overflow: hidden;}
.flquetion dl{ overflow: hidden; border-bottom: 1px solid #dadada;}
.flquetion dl dt{ height: 25px; line-height: 25px; margin-bottom: 4px; background:url(../images/wen.jpg) left center no-repeat; padding-left: 28px;}
.flquetion dl dt a{ font-size: 12px; color: #303030; font-weight: bold;}
.flquetion dl dd{ height: 50px; line-height: 25px; padding-left: 28px; background:url(../images/da.jpg) left 3px no-repeat; font-size: 12px; color: #646464; overflow: hidden;}

/*!------------ 动态_end ----------------*/


.frlink{background:url(../images/cmbg.jpg); *margin-top:-1px;}
.frlink .container{ overflow: hidden; border-top: 2px solid #4ea4a2;}
.frlink .frlink_l{ float: left; background:url(../images/ylicon.png) no-repeat left center; padding-left: 52px; padding-top: 18px; padding-bottom: 18px;}
.frlink .frlink_l h5{ padding-bottom: 4px;}
.frlink .frlink_l .yqlj{ font-size: 16px; color: #fff;}
.frlink .frlink_l .sqrk{ font-size: 13px; color: #fff;}
.frlink ul{ width: 778px; float: right; overflow: hidden; margin-top: 14px;}
.frlink ul li{ float: left; height: 14px; line-height: 14px; border-left: 1px dotted #4ea4a2; margin-top: 5px; margin-bottom: 5px; margin-left: -1px;}
.frlink ul li a{ display: inline-block; padding: 0px 21px; font-size: 13px; color: #fff;}
/*-- 友情链接_end --*/



/*css3*/

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}


.Rightshow ul li:hover h5 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}
.Rightshow ul li:hover p {
   -webkit-transform: translateX(0px) rotate(0deg);
   -moz-transform: translateX(0px) rotate(0deg);
   -o-transform: translateX(0px) rotate(0deg);
   -ms-transform: translateX(0px) rotate(0deg);
   transform: translateX(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}