/* 内页 */
.f_30 { font-size: 30px;}
.nav{position: relative;overflow: hidden;}
.nav > img{display: block;width: 100%;}
.nav img.mimg{display: none;}
.nav .txt{position: absolute;width: 100%;color: #fff;text-align: center;z-index: 3;text-align: center;top: 50%;left: 0;margin-top: -80px;}
.nav .txt .tt{margin: 20px 0 30px;}
.nav .txt .xian{display: block;width: 1px;height: 45px;background: #fff;margin: 0 auto;}
.nav_bt{position: relative;margin-top: -70px;}
.nav_bt .nbox{line-height: 70px;background: #fff;border-radius: 10px 10px 0 0;padding: 0 50px;-moz-box-shadow:0px 1px 10px #DDDDDD; -webkit-box-shadow:0px 1px 10px #DDDDDD; box-shadow:0px 1px 10px #DDDDDD;}
.nav_bt .nbox .nlt{float: left;}
.nav_bt .nbox .nlt a{font-size: 16px;color: #333;display: block;float: left;margin-right: 40px;}
.nav_bt .nbox .nlt a.act,.nav_bt .nbox .nlt a:hover{color: #be2626;font-weight: bold;}
.nav_bt .nbox .nrt{float: right;color: #666;}
.nav_bt .nbox .nrt img{display: block;float: left;margin-top: 32px;margin-right: 10px;}
.nav_bt .nbox .nrt span,.nav_bt .nbox .nrt a{display: block;float: left;margin-left: 5px;color: #666;}
.nav_bt .nbox .nrt a:hover,.nav_bt .nbox .nrt a.act{color: #999;}



.hTitle{text-align:center;font-size:1.325rem;color:#000;margin-bottom:50px;}
.hTitle span{display:block;font-size:4.056em;color:#bec1c4;text-transform: uppercase;line-height:1.2;font-family:'DINPro';font-weight:600;}
.hTitle i{position:relative;letter-spacing:6px;font-style:normal;padding:0 15px;}
.hTitle i::before,.hTitle i::after,.product li h4 i::before,.product li h4 i::after{content:"";position:absolute;height:1px;background:#333;width:30px;top:12px;display:inline-block;}
.hTitle i:before,.product li h4 i::before{right:100%;}
.hTitle i:after,.product li h4 i::after{left:100%;}

.br4 .hTitle {position:relative;}
.br4 .hTitle span{opacity:.3;}
.br4 .hTitle i{position: absolute;top:50%;left:50%;transform: translateX(-50%);}

.br4{margin-top: 60px;}
.br4 .tt{margin: 15px 0 70px;text-align: center;}
.br4 .btop{text-align: justify;}
.br4 .btop .blt{width: calc(100% - 500px);float: left;line-height: 30px;}
.br4 .btop .brt{float: right;}
.br4 .btop .brt li{/*float: left;min-width: 240px; */   margin: 40px;}
.br4 .btop .brt li span{display: block;float: left;font-size: 50px;}
.br4 .btop .brt li .lwz{float: left;color: #666;line-height: 1.5;padding-top: 5px;margin-left: 10px;}

.br4 .bbot{margin: 50px 0 90px;}
.br4 .bbot .swiper3{padding-bottom: 70px;}
.br4 .bbot .swiper3 .prev3{opacity: 0; width: 50px;height: 50px;top: 40%; left: 3%;margin-top: 0;background: rgba(255,255,255,0.5);border-radius: 50%;overflow: hidden;}
.br4 .bbot .swiper3 .prev3 img{width: 100%;}
.br4 .bbot .swiper3 .next3{opacity: 0; width: 50px;height: 50px;top: 40%;right: 3%;margin-top: 0;background: rgba(255,255,255,0.5);border-radius: 50%;overflow: hidden;}
.br4 .bbot .swiper3 .next3 img{width: 100%;}
.br4 .bbot .swiper3 .prev3:hover,.br4 .bbot .swiper3 .next3:hover{background: #be2626;}
.br4 .bbot .swiper3:hover .prev3,.br4 .bbot .swiper3:hover .next3{opacity: 1;}
.br4 .bbot img{width: 100%;}

.pr2{margin: 80px 0 90px;}
.pr2 .ul1{margin-bottom: 25px;}
.pr2 .ul1 li{width: 32.3%;float: left;margin-right: 1.5%;margin-bottom: 35px;}
.pr2 .ul1 li:nth-child(3n){margin-right: 0;}
.pr2 .ul1 li a{display: block;position: relative;}
.pr2 .ul1 li a .img,.pr2 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;position: relative;}
.pr2 .ul1 li a .img s{display: block;position: absolute;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.3) url(../images/pr13.png) center no-repeat;transform: scale(1.5);-webkit-transform: scale(1.5);opacity: 0;}
.pr2 .ul1 li a:hover .img s{opacity: 1;transform: scale(1);-webkit-transform: scale(1);}
.pr2 .ul1 li a .ltt{margin: 20px 0 12px; font-size: 18px;}
.pr2 .ul1 li a .ltc{color: #666;}
.pr2 .ul1 li a:hover .ltt{color: #f00;}
.pr2 .more2{margin: 0 auto;}


/*相关样式*/
.pr_c1 {padding: 0px 0;background: url(../images/prc1.png) center no-repeat;background-size: cover;text-align: center;}

/*详情标题*/
.c1_title {width: 100%;margin: 57px auto;border-bottom:1px solid #ddd; display: flex;flex-direction: column;justify-content: center;align-items: center}
.c1_title h1 {font-size: 30px;  line-height: 30px;color: #333333}
.c1_title p { width: 40px; height: 3px; background-color: #f00; margin-top: 14px;/*margin-bottom: 12px*/}
.c1_title span { font-size: 30px;line-height: 30px; color: #e6e6e6;font-weight: bold}

/*案例*/
.new1 .ul1{margin:0px 0  20px;}
.new1 .ul1 li{width: 31.8%;float: left;margin-right: 2.25%;margin-bottom: 55px;}
.new1 .ul1 li:nth-child(3n){margin-right: 0;}
.new1 .ul1 li a{display: block;text-align: justify;}
.new1 .ul1 li a .img,.new1 .ul1 li a .img img{display: block;width: 100%;height:220px; overflow: hidden;}
.new1 .ul1 li a .att{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 30px 0 15px;}
.new1 .ul1 li a .day{color: #999;margin-bottom: 20px;}
.new1 .ul1 li a .atc{line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new1 .ul1 li a .more2{left: -20px;margin-top: 10px;}
.new1 .ul1 li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.new1 .ul1 li a:hover .more2{left: 0;}
.new1 .ul1 li a:hover .att{color: #be2626;}
.new1 .ul1 li  a:hover .more2{background: rgba(0,0,0,0) url(../images/in2_1.png)  center no-repeat;left: 0;color: #fff;}
.new1 .ul1 li  a:hover .more2 span{opacity: 0;}


.new_c1{padding:20px 0 45px;margin-top: 0px;}
.new_c1 .nbox{margin: 0 auto ;max-width: 1280px;text-align: center;line-height: 1.8;}
.new_c1 .nbox .day{color: #666;margin: 30px 0;}
.new_c1 .nbox .day span{display: inline;padding: 0 35px;}
.new_c1 .nbox .tc{color: #666;line-height: 32px;text-align: justify;padding-top: 30px;border-top: 1px solid #ddd;}
.new_c1 .nbox .tc img{display: block;margin: 0 auto;}


.new1 { text-align: center;  padding: 100px 0 70px;}
.new1 .ntop{}
.new1 .ntop a{display: block;margin-bottom:20px;}
.new1 .ntop a .alt{width: 30%;height: 250px;float: left;overflow: hidden;}
.new1 .ntop a .alt img{height: 100%;max-width:100%;}
.new1 .ntop a .art{width: 60%;float: right;padding: 20px 4%;text-align: justify;background: url(../images/new3.png) center bottom no-repeat;}
.new1 .ntop a .art .att{color: #111;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new1 .ntop a .art .day{color: #999;margin: 15px 0 20px;}
.new1 .ntop a .art .atc{line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new1 .ntop a:hover .alt img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.new1 .ntop a .more2{margin-top: 30px;left: -20px;}
.new1 .ntop a:hover .more2{background: rgba(0,0,0,0) url(../images/in2_1.png)  left no-repeat;left: 0;color: #fff;}
.new1 .ntop a:hover .more2 span{opacity: 0;}
.new1 .ntop a:hover .art .att{color: #be2626;}


/*联系我们*/ 
.flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;  }
.f-as {-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;  }
.contact{border:1px solid #f0f0f0;padding: 50px 0;overflow: hidden;}
.contact li{width: 33%;float: left;border-right: 1px solid #f0f0f0;}
.contact li > img{display: block;width: 100px;}
.contact li .lrt{width: 250px;line-height: 1.8;}
.contact li .lrt  a{display: block;line-height: 2;}
.contact li:last-child{border:0;}

 #dituContent {
	height: 500px;margin-bottom:50px;
}

/*上一个下一个*/  
.pr_c3{width: 1280px;line-height: 80px;background: #fafafa;margin: 0 auto 40px;}
.pr_c3 p{display: block;width: 33.33%;float: left;color: #666;text-align: center;}
.pr_c3 a:hover{color: #be2626;}
.pr_c3 .alt{background: url(../images/l2.png) 40px center no-repeat;}
.pr_c3 .alt:hover{background: url(../images/l3.png) 40px center no-repeat;}
.pr_c3 .art{background: url(../images/r2.png) 90% center no-repeat;}
.pr_c3 .art:hover{background: url(../images/r3.png) 90% center no-repeat;}

/*page-number*/
.page_num{width:100%;margin:auto;text-align:center;margin-top:0.2rem;}
.page_num span{display:inline-flex;color:#fff;font-size:0.14rem;text-transform:capitalize;padding:0;vertical-align:middle;width:36px;height:36px;line-height:100%;transition:all .5s;position:relative;text-align: center;border-radius:0;border:2px solid #0683c5;align-items: center;justify-content: center;background: #0683c5;border-radius: 0 0.1rem 0 0.1rem;}
.page_num a{background:#fff;padding:0;display:inline-flex;text-transform:capitalize;font-size:0.12rem;position: relative;z-index: 0; vertical-align:middle;line-height:100%;transition:all .5s;color:#555;border-radius:0;width:36px;height:36px;text-align: center;border:1px solid #e5e5e5;align-items: center;justify-content: center;}
.page_num a:hover{text-decoration:none;color:#fff;border-color:#0683c5;border-radius:0px;background: #0683c5;}
.page_num a i{line-height:32px;}
.page_num p{display:block;font-size:0.14rem;margin:0;margin-top:15px;color:#808080;}
.page_num p:before{content:'[';padding-right:3px;}
.page_num p:after{content:']';padding-left:3px;}
.page_num p strong{display:inline-block;margin:0 5px; color:#333;}

@media only screen and (max-width: 768px) {
	.page_num{border-radius: 0;text-align: center;padding:0;margin-top:10px;border-radius:5px;}
	.page_num a , .page_num span{width: 30px;height:30px;line-height:30px;font-size:0.12rem;}
	.page_num a i{line-height: 30px;}
	.page_num p{float: none;display: block;font-size: 0.14rem;}
}