/* index关于我们 */


.container00 .title{ text-align:center; margin-bottom:2.875rem}
.container00 .title h3{ font-size:24px; color:#424242; /* margin-bottom:2px; */}
.container00 .title h4{ font-size:30px; color:#000; margin-bottom:8px; font-weight:bold;}
.container00 .title h5{font-size:15px;color:#d4d4d6;font-family:HELVETICA-CONTH;transform: scaleX(1);}



.container03{ padding:8rem 0; background:#fff; position:relative; overflow:hidden; border-bottom:1px dashed #e2e2e2;}
.container03_bg{position:absolute;bottom:0px;left:0;width:100%;height:500px;opacity: 0.02;display: none;}
/* .container03 .title{ margin-bottom:5rem} */
.container03 .title h3{ color:#000}
.container03 .title h5{ color:#929292}

.container03 .moban_about{margin:1.5rem 0 6rem;}
.container03 .moban_about p{color:#666;text-align:center;font-sizE:16px; line-height:30px; width:96%; margin:0 auto;}

.container03 ul{ font-size:0; text-align:center; margin:0 -6%; position:relative}
.container03 ul:before{ content:""; position:absolute; top:3.75rem; height:1px; left:15%; right:15%; background:#737373; transition:2s ease}
.container03 ul.target:before{ left:50%; right:50%; opacity:0}
.container03 ul.target.action:before{ left:15%; right:15%; opacity:1; transition-delay:0.9s}
.container03 ul li{display:inline-block;width:16.666666%;padding:0 5.5rem;position:relative;vertical-align: top;}
.container03 ul li a{ display:block; position:relative}
.container03 ul li .icon{display:inline-block;width:10rem;height:10rem;line-height:calc(10rem - 2px);text-align:center;border:#bbb 1px dashed;border-radius:50%;background:#fff;position:relative;overflow:hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container03 ul li .icon img{ position:relative; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container03 ul li .icon:before{content:"";position:absolute;left:50%;top:50%;width:0;height:0;background: #f2f2f2;transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;border-radius:50%;}
.container03 ul li .con{ transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container03 ul li .con h5{ font-size:16px; color:#333; margin:1.5rem 0 1rem;}
.container03 ul li .con p{ font-size:14px; color:#9c9c9c; line-height:24px; height:48px;}



.about_yize-more{display: block; background: url(../images/more-icon2.png) no-repeat 109px center; width: 160px; height: 42px; border: solid 1px #999; padding-left: 30px; font-size: 16px; line-height: 42px;  color: #333; transition: 0.6s; margin:4rem auto 0;}
.about_yize-more:hover{background: url(../images/more-icon1.png) no-repeat 109px center #fff; color: #003eaf;} 







.container03 ul li .dt-arrow {position: absolute;bottom: -6rem;left: 50%;margin-left: -18px; opacity:0; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.dt-arrow { position: relative; width: 37px; height: 44px; }
.dt-arrow:before { content: ""; position: absolute; left: 18px; top: 0; bottom: 0; width: 1px; background: #a0a0a0; }
.dt-arrow .aico{position: absolute;left: 0;top: 0;width: 100%;height: 19px;animation: hide-dt 3s infinite;}
.aico{ background:url(../images/top_scoll.png) center no-repeat; }
@keyframes hide-dt{
    0%{ opacity: 1; transform: translateY(0); }
    100%{ opacity: 0; transform: translateY(-150%); }
}



@media(min-width: 768px){

    .container03 ul li a:hover .icon{transform: scale(1.15);}
    .container03 ul li a:hover .con{  transform:translateY(1rem);}
    .container03 ul li a:hover .icon:before{ top:0; left:0; width:100%; height:100%; }
    .container03 ul li a:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
    @keyframes jello {
        from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
        22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
        33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
        44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
        55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
        66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
        77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
        88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
    }
    
    .container03 ul li a:hover .dt-arrow{ opacity:1}
  
}



@media(max-width: 768px){
    header{ height:90px;}
    
   
    .container03{padding: 5rem 0 3rem;}
    .container03 .title{ margin-bottom:3rem}
    .container03 ul:before{ display:none}
    .container03 ul{ margin:0}
    .container03 ul li{padding: 0 5%;width: 33.3%;margin-bottom: 2rem;}
    .container03 ul li .con p{height:auto;font-size: 12px;}
    }



@media screen and (min-width: 1200px)
.layui-container {
}
@media screen and (min-width: 992px)
.layui-container {
}
@media screen and (min-width: 768px)
.layui-container {
}
.layui-container {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 1400px;
}











/* index产品中心 */
.container05{ padding:5rem 0 5.25rem; background:#f2f2f2 url(../images/about_bg_bottom.png) right bottom no-repeat; }

.container05 .miso_hd ul{ text-align:center; margin-bottom:2.75rem}
.container05 .miso_hd ul li{ width:auto !important; display:inline-block; float:none; padding:0 7px; cursor:pointer;margin-bottom:10px;}
.container05 .miso_hd ul li a{ display:block; height:36px; line-height:36px; border:rgba(0,0,0, 0.2) 1px solid; /* border-radius:27.5px; */ font-size:16px; color:#666; padding:0 2.5rem; 
transition:0.6s; position:relative; overflow:hidden; }
.container05 .miso_hd ul li a:after{ content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; width:0; transition:0.6s; /* border-radius:27.5px; */ z-index:1}
.container05 .miso_hd ul li a span{ position:relative; z-index:2; transition:0.6s;}

/* .container05 .miso_hd ul li.miso-current a{ border:#0c71b7 1px solid} */
.container05 .miso_hd ul li.miso-current a:after{ background:#ff9600; left:-1px; width:calc(100% + 6px)}
.container05 .miso_hd ul li.miso-current a span{ color:#fff}

.container05 .miso_bd ul li a:hover .top{ transform:translateY(0); background:rgba(0,0,0,0.5)}
.container05 .miso_bd ul{ font-size:0}
.container05 .miso_bd ul li{ display:inline-block; width:25%; padding:0 8px; margin-bottom:13px; }
.container05 .miso_bd ul li a{ position:relative; display:block; overflow:hidden;/*  border-radius:4px;*/ /* border:1px solid #fff; */ }
.container05 .miso_bd ul li .img{ overflow:hidden; }
.container05 .miso_bd ul li .img .img_hezi{ padding-bottom:75% !important;}
.container05 .miso_bd ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; width:100%; height:100% }
.container05 .miso_bd ul li a .top{ position:absolute; top:0; right:0; bottom:0; left:0; transform:translateY(100%); transition:0.6s}
.container05 .miso_bd ul li a .top h5{ font-size:1.8rem; line-height:2.75rem; color:#fff; margin-bottom:0.375rem}
.container05 .miso_bd ul li a .top h4 svg{ fill:#fff; font-size:3.2rem;}


@media(max-width: 768px){

	
	.container05 .miso_bd ul li a:hover .top{ transform:translateY(0); background:rgba(0,0,0,0.5)}
	.container05{ padding:3rem 0}
	.container05 .miso_hd ul li{width:20% !important;padding: 0 2px;}
	.container05 .miso_hd ul li a{ padding:0; font-size:12px;}
	
	.container05 .miso_bd ul{ margin:0 -5px;}
	.container05 .miso_bd ul li{ width:50%; padding:0 5px}
	
	
}
























/*!搜索列表 end*/
}
@media only screen and (max-width:767px){

.ul-list1 .inner{padding:0 10px}
.fd-copy{padding:10px;font-size:12px;line-height:22px}
.m-txtg1{font-size:14px;line-height:24px;padding:0 12px}
.m-txtg1 br{display:none}
.ul-lkg1 a{margin:0}
.ul-list1{margin:30px 12px 0;}
.ul-list1 li{float:left;width:100%;margin-bottom:10px}

}









/* 案例列表内页 */
.row-case{padding-bottom:17px;overflow:hidden; margin-top:70px;}

.row-case .wp{width: 100%;max-width: 1200px; margin: 0 auto;}
.case-list{margin:0 -27.5px;overflow:hidden}
.case-list li{margin-bottom:30px;float:left;width:33.33%}
.case-list .con{margin:0 18px;display:block;overflow:hidden}
.case-list .pic{padding-top:67.4%;position:relative;overflow:hidden}
.case-list .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.case-list .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(12,113,183,.7);opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';z-index:2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.case-list .mask .moreCase{padding-top:64px;position:absolute;left:0;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;color:#fff;text-align:center;background:url(../images/custom-anniu1.png) center top no-repeat}
.case-list .inner{padding:20px 0;overflow:hidden}
.case-list .inner h4{margin-bottom:12px;padding:14px 0;font-size:18px;color:#333;border-bottom:1px solid #eaeaea;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.case-list .inner .en{font-size:14px;color:#333;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.case-list .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.case-list .con:hover .mask{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}
.case-list .con:hover .inner h4{color:#013e97;border-color:#013e97}



@media only screen and (max-width:959px){

.case-list{margin:0 -10px}
.case-list li{margin-bottom:30px}
.case-list .con{margin:0 10px}
}
@media only screen and (max-width:767px){

.case-list li{float:none;width:auto;margin-bottom:15px}
.case-list .inner{padding:15px 0}
.case-list .inner h4{margin-bottom:8px;padding:8px 0;font-size:16px}
}



/* 产品内页 */
.proimg{width:48%; float:left;}
.entry-summary{float:right;width:48%;}

@media only screen and (max-width:959px){

.proimg{float:none;width:100%;}

.entry-summary{float:none;width:100%;}
}
@media only screen and (max-width:767px){

.proimg{float:none;width:100%;}
.entry-summary{float:none;width:100%;}

}




.row-index03{background-position:center center;background-repeat:no-repeat;background-size:cover}
.row-index03 .desc{text-align:center;font-size:18px;color:#666;text-align:center;line-height:2;margin-top:38px}

.m-index-swiper3{overflow:hidden;margin-top:69px}
.ul-tab-swiper{float:left;width:370px;margin-right:80px}
.swiper-pic-r-con{overflow:hidden}
.swiper-pics{margin:0 -20px;position:relative}
.swiper-pics .pic{position:relative;padding-top:70%;/* overflow:hidden */}
.swiper-pics .pic img{position:absolute;top:0;left:0;display:block;width:100%;/* height:100%; */-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.swiper-pics .pic:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.swiper-pics .swiper-slide{padding:0 20px;position:relative}
.swiper-pics .swiper-slide .txt{position:absolute;bottom:0px;left:46px;right:46px;opacity:0;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;  }
.swiper-pics .swiper-slide .txt h3{border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:-15px;margin-bottom:-13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swiper-pics .swiper-slide:hover .txt{opacity:1}
.swiper-pics .swiper-slide .txt h3 a{color:#fff;font-size:18px}
.swiper-pics .swiper-slide .txt p{font-size:14px;color:#c8c8c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.swiper-pics .prev-next4{position:absolute;bottom:-170px;right:100px;overflow:hidden}
.swiper-pics .prev-next4 div{float:right;margin:0 20px}
.swiper-pics .prev-next4 div:hover{cursor:pointer}
.swiper-pics .prev-next4 .swiper-button-next4{width:28px;height:28px;background:url(../images/zp12.png) center center no-repeat}
.swiper-pics .prev-next4 .swiper-button-next4:hover{background-image:url(../images/zp12h.png)}
.swiper-pics .prev-next4 .swiper-button-prev4{width:28px;height:28px;background:url(../images/zp13.png) center center no-repeat}
.swiper-pics .prev-next4 .swiper-button-prev4:hover{background-image:url(../images/zp13h.png)}
.swiper-pics .swiper-scrollbar{background:0 0}
.swiper-pics .swiper-scrollbar-wrap{position:absolute;width:100%;bottom:-122px!important;left:0!important;height:30px;line-height:30px;background:url(../images/zp15.png) left center no-repeat;padding:0 30px}
.swiper-pics .swiper-scrollbar .swiper-scrollbar-drag{height:30px;border-radius:50%;background:url(../images/zp14.png) center center no-repeat}
.swiper-pagination-pics{position:absolute;bottom:-160px;left:50px;width:120px;overflow:hidden;height:30px;line-height:30px}
.swiper-pagination-pics div:first-child{float:left}
.swiper-pagination-pics div:last-child{float:right}
.swiper-pagination-pics em{position:absolute;height:2px;top:50%;margin-top:-1px;left:25px;right:25px;background:#eee}
.swiper-pagination-pics em i{position:absolute;top:0;left:0;height:100%;background:#004098;width:0}
.swiper-pagination-pics em i.on{width:100%;-ms-transition:3s;-moz-transition:3s;-webkit-transition:3s;-o-transition:3s;transition:3s}
.ul-tab-swiper li{text-align:right;margin-bottom:48px}
.ul-tab-swiper li a{font-size:18px;color:#666;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-tab-swiper li a span{display:inline-block;width:150px;text-align:left;position:relative}
.ul-tab-swiper li a span::after{position:absolute;width:15px;height:2px;background:#004098;top:50%;left:-20px;content:'';margin-top:-1px;display:none}
.ul-tab-swiper li.on a span::after{display:block}
.ul-tab-swiper li.on a{color:#004098;font-size:20px;font-weight:700}
.item-swiper{height:0;overflow:hidden}
.item-swiper.on{height:auto;padding-bottom:200px}
.row-index03{padding-top:86px;padding-bottom:40px;background-size:cover;background-position:center center;background-repeat:no-repeat}

@media only screen and (max-width:767px){

.ul-tab-swiper{float:none;width:auto;margin-right:0;overflow:hidden;height:40px}
.ul-tab-swiper li.on a span::after{display:none}
.ul-tab-swiper li.on a{font-size:14px}
.ul-tab-swiper li{float:left;width:25%}
.swiper-pics{margin:0 0}
.swiper-pics .swiper-slide{padding:0 0}
.ul-tab-swiper li{text-align:center}
.ul-tab-swiper li a span{width:auto}
.item-swiper.on{padding-bottom:90px}
.swiper-pics .swiper-scrollbar-wrap{bottom:-60px!important}
.swiper-pagination-pics{bottom:-96px;left:15px}
.swiper-pics .prev-next4{bottom:-96px;right:0}
.swiper-pics .swiper-slide .txt{bottom:5px;left:8px;right:8px}
.swiper-pics .swiper-slide .txt h3{padding-bottom:5px;margin-bottom:5px}
.swiper-pics .swiper-slide .txt h3 a{font-size:14px}
.swiper-pics .swiper-slide .txt p{font-size:12px}
.sweiper-index .swiper-slide .txt p{font-size:20px;margin-bottom:10px}
.sweiper-index .swiper-slide .txt span{font-size:14px}
.sweiper-index .swiper-slide .txt em{height:2px;margin-bottom:10px}




}











.footer{background:#222;padding-top:47px;position:relative;z-index:2; margin-top:3%;}
.footer .ft-logo{text-align:center;font-size:0;margin-bottom:38px}
.footer .ft-top{border-bottom:1px solid #313131;padding-bottom:33px}
.footer .ft-top .wp2{position:relative;height:100%}
.footer .ft-top .a-top{position:absolute;top:0;left:0;font-size:14px;color:#717171;padding-right:20px;background:url(../images/zp2.png) right center no-repeat}
.ul-ftnav{text-align:center;font-size:0}
.ul-ftnav li{display:inline-block;margin:0 40px}
.ul-ftnav li a{font-size:16px;color:#85888c;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.ul-ftnav li a:hover,.ul-ftnav li.on a{color:#c3c6c9}
.footer .ft-bom-info{overflow:hidden;padding:54px 0 33px}
.footer .ft-bom-info .qr{float:right;overflow:hidden}
.footer .ft-bom-info .qr .item{float:left;text-align:center;margin-left:25px; width:120px;} 
.footer .ft-bom-info .qr .item img{display:block;width:100%}
.footer .ft-bom-info .qr .item p{font-size:16px;color:#85888c;margin-top:7px}
.footer .ft-bom-info .ft-info{overflow:hidden}
.footer .ft-bom-info .ft-info .item{overflow:hidden;/* margin-bottom:14px */}
.footer .ft-bom-info .ft-info p{background-repeat:no-repeat;padding-left:22px;background-position:left center;color:#85888c; margin:.6rem;}
.footer .ft-bom-info .ft-info p a{color:#85888c}
.footer .ft-bom-info .ft-info .item:nth-child(2) p{float:left;margin-right:55px}
.sweiper-index{height:calc(100vh - 100px);position:relative}
.wp2{width:100%;max-width:1200px;margin:0 auto}


@media only screen and (max-width:1199px){
.footer .ft-top{padding:0 15px 20px}
.footer{padding-top:30px}
.ul-ftnav li{margin:0 25px}
.footer .ft-bom-info{padding:25px 0;padding-top:0}
}
@media only screen and (max-width:959px){

	footer .ft-logo{display:none}
.ul-ftnav{display:none}
.footer .ft-top{border:none;padding:0}
.footer .ft-bom-info .qr{float:none;width:auto;text-align:center;margin-bottom:15px}
.footer .ft-bom-info .qr .item{float:none;display:inline-block;margin:0 15px}
.footer .ft-top .a-top{display:none}
}