@charset "UTF-8";
/*通用类*/
* {
  margin: 0;
  padding: 0; }

body {
  margin: 0 auto;
  font-size: 14px;
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
  background: #fff;
  color: #333;
  position: relative; }

h1,
h2,
h3 {
  font-weight: 500; }

img {
  border: none; }

a {
  cursor: pointer;
  color: #333;
  text-decoration: none !important;
  outline: none; }

ul {
  list-style-type: none; }

em {
  font-style: normal; }

.lt {
  float: left; }

.rt {
  float: right; }

input.sub,
label {
  border: none;
  cursor: pointer; }

input,
textarea {
  font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
  outline: none; }

table {
  border-collapse: collapse; }

table td,
table th {
  padding: 0; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ccc; }

div.clear {
  font: 0px Arial;
  line-height: 0;
  height: 0;
  overflow: hidden;
  clear: both; }

.clearfix::after {
  content: "";
  display: block;
  clear: both; }

/*header 头*/
.header {
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 0px;
  height: 305px;
  position: fixed;
  width: 100%;
  padding: 0;
  z-index: 5555; padding:20px ; padding-top:40px;
  background: linear-gradient(to bottom,#fff,transparent);
  background-size:auto 100%
  }
.header.hover{ height:122px;}
.header * {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }


.headlogo {
  position: absolute;
  left: 40px;
  top: 0px;  }
.headlogo img{ }

.headnav {
  display: block; text-align:center}

.nav_in {
display:inline-block;
  position: relative;
  text-transform: uppercase;
  z-index: 70; }

.nav_in .par {
  display: block;
  height: 65px;
  line-height: 50px;
  margin: 0 30px;
  font-weight: bold;
  font-size: 18px;
  color: #333; }

.nav_in ul {
  position: absolute;
  left: 0;
  top: 100px;
  z-index: 70;
  background: url("../img/htbg.png");
  width: 120px;
  display: none; }

.nav_in:hover ul {
  display: block; }

.nav_in li {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  vertical-align: top; }

.nav_in li a {
  display: block;
  padding-left: 10px;
  width: 110px;
  color: #fff; }

.nav_in li a:hover {
  background: #4a4ca5; }

.dropmenudiv_b {
  display: none\9;
  width: 144px;
  overflow: hidden;
  background:rgba(20,91,195,0.95);
  top: 65px;
  position: absolute;
  font-weight: bold;
  left: 0px;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  opacity: 1;
  z-index: 999999;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
  transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: perspective(1200px) rotateX(-90deg);
  transform: perspective(1200px) rotateX(-90deg);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d; }

.ani {
  display: block\9;
  transform: perspective(1200px) rotateX(0deg);
  -webkit-transform: perspective(1200px) rotateX(0deg);
  -moz-transform: perspective(1200px) rotateX(0deg);
  -ms-transform: perspective(1200px) rotateX(0deg);
  -o-transform: perspective(1200px) rotateX(0deg); }

.dropmenudiv_b a:hover {
  color: #000; }

.clearfix {
  clear: both;
  content: "";
  display: block; }

.now_hover .par:after,
.nav_in:hover .par:after {
  display: block;
  width: 30px;
  content: "";
  top: 75%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  border-bottom:#608fff solid 3px}

.dropmenudiv_b a {
  display: block;
  float: left;
  font-size: 14px;
  padding-left: 0;
  margin: 0;
  text-align: left;
  font-weight: normal;
  width: 100%;
  padding-left: 15px;
  position: relative;
  line-height: 50px;
  color: #fff; }

.header.hover .dropmenudiv_b {
  top: 90px; }

.dropmenudiv_b a:hover {
  color: #000;
 }

.logo {
  margin-top: 15px;
  float: left; }

.header input::-webkit-input-placeholder {
  color: #fff; }

.header input::-moz-placeholder {
  color: #fff; }

.header input::moz-placeholder {
  color: #fff; }

.header input::-ms-input-placeholder {
  color: #fff; }

.navwap {
  position: fixed;
  height: calc(100% - 69px);
  z-index: 9999;
  display: none;
background:#04a9c7; 
  background-size: cover;
  left: 0;
  top: 69px;
  width: 100%; }

.navwap.on {
  display: block; }

.navwap ul li {
  padding-left: 15px;
  border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
  position: relative; }

.navwap li i {
  color: #fff;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px; }

.navwap ul {
  text-align: left; }

.navwap li > a {
  display: block;
  width: 80%;
  padding: 10px 0;
  font-size: 18px;
  color: #fff; }

.navwap li p a {
  font-size: 14px;
  color: #fff; }

.navwap li div {
  display: none;
  padding: 10px; }

.navwap li.hover div {
  display: block; }

.wwp {
  color: #999; }

.wwp .ssaa form {
  float: none;
  margin: 0 0 10px 0; }

.fff {
  color: #fff; }

input:focus {
  outline: none; }

.ssaa {
  position: absolute;
  right: 30px;
  top: 70px;
  margin-top: -15px; }

.ssaa form {
  max-width: 200px;
  margin-right: 20px;
  border: white solid 1px;
  color: #fff;
  display: inline-block;
  border-radius: 20px; }

.ssaa input {
  float: left;
  background: none;
  max-width: 120px;
  height: 34px;
  border: none; }

.ssaa input.bss {
  background: url(../img/index_08.png) no-repeat center center;
  margin-right: 10px;
  line-height: 100px;
  height: 20px;
  overflow: hidden;
  width: 40px;
  background-size: 45% !important;
  margin-top: 6px; }

.ssaa .fa {
  color: #fff;
  font-size: 26px;
  padding-top: 3px; }

.ssaa .dropmenudiv_b {
  top: 70px;
  left: -90px; }

.iss {
  padding-left: 10px; }

.container {
  position: relative; }

.allnav {
  top: -101%;
  position: fixed;
  height: 100%;
  left: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  left: 0;
  background:rgba(20,91,195,0.95);
  z-index: 55555;
  width: 100%; }

.allnav.hover {
  top: 0; }

.allnav * {
  color: #fff; }

.all2 {
  height: 320px;
  position: absolute;
  top: 50%;
  margin-top: -160px;
  width: 100%;
  left: 0; }

.all2 dl.col-sm-2 {
  width: 16.6666666%; }

.allnav .container {
  height: 100%; }

.all2 dt {
  font-size: 22px;
  padding: 30px 0;
  margin-bottom: 40px; }

.all2 dd {
  font-size: 20px;
  padding: 10px 0; }

.all1 h4 {
  position: absolute;
  top: 5%;
  width: 100%;
  left: 0; }

.all1 p {
  position: absolute;
  top: 16%;
  width: 100%;
  left: 0; }

.all3 {
  position: absolute;
  bottom: 7%;
  width: 100%;
  text-align: center;
  left: 0;
  letter-spacing: 10px; }

.all3 h2 {
  font-size: 32px;
  font-weight: bold; }
.all3 h2 p { display:inline-block;}
.all3 h2:before {
  content: "";
  display: inline-block;
  width: 10%;
  border-bottom: #fff solid 1px;
  vertical-align: middle;
  margin: 0 15px; }

.all3 h2:after {
  content: "";
  display: inline-block;
  width: 10%;
  border-bottom: #fff solid 1px;
  vertical-align: middle;
  margin: 0 15px; }

#guan {
  position: absolute;
  top: 30px;
  right:30px; }

#guan img {
  display: block; }

.head_tel {
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-right: 25px;

  font-family: Arial; }

.banner .swiper-slide {
  padding-top:320px;
  padding-bottom: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.banner .box {
  padding: 70px 0px 32px 0px;

  float: left;
  color: #404040;

 }
  .banner .box h2 {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px; }
  .banner .box p {text-transform:uppercase;
    font-size: 30px; font-weight:bold;
 
    margin-bottom: 45px; }
  .banner .box a {
    display: inline-block;
    width: 145px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #f69e2b;
    transition: all 0.3s;
    font-size: 16px;
    font-weight: bold; }
    .banner .box a:hover {
      background: #3fa7f3; }


.sousuo{ left:0; line-height:100px; background:url(../img/sbg.png) no-repeat right top; width:50%; position:absolute; left:0; bottom:0; z-index:5}
.sousuo>div.indexsouuo{ float:right; width:650px; position:relative}
.sousuo .ans{  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;position:absolute; left:0; top:50%; margin-top:-15px; background:none; border:none; line-height:31px}
.sousuo i{ background:url(../img/search.png);  width:30px; height:31px; display:inline-block;}
.sousuo>div .sou{  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; width:100%; padding-left:60px; color:#fff; background:none; border:none}
.inbanner .sousuo{ width:100%;  background:none;  }
.inbanner{ background-position:center}
.inbanner .sousuo>div{ z-index:5;}
.inbanner .sousuo>div:before{ background:url(../img/sbg.png) no-repeat right top; content:''; display:block; right:0; top:0; height:100%; width:150%; background-size:100% 100%; position:absolute}
.inbanner .sousuo .ti{ z-index:5; position:relative;font-size:36px; float:left; margin-top:6px; color:#fff;}
.inbanner .sousuo .ti strong{ padding-right:10px;}
.inbanner .sousuo .ti span{ text-transform:uppercase;opacity:0.3}
.inbanner .sousuo .sousuobox{ float:right; width:400px; position:relative}
.banner .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background:#00afe4;opacity: 1; }
  .banner .swiper-pagination{ bottom:auto; top:50%; margin-top:150px; text-align:left ; left:50%; margin-left:-650px}
.swiper-pagination-bullet-active{ background:#007aff !important;}
.i_title {

  margin-bottom: 68px; text-align:center }
  
  .i_title p {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 18px;
    color: #555555; }
  .i_title span {
    display: block;
    font-size:40px;text-transform:uppercase;
    color: #999;
	margin-top:15px;
   }
.tita{ position:absolute; right:0; top:85px ; color:#999; font-size:20px;}
.tita img{ margin-top:-2px; margin-left:5px;}
.i_part_a {
  padding-top: 85px;  background: url(../img/b5.jpg) no-repeat center/cover fixed; 
  padding-bottom: 140px; }
  .i_part_a .service_con {

  }
  .i_part_a .left_nav {
  text-align:center
 }
 .timediv{ font-size:32px; color:#000; padding-bottom:15px}
 .timediv big{ font-weight:bold} .timediv  small{ font-size:18px; padding-left:15px; color:#666;}
 .ra{ font-size:18px; display:block; margin-top:40px;}
.i_part_a .i_title,.i_part_a .i_title span{}

    .i_part_a .left_nav a {
      display: inline-block;
     
      line-height: 47px;
      background: #fff ; 

      color: #2b2b2b; font-size:18px; font-weight:bold; padding:0 30px; border-radius:50px; margin-right:15px}
      .i_part_a .left_nav a br {
        display: none; }
      .i_part_a .left_nav a.on {
        color: #fff;
        font-weight: bold;
        background: #04A9C7;
       box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
        position: relative; }
       
  .i_part_a .right_boxes {
 
    padding-top: 80px; }
    .i_part_a .right_boxes .right_box {
      display: none; }
      .i_part_a .right_boxes .right_box:nth-child(1) {
        display: block; }
    .i_part_a .right_boxes .tit {
      overflow: hidden;
      margin-bottom: 32px; }
      .i_part_a .right_boxes .tit p {
        float: left;
        font-size: 22px;
        color: #555555;
        text-decoration: underline; }
      .i_part_a .right_boxes .tit .more {
        display: block;
        float: right;
        margin-right: 35px;
        font-size: 14px;
        color: #555555; }
        .i_part_a .right_boxes .tit .more:hover {
          color: #3fa7f3; }
    
      .i_part_a .right_boxes .txt_img .txt {
        float: left;
        width: 36%;
        color: #3a3a3a;
        font-size: 16px;
        line-height: 1.75;
        text-align: justify;
        padding-top: 30px; }
      .i_part_a .right_boxes .txt_img .img_swiper {
      
        position: relative; border-bottom:rgba(255,255,255,0.6) solid 1px; padding-bottom:40px
      }
        .i_part_a .right_boxes .txt_img .img_swiper .imgbox {
          height: 240px;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
		  .i_part_a .right_boxes .txt_img .img_swiper p{ line-height:30px; padding-top:10px }
          .i_part_a .right_boxes .txt_img .img_swiper .imgbox img {
            display: none; }
        .i_part_a .right_boxes .txt_img .img_swiper h3 {
          font-size: 18px; 
    
          margin-top: 28px; font-weight:bold }
    .swiper-button-next,
    .swiper-button-prev {
      width:75px;
      height: 75px;
	  top:50%;
      margin-top: -70px; text-align:center }
    
    .swiper-button-prev {
      background: linear-gradient(#04A9C7,#42B3FE);
	  border-radius:100%;
      left: -122px; }
   
    .swiper-button-next {
      background: linear-gradient(#04A9C7,#42B3FE);
	  border-radius:100%;
      right: -122px; }
.swiper-button-prev img,.swiper-button-next img{ margin-top:20px; width:18px}
.i_part_t     .swiper-button-next,
  .i_part_t     .swiper-button-prev { margin-top:0}
.i_part_b {
 
  padding-top: 90px; padding-bottom:120px; height:860px; overflow:hidden;
  background: url(../img/bg2.jpg) no-repeat center/cover; position:relative }
 .i_title h2{
   font-size:36px; margin-top:10px }
  .i_part_b .i_title span {opacity:0.5; color:#fff;
     } .i_part_b .i_title h2{ color:#fff}
  .i_part_b .about_con {
    display: none; }
    .i_part_b .about_con:first-child {
      display: block; }
    .i_part_b .about_con .top {
      overflow: hidden;
      margin-bottom: 40px; }
      .i_part_b .about_con .top .imgbox {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 380px;
     }
        .i_part_b .about_con .top .imgbox img {
          display: none; }
   
      .i_part_b .about_con .top .tag {
        overflow: hidden;
        margin-bottom: 45px; }
        .i_part_b .about_con .top .tag a {
          display: block;
          float: left;
          line-height: 46px;
          width: 145px;
          text-align: center;
          border: 2px solid #fff;
          color: #fff;
          border-left: none;
          font-weight: bold; }
          .i_part_b .about_con .top .tag a.on {
            background: #fff;
            color: #81898d; }
          .i_part_b .about_con .top .tag a:nth-child(1) {
            border: 2px solid #fff; }
      .i_part_b .about_con .top .des {
        line-height: 2;
        font-size:20px; padding-right:100px; color:#666; padding-top:30px;
        }
    .i_part_b .about_con .bottom {
      overflow: hidden;
      position: relative;
      bottom: -47px;
      margin-bottom: 0; }
      .i_part_b .about_con .bottom img {
        display: block;
        width: 100%; }
      .i_part_b .about_con .bottom .in {
        position: relative; }
        .i_part_b .about_con .bottom .in p {
          position: absolute;
          width: 100%;
          bottom: 0;
          margin-bottom: 0;
          left: 0;
          padding-left: 20px;
          padding-right: 10px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          padding-top: 5px;
          line-height: 42px;
          font-size: 14px;
          color: #555555;
          background: rgba(255, 255, 255, 0.7); }

.i_part_c {
  padding-top: 80px;
  padding-bottom: 100px; border-top:#999 solid 1px; margin-top:60px }
  .i_part_c .row {
    text-align: center; }
    .i_part_c .row p {
      font-size: 66px;
     
      }
      .i_part_c .row p i {
        font-style: normal; font-weight: bold; color:#e21d27 }
    .i_part_c .row em {
      font-size: 30px;
      vertical-align: middle; }
    .i_part_c .row span { border:#a02a26 solid 1px;
      display: block;
      font-size:24px; line-height:60px;
      color: #555555; border-radius:60px; margin-left:10px; margin-right:10px; }

.i_part_d .top {
  background: url(../img/bg_title.png) no-repeat center/cover;
  padding-top: 83px;
  text-align: center;
  padding-bottom: 0; }

.i_part_d .i_title span,
.i_part_d .i_title p {
  color: #fff; }

.i_part_d .tag {
  overflow: hidden;
  width: 512px;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden; }
  .i_part_d .tag a {
    display: block;
    float: left;
    width: 33.33333333333333333%;
    line-height: 46px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    border-left: none;
    font-weight: bold; }
    .i_part_d .tag a.on {
      background: #fff;
      color: #81898d; }
    .i_part_d .tag a:nth-child(1) {
      border: 2px solid #fff; }

.i_part_d .container {
  margin-top: 60px;
  display: none;
  padding-bottom: 90px; }
  .i_part_d .container:nth-child(1) {
    display: block; }
  .i_part_d .container a {
    display: block; }
  .i_part_d .container p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #555555;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .i_part_d .container .des {
    font-size: 14px;
    color: #555555;
    line-height: 28px;
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .i_part_d .container .imgbox {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 210px; }
    .i_part_d .container .imgbox img {
      display: none; }

footer {
  background:#343434}
  footer .top {
    overflow: hidden;
    padding-top: 40px; float:left;
    padding-bottom: 30px;}  

	footer .top span{ font-size:35px; float:left; padding-left:30px; margin-left:30px; color:#fff; font-weight:bold; vertical-align:middle; display:block ; margin-top:15px; border-left:#fff solid 1px}
    footer .top img {
      display: block;
      float: left; }
    footer  .f_nav {
      float: right;
      margin-top: 52px;  }
      footer .f_nav a {
        display: block; background:url(../img/phone.png) no-repeat left center;
      
        font-size: 36px; font-weight:bold;
        color: #fff;
        padding-left: 60px; }
        footer .top .f_nav a:hover {
          color: #00abd5; }
        footer .top .f_nav a:nth-child(1) {
          margin-left: 0; }
		  .foot1{ background:url(../img/f_bg.jpg) no-repeat center; padding:25px 0; background-size:cover}
  footer .mid {
    overflow: hidden;
    padding-top: 45px;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(255,255,255,0.2); }
    footer .mid .fimg { font-size:18px; color:#fff;padding-top:20px;
      display: block;
      float: left; }
	  footer .mid .fimg  .flogo img { width:50px; margin-bottom:40px}
	  footer .fimg i{ font-size:24px; display:block; margin:10px 0; color:#03a8c7}
    footer .mid .cl {
      float: left;
      margin-left: 46px;
      padding-top: 7px;  line-height:50px }
	   footer .mid .cl h2{ color:#f1f1f1; font-size:18px; padding-bottom:40px;}
      footer .mid .cl:nth-child(1) {
        margin-left: 0; }
      footer .mid .cl a {
        display: block;
        color:#f1f1f1;
        font-size: 16px;
        opacity: 0.6; line-height:40px;
        margin-bottom: 0px; }
        footer .mid .cl a:last-child {
          margin-bottom: 0; }
        footer .mid .cl a:hover {
          color: #fff;
          opacity: 1; }
		  .fright{ float:right; margin-top:24px}
  footer .mid_b {
    border-bottom: 1px solid rgba(255,255,255,0.2); font-size:16px;
    padding-top: 22px; color:#fff;
    padding-bottom: 12px; }
    footer .mid_b a {
      display: inline-block;
      color: #b7b7b7;
     
      opacity: 0.8;
      margin-bottom: 10px;
      margin-right: 20px; }
      footer .mid_b a:last-child {
        margin-bottom: 0; }
      footer .mid_b a:hover {
        color: #00abd5;
        opacity: 1; }
  footer .bottom {
    overflow: hidden;
    font-size: 16px;
    color:#FFF;
    opacity: 0.8;
    padding-top: 25px;
    padding-bottom: 25px; }
footer .bottom p { display:inline-block;}
    footer .bottom a {
     
    
      color: #ffffff; }

@media (max-width: 1500px) {
  .head_tel {
   }
  .i_part_a .right_boxes .txt_img .txt {
    padding-top: 0; } }

@media (max-width: 1360px) {
  .nav_in .par {
    margin: 0 20px;
    font-size: 16px; }
  .ssaa form {
    max-width: 150px; }
  .ssaa input {
    max-width: 90px; }
}

@media (max-width: 1200px) {
  .nav_in .par {
    margin: 0 20px;
    font-size: 16px; }
  .i_part_c .row p {
    font-size: 46px; }
 
  .all2 dt {
    font-size: 16px;
    padding: 20px 0;
    margin-bottom: 20px; }
  .all2 dd {
    font-size: 14px; } }

@media (max-width: 1000px) {
  .header.hover {
    height: 70px; }
  .all2 dd {
    font-size: 12px; }
  .all2 dt {
    font-size: 14px; }
  #bar {
    color: #fff;
    font-size: 24px;
    margin: 22px 10px; }
  .header > div {
    padding: 0; }
  .header {
    height: 70px;
    padding: 0; }
  .headlogo img {
    height: 40px; }
  
  .ssaa {
    position: absolute;
    right: 10px;
    top: 38%;
    margin-top: -15px; }
  .ssaa input {
    height: 25px;
    font-size: 14px;
    line-height: 26px; }
  .ssaa input.bss {
    margin-right: 5px;
    line-height: 100px;
    height: 20px;
    overflow: hidden;
    width: 40px;
    background-size: 45% !important;
    margin-top: 3px; }
  .ssaa .fa {
    color: #fff;
    font-size: 26px;
    padding-top: 3px; }
  .ssaa .dropmenudiv_b {
    top: 70px;
    left: -90px; }
  .banner .swiper-slide {
    padding-top: 220px; }
 
  .i_part_a .right_boxes {
    padding-top: 15px; }
  .i_part_a .right_boxes .tit {
    margin-bottom: 20px; }
  .i_part_a .right_boxes .txt_img .txt {
    font-size: 15px; }
  .i_title p {
    font-size: 26px;
    margin-bottom: 20px; }
  .i_part_a {
    padding-top: 40px;
    padding-bottom: 40px; }
  .i_title {
    margin-bottom: 35px; }
  .i_part_b {
    padding-top: 40px;
    padding-bottom: 40px; }
  .i_part_b .about_con .top .imgbox {
    height: auto;
    overflow: hidden;
    background: none !important;
    margin-bottom: 20px; }
    .i_part_b .about_con .top .imgbox img {
      display: block;
      width: 100%; }
  .i_part_b .about_con .top .tag {
    margin-bottom: 30px; }
  .i_part_b .about_con .top {
    margin-bottom: 20px; }
  .i_part_b .about_con .bottom {
    position: static; }
    .i_part_b .about_con .bottom li {
      margin-bottom: 15px; }
  .i_part_c {
    padding-top: 0;
    padding-bottom: 15px; }
  .i_part_c .row div {
    margin-bottom: 25px; }
  .i_part_d .container {
    padding-bottom: 25px; }
    .i_part_d .container li {
      margin-bottom: 25px; } }

@media (max-width: 768px) {.sousuo>div .sou{font-size:14px}
.i_part_a{ overflow:hidden}
.i_part_c,.i_part_c .row div{ padding:0}
.sousuo{ width:100%; left:0; line-height:45px}
.sousuo>div.indexsouuo{ width:100%; float:none; }
.sousuo .ans{ left:20px}
.sousuo i{ background-size:70%; background-repeat:no-repeat; background-position:center}
.headlogo{ margin-top:0; left:15px}
footer .mid_b,footer .bottom{ font-size:14px}
.bottom span{ width:100%;}
.i_part_c{ padding-top:30px; padding-bottom:0; margin-top:20px}
.i_part_c .row span{ font-size:14px; line-height:30px}
.i_part_b .about_con .top .imgbox{ margin-top:20px}
.i_title h2,.i_part_c .row p{ font-size:24px}
.i_part_c .row em{ font-size:16px;}
.tita{ top:40px; font-size:14px; right:15px}
.i_title{ margin-left:5px; margin-right:5px;}
.i_part_b .about_con .top .des{ font-size:14px; line-height:24px; padding-right:0}
.row{ margin-left:0; margin-right:0}
  .navwap ul {
    position: absolute;
    width: 100%;
    height: calc(100% - 140px);
    top: 0;
    overflow-y: auto; }
  .ssaa {
    bottom: 0;
    left: 0;
    width: 100%;
    top: auto; }
  .header {
    background-size: cover; }
  body {
    padding-top: 70px; }
  .header.hover {
    height: 70px; }
  .header.hover .logo {
    }
  .headlogo img {
    height: 40px; width:auto }
  .header {
    height: 70px;
    padding: 0; }
 
  .banner .swiper-slide {
    padding-top: 60px;
    padding-bottom: 60px; }
  .banner .box {
   
  }
  .banner .box h2 {
    font-size: 24px;
    margin-bottom: 20px; }
  .banner .box p {
    font-size: 15px; }
  .banner .box {
    width: 100%; }
  .banner .box a {
    line-height: 2;
    font-size: 15px;
    font-weight: lighter; }
  .banner .swiper-pagination-bullet {
    width: 30px;
    height: 4px; }
  .i_title p {
    font-size: 22px; }
  .i_title span {
    font-size: 16px; }
  .i_part_a .left_nav {
    width: 100%;
    overflow: hidden; }
    .i_part_a .left_nav a { font-size:14px; padding-left:10px; padding-right:10px; line-height:24px; margin-right:5px;
   }
      .i_part_a .left_nav a br {
        display: block; }

  .i_part_a .right_boxes {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px; }
  .i_part_a {
    padding-right: 0;
    padding-left: 0; }
  .i_part_a .right_boxes .tit p {
    font-size: 16px; }
  .i_part_a .right_boxes .tit .more {
    margin-right: 0; }
  .i_part_a .right_boxes .txt_img .txt {
    width: 100%; }
  .i_part_a .right_boxes .txt_img .img_swiper {
    width: 100%;
    margin-top: 20px; }
  .i_part_a .right_boxes .txt_img .img_swiper {
    padding-right: 15px;
    padding-left: 15px; }
  .i_part_a .right_boxes .swiper-button-next, .i_part_a .right_boxes .swiper-container-rtl .swiper-button-prev {
    right: 0; }
  .i_part_a .right_boxes .txt_img .img_swiper .imgbox {
    height: auto; }
    .i_part_a .right_boxes .txt_img .img_swiper .imgbox img {
      display: block;
      width: 100%; }
 
  .i_part_b .about_con .top .tag a {
    width: 33.3333333333333%; }
  footer .top img { width:140px }
  footer .top{ padding-top:0px}
  footer .top span{ font-size:14px; padding-left:10px; margin-left:10px; margin-top:10px}
	footer .f_nav{ clear:both; float:none; }
	footer .f_nav a{}
	footer .mid{ display:none}
  footer .f_nav a {
    margin-left: 0;
    margin-right: 15px;
    margin-bottom: 5px; background-size:auto 100%; line-height:24px; padding-left:30px;
    font-size: 18px; }
  footer .top .f_nav {
    width: 100%; }
  footer .top {
    padding: 25px 0; }
  footer .mid .cl {
    display: none; }
  footer .mid img {
    float: none;
    margin: 0 auto; } }

.i_part_t{ padding:80px 0; background:url(../img/bg3.jpg) no-repeat center; background-size:cover;}
#d .sw{ margin:15px; position:relative; overflow:hidden; border-radius:30px;}
#d{ padding-bottom:80px;}
.swiper-pagination-bullet{ width:20px; height:20px}
#d .sw img{ width:100%;}
#d .sw div{ position:absolute;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
	width:90%;
	border-radius:0 30px 0 0;
    transition: all 0.3s; line-height:36px; background-color:#C2E316;
	background:url(../img/tbg.png) no-repeat;
	background-size:100% 100%; 
	
color:#fff; padding:20px 30px; bottom:0 ; left:0;}
#d .sw div:after{}
#d .sw div h2{ font-weight:bold; font-size:24px; padding-bottom:15px}
#d .sw div p{ font-size:16px}
#d .sw:hover div{ padding-bottom:40px}
.parts{ padding:30px; background:#edf0f5; color:#999}
.parts li{ float:left; width:20%; padding:20px 0; text-align:center}
.parts li img{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; transform:scale(1);}
.parts li:hover img{ transform:scale(1.1);}
.inbanner{ height:530px}
.i_part_h{ background:url(../img/kehubg.jpg) center no-repeat; background-size:cover; padding:100px 0}
.i_part_g{ background:url(../img/ys_bg.jpg) center top no-repeat; padding:100px 0}
.i_part_h .i_title,.i_part_h .i_title span{ color:#fff}
.i_part_h .tita{ color:#fff}
.hm_news  li { margin-left:40px; padding:15px 0; padding-top:34px; position:relative; border-bottom:#ddd solid 1px; }
.hm_news li .inf dt{ padding-bottom:12px; font-size:22px;}
.hm_news li .inf dd{ font-size:18px;}
.hm_news li  .date{ position:absolute; font-weight:bold; text-align:center; right:0; top:30px;}
.hm_news li  .date dt{ font-size:32px;}
.hm_news li:hover dt a{ color:#CC0000}
.nxtx strong{ float:left;}
.nxtx span{ font-weight:bold; position:absolute; right:20px;}
.i_part_in{background:url(../img/bg3.jpg) no-repeat center top #fff; background-size:100% auto; padding:100px 0; padding-top:0}
.nxgd{ margin-right:10px; position:relative;}
.nxgd  a{ display:block; position:relative; z-index:5;}
.nxtx{ position:absolute; height:70px;/* Firefox 3.6+ */
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    /* Safari 5.1 - 6.0 */
    
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    /* Opera 11.1 - 12.0 */
    
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    /* Firefox 3.6 - 15 */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    /* 标准的语法（必须放在最后） */ content:''; display:block; width:100%; bottom:0 ; left:0}
.nxtx{ font-size:18px; padding:20px; position:absolute; bottom:0; width:100%; left:0; color:#fff}
.nxgd img{ height:418px }
.parts li img{ max-width:100%;}
.icons{ text-align:center; padding-top:30px}
.icons img{ height:30px}
.icons p{ margin-top:10px; color:#666}
.icons a:hover p{ color:#339966}
.hei30{ height:60px}
.hm_news2 li{ padding:15px 0; padding-top:34px; position:relative; border-bottom:#ddd solid 1px; }
.hm_news2 li .inf dt{ padding-bottom:12px; font-size:22px;}
.hm_news2 li .inf dd{ font-size:18px;}
.hm_news2 li .date{ position:absolute; font-weight:bold; text-align:center; right:0; top:30px;}
.hm_news2 li .date dt{ font-size:32px;}
.hm_news2 li:hover dt a{ color:#CC0000}
.inbanner{  position:relative; background-size:cover}
.back:after{ content:''; display:block;width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right:14px solid #21AED3; position:absolute; left:-30px;
    border-bottom: 7px solid transparent; top:50%; margin-top:-7px; }
.pardes{ font-size:19px; padding-bottom:50px;  line-height:32px; border-bottom:#999 solid 1px}
.back{ position:relative }

.sou{ font-size:16px}
.sou::-webkit-input-placeholder{
        color: #fff;
}
.sou::-moz-placeholder{ 
        color: #fff;        
}
.sou:-ms-input-placeholder{ 
        color: #fff;        
}
.ileft{}
.iright{ padding-left:30px; padding-top:20px}
.innav{ padding-bottom:60px; margin-left:25px}
.innav a{ display:block; padding:20px 30px; font-size:18px;}
.innav a.hover,.innav a:hover,.ns .fr h3 a:hover{ font-weight:bold; color:#1e74bd}
.rname{ padding-bottom:30px}
.cq .fl h3{ font-weight:bold; margin-top:50px; font-size:30px}
.cq .fl p{ font-size:18px; line-height:30px ; padding-top:40px}
.cq .fl div{ padding-right:20px}
.cq  ul li:nth-child(2n-1) .fr img{ margin-left:40px}
.cq ul li:nth-child(2n) .fl{ float:right}
.cq ul li:nth-child(2n) .fl div{ float:right; padding-right:0; padding-left:40px}
.cq ul li{ margin:80px 0}

.weizhi{ border-bottom:#ddd solid 1px; line-height:80px;}
.ileft{ border:#7cc7ff solid 1px; border-radius:0 50px 0 50px; background:#fff; padding:20px 30px}
.cnmae{ font-weight:bold; border-bottom:#7cc7ff solid 1px; text-align:center; padding-bottom:40px}
.cnmae{}

.ab{ font-size:18px; line-height:30px}
@keyframes donghua {
  0 {opacity:1;}
  50% {opacity:0;}
  100% {opacity:1;}
}
.line{ border-bottom:#ccc solid 1px}
.innews li{ margin-left:0}
.ns{ padding-top:30px; margin-bottom:20px; border-top:#ccc solid 1px;}
.ns img{ border-radius:15px; height:180px;}
.ns .fr{ padding-left:30px}
.ns .fr h3{ font-weight:bold; padding-bottom:15px; font-size:20px; }
.ns .fr span{ display:block; margin-top:0px; color:#999;}
.ns .fr p{ font-size:16px; margin:30px 0; line-height:24px}
.tata{ position:static}
.tata:hover{ color:#CC0000}
.fz .fl{ background:url(../img/p_ab_bg.jpg) no-repeat; height:785px}
.fz .flss{ background:url(../img/p_ab_bg.jpg) right no-repeat; height:785px; position:relative}
.fz .flss span{animation:donghua 3s infinite;
-webkit-animation:donghua 2s infinite; position:absolute; right:150px; top:350px}
.fz .flss span::after{ display:inline-block; width:5px; height:5px; background:#fff; border-radius:5px; content:'';}
.fz .flss span img{ width:150px}
.fz .fl div{ color:#fff; font-size:20px; width:640px; float:right}
.fz .fl div p{ padding:5px 0}
.fz .fl div img{ margin:100px 0 40px 0}
.fz .fr li{ padding-left:70px; margin:18px 0; position:relative}
.fz .fr ul{ margin-top:12%; border-left:#999 solid 1px;  font-size:24px; position:relative; margin-left:60px;}
.fz .fr ul li:before{ display:inline-block; width:12px; height:12px; border:#999 solid 2px; content:''; position:absolute; left:-7px; background:#fff; border-radius:12px; top:50%; margin-top:-5px}
.fz .fr ul li a:hover{ color:#CC0000}
.lx ul{ width:620px; margin-top:50px; margin-left:50px;}
.lx ul {}
.lx li{ font-size:26px; line-height:50px; margin:20px 0; padding-left:10px; font-weight:bold; position:relative }
.lx li .span1{ width:90px; text-align:justify; letter-spacing:10px; display:inline-block; position:absolute ; left:70px; top:0}
.lx li .span2{ display:block; margin-left:160px}
.lx li img{ position:absolute; top:7px; margin-right:10px}
img{ max-width:100%;}
.ds{ padding:20px 40px; margin:20px 0; background:#e8e8e8; font-size:18px; line-height:30px}
.title span{ display:inline-block; margin-right:30px; }
.title h1{  padding-bottom:30px; margin-top:40px; border-bottom:#ccc solid 1px; font-size:24px;}
.title p{ font-size:18px; line-height:40px; margin:20px 0; color:#888; }
.title i{ display:inline-block; position:relative; top:-2px; margin-right:5px}
.head_in {
	float: left;
	margin-top: 0px;
	margin-right: 40px;
	background: url(../img/phone.png) no-repeat left;
	background-size: auto 40px;
	padding-left: 40px;
	font-family: "Arial black";
	color: #fff;
}
.header.fix .head_in {
	margin-top: 20px;
	color: #333;
}
.head_in h3 {
	margin: 5px 0;
	font-size: 18px;
}
.head_in h4 {
	margin: 5px 0;
	font-size: 20px;
}
.ewm{ text-align:center}
.ewm img{ width:150px}
.lxwm li{ padding:5px 0; font-size:16px}
.tit2{ padding:20px 0}
#dituContent{ margin-top:30px;height:600px}
#dituContent img{ max-width:none; }
.ewm .span{ display:inline-block; text-align:left; padding:0 20px}
.job li>div{ margin:20px 0; display:none}
.job { border-top:#ccc solid 1px; margin-top:30px }
.job li{ border-bottom:#ccc solid 1px; padding-bottom:10px}
.job li h3{ position:relative; font-size:18px; font-weight:bold}
.job li h3:after{ font-weight:normal; color:#999; content:'>'; display:block; position:absolute; right:0; top:50%; margin-top:-10px}
.job li.on>div{ display:block}
.tit3{ padding-bottom:12px; position:relative}
.tit3 span{ position:absolute; right:0; top:50%; margin-top:-15px}
.tit3 a{ width:15px; height:15px; display:inline-block;  margin:0 5px;border-radius:15px; background:#ccc;}
.tit3 a.hover{ background:#007aff  ;} 

@media (max-width:1568px) {
.nav_in .par{ margin:0 20px}
}
@media (max-width: 768px) {.hei30{ height:15px}
#dituContent{height:200px}
.tit3{ font-size:18px}
.ns img{ width:100%}
.title h1{ font-size:18px}
.title p{ font-size:14px;}
.title p span{ margin-right:5px}
.iright{ padding-left:15px;}
.fudong{ display:none}
.cq .fl h3{ margin-top:0}.cq ul li{ padding-bottom:40px}
.parts li{ display:none}
.parts li:nth-child(-n+9){ display:block}
#d .sw div h2{ margin:5px 0; padding-bottom:5px}
.i_part_a .right_boxes .txt_img .img_swiper h3{ font-size:16px; line-height:24px}
.i_part_a .right_boxes .txt_img .img_swiper p{ font-size:12px; line-height:20px}
.fz .flss span{ top:130px; right:60px}
.fz .flss span img{ width:60px}
.fz .flss{ background-size:cover}
.lx li .span1{ left:40px; width:80px}
.lx li img{ width:22px; top:8px}
.lx li{ padding-left:0; margin:0; line-height:34px}
.lx li .span2{ margin-left:100px}
.fz .fl div,.lx li { font-size:14px}
.fz .fl div img{ margin:40px 0 20px 0; width:240px}
.fz .fl,.fz .flss{ height:300px}
.lx ul{ width:auto}
.fz .fr ul,.lx ul{ font-size:14px; margin-top:20px; margin-left:10px}
.fz .fr ul li{ padding-left:30px}
.fz .fl div{ widows:100%; float:none}
.ns div:nth-child(1){ padding:0}
img{ max-width:100%}
.ns .fr h3{ font-size:16px} 
.ns .fr{ padding-left:0px}
.cq ul li:nth-child(2n) .fl div{padding-left:0px}
.cq  ul li:nth-child(2n-1) .fr img{ margin-left:0px}
.cq .fl div,.ns .fr{ padding-right:0px}

.cq ul li{ margin:10px 0}
.header{ background:#04A9C7; }

.hm_news2 li .date img{ width:100px}
.inbanner{ height:200px}
.cq .fl p,.ns .fr p{ font-size:14px; padding-top:10px; line-height:22px}
.hm_news2 li{ padding-right:110px}
.i_part_a .right_boxes .swiper-button-prev{ left:-30px}
.i_part_a .right_boxes  .swiper-button-next{ right:-30px}
.nxgd{ margin:0}
.cq .fl h3{ font-size:18px}

.nxgd img{ height:auto}

.hm_news li .inf dt,#d .sw div h2,.hm_news2 li .inf dt{ font-size:15px}
.hm_news li .inf dd{ font-size:13px; line-height:22px}
.parts li{ width:33.3%; padding:10px 0}
#d .sw div p,.pardes,.hm_news2 li .inf dd{ font-size:12px; line-height:24px}
#d .sw div{ padding:10px}
#d .sw{ margin:0}
.i_part_h,.i_part_g,.i_part_t,.i_part_in{ padding:20px 0}
.hm_news li{ margin-left:0; padding-right:50px;}

#d{ margin-left:50px; margin-right:50px}
}
.prolist li{ padding-bottom:40px}
.prolist li>div{ background:#fff; border:#ccc solid 1px; text-align:center}
.prolist li>div img{ max-width:100%; height:200px}
.prolist li h3{ font-size:16px; padding:5px 0 10px 0;}

.prolist li:hover div{ border:#7cc7ff solid 1px;}

.rylist li p{ font-size:16px; padding:15px 0}
.rylist img{ 	transition:all .3s ease-out;height:200px;}

.rylist li div span{ display:block; overflow:hidden; border-radius:10px;}
.rylist li div:hover img{transform:scale(1.2);}
.prolist li p{ line-height:26px; font-size:16px; color:#999;}
.hea80{ height:80px}
.face{ font-size:20px; padding:30px 0;border-bottom:#ccc solid 1px; }
li{ list-style:none}
.face a{ color:#666; margin:15px 5px 5px 0px; display:inline-block; padding:6px 15px; text-align:center; border:#999 solid 1px}
.face span{ color:#fff; margin:15px 5px 5px 0px; display:inline-block; padding:6px 15px; text-align:center; background:#338BEE; border:#338BEE solid 1px;_border-radius:30px}
/*.face a span{ color:#348fdc; background:#9FC749; border:#669966 solid 1px;}*/
.face a.active,.face a:hover{ background:#9FC749; border:#669966 solid 1px; }
.swiper-container.hm_news li{ margin-left:0; padding-top:0}
#news{ padding-bottom:90px}
.swiper-container.hm_news li .date{ top:0}

@media (max-width: 768px) {

.inbanner .sousuo .ti{ font-size:18px}
.cnmae{ font-size:24px}
.prolist li>div img{  height:120px}
.face a{ font-size:14px; margin-right:5px; padding:0 5px; margin:0}
.innav a{ font-size:14px; padding:5px 10px; margin:5px 5px 0 0 }
.prolist li h3{ font-size:16px;}
.prolist li p{ font-size:12px ; line-height:20px}
.prolist.row,.cq ul{ margin-left:-15px; margin-right:-15px}
.hea80{ height:30px}
.inbanner .sousuo .sousuobox{ float:left; width:80%}
.weizhi{ line-height:40px}
.weizhi .pull-left,.weizhi .pull-right{ float:none !important}
}

.i_part_k{ padding-top:0; background:none}
.i_part_k .i_title, .i_part_k .i_title span{ color:#333;}
.i_part_k .right_boxes{ padding-top:20px}
.i_part_k .right_boxes .swiper-button-next{ background-image:url(../img/in_right.png)}
.i_part_k .right_boxes .swiper-button-prev{ background-image:url(../img/in_left.png)}
.i_part_k .right_boxes .txt_img .img_swiper p{ color:#999; font-size:16px; line-height:28px}
.i_part_k .right_boxes .txt_img .img_swiper{ border-bottom:#999 solid 1px}

.bar{ border-bottom:#ccc solid 1px; margin-top:70px}
.bar a{ display:inline-block; padding:20px 30px; font-size:18px; border-bottom:rgba(255,255,255,0) solid 3px}
.bar a.hover,.bar a:hover{font-weight:bold;  color:#333; border-bottom:#7cc7ff solid 3px}
.cona .ab{ display:none}
.cona{ padding:20px 0}
.cona .show{ display:block}
.cona{ border-bottom:#ccc solid 1px; padding-bottom:50px}
.shottit {
	    font-size:24px;
		font-weight:bold;
    color: #000; margin-top:30px; padding-bottom:10px;
	
	
}
.cpxx {

    margin-top: 30px;
	position:relative;
	
}
.sousuo.hover .ans{ left:85%;}
.sousuo.hover>div .sou{ padding-right:60px; padding-left:0}
.sx {
	padding: 70px 0; font-size:18px;
}.sx  a{ color:#999}
.sx p {
	line-height: 40px; 
}
.sx span { color:#333; display:inline-block; padding-right:10px
}
.zuipin_mobile{ padding-right:30px}
.new{ margin-top:40px;}
.new span{ display:inline-block; margin:0 1px;color:#fff}
.new a{ padding:10px 20px;  color:#fff; display:block}
.new i{ display:inline-block; margin-right:10px}
.cpxx p {
	margin:0;
	line-height:33px;
	font-size:16px;
}
.cpbox{ background:#fff; text-align:center; display:flex; justify-content:center; align-items:center; border:#ccc solid 1px;}
.cpbox img{ width:auto; max-width:100%; height:360px}
.anniu {
    background: #ffa800;
    font-size: 16px;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
	position:absolute;
	bottom:35px;
	left:0;
}
.anniu:hover {
	color:#fff;
}
.cpbar {
    line-height: 60px;
    margin-top: 30px;
}
.cpbar .hover a {
    background: #0354a8;
	color:#fff;
	border:1px solid #0354a8;
}
.cpbar li {
	padding:0 2px;
}
.cpbar a {
	display:inline-block;
	width:100%;
    font-size: 16px;
    font-weight: bold;
    color: #232323;
	background:#ededed;
	border:1px solid #959595;
}
.prod_conwr {
    margin: 60px auto;
	line-height:26px;
	font-size:14px;
	color:rgba(0,0,0,0.6);
	display:none;
}
.cpbar li .pr_icon {
	background-size:100% auto;
	background-position:bottom ;
	display:inline-block;
	position:relative;
	top:7px;
	margin:0 8px;
}
.cpbar li.hover .pr_icon {
	background-size:100% auto;
	background-position:top ;
	display:inline-block;
}

.gallery-thumbs{ margin-top:2px}
.fudong {
	width: 120px;
	padding: 15px 0;
	border: 1px solid#03A8C7;
	border-radius: 5px;
	position: fixed;
	right: 10px;
	top: 20%;
	z-index: 999;
	background:#03A8C7;
}
.fudong .top {
	position: absolute;
	cursor: pointer;
	bottom: -64px;
	left: 0;
	display: none;
}
.fudong .top img {
	width: 100%;
}
.fudong dl {
	position: relative;
	margin: 0;
	border-top: 1px solid#03A8C7;
	margin: 0;
}
.fudong dd {
	display: none;
	position: absolute;
	right: 115px;
	top: 0;
	z-index: 999;
	margin: 0;
}
.fudong dd tt {
	display: inline-block;
	width: 12px;
	height: 35px;
	background: url(../img/ico15.png) no-repeat 0 0;
	position: absolute;
	right: -11px;
	top: 30%;
}
.fudong dt {
	width: 100%;
	height: 120px;
	background-color: #fff;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	color: #555;
	cursor: pointer;
}
.fudong dt a {
	display: block;
	padding-top: 85px;
	font-size: 12px;
	color: #555;
}
.fudong dl.fudong-dla dt a {
	background: url(../img/kf.png) no-repeat center 20px;
}
.fudong dl.fudong-dlc dt a {
	background: url(../img/ewm.png) no-repeat center 10px;
	background-size: 80px auto;
	padding-top: 95px;
}
.fudong dl.fudong-dle dt a {
	background: url(../img/d.png) no-repeat center 10px;
	background-size: 80px auto;
	padding-top: 95px;
}
.fudong dl.fudong-dld dt {
	height: auto;
	padding: 10px 0;
}
.fudong dl.fudong-dld dt a {
	background: url(../img/400.png) no-repeat 0 center;
	padding: 0 0 0 20px;
	display: inline-block;
}
.fudong dl.fudong-dld dt h2 {
	font-size: 14px;
	color: #000;
	margin: 5px 0 0;
	font-weight: bold;
	font-family: "楷体";
}
.fudong dl.fudong-dlc dd {
	width: 270px;
	border-radius: 5px;
	background: #3E9E1A;
	padding: 15px 0 0;
}
.fudong dl.fudong-dlc dd .fudong-diva {
	width: 101%;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 3px 15px 3px rgba(0,0,0,.1);
	margin-left: -.5%;
	padding-bottom: 30px;
}
.fudong dl.fudong-dlc dd h2 {
	margin: 0;
	font-size: 16px;
	color: #000;
	padding: 20px 0 6px;
	font-weight: bold;
	text-align: center;
}
.fudong dl.fudong-dlc dd h3 {
	margin: 0;
	width: 162px;
	height: 152px;
	margin: 20px auto;
	background: url(../img/bg02.jpg) no-repeat 0 0;
	text-align: center;
}
.fudong dl.fudong-dlc dd h3 img {
	width: 137px;
	height: 137px;
	margin: 6px auto 0;
}
.fudong dl.fudong-dlc dd p {
	font-size: 12px;
	color: #777;
	text-align: center;
	margin: 0;
}
.fudong dl.fudong-dlc dd tt {
	top: 10%;
}
@media (max-width: 768px) {
.cpbox img{ height:260px}
.headlogo{ display:flex}
.headlogo span{ font-weight:bold; color:#fff; margin-top:25px; padding-left:20px;}.header.hover .headlogo span{ margin-top:10px}
.bar{ display:flex}.bar a{ padding-left:10px; padding-right:10px; font-size:14px; margin-right:1px}
.sx span{ padding:0px 10px}
.bar{ margin-top:20px}
.new{ font-size:14px; padding:10px 20px}.new img{ width:20px}.new span{ display:block; margin:10px 0}
.cpxx p,.sx,.ab,.i_part_k .right_boxes .txt_img .img_swiper p{ font-size:14px; line-height:24px}
.shottit{ font-size:18px}
.zuipin_mobile{ padding-right:0}
.xwinfo.row{ margin-left:-15px; margin-right:-15px;}
}

.leftnav{ width:20%; margin-top:100px}
.leftnav li { padding:15px 0; position:relative}
.leftnav li.hover:after{ position:absolute; width:1000px; border-top:#fff solid 1px; display:block; content:''; right:100%; margin-right:20px; top:50%; }
.leftnav li a{ color:#fff}
.leftnav li.hover a{ font-size:24px; font-weight:bold;}
.pro{ top:270px;  margin-left:-400px; width:calc(50% + 400px); position:absolute; left:50%;}
.pro .swiper-slide{ width:810px; }
.pro .skinpro{ background:url(../img/probg.png); width:770px; height:475px; background-size:cover}

.sk-img{ float:left; margin-top:50px; width:45%; text-align:center}
.sk-img img{ max-height:360px}
.sktxt{ float:left; width:38%; margin-left:10%; margin-top:70px;}
.sktxt h3{ font-weight:bold; padding-bottom:40px;}
.sktxt h3:hover a{ color:#0d5db2}
.sktxt p{ line-height:30px; font-size:16px;}
.sktxt .skmore{ display:block; border-top:#888 solid 1px; position:relative; color:#383838; font-size:18px; line-height:60px; margin-top:40px;}
.sktxt .skmore:after{ content:'>'; display:block; position:absolute; right:0; top:0px}

.fx{ position:absolute; left:620px; margin-left:0px; top:414px; z-index:555; background:url(../img/B.png) no-repeat; width:95px; padding:10px; height:95px; display:block; background-size:cover}
.fx span{ display:inline-block; width:50%; float:left; text-align:center; margin-top:23px;}
.fx span img{ width:17px;}



.about{ height:800px; overflow:hidden;background:url(../img/bg31.png) no-repeat;background-size:cover;}
.abimg{ background:url(../img/bg3a.jpg) no-repeat; height:100%; position:relative; background-size:cover;}
.about>div { position:relative; height:100%}
.abnav{  z-index:5;display:block; position:absolute; left:80px; bottom:0; width:100%; background:rgba(255,255,255,0.75); line-height:100px;}
.abnav a{ position:relative; display:block; width:180px; text-align:center; float:left; color:#333; font-size:18px; padding:0 0px; }
.abnav a.hover{ background:#1355B7; position:relative; color:#fff; font-weight:bold}
.abnav a.hover:after{ display:block;width: 0; content:''; position:absolute; left:50%; top:-10px; margin-left:-20px;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #1355B7;}
.abbox{ margin-left:80px; z-index:5; position:relative; width:570px; padding-top:50px}
.abtxt{ position:relative}
.abtxt p{ margin-right:260px; line-height:32px; font-size:18px; padding-top:30px}
.abtxt p .ms{ display:block; margin-top:50px; color:#08136b}
.abtxt img{ position:absolute; right:0; top:0px; width:210px}
.abbox .i_title{ text-align:left }
.abbox .i_title span{ color:#ccc}
.abhua:after{ content:''; display:block; position:absolute; width:100%; position:absolute; left:0; top:0; height:100%; background:url(../img/bg3.1.png) no-repeat bottom right }



@media (max-width: 768px) {

.i_part_b{ height:600px}
.leftnav li.hover:after{ display:none}
.leftnav{ width:100%; margin-top:30px; margin-bottom:30px}
.fx{ left:50%; margin-left:-50px; transform:scale(0.7);margin-top:60px}
.leftnav:after{ content:''; display:block ; clear:both}
.pro .skinpro{ width:auto; height:210px ; background-size:cover; border-radius:20px; margin:10px}
.leftnav li{ width:25%; float:left; text-align:center; padding:10px 0}
.leftnav li.hover a{ font-size:14px}
.sk-img img{ width:80px}
.sktxt .skmore{ font-size:14px; margin-top:10px; line-height:30px; margin-top:20px}
.sktxt h3{ font-size:14px; padding-bottom:15px} 
.sktxt p{ line-height:20px; font-size:12px; overflow: hidden;
    text-overflow: ellipsis;
    cursor:pointer;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.sktxt{ margin-top:0px}
.pro{ position:static; left:0; margin:0}
.swiper-button-next{transform:scale(0.7); right:0}
.swiper-button-prev{ transform:scale(0.7);left:0}
.timediv big{ font-size:20px}
.about{ min-height:770px; height:auto}
.about>div {}
.abimg{ height:300px!important}
.abnav { left:0}
.abnav a{ width:33.3%; line-height:40px}
.abbox{ margin-left:10px; width:auto}
.abtxt p { margin-right:120px; padding-top:0px;}

.abhua{ height:auto !important; padding-bottom:100px}
.abtxt img{ width:100px}
.abtxt p{ font-size:14px; line-height:24px;}
.abhua{ height:auto}
.sousuo.hover>div .sou{ padding-left:20px}
.inbanner .sousuo .sousuobox .sou{ padding-left:0 !important}
.inbanner .sousuo{ line-height:38px}.innav{ padding-bottom:0}
.rname,.tit2{ font-size:22px}
.icons p{ padding-bottom:20px}
.hss{ margin-top:-40px}
footer .mid_b{ padding-top:40px}
.cnmae{ padding-bottom:20px; margin-top:0; text-align:left; padding-left:35px; font-size:18px}
.cpxx,.new,.bar,.ns .fr p{ margin-top:10px}
.ewm{ display:flex; padding-top:20px}
.lxwm{ padding:0}
.pro{ width:100%}
.innav{ margin:0; }
.ileft{ padding:0; border-radius:0; background:none; border:none}
.cnmae{ padding:0 0 10px 0}
.rname{ padding-bottom:10px}
.innav a{ display:inline-block; padding:5px 20px;box-shadow: 0px 0px 5px #ccc; background:#fff;}
}

.sousuo.hover>div .sou::-webkit-input-placeholder { /* WebKit browsers */
  color: rgba(255,255,255,0.5);
}

.sousuo.hover>div .sou::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: rgba(255,255,255,0.5);
}

.sousuo.hover>div .sou:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: rgba(255,255,255,0.5);
}
.show_con {}
.show_con img { max-width:100% !important; height:auto !important;}