@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;
  text-align: justify;
  color: #555;
  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;

  position: fixed;
  width: 100%;
  padding: 0;
  z-index: 9999;

  background-size:auto 100%
  }
.header.hover { background:#00399B}
.header * {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
.header .top{ color:#fff; padding:10px 40px}
.header .top b{ padding-right:10px}
.header .top .pull-right span{ display:inline-block; z-index:5; position:relative; margin:0 8px}
.header .top .pull-right span a:hover{ opacity:0.7}

.header .top .pull-right span div{ display:none; position:absolute; padding:10px; background:#fff; width:150px; left:50%; margin-left:-60px; top:30px; width:120px}
.header .top .pull-right span:hover div{ display:block}
.header .headb {
  padding: 15px 0; border-top:rgba(255,255,255,0.4) solid 1px; border-bottom:rgba(255,255,255,0.4) solid 1px; }

.headlogo {
  position: absolute;
  left: 40px;
  top: 0px; margin-top:50px }
.headlogo img{ width:220px}


.header.hover .ssaa{ top:37px}
.headnav {
  display: inline-block; float:right; margin-right:30px}

.nav_in {
  float: left;
  position: relative;
  text-transform: uppercase;
  z-index: 70; }
.nav_in i{ position:absolute; right:0; top:50%; background:url(../img/d.png) no-repeat; width:7px; height:4px}
.nav_in .par {
  display: block;

  line-height: 70px;
  margin: 0 25px;
  font-weight: bold;
  font-size: 16px;
  color: #fff; }

.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(0, 0, 0, 0.7);
  top: 86px;
  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: #f90; }
  .nav1{ float:left; margin-left:300px}
.nav2{ float:right}
.rnav{ float:right;line-height:70px; margin-left:30px;  }
.rnav span{ color:#fff;display:inline-block; margin:0 10px;text-transform: uppercase;}
.nav2 .nav_in .par{ font-weight:normal}
.clearfix {
  clear: both;
  content: "";
  display: block; }

.now_hover .par:after,
.nav_in:hover .par:after {
  display: block;
  width: 30px;
  content: "";
  top: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  margin-top:13px;
  border-bottom: #fff solid 2px; }

.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; }



.dropmenudiv_b a:hover {
  color: #c00;
  font-weight: bold; }

.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:#00399B; 
  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: 27%;
  margin-top: -15px; }
.inbx{ background:url(../img/home_BG.jpg) no-repeat center top; background-size:100% auto}
.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(230,17,34,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: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: #fff;
  padding-right: 25px;
  margin-top: 19px;
  font-family: Arial; }

.banner .swiper-slide {
  padding-top:270px;
  padding-bottom: 320px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.banner .box {
  padding: 70px 0px 32px 0px;

  float: left;
  color: #fff;

 }
  .banner .box h2 {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px; }
  .banner .box p {
  font-size:18px;text-transform:uppercase
    }
  .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; }

	.rnav{ position:relative}
	.rnav span div{}
	.rnav span:hover div{ display:block}
.nic img{animation:turn 2s linear infinite;   }
.sousuo{ left:0; line-height:70px; background:rgba(0,0,0,0.75); margin-top:16px; width:200px; position:absolute; right:0; margin-left:-30px; top:100%; z-index:5}
.sousuo>div{ float:right; width:250px; 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; right:25px; top:50%; margin-top:-15px; background:none; border:none; line-height:31px}
.sousuo i{ background:url(../img/search.png) no-repeat center center;  width:30px; height:31px; display:inline-block; background-size:70%}
.sousuo>div .sou{ font-weight:normal; -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}
 .swiper-pagination-bullet {

  border-radius: 0;
  background: #fff;opacity: 1; border-radius:15px; }
 .fuwu .swiper-pagination-bullet{ background:#ddd}
  .banner .swiper-pagination{ bottom:auto; top:50%; margin-top:220px; text-align:left ; left:50%; margin-left:-650px}
 .banner .swiper-pagination-bullet-active{ width:60px ;background:#FF7979!important}
.inps .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#D2D2D2}
.inps #d .swiper-pagination-bullet-active{ background:#FFB34E!important}
#d .sw>span{ display:block; overflow:hidden}
#d .sw img{transform:scale(1) ;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
#d .sw:hover img{transform:scale(1.1) }
.gylist li{ margin-top:30px}
.gylist li *{-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;}
.gylist li .gydiv{ background:#E3F0F6}
.gylist li .gydiv div{ padding:30px}
.gylist li .gydiv div h3{ font-weight:bold; font-size:20px; margin-top:0}
.gylist li .gydiv div p{ padding:10px 0; font-size:16px; height:60px}
.gylist li .gydiv div i.rst{ width:18px; height:18px; background:url(../img/r2.png) no-repeat center center #0A309B; border-radius:18px; display:inline-block; vertical-align:middle}
.gylist li:hover .gydiv{ background:#0A309B}
.gylist li:hover .gydiv *{ color:#fff}
.i_title {
  margin-bottom: 68px; position:relative; }
  .i_title .pull-right{ position:absolute; top:10px ; right:0; color:#999}
  .i_title p {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 28px;
    color: #555555; }
  .i_title span {
    display: block;
    font-size:18px;
    color: #666;
	margin-top:15px;
   }
.inproli, .inproli .i_title  {
    text-align: center;
}
.i_title   .innav{ position:absolute; right:0; top:30px}
.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/pro_bg.jpg) no-repeat center/cover fixed; 
  padding-bottom: 140px; }
  .i_part_a .service_con {

  }
  .i_part_a .left_nav {
 }
 .ra{ font-size:18px; display:block; margin-top:40px;}
.i_part_a .i_title,.i_part_a .i_title span{ color:#fff}

    .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: #d10d17;
        font-weight: bold;
        background: #fff;
       
        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_b .about_con .top{ position:relative}
       .imgbox2{
          height: 100%;
          background-repeat: no-repeat; position:absolute; width:100%; right:0; top:0;
         
          background-position: center; background:url(../img/mp.png) no-repeat center right }
		  .ibox{ background:#0846BD; color:#fff; border-radius:5px;-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; padding:20px; width:340px; position:absolute; right:0%; top:50%;}
		  .ibox:hover{box-shadow: 10px 10px 5px rgba(0,0,0,0.2); right:1%; top:49%;}
		  .ps1{ background:url(../img/m.png) no-repeat left center; padding-left:24px}
		  .ps2{ background:url(../img/d1.png) no-repeat left center; padding-left:24px}
		  .ibox img{ position:absolute; left:20px; top:20px; display:block }
		  .about_con .txt{ position:relative; z-index:5}
		    .imgbox2>span {
      transform: translate(-50%, -50%);
      display: block; font-size:14px;
    
    
    
      position: absolute; }
	      .imgbox2>span  p{ position:absolute; top:-5px; left:20px;white-space: nowrap; }
	  .imgbox2>span:after{  width: 10px;
      height: 10px;  background:#CC0000;  border-radius: 50%; content:''; display:block}  
      .imgbox2>span em:nth-child(1) {
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        border:#CC0000 solid 1px;
        -webkit-animation: warn 1.5s ease-out both;
        -moz-animation: warn 1.5s ease-out both;
        -o-animation: warn 1.5s ease-out both;
        animation: warn 1.5s ease-out both;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite; }
		
		    .imgbox2>span em:nth-child(2) {
			content: "";
        display: block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        border:#CC0000 solid 1px;
        -webkit-animation: warn 1.5s ease-out both;
        -moz-animation: warn 1.5s ease-out both;
        -o-animation: warn 1.5s ease-out both;
        animation: warn 1.5s ease-out both;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
		animation-delay:0.4s;
-webkit-animation-delay:0.4s;
			}
			
			   .imgbox2>span em:nth-child(3) {
			content: "";
        display: block;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -16px;
        margin-left: -16px;
        border:#CC0000 solid 1px;
        -webkit-animation: warn 1.5s ease-out both;
        -moz-animation: warn 1.5s ease-out both;
        -o-animation: warn 1.5s ease-out both;
        animation: warn 1.5s ease-out both;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
		animation-delay:.8s;
-webkit-animation-delay:.8s;
			}
			
    .imgbox2 .dot_1 {
      top:35.40203%;
      left: 86.77551%; }
      .imgbox2 .dot_1::after {
        animation-duration: 2.5s; }
		@-webkit-keyframes warn {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0; } }

@-moz-keyframes warn {
  0% {
    -moz-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -moz-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0; } }

@-o-keyframes warn {
  0% {
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0; } }

@keyframes warn {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.8);
    -moz-transform: scale(1.8);
    -o-transform: scale(1.8);
    transform: scale(1.8);
    opacity: 0; } }

		  .ibox span{ display:block; margin-left:120px; padding-top:5px}
          .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;
          color: #fff;
          margin-top: 22px; font-weight:bold }
    .i_part_a .right_boxes .swiper-button-next,
    .i_part_a .right_boxes .swiper-button-prev {
      width: 46px;
      height: 48px;
      margin-top: -70px; }
    .i_part_a .right_boxes .swiper-button-prev,
    .i_part_a .right_boxes .swiper-container-rtl .swiper-button-next {
      background: url(../img/left.png) no-repeat center;
      left: -62px; }
    .i_part_a .right_boxes .swiper-button-next,
    .i_part_a .right_boxes .swiper-container-rtl .swiper-button-prev {
      background: url(../img/right.png) no-repeat center;
      right: -62px; }
.i_part_k .left{ width:50%; float:left; height:400px;}
.i_part_k .left img{ height:100%; width:100%}
.i_part_k .right{ width:50%; float:right; background:url(../img/pro.png) #eee; height:400px;}
.i_part_k .right div{ padding:30px 50px}
.i_part_k .right .slide-des{ padding:0;}
.k{ position:relative}
.i_part_k .but{ position:absolute; left:50%; z-index:5; margin-left:-50px; bottom:0}
.i_part_k .right div h2{ border-bottom:#999 solid 1px; padding-bottom:40px; font-weight:bold; color:#000}
.i_part_k .right div  p{ font-size:14px; line-height:30px; padding:30px 0}
.but a{ display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; background:rgba(0,0,0,0.8)}
.but a:hover{ background:#CC0000}

.innav2{ width:100%; position:absolute; width:100%; bottom:0; left:0;}
.innav2 div div{ background:#002F8E; border-radius:5px 5px 0 0}
.innav2 div div a{ display:inline-block; padding:25px 30px; margin:0 1px; font-size:18px}
.innav2 div div a.hover,.innav2 div div a:hover{ background:#fff; color:#002F8E; border-radius:11px 11px 0 0}
.i_part_b {
 
  padding-top: 90px;
   }
 
 .i_title h2{
   font-size:42px; font-weight:bold; color:#111 }
    .i_title h3{
   font-size:30px; color:#000; font-weight:bold }
     .i_part_b .i_title h2{ font-size:41px}
  .i_part_b .i_title span {
     }
  .i_part_b .about_con {
    display: none; }
	.about_con .des{ line-height:28px;}
    .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:14px;  color:#666; padding-top:30px;
        }
		.i_part_b .i_title{ color:#222}
		.i_title big{color:#222; padding-top:15px; display:block}
		   .i_part_b .about_con .top .more{ margin-top:30px; display:inline-block; border:#fff solid 1px; padding:10px 30px; font-size:18px;  background:#ddd;border-radius:40px; color:#666; margin-right:20px;background:#CC0000; color:#fff}
		   .i_part_b .about_con .top .more:hover{ background:#fff; border:#CC0000 solid 1px; color:#CC0000}
    .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; }
  .i_part_c .row {
    text-align: center; }
    .i_part_c .row p {
      font-size: 24px; padding:10px 0;
     
      }
      .i_part_c .row p i {
        font-style: normal; font-weight: bold; color:#000 }
   
    .i_part_c .row span { 
      display: block;
      font-size:16px;
      color: #555555;  margin-left:20px; margin-right:20px; line-height:34px }
	  .rba{ position:fixed; right:0; top:50%; margin-top:-40px; z-index:5555;}
	  .rba div p{ height:0; overflow:hidden; color:#fff;}
	    .rba *{-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;}
	   .rba>div{margin:1px 0; position:relative;}
	   .rba>div:after{ content:''; display:block; clear:both}
.rba>div span{  background:#00399B; z-index:55; background:#00399B; min-height:55px; position:relative; width:55px; line-height:25px; float:right;  text-align:center; margin:0px 0 ; display:inline-block}
.rba>div span img{ vertical-align:middle; margin-top:15px}
.rba>div div{ font-size:16px; min-width:180px; position:absolute; right:-180px; background:#00399B; top:0px; min-height:77px; line-height:56px; padding:10px 20px; color:#fff}
.rba>div:hover  div{ right:55px;}
.rba>div:hover p{ height:20px;}
.rba>div:hover span{ width:70px}
.rba>div div b{ display:block; padding:10px 0}
.icbg{ display:table; width:142px; height:142px; margin:0 auto; background:url(../img/a.png) no-repeat center center; margin-bottom:20px}
.icbg b{ position:relative; display:table-cell; vertical-align:middle}
/*.icbg b:after{ content:''; display:block; width:100%; height:100%; border:#0066CC solid 1px; left:0; top:0 ; position:absolute; border-radius:150px;transform:scale(0);-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;opacity:0.5}
*/
.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: #222; }
  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 #666768; }
    footer .mid .fimg { color:#999; text-align:center; line-height:40px; padding-top:20px;
      display: block;
      float: right; }
	   .fimg p  { line-height:20px; margin-top:30px}
	  .fimg p a{ color:#ccc; display:inline-block; margin:0 15px; height:20px; padding-left:40px; }
	  .fimg p a.zwb{ background:url(../img/fbg@2x_05.png) no-repeat left center}
	  .fimg p a.ywb{ background:url(../img/fbg@2x_03.png) no-repeat left center}
    footer .mid .cl {
      float: left;
      margin-left: 80px;
      padding-top: 7px; line-height:30px }
	   footer .mid .cl h2{ color:#fff; font-size:18px;  padding-bottom:30px;}
      footer .mid .cl:nth-child(1) {
        margin-left: 0; }
      footer .mid .cl a {
        display: block;
        color: #ccc;
        font-size: 16px;
        opacity: 0.6;
        margin-bottom: 12px; }
        footer .mid .cl a:last-child {
          margin-bottom: 0; }
        footer .mid .cl a:hover {
          color: red;
          opacity: 1; }
  footer .mid_b {
    border-bottom: 1px solid #666768; font-size:18px;
    padding-top: 22px; color:#999;
    padding-bottom: 12px; }
    footer .mid_b a {
      display: inline-block;
      color: #fff;
     
      opacity: 0.3;
      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: 14px;
	line-height:34px;
	color:#666;
 
   
    padding-top: 25px;
    padding-bottom: 25px; }
	footer .bottom .jszc { display:inline-block;}
	footer .bottom .jszc p { display:inline-block;}
    footer .bottom a {
	color:#666
     }
  footer .bottom a:hover{ color:#fff !important}
@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:6px 10px; }
  .header > div {
    padding: 0; }
  .header {
    height: 70px;
    padding: 0; }
  .headlogo img {
    height: 40px; }
  .header.hover .logo {
    margin-top: 15px; }
  .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) {
.innav2{ }
.i_part_a{ overflow:hidden}
.inbanner .innav2 .container{ padding:0}
.innav2 div div:after{ content:''; display:block; clear:both}
.innav2 div div a{ padding:10px 0px; margin:0; width:20%; float:left; text-align:center; font-size:14px;}
.innav2 div div a.hover, .innav2 div div a:hover{ border-radius:0}
.i_part_c,.i_part_c .row div{ padding:0}
.sousuo{ width:100%; left:0; line-height:50px}
.sousuo>div{ 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:13px}
.bottom span{ width:100%;}
.icbg{transform:scale(0.7)}
.i_part_c .row div{ margin-bottom:0}
.i_part_c{ padding-bottom:0}
.i_part_c .row span{ font-size:12px; line-height:20px}
.i_part_b .about_con .top .imgbox{ margin-top:20px}
.i_title h2,.i_part_c .row p{ font-size:24px}
.i_part_k .but{ left:0; margin-left:0}
.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 {
    padding: 15px;
   }
  .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: 12px; }
	.i_title .innav{ top:20px}
  .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:#fff}
#d .sw{ margin:15px; position:relative}
#d{ padding-bottom:80px;}
.swiper-pagination-bullet{ width:17px; height:17px}
#d .sw img{ width:100%;}
#d .sw div{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; width:100%; padding:20px 30px; bottom:0 ; background:#f5f5f5; left:0;}
#d .sw div h3{ font-weight:bold;line-height:36px; font-size:18px; padding-bottom:15px}
#d .sw div p{ line-height:32px; font-size:14px}
#d .sw:hover div{ box-shadow: 0px 0px 15px #ccc;}
#d .swiper-pagination-bullet-active{ width:70px;border-radius:15px; background:#FF7979!important}
.parts{color:#999;}
hr.line{ border-color:#ddd; }
.i_title2 h3{ padding-bottom:15px; padding-top:15px}
.parts  ul{ margin-left:-9px; margin-right:-9px;}
.parts li{ float:left; width:15.26%; margin:0.7%; display:table; overflow:hidden; border:#ddd solid 1px; height:80px; border-radius:5px; text-align:center}
.parts li span{ display:table-cell; vertical-align:middle}
.parts li img{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s; width:100%;
    transition: all 0.3s; transform:scale(1);  }
.parts li:hover img{ transform:scale(1.1);}
.inbanner{ height:530px}
.i_part_h{ background:#fff; background-size:cover; padding:80px 0; padding-top:40px}
.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; }
.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/BG@2x.jpg) no-repeat center top #fff; padding:40px 0; }
.weizhi{ color:#999; padding-bottom:50px; position:relative}
.weizhi a{ color:#999}
.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%;}
/*.cname{ border:#3969CB solid 2px;margin-top:30px; display:inline-block; font-weight:bold; font-size:18px; color:#3969CB}*/
.cname {
    border: #3969CB solid 2px;
    padding: 25px 50px;
    margin-top: 30px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #3969CB;
    padding:25px 50px;
}
.cname a{ display:block; padding:25px 50px;  color:#3969CB}
.cname a:hover{ background:#3969CB; color:#fff}
.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{ position:absolute; top:0px;  display:inline-block; padding:0px 0px; font-size:14px; right:0;}
.pardes{ font-size:19px; padding-bottom:50px;  line-height:32px; border-bottom:#999 solid 1px}

.inbanner .container{ padding-top:220px;}
.inbanner .container h2{ color:#fff; font-size:42px; font-weight:bold;}
.inbanner .container h3{ color:#fff; font-size:34px; text-transform : uppercase;font-weight:bold;}
.inbanner .container p{ color:#fff; font-size:18px; padding-top:20px}
.inbanner .container a{ color:#fff}
.sou{ font-size:16px}
.sou::-webkit-input-placeholder{
        color: #fff;
}
.sou::-moz-placeholder{ 
        color: #fff;        
}
.sou:-ms-input-placeholder{ 
        color: #fff;        
}
.innav{ padding-bottom:60px}
.innav a{ display:inline-block; padding:10px 30px; font-size:18px; font-weight:bold; background:#ddd;border-radius:40px; color:#666; margin-right:20px;}
.innav a.hover{ background:#CC0000; color:#fff}

.cq .fl h3{ font-weight:bold; margin-top:50px; font-size:30px}
.cq .fl p{ font-size:16px; line-height:30px ; padding-top:40px}
.cq .fl p .more{ display:inline-block; padding-right:20px; background:url(../img/rr.png) no-repeat right}
.cq .fl p .more:hover{ color:#0066CC}
.cq .fl div{ padding-right:20px}
.cq  ul li:nth-child(2n) .fr img{ margin-left:0px}
.cq  ul li:nth-child(1){ margin-top:0}
.cq ul li:nth-child(2n) .fr{ float:right;}
.cq ul li .fl div{ padding-right:20px; padding-left:20px}
.cq ul li .fl .cq-con{ padding-right:0px; padding-left:0px}
.cq ul li{ margin:80px 0}

.ab{ font-size:18px; line-height:30px}
@keyframes donghua {
  0 {opacity:1;}
  50% {opacity:0;}
  100% {opacity:1;}
}
.digital>div{
-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}
.digital>div:hover{transform:translateY(-10px)}
.digital>div:hover .icbg b:after{transform:scale(1);}

.i_part_s{ background:#0066CC; color:#fff; padding:100px 0; background:url(../img/bgbg.jpg) no-repeat center fixed}
.i_part_s .txt{ font-size:22px; line-height:38px}
.i_part_s .txt p{ padding-top:50px}
.i_part_s .txt a.more{ color:#fff; border:#fff solid 1px; border-radius:50px; display:inline-block; padding:4px 25px; font-size:17px}
.i_part_s .txt a.more:hover{ background:#fff; color:#000}
.tbnav { padding-bottom:40px;}
.tbnav a{ display:inline-block; position:relative; padding:10px 40px; font-size:18px; border-radius:8px; margin-right:15px; background:#464646; color:#fff }
.tbnav a.hover{ background:#CC0000; color:#fff}
.tbnav a:after{}
.tbnav a.hover:after,.tbnav a:hover:after{ content:''; display:block;width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #CC0000; position:absolute; bottom:-10px; left:50%; margin-left:-10px}
.innews li{ margin-left:0}
.ns{ padding-bottom:50px; border-bottom:#ccc solid 1px;}
.ns .fr{ padding-left:50px}
.ns .fr h3{ font-weight:bold; padding-bottom:20px; border-bottom:#ccc solid 1px; }
.ns .fr span{ display:block; margin-top:20px;}
.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{ font-weight:bold; padding-bottom:20px; border-bottom:#ccc solid 1px; font-size:24px;}
.title p{ font-size:18px; line-height:40px; margin:20px 0; }
.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;
}
@media (max-width:1568px) {
.nav_in .par{ margin:0 20px}
}

@media (max-width: 768px) {
.header .headb{ border:none}
.i_part_k{ margin-top:30px}
.i_part_k .left,.i_part_k .right{ width:100%;}
.i_part_k .left{ height:230px}
.i_part_k .right{ height:auto; padding-bottom:50px}
.i_part_k .right div{ padding:20px}
.i_part_k .right div p{ line-height:24px}
.i_part_k .right div h2{ font-size:18px; padding-bottom:20px}
.fuwu .swiper-pagination-bullet{ transform:scale(.8)}
.i_part_k .right div p{ padding:15px 0}
.i_part_b .about_con .top .more,.i_part_s .txt a.more{ font-size:14px; padding:5px 12px}
.i_part_b .about_con .top{ margin-left:-15px; margin-right:-15px;}
#d .sw div h3{ font-size:15px; line-height:24px}
.fudong{ display:none}
.cq .fl h3{ margin-top:0}.cq ul li{ padding-bottom:0px}
.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:14px;}
.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}
.inbanner .container{ padding-top:50px;}
.cq ul li{ margin:10px 0}
.header{ background:#00399B }
.back{ padding:10px 10px; display:none}
.hm_news2 li .date img{ width:100px}
.inbanner{ height:240px}
.inbanner .container h3{ font-size:28px}
.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}
.inbanner .container h2{ font-size:24px}
.nxgd img{ height:auto}
.inbanner .container p{ padding-top:0px}
.hm_news li .inf dt,#d .sw div h2,.hm_news2 li .inf dt{ font-size:15px}
.hm_news li .inf dd,.inbanner .container p{ font-size:13px; line-height:22px}

.parts li{ width:31.8%; padding:10px 0; overflow:hidden}
#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; }
.back{ font-size:14px; right:20px; top:30px;}
.tbnav a{ font-size:16px; padding-left:15px; padding-right:15px;}
.i_part_s .txt p{ font-size:14px; line-height:24px}
.i_part_b .i_title h2{ font-size:24px}
.header .top,.nav1{ display:none}
}
.prolist li{ padding-bottom:40px}
.prolist li>div{box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
}
.prolist li>div img{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}

.prolist li>div span{ overflow:hidden; display:block}
.prolist li>div:hover span img{transform: scale(1.1)}
.prolist li h3{ font-size:20px; padding:0px 0 20px 25px; color:#041841}
.prolist li p{ line-height:26px; font-size:16px; color:#999;}
.hea80{ height:50px}
.face{ font-size:20px; padding:30px 0;}
li{ list-style:none}
.face a{ border-radius:0px;color:#666; margin:0 5px; display:inline-block; padding:6px 15px; text-align:center; margin-top:15px; border:#999 solid 1px}
.face span{ color:#fff; margin:0 5px; display:inline-block; padding:6px 12px; text-align:center; margin-top:15px; border:#2255BC solid 1px; background:#2255BC;}
.face a span{ color:#348fdc;;}
.face a.active,.face a:hover{ border:#2255BC solid 1px; background:#2255BC; color:#fff }
.swiper-container.hm_news li{ margin-left:0; padding-top:0}
#news{ padding-bottom:90px}
.hm_news li{ position:relative; padding-top:0}

.hm_news li dt{ width:150px; text-align:center; font-weight:bold; background:#fff; font-size:18px; padding:15px 0; position:absolute; top:0 ; z-index:5; left:0; border:#ddd solid 1px; border-radius:5px;}
.hm_news li dl{ position:relative}
.hm_news li dd{ margin-left:200px; position:relative; background:#fff;padding:15px 25px; font-size:16px; line-height:28px; border:#ddd solid 1px; border-radius:5px;}
.hm_news li dd:after{ content:''; display:block; width:10px; height:10px; border-radius:10px; border:#ddd solid 1px; background:#fff; position:absolute; z-index:5; left:-26px; top:24px}
.hm_news ul{ position:relative}
.hm_news{position:relative;}
.hm_news:after{ content:'';  display:block; height:100%; left:180px; top:0; position:absolute; border-left:#ddd solid 1px;}

.hm_news li dt:before{content:'';  z-index:-1;display:block; position:absolute; right:-16px; top:50%; margin-top:-10px;width: 0; height: 0;border-top: 11px solid transparent;
    border-left: 16px solid #ccc;
    border-bottom: 11px solid transparent;}
.hm_news li dt:after{content:''; display:block; position:absolute; right:-15px; top:50%;width: 0; margin-top:-9px;height: 0;border-top:10px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 10px solid transparent;}
.hm_news li:hover dd,.hm_news li:hover dt{ background:#002F8E; border:#002F8E solid 1px; color:#fff}
.hm_news li:hover dt:after{    border-left: 15px solid #002F8E;}
.hm_news li:hover dd:after{ background:#002F8E}

.btn8{ background:url(../img/cd.png) no-repeat center #002F8E; background-position:30px center; display:inline-block; padding:15px 30px; font-size:16px; color:#fff; padding-left:55px; margin-top:40px}
.btn8:hover{ background-color:#6699CC}
@media (max-width: 768px) {
.hm_news li dt:before{border-top:7px solid transparent;
    border-left: 10px solid #ccc; right:-9px;
    border-bottom: 7px solid transparent;}
.hm_news li dt:after{border-top:7px solid transparent;
    border-left: 9px solid #fff; right:-8px;
    border-bottom:7px solid transparent;}
.hm_news li dd:after{ left:-16px}
.hm_news:after{ left:90px}
.hm_news li dd{ margin-left:100px; font-size:14px; line-height:20px}
.hm_news li dt{ width:70px; font-size:14px}
.face{ padding-top:10px}
.face a{ font-size:14px; margin-right:0px; padding:1px 6px;}
.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}
.i_part_c{ padding-top:30px}
.prolist li{ padding:10px}
.prolist.row{ margin-left:-10px; margin-right:-10px}
 .i_part_c .row p{ font-size:20px}
}

.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:#ddd solid 1px; margin-top:20px}
.bar a{ font-weight:bold;  display:inline-block; position:relative; padding:20px 0px; margin-right:40px; font-size:18px; }
.bar a.hover,.bar a:hover{  color:#333}
.bar a.hover:after{ content:''; display:block; position:absolute; left:0; bottom:0; height:3px; width:100%; left:0; background:#3174FC}
.cona .ab{ display:none}
.cona .show{ display:block}
.cona{ border-bottom:#ccc solid 1px; padding-bottom:50px}
.shottit {
	    font-size:24px;
		font-weight:bold;
    color: #000; margin-top:50px; padding-bottom:30px;
	
	
	border-bottom:1px solid #b2b2b2;

}
.cpxx {

    margin-top: 30px;
	position:relative;
	
}
.sousuo.hover .ans{ left:90%;}
.sousuo.hover>div .sou{ padding-right:60px; padding-left:0}
.sx {
	padding: 70px 0; font-size:18px; margin-top:80px
}
.sx p {
	line-height: 40px;
}
.sx span {
	display: inline-block;
	padding: 4px 15px;

}
.ewm{ text-align:center; float:right}
.lianxi{ color:#333;}
.lxwm p{ padding:5px 0; font-size:18px}
.lxwm li{ padding:5px 0; font-size:18px}
.tit2{ padding:20px 0}.ewm span {
    display: inline-block;
    text-align: left;
    padding: 0 20px;
}
.ewm p{ font-weight:bold; font-size:16px;}
.ewm img{ border:#ddd solid 1px;}
.sx a:hover{ color:#CC0000}
.zuipin_mobile{ padding-right:30px}
.new{ background:#eee; padding:30px; margin-top:40px; font-size:26px; color:#e80c18; font-weight:bold}
.new span{ display:inline-block; margin:0 10px}
.new a{ color:#e80c18}
.new i{ display:inline-block; margin-right:10px}
.cpxx .show_cptd {
	margin:0;
	line-height:33px;
	font-size:16px;
}
.cpxx p {
	margin:0;
	line-height:33px;
	font-size:16px;
}
.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 #e60012;
	border-radius: 5px;
	position: fixed;
	right: 10px;
	top: 20%;
	z-index: 999;
	background: #e60012;
}
.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 #e60012;
	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: #e60012;
	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%;
}
.logo img{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
@media (min-width: 768px) {
.hover .now_hover .par:after,
.hover .nav_in:hover .par:after {
 
  margin-top:-1px;
 }
.hover .now_hover .par:after{ margin-top:-1px;}
.hover .dropmenudiv_b{ top:71px}
.hover .logo { margin-top:8px}
.hover .logo img{ width:150px}
.hover.header .headb{ padding:0;}
.hover .sousuo{top:55px !important}
}
@media (max-width: 768px) {
.lxwm{ margin:0; padding:0}
.tit2{ font-size:20px}
.weizhi{ padding-bottom:20px}
.title p{ display:flex}
.title span{ font-size:14px; margin-right:15px}
.i_title h3{ font-size:22px}
.title h1{ font-size:20px}
.sx{ padding:20px 0 !important; margin-top:30px }
.ewm{ float:none; margin-left:-15px; padding-top:20px; margin-right:-15px}
.ewm span{ padding:0 10px}
.lxwm li{ font-size:14px;}
.imgbox2{ position:relative; left:0; top:0; height:240px; background-size:100% auto;}
.imgbox2 .dot_1 {
    top: 40.40203%;
    left: 77.77551%;
}
.i_part_b{ padding-bottom:0}
.ibox{ top:auto; bottom:0; right:auto; left:10px}

.gylist{ margin-left:-15px; margin-right:-15px;}
.headlogo{ display:flex}
.headlogo span{ font-weight:bold; color:#fff; margin-top:25px; padding-left:20px;}
.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;}
.about_con .row{ margin-left:-15px; margin-right:-15px}
.cq ul li .fl div{ padding:0; padding-top:20px}
.cname{ padding:15px 20px; margin-top:0}
.cq .fl p .more{ margin-bottom:30px}
.cq ul li .fl{ float:left}
.back{ clear:both; position:static;float:none}
.parts li{ height:53px}.parts li{ padding:0}
.cq ul li:nth-child(2n) .fr{  width:100%;float:left}
.cq ul li{}
}

.show_con{}
.show_con img{ max-width:100% !important; height:auto !important;}