@charset "utf-8";
/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}

@font-face {
  font-family: 'inum';
  src: url('/lib/Font-Awesome/font/方正标黑体简体.TTF') format('truetype');
}

@font-face {
  font-family: 'inuma';
  src: url('/lib/Font-Awesome/font/AdobeHeitiStd-Regular.otf') format('truetype');
}


@font-face {
  font-family: 'SourceHanSansCN';
  src: url('/lib/Font-Awesome/font/SourceHanSansCN-Bold.otf') format('truetype');
}

@font-face {
  font-family: 'DINCOND';
  src: url('/lib/Font-Awesome/font/DINCOND-BLACK.OTF') format('truetype');
}


fieldset,img {
    border: 0;
}
input,textarea{outline: none;}
address,caption,cite,code,dfn,em,th,var {
    font-weight: normal;
    font-style: normal;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
q:before,q:after {
    content:"";
}
abbr,acronym {
    border: 0;
}
a{
    text-decoration: none;
}
img{
    border:none;
    vertical-align: middle;
}

    body {font: normal 100% Microsoft YaHei,Helvetica, Arial,sans-serif;overflow-x: hidden;color: #333;}

    .c {
        width: 1600px;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;

    }

    input, textarea {
        outline: none;
        background: none;
        border: none;
    }

    .cc {
        width: 1260px;
        margin-left: auto;
        margin-right: auto;
    }

    .left {
        float: left;
    }

    .right {
        float: right;
    }

    a {
        font-size: 14px;
        line-height: 25px;
    }

    p {
        font-size: 14px;
        line-height: 30px;
    }

    span {
        font-size: 14px;
    }

    a:hover {
        color: #308979;
        text-decoration: none;
    }

    .clear {
        clear: both;
    }
    .hide{display: none;}
    .show{display: block;}
.height10{height:10px;}
.height30{height:30px;}
.height20{height:20px;}
.height34{height:34px;}
.height40{height:40px;}
.height50{height:50px;}
.height60{height:60px;}
.height70{height:70px;}
.height80{height:80px;}
.height90{height:90px;}
.height95{height:95px;}
.height100{height:100px;}
.ff{background-color: #fff;overflow: hidden;}
    .f8 {
        background: #f8f8f8;
        width: 100%;
    }

    input::-webkit-input-placeholder {
        color: #bbbbbb;
    }

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

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

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

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

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

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





#Jnav{z-index: 999999;}
.fixed-nav{
	position: fixed;
	width:100%;
	height: 95px;
	top:-95px; 
	-webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
}
.fixed-nava{
	position: fixed;
	width:100%;
	height: 95px;
	top:-95px; 
	-webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.1);
    box-shadow: 0 2px 2px rgba(0,0,0,.1);
	background: rgba(0,0,0,0.6);
}
.fixed-nav-appear{top:0;}


/* @media screen and (min-width: 1921px){
	.c-container{
		padding: 0 50rem;
	}
}

@media screen and (max-width: 1599px) {
	.c-container{
		padding: 0 3rem;
	}
}

@media screen and (max-width: 1299px) {
	.c-container{
		padding: 0 1rem;
	}
} */






    /* 网站头部 */
    .header {height: 95px;width: 100%;-webkit-transition: all ease .5s;background: #fff;
        transition: all ease .5s;min-width:1200px;z-index: 9998;}
    .header_mid span{height: 26px;margin-left: 20px;padding-left: 20px;font-family: 'inum';
      margin-top: 38px;
      border-left: 1px rgba(0,0,0,.1) solid;
      color:#888;font-size: 20px; float:right;}
    /* .header_mid img{margin:0 10px;} */
    .header_mid em:hover{color: #0167c7;}
    .header_mid a,.header_mid em{color:inherit;font-size:16px;}

    .header_mid{z-index: 9;}
    .header_mid > .left{line-height: 95px;max-width: 33%;overflow: hidden;margin-left: 2.8%;}
    .header_mid > .left img{max-width: 100%;}
    .header_mid > p{float: right;font-size: 18px;color: #0167c7;margin-top: 40px;}
    .header_mid > p img{margin-right: 8px;}
    .header_mid > ul{float: right;}
    .header_mid > ul > li {float: left;margin-top:22px;}
    .header_mid > ul > li > a {color: #333;font-size: 16px;line-height: 50px;padding-bottom: 36px;}
    .header_mid > ul > li em{margin:0 35px;font-size:12px;color: #cdcdcd;;}
    .header_mid > ul > li > a > span {color: #333;font-size: 12px;}
    .header_mid > ul > li:hover > a, .header_mid > ul > li.active > a {border-bottom: 2px #003988 solid;color: #003988;}
    .header_mid > ul > li > ol{position: absolute;top:80px;left:-35px;z-index: 99;min-width: 165px;display: none;padding:5px 10px;background: rgba(0,0,0,.8);}
    .header_mid > ul > li > ol li{line-height: 45px;border-bottom: 1px solid #494949;}
    .header_mid > ul > li > ol li a{color:#333;font-size: 14px;}
    .header_mid > ul > li:hover > ol{display: block;}
    .header_mid > ul > li > ol li a:hover{color: #0167c7;}
    .header_mid > ul > li:hover a::after,.header_mid > ul > li.active a::after {
        width: 100%;
    }

    /* 语言版本切换 */
  .header .hr1{width: 1px;height: 95px;overflow: hidden;background: #e6e6e6;float: right;margin-left: 4%;}
  .header .zh_en{float: right;margin-top: 35px; padding: 0px 2.3% 0 1.5%;}
  .header .zh_en .zh_en_l{float: left;font-size: 16px;color: #333;margin-right: 8px;}
  .header .zh_en .zh_en_c{float: left;font-size: 16px;color: #666;}
  .header .zh_en .zh_en_c .zh_en_c2{display: none;position: absolute;}
  .header .zh_en .zh_en_c .zh_en_c2 a{font-size: 15px;color: #666;line-height: 20px;}
  .header .zh_en .zh_en_c .zh_en_c2 a:hover{color: #0167c7;}
  .header .zh_en .zh_en_r{float: left;width: 10px;height: 6px;margin-left: 10px;}
  .header .zh_en .zh_en_r .img2{display: none;padding-left: 5px;}


    
    
    /* 搜索 */
    .header .nav-search{float: right;margin-top: 48px;margin-left: 20px;}
    .header .nav-search .search-button{display: inline-block;border: 0;background: none;width: 26px;height: 26px; cursor: pointer;}
    .header .nav-search form{padding: 2px 9px 4px 8px;transition: .3s;border-radius: 2px;display: flex;align-items: center;}
    .header .search-btn-sticky{display:none;}  
    .header .header-wrapper.fixed .search-btn, .header .blog-aritlce-bd .search-btn, .header .news-bd .search-btn{display:none;}
    .header .header-wrapper.fixed .search-btn-sticky, 
    .header  .blog-aritlce-bd .search-btn-sticky, 
    .header  .news-bd .search-btn-sticky{display:inherit;}
    .header .nav-search form input{width: 0;border: 0;transition: .3s;padding-left: 0;padding-right: 0;background: none;color: #333; }
    .header .nav-search form input{color: #fff;}
    .header .nav-search form.open input{width: 180px; height: 30px;border: 1px #e6e6e6 solid;font-size: 14px;padding-left: 5px;}
    .header .nav-search-m{padding: 10px 15px 0 10px;margin-top: 40px;}
    .header .nav-search-m form{border: 1px solid #eee;display: flex;align-items: center;padding: 4px 5px;}   
    .header .nav-search-m .hs-search-field__input{border: 0;width: 87%;color: #fff;}
    .header .nav-search-m .search-button{display: inline-block;width: 30px; height: 30px;}
    

/*首页轮播图*/
.c-banner1 {
	background: #fff;
}
.c-banner1 .swiper-slide{
	position: relative;
	overflow: hidden;
}
.c-banner1 .swiper-slide img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	-webkit-transition: all 7s;
	transition: all 7s;
}
.c-banner1 .swiper-slide .c-bg2 {
	display: none;
}
.c-banner1 .swiper-slide-active img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1); 
}
.c-banner1 .swiper-slide .c-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
}
.c-banner1 .swiper-slide .c-wrap h2{
	font-size: 66px;
	color: #fff;
  font-weight: bold;
  margin-top: -12%;
  font-family: 'SourceHanSansCN';
}

.c-banner1 .swiper-slide .c-wrap h4{
  font-size: 22px;
  letter-spacing:4px;
	color: rgba(255,255,255,.88);
  font-family: 'SourceHanSansCN';
  margin-top: 10px;
}

.c-banner1 .swiper-slide .c-wrap h3{
	font-size: 46px;
  color: #fff;
  margin-top: 20px;
  font-family: 'SourceHanSansCN';
}

.c-banner1 .swiper-slide .c-wrap .hr{
  width: 4px;
  height: 55px;
  border-radius: 2px;
  background: #fff;
  margin-top: 45px;
}

.c-banner1 .right1{float: right;font-size: 13px;color: rgba(255,255,255,.7);letter-spacing:6px;margin-top: -11%;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);  
}



.c-banner1 .swiper-pagination-bullet {
	opacity: 1;
}
.c-banner1 .c-dot {
	position: absolute;
	bottom: 115px;
	left: 0;
	width: 100%;
}
.c-banner1 .swiper-pagination{
	position: relative;
	text-align: left;
}

.loading {
  margin: 0 5px;
  width: 38px;
  height: 38px;
	position: relative;
	border: 4px solid transparent;
	background: transparent;
}
.loading.swiper-pagination-bullet-active {
	border-color: rgba(255,255,255,.2);
}
.loading .c-progress {
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
	left: 11px;
	top: 11px;
  line-height: 120px;
  text-align: center;
}
.loading.swiper-pagination-bullet-active .c-progress {
	background-color: #0072ff;
}
.loading .left,
.loading .right {
	opacity: 0;
  width: 19px;
  height: 38px;
  overflow: hidden;
  position: absolute;
  left: -4px;
	top: -4px;
	overflow: hidden;
}
.loading.swiper-pagination-bullet-active .left,.loading.swiper-pagination-bullet-active .right {
	opacity: 1;
}
.loading .right {
	left: auto;
	right: -4px;
	top: -4px;
}
.loading .left:after,
.loading .right:after {
  content: "";
  position: absolute;
	display: block;
	top: 0;
	left: 0;
  width: 19px;
  height: 38px;
	border: 4px solid #fff;
	border-radius: 19px 0 0 19px;
	border-right: 0;
}
.loading .right:after {
  content: "";
	position: absolute;
  display: block;
	border-radius: 0 19px 19px 0;
	border: 4px solid #fff;
	border-left: 0;
}
.loading.swiper-pagination-bullet-active .left:after {
  transform-origin: right center;
  /* animation-iteration-count: infinite; */
  animation-fill-mode: forwards;
  animation-duration: 3.9s;
  animation-timing-function: linear;
  animation-name: spin-left;
}

.loading.swiper-pagination-bullet-active .right:after {
  transform-origin: left center;
  animation-duration: 3.9s;
  /* animation-iteration-count: infinite; */
  animation-timing-function: linear;
  animation-name: spin-right;
}
@keyframes spin-right {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin-left {
  0% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.1,1.1);
    -webkit-transform:scale(1.1,1.1); 
  }
}

@keyframes c-zoom {
  0% {
    transform:scale(1,1);
    -webkit-transform:scale(1,1); 
  }
  100% {
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2); 
  }
}

.c-zoom {
  -webkit-animation-name: c-zoom;
  animation-name: c-zoom;
}


/* 应用领域 */
.pt-5{padding-top: 135px!important;}
.home-wrapper .row{margin:0}
.text-center{text-align:center!important}
.container-fluid{margin-right:auto;margin-left:auto}
.container-fluid h2{font-size: 36px;color: #333;font-weight: bold;text-align: center;}
.container-fluid h3{font-size: 18px;color: #666;text-align: center;margin-top: 20px;margin-bottom: 70px;}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-lg-6,.col-md-8{position:relative;width:100%;padding-right:10px;padding-left:10px;margin-bottom: 20px;}
.wow{visibility:hidden}
.Brandhubthumbitem-shaft{display:block;position:relative;cursor:pointer;overflow:hidden;margin:0}
.Brandhubthumbitem-shaft .Brandhubthumbitem-ah,.Brandhubthumbitem-shaft .Brandhubthumbitem-bj{position:absolute;left:0;bottom:0;width:100%;height:100%}
.Brandhubthumbitem-shaft .Brandhubthumbitem-aq{padding-bottom:70%}
.Brandhubthumbitem-shaft .Brandhubthumbitem-bj{z-index:1;height:auto;padding:34px 40px;box-sizing:border-box;text-align:left}
.col-md-8 .Brandhubthumbitem-aq{padding-bottom:34.3%}
.layer-2 .Brandhubthumbitem-shaft .Brandhubthumbitem-aq{padding-bottom:100%}.Brandhubthumbitem-ah{transform:scale(1.02);transition:transform 3s cubic-bezier(.23,1,.32,1)}
.Brandhubthumbitem-ah img{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}
.Brandhubthumbitem-ah video{display:block;max-height:100%;min-height:100%;margin:auto}
.Brandhubthumbitem-ah:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;padding-top:100%;background-color:rgba(1,19,44,.5);border-radius:100%;z-index:20;opacity:0;visibility:hidden;-ms-transform:scale(0) translateY(0);-webkit-transform:scale(0) translateY(0);-moz-transform:scale(0) translateY(0);-o-transform:scale(0) translateY(0);transform:scale(0) translateY(0);transition:all 1.2s cubic-bezier(.39,.575,.565,1);-webkit-transition:all 1.2s cubic-bezier(.39,.575,.565,1);-moz-transition:all 1.2s cubic-bezier(.39,.575,.565,1);-ms-transition:all 1.2s cubic-bezier(.39,.575,.565,1);-o-transition:all 1.2s cubic-bezier(.39,.575,.565,1)}
.Brandhubthumbitem-shaft:hover .Brandhubthumbitem-ah{transform:scale(1)}
.Brandhubthumbitem-shaft:hover .Brandhubthumbitem-ah:after{opacity:1;visibility:visible;-o-transform:scale(1.5) translateY(0);-moz-transform:scale(1.5) translateY(0);-webkit-transform:scale(1.5) translateY(0);-ms-transform:scale(1.5) translateY(0);transform:scale(1.5) translateY(0)}
.col-lg-8 h4{font-size: 24px;color: #fff;}
.col-lg-8 h5{font-size: 18px;color: rgba(255,255,255,.92);margin-top: 11px;display: none;}
.Brandhubthumbitem-shaft:hover h5{display: block;}
.Brandhubthumbitem-shaft.active h5{display: block;}
.col-md-4{padding-right: 10px;padding-left: 10px;}


/* 首页关于我们 */
.i_about{width: 100%;padding: 130px 0px 180px;position: relative;}
.i_about .left{width: 58%;height: 780px;padding: 100px 5% 0 8%; background-color: rgba(4,74,189,.9); float: left; position: absolute;margin-top: 68px;}
.i_about .left .tp{max-width: 35%;}
.i_about .left .tp img{width: 100%;}
.i_about .left h2{font-size: 30px;color: #f5f5f5;margin-top: 42px;}
.i_about .left h3{font-size: 16px;color: #f5f5f5;line-height: 35px;height: 70px;overflow: hidden;margin-top: 25px;}
.i_about .left ul{margin-top: 80px;}
.i_about .left li{float: left;width: 23.5%;margin-right: 2%;height: 250px;}
.i_about .left li:nth-child(4){margin-right: 0;}
.i_about .left li span{font-size: 68px;color: #fff;font-family: 'DINCOND';margin-right: 10px;}
.i_about .left li .pro_la_right_1{font-size: 15px;color: #fff;}
.i_about .left li p{font-size: 16px;color: rgba(255,255,255,.66);}
.i_about .right{width: 54%;height: 919px;overflow: hidden; right: 0; float: right;}
.i_about .right img{width: 100%;height: 100%;}

/* 首页产品 */
.i_pro{width: 100%;padding: 100px 0px 160px;background-color: #f6f6f6;}
.i_pro h2{font-size: 36px;color: #333;font-weight: bold;text-align: center;}
.i_pro h3{text-align: center;margin-top: 40px;}
.i_pro h3 a{font-size: 16px;color: #666;margin: 0 18px;}
.i_pro h3 a.active{color: #0149ad;border-bottom: 3px #0149ad solid;padding-bottom: 5px;}
.i_pro h3 span{font-size: 22px;color: #929292;}
.i_pro .i_pro_con{margin-top: 60px;}
.i_pro .i_pro_con ul {display: none;}
.i_pro .i_pro_con ul:first-child{display: block;}
.i_pro .i_pro_con li{width: 25.5%;height: 620px;overflow: hidden;background-color: #fff; float: left;margin-right: 0.91%;}
.i_pro .i_pro_con li.active{width: 46.25%;}
.i_pro .i_pro_con li:nth-child(3){margin-right: 0;}
.i_pro .i_pro_con li .i_pro_con1{padding: 70px 2%;}
.i_pro .i_pro_con li .i_pro_con1 .title{font-size: 32px;color: #333;font-family: 'SourceHanSansCN';text-align: center;}
.i_pro .i_pro_con li .i_pro_con1 .hr{width: 15px;height: 3px;background-color: #333;margin: 16px auto;}
.i_pro .i_pro_con li .i_pro_con1 .title2{font-size: 16px;color: #888;text-align: center;margin-top: 10px;}
.i_pro .i_pro_con li .i_pro_con1 .tp{width: 100%;height: 400px;overflow: hidden;text-align: center;line-height: 400px;}
.i_pro .i_pro_con li .i_pro_con1 .tp img{max-width: 100%;max-height: 100%;}
.i_pro .i_pro_con li .i_pro_con2{display: none;padding: 100px 2%;overflow: hidden;}
.i_pro .i_pro_con li.active .i_pro_con1{display: none;}
.i_pro .i_pro_con li.active .i_pro_con2{display: block;}
.i_pro .i_pro_con li .i_pro_con2 .left{width: 50%;height: 420px;float: left;text-align: center;line-height: 420px;overflow: hidden;} 
.i_pro .i_pro_con li .i_pro_con2 .left img{max-width: 100%;max-height: 100%;}
.i_pro .i_pro_con li .i_pro_con2 .right{width: 48%;float: right;}
.i_pro .i_pro_con li .i_pro_con2 .right .title{font-size: 32px;color: #333;font-family: 'SourceHanSansCN';}
.i_pro .i_pro_con li .i_pro_con2 .right .hr{width: 15px;height: 3px;background-color: #333;margin-top: 16px;}
.i_pro .i_pro_con li .i_pro_con2 .right .title2{font-size: 16px;color: #888;margin-top: 26px;}
.i_pro .i_pro_con li .i_pro_con2 .right p{font-size: 16px;padding-right: 11%; color: #666;line-height: 35px;height: 140px;overflow: hidden;margin-top: 65px;}
.i_pro .i_pro_con li .i_pro_con2 .right .more{width: 134px;height: 35px;border-radius: 17.5px;margin-top: 80px; font-size: 16px;color: #fff; background-color: #0655c3;text-align: center;line-height: 35px;}
.i_pro .i_pro_con li:hover .i_pro_con2 .right .title{color: #0149ad;}



.i_oem{width: 100%;height: 870px;background: url(/lib/images/oem_bj.png) no-repeat center center;padding: 225px 0 0;}
.i_oem .c{width: 440px;margin: 0 auto;}
.i_oem .c .tb{width: 100%;overflow: hidden;}
.i_oem .c .tb1{float: left;width: 92px;height: 92px;margin-right: 75px; border-radius: 46px;text-align: center;line-height: 92px;overflow: hidden;}
.i_oem .c .tb1:nth-child(3){margin-right: 0;}
.i_oem .c .tb1 img{max-width: 100%;max-height: 100%;}
.i_oem .c .tb1.active{background-color: #21aa2e;}
.i_oem .c .i_oem_c{width: 100%;margin-top: 90px;}
.i_oem .c .i_oem_c .i_oem_c1{display: none;}
.i_oem .c .i_oem_c .i_oem_c1:nth-child(1){display: block;}
.i_oem .c .i_oem_c .i_oem_c1 h2{font-size: 48px;color: #fff;font-weight: bold;text-align: center;}
.i_oem .c .i_oem_c .i_oem_c1 h3{font-size: 18px;line-height: 32px;margin-top: 45px; color: rgba(255,255,255,.96);padding: 25px 35px; border-left: 2px #fff solid;border-right: 2px #fff solid;}
.i_oem .c .i_oem_f{margin-top: 180px;text-align: center;}
.i_oem .c .i_oem_f span{width: 11px;height: 11px;margin-right: 20px; background-color: #6c6968;border-radius: 5px; display: inline-block;}
.i_oem .c .i_oem_f span.active{background-color: #21aa2e;}


.i_news{padding: 150px 0px 130px;background-color: #fbfbfb;}
.i_news .i_news_top h2{font-size: 36px;color: #333;font-weight: bold;}
.i_news .i_news_top .i_news_top_l{float: left;}
.i_news .i_news_top .hr{width: 38px;height: 5px;background-color: #0167c7;margin-top: 35px;}
.i_news .i_news_top ul{float: right;}
.i_news .i_news_top ul li{width: 175px;height: 65px;font-size: 17px;color: #333; margin-left: 8px; text-align: center;line-height: 65px;background-color: #fff;float: left;}
.i_news .i_news_top ul li.active{color: #fff;background-color: #074dc2;}

.i_news .i_news_con{margin-top: 60px;}
.i_news .i_news_con1{display: none;}
.i_news .i_news_con1:nth-child(1){display: block;}
.i_news .i_news_con1 .left{width: 45%;height: 700px;float: left;background-color: #fff;padding: 30px;}
.i_news .i_news_con1 .right{width: 53%;height: 700px;float: right;background-color: #fff;padding: 30px;position: relative;}
.i_news .left ul li{padding: 40px 0px 40px;border-top: 1px #eee solid;}
.i_news .left ul li:nth-child(1){border-top: none;padding: 0 0 40px;}
.i_news .left ul li:nth-child(3){padding: 40px 0 40px;}
.i_news .left ul li:nth-child(5){padding: 40px 0 0;}
.i_news .left ul li .li_l{width: 33.5%;height: 160px; overflow: hidden;float: left;}
.i_news .left ul li .li_l img{width: 100%;max-height: 100%; transition: all .5s;}
.i_news .left ul li .li_l img:hover{transform: scale(1.1);transition: all 2s;}
.i_news .li_r{width: 62%;float: right;}
.i_news .li_r h2{font-size: 20px;color: #333;height: 22px;line-height: 22px; overflow: hidden;margin-top: 18px;}
.i_news .li_r h3{font-size: 14px;color: #888;margin-top: 15px;}
.i_news .li_r p{font-size: 16px;color: #666;line-height: 30px;margin-top: 20px;height: 60px;overflow: hidden;}
.i_news .left li:hover .li_r h2{color: #0167c7;}
.i_news .right img{width: 100%;height: 640px;transition: all .5s;}
.i_news .right .swiper-pagination-bullet{width: 13px;height: 13px;margin: 0 7px; border-radius: 6.5px;background: none; border: 3px rgba(255,255,255,.54) solid;}
.i_news .right .swiper-pagination-bullet-active{opacity: 1;border: none; border: 3px #0167c7 solid;}
.i_news .right .swiper-slide .why{position: absolute;bottom: 0; height: 110px;padding-left: 20px;
    width: 100%;font-size: 18px;background: rgba(0,0,0,.4);color: #fefefe;}
.i_news .right .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 45px;padding-right: 20px;}
.i_news .right .swiper-slide .title{width: 70%; font-size: 26px;color: #f2f2f2;height: 30px;line-height: 30px;margin-top: 28px; overflow: hidden;}
.i_news .right .swiper-slide .title2{width: 70%;font-size: 17px;color: rgba(255,255,255,.86);margin-top: 16px;height: 20px;line-height: 20px;overflow: hidden;}
.i_news .right:hover .swiper-slide .title{color: #0050b2;}
.i_news .right .swiper-pagination{text-align: right;}




/*   底部样式   */
.footer {width: 100%;background: #212121;overflow: hidden;padding: 82px 0 0;}
.footer .footer1{width: 21%;float: left;overflow: hidden;}
.footer .footer1 h2{font-size: 22px;color: rgba(255,255,255,.5);}
.footer .footer1 h2 span{font-size: 18px;color: rgba(255,255,255,.42);margin-left: 10px;}
.footer .footer1 ul{margin-top: 25px;}
.footer .footer1 li{border-top: 1px rgba(255,255,255,.13) solid;padding: 20px 0px 20px;}
.footer .footer1 li:nth-child(1){border-top: none;}
.footer .footer1 li .left{max-width: 18%;float: left;overflow: hidden;}
.footer .footer1 li .left img{width: 100%;}
.footer .footer1 li .right{max-width: 73%;float: right;overflow: hidden;}
.footer .footer1 h3{font-size: 16px;color: rgba(255,255,255,.5);}
.footer .footer1 h4{font-size: 14px;color: rgba(255,255,255,.45);line-height: 23px;margin-top: 10px;}

.footer .footer2{width: 45%;float: left;margin-left: 10%;margin-right: 4%; overflow: hidden;}
.footer .footer2 li{width: 25%;height: 400px;float: left;}
.footer .footer2 li h2{font-size: 18px;color: rgba(255,255,255,.5);}
.footer .footer2 li h2 a{font-size: 16px;color: rgba(255,255,255,.5);}
.footer .footer2 li h2:hover a{color: #074dc2;}
.footer .footer2 li .hr{width: 25px;height: 2px;background-color: rgba(255,255,255,.26);margin-top: 22px;margin-bottom: 22px;}
.footer .footer2 li h3{font-size: 14px;color: rgba(255,255,255,.37);line-height: 40px;}
.footer .footer2 li h3 a{font-size: 14px;color: rgba(255,255,255,.37);}
.footer .footer2 li h3:hover a{color: #074dc2;}

.footer .footer3{width: 20%;float: right;overflow: hidden;}
.footer .footer3 h2{font-size: 22px;color: rgba(255,255,255,.5);}
.footer .footer3 h2 span{font-size: 18px;color: rgba(255,255,255,.42);margin-left: 10px;}
.footer .footer3 h3{font-size: 16px;color: rgba(255,255,255,.45);margin-top: 50px;}
.footer .footer3 li{margin-top: 30px;}
.footer .footer3 .left{float: left;width: 15px;}
.footer .footer3 .right{float: left;width: calc(100% - 22px);float: right;font-size: 16px;color: rgba(255,255,255,.42);}
.footer .footer3 .share{font-size: 16px;color: rgba(255,255,255,.30);margin-top: 50px;line-height: 36px;}
.footer .footer3 .share img{margin-left: 8px;}

.footer .footer4{margin-top: 80px;height: 100px;line-height: 100px; border-top: 1px rgba(255,255,255,.06) solid;}
.footer .footer4 p{font-size: 14px;color: rgba(255,255,255,.36);line-height: 100px;} 
.footer .footer4 p a{font-size: 14px;color: rgba(255,255,255,.36);line-height: 100px;}
.footer .footer4 p a:hover{color: #074dc2;}
.footer .footer4 p span{float: right;}


/* 翻页 */
.page p {text-align: center;line-height: 100px;}
.page p span, .page p a {padding: 2px 2px;margin-left: 15px;font-size: 18px;color: #666666;}
.page .current {color: #074dc2;padding: 2px 2px;}
.page p a:hover {color: #074dc2;padding: 2px 2px;}












@media screen and (max-width: 1599px) {
  .header_mid > ul > li em{margin:0 25px;font-size:12px;color: #cdcdcd;;}
}

@media screen and (max-width: 1500px) {
  .header_mid > ul > li em{margin:0 25px;font-size:12px;color: #cdcdcd;;}
  .i_about .left{width: 58%;height: 585px;padding: 75px 5% 0 8%; background-color: rgba(4,74,189,.9); float: left; position: absolute;margin-top: 50px;}
  .i_about .left .tp{max-width: 35%;}
  .i_about .left .tp img{width: 100%;}
  .i_about .left h2{font-size: 30px;color: #f5f5f5;margin-top: 31.5px;}
  .i_about .left h3{font-size: 16px;color: #f5f5f5;line-height: 30px;height: 60px;overflow: hidden;margin-top: 20px;}
  .i_about .left ul{margin-top: 60px;}
  .i_about .left li{float: left;width: 23.5%;margin-right: 2%;height: 190px;}
  .i_about .left li:nth-child(4){margin-right: 0;}
  .i_about .left li span{font-size: 50px;color: #fff;font-family: 'DINCOND';margin-right: 10px;}
  .i_about .left li .pro_la_right_1{font-size: 15px;color: #fff;}
  .i_about .left li p{font-size: 14px;color: rgba(255,255,255,.66);}
  .i_about .right{width: 54%;height: 690px;overflow: hidden; right: 0; float: right;}


  .i_pro .i_pro_con li{width: 25.5%;height: 465px;overflow: hidden;background-color: #fff; float: left;margin-right: 0.91%;}
  .i_pro .i_pro_con li.active{width: 46.25%;}
  .i_pro .i_pro_con li:nth-child(3){margin-right: 0;}
  .i_pro .i_pro_con li .i_pro_con1{padding: 53px 2%;}
  .i_pro .i_pro_con li .i_pro_con1 .title{font-size: 30px;color: #333;font-family: 'SourceHanSansCN';text-align: center;}
  .i_pro .i_pro_con li .i_pro_con1 .hr{width: 15px;height: 3px;background-color: #333;margin: 16px auto;}
  .i_pro .i_pro_con li .i_pro_con1 .title2{font-size: 16px;color: #888;text-align: center;margin-top: 10px;}
  .i_pro .i_pro_con li .i_pro_con1 .tp{width: 100%;height: 300px;overflow: hidden;text-align: center;line-height: 300px;}
  .i_pro .i_pro_con li .i_pro_con1 .tp img{max-width: 100%;max-height: 100%;}
  .i_pro .i_pro_con li .i_pro_con2{display: none;padding: 75px 2%;overflow: hidden;}
  .i_pro .i_pro_con li.active .i_pro_con1{display: none;}
  .i_pro .i_pro_con li.active .i_pro_con2{display: block;}
  .i_pro .i_pro_con li .i_pro_con2 .left{width: 50%;height: 315px;float: left;text-align: center;line-height: 315px;overflow: hidden;} 
  .i_pro .i_pro_con li .i_pro_con2 .left img{max-width: 100%;max-height: 100%;}
  .i_pro .i_pro_con li .i_pro_con2 .right{width: 48%;float: right;}
  .i_pro .i_pro_con li .i_pro_con2 .right .title{font-size: 32px;color: #333;font-family: 'SourceHanSansCN';}
  .i_pro .i_pro_con li .i_pro_con2 .right .hr{width: 15px;height: 3px;background-color: #333;margin-top: 16px;}
  .i_pro .i_pro_con li .i_pro_con2 .right .title2{font-size: 16px;color: #888;margin-top: 26px;}
  .i_pro .i_pro_con li .i_pro_con2 .right p{font-size: 16px;color: #666;line-height: 30px;height: 120px;overflow: hidden;margin-top: 45px;}
  .i_pro .i_pro_con li .i_pro_con2 .right .more{width: 134px;height: 35px;border-radius: 17.5px;margin-top: 55px; font-size: 16px;color: #fff; background-color: #0655c3;text-align: center;line-height: 35px;}


}


@media screen and (max-width: 1299px) {
  .header_mid span{height: 26px;margin-left: 15px;padding-left: 15px;
    margin-top: 38px;
    border-left: 1px rgba(0,0,0,.1) solid;
    color:#888;font-size: 18px; float:right;}

  .header_mid > ul > li em{margin:0 20px;font-size:12px;color: #cdcdcd;;}
 
  .i_about .left{width: 58%;height: 520px;padding: 67px 5% 0 8%; background-color: rgba(4,74,189,.9); float: left; position: absolute;margin-top: 40px;}
  .i_about .left .tp{max-width: 35%;}
  .i_about .left .tp img{width: 100%;}
  .i_about .left h2{font-size: 30px;color: #f5f5f5;margin-top: 28px;}
  .i_about .left h3{font-size: 16px;color: #f5f5f5;line-height: 30px;height: 60px;overflow: hidden;margin-top: 20px;}
  .i_about .left ul{margin-top: 53px;}
  .i_about .left li{float: left;width: 23.5%;margin-right: 2%;height: 160px;}
  .i_about .left li:nth-child(4){margin-right: 0;}
  .i_about .left li span{font-size: 45px;color: #fff;font-family: 'DINCOND';margin-right: 10px;}
  .i_about .left li .pro_la_right_1{font-size: 14px;color: #fff;}
  .i_about .left li p{font-size: 13px;color: rgba(255,255,255,.66);}
  .i_about .right{width: 54%;height: 613px;overflow: hidden;right: 0; float: right;}

  .i_pro .i_pro_con li{width: 25.5%;height: 413px;overflow: hidden;background-color: #fff; float: left;margin-right: 0.91%;}
  .i_pro .i_pro_con li.active{width: 46.25%;}
  .i_pro .i_pro_con li:nth-child(3){margin-right: 0;}
  .i_pro .i_pro_con li .i_pro_con1{padding: 47px 2%;}
  .i_pro .i_pro_con li .i_pro_con1 .title{font-size: 22px;color: #333;font-family: 'SourceHanSansCN';text-align: center;}
  .i_pro .i_pro_con li .i_pro_con1 .hr{width: 15px;height: 3px;background-color: #333;margin: 14px auto;}
  .i_pro .i_pro_con li .i_pro_con1 .title2{font-size: 16px;color: #888;text-align: center;margin-top: 10px;}
  .i_pro .i_pro_con li .i_pro_con1 .tp{width: 100%;height: 267px;overflow: hidden;text-align: center;line-height: 267px;}
  .i_pro .i_pro_con li .i_pro_con1 .tp img{max-width: 100%;max-height: 100%;}
  .i_pro .i_pro_con li .i_pro_con2{display: none;padding: 67px 2%;overflow: hidden;}
  .i_pro .i_pro_con li.active .i_pro_con1{display: none;}
  .i_pro .i_pro_con li.active .i_pro_con2{display: block;}
  .i_pro .i_pro_con li .i_pro_con2 .left{width: 50%;height: 280px;float: left;text-align: center;line-height: 280px;overflow: hidden;} 
  .i_pro .i_pro_con li .i_pro_con2 .left img{max-width: 100%;max-height: 100%;}
  .i_pro .i_pro_con li .i_pro_con2 .right{width: 48%;float: right;}
  .i_pro .i_pro_con li .i_pro_con2 .right .title{font-size: 22px;color: #333;font-family: 'SourceHanSansCN';}
  .i_pro .i_pro_con li .i_pro_con2 .right .hr{width: 15px;height: 3px;background-color: #333;margin-top: 14px;}
  .i_pro .i_pro_con li .i_pro_con2 .right .title2{font-size: 16px;color: #888;margin-top:15px;}
  .i_pro .i_pro_con li .i_pro_con2 .right p{font-size: 14px;color: #666;line-height: 30px;height: 120px;overflow: hidden;margin-top: 30px;}
  .i_pro .i_pro_con li .i_pro_con2 .right .more{width: 134px;height: 35px;border-radius: 17.5px;margin-top: 45px; font-size: 16px;color: #fff; background-color: #0655c3;text-align: center;line-height: 35px;}


  .i_news .i_news_con1 .left{width: 45%;height: 467px;float: left;background-color: #fff;padding: 20px;}
  .i_news .i_news_con1 .right{width: 53%;height: 467px;float: right;background-color: #fff;padding: 20px;position: relative;}
  .i_news .left ul li{padding: 27px 0px 27px;border-top: 1px #eee solid;}
  .i_news .left ul li:nth-child(1){border-top: none;padding: 0 0 27px;}
  .i_news .left ul li:nth-child(3){padding: 27px 0 27px;}
  .i_news .left ul li:nth-child(5){padding: 27px 0 0;}
  .i_news .left ul li .li_l{width: 33.5%;height: 107px; overflow: hidden;float: left;}
  .i_news .left ul li .li_l img{width: 100%;max-height: 100%; transition: all .5s;}
  .i_news .left ul li .li_l img:hover{transform: scale(1.1);transition: all 2s;}
  .i_news .li_r{width: 62%;float: right;}
  .i_news .li_r h2{font-size: 18px;color: #333;height: 20px;line-height: 20px; overflow: hidden;margin-top: 10px;}
  .i_news .li_r h3{font-size: 14px;color: #888;margin-top: 10px;}
  .i_news .li_r p{font-size: 15px;color: #666;line-height: 20px;margin-top: 10px;height: 40px;overflow: hidden;}
  .i_news .left li:hover .li_r h2{color: #0167c7;}
  .i_news .right img{width: 100%;height: 427px;transition: all .5s;}
  .i_news .right .swiper-pagination-bullet{width: 13px;height: 13px;margin: 0 7px; border-radius: 6.5px;background: none; border: 3px rgba(255,255,255,.54) solid;}
  .i_news .right .swiper-pagination-bullet-active{opacity: 1;border: none; border: 3px #0167c7 solid;}
  .i_news .right .swiper-slide .why{position: absolute;bottom: 0; height: 74px;padding-left: 20px;
      width: 100%;font-size: 18px;background: rgba(0,0,0,.4);color: #fefefe;}
  .i_news .right .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 30px;padding-right: 20px;}
  .i_news .right .swiper-slide .title{width: 70%; font-size: 18px;color: #f2f2f2;height: 20px;line-height: 20px;margin-top: 15px; overflow: hidden;}
  .i_news .right .swiper-slide .title2{width: 70%;font-size: 15px;color: rgba(255,255,255,.86);margin-top: 12px;height: 18px;line-height: 18px;overflow: hidden;}
  .i_news .right:hover .swiper-slide .title{color: #0050b2;}
  .i_news .right .swiper-pagination{text-align: right;}


}