/*公用*/
@font-face {
font-family:fontDin1;
src: url(../cssnew/DIN-MEDIUM_otf.txt),url(../cssnew/DIN-MEDIUM_woff.txt),url(../cssnew/DIN-MEDIUM_eot.txt),url(../cssnew/DIN-MEDIUM_woff2.txt),url(../cssnew/DIN-MEDIUM_ttf.txt)}
*{ margin:0px; padding:0px;}
body{font-size:14px; color:#222222; font-family:"Microsoft YaHei"; font-family:'微软雅黑'; min-width:1400px; overflow-x:hidden; background-color: #fff;}
img{margin: 0px; padding: 0px;border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal;}
dl,dt,dd,ol,ul,li,from,input,select,span,p,div{margin: 0px; padding: 0px; list-style: none;}
.clear{clear:both;}
a{color: #222222; text-decoration: none; font-size:14px;}
a:hover{color: #1a8ef5;cursor:pointer;}
em ,i{ font-style:normal;}
input,button,select,textarea{outline:none;font-family:"Microsoft YaHei"; font-family:'微软雅黑';}
.w1400{width:1400px; margin:0 auto;}
.fr{ float:right;}
.fl{ float: left;}
*,:after,:before{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.title{text-align: center;font-size: 40px;color: #333;}
.title em{color: #1a8ef5;}
.title span{display: block;font-size: 18px;color: #9a9b9d;margin:15px 0 20px 0;}
.title i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.title i::after,.title i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.title i::after{right: 0px;left: inherit;background:#1a8ef5;animation:allTitleAfter 3s infinite linear;}
.title i::before{background:#1a8ef5;animation:allTitleBefore 3s infinite linear;}
.title t{width: 30px;height: 5px;background:#ed6f1d;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
@keyframes allTitleI{
0%{transform:translateX(0px);}
25%{transform:translateX(-25px);}
50%{transform:translateX(0px);}
75%{transform:translateX(25px);}
100%{transform:translateX(0px);}
}
@keyframes allTitleBefore{
0%{width:15px;}
25%{width:0px;}
50%{width:15px;}
75%{width:30px;}
100%{width:15px;}
}
@keyframes allTitleAfter{
0%{width:15px;}
25%{width:30px;}
50%{width:15px;}
75%{width:0px;}
100%{width:15px;}
}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


.hovermaincolor a:hover{ color:#1a8ef5;}
/*抬头*/
.htop{ width:100%; height:50px; background:#fff;}
.htop p.fl{ height:50px; line-height:50px; font-size:14px; color:#999; line-height:50px;}
.htop p.fl span{ padding-left:25px;}
.htop p.fr span{ padding:0 25px; display:inline-block; border-left:1px solid #eee;}
.htop p.fr span a{ display:inline-block; font-size:14px; color:#999;line-height:50px; padding-left:27px;}
.htop p.fr span:nth-child(1) a{ background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510090537_1243337482.png) no-repeat left center;}
.htop p.fr span:nth-child(2) a{ background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510093310_1993229163.png) no-repeat left center;}
.htop p.fr span:nth-child(3) a{ background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510090537_1778549548.png) no-repeat left center;}
.htop p.fr em{ font-size:22px; color:#1a8ef5; font-family:DIN; font-weight:bold; vertical-align:sub;}
.htop p.fr span a:hover{color:#1a8ef5;}
.htop p.fr span:nth-child(3) a:hover{color:#666;}
.header{ border-top:1px solid #eee;  background:#fff; height:100px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hright,.hright nav ul,.hlogo{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.hsecond{ height:120px; padding:0 0 0 1.2%;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;}
.hleft,.nav>ul,.hright{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;}
.hline{ width:1px; height:40px; background:#eee; margin:0 15px; margin-top: 18px;}
.hmean{ width:305px; font-size:14.4px; color:#888; padding-left:4px; padding-top: 10px;font-weight: 100;}
.hmean b{ display:block; font-size:22px; color:#333; font-weight:500;}
.hmean b i{ font-size:45px; color:#1a8ef5; font-family: Din; display:inline-block; vertical-align:sub; line-height:45px;}
.nav ul li{ position:relative; margin-right:60px;}
.nav ul li:nth-child(8){margin-right:25px;}
.nav ul li>a{ display:block; font-size:16px; color:#666; line-height:98px; position:relative;}
.nav ul li>a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; width:63px; height:3px; transition:all .3s ease; transform:scale(0); bottom:0; background:#1a8ef5;} 
.nav ul li.cur>a:after,.nav ul li:hover>a:after{ transform:scale(1);}
.nav ul li.cur>a,.nav ul li:hover>a{color:#1a8ef5; font-weight:bold;}
.nav>ul>li .dropmenu{width:200%;position:absolute;top:98px;left:-50%;z-index: 99;transform-origin: 0 0;transform: perspective(600px) rotateX(-90deg);transition:600ms ease;}
.nav>ul>li:hover .dropmenu{transform: perspective(600px) rotateX(0deg);transition:600ms ease;cursor:pointer; }
.nav>ul>li .dropmenu a{font-size: 14px;display:block;line-height:40px;text-align:center;color:#fff;background:rgba(0,0,0,.8);transition:600ms ease; margin-top:1px;}
.nav>ul>li .dropmenu a:hover{background:#1a8ef5;color:#fff!important;}
.nav>ul>li table,.nav>ul>li tbody,.nav>ul>li tr,.nav>ul>li td{ display:block;}

@media screen and (max-width:1870px){
	.nav ul li{ margin-right:30px;}
	}
@media screen and (max-width:1650px){
	.nav ul li{ margin-right:30px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:80px;}
	}
@media screen and (max-width:1550px){
	.nav ul li{ margin-right:20px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:70px;}
	}
@media screen and (max-width:1500px){
	.nav ul li{ margin-right:20px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:70px;}
	}
@media screen and (max-width:1465px){
	.nav ul li{ margin-right:15px;}
	.nav ul li>a{ font-size:14px;}
	.nav{ padding-left:50px;}
	}
@media screen and (max-width:1400px){
	.nav ul li{ margin-right:10px;}
	.nav ul li>a{ font-size:13px;}
	.nav{ padding-left:30px;}
	.hmean b{ font-size:18px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
	}
@media screen and (max-width:1380px){
	.nav ul li{ margin-right:10px;}
	.nav ul li>a{ font-size:13px;}
	.nav{ padding-left:20px;}
	.hmean b{ font-size:18px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
	}
	@media screen and (max-width:1335px){
	.nav ul li{ margin-right:10px;}
	.nav ul li>a{ font-size:13px;}
	.nav{ padding-left:20px;}
	.hmean b{ font-size:18px;}
	.hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
	}

@media screen and (max-width:1300px){
	.nav ul li{ margin-right:10px;}
	.nav ul li>a{ font-size:13px;}
    .hmean b{ font-size:15px;}
    .hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
	}
	
@media screen and (max-width:1270px){
	.nav ul li{ margin-right:10px;}
	.nav ul li>a{ font-size:13px;}
    .hmean b{ font-size:15px;}
    .hmean b i{ font-size:30px;}
	.hmean{ font-size:14px;}
	}
.iser_box{background: rgba(255,255,255,0.8); position: absolute;top: 100%;right: 0;padding: 30px; transform-origin: top; transform: rotateX(90deg);transition: all 0.5s;z-index: 9;}
.search_l{display:flex;align-items:center;justify-content:end;width:595px;}
.search_l span+span{margin-left:10px;}
.search_l a{color: #666;font-size: 14px;}
.search_r{margin-top:15px;position:relative;}
#infoname{width:100%;height:38px;line-height: 38px;border:1px solid #eee;text-indent:12px;}
.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}
.itel_box{width:228px;}
.itel_box p{padding-left:25px;color:#333;position:relative;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.itel_box em{font-family:'arial';font-size:26px;font-weight: bold;color:#0f7404;margin-top:10px;}

/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1; background:#f1f1f1;}
.banner-box{ min-width:1400px; height:650px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:650px; background-position: center; background-repeat: no-repeat;}
.banner-box .bd li a{ display:block; background-size:auto;     width: 100%;
    height: 80%;
    position: relative;
    z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:230px; left: 0; margin-left: 0; height: 420px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510090703_513998604.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510090703_513998604.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:50px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #1a8ef5;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8;}

/*搜索*/
.search{ height:105px; background:#fff;border-bottom: 1px solid #eee;}
.keywords,.keywords a{ font-size:16px; color:#666; line-height:40px;font-weight: lighter; margin-top:35px;}
.keywords a:hover{ color:#1a8ef5;}
.seaphone span i{vertical-align: top;padding-top: 12px;display: inline-block;}
.keywords span{ font-size:16px; color:#666;font-weight: lighter;}
.seaphone{ height:40px; border-left:1px solid #eee; border-right:1px solid #eee; margin-top:35px; padding:0px 37px;}
.seaphone span{ display:block; font-size:15px; color:#888; padding-left:48px; background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510094651_1168509692.png) no-repeat left center;}
.keywords{background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510100821_677132504.png) no-repeat 0 center;padding-left: 50px;}
.seaphone strong{font-size:30px; font-weight: 500; color:#1a8ef5;font-family: fontDin1;}
.search form{ margin:27px 0 0 37px;}
.search_bg{ width:255px; height:55px; padding:0 20px; background:#eaeaea;}
.search_bg input{ display:block; float:left;}
.search_bg #soo{ float:right; margin-top:12px;}
#infoname{ width:185px; height:55px; background:none; border:none;}


/*产品中心*/
.protab{font-size:0;margin: 30px 0;width:1400px; margin:0 auto; }
.protab li{display: inline-block;vertical-align: top;width: 330px;box-sizing: border-box;height: 81px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.1);padding:18px 30px;transition: all .3s ease;}
.protab li+li{margin-left:26px;}
.protab li.on .pro_t b{color:#fff;}
.protab li.on .pro_t em{color: #fff;}
.protab li.on table tr td a{color: #fff;}
.protab li.on a.probtn{ background: #fff;color: #1a8ef5;}
.pro_t{font-size:20px;color: #333; font-weight:500;}
.pro_t em{display: block;font-size: 12px;color: #aaaaaa;font-weight: lighter;text-transform: uppercase;margin-top: 3px;transition: all .3s ease;}
.pro_t a.probtn{display: block;width:30px;line-height: 30px;background:#1a8ef5;font-size:20px;color: #fff;font-weight: lighter; text-align: center;transition: all .3s ease; margin-top:-35px; margin-left:245px; border-radius: 50px;}
.pro_t a.probtn:hover{background:#1a8ef5;color:#fff;}
.pro_c{margin:15px 0 27px 0;}
.protab li.on{background: #1a8ef5;}
.pro_c table tr td a:before{content: '→';display: inline-block;font-size: 14px;padding-right: 7px;}
.pro_c table tr td a{display: block;line-height: 36px;font-size: 14px;color: #656565;font-weight: lighter;transition: all .3s ease;}
.protab li.on .pro_c table tr td a:hover{color:#fff;}
.pro_c{height: 144px;}

.changpd{ width:95%; margin:0 auto; margin-top:30px;}
.procon td{ display:inline-block; width:23.47%;border:1px solid #e6e6e6; padding:8px 8px 0 8px !important; background: #fff; position:relative; overflow:hidden;box-sizing: border-box;}
.procon td>a{ display:block;  overflow:hidden; position:relative;}
.procon td br{ display: none;}
.procon td span{ display:block; padding-top:0px !important; line-height:69px; width:295px !important;}
.procon td span a{ display:block; position:relative; font-size:16px; font-weight: lighter;color:#222222; padding:0px 80px 0px 10px; line-height:69px; text-align:left; overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.procon td span a:after{ content:'MORE'; display:block; position:absolute; top:0px; margin:auto 0; bottom:0; right:0px; width:70px; height:28px; background:#999; text-align:center; line-height:28px; font-weight: lighter;color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;transition:all 0.5s ease;}
.procon td+td{ margin-left:2%;}
.procon tr+tr{ display:block; margin-top:20px;}
.procon td a,.procon td img{ position:relative; z-index:33; transition:all 0.5s ease;}
.procon td img{ width:100%; height: auto;}
.procon td:hover img{ transform:scale(1.1);}
.procon td:after{ content:''; display:block; position:absolute; width:100%; height:100%; top:0px; left:-120%; background:#fff; transition:all 0.5s ease;transform: rotate(90deg);}
.procon td:hover:after{ left:0px; transform: rotate(0deg);}
.procon td:hover a{ color:#1a8ef5;}
.procon td:hover a:after{ background:#1a8ef5; color:#fff;}
.procon td:hover a:after{ width:80px;}

/*特点*/
.cptx{background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510163708_656185513.jpg) no-repeat center; height:888px; padding-top:55px;}
.cptxtitle{text-align: center;font-size: 40px;color: #fff;}
.cptxtitle em{color: #fff;}
.cptxtitle span{display: block;font-size: 18px;color: #fff;margin:15px 0 20px 0;}
.cptxtitle i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.cptxtitle i::after,.cptxtitle i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.cptxtitle i::after{right: 0px;left: inherit;background:#fff;animation:allTitleAfter 3s infinite linear;}
.cptxtitle i::before{background:#fff;animation:allTitleBefore 3s infinite linear;}
.cptxtitle t{width: 30px;height: 5px;background:#fff;margin:0 auto;display:block;animation:allTitleI 3s infinite linear;}
.traul{ width:1400px; margin:0 auto; padding:50px; background:#fff;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; text-align:center;    box-shadow: 0px 0px 13.8px 1.2px rgba(51, 51, 51, 0.1);}
.traul li{ display:inline-block; vertical-align:top; box-sizing: border-box; width:300px; height:490px; border:1px dashed #e1e0de; padding:0 30px;transition:all .3s ease; position:relative; z-index:3;}
.traul li+li{ margin-left:33px;}
.traul li p{ position:relative; z-index:3;}
.trac{ font-size:14px; color:#838281; line-height:34px; transition:all .3s ease;}
.traicon{ display:inline-block; width:68px; height:66px; background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510142715_710276863.png) no-repeat left top; margin:40px 0 20px 0;transition:all .3s ease;}
.traul li:nth-child(2) .traicon{ background-position-x:-86px;}
.traul li:nth-child(3) .traicon{ background-position-x:-181px;}
.traul li:nth-child(4) .traicon{ background-position-x:-294px;}
.trat{ font-size:28px; color:#343331; padding-bottom:50px; position:relative; transition:all .3s ease;}
.trabtn a{ display:inline-block; text-align:center; width:168px; line-height:38px; border-radius:20px; position:relative; background:#545351; transition:all .3s ease; font-size:14px; color:#fff;}
.trabtn a i{ display:inline-block; padding-left:43px; background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510143141_1761330938.png) no-repeat left center;}
.trabtn a:after{ content:''; display:block; position:absolute; z-index:-1; width:100%; height:100%; left:0; top:6px; background:#161514; border-radius:20px;}
.trabtn{ margin-top:40px;}
.trat i{ display:block; position:absolute; left:0; right:0; margin:0 auto; width:10px; height:10px; border:1px solid #343331; background:#fff;bottom:25px;border-radius: 50%;}
.traul li:after{ content:''; display:block; position:absolute; width:300px; height:490px; box-sizing:border-box; border:2px solid #1a8ef5; opacity:0; transition:all .3s ease; top:-1px; left:-1px;}
.traul li:hover:after{ opacity:1;}
.traul li:hover .traicon{background-position-y:-90px;}
.traul li:hover .trat{ color:#1a8ef5; padding-bottom:70px;}
.traul li:hover .trabtn a{ background:#1a8ef5;}
.traul li:hover .trabtn a:after{ background:#0678de;}
.traul li:hover .trat i{ width:10px; height:10px; border:1px solid #1a8ef5; background:#fff;bottom:40px;}
.trat i:after{ content:''; display:block; position:absolute; top:13px; width:1px; height:14px; background:#343331; opacity:1; left:0; right:0; margin:0 auto; transition:all .3s ease;}
.traul li:hover .trat i:after{ opacity:1; height:14px; background:#1a8ef5;}

/*优势*/
.adv{background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510163708_350580140.jpg) no-repeat center; height:895px;}
/*优势内容*/
.advbj{ width:1400px; height:690px; margin:0 auto; background:#fff; box-shadow: 0px 0px 13.8px 1.2px rgba(51, 51, 51, 0.1);}
.adv_t{z-index: 2;}
.adv_t_text{width:610px; margin-top:10px; padding: 42px 60px;}
.adv_t_text *{display: block;}
.adv_t_text t{font-size: 55px;color:#0f0964;line-height: 70px;}
.adv_t_text b{margin-top: 15px;font-size: 30px;color:#333;}
.adv_t_text span{font-size: 14px;color:#ccc;line-height: 28px; text-transform: uppercase;}
.adv_t_text span:after{content: "";display: block;width:60px;height:2px;margin:25px 0 25px 0;background: #1a8ef5;}
.adv_t_text p{font-size: 15px;color:#999;line-height: 40px;}
.shared_a{display: block;width:180px;height:50px;line-height: 50px;margin-top: 105px; background: #333;text-align: center;font-size: 18px;color:#fff;float:right;border-radius: 100px;}
.shared_a:hover{color: #fff; background: #1a8ef5;}
.adv_t_text .shared_a{float:left;margin-top:23px; color:#fff;}
.adv_t_text a{font-size: 18px !important; color:#fff;}
.adv_t_img{position: absolute;top: 50px;right: 30px; width: 786px;}
.adv_t_img img{ border: 10px #f8f8f8 solid;}
.adv_t_tel{width: 280px;padding-left: 60px;position: absolute;top: 605px;left: 288px;}
.adv_t_tel p{font-size: 18px;color:#999;}
.adv_t_tel span{font-size:30px;color:#1a8ef5;}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(237, 107, 27, .0);

                box-shadow: 0 0 0 40px rgba(237, 107, 27, .0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
                box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
    }
}
/*优势切换*/
.adv_b{width:487px;height:120px;background: #fff;box-shadow: 0px 0px 13.8px 1.2px rgba(51, 51, 51, 0.1);border-radius: 0 10px 10px 0;position: absolute;  margin-top: 515px;z-index: 2;  margin-left: 53px;}
.adv_b_page{margin-left: 22px;}
.adv_b li{float: left;width:24%;height:120px;align-items: center;display: flex;justify-content: center;cursor: pointer;position: relative;}
.adv_i{ width:26px;height:25px;}

.adv_b li.on:before{margin-right: 25px;}
.adv_b li:after{content: "";display: block;width:66px;height:66px; position: absolute;left: 21px;transition: all 0.3s;transform: scale(0);}
.adv_b li.on:after{transform: scale(1);}
.adv_b li t:after{content:"";display: block;width:1px;height:75px;background: #eee;position: absolute;right: 0;top: 25px;}
.adv_b li:last-child t:after{background: none;}
.adv_b li *{display: block;}
.adv_b b{font-size:18px;color:#333;    padding-top: 10px;}
.adv_b li.on b{ color:#1a8ef5;}
.adv_b i{ width:26px;height:25px;  text-align: center; padding-left: 22px;}


/*厂房设备*/
.case{ padding:60px 0;}
.casecon{ margin-top:30px;}
.casecon li{ float:left; padding-left:26px;}
.casecon li:nth-child(1){ padding-left:0px;}
.casecon li dl{ width:330px; height:248px; overflow:hidden; position:relative;}
.casecon li dl+dl{ margin-top:30px;}
.casecon li dl a{ display:block;}  
.casecon li dl img{ width:100%; height:100%; transition:all .6s ease;}
.casecon li dl a p{bottom:0px; left:0px; position:absolute; width:100%; height:54px; overflow:hidden; background:rgba(22,23,24,0.68); font-size:16px; color:#fff; line-height:54px; font-weight:lighter; text-align:center; transition:all 0.5s ease; z-index:999;}
.casecon li dl:hover img{ transform: scale(1.1);}

/*走进登富五金*/
.about{ background:#fff url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510174310_1176228409.jpg) no-repeat top center; padding:60px 0;}
.abcon{ width:1400px; background:#f5f5f5; padding:40px; margin:30px auto 0 auto; height: 562px;}
.abouttitle{text-align: center;font-size: 40px;color: #fff;}
.abouttitle em{color: #fff;}
.abouttitle span{display: block;font-size: 18px;color: #fff;margin:15px 0 20px 0;}
.abouttitle i{display: block;width: 80px;height: 5px;margin: 0 auto; position: relative;}
.abouttitle i::after,.cptxtitle i::before{content: '';display: block;position: absolute;width: 30px; height: 5px;top: 0;left: 0;}
.abouttitle i::after{right: 0px;left: inherit;background:#fff;animation:allTitleAfter 3s infinite linear;}
.abouttitle i::before{background:#fff;animation:allTitleBefore 3s infinite linear;}
.abright{ box-shadow:0 0 20px #eee;}
.ableft{ width:650px; height:496px; background:#fff;box-shadow:0 0 20px #ccc; box-sizing:border-box; padding:40px 50px;}
.ab_t{ font-size:22px; color:#1a8ef5;}
.ab_t:after{ width:60px; height:3px; background:#1a8ef5; display:block; content:''; margin:18px 0 10px 0;}
.abwa p{ font-size:15px; color:#888; line-height:40px; text-indent:2em;} 
.abbtn{ margin-top:35px; font-size:0;}
.abbtn a{ display:inline-block; width:139px; line-height:50px; vertical-align:top; font-size:16px; color:#333; background:#f8f8f8; transition:all .3s ease; text-align:center;}
.abbtn a.cur{ background:#1a8ef5; color:#fff;}
.abbtn a+a{ margin-left:18px;}
.qyxx{ position:relative; margin-top:20px;}
.qyjt{ cursor:pointer; position:absolute; top:40%; width:22px; height:42px; left:-50px; background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510174310_911718516.png) no-repeat center top;}
.qyjt.next{ left:auto; right:-50px; background:url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510174310_1743323255.png) no-repeat center top;}
.qyjt:hover{ background-position:center bottom;}
.qyxx table,.qyxx tr,.qyxx tbody{ width:100%; display:block; overflow:hidden;}
.qyxx td{ display:inline-block; padding:0 !important; margin-right:17px; width:340px;}
.qyxx br{ display:none;}
.qyxx td a img{ width:100%; height:auto; transition:all .6s ease;}
.qyxx td:hover a img{transform: scale(1.1);}
.qyxx td>a{ display:block; position:relative; overflow:hidden;}
.qyxx td>a:after,.qyxx td>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;}
.qyxx td>a:before{ width:100%; height:100%; opacity:0;}
.qyxx td:hover>a:before{ opacity:1;}
.qyxx td:hover>a:after{ left:32%;}
.qyxx td div{padding:0 !important;}
.qyxx td div a{ display:block; font-size:16px; color:#4c4e4f; margin-top:15px;}
.qyxx td:hover div a{ color:#1a8ef5;}

/*新闻*/
.news{padding: 50px 0px; background:#f8f8f8;}
.news_t{text-align:left;float:left}
.news_cont{margin:auto;width:666px;padding-bottom: 40px;padding-top: 10px;}
.news_cont a{display:block;margin-right:30px;width:202px;border-radius:30px;height:41px;line-height:41px;font-size:18px;color:#333;float:left;font-weight:normal;text-align:center;box-sizing:border-box;box-shadow: 0px 0px 10px 0px #cbcbcb;}
.news_cont a.on{color:#fff;background: #1a8ef5;box-shadow: 0px 0px 10px 0px #1a8ef5;transition: all .3s ease;}
.news_cont a:nth-child(3){margin-right:0px}
.new_content{position:relative;height:639px}
.new_content .news_div_item{position:relative;}
.new_content .news_div_item:nth-child(1){width:500px;;height:630px;float:left;}
.new_content .news_div_item:nth-child(1) .news_div_item_date div{float:left;font-size:14px;position:absolute;left:0px;top: 365px;color:#aaa}
.new_content .news_div_item:nth-child(1) .news_div_item_month{left:40px !important}
.new_content .news_div_item:nth-child(1) .news_div_item_day{left:65px !important}
.new_content .news_div_item:nth-child(1) .news_div_item_a{font-size:20px;position:absolute;left:00px;top:325px;}
.new_content .news_div_item:nth-child(1) .news_div_item_a:after{content:'查看详情  →'; display:block;position: absolute;bottom: -255px;left: 0px;font-size: 14px;color: #757575;}
.new_content .news_div_item:nth-child(1) .news_div_item_body{width:90%;font-size:14px;color:#aaa;line-height:35px;position:absolute;left:00px;top:415px;z-index:2}
.new_content .news_div_item:nth-child(1) .news_div_item_body:after{content:''; display:block;background:#eee;width: 450px;height: 1px;margin-top: 25px;}
.new_content .news_div_item:nth-child(1) .news_div_item_pic{width:450px;height:290px;overflow: hidden;}
.new_content .news_div_item:nth-child(1) .news_div_item_image{width:100%;height:auto}
.new_content .news_div_item:nth-child(n+2){float:left;width:450px;height:315px;background:#f8f8f8 url(https://memberpic.114my.com.cn/023729/uploadfile/image/20220510/20220510175318_20978305.png) no-repeat center;background-position:50px 200px;overflow:hidden;border-left: 1px solid #eee;}
.new_content .news_div_item:nth-child(3),.new_content .news_div_item:nth-child(2){border-bottom: 1px solid #eee;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_a{font-size:18px;color: #222; position:absolute;top:30px;left:50px;width:350px;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_a:after{content:'→'; display:block;position: absolute;bottom: -226px;right: 0px;font-size: 25px;color: #666;}
.new_content .news_div_item:hover .news_div_item_a:after{color: #1a8ef5;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_body{font-size:14px;color:#bbb;line-height:30px;left:50px;width:350px;top:80px;position:absolute}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date{position:absolute;left:50px;bottom:45px;font-size:14px;color:#666;}
.new_content .news_div_item:nth-child(n+2) .news_div_item_date div{float:left;margin-top:1px}
.new_content .news_div_item:nth-child(n+2) .news_div_item_image{display:none !important}
.new_content .news_div_item:nth-child(3){bottom:0;top:auto}
.new_content .news_div_item:nth-child(4){right:0;left:auto}
.new_content .news_div_item:hover .news_div_item_a{color:#1a8ef5;}

/*友情链接*/
.links{ height:100px; color:#666; line-height:100px; background:#f3f3f3;}
.links_l{ width:1400px;}
.links p:nth-child(1){ color:#666; font-size:18px; background:url(https://memberpic.114my.com.cn/076989280138/uploadfile/image/20220507/20220507171419_755681595.png) no-repeat left center; margin-right:10px; padding-left:35px;font-weight: normal;}
.linkTagcs li{ line-height:100px !important;}
.linkTagcs li a{ color:#666!important;font-size: 14px;}
.linkTagcs li a:hover{ color:#1a8ef5!important;}
.links p:nth-last-child(1){ color:#666; font-size:22px; font-family:Impact; line-height:100px; text-transform:uppercase;}

/*版权*/
.copyright{ background:#212225;}
.crcon{ padding:50px 0; border-bottom:1px solid #323337;}
.end{ line-height:119px; border-top:1px solid #0a0a0b;}
.end a,.end{ font-size:15px !important;}
.copyright,.copyright a{ font-size:14px; color:#707173;}
.copyright a:hover{ color:#fff;}
.cr_t{ font-size:20px; color:#fff; margin-bottom:30px;font-weight: normal;}
.kslj ul li{ float:left;padding:0 0 0 30px;}
.kslj ul li:nth-child(3){ float:left;padding:0 0 0 0px;}
.kslj ul li:nth-child(2){padding:0 60px; height:150px; margin:0 55px; border-left:1px dashed #343538; border-right:1px dashed #343538;} 
.kslj:nth-child(1) .cr_t{padding-left: 30px;}
.kslj ul li a{ display:block; line-height:38px;}
.crcode ul li{ float:left; text-align:center;} 
.crcode img{ display:block;padding:9px; border:1px solid #3e3f43; margin-bottom:10px; width:160px;}
.crconcat{width: 350px;}
.crcode ul li+li{ margin-left:20px;}
.crcode{ margin-left:140px;}
.cr_phone{ font-size:32px; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; line-height:32px;}
.cr_addr{ line-height:38px;}