/* CSS Document */
@charset "utf-8";
/* by Sean Lu 20190103 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0;display: block; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none;}

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #007daa; color: #fff; }
::-moz-selection { background: #007daa; color: #fff; }

.wrapper { margin: 0 auto; width: 1400px; }
.wrapper02 { margin: 0 auto;padding: 0 20px; }


/*header*/
header {height: 180px;background: #fff;position: relative;padding: 0px 80px;box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
.headerTop{height: 180px;background: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 999;transition: height .3s ease-in-out;-o-transition: height .3s ease-in-out;-moz-transition: height .3s ease-in-out;-webkit-transition: height .3s ease-in-out;}
.headerTop.scoll,.headerTop.on{height: 100px;transition: height .3s ease-in-out;-o-transition: height .3s ease-in-out;-moz-transition: height .3s ease-in-out;-webkit-transition: height .3s ease-in-out;}
.headerTop:after{position: absolute;content: '';width: 0;height: 1px;background-color: #dedede;left: 0px;margin: 0;transition: all .9s ease 0s;}
.headerTop.on:after{width: 100%;transition: all .9s ease 0s;}
.headerTop .logo{ z-index: 2; height: 100%;display: flex;align-items: center;justify-content: center;}
.headerTop .logo .logos{ display:none;}
.headerTop .menu{display: flex;align-items: center;justify-content: center;position: absolute;left: 100px;top: 0;height: 100%;z-index: 3;cursor: pointer;}
.headerTop .menu span{border-radius: 2px;display: block;width: 28px;background: #3d3d45;height: 3px;margin-bottom: 9px;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.headerTop .menu span:nth-child(2){width: 37px;}
.headerTop .menu.on .btn span{transform: rotate(45deg);transform-origin: 16px 0;width: 38px;margin-bottom: 1px;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.headerTop .menu.on .btn span:nth-child(3){transform: rotate(-45deg);transform-origin: 9px 0;}
.headerTop .menu.on .btn span:nth-child(2){width: 0;}

.headerTop .search{position: absolute;display: flex;right: 100px;top: 0;height: 100%;z-index: 3;}
.headerTop .search .btn{min-width: 70px;float: left;display: flex;align-items: center;justify-content: center;height: 100%;cursor: pointer;}

.navBar .nav{position: fixed;background-color: #fff;width: 100%;top: 0;left: 0;border: 0;height: 80px;z-index: 5;visibility: hidden;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.navBar .nav.on{top: 100px;visibility: visible;transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.navBar .nav ul{margin: 0 auto;display: flex;justify-content: space-between;}
.navBar .nav ul li{position: relative;flex: 1;text-align: center;opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(40%);-ms-transform: translateY(40%);-o-transform: translateY(40%);transform: translateY(40%);}
.navBar .nav ul li a{display: block;font-size: 18px;color: #333;line-height: 80px;}
.navBar .nav.on ul li{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);transition: all .6s ease 0s;-webkit-transition: all .6s ease 0s;-moz-transition: all .6s ease 0s;-o-transition: all .6s ease 0s;}
.navBar .nav.on ul li:nth-child(1){transition-delay: .3s;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-o-transition-delay: .3s;}
.navBar .nav.on ul li:nth-child(2){transition-delay: .4s;-webkit-transition-delay: .4s;-moz-transition-delay: .4s;-o-transition-delay: .4s;}
.navBar .nav.on ul li:nth-child(3){transition-delay: .5s;-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-o-transition-delay: .5s;}
.navBar .nav.on ul li:nth-child(4){transition-delay: .6s;-webkit-transition-delay: .6s;-moz-transition-delay: .6s;-o-transition-delay: .6s;}
.navBar .nav.on ul li:nth-child(5){transition-delay: .7s;-webkit-transition-delay: .7s;-moz-transition-delay: .7s;-o-transition-delay: .7s;}
.navBar .nav.on ul li:nth-child(6){transition-delay: .8s;-webkit-transition-delay: .8s;-moz-transition-delay: .8s;-o-transition-delay: .8s;}
.searchBox{position: fixed;background-color: #fff;text-align: center;padding-top: 16px;top: 0;left: 0;width: 100%;border: 0;height: 80px;z-index: 5;visibility: hidden;transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.searchBox.on{top: 100px;visibility: visible;transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.searchBox .txt{height: 48px;width: 1200px;float: left;border: none;border-bottom: 1px #ccc solid;outline: 0;padding-left: 24px;padding-right: 48px;}
.searchBox .sub{height: 47px;width: 48px;cursor: pointer;background-image: url(../images/search-icon.png);background-size: 23px 23px;background-color: #fff;background-repeat: no-repeat;background-position: 50% 50%;border: none;color: #fff;float: left;padding: 0 20px;margin-left: -48px;}



/**/

/*banner*/
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 720px; }
.swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;-webkit-transition:  2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #34a1da; }
/**/

/* homebox01*/
.homebox01{position: absolute;width: 100%;margin-top: -80px;z-index: 2}
.homebox01 .process{padding: 30px 80px;background-color: #fff;box-shadow: 0 0 20px rgb(0 0 0 / 20%);border-radius: 100px;}
.homebox01 li { float: left; display: block;width: 12.5%;background-color: #fff;}
.homebox01 li:last-child .item{border-right: none;}
.homebox01 .item { display: block; padding: 20px 5% 0px; height: 104px; text-align: center; line-height: 1.4;border-right: 1px solid #ececec; color: #666;}
.homebox01 .icon{ width: 60px; height: 60px; position: relative; margin: 0px auto; display: block;}
.homebox01 .icon i{ background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.homebox01 .icon .i2{ display: none;}
.homebox01 .item:hover{color: #fff;background-color: #cf372d}
.homebox01 .item:hover .icon .i1{ display: none;}
.homebox01 .item:hover .icon .i2{ display: block;}
.homebox01 .item:hover .icon{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-webkit-animation: gelatine 0.5s 1;animation: gelatine 0.5s 1;}
@keyframes gelatine {
  from, to { transform: scale(1, 1); }
  25% { transform: scale(0.8, 1.2); }
  50% { transform: scale(1.2, 0.8); }
  75% { transform: scale(0.85, 1.15); }
}

/*homebox02  公司简介*/
.homebox{margin: 100px 0;}
.homebox02{padding: 120px 0 80px;background-color: #f7f7f7;}
.homebox02 .info{float: left;width: 50%;color: #333;}
.homebox02 .info .tit{font-size: 16px;font-weight: bold;}
.homebox02 .info .txt{font-size: 56px;font-weight: bold;text-transform:uppercase; margin-bottom:20px;}
.homebox02 .info p{font-size: 14px;line-height: 24px;}
.homebox02 .info .more a{display: inline-block;color: #fff;font-size: 14px;padding: 10px 30px;background-color: #cf372d;border-radius: 20px;text-transform:uppercase;margin-top: 30px;;}
.homebox02 .img{float: right;width: 42%;}
.homebox02 .img img{width: 100%;}
.homebox02 .img:hover img{
  animation: pulse 1s infinite ease-in-out alternate;
}
@keyframes pulse {
  from { transform: scale(0.8); }
  to { transform: scale(1.2); }
}

/*homebox03 产品中心*/
.homebox03{padding: 80px 0 0 0;background-color: #f7f7f7;}
.homebox03 .info{text-align: center;color: #000;}
.homebox03 .info .tit{font-size: 16px;font-weight: bold;}
.homebox03 .info .txt{font-size: 56px;font-weight: bold;text-transform:uppercase;}
.prolistshow.homeprolistshow a{ line-height:30px;}
.prolistshow{ text-align:center; margin-top:30px;}
.prolistshow a{ background:#cf372d; color:#fff; padding:5px 25px; border-radius:20px; display:inline-block;}
.proList{margin-top: 50px;}
.proList .item{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 80px;}
.proList .item:nth-child(4n){margin-right: 0;}
.proList .item .img{width: 100%; overflow: hidden;position: relative;}
.proList .item .img img{width: 100%;display: block; border:2px #ccc solid; box-sizing:border-box;}
.proList .item .img .cover{position: absolute;content: '';width: 100%;height: 100%;top: 0;background-color: rgb(207 55 45 / 50%);opacity: 0;visibility: hidden;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.proList .item .img .icon{position: absolute;width: 100%;height: 100%;top: 100%;transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.proList .item .img .icon:before{position: absolute;content: '';width: 61px;height: 4px;top: calc(50% - 2px);left: calc(50% - 30px);background-color: #fff;}
.proList .item .img .icon:after{position: absolute;content: '';width: 4px;height: 61px;top: calc(50% - 30px);left: calc(50% - 2px);background-color: #fff;}
.proList .item .nam{text-align: center;font-size: 18px;line-height: 60px;}
.proList .item .img:hover .cover{opacity: 1;visibility: visible;}
.proList .item .img:hover .icon{top: 0;}


/*homebox04*/
.homebox04{padding: 270px 0 60px;margin-top: -240px;background-color: #f7f7f7;background-image: url(../images/img03.jpg);background-repeat: no-repeat;background-size: 120% auto;background-position: center top;}
.homebox04 .info{text-align: center;color: #000;}
.homebox04 .info p{font-size: 30px;line-height: 42px;}
.homebox04 .info .more a{display: inline-block;color: #fff;background-color: #cf372d;border-radius: 20px;font-size: 14px;padding: 10px 20px;text-transform:uppercase;margin: 30px 0;;}
.homebox04 .img img{display: block;margin: 0 auto;}

/*homebox05*/

.homebox05{padding: 80px 0 100px;background-color: #f7f7f7;}
.homebox05 .info{text-align: center;color: #000;}
.homebox05 .info .tit{font-size: 16px;font-weight: bold;}
.homebox05 .info .txt{font-size: 56px;font-weight: bold;text-transform:uppercase;}

.newlist .item{margin: 50px 0;box-shadow: 0 0 20px rgb(0 0 0 / 10%);background-color: #fff;border-radius: 150px;}
.newlist .item a{display: block;height: 180px;overflow: hidden;padding: 0 100px;position: relative;}
.newlist .item .date,.newlist .item .msg{float: left;height: 80px;position:relative; top: calc(50% - 40px)}
.newlist .item .date{width: 100px;border-right: 2px #eee solid;}
.newlist .item .date .year{font-size: 20px;color: #999;line-height: 40px;}
.newlist .item .date .time{font-size: 34px;color: #333;line-height: 40px;}
.newlist .item .msg{width: calc(100% - 300px);padding-left: 70px;color: #333;}
.newlist .item .msg .tit{font-size: 20px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist .item .msg .txt{font-size: 16px;line-height: 20px;overflow: hidden;-webkit-line-clamp:2;;display: -webkit-box;-webkit-box-orient:vertical;text-overflow: ellipsis;}
.newlist .item .more{float: right;width: 48px;height: 48px;border-radius: 50%;background-color: #bfbfbf;position: relative;top: calc(50% - 24px)}
.newlist .item .more:before{position: absolute;content: '';width: 15px;height: 15px;background-image: url(../images/right.png);background-repeat: no-repeat;top: calc(50% - 7px);left:  calc(50% - 7px);}
.newlist .item:hover .msg .tit{color: #cf372d;}
.newlist .item:hover .more{background-color: #cf372d;}


/*footer*/
.footer { background-color: #fff;color: #333;padding: 100px 0 70px; position: relative;}
.footer .foot_img{position: relative;}
/*.footer .foot_img:before{position: absolute;content: '';width: 300px;height: 300px;background-image: url(../images/foot-fl.png);top: -350px;left: 0;background-repeat: no-repeat;background-size: 100%;}
.footer .foot_img:after{position: absolute;visibility: visible;content: '';width: 300px;height: 300px;background-image: url(../images/foot-fr.png);top: -350px;right: 0;background-repeat: no-repeat;background-size: 100%;animation: rotation 30s linear infinite;}
@keyframes rotation{

    from {-webkit-transform: rotate(0deg);}

    to {-webkit-transform: rotate(360deg);}

}*/

.footer dl { width: 23.5%; float: left; color: #333; margin-right: 2%;}
.footer dl:nth-child(1){ margin-right:6%; width:25%;}
.footer dl:nth-child(3){ width:16%;}
.footer dl:last-child{ margin-right: 0;}
.footer dl dt { color: #333;  font-size: 16px;font-weight: bold;font-size: 17px; margin-bottom: 10px; }
.footer dl dt a { color: #333; line-height: 40px;}
.footer dl dd { font-size: 14px; line-height: 26px;position: relative; }
.footer dl dd a { color: #333;}
.footer dl dd p { color: #333; }
.footer dl:nth-child(3) .img{width: 48%;float: left;margin-right: 2%;text-align: center;}
.footer dl:nth-child(3) .img:last-child{margin-right: 0;}
.footer dl:nth-child(3) .img img{max-width: 100%;margin: 0 auto}
.footer dl:last-child{text-align: center;margin-top: 46px;}

/*company*/
.container{background-color: #f7f7f7;padding: 40px 0 100px;}
.main {width: 100%;}
.mainbox {padding: 40px 0;}
.mainbox .hd {margin-bottom: 30px;overflow: hidden;}
.mainbox .hd h1 {float: left;line-height: 40px;color: #333;font-size: 40px;font-weight: 400 }
.mainbox .now {float: right;line-height: 40px; color: #333;font-size: 12px; }
.mainbox .now .split { margin: 0 4px; font-family: simsun; }
.mainbox .now a { color: #333; }
.mainbox .now a:hover { color: #405ca3; }

.mainbox .bd { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word;}
.mainbox .bd img { max-width:auto; width:100%;}
.mainbox .bd p { margin-bottom: 20px; }

.proDetails{ margin-top:60px;}

/*解决方案*/
.newstitle { font-size: 26px; text-align: center; line-height: 30px;  margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999;  }
.newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0;  }
.newsmaincon img { max-width: 100%; }
.newsmaincon h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right, rgba(234,0,0,1), rgba(255,51,0,1)); color: #fff; line-height: 40px; height: 40px; padding: 0 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }

.newsbackline {padding-top: 10px; margin: 30px 0 50px;border-top: 1px #ccc solid;}
.newsbackline .btn{float: left;width: calc(100% - 300px);font-size: 14px;color: #333;}
.newsbackline .btn .prev{float: left;width: 45%;}
.newsbackline .btn .next{float: right;width: 45%;}
.newsbackline .btn a{font-size: 20px;line-height: 1.5;color: #333;}
.newsbackline .btn a:hover{color: #cf372d;}
.newsbackline .back{float: right;width: 200px;}
.newsbackline .back a{display: block;padding: 20px 30px;background-color: #cf372d;color: #fff;font-size: 20px;font-weight: bold;border-radius: 50px;text-align: center;}

/**/
#map{width: 100%;height: 500px;}
/*高德地图*/
#map {
	height: 400px;
	z-index: 4;
}
#map .info {
	border: solid 1px silver;
}
#map div.info-top {
	position: relative;
	border-bottom: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	background: none repeat scroll 0 0 #F9F9F9;
}
#map div.info-top div {
	display: inline-block;
	padding: 0 10px;
	color: #333;
	font-weight: 700;
	font-size: 14px;
	line-height: 31px;
}
#map div.info-top img {
	position: absolute;
	top: 10px;
	right: 10px;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
}
#map div.info-top img:hover {
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
#map div.info-middle {
	padding:10px 15px;
	font-size: 14px;
	line-height: 24px;
}
#map div.info-bottom {
	clear: both;
	width: 100%;
	height: 0;
	text-align: center;
}
#map div.info-bottom img {
	position: relative;
	z-index: 104;
	display: inline-block;
}
#map span {
	margin-left: 5px;
	font-size: 11px;
}
#map .info-middle img {
	float: left;
	margin-right: 6px;
}
.contactBox .add,.messagecon{float: left;width: 48%;}
.contactBox .add h1{font-size: 32px;line-height: 50px;color: #333;font-weight: 400;margin-bottom: 50px;}
.contactBox .add p{font-size: 20px;color: #333;line-height: 36px;}
.messagecon { float: right;font-size: 14px; line-height: 24px; margin-bottom: 20px;  }
.messagecon p { margin-bottom: 20px; }
.messagetarea { padding: 10px;border: 0px none;border-bottom: 1px solid #b5b5b5;font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 90px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none;}
.messageinput { width: 44%; padding: 10px; height: 26px; line-height: 26px; font-size: 16px;border: 0px none;border-bottom: 1px solid #b5b5b5; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none;}
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #b8c5ce; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagecon .yanzhengma { display: inline; }

.messagebtn.btnon { background: #cf372d; }

/**/
.proDetails .proImg{}
.proDetails .proImg .proImg_nam{ text-align:center; font-weight:bold; font-size:24px; border-bottom:1px #aaa solid; margin-bottom:30px; margin-top:40px; padding-bottom:10px;}
.proDetails .proImg .singglepic{ width:80%; margin:auto;}
.proDetails .proImg .singglepic li{ float:left; width:46%; margin-right:8%; margin-bottom:30px;}
.proDetails .proImg .singglepic li:nth-child(2n){ margin-right:0;}
.proDetails .proMsg{margin-top: 30px; width:90%; margin:auto;}
.proDetails .proMsg h3{font-size: 22px;border-bottom: 1px solid #333;color: #333;margin: 30px 0;}

.protable { width: 100%; margin-bottom: 20px; color: #333; }
.protable th { font-size: 16px; line-height: 30px; padding: 5px 10px; background: #f5f5f5 }
.protable td { font-size: 16px; line-height: 30px; padding: 5px 10px; }
.protable tr:nth-child(2n) td { background: #f1f1f1; }

.pro_d{margin: 40px auto;}
.pro_dl{border-bottom: 2px solid #cf372d;}
.pro_dl li{color: #333;font-weight: bold;padding:10px 24px;float:left; cursor:pointer; margin-right:5px; margin-bottom:-2px;border: 2px solid #cf372d;}
.pro_dl li.on{}
.pro_dl02 li.on{background-color: #cf372d;color: #fff;font-weight:bold;}

.pro_dd{padding:10px;margin: 40px auto;}
.pro_dd li{ display:none;}
.pro_dd li.on{ display:block;}
.pro_dd li h2{position: relative;font-size: 26px;}
.pro_dd li h2:before{content: '';width: 4px;height: 28px;background-color: #feb600;position: absolute;top: 10%;left: -10px;}

.pro_dd .messagecon{float: none;width: 100%;padding: 20px;border:1px solid #dedede;}

.tb{ background:#eee;white-space:normal;}
.tb tr{}
.tb tr td{ background:#fff; padding:10px 20px; table-layout:fixed; word-break:break-all;}
.tb tr td:first-child{ background:#888; color:#fff; width:36%;}

.inhonor{ background:#fff; padding:40px 50px;}
.inhonor li{ float:left; width:30%; margin-right:4.5%; margin-bottom:30px; box-sizing:border-box; padding:10px;}
.inhonor li:nth-child(3n){ margin-right:0;}
.inhonor li img{ width:100%; border:1px #ddd solid;}

.in_com{}
.incom01{ padding:0 50px; text-align:center;}
.incomimg{ margin-top:40px;}
.incomimg img{ width:100%;}
.incom02{ text-align:center; width:75%; margin:auto; margin-top:50px;}
.incom02 p span{ width:80px; height:5px; background:#900; display:inline-block;}
.incom02 li{ float:left; width:25%;}
.incom02 li .img{ position:relative; width:100%;}
.incom02 li .img img{ width:100%;}
.incom02 li .img .cover{ position: absolute; content: ''; width: 100%; height: 100%; top: 0; background-color: rgb(207 55 45 / 50%); opacity: 0.8;  visibility: hidden; transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;}

img.yanzhengma{ width:auto !important;}

.language{ position:absolute; right:4%; top:78px;   transition: all .3s;  -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s;}
.language a{ display:block;}
.headerTop.on .language{ top:40px;}
.headerTop.scoll .language{ top:40px;}

@media(max-width: 1400px){
  .wrapper{width: 100%;padding: 0 20px;box-sizing: border-box;}
}

@media(max-width: 1200px){
  .bannerslide .swiper-slide {height: 400px;}
  .homebox01{margin-top: 0;margin: 50px 0;}
  .contactBox .add, .messagecon{float: none;width: 100%;}
}

@media(max-width: 780px){
  .headerTop .menu{ left:5%;}
  .headerTop .search{ right:5%;}
  .homebox02 .info{float: none;width: 100%;}
  .homebox02 .img{float: none;width: 100%; margin-top:30px;}
  .homebox02 .img img{max-width: 100%;width: auto;margin: 0 auto;}
  .homebox04 .img img{max-width: 100%;}
  .mainbox {padding: 20px 0;}
  .proList .item{width: 49%; margin-bottom:20px;}
  .proList .item:nth-child(4n){margin-right: 2%;}
  .proList .item:nth-child(2n){margin-right: 0;}
  .newlist .item a{padding: 0 40px;height: 120px;}
  .newsbackline .btn{float: none;width: 100%;overflow: hidden;}
  .newsbackline .back{float: none;margin-top: 50px;}
  .newsbackline .back a{display: inline-block;}
  .searchBox .txt{width: calc(100% - 72px);}
  .homebox01{position: relative;background-color: #f7f7f7;margin: 0;padding-top: 50px;}
  .homebox01 .process{padding: 6px;overflow: hidden;background-color: transparent;box-shadow:none;border-radius: 0;}
  .homebox01 li{width: 25%;background-color: transparent;}
  .homebox01 .item{border:none;}

  .homebox02{padding: 80px 0;}
}

@media(max-width: 670px){
  .headerTop .logo .logob{ display:none;}
  .headerTop .logo .logos{ display:block;}
  .headerTop .search{right:10%;}
  .homebox01{position: relative;background-color: #f7f7f7;margin: 0;padding-top: 50px;}
  .homebox01 .process{padding: 6px;overflow: hidden;background-color: transparent;box-shadow:none;border-radius: 0;}
  .homebox01 li{width: 25%;background-color: transparent;}
  .homebox01 .item{border:none;}
  .prolistshow a{ margin-bottom:5px;}
  .homebox02{padding: 80px 0;}
  .footer .foot_img:before,.footer .foot_img:after{display: none;}
  .footer{padding: 50px 0;}
  .homebox05{padding: 50px 0;}
  .footer dl{float: none;width: 100%;}
  .footer dl:nth-child(1),.footer dl:nth-child(2),.footer dl:nth-child(3){ display:none;}
  .container{padding: 40px 0;}
  .incom01{ padding:0; font-size:14px;}
  .incom01 br{ display:none;}
  .incom02{ width:100%; font-size:14px;}
  .proDetails .proImg .singglepic li{ width:100%;}
  .tb tr td{ font-size:13px;}
  .proDetails .proMsg{ width:100%;}
  .pro_dd{ padding:0;}
}


@media(max-width: 425px){
  .headerTop .menu{left: 20px;}
  .navBar .nav ul{display: block;background-color: #fff;}
  .bannerslide .swiper-slide {height: 200px;}
  .newlist .item .msg{width:calc(100% - 100px);float: right;padding: 0}
  .newlist .item .more{display: none;}
  .newlist .item a{padding: 0 15px;}
  .newlist .item .date{width: 80px;float: left;text-align: center;}
  .newlist .item .date .year{font-size: 16px;line-height: 34px;}
  .newlist .item .date .time{font-size: 28px;line-height: 24px;}
  .newlist .item .msg .tit{font-size: 18px;line-height: 34px;}
  .newlist .item .msg .txt{-webkit-line-clamp: 1;}
  .newlist .item{margin: 30px 0;}
  
  .homebox04 .info p{ font-size:22px;}
  .newsbackline .btn a{font-size: 14px;}
  .proDetails .proImg .singglepic{float: none;;}
  .proDetails .proImg .proImg_tit{float: none;width: 100%;}
  .messageinput{float: none;width: calc(100% - 20px);}
}