@charset "utf-8";
html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none!important;}

body{overflow-x:hidden;position:relative;z-index:-2;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
@media (max-width:767px){.hidden-xs {display:none;}}
@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'),
      url('../font/iconfont.woff2') format('woff2'),
      url('../font/iconfont.woff') format('woff'),
      url('../font/iconfont.ttf') format('truetype'),
      url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#flash {overflow:hidden;}

.flash-box{width: 100%;position: relative; left: 0;right: 0; top: 0;}
.flash-box img {width:100%;}
@media (min-width:520px) {
	
}
@media (min-width:768px) {
	
	#flash .swiper-button-prev {left: 15%;}
	#flash .swiper-button-next {right:15%;}
}
@media (min-width:992px) {
	
}
@media (min-width:1440px) {
	
	#flash .swiper-button-prev {left: 10%;}
	#flash .swiper-button-next {right:10%;}
}
.top-bar {position:absolute;top:30px;left:0;width:100%;height:70px;border-top:1px solid rgba(0,114,187,.9);}
.logo {background:#007bc1;color:#fff;height:70px;padding-left:20px;margin:0;}
.logo a {color:#fff;}
.logo h1 {font-size:28px;font-weight:600;}
.logo img {max-height: 65px;}
.m-nav-btn {line-height: 14px;text-align:center;position:absolute;right:30px;top:15px;height:40px;background:#fff;border-radius:5px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.5);cursor:pointer;padding:0 10px;font-size:12px;}
.m-nav-btn>div {padding:0;}
.m-nav-btn i {font-size:20px;}
.header {position:relative;top:0;left:0;right:0;height:100px;z-index:99;}
.header .nav {margin:0 auto;}
.header .nav li {color:#fff;padding:0 30px;line-height:100px;}
.header .nav li a {display:block;color:#fff;text-decoration:none;position: relative;}
.header .nav li a:after {content:'';display:block;width:0px;left:50%;margin-left:-12px;height:3px;background:#fff;position: absolute;bottom: 0;}
.header .nav li:hover a:after,.header .nav li.active a:after {width:25px;transition:.3s width;}
.top-tel {color:#fff;line-height:30px;background:#007bc1;width:100%;text-align:right;font-size:16px;}
.top-tel span {padding:10px 20px;}
.m-nav {position:fixed;top:101px;left:0;right:0;width:100%;z-index:9999;overflow:hidden;height:0;color:#fff;background:#007bc1;transition:1s height;}
.m-nav li {text-align:center;line-height:40px;border:2px solid #007bc1;border-bottom:2px solid rgba(255,255,255,.1);}
.m-nav li a {display:block;color:#fff;}
.m-nav.active {height:89vh;transition:1s height;}
.m-nav li:hover {border:2px solid rgba(255,255,255,.1);background:#fff;}
.m-nav li:hover a {color: #ffde00;}
.m-nav li.pronava {display: block;position: relative;}
.children {position: absolute;z-index: 30;width: 25%;display: none;background: #000;}
.children a {line-height:60px;color: #fff;}
.children a:after {display: none;}
.children a:hover {color:#ffde00 !important;}

@media (min-width:768px) {.m-nav {top:100px;width:345px;}
.header {height:100px;background:#007bc1;}
.top-bar {border:0;top:0px;width:330px;}
.m-nav-btn {right:0px;top:0px;height:100px;padding:0 20px;border-radius:0px;box-shadow:unset;}
.header .nav {white-space:nowrap;position:absolute;right:0;width:60%;height:100px;}
.header .nav::-webkit-scrollbar {height:5px;background:none;}
.header .nav::-webkit-scrollbar-thumb {background:rgba(255,255,255,.3);border-radius:5px;}
.header .nav li {display:inline-block;}
}
@media (min-width:992px) {
	.header .nav {width:60%;text-align:center;}
	.header .nav li {padding:0;flex:1;}
}
@media (min-width:1200px) {
	.m-nav li {line-height:60px;font-size:18px;
}
.m-nav-btn i {font-size:36px;}
.logo {height:110px;transition:.5s all;}
.top-bar {position:fixed;left:0;height:110px;transition:.5s all;}
.header {position:fixed;background:none;height:110px;transition:.5s all;}
.header.onmove {background:#007bc1;transition:.5s all;height:80px;box-shadow:0 0 10px 0 #000;}
.header.onmove .top-bar {height:80px;transition:.5s all;}
.header.onmove .logo {height:80px;transition:.5s all;}
.header.onmove .logo img {max-height:65px;}
.header.onmove .nav {line-height:80px;transition:.5s all;}
.header.onmove .nav li {line-height:80px;transition:.5s all;}
.header.onmove .top-tel {height:80px;line-height:80px;transition:.5s all;}
.header.onmove .m-nav-btn {height:80px;transition:.5s all;}
.m-nav {top:110px;}
.m-nav.onmove {top:80px;}
.header .nav {left:47%;transform:translateX(-38%);}
.header .nav li {line-height:110px;font-size:16px;transition:.5s all;}
.m-nav-btn {height:110px;transition:.5s all;}
.top-tel {right:0px;}
.top-tel span {font-size: 14px;}
}
@media (max-width:1200px) {
	.header .container {width:100%;max-width:100%;}
}
@media(min-width:1440px) {
	.container {width:1400px;max-width:1400px;position:relative;}
	.top-tel {background:none;height:110px;line-height:110px;color:#fff;width:unset;position:absolute;right:0px;transition:.5s all;}
	.top-tel span {padding:5px;border:1px solid rgba(255,255,255,.3);font-weight: bold;font-size: 14px;}
}
@media (min-width:1700px) {
.m-nav {width:475px;}
.logo {padding-left:45px;font-weight:600;font-size:15px;}
.logo h1 {font-size:40px;}
.top-bar {width:460px;}
.header .nav {transform:translateX(-50%);}
.top-tel {font-size:24px;}
.top-tel {background:none;height:110px;line-height:110px;color:#fff;width:unset;position:absolute;right:-90px;transition:.5s all;}
.top-tel span {padding:5px;border:1px solid rgba(255,255,255,.3);font-weight: bold;font-size: 20px;}
}




.index01 {position:relative;overflow:hidden;padding:40px 0;}
.index01-title {width:1920px;position:relative;left:50%;transform:translateX(-50%);}
.index01-title img {width:1200px;}
.index01-type {margin:25px 0 15px;padding:0 15px;width:100%;}
.index01-type-title {color:#007bc2;font-weight:600;margin-right:20px;margin-bottom:10px;}
.index01-type a {font-size:12px;display:inline-block;padding:0 15px;color:#555;border-right:1px solid #dfdfdf;margin-bottom:10px;}
.index01-type a:last-child {border:0;}
.index01-slide {color:#000;}
.index01-slide-img {background:#007bc2;overflow:hidden;height: 138px;}
.index01-slide-img img {transition:.5s all;width: 100%;height: 100%;object-fit: cover;}
.index01-slide-title-left {line-height:35px;font-weight:600;height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.index01-slide-title-right-slide {color:#9b9b9b;flex:1;padding:5px;border:1px solid #9b9b9b;border-radius:5px;text-align:center;font-size:12px;}
.index01-slide-title-right-slide i {display:block;margin:0 auto;background:url(../image/images.png) no-repeat;}
.index01-slide-title-right-slide:nth-child(1) i {width:24px;height:22px;background:url(../image/images.png) no-repeat;background-position:-24px 0;transition:.5s all;}

.index01-slide-title-right-slide:nth-child(2) i {width:22px;height:22px;margin-bottom:3px;background:url(../image/images.png) no-repeat;background-position:-22px -63px;transition:.5s all;}
.index01-slide-title-right-slide:nth-child(3) i {width:22px;height:22px;background:url(../image/images.png) no-repeat;background-position:-22px -41px;transition:.5s all;}
.index01-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #0e0e0e;width:190px;margin-top:40px;}
.index01-more a {color:#0e0e0e;display: block;}
.index01-more a:hover {color: #fff;}
.index01-bg {background:#faf9f9;position:absolute;bottom:0;left:0;right:0;height:55%;z-index:-1;}
.container .swiper-container {width: 100%;height: 100%;overflow: hidden;}
.container .swiper-container .swiper-wrapper {width: 100%;height: 100%;}


@media (min-width:768px) {.index01-slide-title {margin-top:15px;}
.index01-slide-title:after {content:'';display:block;clear:both;}
.index01-slide-title-left {float:left;width: 100%;}
.index01-slide-title-right {float:right;width: 100%;}
.index01-slide-title-right-slide {margin-left:5px;}
.index01-slide-img{height: 205px;}
}
@media (min-width:1200px) {.index01 {padding:65px 0 75px;}
.index01-type {font-size:16px;margin:65px 0 45px;}
.index01-type a {font-size:16px;padding:0 25px;}
.index01-title img {width:1920px;}
.index01-slide:hover img {transform:scale(.95);transition:.2s all;}
.index01-slide-title-left {line-height:50px;font-size:16px;width: 100%;}
.index01-slide-title-right {width: 60%;}
.index01-slide-title-right-slide {margin-left:10px;}
.index01-slide-title-right-slide:hover {color:#fff;border-color:#fff;background:#007bc2;transition:.5s all;cursor:pointer;}
.index01-slide-title-right-slide:hover i {background-position-x:0;transition:.5s all;}
.index01-more {font-size:15px;padding:10px 0;margin-top:70px;}
.index01-more:hover {background:#007bc2;transition:.3s all;border-color:#007bc2;color: #fff;}
.index01-slide-img{height: 300px;}
}

.index-title {
    text-align: center;
    margin-bottom: .4rem;
}
.index-title .cn {
    font-size: 2rem;
    color: #333;
    font-family: "Microsoft Yahei";
    margin-bottom: .05rem;
}
.index-title .en {
    font-size: .16rem;
    color: #666;
    font-family: "DIN";
}
@media (max-width: 767px){
.index-title .en {
    font-size: 13px;
}
}

.lefttitle{border-top:1px solid #dadada;height:1px;width:40%;left:0px;position: absolute;top: 35px;}
.righttitle{border-top:1px solid #dadada;height:1px;width:40%;position: absolute;right:0px;top: 35px;}
@media (max-width: 767px){
.lefttitle {width:25%;}
.righttitle{width:25%;}
}




.index02 {color:#fff;position:relative;padding:30px 0;overflow: hidden;}
.index02-bg {position:absolute;top:0;left:0;right:0;background: #007bc2;height:600px;z-index: -1;}
.index02-title {font-size:20px;text-align: center;margin:30px auto;}
.index02-title span {color:yellow;}
.index02-title small {font-size:12px;color:#44b5ec;display:block;}
.index02-company {line-height: 24px;height:96px;overflow:hidden;padding:0 15px;margin:25px 0;text-align: justify;}
.index02-number-slide div {color:#ffde00;}
.index02-number-slide div p {display:inline;font-size:24px;font-weight:bold;}
.index02-number-slide div>i {font-size:12px;}
.index02-number-slide>span {font-size:12px;color:#a6d0e8;}
.index02-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #fff;width:190px;margin-bottom:25px;}
.index02-more a {color:#fff;}
.index02-content ul {overflow:hidden;}
.index02-content li {position:relative;float:left;width:50%;overflow:hidden;transition:.5s all;}
.index02-content li img {width:100%;}
.index02-layer {position:absolute;z-index: 9;left:10%;top:35%;width:80%;text-align: center;}
.index02-layer b {font-size:24px;}
.index02-layer i {display:block;width:20px;height:2px;background:#fff;margin:2px auto 10px;}
.index02-layer h2 {font-size:16px;font-weight:600;margin-bottom: 15px;}
.index02-layer p {opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;z-index: 99;line-height: 24px;font-size:12px;}
.index02-content li:hover .index02-layer {top:0;left:15px;right:15px;width:unset;text-align: justify;}
.index02-content li:hover .index02-layer-txt {display:none;}
.index02-content li:hover p {opacity: 1;padding-top:25px;}
.index02-content li p a {display:none;}
.index02-shadow {position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.7);z-index:1;}
.index02-content li.active .index02-shadow {background: rgba(9,59,117,.8);}
@media (min-width:768px) {
	.index02-bg {height:77%;}
	.index02-title {font-size:40px;margin:40px auto;}
	.index02-title small  {font-size:16px;}
	.index02-number-slide div p {font-size:28px;}
	.index02-number-slide>span {font-size:12px;color:#a6d0e8;}
	.index02-content li {position:relative;float:left;width:22%;height:360px;overflow:hidden;transition:.5s all;}
	.index02-content li img {position:absolute;left:0;top:0;right:0;width:unset;}
	.index02-layer {text-align: left;}
	.index02-layer i {width:30px;margin:10px 0 15px;}
	.index02-layer p {position:unset;display:none;}
	.index02-content li p a {color:#fff;margin-top:20px;width:35%;display:block;border:1px solid #fff;text-align: center;line-height: 35px;}
	.index02-content li p a:hover {background: #fff;color:#007bc2;}
	.index02-content li:hover .index02-layer-txt {display:unset;}
	.index02-content li:hover .index02-layer {top:30px;left:10%;width:80%;}
	.index02-content li:hover p {padding-top:0;}
	.index02-content li.active .index02-layer {text-align: left;top:40px;}
	.index02-content li.active .index02-layer p {display:block;}
	.index02-content li.active {width:34%;transition:.5s all;}
	.index02-content li.active img {position:absolute;top:0;left:0;right:0;bottom:0;}
	.index02-content li.active .index02-layer p {opacity: 1;}
}
@media (min-width:992px) {
	.index02-layer b {font-size:40px;}
	.index02-layer h2 {font-size:22px;}
	.index02-layer p {font-size:14px;}
	.index02-number-slide div p {font-size:36px;}
	.index02-number-slide div>i {font-size:14px;}
	.index02-number-slide>span {font-size:14px;color:#a6d0e8;}
	.index02-company {line-height: 30px;text-align:center;margin:40px 0;}
}
@media (min-width:1200px) {
	.index02-layer p {width:301px;}
	.index02-layer b {font-size:50px;}
	.index02-layer i {width:55px;}
	.index02-layer h2 {font-size:30px;font-weight:normal;}
	.index02-number-slide div p {font-size:70px;}
	.index02-number-slide div>i {font-size:16px; font-style: normal;}
	.index02-number-slide>span {font-size:16px;color:#a6d0e8;display: block;}
	.index02-content li {height:530px;}
	.index02-content li img {height:100%;}
	.index02-content li.active img {width:100%;}
	.index02-content li.active .index02-layer {top:55px;}
	.index02-content li.active p {line-height: 34px;}
	.index02-more {font-size:15px;padding:10px 0;margin-bottom: 80px;}
	.index02-more:hover {background:#fff;transition:.3s all;border-color:#fff;}
	.index02-more:hover a {color:#007bc2;font-weight:bold;}

}
@media (min-width:1441px) {
	.index02-layer p {width:372px;}
}



.index03 {padding:20px 0;position:relative;}
.index03-left {padding:0 15px;}
.index03-left-img {overflow:hidden;border:1px solid #eee;height: 400px;overflow: hidden;}
.index03-left-img img {width:100%;height: 100%;object-fit: cover;}
.index03-title {font-size:24px;margin:20px 0;}
.index03-title small {display:block;font-size:14px;color:#c7c7c7;}
.index03-right-content {line-height: 24px;font-size:12px;text-align: justify;}
.index03-right-content h2 {font-size:16px;font-weight:600;margin:10px 0 20px;}
.index03-right-content-more {display:block;border:1px solid #717171;color:#717171;text-align: center;margin:15px 0;width:100px;}
.index03 .swiper-pagination-bullet {background: none; border: 1px solid;margin:0 2px;}
.index03 .swiper-pagination-bullet-active {background: #666;}
.index03-swiper-pagination {margin:10px 0;}
@media (min-width: 768px) {
	.index03-right {padding-left:30px;}
	.index03 i {display:block;position:absolute;top:55px;left:50%;transform:translateX(-45px);z-index:9;height:4px;width:60px;background: #057eb9;}
}
@media (min-width: 992px) {
	.index03-right {padding-left:80px;}
	.index03-title {font-size:35px;}
	.index03-title small {font-size:18px;}
	.index03-right-content {font-size:14px;line-height: 24px;}
	.index03-right-content h2{font-size:22px;margin:30px 0;}
	.index03-right-content-more {width:200px;height:45px;line-height:45px;}
	.index03-right-content-more:hover {background: #007bc2;color:#fff;border-color:#007bc2;transform:translateY(-5px);transition:.5s transform;}
	.index03 i {height:6px;width:100px;top:70px;transform:translateX(-65px);}
}
@media (min-width:1200px) {
	.index03-swiper-pagination {margin:20px 0 25px;}
	.index03 {margin-top:30px;}
	.index03-title {margin-top:80px;}
}



.index04 {position:relative;overflow:hidden;padding:30px 0;}
.index04-title {width:1920px;position:relative;left:50%;transform:translateX(-50%);}
.index04-title img {width:1200px;}
.index04-left,.index04-right {margin-top:30px;}
.index04-left-slide {margin-bottom:15px;}
.index04-left-slide-time {color:rgba(0,0,0,.6);font-size:20px;font-weight:600;text-align:right;border-right:1px solid rgba(0,0,0,.1);}
.index04-left-slide-time small {font-size:12px;font-weight:normal;color:rgba(0,0,0,.6);}
.index04-left-slide-title {font-size: 14px;font-weight:600;}
.index04-left-slide-content {font-size: 12px;line-height: 24px;max-height:72px;overflow:hidden;color:rgba(0,0,0,.6);margin:10px 0;}
.index04-right-slide {text-align:center;}
.index04-right-slide-img {overflow:hidden;}
.index04-right-slide-img img {max-width:100%;}
.index04-right-slide-title {line-height: 45px;}
.index04-more {margin:20px auto;text-align: center;line-height: 35px;height:35px;border:1px solid rgba(0,0,0,.6);display:block;width:200px;}
@media (min-width:992px) {
	.index04-left,.index04-right {margin-top:50px;}
	.index04-left-slide {margin-bottom:40px;cursor:pointer;}
	.index04-left-slide-time {font-size:25px;}
	.index04-left-slide-time small {font-size:14px;font-weight:normal;}
	.index04-left-slide-title {font-size: 16px;}
	.index04-left-slide-content {font-size: 14px;}
	.index04-left-more {font-size:20px;}
	.index04-right-slide-title {font-size: 16px;font-weight:600;text-align:left;}
	.index04-more {margin:30px auto 45px;line-height: 45px;height:45px;}
	.index04-more:hover {background: #007bc2;color:#fff;border-color:#007bc2;transform:translateY(-5px);transition:.5s transform;}
	.index04-left-slide:hover .index04-left-slide-title {color:#007bc2;}
	.index04-left-slide:hover .index04-left-slide-content {text-decoration: underline;}
	.index04-left-slide:hover .index04-left-more {padding-left:15px;transition:.5s padding;}
}
@media (min-width:1200px) {
	.index04 {padding-top:70px;}
	.index04-title img {width:1920px;}
}




.page {margin: 20px auto;}

.inbanner {overflow:hidden;position:relative;}
.inbanner img {position:relative;left:50%;transform:translateX(-50%);width:600px;}
.inbanner-content {position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);color:#fff;}
.inbanner h2 {font-size:22px;line-height:32px;}
.inbanner small {letter-spacing:4px;}
.inpage-main {margin-bottom:50px;}
.location {border-bottom:1px solid #eee;line-height: 40px;margin-bottom: 20px;}
.location-nav a {text-align: center;display:block;position:relative;}
.location-nav a:hover,.location-nav a.active {color:#007bc2;}
.location-nav a:hover:after,.location-nav a.active:after {content:'';display:block;height:5px;width:50%;transform:translateX(-50%);background: #007bc2;position:absolute;bottom:-2.5px;left:50%;}
.inpage-main-location {color:#666;width:100%;padding-right:15px;text-align: right;}
.inpage-main-title {font-size: 20px;width:100%;text-align: center;}
.inpage-main-description {line-height: 40px;font-size:12px;border:1px solid #eee;border-left:0;border-right:0;margin:15px 0;text-align: center;}
.inpage-main-content {line-height: 2.5rem;}
@media(min-width:768px){
	.inbanner img {width:100%;}
	.inpage-main-title {font-size:24px;}
	.inpage-main-description {font-size:14px;}
}
@media(min-width:1400px){
	.location {line-height: 60px;}
	.location-nav {font-size:16px;}
	.inpage-main-location {font-size:15px;}
	.inbanner-content {text-align: center;}
	.inbanner img {width:1920px;}
	.inbanner h2 {font-size:50px;line-height:100px;}
	.inbanner small {font-size:16px;letter-spacing:14px;margin-top:25px;}
	.inpage-main-title {font-size:28px;}
	.inpage-main-description {line-height: 60px;margin:25px 0;}
	.inpage-main-content {font-size:16px;}
}




.inpro-type {border-bottom:1px solid rgba(0,0,0,.2);}
.inpro-type h3 {font-size:18px;font-weight:600;color:#007bc2;display: unset;padding-right:10px;line-height: 60px;}
.inpro-type a {font-size:12px;text-align:center;padding:0 10px;margin-bottom:15px;overflow:hidden;white-space: nowrap;position:relative;}
.inpro-type a i {font-style:normal;color:rgba(0,0,0,.2);position:absolute;right:0;}
.inpro-type a:last-child i {display:none;}
@media(min-width:768px){
	.inpro-list {flex-flow:row wrap;padding-top: 20px;}
	.inpro-type a {font-size:14px;line-height: 20px;flex-basis: 25%;}
}
@media(min-width:1200px){
	.inpro-type h3 {line-height: 110px;padding:0;}
	.inpro-list {flex-flow:row wrap;padding:0;padding-top: 36px;}
	.inpro-type a {font-size:16px;line-height: 40px;flex-basis: 20%;}
}

.product-list {border-bottom:1px solid rgba(0,0,0,.2);padding:30px 0;}
.product-list-slide {padding:15px;}
.product-list-slide-img {background:#007bc2;border:1px solid #eee;overflow:hidden;height: 138px;}
.product-list-slide-img img {transition:.5s all;width: 100%;height: 100%;object-fit: cover;}
.product-list-slide-title-left {line-height:35px;font-weight:600;}
.product-list-slide-title-right-slide {color:#9b9b9b;flex:1;padding:5px;border:1px solid #9b9b9b;border-radius:5px;text-align:center;font-size:12px;}
.product-list-slide-title-right-slide i {display:block;margin:0 auto;background:url(../image/images.png) no-repeat;}
.product-list-slide-title-right-slide:nth-child(1) i {width:24px;height:22px;background:url(../image/images.png) no-repeat;background-position:-24px 0;transition:.5s all;}

.product-list-slide-title-right-slide:nth-child(2) i {width:22px;height:22px;margin-bottom:3px;background:url(../image/images.png) no-repeat;background-position:-22px -63px;transition:.5s all;}
.product-list-slide-title-right-slide:nth-child(3) i {width:22px;height:22px;background:url(../image/images.png) no-repeat;background-position:-22px -41px;transition:.5s all;}
#hotpro {padding: 0;overflow: hidden;}
#hotpro .swiper-slide a {display: block;width: 100%;height: 150px;overflow: hidden;}
#hotpro .swiper-slide a img {width: 100%;height: 100%;object-fit: cover;}
#hotpro .swiper-slide 
@media (min-width:768px) {
	.product-list-title {font-size:24px;margin:15px 0;}
	.product-list-title i {font-size:20px;font-style:unset;color:#fff;background:#007bc2;padding:0 5px;margin-right:10px; }
	.product-list-title a {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size:15px;color:rgba(0,0,0,.6);}
	.product-list-slide-title {margin-top:15px;}
	.product-list-slide-title:after {content:'';display:block;clear:both;}
	.product-list-slide-title-left {float:left;width: 100%;}
	.product-list-slide-title-right {float:right;width: 100%;}
	.product-list-slide-title-right-slide {margin-left:5px;}
	.product-list-slide-img {height: 205px;}
	#hotpro .swiper-slide a {height: 196px;}
}
@media (min-width:1200px) {
.product-list {border-bottom:1px solid rgba(0,0,0,.2);padding:50px 0 90px;}
.product-list-title {font-size:30px;}
.product-list-title i {font-size:25px;}
.product-list-slide {margin-bottom: 30px;}
.product-list-slide-title-left {line-height:50px;font-size:16px;height: 50px;overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;width: 40%;}
.product-list-slide-title-right {width: 60%;}
.product-list-slide-title-right-slide {margin-left:10px;}
.product-list-slide:hover {background:#007bc2;color:#fff;}
.product-list-slide:hover .product-list-slide-title-left {color:#fff;}
.product-list-slide:hover img {transform:scale(1.1);transition:.2s all;}
.product-list-slide:hover i {background-position-x:0;transition:.5s all;}
.product-list-slide:hover .product-list-slide-title-right-slide {color:#fff;border-color:#fff;}
.product-list-slide-img {height: 300px;}
#hotpro .swiper-slide a {height: 300px;}
}



.news-list {margin-bottom: 70px;}
.news-slide {padding:15px 15px;border-bottom:1px dashed #ddd;}
.news-slide-title {font-size:18px;font-weight:600;}
.news-slide-content {line-height: 24px;font-size:12px;margin:10px 0;color:rgba(0,0,0,.6);}
.news-slide-time {color:#ddd;font-size:12px;}

.news-img-slide {margin-bottom:15px;}
.news-img-slide-img {text-align: center;border:1px solid #eee;padding:10px;overflow:hidden;height: 138px;}
.news-img-slide-img img {width:100%;height: 100%;object-fit: contain;}
.news-img-slide-left .newst {text-align: center;line-height: 35px;font-size: 16px;}
.news-img-slide-content {color:rgba(0,0,0,.6);line-height: 24px;}
.news-img-slide-content h2 {font-size:18px;line-height: 45px;}
a.news-img-slide-more {color:#aaa;display:block;border: 1px solid #eee;text-align: center;width:100px;line-height:45px;margin:15px 0;}
@media(min-width:768px) {
	.news-slide-title {font-size:18px;}
	.news-slide-content {line-height: 28px;font-size:14px;margin:15px 0;}
	.news-slide-time {font-size:14px;}
	.news-img-slide-img {height: 207px;}
}
@media(min-width:992px){
	.news-slide {padding:25px 15px;}
	.news-slide-title {font-size:20px;font-weight:500;}
	.news-slide-content {line-height: 32px;font-size:16px;}
	.news-slide:hover .news-slide-content {text-decoration: underline;}

	.news-img-slide {margin-bottom:40px;}
	
	.news-img-slide-img img {max-width:100%;}
	.news-img-slide-content {max-width:70%;margin:0 auto;}
	.news-img-slide-content h2 {font-size:32px;line-height: 60px;}
	.news-img-slide-content p {line-height: 32px;margin:30px 0;}
	a.news-img-slide-more {width:200px;}
	a.news-img-slide-more:hover {background: #007bc1;color:#fff;}
	.news-img-slide-img:hover {opacity: .8;}
	.news-img-slide-img {height: 300px;}
}



.news-info {}




.cp-title {font-size:20px;text-align: center;margin:30px auto;}
.cp-title span {color:yellow;}
.cp-title small {font-size:12px;display:block;}
.cp-number-slide div p {font-size:24px;color:#007bc2;font-weight:bold;display:inline;}
.cp-number-slide div>i {font-size:12px;}
.cp-number-slide>span {font-size:12px;color:#007bc2;}

.cp01-left img {max-width:100%;}
.cp01-right {line-height: 2.5rem;margin:20px 0;}
@media(min-width:768px){
	.cp-title {font-size:30px;margin:40px auto;}
	.cp-title small  {font-size:16px;}
	.cp-number-slide div p {font-size:28px;}

    .cp01-left {text-align: left;margin-bottom:30px;}
}
@media(min-width:992px){
	.cp-title {font-size:36px;}
	.cp-title small {margin-top:20px;}
	.cp-number-slide div p {font-size:36px;}
	.cp-number-slide div>i {font-size:14px;}
	.cp-number-slide>span {font-size:14px;}

    .cp01-left {text-align: left;padding-top:30px;}
}
@media (min-width:1200px) {
	.cp-number-slide div p {font-size:70px;}
	.cp-number-slide div>i {font-size:16px;font-style: normal;}
	.cp-number-slide>span {font-size:16px;display: block;}

    .cp01-right {font-size:16px;}
}

.cp02 {color:#fff;position:relative;padding:30px 0;overflow: hidden;}
.cp02-bg {position:absolute;top:0;left:0;right:0;background: #007bc2;height:600px;z-index: -1;}
.cp02-title {font-size:20px;text-align: center;margin:30px auto;}
.cp02-title span {color:yellow;}
.cp02-title small {font-size:12px;display:block;}
.cp02-content ul {overflow:hidden;}
.cp02-content li {position:relative;float:left;width:50%;overflow:hidden;transition:.5s all;}
.cp02-content li img {width:100%;}
.cp02-layer {position:absolute;z-index: 9;left:10%;top:35%;width:80%;text-align: center;}
.cp02-layer b {font-size:24px;}
.cp02-layer i {display:block;width:20px;height:2px;background:#fff;margin:2px auto 10px;}
.cp02-layer h2 {font-size:16px;font-weight:600;margin-bottom: 15px;}
.cp02-layer p {opacity: 0;position:absolute;left:0;right:0;top:0;bottom:0;z-index: 99;line-height: 24px;font-size:12px;}
.cp02-content li:hover .cp02-layer {top:0;left:15px;right:15px;width:unset;text-align: justify;}
.cp02-content li:hover .cp02-layer-txt {display:none;}
.cp02-content li:hover p {opacity: 1;padding-top:25px;}
.cp02-content li p a {display:none;}
.cp02-shadow {position:absolute;top:0;left:0;right:0;bottom:0;background: rgba(0,0,0,.7);z-index:1;}
.cp02-content li.active .cp02-shadow {background: rgba(9,59,117,.8);}
@media (min-width:768px) {
	.cp02-bg {height:65%;}
	.cp02-title {font-size:30px;margin:40px auto;}
	.cp02-title small  {font-size:16px;}
	.cp02-content li {position:relative;float:left;width:22%;height:360px;overflow:hidden;transition:.5s all;}
	.cp02-content li img {position:absolute;left:0;top:0;right:0;width:unset;}
	.cp02-layer {text-align: left;}
	.cp02-layer i {width:30px;margin:10px 0 15px;}
	.cp02-layer p {position:unset;display:none;}
	.cp02-content li p a {color:#fff;margin-top:20px;width:35%;display:block;border:1px solid #fff;text-align: center;line-height: 35px;}
	.cp02-content li p a:hover {background: #fff;color:#007bc2;}
	.cp02-content li:hover .cp02-layer-txt {display:unset;}
	.cp02-content li:hover .cp02-layer {top:30px;left:10%;width:80%;}
	.cp02-content li:hover p {padding-top:0;}
	.cp02-content li.active .cp02-layer {text-align: left;top:40px;}
	.cp02-content li.active .cp02-layer p {display:block;}
	.cp02-content li.active {width:34%;transition:.5s all;}
	.cp02-content li.active img {position:absolute;top:0;left:0;right:0;bottom:0;}
	.cp02-content li.active .cp02-layer p {opacity: 1;}
}
@media (min-width:992px) {
	.cp02-title {font-size:36px;}
	.cp02-title small {margin-top:20px;}
	.cp02-layer b {font-size:40px;}
	.cp02-layer h2 {font-size:22px;}
	.cp02-layer p {font-size:14px;}
}
@media (min-width:1200px) {
	.cp02-content li {height:530px;}
	.cp02-content li img {height:100%;}
	.cp02-content li.active img {width:100%;}
	.cp02-content li.active .cp02-layer {top:55px;}
	.cp02-content li.active p {line-height: 34px;}

}

.cp03 {position:relative;padding:30px 0;overflow: hidden;}
.cp03-bg {position:absolute;top:0;left:0;right:0;background: #007bc2;height:600px;z-index: -1;}
.cp03-title {font-size:20px;text-align: center;margin:30px auto;}
.cp03-title span {color:yellow;}
.cp03-title small {font-size:12px;display:block;}
.cp03-more {padding:5px 0;text-align:center;margin:0 auto;border:1px solid #999;width:190px;margin-bottom:25px;}
.cp03-slide {height: 138px;padding: 0;overflow: hidden;}
.cp03-slide img {width: 100%;height: 100%;object-fit: contain;}
@media (min-width:768px) {
	.cp03-bg {height:65%;}
	.cp03-title {font-size:30px;margin:40px auto;}
	.cp03-title small  {font-size:16px;}
	.cp03-slide {padding: 1%;height: 207px;}
}
@media (min-width:992px) {
	.cp03-title {font-size:36px;}
	.cp03-title small {margin-top:20px;}
	.cp03-slide {padding: 1%;height: 240px;}
}
@media(min-width:1200px) {
	.cp03-more {font-size:15px;padding:10px 0;margin-bottom: 80px;}
	.cp03-more:hover {background:#007bc2;transition:.3s all;border-color:#007bc2;}
	.cp03-more:hover a {color:#fff;}
	.cp03-slide {padding: 1%;border: 1px solid #eee;height: 300px;}
}




.footer {background: #202020;color:#fff;}
.footer-nav {border-bottom:1px solid rgba(147,147,147,.1);margin-bottom: 20px;}
.footer-nav .container {flex-flow:row wrap;padding:15px 0;}
.footer-nav a {text-align:center;line-height:35px;flex-basis:33%;color: #fff;}
.footer-ewm-slide {flex:1;margin:0 10px;}
.footer-ewm-slide-img {margin:0 auto;overflow:hidden;max-width: 100%;text-align:center}
.footer-ewm-slide-img img {max-width:45%;}
.footer-ewm-slide-title {text-align: center;line-height: 35px;}
.footer-contact {font-size:12px;padding:20px 0;text-align: center;line-height: 30px;color:#fff;}
.footer-contact h3 {font-size:16px;margin-bottom: 10px;}
.footer-contact h3 span {font-size:20px;font-weight:500;}
.footer-type {color:#fff;line-height: 32px;}
.footer-bottom {font-size: 12px;text-align: center;padding: 20px 0;line-height: 30px;}
.footer-share a {display: inline-block;margin:0 10px;background: url(../image/images.png) no-repeat;}
.footer-share a:nth-child(1) {width:22px;height:24px;margin-top:1px;background-position:-72px 0;}
.footer-share a:nth-child(2) {width:26px;height:26px;background-position:-76px -24px;}
.footer-share a:nth-child(3) {width:30px;height:26px;background-position:-80px -50px;}
@media (min-width:768px) {
	.footer-nav a {flex:1;}
	.footer-contact {text-align: left;padding-left: 50px;}
	.footer-bottom {text-align: left;}
	.footer-share {float:right;}
	.footer-ewm-slide {margin:0 13px;}
	.footer-ewm-slide-img img {max-width:100%;}
}

@media (min-width:1200px) {
	.footer-index03 {margin-bottom: 50px;}
	.footer a:hover {color:#fff;}
	.footer .container {max-width:1100px;}
	.footer-bottom {font-size:14px;padding-top:60px;}
	.footer-share a:hover {background-position-x: -50px;}
}



.page-margin {height:70px;}
#page-footer ul li {width:25%;}
.page-footer {z-index:998;background-color: #000;position: fixed;bottom: 0;left:0;width: 100%;margin:0;}
.page-footer li {float:left;height:70px;line-height:50px;text-align: center;padding:10px 0;}
.page-footer li a {width:100%;height:100%;text-align:center;color:#fff;}
.page-footer li:hover {background:#555;}
.page-footer li a i{font-size: 24px;color: #fff;display: block;margin-bottom: -10px;}
#page-footer.five ul li {width:20%!important;}
.top {line-height:50px;font-size: 36px;color: #fff;}
.top_li {display:none;}
.five .top_li {display:block;}




#allmap {width:100%;height:500px;overflow:hidden;line-height:28px;border:none;}
.con_title {font-size:2.5rem;color:#232323;padding-top:2rem}
.con_title small {font-size:14px;color:#959595;padding-left:1rem}
.contactbox {position:relative;}
.contactbox01 {width:100%;height:auto;overflow:hidden;position:relative;z-index:2}
.contactbox01 .container {position:relative;}
.contactbox02 {position:relative;z-index:1}
.contactbox01 .lxlist {padding:2rem 0}
.contactbox01 .lxlist li {padding:14px 0;line-height:22px;height:auto;overflow:hidden;}
.contactbox01 .lxlist li img {float:left;padding-right:1rem}
.contactbox01 .lxlist li big {line-height:44px;font-size:30px}
.contactbox01 .kefu {background:#007bc2;transition:1s all}
.contactbox01 .kefu img {display:block;margin:0 auto}
.contactbox01 .kefu:hover {background:#232323}
.contactbox .closecontact {width:30px;height:30px;right:30px;top:30px;position:absolute;}
.contactbox01 .msg01 {width:100%;height:48px;line-height:48px;color:#959595;border:1px solid #d2d2d2;padding:0px 15px;outline:none;margin-bottom:20px;display:block;}
.contactbox01 .msg02 {width:100%;height:118px;color:#959595;line-height:48px;border:1px solid #d2d2d2;padding:0px 10px;outline:none;margin-bottom:20px;display:block;}
.contactbox01 .captcha {width:60%;height:48px;line-height:48px;color:#959595;border:1px solid #d2d2d2;padding:0px 15px;outline:none;margin-bottom:20px;float:left;}
.contactbox01 .msg03 {width:36%;height:48px;text-align:left;text-indent:2rem;line-height:48px;color:#fff;border:1px solid #007bc2;background:#007bc2;padding:0px 10px;float:right;outline:none;margin-bottom:1rem;transition:0.4s all}
.contactbox01 .msg03:hover {border:1px solid #232323;}
.contactbox01 .G_inimg {height:30px;margin-left:-25%;float:left;margin-top:9px;}
.contactbox01 .Validform_checktip {display:none !important}
.contactbox01 .msgbox {padding:15px 0;height:auto;overflow:hidden;}
@media(min-width:1200px) {.contactbox01 {position:absolute;left:0;top:-75px;z-index:10}
.contactbox01 .container {background:#fff;padding:25px 86px 90px}
.con_title {font-size:44px}
.contactbox01 .kefu {width:361px;height:72px;}
.contactbox02 {height:820px}
#allmap {height:820px}
.contactbox01 .msg01,.contactbox01 .msg02,.contactbox01 .captcha {font-size:14px}
.contactbox01 .lxlist li {font-weight:bold;font-size:24px;line-height:28px;}
.contactbox01 .lxlist li img:nth-child(1) {padding-right:40px;}
}