@charset "utf-8";
/* CSS Document 
制作： 青华互联网站建设 版权所有 复制必究
网址： www.qinghuahulian.com
电话/微信：18653219163  QQ:893157818
邮箱：vip@qinghuadns.com  联系人：王小姐
*/

*{margin:0px; padding:0px; box-sizing:border-box;
}
:root {
  --blue-color: #004FA1;
}
html,body{
     -webkit-text-size-adjust:none; scrollbar-width: thin;
}
body{
	color:#333333;
	background-color:#fff; font-family:"Pingfang SC","微软雅黑","Microsoft YaHei";
}
body img{
    border:0px;
}
input, textarea, button {
	outline: 0;
	border: none;
	background: 0 0;
	font-size: 14px;
	 font-family:"Pingfang SC","微软雅黑","Microsoft YaHei";
	-webkit-appearance: none;
}

/*强制去除表单自带的样式*/ 
input,button,select,textarea{outline:none; -webkit-appearance:none;}

/*强制去除textarea自带的样式*/
textarea{resize:none; -webkit-appearance:none;}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
A {
	color: #333333; text-decoration:none;
}
A:link {
	color: #333333; text-decoration:none;
}
A:visited {
	color: #333333; text-decoration:none;
}
A:hover {
	color: var(--blue-color); text-decoration:none;
}
.clear{
	clear:both;
}
ul li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.wrap{
	width:100%; height:auto; padding-left:100px; padding-right:100px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt50{
	margin-top:50px;
}
.mt80{
	margin-top:80px;
}
.mt120{
	margin-top:120px;
}
.header{
	width:100%; height:auto; padding-top:10px; padding-bottom:13px; padding-left:100px; padding-right:100px; position:fixed; left:0px; top:0px; z-index:1000; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;
}
.logo{
	float:left; padding-top:8px;
}
.logo img{
	width:254px; height:auto; display:block;
}
.qyemail{
	float:right; height:36px; line-height:36px; background: rgba(243, 243, 243, 0.8); border-radius: 18px; margin-top:16px; margin-left:10px; position:relative;
}
.qyemail a{
	color:#333333; padding-left:40px; padding-right:12px;
}
.qyemail img{
	position:absolute; left:10px; top:6px;
}
.search_bnt{
	float:right; width:36px; height:36px; line-height:36px; padding-top:3px; text-align:center; background: rgba(243, 243, 243, 0.8); margin-top:16px; margin-left:10px; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; cursor:pointer; color:#fff;
}
.search{
	width:320px; height:auto; padding:10px; position:absolute; right:100px; top:91px; z-index:-1; background-color:rgba(255,255,255,0.7); opacity: 0; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px;
}
.search form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content:flex-start;
}
.sea_txt{
	width:72%; height:38px; line-height:38px; background-color:#fff; padding-left:10px; border:1px #ddd solid; display:none; border-right:0px; -webkit-appearance: none; border-radius: 0;
}
.sea_sub{
	width:28%; height:38px; line-height:38px; border:0px; background-color:var(--blue-color); color:#fff; font-size:16px; cursor:pointer; border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
}
.search_show{
	 z-index:1111; opacity: 1; transition: 0.4s all;
	-webkit-transition: 0.4s all;
	-moz-transition: 0.4s all;
	-o-transition: 0.4s all;
}
.search_show .sea_txt{
	display:inline-block;
}
.nav{
	float:right; margin-top:18px; margin-right:50px;
}
.nav li{
	float:left; margin-left:45px; position:relative;
}
.nav li i{
	margin-left:6px; font-size:14px; color:#ffffff;
}
.nav li a{
	color:#fff; line-height:36px; padding-bottom:28px; font-weight:normal;
}
.nav li:hover a{
	color:var(--blue-color);
}
.nav li:hover .icon{
	fill:var(--blue-color) !important;
}
.nav li:hover i{
	color:var(--blue-color) !important;
}
.nav li.cur{
	background: rgba(243, 243, 243, 0.8); border-radius: 18px; padding-right:15px;
}
.nav li.cur a{
	color:var(--blue-color); padding-left:18px;
}
.nav li.cur i{
	color:var(--blue-color) !important;
}
.nav li.cur .icon{
	fill:var(--blue-color) !important;
}
.nav li.home{
	padding-left:30px; padding-right:28px;
}
.nav li.home .icon{
	position:absolute; left:22px; top:9px; fill:#fff;
}
.nav li.homecur{
	padding-right:15px;
}
.nav li.homecur a{
	color:#ffffff; padding-left:18px;
}
#headbox2 .nav li.cur a{
	color:var(--blue-color);
}
#headbox2 .nav li.cur ul li a{
	color:#333333;
}
#headbox2 .nav li.cur ul li a:hover{
	color:var(--blue-color);
}
.nav ul li .sec-menu {
	position:absolute; top: 40px; width: 150px; left:0px; display:none; z-index:111; padding-top:10px; padding-bottom:12px; background-color:#fff; box-shadow: 0 0 4px #e2e2e2; padding-left:10px; padding-right:10px; border-top:3px #004FA1 solid;  border-bottom-left-radius: 5px;  /* 左下角 */
border-bottom-right-radius: 5px; /* 右下角 */
-webkit-border-bottom-left-radius: 5px;  /* 左下角 */
-webkit-border-bottom-right-radius: 5px; /* 右下角 */
}
.nav ul li .sec-menu li{
	text-align:left; list-style-type:none; height:40px; line-height:40px; float:none; margin-left:0px;
}
.nav ul li .sec-menu li a {
	 display:block; font-size:15px; background-position:5px center;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s; border-bottom:0px;
	transition: all 0.3s; color:#252525; font-weight:normal; padding-left:10px; padding-bottom:0px;
}
.nav ul li .sec-menu li a:link {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:visited {
	display:block; line-height:40px;
}
.nav ul li .sec-menu li a:hover {
	display:block; line-height:40px; color:#e22738;  background-color:#f8f8f8;
}
.mnav{
	display:none;
}
.header:hover{
	background-color:#ffffff;
}
.header:hover .search_bnt{
	color:#333333;
}
.header:hover .qyemail a{
	color:#333333;
}
.header:hover .qyemail a:hover{
	color:var(--blue-color);
}
.header:hover .nav li i{
	color:#111111;
}
.header:hover .nav li a{
	color:#131313;
}
.header:hover .nav li.cur a{
	color:var(--blue-color);
}
.header:hover .nav li:hover a{
	color:var(--blue-color);
}
.header:hover .nav li:hover ul li a{
	color:#333333;
}
.header:hover .nav li:hover ul li a:hover{
	color:var(--blue-color);
}
.header:hover .nav li.home .icon{
	fill:#666666;
}
.fixedindex{
	background-color:#ffffff; transition: 0s all; -webkit-transition: 0s all; -moz-transition: 0s all; -o-transition: 0s all;
}
.fixedindex .search_bnt{
	color:#333333;
}
.fixedindex .qyemail a{
	color:#333333;
}
.fixedindex .qyemail a:hover{
	color:var(--blue-color);
}
.fixedindex .nav li i{
	color:#111111;
}
.fixedindex .nav li a{
	color:#131313;
}
.fixedindex .nav li.cur a{
	color:var(--blue-color);
}
.fixedindex .nav li:hover a{
	color:var(--blue-color);
}
.fixedindex .nav li:hover ul li a{
	color:#252525;
}
.fixedindex .nav li:hover ul li a:hover{
	color:var(--blue-color);
}
.fixedindex .nav li.home .icon{
	fill:#666666;
}
.comheader{
	box-shadow: 0 0 10px #dddddd;
}
.index-banner-wrapper{
	width:100%; height:auto; position:relative; overflow:hidden; transform:translate3d(0,0,0); 
}
.index-banner-wrapper img{
	width:100%; height:auto; display:block;
}
.index-banner-wrapper .swiper-slide{
	transform:translate3d(0,0,0); overflow:hidden; position:relative;
}
.index-banner-wrapper .swiper-pagination {
    text-align: center; width: 100%; position:absolute; left:0px; bottom:40px; z-index:10;
}
.index-banner-wrapper .swiper-button-next{
	color:#e5e9ef; right:80px;
}
.index-banner-wrapper .swiper-button-prev{
	color:#e5e9ef; left:80px;
}
.index-banner-wrapper .swiper-slide .banner_txt{
	position:absolute; left:100px; top:35%; z-index:100;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 60px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25); color:#fff;
}
.index-banner-wrapper .swiper-slide .banner_txt .more{
	border:1.5px #fff solid;
}
.index-banner-wrapper .swiper-slide .banner_txt .more img{
	width:36px; height:36px; transition: transform 0.3s ease;
}
.index-banner-wrapper .swiper-slide .banner_txt .more a:hover img{
    transform: rotate(45deg);
}
.index-banner-wrapper .swiper-slide .banner_txt .more a{
	font-size:16px; color:#fff; font-weight:normal;
}
/*.banner .swiper-pagination-bullet {
    display: inline-block; opacity:1; background:url(../images/banner_arrow.png) center center no-repeat;  width: 21px; height: 21px; overflow: hidden; line-height: 999px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; margin: 4px;cursor: pointer;transition: width 0.3s ease-in-out; 
}
.banner .swiper-pagination-bullet-active{
	border:1px #ffffff solid;
	border-top-color:#787878;
    animation: spin 3s linear infinite;
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }*/
/*.banner .swiper-slide img{
	width:100%; height:auto; min-height:100%; transition:1s linear 2s; transform:scale(1.1,1.1);
}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{
	transition:5.5s linear; transform:scale(1,1);
}*/
.index-banner-wrapper .index-banner-swiper .swiper-slide-active .box-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.index-banner-wrapper .index-banner-swiper .video > img {
  display: none;
  width: 100%;
}
.index-banner-wrapper .index-banner-swiper .video video {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: left top;
}
.index-banner-wrapper .index-banner-swiper .box-container {
  opacity: 0;
  visibility: hidden;
  transform: translateY(120px);
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  -o-transform: translateY(120px);
  transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.index-banner-wrapper .swiper-slide {
  overflow: hidden;
}
.index-banner-wrapper .swiper-slide.swiper-slide-active a > img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.index-banner-wrapper .swiper-slide a{
  display: block;
}
.index-banner-wrapper .swiper-slide a > img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transition: transform 6s ease;
  -webkit-transition: transform 6s ease;
  -moz-transition: transform 6s ease;
  -ms-transition: transform 6s ease;
  -o-transition: transform 6s ease;
}
.index-banner-wrapper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color:#fff;
  position: relative; margin:0 10px;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.index-banner-wrapper .swiper-pagination-bullet svg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.index-banner-wrapper .swiper-pagination-bullet {
  fill: none;
}
.index-banner-wrapper .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0.4);
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 5.5s linear reverse;
  -moz-animation: circle-chart-fill 5.5s linear reverse;
  -webkit-animation: circle-chart-fill 5.5s linear reverse;
  -ms-animation: circle-chart-fill 5.5s linear reverse;
}
.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 5.5s linear reverse;
  -moz-animation: circle-chart-fill 5.5s linear reverse;
  -webkit-animation: circle-chart-fill 5.5s linear reverse;
  -ms-animation: circle-chart-fill 5.5s linear reverse;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
}
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link {
  outline: none;
}

