@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  text-align: left;
  
  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; }
.mb10 {
  margin-bottom: 10px; }
.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: 1200px;
  margin: 0 auto; }

.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: 108px;
  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: 1200px; }

.toplogo {
  width: 18%;
  text-align: center;
  padding-left: 1%;
  position: absolute;
  left: 0; }

.toplogo img {
  position: relative;
  max-width: 372px;
  width:100%;
}

.toptel {
  position: absolute;
  right: 0;
  top: 0;
  width: 9%;
  padding-left: 1%;
  background: #2d3e98;
  height: 108px; }
  .toptel span {
    font-size: .12rem;
    line-height: 1em;
    color: #ffffff; }
  .toptel p {
    color: #ffec13;
    font-size: 24px;
    line-height: 36px;
    font-family: 'impact'; }

.nav_green {
  position: relative;
  height: 98px;
  width: 50%;
  margin: 0 auto;
  min-width: 560px; }

ul.gdao li {
  float: left;
  list-style: none;
  text-align: center;
  line-height: .3rem;
  position: relative;
  height: auto; margin:0 1%;
   }

ul.gdao li a {
  display: block;
  height: .3rem;
  text-align: center;
  position: relative; 
  color: #000;
  font-size: .2rem;
  font-weight: normal;
  text-align: center;
  line-height: 108px;
  display: inline-block;}
  ul.gdao li a:hover{
  	color: #066cd3;
  }


.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-three .fp-tableCell {
	
 background: url(../images/section-three.jpg) no-repeat; }

.section-three .row {
	  }

.slogan {
  position: relative;
  width: 60.5%;
  margin-top: 20%; }

.purpose-title {
  width: 100%;
  position: relative;
  text-align: center;}
  .purpose-title p {
    color: #fff;
    font-size: .2rem;
    line-height: .5rem;
    text-align: center;
    margin-bottom: .4rem;
     }
  .purpose-title h2 {
    font-size: .6rem;
    margin-top: .2rem;
    color: #fff;
    text-align: center;
    }
    
ul.ys{ 
    width:7.5rem;
    position: relative;
	margin: 0 auto;

}
ul.ys li{
	width: 2.1rem;
	height:2.1rem;
	background: #fff;
	-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
margin:.2rem;
float: left;
display: block;
text-align: center;
}
ul.ys img{
	padding-top:.4rem;
	width: .8rem;
}
ul.ys li p{
	text-align: center;
	font-size: .25rem;
	}
/*.slogan .one {
    background-color: #17b2bb; }
.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: #17b2bb; }
.slogan .three p {
      color: #000; }
      
      
.slogan .four {
    background-color: #17b2bb; }
.slogan .four .icon img {
      width: 18.8%; }
.slogan .four h4 {
      color: #ffffff; }
.slogan .four p {
      color: #ffffff; }*/


    
    
    
    
    
    

.section-two .fp-tableCell {
  background: #fff;
  height: 85%;
  padding-top: 5%;
  position: relative; }

.section-two .row, .section-two .fp-tableCell {
  height: 95% !important;
  position: relative;
  background: #fff;
  
   }

.product-one {
  position: relative;}
  .product-one .prolist {
    overflow: hidden; 
    
    }
    .product-one .prolist ul {
      position: relative;
      text-align: center;
      width: 1200px;
      margin: 0 auto; }
      .product-one .prolist ul li {
        text-align: center;
        width: 1rem;
        height: .6rem;
		
        margin: 0px .2rem; }
        .product-one .prolist ul li a {
		padding-top:.1rem;
          width: 1.5rem;
          height: .5rem;
          line-height:.2rem;
          display: block;
          text-align: center;
          color: #ffffff;
          font-size: .15rem;
          background:#0066FF;
          background-size: 100%; }
          .product-one .prolist ul li a:hover {
            background:#cc0000;
            background-size: 100%; }
        .product-one .prolist ul li.on a {
          color: #ffffff;
          background:#cc0000; }
          .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;
  position: relative;
  height: 100%;}
  .product-show .second-list {
    margin: 10px 0; }
    .product-show .second-list a {
      border: 1px solid #fff;
      padding: 0 10px;
      margin: 0 10px;
      line-height: 30px; }
      .product-show .second-list a:hover {
        color: #ffffff;
        background-color: #0b5a9f; }
  .product-show ul {
    width: 1200px;
    overflow: hidden;
    position: relative;
    height: 100%; }
    .product-show ul li {
      margin-right: 1.3%;
      position: relative;
      width: 32%;
      height: 35%;
      margin-bottom: 1.27%;
      overflow: hidden; }
      .product-show ul li a span {
        padding: 0 3%;
        display: block;
        width: 94%;
        height: 1.64rem;
        bottom: -1.2rem;
        left: 0;
        position: absolute;
        text-align: center;
        background:#066cd3;
        line-height: .4rem;
        color: #ffffff;
		font-size:.17rem; }
        .product-show ul li a span p {
          color: #ffffff;
          font-size: .14rem;
          line-height: .18rem;
          margin-top: .14rem; }
      .product-show ul li a img {
        width: 100%;
        height:3rem;
        display: block;
        position: relative; }
      .product-show ul li a:hover span {
        bottom: 0;
        font-size: .24rem;
        background: url(../images/two_4.png);}
      /*.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: 50%; 
  padding-right: 50%;
  font-size:.17rem;}
  .about-left p {
    line-height: 32px;
    font-size: 14px; }
  .about-left img {
    padding-top: 20px; }
.about-left h2{
	font-size: .3rem;
	color:#096ac2;
	height: .5rem;
	margin-top: .15rem;
}
.about-left p{
	color: #fff;
	font-size: .17rem;
	line-height: .3rem;
}
.about-right {
  position: relative;
  width: 100%; 
  
  }
.about-right dl{
	width: 1rem;
	height: 1.5rem;
	float: left;
	margin:.5rem .15rem;
}
.about-right dl dt{
	width: 1rem;
	height: .7rem;
	padding-top: .3rem;
	font-size:14px;

	text-align: center;
	display: block;
	background: #fe9226;
	-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
}
.about-right dl dd{
	width: 1rem;
	height: .5rem;
	line-height: .5rem;
	text-align: center;
	font-size: .17rem;
	color: #fff;
}
.about-right dl dd a{
	color: #fff;
	text-decoration: none;
	font-size: .17rem;
}
.about-right dl dd a:hover{
	color: #fe9226;
}




.section-five .fp-tableCell {
  background: url(../images/section-five.jpg) no-repeat;
  overflow: hidden;   height: 100%;}

.section-five .row {
  width: 1200px !important; height: 60%;

  overflow: hidden; }
.case-show {
  overflow: hidden;
  height: 100%;
  position: relative; 
  width: 60%;
  float: left;
 
  }

 
    
.case-show ul li {
      position: relative;
      width: 48%;
      height: 46%;
      overflow: hidden;
      margin:0px 1% .1rem 1%;
      float: left;}
.case-show ul li a span {
        padding: 0 3%;
        display: block;
        width: 94%;
        height: 1.64rem;
        bottom: -1.2rem;
		font-size:.17rem;
        left: 0;
        position: absolute;
        text-align: center;
        background:url(../images/six_1.png) 300px 5px no-repeat #2ab1d8;
        line-height: .4rem;
        color: #ffffff; }
.case-show ul li a span p {
          color: #ffffff;
          font-size: .14rem;
          line-height: .18rem;
          margin-top: .14rem; }
.case-show ul li a img {
        width: 100%;
		height:2.45rem;
        border: 0;
        position: relative; }
.case-show ul li a:hover span {
        bottom: 0;
        font-size: .24rem;
}
.case-show2 {
    width:39%;
    overflow: hidden;
  height:100%;
  position: relative; 
  float: left;
  margin-right:1%;
     }
    
.case-show2 dl dt {
      position: relative;
      width: 100%;
      height:390px;
      overflow: hidden;}
.case-show2 a dl dt img{
	width: 100%;
	height:420px;
}
      
.case-show2 a dl dd {
        display: block;
        width: 100%;
        height:190px ;
        text-align: center;
        background:#2ab1d8;
        line-height: .5rem;
        color: #ffffff; 
        font-size: .2rem;}
.case-show2 a dl dd p{
	font-size: .15rem;
	line-height: 25px;
	color: #fff;
	padding: 0px .2rem;
	
}
.case-more{ 
	width: 50px;
	height: 50px;
	background: #2ab1d8;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	margin: 0 auto;
			-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
margin-top: 20px;
	}
	.case-more a{
		color: #fff;
		text-decoration: none;
			width: 50px;
	height: 50px;
	background: #2ab1d8;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	margin: 0 auto;
			-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
display: block;

	}
.case-more a:hover{
	background: #cc0000;
}

.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: 80%;
  position: relative; }

.section-six .fp-tableCell .row {
  position: relative;
  height: 92%;
  padding-top: 2%;
  overflow: hidden; }

.section-six h2 {
      font-size: 34px;
      color: #fff;
      padding-top: 100px;
      background: url(../images/six_1.jpg) bottom center no-repeat;
      text-align: center;
      line-height: 60px;
      font-weight: normal;
       }
.section-six h3{
	   font-size: 34px;
      color: #fff;
      font-family: Impact;
      font-weight: normal;
      text-align: center;
}



.section-six  ul{
  width: 1200px;
  margin-top: 40px;
  }
  .section-six ul li {
    height: 145px;
    width: 577px;
    margin: 5px 10px;
    float: left;
    background: url(../images/imgbg4.png);
    position: relative;
    z-index: 1;
    margin-bottom: 7px; }
    .section-six ul li a {
      display: block;
      padding: 20px;
      height: 105px;
      overflow: hidden;
      position: relative;
      font-size: 14px;
      z-index: 1; }
      .section-six ul li a .left-img {
        width: 158px;
        height: 100px;
        z-index: 1;
        position: relative; }
      .section-six ul li a .right-des {
        width: 360px;
        z-index: 1;
        position: relative; }
        .section-six ul li a .right-des h5 {
          font-size: 16px;
          color: #d10b0b;
          line-height: 36px; }
        .section-six ul li a .right-des p {
          font-size: 12px; }
      .section-six 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; }
      .section-six ul li a .jia {
        color: #ffffff;
        display: block;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 2; }
      .section-six ul li a:hover .right-des h5 {
        color: #ffffff; }
      .section-six ul li a:hover .right-des p {
        color: #ffffff; }
      .section-six 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 {
  background:#eaeaea;
  height: 56px;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center; }
  .bottom p {
    color: #666;
    text-align: center;
    font-size: .14rem;
    line-height: 56px;
    position: relative; }

@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: 1200px) {
  .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;}
.h150{ width:100%; height:150px; margin:0 auto;}

.nr16{  font-size:16px !important; line-height:30px; color:#333; padding:20px;}
.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:1175px; height:60px; margin:0 auto; font-size:16px; line-height:60px; color:#333; background:url(../images/home.png) left center no-repeat; padding-left:25px;}
#bass_box .bass a{ color:#1653c4; 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:#3765ba;}
.news_tt a{ color:#3765ba; 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:360px; background:url(../images/nyba.jpg) top center no-repeat; margin-top:110px;}
#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:1200px; height:100px; margin:0 auto 20px auto;}
.ny_cplei ul li{ width:280px; height:40px; background:#ddd; text-align:center; float:left; margin:5px 10px;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:280px; 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:#3765ba; color:#fff;
}

.ny_cplei ul li .curument{background:#3765ba; 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;}