/* 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,topbar,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,topbar,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; }
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; color: #007daa; }
.lk{display: block;height: 0;width: 0;overflow: hidden;}
/* 清理浮动 */
.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: 1140px; }



.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 620px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #34a1da; }

.homebox03{padding: 70px 0;background:#FFF url(../images/newbg.png) no-repeat center center;}
.homebox03 .title { text-align: center; margin-bottom: 30px; }
.homebox03 .title .cn { font-size: 40px; color: #333; margin-bottom: 4px;font-weight: bold; }
.homebox03 .title .ti { font-size: 14px; color: #666; line-height: 24px; font-weight: bold; }
.homebox03 .new_list{padding-top: 50px;padding-bottom: 12px;margin: 0 auto;margin: 0 auto; position: relative; overflow: hidden; list-style: none;z-index: 1;}
.homebox03 .new_list .item{float: left;width: 29.33%;margin: 0 2%;background-color: #fff;-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
.homebox03 .new_list .item .date{padding-bottom: 20px;color: #999;font-size: 14px;}
.homebox03 .new_list .item .tit{font-size: 17px;font-weight: bold;padding-bottom: 20px;color: #666;}
.homebox03 .new_list .item .txt{font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}



/*20201231*/
.topbar { height: 100px;position: relative;}
.topbar .logo{
	background:url(../images/logoblack.png) no-repeat center top;
	background-size:cover;
	width:210px;
	height:45px;
	margin-top:30px;
	background-size: contain;
	}
.topbar .nav { text-align: center; padding-top: 30px; }
.topbar .nav .nli { display: inline-block; position: relative; }
.topbar .nav .nli .na { font-size: 16px; font-weight: bold; display: block; padding: 0 15px; text-decoration: none; line-height: 40px; }
.topbar .nav .nli .na:hover {color: #fff;background-color: #007daa;}
.topbar .nav .nli .sub { background: #007daa; position: absolute; left: -10px; top: 40px; z-index: 9; width: 130px; padding: 10px; text-align: left; opacity: 0; visibility: hidden; -webkit-transition: all .2s; transition: all .2s; -webkit-transform: translateY(-10px); transform: translateY(-10px); }
.topbar .nav .nli:hover .sub { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
.topbar .nav .nli .sub .sli { line-height: 24px; }
.topbar .nav .nli .sub .sli .sa { font-size: 14px; color: #fff; padding-left: 20px; display: block; text-decoration: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; -webkit-transition: all .2s; transition: all .2s; }
.topbar .nav .nli .sub .sli .sa:hover { color: #d3f2ff; padding-left: 26px; }




.container{ line-height:70px;}


.logo{
	float:left;
	background:url(../images/logo.png) no-repeat center top;
	background-size:cover;
	width:192px;
	height:45px;
	display:inline-block;
	margin-top:15px;
	background-size: contain;
	}





.inbannerx {padding-top: 100px; }
.inbannerx .title { color:#fff; padding: 20px 0 60px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.6); letter-spacing: 2px; }
.inbannerx .title .cn { font-size: 38px; font-weight: bold; }
.inbannerx .title .en { font-size: 20px; text-transform: uppercase; margin-top: 5px; }

.inpagex { background: #fff; position: relative; }
.inpagex:before { content: ''; display: block; position: absolute; left: 0; width: 500px; top: 0; bottom: 0; background-color: #f1f1f1; }
.inpagex .inpwrapx { max-width: 1400px; margin: 0 auto; position: relative; overflow: hidden; }
.inpagex .inpwrapx .sidex { width: 300px; background-color: #f1f1f1; position: absolute; z-index: 2; float: left; min-height: 100vh; border-right: 1px solid #dedede; box-sizing: border-box; bottom: 0; top: 0; }
.inpagex .inpwrapx .mainx { margin-left: 300px; background: #fff; min-height: 70vh; }


.snavx { padding: 20px 0; }
.snavx .hdx { line-height: 60px; }
.snavx .hdx .namx { color: #007caa; font-weight: bold; padding: 0 20px; font-size: 20px; }
.snavx .bdx {  }
.snavx .bdx .conpx { font-size: 14px; color: #666; padding: 0 20px; line-height: 1.8; }
.snavx .bdx .bulx {  }
.snavx .bdx .bulx .blix {  }
.snavx .bdx .bulx .blix .bax { font-size: 16px; line-height: 40px; display: block; padding: 0 30px; -webkit-transition: all .2s; transition: all .2s; }
.snavx .bdx .bulx .blix .bax:hover { background: rgba(0,61,106,.1); color: #007caa; }
.snavx .bdx .bulx .blix.on .bax { background: #007caa; color: #fff; }
.snavx.snavxcon {  }

.mainboxx { padding: 40px; }
.mainboxx .hdx { height: 20px; border-bottom: 1px solid #dedede; margin-bottom: 60px; }
.mainboxx .hdx h1 { float: left; background: #fff; line-height: 40px; font-weight: normal; color: #39424b; padding-right: 20px; font-size: 30px; }
.mainboxx .now { float: right; background: #fff; line-height: 40px; color: #999; padding-left: 10px; font-size: 12px; }
.mainboxx .now .split { margin: 0 4px; color: #999; font-family: simsun; }
.mainboxx .now a { color: #999; }
.mainboxx .now a:hover { color: #007caa; }

.mainboxx .bdx { font-size: 16px; line-height: 30px; color: #333; word-wrap: break-word; }
.mainboxx .bdx img { max-width: 100%; }
.mainboxx .bdx p { margin-bottom: 20px; }
.mainboxx .bdx h3 { font-size: 18px; font-weight: normal; background: linear-gradient(to right,#007caa,#007caa); color: #fff; line-height: 30px; padding: 5px 20px; border-radius: 10px 0 10px 0; margin-bottom: 20px; margin-top: 40px; font-weight: bold; }

.newslist { }
.newslist .item { width: 100%;margin-bottom: 20px; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; background: #fff; padding: 30px; }
.newslist .item:nth-child(2n) { margin-right: 0; }
.newslist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.newslist .item .time { font-size: 12px; line-height: 20px; margin-bottom: 10px; color: #999; }
.newslist .item .time .split { margin: 0 10px; color: #ccc; }
.newslist .item .name { font-size: 18px; line-height: 28px; margin-bottom: 25px; height: 28px; overflow: hidden; }
.newslist .item .name a { color: #111; font-weight: bold; }
.newslist .item .name a:hover { color: #003d6a; }
.newslist .item .text { color: #777; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 16px; }
.newslist .item .link { overflow: hidden; margin-bottom: -12px; }
.newslist .item .link a { width: 24px; height: 24px; display: block; background: url(../images/hb01img01s.png) no-repeat center; float: left; }
.newslist .item .link a.l02 { float: right; background-image: url(../images/hb01img02s.png); }


.newstitle { font-size: 26px; text-align: center; line-height: 30px; font-family: microsoft yahei; font-weight: bold; margin-bottom: 5px; }
.newsinfo { font-size: 12px; text-align: center; line-height: 30px; color: #999; font-family: microsoft yahei; }
.newsinfo .author, .newsinfo .time { margin: 0 5px; }
.newsmaincon { margin: 20px 0; font-family: microsoft yahei; }
.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: 30px; padding: 5px 20px; border-radius: 20px; margin-bottom: 20px; margin-top: 40px; }
.newsmaincon .dou { margin-bottom: 20px; }
.newsmaincon .dou02 { overflow: hidden; }
.newsmaincon .dou02 li { width: 50%; float: left; }
.newsmaincon .dou li:before { content: '·'; color: #ef3320; font-weight: bold; margin-right: 10px; }

.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 10px; margin: 30px 0 50px; }
.newsbackline ul { width: 100%; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; color: #666; font-size: 12px; }
.newsbackline ul li a:hover { border-color: #323e4a; color: #323e4a; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; }
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; }

.homebox01{padding: 70px 0;}
.homebox01 .title { text-align: center; margin-bottom: 30px; }
.homebox01 .title .cn { font-size: 40px; color: #333; margin-bottom: 4px;font-weight: bold; }
.homebox01 .title .ti { font-size: 14px; color: #666; line-height: 24px; font-weight: bold; }
.homebox01 .vendorList{overflow: hidden;margin: 0 auto;display: table;}
.homebox01 .vendorList .item{float: left;padding: 0 40px;}
.homebox01 .vendorList .item .img{text-align: center;margin: 10px 0;}
.homebox01 .vendorList .item .nam{font-size: 14px;text-align: center;}


.homebox02{
	background-color: #000;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.7))),url(../images/did.jpg);
	background: -webkit-linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url(../images/did.jpg);
	background: linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url(../images/did.jpg);
	background-size: 100% 100%;
	color: #000;padding: 60px 0;}
.homebox02 .title{font-size: 40px;font-weight: bold;color: #333;text-align: center;}


.paginationx {text-align: center;margin-top: 30px;}

.xprolist { }
.xprolist .item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #dedede; line-height: 30px; height: 30px; overflow: hidden; box-sizing: content-box; }
.xprolist .item a { color: #111; font-size: 18px; }
.xprolist .item a:hover { color: #003d6a; }
.xprolist .item .nam { font-weight: bold; }
.xprolist .item .nam:before { content: '·'; margin-right: 10px; }
.xprolist .item .dow { float: right; font-size: 14px; color: #fff; padding: 0 20px; line-height: 30px; height: 30px; border-radius: 4px; background: #003d6a; }
.xprolist .item .dow:hover { opacity: .8; }

.ppplist .item { width: 32%; margin-right: 2%; margin-bottom: 20px; float: left; text-align: center; }
.ppplist .item:nth-child(3n) { margin-right: 0; }
.ppplist .item .img { display: block; width: 100%; margin-bottom: 10px; }
.ppplist .item .img img { display: block; width: 100%; }
.ppplist .item .txt { display: block; line-height: 30px; height: 30px; overflow: hidden; }

.prolist { }
.prolist .item { width: 32.333333333%; float: left; margin: 0 1.5% 10px 0; box-sizing: border-box; border: 1px solid #dedede; -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item:hover { -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 1; }
.prolist .item .img a { display: block; }
.prolist .item .img img { width: 100%; display: block; }
.prolist .item .box { padding: 20px 30px; position: relative; overflow: hidden; }
.prolist .item .box .nam { font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 10px; overflow: hidden; height: 30px; }
.prolist .item:hover .box .nam {  }
.prolist .item .box .nam a { color: #333; }
.prolist .item:hover .box .nam a { color: #007caa; }
.prolist .item .box .txt { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; }
.prolist .item:hover .box .txt { }
.prolist .item .box .btn { position: absolute; left: 0; bottom: 0; right: 0; height: 58px; line-height: 58px; background: #007caa; color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .4s; transition: all .4s; }
.prolist .item:hover .box .btn { -webkit-transform: translateY(0); transform: translateY(0); }
.prolist .item .box .btn a { color: #fff; font-size: 14px; display: block; text-decoration: none; padding-left: 30px; }

.proBox{position: relative;}
.proDetails .proImg .proImg_tit {
    float: left;
    width: 40%;
    margin-left: 30px;
}
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px;  }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; 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; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; 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; background: #fff; }
.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); }
.main .con .yanzhengma { display: inline; }

.messagebtn.btnon { background: #007caa; }
.proMenu .protit720{display: none;}
.proMenu .bdx ul li ul{}
.proMenu .bdx ul li .proLevel01{font-weight: bold;} 
.proMenu .bdx ul li ul li,.proMenu .bdx ul li ul li.on {background-color:#d9dfe4;font-size: 14px;
    line-height: 40px;
    display: block;
    -webkit-transition: all .2s;
    transition: all .2s;}
.proMenu .bdx ul li ul li a{ padding-left:50px;color: #333;}

.proImg_tit .dow{display: inline-block;margin-top: 30px;font-size: 14px;color: #fff;padding: 3px 20px; line-height: 30px;height: 30px;border-radius: 4px;background: #003d6a;}

.jobbox { margin-bottom: 20px; }
.jobbox .item{margin-bottom: 20px;}
.jobbox .qline { background: #eee; border-top: 2px solid #192436; line-height: 20px; padding: 10px 20px;}
.jobbox .qline.qlineon { color: #192436;font-weight: bold;font-size: 16px;}
.jobbox .date,.jobbox .ask01,.jobbox .ask02{font-size: 14px;border-bottom: 1px solid #dedede;overflow: hidden;line-height: 46px;}
.jobbox .date div{width: 30%;text-align: left;float: left;}

/*图片放大镜样式*/
.right-extra{float: left;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;box-sizing: border-box;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #007daa;padding:1px;}

.spec-preview.pro_zkg_img{height:234px;}

.inpagex .inpwrapx .mainx.proMain{min-height: 100vh;}

.footer { 
	background-color: #000;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,61,83,.8)),to(rgba(0,61,83,.8))),url(../images/footbj.jpg);
	background: -webkit-linear-gradient(rgba(0,61,83,.8),rgba(0,61,83,.8)),url(../images/footbj.jpg);
	background: linear-gradient(rgba(0,61,83,.8),rgba(0,61,83,.8)),url(../images/footbj.jpg);
	background-size: 100% 100%;
	color: #000;padding: 50px 0; }
.footer dl { width: 12%; float: left; color: #a4a4a4; }
.footer dl:nth-child(4){ width:25%;}
.footer dl:nth-child(5){ width:33%;}
.footer dl dt { color: #333;  font-size: 16px;font-weight: bold;font-size: 17px; margin-bottom: 10px; }
.footer dl dt a { color: #fff; }
.footer dl dd { font-size: 14px; line-height: 26px; }
.footer dl dd a { color: #fff;}
.footer dl dd p { color: #fff; }

.foot { border-top: 1px solid #fff; margin-top: 50px; padding-top: 30px; }
.foot .bei { text-align: center; margin-bottom: 30px; }
.foot .bei a { display: inline-block; line-height: 30px; padding: 0 20px 0 46px; background: url(../images/fdh.png) no-repeat 20px center; background-size: auto 20px; border: 1px solid #fff; font-size: 14px; border-radius: 4px; color: #fff; text-decoration: none; }
.foot .copy { color: #fff; line-height: 22px; font-size: 14px; text-align: center; }

.footer .footeraaa{color:#fff; font-size:14px; text-decoration:none; text-align:left;}
.footer .txtaa{margin-top:8px; border:solid 1px #fff; width:100%; height:80px; color:#888888; font-size:12px; line-height:18px; text-decoration:none; padding-top:8px; padding-left:8px; box-sizing:border-box;}
.footer .btnaa{background-color:#013c96; width:145px; text-align:center; height:45px; line-height:45px; color:#fff; font-size:14px; border:0px none; margin-top:20px; cursor:pointer;}
.footer .footeraaa img{display:inline-block; margin-right:5px; vertical-align:middle;}


.cen04{padding:50px 0 0 0;overflow: hidden;}
.cen04 .about{width:60%; float:left; margin-right:4%;}
.cen04 .btbg{border-bottom:1px solid #007daa; height:42px; line-height:42px;}
.cen04 .bttit{background-color:#007daa; color:#ffffff; font-size:17px;  height:42px; line-height:42px; width:150px; display:block; text-align:center;}
.cen04 .about .nrxq .nrimg{width:40%; margin-right:1%;}
.cen04 .about .nrxq .nrimg img{display:block; margin-top:24px;width: 100%;}
.cen04 .second{margin-top:10px;}
.cen04 .about .nrxq .nrnr{width:59%; margin-top:24px; color:#666666;  text-decoration:none; line-height:23px; font-size:14px;}
.cen04 .about a.bbtn{width:124px; height:34px; border:2px solid #cc2a1e; display:block; margin-top:18px; text-align:center; line-height:34px; color:#cc2a1e;}
.cen04 .about a.bbtn:hover{color:#007daa; border:2px solid #2057ba;}
.cen04 .contact{width:36%; background:url(../images/dt.jpg) no-repeat right bottom;}
.cen04 .contact .titlea{color:#666;  text-decoration:none; font-size:16px; font-weight:bold; margin-top:24px;}
.cen04 .contact .titleb{color:#666;  text-decoration:none; font-size:14px; line-height:26px;}

/*20201231END*/

/*20210311*/
.hprobox { margin-top: 60px; }
.hprobox .hpbhd { height: 24px; line-height: 24px; padding: 18px 0; border-top: 2px solid #363e4d; }
.hprobox .hpbhd .nam { float: left; width: 10%; box-sizing: border-box; font-size: 18px; font-weight: bold; padding: 0 10px; color: #333; }
.hprobox .hpbhd .hot { float: left; width: 80%; box-sizing: border-box; font-size: 14px; color: #333; overflow: hidden; }
.hprobox .hpbhd .hot a { margin: 0 8px; }
.hprobox .hpbhd .mor { float: left; width: 10%; box-sizing: border-box; padding: 0 10px; }
.hprobox .hpbhd .mor a { display: block; padding-right: 20px; background: url(../img/moricon.png) no-repeat right center; text-decoration: none; color: #333; font-size: 14px; float: right; }


.hpblist { }
.hpblist .item {float: left;width: 31.2%;margin: 20px 1%;background-color: #fff;-webkit-transition: all .2s; transition: all .2s; }
.hpblist .item:nth-child(4n) { margin-right: 0; }
.hpblist .item .img { width: 100%; }
.hpblist .item:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,.1); }
.hpblist .item .img a { display: block; width: 100%; }
.hpblist .item .img img { display: block; width: 100%; }
.hpblist .item .img a:hover img { opacity: .8; }
.hpblist .item .inf { padding: 30px; }
.hpblist .item .inf .nam { line-height: 30px; height: 30px; font-size: 16px; font-weight: bold; color: #007daa; overflow: hidden; }
.hpblist .item .inf .nam a { color: #007daa; text-decoration: none; text-decoration: none; }
.hpblist .item .inf .nam a:hover { opacity: .8; }
.hpblist .item .inf .cla { color: #2f353d; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; }
.hpblist .item .inf .cla a { color: #2f353d; text-decoration: none; }
.hpblist .item .inf .cla a:hover { color: #007daa; opacity: .8; }
.hpblist .item .inf .det { margin-top: 20px; overflow: hidden; }
.hpblist .item .inf .det .lit { float: left; line-height: 24px; }
.hpblist .item .inf .det .lit a { display: block; font-size: 12px; color: #2f353d; text-decoration: none; padding-left: 20px; background: url(../img/hproicon01.png) no-repeat left center; background-size: auto 13px; }
.hpblist .item .inf .det .lit a:hover { color: #000; }
.hpblist .item .inf .det .lit a:nth-child(1) { background-image: url(../img/hproicon01.png); }
.hpblist .item .inf .det .lit a:nth-child(2) { background-image: url(../img/hproicon02.png); }
.hpblist .item .inf .det .lit a:nth-child(3) { background-image: url(../img/hproicon03.png); }
.hpblist .item .inf .det .btn { float: right; }
.hpblist .item .inf .det .btn a { line-height: 30px; font-size: 14px; padding: 0 15px; display: block; background: #e98300; color: #fff; margin-top: 3px; text-decoration: none; }
.hpblist .item .inf .det .btn a:hover { opacity: .8; }
.hpblist .item .inf .det .btn a:nth-child(2) { background: #007daa; }

.wrapper02{padding: 0 80px;}

/*20210224*/
.pro_zkg{margin-top: 30px;overflow: hidden;}
.pro_zkg .btbg {border-bottom: 1px solid #007daa;
    height: 42px;
    line-height: 42px;}
.pro_zkg .bttit {
    background-color: #007daa;
    color: #ffffff;
    font-size: 17px;
    height: 42px;
    line-height: 42px;
    width: 150px;
    display: block;
    text-align: center;
}
.pro_zkg .item{float: left;width: 31.2%;margin: 15px 1%;border-radius: 15px;}
.pro_zkg .item:last-child{margin-right: 0;}
.pro_zkg .pro_zkg_img{overflow: hidden;}
.pro_zkg .pro_zkg_img img{display: block;width: 100%;height: auto;;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_zkg .pro_zkg_msg{padding: 20px 15px;position: relative;background-color: rgba(255,255,255,0.4);}
.pro_zkg .pro_zkg_msg .tit{font-size: 16px;text-align: center;color: #333;line-height: 32px;}
.pro_zkg .pro_zkg_msg .txt{font-size: 13px;text-align: center;color: #333;line-height: 24px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;}
.pro_zkg .pro_zkg_msg .subtit{
    transition: all ease-out .3s;
    opacity: 1;
    position: absolute;
    left: 19%;
    top: -40px;
    color: #FFFFFF;
    width: 60%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 15px;
    text-align: center;
    padding: 0px;
	background: rgba(0, 125, 170, 0.87);
	transform-origin:center bottom;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    margin: 0px;
	padding: 0 1%;}
/* .pro_zkg .item:hover{box-shadow: 0px 7px 17px #dedede;} */
.pro_zkg .item:hover .pro_zkg_msg .subtit{opacity: 1;transform: rotateX(0deg);-webkit-transform: rotateX(0deg);}	
.pro_zkg .item:hover .pro_zkg_img img{transform: scale(1.08, 1.08);}
.pro_zkg_con {margin-top: 30px;}	
/**/



/**/
@media (max-width: 1570px) {
	.bannerslide .swiper-slide{height: 480px;}
}
@media (max-width: 1230px) {
	.bannerslide .swiper-slide{height: 400px;}
}
@media (max-width: 1200px) {
	.wrapper,.wrapper02{ width:100%; padding:0 20px; box-sizing:border-box;}
	
	.sshidden{display:none;}
	
}

@media (max-width: 1000px) {
	.right-extra {float: none;display: inline-block;margin: 0 auto;}
	.proDetails .proImg .proImg_tit{float: none;width: 100%;margin-left: 0;margin-top: 20px;}
}

@media (max-width: 720px) {
	.bannerslide .swiper-slide{height: 240px;}
	.top_menu { float: right; display: block; width: 38px; height: 38px; background: url(../images/menu.jpg) no-repeat center; margin-top:15px; cursor: pointer; }
	.top_menu.on { background-image: url(../images/menus.jpg); }

	.topbar {height:70px;}
	.nav .nli .sub { display: none !important; }
	.topbar .logo{margin-top: 10px;}

	.topbar { padding: 0 16px; }
	.container{ padding:0;}
	.nav{ display:none;}
	.nav.navon{ display:block;position: fixed;top:70px;left:0;right:0;background:rgba(255,255,255,.95);width:auto;padding-left:0;bottom:0;z-index: 99;}
  .topbar .nav a { color: #333; }
  .nav .nli { float: none; width: 100%; line-height: 56px; border-bottom: 1px solid #dedede; font-size: 14px;}
	.top-right{ display:none;}

	.inbanner{ height:300px;}
	.inbanner .title h2{ font-size:40px; margin-top:50px;}


	.inbannerx { padding-top: 70px; }
  .inbannerx .title { padding-bottom: 30px; padding-top: 30px; }
  .inbannerx .title .cn { font-size: 22px; }
  .inbannerx .title .en { font-size: 12px; }
  .inpagex:before { display: none; }
  .snavx.snavxcon { display: none; }
  .snavx .hdx .namx { display: none; }
  .inpagex .inpwrapx .sidex { position: relative; float: none; width: 100%; min-height: 10px; height: auto; border-right: 0; border-bottom: 1px solid #dedede; }
  .inpagex .inpwrapx .mainx { margin-left: 0; min-height: 10px; }
  .snavx { padding: 10px 0 4px; }
  .snavx .bdx .bulx { overflow: hidden; padding: 0 10px; }
  .snavx .bdx .bulx .blix { width: 49%; float: left; margin-right: 2%; margin-bottom: 6px; }
  .snavx .bdx .bulx .blix .bax { padding: 0; text-align: center; font-size: 13px; box-sizing: border-box; border: 1px solid #dedede; background: #fff; }
  .snavx .bdx .bulx .blix:nth-child(2n) { margin-right: 0; }
  .mainboxx .now { display: none; }
  .mainboxx .hdx { border: 0; height: 30px; line-height: 30px; margin-bottom: 30px; }
  .mainboxx .hdx h1 { float: none; text-align: center; font-size: 26px; padding-right: 0; }
  .mainboxx { padding: 20px; }

  .messagetarea { width: 90%; }
  .messageinput { width: 90%; margin-right: 0; }
  .prolist .item { width: 100%; margin: 0 0 10px; }
  .homebox03 { padding: 30px 0 0; background: none;}
  .homebox03 .item { margin-bottom: 20px; }
  .homebox03 .item .img { float: none; width: 100%; }
  .homebox03 .item .con { float: none; width: 100%; padding: 20px 0; }
  .homebox03 .item.items .con { padding: 20px 0; }

  .homebox03 .new_list .item{float: none;width: 100%;margin: 10px 0;}

	
.inbannerx { padding-top: 70px; }
  .inbannerx .title { padding-bottom: 30px; padding-top: 30px; }
  .inbannerx .title .cn { font-size: 22px; }
  .inbannerx .title .en { font-size: 12px; }
  .inpagex:before { display: none; }
  .snavx.snavxcon { display: none; }
  .snavx .hdx .namx { display: none; }
  .inpagex .inpwrapx .sidex { position: relative; float: none; width: 100%; min-height: 10px; height: auto; border-right: 0; border-bottom: 1px solid #dedede; }
  .inpagex .inpwrapx .mainx { margin-left: 0; min-height: 10px; }
  .snavx { padding: 10px 0 4px; }
  .snavx .bdx .bulx { overflow: hidden; padding: 0 10px; }
  .snavx .bdx .bulx .blix { width: 49%; float: left; margin-right: 2%; margin-bottom: 6px; }
  .snavx .bdx .bulx .blix .bax { padding: 0; text-align: center; font-size: 13px; box-sizing: border-box; border: 1px solid #dedede; background: #fff; }
  .snavx .bdx .bulx .blix:nth-child(2n) { margin-right: 0; }
  .mainboxx .now { display: none; }
  .mainboxx .hdx { border: 0; height: 30px; line-height: 30px; margin-bottom: 30px; }
  .mainboxx .hdx h1 { float: none; text-align: center; font-size: 26px; padding-right: 0; }
  .mainboxx { padding: 20px; }

  .messagecon p  { }
	.messagetarea { width: 90%; margin: 0 auto; display: block; }
	.messagetit { text-align: center; margin-top: 5px; font-size: .75rem; }
	.messageinput { width: 90%; margin: 0 auto; display: block; margin-bottom: 5px; }
	.main .con .yanzhengma { display: block; width: 20%; margin: 20px auto; }
	.messagebtn { margin: 5px auto 0; width: 80%; display: block; }
	.messagebtn.btnon { width: 80%; }

	.footer { padding: 30px 0; }
	.footer .wrapper { display: none; }
	.foot .bei { margin-bottom: 20px; }
	.footer .foot { margin-top: 0; padding-top: 0; border-top: 0; }
	.foot .copy { font-size: 12px; padding:0 20px; }
	.homebox02 .proList .paginationx .swiper-pagination-bullet{width: 30%;}
	.cen04{padding:40px 15px;}
	.cen04 .about{width:100%; margin:0;}
	.cen04 .about .nrxq .nrimg{width:100%; margin:0;}
	.cen04 .about .nrxq .nrimg img{width:100%; height:150px;}
	.cen04 .about .nrxq .nrnr{width:100%; margin-top:12px;}
	.cen04 .contact{width:100%; margin-top:35px;}

	.proBox .swiper-button-next,.proBox .swiper-button-prev{display: none;}
	.homebox01 .vendorList .item{width: 100%;padding: 0;}

	.jobbox .date div,.jobbox .ask01 div{width: 100%;float: none;}
	.jobbox .date,.jobbox .ask01,.jobbox .ask02{line-height: 26px;}

	.spec-preview,.spec-scroll{width: 100%;}
    .spec-scroll .items{width: 90%;}
    
    .pro_zkg .item{float: none;width: 100%;margin: 10px 0;}

.hprobox .hpbhd .nam {
    width: 50%;
}
    .hprobox .hpbhd .hot {
    display: none;
}
.hprobox .hpbhd .mor {
    width: 50%;
}
.hpblist .item {
    width: 48%;
}
.hpblist .item .inf {
    padding: 10px;
}
.hpblist .item .inf .det .lit {
    display: none;
}
.hpblist .item .inf .det .btn {
    float: none;
    text-align: center;
}
.hpblist .item:nth-child(2n) {
    margin-right: 0;
}
}
@media (max-width: 520px) {
	.bannerslide .swiper-slide{height: 120px;}
}

.yidun_product_content_table{ width:100%;border-spacing: 0;  padding-top:18px;color:#333;font-size:0.8vw;  margin:8% 0; clear:both;}
.yidun_product_content_table div{ float:left; }
.yidun_product_content_table img{ max-width:100%}
.yidun_product_content_table .bg{ width:100%;background-size:100%; background-repeat:none; display:flex;justify-content:center; align-items:center; padding:4% 2%;}
.yidun_product_content_table .bg strong{ font-size:1.5vw; font-weight:bold; }


.yidun_product_content_table .bg01{ color:#fff;background-image: url(../images/yidun/yidun_bg_01.jpg); height:8vw;}
.yidun_product_content_table .bg02{ color:#fff; background-image: url(../images/yidun/yidun_bg_02.jpg); height:8vw;}
.yidun_product_content_table .bg03{ color:#fff; background-image: url(../images/yidun/yidun_bg_03.jpg); height:8vw;}
.yidun_product_content_table .bg04{ color:#fff; background-image: url(../images/yidun/yidun_bg_04.jpg); height:8vw;}
.yidun_product_content_table .bg05{ color:#fff; background-image: url(../images/yidun/yidun_bg_05.jpg); height:8vw;}
.yidun_product_content_table .bg06{ color:#fff; background-image: url(../images/yidun/yidun_bg_06.jpg); height:8vw;}

.yidun_product_content_table .bg:nth-child(odd){ background-color:#007caa;color:#fff}
.yidun_product_content_table .bg:nth-child(even){ background-color:#f2f2f2;}