@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 14px;
  font-family: 'microsoft yahei';
  color: #3D3D3D; }

img {
  border: 0; }

ul {
  margin: 0; }

p {
  margin: 0; }

a, a:Hover {
  text-decoration: none;
  color: #333333; }

a:hover {
  color: #1977df; }

li {
  list-style: none; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px; }

.mt100 {
  margin-top: 100px; }

.mt110 {
  margin-top: 110px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

.mb20 {
  margin-bottom: 20px; }

.pt10 {
  padding-top: 10px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pt60 {
  padding-top: 60px; }

.pb10 {
  padding-bottom: 10px; }

.pb20 {
  padding-bottom: 20px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pl10 {
  padding-left: 10px !important; }

.pl20 {
  padding-left: 20px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr20 {
  padding-right: 20px !important; }

.clear {
  clear: both; }

.fl {
  float: left; }

.fr {
  float: right; }

body {
  position: relative; }

.container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  margin: 0 auto;
  right: 0;
  position: relative; }

.row {
  width: 1100px;
  margin: 0 auto; }
  
.ny_row {
  width: 1100px;
  margin: 0 auto; padding-top:120px; }

.big-row {
  width: 1250px; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.transition {
  transition: all 0.5s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s; }

/*
box model;
*/
ul.gdao li ul.pro-list li, .product-show ul li {
  float: left; }

.product-one .prolist ul li, .product-show .second-list a, .six-left .six-tel img {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

html {
  position: relative;
  width: 100%; }

body {
  min-width: 1200px;
  position: relative; }

.fp-section.fp-table {
  table-layout: inherit !important; }

.top-logo {
  height: 98px;
  background: #fff;
  position: fixed;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 999;
  -moz-box-shadow: 1px 0px 2px #000000;
  /* 鑰佺殑 Firefox */
  box-shadow: 1px 0px 2px #000000;
  display: table;
  width: 100%;
  min-width: 1100px; }

.toplogo {
  width: 17%;
  text-align: center;
  padding-left: 1%;
  position: absolute;
  left: 0; }

.toplogo img {
  position: relative;
  width: 100%;
  max-width: 197px; }

.toptel {
  position: absolute;
  right: 0;
  top: 0;
  width: 171px;
  padding-left: 1%;
  background: #ea4228;
  height: 98px; }
  .toptel span {
    font-size: .12rem;
    line-height: 1em;
    color: #ffffff; }
  .toptel p {
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    font-family: 'impact'; }

.nav_green {
  position: relative;
  height: 98px;
  width: 38.5%;
  margin: 0 auto;
  min-width: 560px; }

ul.gdao li {
  width: 12.5%;
  float: left;
  list-style: none;
  text-align: center;
  line-height: .3rem;
  position: relative;
  height: auto; }

ul.gdao li a {
  display: block;
  height: .3rem;
  text-align: center;
  position: relative; }

ul.gdao li b {
  position: relative;
  color: #000;
  font-size: .16rem;
  font-weight: normal;
  text-align: center;
  line-height: 98px;
  display: inline-block; }

ul.gdao li:hover b {
  color: #d50000; }

ul.gdao li span {
  color: #ffffff;
  font-family: 'Arial';
  line-height: 12px; }

ul.gdao li ul {
  width: 94px;
  top: 98px;
  line-height: 30px;
  position: absolute;
  z-index: 999;
  left: 0;
  display: none; }

ul.gdao li ul li {
  float: left;
  height: 40px;
  width: 94px;
  border-bottom: 1px dotted #fcf5c1;
  background: url(../images/imgbg5.png);
  line-height: 40px;
  position: relative; }

ul.gdao li ul li:hover {
  background: none;
  background-color: #fcf5c1;
  line-height: 40px;
  padding: 0; }

ul.gdao li ul li a {
  color: #fff;
  line-height: 40px;
  height: 40px;
  display: block;
  padding: 0;
  position: relative; }

ul.gdao li ul li:hover a {
  color: #333333; }

ul.gdao li ul.pro-list {
  width: 1100px;
  left: -400px; }

ul.gdao li ul.pro-list li {
  width: 183px;
  height: 260px;
  background: url(../images/imgbg5.png); }
  ul.gdao li ul.pro-list li a {
    color: #ffffff; }
    ul.gdao li ul.pro-list li a:hover {
      color: #fff58b !important; }
  ul.gdao li ul.pro-list li a.topic {
    height: 100px; }
    ul.gdao li ul.pro-list li a.topic img {
      width: 168px;
      height: 98px;
      border: 1px solid #cfcfcf; }
  ul.gdao li ul.pro-list li dl dd a {
    font-size: 12px;
    height: 26px;
    line-height: 26px; }
  ul.gdao li ul.pro-list li:hover {
    background-color: #2744da; }
    ul.gdao li ul.pro-list li:hover a {
      color: #ffffff; }

ul.gdao li ul li ul {
  position: absolute;
  width: 171px;
  height: 50px;
  left: 12.5%;
  top: 0;
  display: none; }

ul.gdao li ul li:hover ul {
  display: none; }

ul.gdao li ul li:hover ul li a {
  color: #ffffff; }

ul.gdao li ul li ul li {
  width: 171px;
  height: 40px;
  background-color: #666666; }

ul.gdao li ul li ul li:hover a {
  color: #ffffff;
  display: block;
  width: 12.5%;
  height: 40px;
  background-color: #333333; }

ul.gdao li ul li ul li a:Hover {
  color: #333333;
  background-color: #fcf5c1; }

ul.gdao li ul div.toplei {
  width: 152px;
  padding: 10px;
  border-left: 1px #cccccc solid;
  overflow: hidden;
  height: auto; }

ul.gdao li ul .tflda a {
  font-weight: 900;
  font-size: 14px; }

ul.gdao li ul .tflxa a {
  display: block;
  width: 100%;
  text-align: left;
  line-height: 24px;
  height: 24px; }

.fp-controlArrow.fp-prev {
  left: 10% !important;
  border-width: 0 !important;
  background: url(../images/slide-prev.png) no-repeat !important;
  width: 70px !important;
  height: 192px !important; }

.fp-controlArrow.fp-next {
  right: 10% !important;
  border-width: 0 !important;
  background: url(../images/slide-next.png) no-repeat !important;
  width: 70px !important;
  height: 192px !important; }

.slide .fp-tableCell {
  position: absolute !important; }

.fp-slide {
  background-size: auto !important; }

.section-two .fp-tableCell {
  background: url(../images/section-two.jpg) no-repeat center 100%; }

.section-two .row {
  height: 100%; }

.slogan {
  position: relative;
  width: 60.5%;
  height: 80%;
  margin-top: 20%; }
  .slogan .purpose {
    width: 50%;
    position: relative;
    height: 35%;
    padding-top: 5%; }
    .slogan .purpose .icon {
      text-align: center;
      height: 33%; }
    .slogan .purpose h4 {
      font-size: 0.35rem;
      text-align: center; }
    .slogan .purpose p {
      font-style: .14rem;
      padding: .2rem;
      text-align: center; }
  .slogan .one {
    background-color: #d10b0b; }
    .slogan .one .icon img {
      width: 19%; }
    .slogan .one h4 {
      color: #ffffff; }
    .slogan .one p {
      color: #ffffff; }
  .slogan .two {
    background-color: #fff58b; }
    .slogan .two .icon img {
      width: 24.8%; }
    .slogan .two h4 {
      color: #000; }
    .slogan .two p {
      color: #000; }
  .slogan .three {
    background-color: #fff; }
    .slogan .three .icon img {
      width: 17.6%; }
    .slogan .three h4 {
      color: #d10b0b; }
    .slogan .three p {
      color: #000; }
  .slogan .four {
    background-color: #d10b0b; }
    .slogan .four .icon img {
      width: 18.8%; }
    .slogan .four h4 {
      color: #ffffff; }
    .slogan .four p {
      color: #ffffff; }

.purpose-title {
  margin-top: 40%;
  width: 34.4%;
  position: relative; }
  .purpose-title p {
    color: #32c2ca;
    font-size: .72rem;
    line-height: .72rem; }
  .purpose-title h2 {
    font-size: .31rem;
    margin-top: .2rem; }

.section-three .fp-tableCell {
  background: url(../images/section-three.jpg) no-repeat;
  height: 90%;
  padding-top: 10%;
  position: relative; }

.section-three .row, .section-three .fp-tableCell {
  height: 100% !important;
  position: relative; }

.product-one {
  position: relative;
  height: 100%; }
  .product-one .prolist {
    overflow: hidden; }
    .product-one .prolist ul {
      position: relative;
      height: 100%;
      text-align: center; }
      .product-one .prolist ul li {
        text-align: center;
        width: 1.14rem;
        height: 1.28rem;
        margin: 0 2.7%; }
        .product-one .prolist ul li a {
          width: 1.14rem;
          height: 0.9rem;
		  padding-top:0.38rem;
          line-height:0.5rem;
          display: block;
          text-align: center;
          color: #ffffff;
          font-size: .18rem;
          background: url(../images/pro-title.png) no-repeat center;
          background-size: 100%; }
          .product-one .prolist ul li a:hover {
            background: url(../images/pro-title-two.png) no-repeat center;
            background-size: 100%; }
        .product-one .prolist ul li.on a {
          color: #ffffff;
          background: url(../images/pro-title-two.png) no-repeat center; }
          .product-one .prolist ul li.on a img {
            -webkit-filter: grayscale(0);
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            -moz-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            -o-transform: scale(1, 1); }

.product-show {
  overflow: hidden;
  margin-top: .3rem;
  height: 70%;
  position: relative; }
  .product-show .second-list {
    margin: 10px 0; }
    .product-show .second-list a {
      border: 1px solid #0b5a9f;
      padding: 0 10px;
      margin: 0 10px;
      line-height: 30px; }
      .product-show .second-list a:hover {
        color: #ffffff;
        background-color: #ff0902; }
  .product-show ul {
    width: 1160px;
    overflow: hidden;
    position: relative;
    height: 100%; }
    .product-show ul li {
      margin-right: 1.2%;
      position: relative;
      width: 24%;
      height: 42%;
      margin-bottom: 1.27%;
      overflow: hidden; }
      .product-show ul li a span {
        padding: 0 3%;
        display: block;
        width: 94%;
        height: 1.54rem;
        bottom: -1.2rem;
        left: 0;
        position: absolute;
        text-align: center;
        background: url(../images/imgbg3.png);
        line-height: .35rem;
        color: #ffffff; }
        .product-show ul li a span p {
          color: #ffffff;
          font-size: .12rem;
          line-height: .18rem;
          margin-top: .14rem; }
      .product-show ul li a img {
        width: 100%;
        height: 50%;
        position: relative; }
      .product-show ul li a:hover span {
        bottom: 0;
        font-size: .24rem; }
      .product-show ul li.first {
        width: 44.3%;
        height: 87%; }
        .product-show ul li.first a span {
          text-align: left; }
        .product-show ul li.first a img {
          height: 100%;
          position: relative; }

.section-four .fp-tableCell {
  background: url(../images/section-four.jpg) no-repeat; }

.about-left {
  position: relative;
  width: 65.2%; }
  .about-left h2 {
    font-size: 44px;
    color: #d10101;
    line-height: 100px; }
  .about-left p {
    line-height: 32px;
    font-size: 15px; }
	.about-left .tit{ background:url(../images/about-left2.jpg) left top no-repeat; height:300px; padding-left:178px;}
  .about-left img {
}

.about-right {
  position: relative;
  width: 22.7%; }

.section-five .fp-tableCell {
  background: url(../images/section-five.jpg) no-repeat;
  overflow: hidden; }

.section-five .row {
  width: 1100px !important;
  overflow: hidden; }

.case-title {
  text-align: center;
  position: relative;
  overflow: hidden; }
  .case-title h2 {
    color: #ffffff;
    font-size: 38px;
    line-height: 72px;
    text-align: center; }
  .case-title p {
    color: #ffffff;
    text-align: center; }

.jcImg {
  height: 460px;
  position: relative;
  overflow: hidden; }

#myRoundabout {
  position: relative; }
  #myRoundabout ul {
    position: relative; }
    #myRoundabout ul li {
      height: 307px;
      width: 410px; }

.slider_carousel {
  position: absolute;
  width: 900px; }

.roundabout-holder {
  padding: 0;
  height: 400px;
  position: absolute;
  width: 800px;
  margin: 0 0 0 140px; }

.roundabout-moveable-item {
  border: 0;
  list-style: none;
  width: 383px;
  height: 306px;
  -moz-box-shadow: 0 20px 20px -10px #000000;
  box-shadow: 0 20px 20px -10px #000000;
  -webkit-box-shadow: 0px 20px 20px -10px #000000; }

.roundabout-moveable-item img {
  width: 100%;
  height: 100%;
  display: block; }

.round_conrol {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 34px;
  padding: 0 0 0 0; }

#bt-previous {
  position: absolute;
  width: 34px;
  height: 34px;
  display: block !important;
  background: url(../images/fan_left.png) no-repeat left;
  left: 0;
  top: -200px;
  cursor: pointer;
  text-indent: -9999px; }

#bt-next {
  position: absolute;
  width: 34px;
  height: 34px;
  display: block !important;
  background: url(../images/fan_right.png) no-repeat left;
  right: 120px;
  top: -200px;
  cursor: pointer;
  text-indent: -9999px; }

.round_but {
  position: absolute;
  display: block;
  width: 24px;
  height: 22px;
  cursor: pointer; }

.section-six .fp-tableCell {
  background: url(../images/section-six.jpg) no-repeat;
  height: 100%;
  position: relative; }

.section-six .fp-tableCell .row {
  position: relative;
  height: 92%;
  padding-top: 8%;
  overflow: hidden; }

.six-left {
  width: 470px; }
  .six-left .section-six-title {
    background: url(../images/section-six-title.png) right top no-repeat;
    height: 163px; }
    .six-left .section-six-title h2 {
      font-size: 38px;
      color: #ff0902;
      padding-top: 100px; }
  .six-left .six-tel img {
    vertical-align: middle;
    line-height: 50px; }
  .six-left .six-tel span {
    font-size: 36px;
    line-height: 50px;
    vertical-align: middle;
    color: #ff0902;
    font-style: italic; }
  .six-left .six-tel b {
    font-family: Impact;
    line-height: 50px;
    vertical-align: middle;
    font-size: 34px;
    color: #d10b0b; }

.six-right {
  width: 577px; }
  .six-right ul li {
    height: 145px;
    background: url(../images/imgbg4.png);
    position: relative;
    z-index: 1;
    margin-bottom: 7px; }
    .six-right ul li a {
      display: block;
      padding: 20px;
      height: 105px;
      overflow: hidden;
      position: relative;
      z-index: 1; }
      .six-right ul li a .left-img {
        width: 158px;
        height: 100px;
        z-index: 1;
        position: relative; }
      .six-right ul li a .right-des {
        width: 360px;
        z-index: 1;
        position: relative; }
        .six-right ul li a .right-des h5 {
          font-size: 16px;
          color: #d10b0b;
          line-height: 36px; }
        .six-right ul li a .right-des p {
          font-size: 12px; }
      .six-right ul li a .triangle {
        position: absolute;
        width: 798px;
        height: 799px;
        background: url(../images/six-news-back.png) no-repeat;
        left: 540px;
        top: 0;
        z-index: 0; }
      .six-right ul li a .jia {
        color: #ffffff;
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 2; }
      .six-right ul li a:hover .right-des h5 {
        color: #ffffff; }
      .six-right ul li a:hover .right-des p {
        color: #ffffff; }
      .six-right ul li a:hover .triangle {
        left: -140px; }

.section-seven .fp-tableCell {
  background: url(../images/section-seven.jpg) no-repeat;
  height: 100%;
  position: relative; }

.seven-left {
  width: 637px; }
  .seven-left .bottom-contact {
    width: 515px;
    height: 299px;
    background: url(../images/bottom-contact.png) no-repeat; }
    .seven-left .bottom-contact p {
      padding-left: 65px;
      color: #ffffff;
      line-height: 49px;
      font-size: 16px; }
  .seven-left .bottom-cate {
    color: #fff79f;
    font-size: 12px; }

.seven-right {
  width: 278px; }

.bottom-index {
  background: url(../images/bottom-back.png);
  height: 56px;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center; }
.bottom-index p {
    color: #ffffff;
    text-align: center;
    font-size: .12rem;
    line-height: 56px;
    position: relative; }
.bottom-index a{ color:#fff; font-weight:bold;}

@media screen and (max-width: 1540px) {
  .toptel p {
    font-size: 19px;
    line-height: 30px; } }
@media screen and (max-width: 1240px) {
  .toptel p {
    font-size: 17px; } }
@media screen and (max-width: 1100px) {
  .toptel {
    right: 111px; }

  .toplogo {
    padding-left: 2%; }

  .bottom p {
    transform: scale(0.9);
    transform-origin: 0 0;
    -ms-transform: scale(0.9);
    /* IE 9 */
    -ms-transform-origin: 0 0;
    /* IE 9 */
    -webkit-transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    -moz-transform: scale(0.9);
    /* Firefox */
    -moz-transform-origin: 0 0;
    /* Firefox */
    -o-transform: scale(0.9);
    /* Opera */
    -o-transform-origin: 0 0;
    /* Opera */ } }

/*# sourceMappingURL=index.css.map */


/*内页样式wy添加*/


.h20{ width:100%; height:20px; margin:0 auto;}
.h30{ width:100%; height:30px; margin:0 auto;}
.h50{ width:100%; height:50px; margin:0 auto;}
.h80{ width:100%; height:80px; margin:0 auto;}

.nr16{  font-size:16px; line-height:30px; color:#333;}
.nr162{  font-size:16px; line-height:30px; color:#333;}

.nr18{  font-size:18px; line-height:40px; color:#333;}
.nr18 td{ border-bottom:solid 1px #ddd; font-size:18px; line-height:40px;}


#bass_box{ width:100%; height:60px; background:#fff; border-bottom:solid 1px #ddd; margin-bottom:50px;}
#bass_box .bass{ width:1075px; height:60px; margin:0 auto; font-size:14px; line-height:60px; color:#333; background:url(../images/home.png) left center no-repeat; padding-left:25px;}
#bass_box .bass a{ color:#ff0902; text-decoration:none;}


.news3 li{ width:1170px; height:180px;font-family:"Microsoft Yahei"; font-weight:normal; margin:40px 10px; border:solid 1px #ddd;-webkit-transition: 0.4s;-webkit-transition: -webkit-transform 0.4s ease-out;transition: transform 0.4s ease-out;-moz-transition: -moz-transform 0.4s ease-out;}

.news_l{ width:220px; height:180px; float:left;}
.news_l img{ width:200px; height:160px; margin:10px;}
.news_r{ width:940px; height:180px; float:left;}
.news_tt{  color:#d10b0b;}
.news_tt a{ color:#d10b0b; line-height:40px; text-decoration:none;font-size:16px; padding-top:10px;}
.news_tt a:hover{ color:#ff0000;}
.news_nr{ font-size:14px; color:#555; line-height:24px;}
.news_time{font-size:14px; text-align:left; line-height:30px; color:#999; font:italic;}
.news3 li:hover{transform: scaleX(1.1) scaleY(1.1); -webkit-box-shadow:0 2px 20px rgba(8,104,193,.55);-moz-box-shadow:0 2px 20px rgba(8,104,193,.55);box-shadow:0 2px 20px rgba(8,104,193,.55);}


.ny_title3{ width:880px; height:40px; background:#1e60c0; color:#fff; font-size:18px; font-weight:bold; margin:0 auto; clear:both; line-height:40px; padding-left:10px;}
.ny_love{ width:888px; height:220px; border:solid 1px #ccc; margin:0 auto;}

.page22{ width:100%; height:40px; margin:0 auto; line-height:40px; font-size:16px;}
.page22 li{ width:46%; height:40px; float: left; text-align:center; margin:1%; font-size:16px; border:solid 1px #ccc;}
.page11{ line-height:40px; font-weight:bold; color:#333;}
.page11 i{ color:#999; font-size:16px; font-weight:normal;}

#nyba{ width:100%; height:500px;margin-top:100px; }
#xwba{ width:100%; height:360px; background:url(../images/xwba.jpg) top center no-repeat;}
#contactba{ width:100%; height:360px; background:url(../images/contactba.jpg) top center no-repeat;}

.ny_cplei{ width:1060px; height:100px; margin:0 auto 20px auto;}
.ny_cplei ul li{ width:147px; height:40px; background:#ddd; text-align:center; float:left; margin:5px 2px;display:block;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
}
.ny_cplei ul li a{ width:147px; height:40px; background:#ddd; text-align:center; display:block; font-size:16px; line-height:40px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;
}
.ny_cplei ul li a:hover{ background:#d10b0b; color:#fff;
}

.ny_cplei ul li .curument{background:#d10b0b; color:#fff; font-weight:bold; }

.product-show2{ width:1100px; height:260px; margin:0 auto 30px auto;}
.product-show2 li{ width:260px; height:240px; background:#ff0000; float:left; margin:7px;}
.product-show2 li a img{ width:260px; height:210px; border:0; margin:0; padding:0;}
.product-show2 li a span{ font-size:14px; background:#ddd; color:#000; height:40px; width:260px; line-height:40px; display:block; text-align:center;bottom:10px;position: relative;}
.product-show2 .transition:hover{ background:#1c2661; color:#fff;height:40px; width:260px;}

.product-show ul li a img{
	height: auto;
}