@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
.scrolldown{position:absolute;bottom:30px;right:40px;z-index:2}.scrolldown span{position:absolute;left:-8px;bottom:90px;color:#FFF;font-family:"Montserrat","Zen Kaku Gothic New","Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic medium","Hiragino Sans",Meiryo,sans-serif;font-size:14px;letter-spacing:0em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.scrolldown:before{content:"";position:absolute;bottom:0;left:-4px;width:9px;height:9px;border-radius:50%;background:#FFF;animation:circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite}.scrolldown:after{position:absolute;bottom:0;left:0;content:"";width:1px;height:80px;background:#FFF}@media all and (max-width: 840px){.scrolldown{right:26px;bottom:20px}.scrolldown span{font-size:12px;color:#ffffff; left:-7px;}.scrolldown:before{background:#ffffff}.scrolldown:after{background:#ffffff}}@-webkit-keyframes circlemove{0%{bottom:75px}100%{bottom:-5px}}@keyframes circlemove{0%{bottom:75px}100%{bottom:-5px}}@-webkit-keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:0.9}100%{opacity:0}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:0.9}100%{opacity:0}}

.aboutbox{
	width:100%; height:auto; padding-top:127px; background:url(../images/aboutbg.jpg) center bottom no-repeat;
}
.aboutus{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.about_info{
	width:48%;
}
.about_info ul{
	display: flex; flex-direction: row; align-items: center; margin-top:60px; margin-bottom:40px;
}
.about_info li{
	width: 122px; height: 34px; line-height:34px; background-color:#fff; text-align:center; margin-right:30px;
}
.about_info li:last-child{
	margin-right:0px;
}
.about_info li a{
	font-size:14px; color:#005FC2; display:block; border-radius: 20px; border:1px #005FC2 solid;
}
.about_info li a:hover{
	color:#ffffff; background-color:#005FC2;
}
.txtcen{
	text-align:center;
}
.title{
	font-style: normal; font-weight: 400; font-size: 48px; color: #232323;
}
.title p{
	font-size: 18px; color: #666666; margin-top:10px; line-height:32px;
}
.about_info p{
	font-size:16px; line-height:32px; margin-top:15px;
}
.more{
	width: 170px; height: 46px; line-height:46px; margin-top:50px; border: 1.5px solid rgba(202, 202, 202, 0.8); border-radius: 23px; position:relative;
}
.more a{
	display:block; line-height:46px; color:#666666; padding-left:15px;
}
.more img{
	position:absolute; right:5px; top:4px; transition: transform 0.3s ease;
}
.more a:hover{
	color:var(--blue-color);
}
.more a:hover img{
	transform: rotate(45deg);
}
.about_video{
	width:48%; position:relative;
}
.about_video img{
	width:100%; height:100%; object-fit: cover;
}
.video_bnt{
	width:64px; height:64px; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);
}
.video_bnt img{
	width:100%; height:auto;
}
/* 波动效果 */
.wave{
    position: absolute;
    width: 64px;
    height: 64px; left:0px; top:0px;
    text-align: center;
}
.wave .circle{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.5);
}
.wave .circle:first-child {
    animation: circle-opacity 3s infinite;
}
@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(3);
    }
}
.wave2{
    position: absolute;
    width: 64px;
    height: 64px; left:0px; top:0px;
    text-align: center;
}
.wave2 .circle{
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.5);
}
.wave2 .circle:first-child {
    animation: circle-opa 3s infinite;
	animation-delay: 1s;
}
@keyframes circle-opa{
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(2.5);
    }
}
.card{
    width:64px;
    height:64px;
    border-radius: 50%;
    position: absolute;
    z-index: 999;
}
.gj_video{
	width:100%; height:auto;
}
.allvideoa{
	width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:fixed; left:0px; top:0px; z-index:1001; display:none;
}
.allvideob{
	width:1000px; left:50%; top:50%; transform: translate(-50%, -50%); position:absolute;
}
.allvideot{
	height:46px; background-color:#f5f5f5; line-height:46px; font-size:16px; padding-left:15px; overflow:hidden;
}
.allvideot span{
	float:right; margin-right:15px; font-size:18px;
}
.aboutdata_box{
	height:auto; margin-top:130px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.aboutdata_box div{
	width:25%; height:auto; padding-top:70px; padding-bottom:70px; background: linear-gradient(270deg, rgba(0, 79, 161, 0.9) 0%, rgba(22, 103, 186, 0.9) 100%); color:#fff;
}
.aboutdata_box div span{
	font-size:60px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.aboutdata_box div dl{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: center;
}
.aboutdata_box div dl dt{
	padding-top:15px;
}
.aboutdata_box div dl dd{
	margin-left:25px;
}
.aboutdata_box div:hover img{
     -webkit-animation:swing 1s 0s ease both;animation:swing 1s 0s ease both
}
.greybox{
	padding-top:110px; padding-bottom:100px; background-color:#f8f8f8;
}
.features{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.feature_pic{
	width:40%;
}
.feature_pic img{
	width:100%; height:auto; display:block;
}
.feature_info{
	width:55%;
}
.feature_info .title{
	margin-bottom:20px;
}
.feature_info dl{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; padding-top:30px; padding-bottom:30px; margin-bottom:25px;
}
.feature_info dl:hover{
	background-color:#fff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.08); border-radius: 10px; 
}
.feature_info dt{
	width: 80px; height: 80px; margin-left:30px; padding-top:12px; background: #004FA1; border-radius: 10px; text-align:center;
}
.feature_info dd{
	width:80%; padding-left:45px;
}
.feature_info dd h3{
	font-size:24px; color:#232323;
}
.feature_info dd p{
	color:#666666; margin-top:15px;
}
.pcproducts{
	display:block;
}
.mproducts{
	display:none;
}
.index_products_cat{
	background-color:#F8F8F8; height:auto; margin-top:50px;
}
.index_products_cat .swiper-wrapper{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.index_products_cat .swiper-slide{
	width:14%; text-align:center; height:126px; line-height:126px; position:relative;
}
.index_products_cat .swiper-slide a{
	display:block; font-size:18px;
}
.index_products_cat .swiper-slide-thumb-active{
    background-color:var(--blue-color); color:#fff;
}
.index_products_cat .swiper-slide-thumb-active a{
	color:#fff;
}
.index_products_cat .swiper-slide .arrow{
	width: 75px; height: 33px; position:absolute; left:50%; bottom:20px; transform: translateX(-50%); display:none;
}
.index_products_cat .swiper-slide-thumb-active .arrow{
	display:block;
}
/*.index_products_cat li.on{
	background-color:var(--blue-color); color:#fff;
}
.index_products_cat li.on a{
	color:#fff;
}
.index_products_cat li .arrow{
	width: 75px; height: 33px; position:absolute; left:50%; bottom:20px; transform: translateX(-50%);
}*/
.index_products_box{
	background: linear-gradient(180deg, #DAE4F2 0%, #EBF4FF 100%);
}
.index_products{
	background:url(../images/indexprobg.svg) center center no-repeat;  -moz-background-size:90% auto;  background-size:90% auto; overflow:hidden; position:relative;
}
.index_products .swiper-slide{
	 display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.index_products_left{
	width:45%; padding-top:80px; padding-bottom:80px;
}
.index_products_left .more{
	margin-top:220px;
}
.pro_lr{
	width:155px; height:auto; position:absolute; left:0px; top:38%; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; z-index:10;
}
.pro_prev{
	width:65px; height:65px; line-height:65px; text-align:center; background-color:#FFFFFF; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;
}
.pro_next{
	width:65px; height:65px; line-height:65px; text-align:center; background-color:#FFFFFF; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;
}
.pro_prev:hover{
	background-color:var(--blue-color);
}
.pro_prev i{
	font-size:28px; color:var(--blue-color);
}
.pro_prev:hover i{
	color:#fff;
}
.pro_prev a{
	display:block;
}
.pro_next:hover{
	background-color:var(--blue-color);
}
.pro_next i{
	font-size:28px; color:var(--blue-color);
}
.pro_next:hover i{
	color:#fff;
}
.pro_next a{
	display:block;
}
.index_products_pic{
	width:45%; padding-top:50px; padding-bottom:50px;
}
.index_products_pic img{
	width:100%; max-width:650px; height:auto;
}
.newslist{
	height:auto; margin-top:100px;
}
.newslist ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.newslist li{
	width:31%; margin-bottom:60px;
}
.storylist li{
	background-color:#f7f7f7; padding:25px 20px;
}
.newslist .itemempty{
    height:0px; background:none;
    width:31%; margin-top:0px; padding:0px;
}
.newslist:after {
    content: "";
    flex: auto;
}
.indexnews {
	margin-top:60px; padding-bottom:0px;
}
.indexnews li{
	margin-bottom:0px;
}
.newslist li img{
	width:100%; height:auto; display:block; margin-bottom:25px;
}
.newslist li a{
	font-size:22px;
}
.newslist li p{
	color:#666666; margin-top:20px; margin-bottom:10px; line-height:28px;
}
.newslist li span{
	color:#B8B8B8;
}
.pages{
	margin:0 auto; border-top:1px #ddd solid; text-align:center; padding-top:30px; padding-bottom:100px;
}
.pages ul{
	list-style-type:none;
	padding:12px 0px 12px 0px;justify-content:center;
}
.pages ul span{
	display:inline-block;
	height:50px;
	line-height:50px;
	font-size:18px; margin-left:5px; margin-right:5px;
}
.pages ul span.page-status{
	padding-left:15px; padding-right:15px;
}
.pages ul span.page-numbar{
	font-size:18px; margin-right:0px;
}
.pages ul span.page-next{
	margin-left:0px;
}
.pages ul span.page-numbar a{
	font-size:18px; margin-right:8px; padding-left:20px; padding-right:20px;
}
.pages ul span a{
	color:var(--blue-color);
	height:50px;
	line-height:50px;
	padding-left:16px;
	padding-right:16px;
	display:inline-block;
	font-size:18px; background-color:#f2f2f2;
}
.pages ul span a:hover{
	color:#fff;
	text-decoration:none;
	background-color:var(--blue-color); height:50px; line-height:50px;
	padding-left:16px;
	padding-right:16px; display:inline-block;
}
.pages ul span.page-numbar a:hover{
	padding-left:20px; padding-right:20px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	background-color:var(--blue-color);
	padding:0px 4px 0px; padding-left:20px; padding-right:20px;
	color:#fff;
}
.text-secondary{
       font-size:18px; text-align:center; height:auto; overflow:hidden; color:#888;border-top:1px #ddd solid; padding-top:20px; margin-bottom:125px;
}
.honorbox{
	width:100%; height:auto; position:relative;
}
.honor{
	margin-top:50px; overflow:hidden;
}
.honor .swiper-slide img{
	width:100%; height:auto; display:block;
}
.honor_prev{
	width:60px; height:60px; line-height:60px; text-align:center; background-color:#D9D9D9; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; position:absolute; left:15px; top:50%; z-index:100; margin-top:-30px;
}
.honor_next{
	width:60px; height:60px; line-height:60px; text-align:center; background-color:#D9D9D9; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; position:absolute; right:15px; top:50%; z-index:100; margin-top:-30px;
}
.honor_prev:hover{
	background-color:var(--blue-color);
}
.honor_prev i{
	font-size:28px; color:#fff;
}
.honor_prev a{
	display:block;
}
.honor_next:hover{
	background-color:var(--blue-color);
}
.honor_next i{
	font-size:28px; color:#fff;
}
.honor_next a{
	display:block;
}
.shzrbox{
	width:100%; height:auto;/* margin-top:190px;*/ padding-top:180px; padding-bottom:180px; background:url(../images/shzrbg.jpg) center center no-repeat; background-size:cover;
}
.shzr_info{
    width: 474px; height: auto; padding:50px; padding-top:40px; background: #004FA1; border-radius: 55px 0px;
}
.shzr_info .title{
	color:#fff; font-size:44px;
}
.shzr_info .title p{
	color:#fff;
}
.shzr_info .more{
	border: 1.5px solid rgba(255, 255, 255, 0.8);
}
.shzr_info .more a{
	color:#fff;
}
.footbox{
	width:100%; height:auto; padding-top:22px; background:url(../images/footbg.jpg) center center no-repeat #0D1E30; background-size:cover;
}
.foot_logo{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; padding-bottom:17px;
}
.foot_logo img{
	width:314px; height:auto;
}
.foot_right{
	font-size:34px; color:#fff; text-align:right; padding-top:15px;
}
.line{
	border-bottom:1px #224D79 solid;
}
.footer{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav{
	width:70%; border-right:1px #224D79 solid; padding-top:65px;
}
.foot_nav ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_nav li{
	width:20%; color:#FBFBFB;
}
.foot_nav li h3{
	font-size:18px;
}
.foot_nav li ul{
	margin-top:20px;
}
.foot_nav li ul li{
	width:100%;
}
.foot_nav li ul li a{
	font-size:14px; line-height:32px; color:#FBFBFB;
}
.foot_contact{
	width:20%; padding-top:65px; padding-bottom:100px; color:#FBFBFB;
}
.foot_contact h3{
	font-size:18px;
}
.foot_tel{
	width:100%; height:50px; margin-top:25px; text-align:center; background-color:#1575D9;
}
.foot_tel a{
	height:50px; line-height:50px; display:block; font-size:24px; color:#fff; font-weight:bolder;
}
.foot_tel img{
	vertical-align:middle;
}
.foot_wechat{
	margin-top:25px;
}
.foot_wechat ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.foot_wechat li{
	width:47%; background-color:#1575D9; font-size:16px; text-align:center; padding-bottom:10px;
}
.foot_wechat li img{
	width:100%; height:auto; display:block; margin-bottom:10px;
}
.copyrights{
	padding-top:40px; padding-bottom:40px; color:#A8A8A8; font-size:14px; line-height:28px;
}
.copyrights a{
	color:#A8A8A8; font-size:14px;
}
.copyrights a:hover{
	color:#ffffff;
}
.copyrights br{
	display:none;
}
.backtop{
    display: none;
    right: 10px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    position: fixed;
    cursor: pointer;
    z-index: 99;
    background: #014fa1 url(../images/top.svg) no-repeat center/22px auto;
}
.backtop a{
	width:44px; height:44px; display:block;
}
.bottomkf{
	display:none;
}

/* 公司介绍 */

.com_banner{
	width:100%; height:auto; overflow:hidden; margin-top:90px; position:relative;
}
.com_banner img{
	width:100%; height:auto; display:block; animation: myfirst 5s;
}
@keyframes myfirst {
from {
 transform: scale(1.1);
}
to {
	transform: scale(1);
}
}
.positionbox{
	width:100%; height:auto; border-bottom:1px #D0D0D0 solid;
}
.position{
	line-height:90px;
}
.position span{
	background:url(../images/posibg.svg) left center no-repeat; padding-left:25px; display:inline-block; color:#666;
}
.position span a{
	color:#666; margin-left:6px; margin-right:6px;
}
.position span a:first-child{
	margin-left:0px;
}
.position span a:hover{
	color:var(--blue-color);
}
.position ul{
	float:right; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.position li{
	margin-left:100px;
}
.position li:first-child{
	margin-left:0px;
}
.position li.cur a{
	color:var(--blue-color); border-bottom:2px #004FA1 solid; display:block;
}
.about_title{
	font-size:40px; margin-bottom:30px;
}
.ceo_info{
	margin-top:120px;
}
.ceo_info img{
	width:50%; height:auto; float:left; margin-right:5%;
}
.ceo_info p{
	font-size:16px; color:#333; line-height:32px; margin-top:20px;
}
.shzrny_info{
	margin-top:80px;
}
.shzrny_info p{
	font-size:16px; color:#333; line-height:32px; margin-top:20px;
}
.shzrny_pics{
	margin-top:40px;
}
.shzrny_pics ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.shzrny_pics li{
	width:48.7%; margin-top:30px; position:relative;
}
.shzrny_pics li img{
	width:100%; height:auto;
}
.shzrny_pics li .shzrny_txt{
	width:100%; height:30px; line-height:30px; position:absolute; left:30px; bottom:30px; color:#fff;
}
.storybox{
	width:100%; height:auto; padding-top:80px; padding-bottom:150px; margin-top:100px; background:url(../images/storybg.jpg) center top no-repeat; background-size:cover;
}
.storybox .about_title{
	text-align:center; color:#fff;
}
.story_abox{
	position:relative;
}
.story_info{
	overflow:hidden; margin-top:60px; 
}
.story_info .swiper-slide{
	color:#fff; height:245px; padding:40px; font-weight:normal; background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 10px;
}
.story_info .swiper-slide a{
	color:#fff; font-size:26px;
}
.story_info .swiper-slide span{
	font-size:18px; display:inline-block; margin-top:10px;
}
.story_info .swiper-slide p{
	font-size:14px; line-height:28px; margin-top:15px; font-weight:normal;
}
.story_info .swiper-slide p a{
	font-size:14px;
}
.story_prev{
	width:60px; height:60px; line-height:60px; text-align:center; background-color:#1B436D; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; position:absolute; left:15px; top:50%; z-index:100; margin-top:-30px;
}
.story_next{
	width:60px; height:60px; line-height:60px; text-align:center; background-color:#1B436D; border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; position:absolute; right:15px; top:50%; z-index:100; margin-top:-30px;
}
.story_prev:hover{
	background-color:var(--blue-color);
}
.story_prev i{
	font-size:28px; color:#fff;
}
.story_prev a{
	display:block;
}
.story_next:hover{
	background-color:var(--blue-color);
}
.story_next i{
	font-size:28px; color:#fff;
}
.story_next a{
	display:block;
}
.proindex{
	margin-top:60px; padding-bottom:150px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.product_top{
	width:48%; background: #F3F3F3; border-radius: 10px; overflow:hidden; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; margin-top:60px;
}
.product_top_pic{
	width:46%; max-width:375px;
}
.product_top_pic img{
	width:100%; height:100%; display:block; object-fit: cover;
}
.product_top_info{
	width:50%; padding-top:30px; padding-bottom:10px; padding-left:5%;
}
.product_top_info h2{
	width:auto;	min-width: 155px; max-width:100%; height: 44px; line-height:42px; display:inline-block; padding-left:20px; padding-right:20px; text-align:center; background: #004FA1; border-radius: 23px;
}
.product_top_info h2 a{
	font-size:18px; color:#fff;
}
.prolisttile h2 a{
	font-size:16px;
}
.product_top_info ul{
	margin-top:15px; padding-left:15px;
}
.product_top_info li{
	line-height:28px; position:relative; padding-left:18px;
}
.product_top_info li::after {
	content: '•';
	display: block;
	position: absolute;
	left: 0;
	top: 2px; color:var(--blue-color);
}
.product_top_info li a{
	font-size:14px;
}
#product_nav17{
	width:100%;
}
#product_nav17 .product_top_info{
	width:65%;
}
#product_nav17 .product_top_info  ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
#product_nav17 .product_top_info li{
	width:32%;
}
.products{
	width:100%; max-width:1140px; margin:0 auto; margin-top:100px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap;
}
.products_pic{
	width:52%;
}
.products_pic img{
	width:100%; height:auto;
}
.products_info{
	width:48%; padding-left:80px;
}
.products_info h1{
	margin-bottom:10px; font-weight:normal;
}
.products_info span{
	font-size:26px; color:var(--blue-color);
}
.products_contact{
	border-top:1px #dddddd solid; margin-top:25px; padding-top:25px;
}
.products_contact li{
	line-height:40px; font-size:18px; color:#333; position:relative;
}
.products_contact li a{
	line-height:40px; font-size:18px; color:#333;
}
.products_contact li i{
	margin-right:5px; color:#333;
}
.products_contact li img{
	vertical-align:middle;
}
.products_contact li .prowx{
	position:absolute; right:0px; top:0px; display:none;
}
.products_contact li:hover .prowx{
	display:block;
}
.product_online{
	width: 270px; height: 60px; line-height:60px; text-align:center; margin-top:25px; background: #004FA1; border-radius: 10px;
}
.product_online a{
	font-size:20px; color:#fff;
}
.product_online img{
	vertical-align:middle;
}
.prevnext{
	border-top:1px #ddd solid; width:100%; max-width:1140px; margin:0 auto; margin-top:40px; margin-bottom:40px; padding-top:25px; font-size:14px; color:#666; line-height:30px;
}
.prevnext a{
	color:#666;
}
.related_title{
	margin-top:50px; border-bottom:2px #ddd solid; height:auto;
}
.related_title .about_title{
	width:auto; display:inline-block; border-bottom:2px #004FA1 solid; margin-bottom:0px; padding-bottom:15px;
}
.related_products{
	margin-top:40px; padding-bottom:120px;
}
.related_products ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.related_products li{
	width:23%; height:auto; overflow:hidden; background: #F3F3F3; border-bottom: 1px solid #1575D9; border-radius: 10px; text-align:center; padding-bottom:20px;
}
.related_products li img{
	width:100%; height:auto; display:block; margin-bottom:20px;
}
.production{
	height:auto; margin-top:50px; overflow:hidden;
}
.production ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.production li{
	width:21%; height:auto; position:relative;
}
.production li .lc_icon{
	width:36px; height:34px; background:url(../images/lc_jt.svg) no-repeat; position:absolute; right:-18%; top:38%;
}
.production li:last-child .lc_icon{
	display:none;
}
.production_box{
	border:1px #4F7BA9 solid; border-radius: 10px; overflow:hidden;
}
.production li img{
	width:100%; height:auto; display:block;
}
.production li .lc_txt{
	background:url(../images/lc_icon.svg) 10px center no-repeat #004FA1; margin:10px 10px; height:52px; line-height:52px; color:#fff; border-radius: 5px; padding-left:50px;
}
.production_one{
	margin-top:30px;
}
.production_one li{
	height:50px;
}
.production_one li .lc_icon{
	display:none;
}
.production_one li:last-child .lc_icon{
	display:block; width:36px; height:34px; background:url(../images/lc_jt.svg) no-repeat; position:absolute; bottom:0px; left:50%; transform: rotate(90deg); margin-left:-18px;
}
.production_three li:first-child .lc_icon{
	display:block; width:36px; height:34px; background:url(../images/lc_jt.svg) no-repeat; position:absolute; bottom:0px; left:50%; transform: rotate(90deg); margin-left:-18px;
}
.production_two{
	margin-top:50px;
}
.production_two ul{
	flex-direction:row-reverse; 
}
.production_two li .lc_icon{
	 transform: rotate(180deg);
}
.production_two li:last-child .lc_icon{
	display:block;
}
.production_two li:first-child .lc_icon{
	display:none;
}
.production_three li:last-child .lc_icon{
	display:none;
}
.caselist{
	margin-top:100px;
}
.casebox{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.casebox:nth-child(2n){
	flex-direction:row-reverse; margin-top:80px; padding-top:80px; border-top:1px #E1E1E1 solid; padding-bottom:100px;
}
.casebox_pic{
	width:46%;
}
.casebox_pic img{
	width:100%; height:auto; display:block; border-radius: 10px;
}
.casebox_info{
	width:49%; padding-top:30px;
}
.casebox_info h1 a{
	font-size:28px;
}
.casebox_info p{
	margin-top:25px; color:#333; line-height:32px;
}
.case_more{
	width: 220px; height: 55px; line-height:55px; text-align:center; background: #004FA1; border-radius: 6px;
}
.case_more a{
	color:#fff; line-height:55px; display:block; font-size:18px; margin-top:30px;
}
.mainnews{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:110px; margin-bottom:110px;
}
.news_left{
	width:70%;
}
.news_info{
	border-bottom:1px #E1E1E1 solid; padding-bottom:25px; font-size:14px; color:#b0b0b0;
}
.news_info h1{
	font-size:38px; line-height:46px; margin-bottom:15px; color:#121212; font-weight:normal;
}
.news_content{
	margin-top:50px; line-height:30px;
}
.news_content p{
	margin-bottom:20px;
}
.news_content img{
	max-width:100% !important; height:auto !important;
}
.news_content h3{
	margin-bottom:10px;
}
.newspics_two{
	margin-bottom:30px;	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.newspics_two img{
	width:48%; height:auto;
}
.news_right{
	width:25%;
}
.prenext{
	background-color:#F6F6F6; padding-top:50px; padding-left:35px; padding-right:35px; padding-bottom:60px; color:#000000;
}
.prenext ul{
	margin-bottom:40px;
}
.prenext li{
	border-bottom:1px #dcdcf3 solid; padding-bottom:15px; margin-bottom:20px; font-weight:bolder;
}
.prenext li a{
	color:#666666; font-weight:normal; padding-bottom:15px; line-height:26px; display:inline-block;
}
.prenext li a:hover{
	color:#cd161e;
}
.backlist{
	width:200px; height:48px; line-height:48px; background-color:#004FA1; text-align:center; margin:0 auto; margin-top:20px; border-radius: 6px;
}
.backlist a{
	color:#ffffff; display:block;
}
.backlist a img{
	margin-left:5px; vertical-align:middle;
}
.tjnews_title{
	margin-top:30px;
}
.tjnews{
	margin-top:30px;
}
.tjnews li{
	width:100%; border-bottom:1px #E1E1E1 solid; margin-bottom:30px; padding-bottom:30px;
}
.tjnews li img{
	width:100%; height:auto; margin-bottom:10px;
}
.tjnews li a{
	font-size:18px;
}
.tjnews li span{
	color:#555555; display:inline-block; margin-top:10px;
}
.tjnews li.itemempty{
	width:100%; height:0px; border-bottom:0px; margin-bottom:0px; padding-bottom:0px;
}
.contactus{
	margin-top:110px; display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contact_pic{
	width:50%;
}
.contact_pic img{
	width:100%; height:100%; object-fit: cover;
}
.contact_info{
	width:45%; position:relative;
}
.contact_info ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.contact_info li{
	width:100%;	border-bottom:1px #D0D0D0 solid; padding-top:20px; padding-bottom:20px; padding-left:40px; font-size:18px; line-height:46px;
}
.contact_info li a{
	font-size:18px;
}
.contact_info li span{
	margin-left:54px;
}
.contact_info li:first-child{
	padding-top:0px;
}
.contact_info li.add{
	background:url(../images/addbg.svg) left 10px no-repeat;
}
.contact_info li.mob{
	background:url(../images/mobbg.svg) left 30px no-repeat; width:50%;
}
.contact_info li.email{
	background:url(../images/emailbg2.svg) left 32px no-repeat; width:50%;
}
.contact_wechat{
	margin-top:20px; width:200px; text-align:center;
}
.contact_wechat img{
	width:100%; height:auto; border:1px #ddd solid;
}
.global{
	background-color:#05599F; margin-top:100px; padding-top:50px; border-bottom:1px #05599F solid;
}
.global .about_title{
	text-align:center; color:#fff;
}
.message{
	margin-top:100px; padding-bottom:80px;
}
.message p{
	color:#666666; font-size:20px; 
}
.message .about_title{
	margin-bottom:12px;
}
.message form{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; margin-top:45px;
}
.mesg_txt{
	width:32%; height:52px; line-height:52px; background: #F6F6F6; border-radius: 5px; margin-bottom:25px; padding-left:15px; font-size:16px; color:#333;
}
.mesg_text{
	width:100%; height:160px; line-height:30px; background: #F6F6F6; border-radius: 5px; margin-bottom:25px; padding-left:15px; font-size:16px; color:#333;
}
.mesgbox{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between; 
}
.code_txt{
	width:200px;
}
.checkcode{
	height:52px !important; width:auto; margin-left:15px;
}
.mesg_sub{
	width:250px; height:52px; color:#fff; font-size:18px; text-align:center; border-radius: 5px; cursor:pointer; background-color:#004FA1; 
}
.mesg_sub i{
	margin-left:10px; font-size:20px;
}
.messagebox{
	padding-top:50px; padding-bottom:50px;	background-color:#f8f8f8;
}
.messagebox .message{
	margin-top:30px; padding-bottom:30px; max-width:1140px; margin:0 auto;
}
.messagebox .mesg_txt{
	background: #ffffff;
}
.messagebox .mesg_text{
	background: #ffffff;
}
.joinus{
	margin-top:80px;
}
.joinus p{
	font-size:16px; line-height:36px; color:#333; margin-top:10px;
}
.jobs_top{
	height:100px; line-height:100px; background-color:var(--blue-color); margin-top:50px; 
}
.jobs_top ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start;
}
.jobs_top li{
	font-size:18px; color:#fff;
}
.jobs_top li:nth-of-type(1){
	width:23%; padding-left:105px;
}
.jobs_top li:nth-of-type(2){
	width:20%; text-align:center;
}
.jobs_top li:nth-of-type(3){
	width:20%; margin-left:10%;
}
.jobslist{
	padding-bottom:100px;
}
.jobslist ul li{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: flex-start; height:auto; line-height:36px; font-size:18px; border-bottom:1px #dddddd solid;  cursor:pointer;
}
.jobslist ul li div{
	 padding-top:32px; padding-bottom:32px;
}
.jobslist ul li div:nth-of-type(1){
	width:23%; padding-left:105px;
}
.jobslist ul li div:nth-of-type(2){
	width:20%; text-align:center;
}
.jobslist ul li div:nth-of-type(3){
	width:20%; margin-left:10%;
}
.jobslist ul li div:nth-of-type(4){
	width:27%; padding-right:105px;
}
.jobslist span{
	float:right; display:inline-block; width:36px; height:36px; background:url(../images/jia.png) no-repeat; float:right;
}
.jobslist li.on span{
	background:url(../images/jia2.png) no-repeat;
}
.jobslist ul li:hover{
	background-color:#f1f1f1;
}
.jobslist ul li.jobs{
	background-color:#f1f1f1;
}
.jobslist ul li ul{
	display:none; width:100% !important;
}
.jobinfo{
	font-size:14px; line-height:24px; width:100% !important; background-color:#fff; padding-top:10px !important; padding-bottom:50px; cursor:auto; padding-right:105px;
}
.jobinfo h3{
	font-size:16px; margin-bottom:10px; color:#333; margin-top:20px;
}
.jobinfo img{
	margin-top:10px; margin-bottom:10px;
}

@media only screen and (max-width: 1680px) {
.header{
	padding-left:80px; padding-right:80px;
}
.nav li{
	margin-left:30px;
}
.wrap{
    padding-left:80px; padding-right:80px;
}
.index-banner-wrapper .swiper-slide .banner_txt{
	left:80px;
}
.search{
	right:80px;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 54px;
}
.feature_info dl{
	padding-top:25px; padding-bottom:25px; margin-bottom:15px;
}
.feature_info dd h3{
	font-size:22px;
}
}
@media only screen and (max-width: 1440px) {
.logo img{
	width:220px; height:auto;
}
.qyemail{
	height:34px; line-height:32px;
}
.qyemail a{
	font-size:14px; padding-left:35px;
}
.qyemail img{
	width:22px; height:auto;
}
.search_bnt{
	width:34px; height:34px; line-height:34px; padding-top:2px;
}
.nav{
	margin-right:30px;
}
.nav li a{
	font-size:14px; line-height:34px;
}
.nav li.home{
	padding-left:24px; padding-right:20px;
}
.nav li.home .icon{
	left:18px; width:18px; height:auto;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 48px;
}
.title{
	font-size: 44px;
}
.title p{
	font-size: 16px;
}
.about_info ul{
	margin-top:30px; margin-bottom:30px;
}
.about_info p{
	font-size:14px; line-height:30px; margin-top:10px;
}
.ceo_info p{
	font-size:14px; margin-top:10px;
}
.shzrny_info p{
	font-size:14px; line-height:30px; margin-top:10px;
}
.more{
	margin-top:30px;
}
.aboutdata_box div span{
	font-size:54px;
}
.feature_pic{
	width:45%;
}
.feature_info{
	width:50%;
}
.feature_info dt{
	margin-left:20px;
}
.feature_info dd{
	padding-left:35px;
}
.feature_info dd h3{
	font-size:20px;
}
.index_products_cat .swiper-slide a{
	font-size:16px;
}
.index_products{
	-moz-background-size:100% auto;  background-size:100% auto;
}
.index_products_pic img{
	max-width:600px; height:auto;
}
.newslist li a{
	font-size:20px;
}
.shzrbox{
	padding-top:150px; padding-bottom:150px;
}
.shzr_info{
    width: 440px; height: auto; padding:40px; padding-top:30px; background: #004FA1; border-radius: 55px 0px;
}
.shzr_info .title{
	font-size:40px;
}
.foot_right{
	font-size:30px; padding-top:20px;
}
.position li{
	margin-left:60px;
}
.about_title{
	font-size:36px;
}
.proindex{
	margin-top:50px;
}
.product_top_pic{
	width:50%; max-width:313px;
}
.product_top_info{
	width:50%; padding-top:25px; padding-left:3%;
}
.product_top_info h2{
	min-width: 140px; height: 40px; line-height:34px;
}
.product_top_info h2 a{
	font-size:16px;
}
.prolisttile h2 a{
	font-size:14px;
}
.product_top_info li{
	line-height:26px;
}
.products_info{
	 padding-left:70px;
}
.casebox_info{
	padding-top:20px;
}
.casebox_info h1 a{
	font-size:26px;
}
.casebox_info p{
	margin-top:20px; line-height:30px; font-size:14px;
}
.case_more{
	width: 180px; height: 46px; line-height:46px;
}
.case_more a{
	line-height:46px; font-size:16px;
}
.mainnews{
	margin-top:80px;
}
.news_info h1{
	font-size:36px;
}
.contactus{
	margin-top:80px;
}
.message{
	margin-top:80px;
}
.message p{
	font-size:18px; 
}
.mt120{
	margin-top:80px;
}
}
@media only screen and (max-width: 1366px) {
.header{
	padding-left:40px; padding-right:40px;
}
.nav{
	margin-right:25px;
}
.nav li{
	margin-left:25px;
}
.wrap{
    padding-left:40px; padding-right:40px;
}
.index-banner-wrapper .swiper-slide .banner_txt{
	left:40px;
}
.search{
	right:40px;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 44px;
}
.feature_info dd p{
	font-size:14px;
}
.newslist li p{
	font-size:14px; line-height:26px;
}
.foot_logo img{
	width:250px; height:auto;
}
.foot_right{
	font-size:26px; padding-top:15px;
}
.foot_contact{
	width:23%;
}
.products_info span{
	font-size:22px;
}
.production li .lc_icon{
	right:-19%; top:36%;
}
.news_left{
	width:67%;
}
.news_right{
	width:28%;
}
.news_info h1{
	font-size:32px;
}
}
@media only screen and (max-width: 1280px) {
.index-banner-wrapper .swiper-pagination {
    bottom:15px;
}
.feature_info dd p{
	margin-top:10px;
}
.title{
	font-size: 40px;
}
.shzr_info .title{
	font-size:36px;
}
.qyemail{
	width:36px; height:36px; line-height:36px; border-radius: 36px;
}
.qyemail font{
	display:none;
}
.qyemail a{
	padding-left:0px; padding-right:0px;
}
.qyemail img{
	left:7px;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 40px;
}
.feature_info dl{
	padding-top:22px; padding-bottom:22px; margin-bottom:15px;
}
.prolisttile h2 a{
	font-size:12px;
}
.about_title{
	font-size:34px;
}
.product_top_pic{
	max-width:288px;
}
.caselist{
	margin-top:70px;
}
.casebox:nth-child(2n){
	margin-top:50px; padding-top:50px; padding-bottom:80px;
}
.casebox_pic img{
	width:100%; height:100%; object-fit: cover;
}
.mainnews{
	margin-top:60px;
}
}
@media only screen and (max-width: 1140px) {
.header{
	position:fixed; padding-left:30px; padding-right:30px; display:table; background-color:#fff; padding-bottom:8px;
}
.wrap{
    padding-left:30px; padding-right:30px;
}
.index-banner-wrapper .swiper-slide .banner_txt{
	left:30px; top:30%;
}
.search{
	right:30px; top:70px;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 34px;
}
.nav{
	margin-right:25px;
}
.nav li{
	margin-left:25px;
}
.logo{
	padding-top:0px;
}
.qyemail{
	margin-top:10px;
}
.search_bnt{
	margin-top:10px;
}
.mnav{
	display:block; float:right; margin-top:10px; background: rgba(243, 243, 243, 0.8);b order-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%; width:36px; height:36px; position:relative;
}
.mnav span{display:block;background:var(--blue-color); width:20px;height:2px;position:absolute;left:8px;transition:all ease 0.35s}
.mnav span:nth-of-type(1){top:9px}
.mnav span:nth-of-type(2){top:16px}
.mnav span:nth-of-type(3){top:23px}
.mnav_se span:nth-of-type(1){top:16px;transform:rotate(45deg)}
.mnav_se span:nth-of-type(2){width:0}
.mnav_se span:nth-of-type(3){top:16px;transform:rotate(-45deg)}
.nav{
	width:100%; height:auto; position:absolute; left:-100%; top:52px; z-index:111; background-color:#fff; justify-content: flex-start; padding-left:20px; padding-right:25px; padding-top:0px; border-top:1px #ddd solid; padding-bottom:30px; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; 
}
.nav ul{
	width:100%;
}
.nav li{
	width:100%; float:none; border-bottom:1px #ddd solid; margin-left:0px; margin-top:8px; height:auto; line-height:35px; padding-bottom:8px; background-position:99% 14px !important; padding-right:0px;
}
.nav li i{
	position:absolute; right:0px; top:3px; color:#222;
}
.nav li a{
	line-height:38px; display:block; color:#222; padding-bottom:0px; font-size:16px;
}
.nav li.cur{
	background:none; border-radius: 0px; 
}
.nav li.cur a{
	color:var(--blue-color); padding-left:0px;
}
.nav li.home{
	padding-left:5px; padding-right:0px;
}
.nav li.home a{
	padding-left:18px;
}
.nav li.home .icon{
	position:absolute; left:0px; top:12px; fill:#fff;
}
.nav li.homecur{
	padding-right:0px;
}
.nav li.homecur a{
	color:#333; padding-left:18px;
}
.nav li.homecur .icon{
	fill:#666;
}
.nav_show{
	left:0px;
}
.nav ul li .sec-menu {
	position:inherit; width: 100%; display:none; background:#ffffff; font-size:14px;box-shadow: 0 0 0px #fff; padding-top:10px; padding-bottom:6px; top:auto; margin-top:-10px; box-shadow: 0 0 0px #fff; padding-left:0px; border-top:0px;
}
.nav ul li .sec-menu li{
	width:50%; float:left; border-top:1px #ddd dashed; border-bottom:0px; padding-top:4px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.nav ul li .sec-menu li a {
	background:url(../images/arrow-right.svg) 1px center no-repeat; -moz-background-size:10px auto;  background-size:10px auto; padding-left:15px; font-size:14px;
}
.nav li.lastli{
	display:none;
}
#sec-menu3{
	width:100%;
}
#sec-menu1 li{
	width:50%; float:left;
}
.index-banner-wrapper{
	margin-top:70px;
}
.com_banner{
	margin-top:70px;
}
.aboutbox{
	padding-top:80px;
}
.aboutdata_box{
	margin-top:80px;
}
.allvideot{
	height:40px; line-height:40px;
}
.allvideob{
	width:80%; left:50%; top:50%; transform: translate(-50%, -50%);
}
.aboutdata_box div span{
	font-size:46px;
}
.more{
	width: 150px; height: 40px; line-height:40px; border-radius: 20px;
}
.more a{
	line-height:40px; font-size:14px;
}
.more img{
	width:30px; height:auto; right:5px; top:4px;
}
.greybox{
	padding-top:80px; padding-bottom:80px;
}
.about_info li{
	width: 135px; margin-right:20px;
}
.about_video{
	height:390px;
}
.shzrbox{
	padding-top:110px; padding-bottom:110px;
}
.foot_contact{
	width:25%;
}
.backtop{
    width: 36px;
    height: 36px;
    background: #014fa1 url(../images/top.svg) no-repeat center/18px auto;
}
.backtop a{
	width:36px; height:36px; display:block;
}
.position li{
	margin-left:40px;
}
.about_title{
	font-size:30px;
}
.ceo_info{
	margin-top:80px;
}
.shzrny_info{
	margin-top:40px;
}
.shzrny_pics li .shzrny_txt{
	width:100%; height:auto; line-height:26px; position:inherit; left:inherit; bottom:inherit; color:#333; padding-top:10px; font-size:14px;
}
.storybox{
	padding-top:60px; padding-bottom:100px; margin-top:80px;
}
.story_info .swiper-slide{
	height:255px;
}
.story_info .swiper-slide a{
	font-size:22px;
}
.product_top_pic{
	max-width:258px;
}
.proindex{
	margin-top:30px; padding-bottom:80px;
}
.related_products li{
	padding-bottom:15px;
}
.related_products li img{
	margin-bottom:15px;
}
.products{
	width:100%; max-width:inherit; padding-left:30px; padding-right:30px; margin-top:80px;
}
.prevnext{
	width:100%; max-width:inherit; padding-left:30px; padding-right:30px;
}
.messagebox .message{
	width:100%; max-width:inherit; padding-left:30px; padding-right:30px;
}
.products_contact li{
	font-size:16px;
}
.products_contact li a{
	font-size:16px;
}
.casebox_info h1 a{
	font-size:24px;
}
.newslist{
	margin-top:50px;
}
.news_left{
	width:100%;
}
.news_right{
	width:100%;
}
.prenext{
	background-color:#fff; padding:0px; margin-top:40px; border-top:1px #E1E1E1 solid; padding-top:15px;
}
.tjnews ul{
	display:flex; display: -webkit-flex; flex-direction:row; flex-wrap: wrap; justify-content: space-between;
}
.tjnews li{
	width:31%; border-bottom:1px #E1E1E1 solid; margin-bottom:30px; padding-bottom:30px;
}
.tjnews li.itemempty{
	width:31%;
}
.tjnews:after {
    content: "";
    flex: auto;
}
.tjnews li a{
	font-size:16px;
}
.jobs_top li:nth-of-type(1){
	width:25%; padding-left:25px;
}
.jobslist ul li{
	font-size:16px;
}
.jobslist ul li div:nth-of-type(1){
	width:25%; padding-left:25px;
}
.jobslist ul li div:nth-of-type(4){
	width:20%; padding-right:25px;
}
.jobinfo{
	padding-right:25px;
}
.jobs_top{
	height:80px; line-height:80px; margin-top:40px; 
}
.jobs_top li{
	font-size:16px;
}
.jobslist ul li div{
	 padding-top:22px; padding-bottom:22px;
}
.contact_info li.mob{
	width:100%;
}
.contact_info li.email{
	width:100%;
}
.contactus{
	margin-top:60px;
}
.message{
	margin-top:60px;
}
}
@media only screen and (max-width: 1024px) {
.aboutdata_box div{
	padding-top:50px; padding-bottom:50px;
}
.aboutdata_box div dl dt{
	width:100%; text-align:center; margin-bottom:10px;
}
.aboutdata_box div dl dd{
	width:100%; text-align:center; margin-left:0px; font-size:14px;
}
.feature_pic{
	display:none;
}
.feature_info{
	width:100%;
}
.feature_info .title{
	margin-bottom:40px;
}
.index_products_pic{
	padding-right:0;
}
.index_products_pic img{
	max-width:100%; height:auto;
}
.title{
	font-size: 34px;
}
.shzr_info .title{
	font-size:30px;
}
.foot_logo img{
	width:225px; height:auto;
}
.foot_right{
	font-size:24px; padding-top:10px;
}
.product_top{
	width:100%; margin-top:40px;
}
.product_top_pic{
	max-width:300px;
}
.prolisttile h2 a{
	font-size:16px;
}
.products_info{
	 padding-left:50px;
}
.products_info span{
	font-size:20px;
}
.product_online{
	width: 240px; height: 50px; line-height:50px;
}
.product_online a{
	font-size:18px; color:#fff;
}
.news_info h1{
	font-size:28px;
}
.contact_pic{
	width:100%; margin-bottom:35px;
}
.contact_info{
	width:100%;
}
}
@media only screen and (max-width: 900px) {
.header{
	padding-left:20px; padding-right:20px;
}
.wrap{
    padding-left:20px; padding-right:20px;
}
.index-banner-wrapper .swiper-slide .banner_txt{
	left:20px;
}
.search{
	right:20px;
}
.products{
	padding-left:20px; padding-right:20px; margin-top:50px;
}
.prevnext{
	padding-left:20px; padding-right:20px;
}
.messagebox .message{
	padding-left:20px; padding-right:20px;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 30px;
}
.about_info{
	width:100%;
}
.about_video{
	width:100%; margin-top:50px;
}
.pro_lr{
	top:260px;
}
.index_products_left .more{
	margin-top:200px;
}
.greybox{
	padding-top:60px; padding-bottom:70px;
}
.foot_nav{
	width:100%; border-right:0px; border-bottom:1px #224D79 solid; padding-top:40px; padding-bottom:40px;
}
.foot_contact{
	width:50%; max-width:320px; padding-top:40px; padding-bottom:50px;
}
.copyrights{
	text-align:center; padding-bottom:75px;
}
.copyrights br{
	display:inline-block;
}
.related_products li{
	width:48.5%; margin-bottom:30px;
}
.production li{
	width:44%; margin-bottom:30px;
}
.production_one{
	display:none; margin-top:0px;
}
.production{
	margin-top:0px;
}
.production_two ul{
	flex-direction:row; 
}
.production_two li .lc_icon{
	 transform: rotate(0deg);
}
.production_two li:first-child .lc_icon{
	display:block;
}
.production_three li:last-child .lc_icon{
	display:block;
}
.casebox_info h1 a{
	font-size:22px;
}
.message p{
	font-size:16px; 
}
.pcproducts{
	display:none;
}
.mproducts{
	display:block; margin-top:45px;
}
.mproducts .proindex{
	margin-top:0px; padding-bottom:0px;
}
.mgreybox{
	padding-top:0px;
}
.backtop{
	display:none !important;
}
.bottomkf{
	width:100%; height:auto; z-index:1111; right:0px; _right:0px; position: fixed; _position: absolute; bottom:0px; display:block;
}
.bottomkf li{
	width:25%; height:50px; float:left; background-color:#004fa1; text-align:center; color:#fff; margin-bottom:0px; position:relative; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0; position:relative; border-left:1px #1668be solid;
}
.bottomkf li .wxpic{
	position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; bottom:50px; z-index:10; display:none;
}
.bottomkf li:hover .wxpic{
	display:block;
}
.bottomkf li:first-child{
	border-left:0px;
}
.bottomkf li span{
	display:block;
}
.bottomkf a{
	padding-top:5px; color:#fff; font-size:14px; display:block; line-height:22px;
}
.bottomkf a i{
	font-size:18px;
}
}
@media all and (max-width: 768px){
.scrolldown{
	display:none;
}
.index_products_left .more{
	margin-top:170px;
}
.position{
	line-height:70px;
}
.position ul{
	width:100%; float:none; border-top:1px #D0D0D0 solid; justify-content: flex-start;
}
.position li{
	margin-left:0px; margin-right:40px;
}
.position li:last-child{
	margin-right:0px;
}
.pro_cat li{
	margin-left:0px; margin-right:auto;
}
.allvideob{
	width:95%;
}
}
@media only screen and (max-width: 640px) {
.index-banner-wrapper .swiper-slide .banner_txt{
	top:35%;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 24px;
}
.index-banner-wrapper .swiper-slide .banner_txt .more{
	display:none;
}
.aboutdata_box div{
	width:50%; padding-top:20px; padding-bottom:30px; border-bottom:1px #1274d9 solid;
}
.index_products_cat .swiper-slide{
	height:96px; line-height:96px;
}
.index_products_cat .swiper-slide .arrow{
	width: 35px; height: 15px; bottom:25px;
}
.index_products_cat .swiper-slide .arrow svg{
	width: 35px; height: 15px;
}
.pro_lr{
	width:130px; position:absolute; left:0px; top:200px;
}
.pro_prev{
	width:55px; height:55px; line-height:55px;
}
.pro_next{
	width:55px; height:55px; line-height:55px;
}
.pro_prev i{
	font-size:22px;
}
.pro_next i{
	font-size:22px;
}
.honor_prev{
	width:50px; height:50px; line-height:50px; left:5px; margin-top:-25px;
}
.honor_next{
	width:50px; height:50px; line-height:50px; right:5px; margin-top:-25px;
}
.honor_prev i{
	font-size:22px;
}
.honor_next i{
	font-size:22px;
}
.story_prev{
	width:50px; height:50px; line-height:50px; left:5px; margin-top:-25px;
}
.story_next{
	width:50px; height:50px; line-height:50px; right:5px; margin-top:-25px;
}
.story_prev i{
	font-size:22px;
}
.story_next i{
	font-size:22px;
}
.index_products_left{
	width:100%; padding-top:40px; padding-bottom:0px; position:relative;
}
.index_products_pic{
	width:100%;
}
.index_products_left .more{
	display:none;
}
.newslist{
	margin-top:50px;
}
.indexnews {
	margin-top:40px;
}
.newslist li{
	width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px #ddd solid;
}
.storylist li:nth-last-child(3) {
    border-bottom: none; margin-bottom:0px; padding-bottom:0px;
}
.storylist li{
	background:none; padding:0px; padding-bottom:20px;
}
.newslist .itemempty{
    height:0px; border-bottom:0px;
    width:100%; margin-top:0px; padding-bottom:0px;
}
.title{
	font-size: 30px;
}
.shzr_info .title{
	font-size:26px;
}
.foot_right{
	font-size:22px; padding-top:15px;
}
.foot_contact{
	width:100%; max-width:100%;
}
.about_title{
	font-size:26px;
}
.ceo_info img{
	width:100%; height:auto; float:none; margin-right:0px; margin-bottom:30px;
}
.story_info .swiper-slide{
	height:auto; padding-left:50px; padding-right:50px;
}
.product_top_info{
	width:60%;
}
#product_nav17 .product_top_info{
	width:100%;
}
.product_top_pic{
	max-width:230px;
}
.products_pic{
	width:100%; margin-bottom:30px;
}
.products_info{
	width:100%; padding-left:0px;
}
.related_products li{
	margin-bottom:20px;
}
.casebox_pic{
	width:100%;
}
.casebox_info{
	width:100%;
}
.news_info h1{
	font-size:24px; line-height:34px;
}
.tjnews li{
	width:100%; margin-bottom:25px; padding-bottom:25px;
}
.tjnews li.itemempty{
	width:100%;
}
.mesg_txt{
	width:100%; margin-bottom:15px;
}
.mesg_text{
	margin-bottom:15px;
}
.code_txt{
	width:160px;
}
.jobslist ul li{
	font-size:14px; line-height:22px;
}
.jobslist span{
	float:right; display:inline-block; width:26px; height:26px; background:url(../images/jia.png) no-repeat; -moz-background-size:100% auto;  background-size:100% auto;
}
.jobslist li.on span{
	background:url(../images/jia2.png) no-repeat; -moz-background-size:100% auto;  background-size:100% auto;
}
.jobs_top li:nth-of-type(1){
	padding-left:15px;
}
.jobslist ul li div:nth-of-type(1){
	padding-left:15px;
}
.jobslist ul li div:nth-of-type(4){
	padding-right:15px;
}
.jobinfo{
	padding-right:15px;
}
.pages ul span.page-numbar a{
	padding-left:14px; padding-right:14px;
}
.pages ul span a{
	color:#30318c;
	height:36px;
	line-height:36px;
	padding-left:12px;
	padding-right:12px;
	display:inline-block;
	font-size:16px; background-color:#f2f2f2;
}
.pages ul span a:hover{
	height:36px; line-height:36px;
	padding-left:12px;
	padding-right:12px;
}
.pages ul span.page-numbar a:hover{
	padding-left:14px; padding-right:14px;
}
.pages ul a.page-num-current,
.pages ul a.page-num-current a,.pagebox ul a.page-num-current a:hover{
	padding-left:14px; padding-right:14px;
}
.contact_info li{
	padding-left:30px; font-size:16px; line-height:40px;
}
.contact_info li span{
	margin-left:48px;
}
.contact_info li.mob{
	background:url(../images/mobbg.svg) left 28px no-repeat;
}
.contact_info li.email{
	background:url(../images/emailbg2.svg) left 30px no-repeat;
}
}
@media only screen and (max-width: 440px) {
.header{
	padding-left:10px; padding-right:10px; padding-bottom:7px;
}
.wrap{
    padding-left:10px; padding-right:10px;
}
.index-banner-wrapper .swiper-slide .banner_txt{
	left:10px;
}
.search{
	right:10px; top:54px;
}
.products{
	padding-left:10px; padding-right:10px;
}
.prevnext{
	padding-left:10px; padding-right:10px;
}
.messagebox .message{
	padding-left:10px; padding-right:10px;
}
.index-banner-wrapper{
	margin-top:54px;
}
.com_banner{
	margin-top:54px;
}
.index-banner-wrapper .swiper-slide .banner_txt h3{
	font-size: 18px;
}
.logo img{
	width:160px; height:auto;
}
.qyemail{
	margin-top:0px; margin-left:5px;
}
.search_bnt{
	margin-top:0px; margin-left:5px;
}
.mnav{
	margin-top:0px;
}
.nav{
	top:36px;
}
.aboutbox{
	padding-top:50px;
}
.about_info ul{
	display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;
}
.about_info li{
	width: 23%; margin-right:0px;
}
.aboutdata_box{
	margin-top:50px;
}
.aboutdata_box div span{
	font-size:36px;
}
.about_video{
	height:280px;
}
.video_bnt{
	width:50px; height:50px;
}
.wave{
    width:50px; height:50px;
}
.wave2{
    width:50px; height:50px;
}
.card{
    width:50px; height:50px;
}
.title{
	font-size: 26px;
}
.title p{
	font-size: 14px;
}
.shzrbox{
	padding-top:80px; padding-bottom:80px;
}
.shzr_info{
	width:100%; padding:20px; padding-left:40px;
}
.shzr_info .title{
	font-size:24px;
}
.shzr_info .title p{
	font-size:14px;
}
.feature_info dt{
	margin-left:0px; width:65px; height:65px;
}
.feature_info dt img{
	width:40px; height:40px;
}
.feature_info dd{
	padding-left:20px;
}
.feature_info dd h3{
	font-size:18px;
}
.index_products_cat .swiper-slide{
	width:auto !important; padding-left:20px; padding-right:20px; height:70px; line-height:70px;
}
.index_products_cat .swiper-slide .arrow{
	bottom:15px;
}
.table-container
{
width: 100%;
height:85px;
overflow-y: hidden;
_overflow: auto;
}
.table-container ul{
	width:650px;
}
.foot_logo a{
	margin:0 auto;
}
.foot_right{
	width:100%; float:none;	text-align:center; font-size:18px;
}
.foot_nav li h3{
	font-size:14px;
}
.foot_nav li ul li a{
	font-size:12px; line-height:24px;
}
.position{
	font-size:14px;
}
.position a{
	font-size:14px;
}
.about_twocat li{
	width:48%; margin-right:0px;
}
.about_twocat li.cur a{
	color:var(--blue-color); border-bottom:2px #004FA1 solid; display:inline-block;
}
.about_title{
	font-size:24px;
}
.shzrny_pics li{
	width:100%; margin-top:20px;
}
.product_top_pic{
	width:100%;	max-width:100%;
}
.product_top_info{
	width:100%;	padding-left:15px; padding-bottom:25px;
}
.product_top_info ul{
	padding-left:10px;
}
#product_nav17 .product_top_info{
	width:100%;
}
#product_nav17 .product_top_info li{
	width:50%;
}
.product_top_info li{
	line-height:32px;
}
.product_top_info li::after {
	top: 1px;
}
.product_top_info li a{
	font-size:15px;
}
.related_products li{
	width:100%;
}
.production li{
	width:100%; height:auto; margin-bottom:20px; padding-bottom:55px;
}
.production li .lc_icon{
	width:36px; height:34px; background:url(../images/lc_jt.svg) no-repeat; position:absolute; bottom:0px; left:50%; top:inherit; margin-left:-18px; transform: rotate(90deg);
}
.production li:last-child .lc_icon{
	display:block;
}
.casebox_info h1 a{
	font-size:20px;
}
.news_info h1{
	font-size:20px; line-height:30px;
}
.mesg_txt{
	height:46px; line-height:46px;
}
.mesg_text{
	line-height:46px;
}
.checkcode{
	height:46px !important; width:auto;
}
.mesg_sub{
	width:100%; height:46px; font-size:16px;
}
.newspics_two{
	margin-bottom:15px;
}
}
@media only screen and (max-width: 375px) {
.about_info li a{
	font-size:12px;
}
}