@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.w1500{ max-width:14rem; margin:0 auto;}
.w1400{ max-width:1400px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}
.pd100{ padding-top:100px; padding-bottom:100px;}


.header{ transition:all .3s;  width:100%; padding:0 50px; position:absolute; top:0; left:0; z-index: 100;}
.header.open{ background:#fff;}
.header.open .nav li a{ padding:17px 0; color: #333 !important;}
.header .logo img{ height:35px;}
.header .logo { margin-right:155px;}

.header .nav li{ margin-right:40px;}
.header .nav li a{ color:#666; font-size:14px; transition:all .3s; padding:27px 0; position:relative; display:inline-block;}
.header .nav li a:after{ content:""; transition:all .3s; display:block; width:0; left:0; height:1px; background:#ee7b3d; bottom:0; position:absolute;}
.header .nav li.on>a:after,.header .nav li:hover>a:after{ width:100%;}
.hedri span{ font-family:smB; font-size:14px; color:#666666; display:inline-block; margin-right:20px;}
.hedri a{ padding:0 34px; line-height:32px; color:#fff; font-size:14px; background:#ee7b3d; display:inline-block; border-radius:100px;}



.header.transy{
	transform: translateY(-100%);
	}
.header.fixed {
position: fixed;
 z-index:100
}
.header.fixed.show {
transform: translateY(0);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
background: white;
}



        

.banner{ padding-top:90px;}
.banner .banri{ padding:35px 0 65px; width:37%;}
.banner .banri img{ width:98%; height:auto;}
.banle{ width:60%;}
.banner b{ font-family:Impact; font-size:80px; color:#000000; display:block;text-transform:uppercase; line-height:1.3;}
.banner p{ max-width:520px; margin-top:30px; margin-bottom:40px; font-size:15px; color:#666666;}
a.learnmore{ font-size:14px; font-family:smL; color:#333333; text-transform:uppercase; padding:1px; border:1px solid #666666; border-radius:100px; display:inline-block; padding-left:20px;}
a.learnmore i{ transition:all .3s; display:inline-block; height:41px; width:41px; line-height:41px; color:#fff; border-radius:100%; margin-left:30px; background:#ee7b3d; text-align:center; font-style:normal;}
a.learnmore:hover i{ margin-left:40px;}
a.learnmore:hover{ color:#ee7b3d}



.indexviede{ padding:10px;}
.indexviede li{ width:33.111%; border-radius:10px; overflow:hidden; position:relative; cursor:pointer; transition:all .3s;}
.indexviede li a>img{ width:100%; height:100%; object-fit:cover;}
.indexviede li i { position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px;}
.indexviede li i img{ width:auto; height:auto;}
.indexviede li:hover{ transform:translateY(-5px);}

 .description {
            color: #7f8c8d;
            font-size: 1.1rem;
            max-width: 800px;
            margin: 0 auto;
        }
 .content {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }
        
        .video-card {
            background: white;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .video-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
        }
        
        .video-thumbnail {
            height: 180px;
            width: 100%;
            background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 4rem;
        }
        
        .video-info {
            padding: 20px;
        }
        
        .video-title {
            font-size: 1.3rem;
            margin-bottom: 10px;
            color: #2c3e50;
        }
        
        .video-description {
            color: #7f8c8d;
            font-size: 0.95rem;
            margin-bottom: 15px;
        }
        
        .play-button {
            display: inline-block;
            background: #3498db;
            color: white;
            padding: 10px 20px;
            border-radius: 6px;
            text-decoration: none;
            font-weight: 600;
            transition: background 0.3s ease;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }
        
        .play-button:hover {
            background: #2980b9;
        }
        
        /* 视频弹窗样式 */
        .video-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        
        .modal-backdrop {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }
        
        .modal-container {
            position: relative;
            z-index: 1001;
            width: 100%;
            max-width: 1000px;
            background: rgba(30, 30, 36, 0.95);
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
            animation: modalFadeIn 0.4s ease-out;
        }
        
        @keyframes modalFadeIn {
            from {
                opacity: 0;
                transform: translateY(30px) scale(0.95);
            }
            to {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }
        
        .modal-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 25px;
            background: rgba(20, 20, 26, 0.9);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .modal-title {
            color: white;
            font-size: 1.5rem;
            font-weight: 600;
        }
        
        .close-button {
            background: rgba(255, 255, 255, 0.1);
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            color: white;
            font-size: 12px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.3s ease;
        }
        
        .close-button:hover {
            background: rgba(255, 255, 255, 0.2);
        }
        
        .video-wrapper {
            width: 100%;
            padding: 20px;
            display: flex;
            justify-content: center;
        }
        
        .modal-video {
            width: 100%;
            max-width: 960px;
            height: auto;
            max-height: 70vh;
            border-radius: 8px;
            outline: none;
            background: #000;
        }
        
        .instructions {
            background: white;
            border-radius: 10px;
            padding: 25px;
            margin-top: 30px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
        }
        
        .instructions h2 {
            color: #2c3e50;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        
        .instructions ul {
            padding-left: 20px;
            margin-bottom: 20px;
        }
        
        .instructions li {
            margin-bottom: 8px;
            color: #555;
        }
        
        .code-block {
            background: #f8f9fa;
            border-left: 4px solid #3498db;
            padding: 15px;
            border-radius: 4px;
            font-family: 'Courier New', monospace;
            overflow-x: auto;
            margin-top: 15px;
        }
        
        footer {
            text-align: center;
            margin-top: 40px;
            padding-top: 20px;
            border-top: 1px solid #e1e5eb;
            color: #7f8c8d;
            font-size: 0.9rem;
        }
        
        @media (max-width: 768px) {
            .content {
                grid-template-columns: 1fr;
            }
            
            .modal-container {
                margin: 10px;
            }
            
            .modal-video {
                max-height: 50vh;
            }
            
            h1 {
                font-size: 2rem;
            }
        }


.main01{ background:#f9f9f9;}
.indextitle{ margin-bottom:65px;}
.indextitle b{ line-height:78px; font-family:smL; color:#333; font-size:50px;}
.indextitle b em{ background:#ee7b3d; display:inline-block; color:#fff; font-style:normal; padding:0 10px;}
.main1le{ width:500px;}
.main1ri{ width:calc(100% - 550px); max-width:840px;}
.main1txt{ margin-bottom:90px; font-size:16px; color:#666; line-height:1.8;}

.main1rili{ display:none;}
.main1le li{ cursor:pointer; border:1px solid #eee; border-radius:100px; padding:0 30px; margin-top:30px; background-position:center; background-size:cover;}
.main1le li i{ line-height:80px; display:inline-block; font-family:msH; font-size:20px; color:#999999; font-style:normal; width:50px;}
.main1le li.on b{ color:#000;}
.main1le li.on i{ color:#ee7b3d;}
.main1le li.on{ border:none; background-image:url(../images/index_32.png);}
.main1le li b{ width:calc(100% - 75px); color:#999999; font-weight:normal; font-size:20px; line-height:1.5}
.main1le li em{ width:25px; display:block; height:80px; background-image:url(../images/index_37.png); background-position:center; background-repeat:no-repeat;}
.main1le li.on em{ background-image:url(../images/index_37-2.png);}
.main1rili li{ height:320px; margin-bottom:2%; border:1px solid #eeeeee; width:49%; border-radius:25px; overflow:hidden; position:relative; background-image:url(../images/banjs.jpg); background-size:cover; background-position:center; background-repeat:no-repeat;}
.main1rili li img{ margin:0 auto; display:block; position:absolute; max-width:90%; max-height:90%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.main1rili li .txt{ background:rgba(238,123,61,0); color:#fff; padding:20px; transition:all .3s; display:flex;     align-items: center; text-align:center; font-size:28px; font-family:smB; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; line-height:1.5}
.main1rili li:hover .txt{background:rgba(238,123,61,.8); opacity:1;}
.main1rili li:hover { border:none;}


.main2 li{ width:24%; margin:0.5%; position:relative; overflow:hidden; border-radius:25px; height: 370px; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }
.main2 li img{ width:100%; height:100%; object-fit:cover;}
.main2 li a{ display:block; width:100%; height: 100%;}
.main2 li:after{ content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.6); z-index:2;}
.main2 li .lititle{ font-size:18px; height:85px; transition:all .3s; width:100%;  display:flex;  align-items: center; text-align:center; color:#fff; position:absolute; left:0; bottom:0;justify-content:center; z-index:3; font-family:smB}
.main2 li:hover .lititle{ font-size:28px; height:100%; background:rgba(238,123,61,.8)}
.main2 ul{    justify-content: flex-start;}



.main3{ background:#f9f9f9;}
.main3 i{ font-style:normal;}
.main3-01{ border:2px solid #ee7b3d; border-radius:25px; background-image:url(../images/index_60.png); background-size:cover; background-position:center; background-repeat:no-repeat; padding:50px 20px; margin-bottom:110px;}
.main3-01 li{ width:33.33%; text-align:center;}
.main3-01 li span{ font-size:16px; display:block; color:#666666;}
.main3-01 li b{ font-size:45px;  line-height:1; position:relative; display:inline-block;}
.main3-01 li sup{ font-size:20px; }

.main3le{ width:50%;}
.main3le span{ display:block; font-size:50px; font-family:smL; line-height:1; color:#333; margin-bottom:10px;}
.main3le b{ display:block; color:#000;  font-size:50px; font-family:smB; line-height:1;}
.main3ri{ width:50%; max-width:590px; color:#666666; font-size:16px;}
.main3ri strong{ color:#333;}
.main3bot{ margin-bottom:50px;}

.main3 img{ max-width:100%; margin:0 auto;}
.main4 .swiper-slide{ height:460px; background:#eeeeee; border-radius:25px; padding:45px;}

.main4top .img{ height:145px;  width:260px; overflow:hidden; border-radius:15px;}
.main4top .txt{ width:calc(100% - 290px);}
.main4top .txt span{ color:#ee7b3d; font-size:16px; display:block; font-family:smB; margin-bottom:10px;}
.main4top .txt b a{ font-size:24px; font-family:smB; color:#333; line-height:1.5;}
.main4 .intro{ margin-top:25px; font-size:16px; color:#666666;}

.main4  .swiper-slide {
            position: relative;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.5s ease;
            opacity: 0.4;
        }
        
.main4  .swiper-slide-active {
            opacity: 1;
            z-index: 10;
        }
	.prevnexct{ text-align:center;}
	.prevnexct .swiper-button-next,.prevnexct .swiper-button-prev{ transition:all .3s; position:static; display:inline-block; width:60px; height:60px; border-radius:100%; color:#333333; opacity:0.8; background-image:url(../images/index_73.png); background-position:center; background-repeat:no-repeat; border:2px solid #333; background-size:auto 19px; margin:0 10px; margin-top:50px;}
	.prevnexct .swiper-button-prev{background-image:url(../images/index_70.png);}
	.prevnexct .swiper-button-next:after,.prevnexct  .swiper-button-prev:after{ display:none;}
	
        .prevnexct .swiper-button-next:hover,.prevnexct .swiper-button-prev:hover{ opacity:1;}
		
		.footer{ background:#f9f9f9; padding:80px 0;}
		.fotle{ width:320px;}
		.fotle img{ height:50px; margin-bottom:30px;}
		.fotle p{ color:#333333; font-size:16px; margin-bottom:10px;}
		.fotri{ max-width:calc(100% - 350px);}
		.fotri li{ margin-left:90px;}
		.fotri li b a{ font-size:20px; font-family:smB; color:#333333; display:block; margin-bottom:25px;}
		.fotri li>a{ font-size:17px; color:#666666; display:block;}
		.fotri li a:hover{ color:#ee7b3d}
		
		.fotbot .w1400{ padding-top:20px; padding-bottom:20px; border-top:1px solid #e5e5e5;}
		.fotbot li a{ display:block; height:30px;}
		.fotbot li{ margin-left:17px; transition:all .3s; opacity:0.37;}
		.fotbot li:hover{ opacity:1;}
		.fotbot { font-size:16px; color:#999;background:#f9f9f9;}
		.fotbot i{ color:#201b1b; height:30px; width:30px; border:1px solid #201b1b; border-radius:100%; text-align:center; display:inline-block; line-height:28px; position:relative;}
		.fotbot i img{ display:block;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

.linkshejiao a{ cursor:pointer; margin-left:10px; display:inline-block; transition:all .3s; opacity:0.37;height:30px;}
.linkshejiao a:hover{ opacity:1;}
.linkshejiao a i{color:#201b1b; height:30px; width:30px; border:1px solid #201b1b; border-radius:100%; text-align:center; display:inline-block; line-height:28px; position:relative;}
.linkshejiao a i img{display:block;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

.banner_ny{ background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.banner_ny img{ width:100%;}
.bannertxt{ padding-top:1.9rem; width:100%; height:100%; position:absolute; left:0; top:0;}
.bannertxt .w1400{ position:relative; height:100%;}
.bannertxt b{ font-family:Impact; font-size:100px; display:block; line-height:1; position:absolute; bottom:1.2rem; left:0;}
.position,.position a{ font-size:16px; color:#3b3b41;}
.position a:first-child{ color:#ee7b3d}


.prolist_nav{ margin-top:90px;}
.prolist_nav .flex{    justify-content: flex-start;}
.prolist_nav li a{ font-size:16px; color:#666666; display:block; border-radius:100px; border:1px solid #898989; transition:all .3s; height:70px; line-height:70px; padding:0 45px; margin:0 5px;}
.prolist_nav li.on a,.prolist_nav li:hover a{ background:#ee7b3d; border:1px solid #ee7b3d; color:#fff;}

.caselists{ margin-top:65px;}
.caselists li{ width:49%; margin-bottom:20px;}
.caselists li .img{ border-radius:25px;}
.caselists li .txt{ font-size:18px; color:#333333; display:flex; width:100%; height:75px; padding:10px;align-items: center; text-align:center;    justify-content: center;}

.pagest{ margin-top:55px; margin-bottom:1.5rem;}
.pagest .flex{  justify-content: center;}
.pagest li{ margin:0 10px;}
.pagest li a{ font-size:20px; color:#999999;}
.pagest li.active a{ color:#000}
.pagest li a:hover{ color:#000}


.banner_ny2{ background-position:right center; background-repeat:no-repeat; background-size:cover; height:350px; padding-top:185px;}
.case_view01{ padding-top:100px;}
.case_view01 .w1400{ border-bottom:1px solid #eeeeee;padding-bottom:55px;}

.case_v_le,.case_v_ri{ width:45%;}
.case_v_le p{font-size:16px; color:#ee7b3d; font-family:smB; margin-bottom:25px;}
.case_v_le h1{ font-size:40px; color:#3b3b41; font-family:smB; display:block; line-height:1.3;}
.case_v_ri{ text-align:right; font-size:16px; color:#333333;}
.linkshejiao{    justify-content: flex-end; margin-top:20px;}


.case_view02{ margin-top:60px; padding-bottom:60px;}
.case_view02 ,.case_view02 p{ font-size:16px; color:#333333;line-height:2;}
.case_view02 img{ max-width:100%; display:block; margin:0 auto; }

.case_view02 .body{ border-bottom:1px solid #eeeeee; padding-bottom:60px; margin-bottom:60px;}
.prev_next{ margin-bottom:150px;}
.prev_next span{ display:block; font-family:smL; font-size:16px;}
.prev_next a{ font-family:smB; color:#333333; font-size:18px; display:block;}
.pre_le,.pre_ri{ max-width:48%;}
.pre_ri{ text-align:right;}
.prev_next a:hover{ color:#ee7b3d}

.tuijianle,.tuijianri{ width:49.5%;}
.tuijianle{ height:350px;}


.tuijianpro{ margin-top:100px;}
.tuijianri li{ height:169px;}
.tuijianri li:first-child{ margin-bottom:14px;}
.tuijianpro .imgtj{ height:100%; width:100%; border-radius:20px; position:relative;}
.tuijianpro .titless{ background-image:url(../images/pro_list_08.png); background-size:100% 100%; background-repeat:no-repeat; position:absolute; bottom:0; left:0; width:100%; padding:25px 35px 25px;}
.tuijianpro .titless span{ font-family:smH; font-size:14px; color:#ee7b3d;}
.tuijianpro .titless b{ font-size:18px; color:#fff;}

.prolists li{ overflow:hidden; width:31.3%; margin:1%; border:1px solid #eeeeee; border-radius:25px; padding-bottom:80px; position:relative;}
.prolists ul{justify-content: flex-start;}
.prolists li .img{ height:345px; position:relative;}
.prolists li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:90%; max-height:90%;}
.prolists li .txt2{ position:absolute; width:100%; height:80px; bottom:0; left:0;display: flex
;
    align-items: center;    justify-content: center;}
	.prolists li .txt2 b{line-height:1.4;  text-align:center; font-size:16px; color:#999999; padding:10px;}
.prolists li .txt{ position:absolute; opacity:0; left:0; bottom:0; width:100%; height:100%; transition:all .3s; background:rgba(238,123,61,.8);}
.prolists{ margin-top:55px;}
.prolists li:hover .txt{ opacity:1;}

.prolists li .txt b{ line-height:1.4; height:calc(100% - 80px);display:flex;text-align:center;justify-content: center; color:#fff; font-size:28px; padding:20px; font-family:smB; align-items: center;}
.prolists li .txt  i{ position:absolute; bottom:0; left:0; height:80px; background:#ef8045; width:100%; border-top-left-radius:15px; border-top-right-radius:15px; color:#fff; font-style:normal; line-height:80px; text-align:center;}


.banner_prony{ padding-top:180px;}
.banimg img{ height:430px; margin:0 auto; display:block;}
.banimg .swiper-container{ max-width:700px; margin:0 auto; position:relative; z-index:2;}
.title_pro{ text-align:center; position:absolute; z-index:1; width:100%; text-align:center; font-size:90px; font-family:smH; line-height:1; text-transform:uppercase; top:25%; color:#ececec;}
.banimg{ position:relative;}
.title_pro img{ position:absolute; left:0; bottom:0; width:100%; height:100%;}

.banner_prony .swiper-button-next,.banner_prony  .swiper-button-prev{ color:#eeeeee;}
.pro_intro{ text-align:center; color:#000; font-size:14px; padding:40px 0;}


.canshule{ width:305px; border:1px solid #e5e5e5; border-right:none; text-align:center;justify-content: center; align-items:center; display:flex; padding:20px;}
.canshule b{ font-family:smH; font-size:20px;}
.canshuri{ width:calc(100% - 305px);}
.canshuri ul{ height:100%; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.canshuri li{ width:33.33%; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:20px 30px;}
.canshu{ margin-bottom:50px;}
.canshuri li span{ display:block; font-size:14px; color:#999999; margin-bottom:10px;}
.canshuri li b{ font-size:18px; color:#333333;}


.tujiimg li{ width:32.3%; border-radius:20px; overflow:hidden;}
.tujiimg { margin-bottom:50px;}

.view_tab span{ font-size:16px; color:#666666; display:inline-block; cursor:pointer; border-radius:100px; border:1px solid #898989; transition:all .3s; height:50px; line-height:50px; padding:0 45px; margin:0 5px;}
.view_tab span.on{ background:#ee7b3d; border:1px solid #ee7b3d; color:#fff;}
.view_tab{ margin-bottom:50px;}
.cptapli{ display:none;}
.cptapli p,.cptapli{ font-size:16px; color:#333}
.cptapli img{ max-width:100%; display:block; margin:0 auto;}
.chanpintap{ margin-bottom:150px;}

.zhezhaotxt{ height:100%; width:100%;    align-items: flex-end;display: flex;flex-wrap: wrap;}
.solutionlist li{ position:relative; margin-bottom:40px; border-radius:25px ; overflow:hidden; color:#fff; }

.solutionlist li .zhezhao{ border-radius:25px; height:auto; width:560px; float:right; z-index:2;    background-color: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);padding:50px 60px;}
.solutionlist li img{ width:100%; height:100%; object-fit:cover; position:absolute; left:0; top:0;}
.solutionlist li .learnmore{ border:1px solid #fff; color:#fff;}
.txt_a{ width:100%;}
.zhezhaotxt b{ font-size:40px; color:#fff; font-family:smH; line-height:1.3; margin-bottom:30px; min-height:155px;}

.fangan01 ul{ margin-top:100px;}
.fangan01 ul li{ width:32.33%; border:1px solid #e5e5e5; border-radius:25px; padding:40px;}
.fangan01 ul li img{ display:block; margin-bottom:70px; height:50px; display:block;}
.fangan01 ul li b{ font-family:smB; color:#333; font-size:20px; display:block; line-height:1.3; margin-bottom:15px;}
.fangan01 ul li p{ font-size:14px; color:#999999;}

.fangan01le,.fangan01ri{ width:45%; max-width:590px;}
.fangan01le h1{ font-family:smH; font-size:40px; color:#333333; line-height:1.3; margin-bottom:35px;}
.fangan01le .inttros{ font-size:16px; color:#666666;}

.fangan01ri,.fangan01ri p{ font-size:18px; color:#666666; line-height:2;}


.fangan02{ background:#f9f9f9;}
.fa02le{ width:60%; line-height:2;}
.fa02le,.fa02le p{ font-size:18px; color:#666; line-height:2;}
.fa02le strong{ color:#333;}
.fa02ri{ width:35%;}
.fa02ri img{ max-width:100%; margin:0 auto; display:block;}

.xgal b{ font-family:smH; color:#333333; font-size:40px;}


.bannertxt b span{ height:64px; width:64px; border-radius:100%; border:1px solid #333; display:inline-block; position:relative; cursor:pointer;}
.bannertxt b img{ height:25px; width:auto; margin:0 auto; display:block;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}

.about01 ul{ margin-top:55px;}
.about01 ul li{ width:24%; border:1px solid #e5e5e5; border-radius:25px; padding:40px;}
.about01 ul li img{ display:block; margin-bottom:70px; height:50px; display:block;}
.about01 ul li b{ font-family:smB; color:#333; font-size:20px; display:block; line-height:1.3; margin-bottom:15px;}
.about01 ul li p{ font-size:14px; color:#999999;}

.aboutit{ font-size:40px; color:#3b3b41; font-family:smB; display:block; margin-bottom:50px; line-height:1;}
.about01txt,.about01txt p{ font-size:16px;  color:#666666; line-height:1.8;}

.about02{ background-color:#f8fafd;}
.about02 .about02le b{font-size:40px; color:#3b3b41; font-family:smB; display:block; margin-bottom:20px; line-height:1;}
.about02 p{ font-size:16px;  color:#666666; line-height:1.8; height:120px; overflow:auto;}

.gallery-thumbs{ height:400px; font-size:60px;}
.about02le{ width:50%;}
.about02ri{ width:50%; max-width:200px;}
.gallery-thumbs .swiper-slide{ opacity:.1;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ opacity:1;}
.about02le .imglist{ padding-top:45px; border-top:1px solid #eee;}
.about02le .imglist li{ width:32.33%; border-radius:15px; overflow:hidden;}
.about02le .imglist li img{ width:100%;}

.about03 li{ transition:all .3s; width:23%; margin:1%; border:1px solid #eeeeee; border-radius:20px; overflow:hidden;}
.about03 li img{ width:100%; height:100%; object-fit:cover;}
.about03 li:hover{ transform:translateY(-5px); box-shadow: 0 0 15px rgba(0,0,0,.1)}
.abouttitle span{ display:block; color:#333; font-size:50px; font-family:smL;line-height:1; margin-bottom:15px;}
.abouttitle b{ font-family:smH; font-size:50px; line-height:1;}
.abouttitle{ margin-bottom:50px;}

.banner_tech{ padding-top:185px; padding-bottom:50px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner_tech  .position{ margin-bottom:65px;}
.techban>b{ line-height:1.3; font-family:Impact; font-size:80px; color:#000; margin-bottom:20px;}
.techban>p{ font-size:16px; color:#333333; max-width:770px; margin-bottom:60px;}
.techban li{ transition:all .3s; width:24%; border-radius:25px; overflow:hidden; padding:30px; background-image:url(../images/tec-01_03.png); background-repeat:repeat-x; background-size:auto 100%;}
.techban li img{ height:35px; margin-bottom:20px;}
.techban li b{ font-family:smB; font-size:18px; line-height:1.3; margin-bottom:14px; display:block;}
.techban li p{ font-size:16px; color:#333333;}
.techban li:hover{ background-image:url(../images/tec-01_05.png);}

.tech01box .abouttitle{ width:50%;}
.tech01box .tech01ri{ width:45%; text-align:right; font-size:16px; color:#333; line-height:1.8;}

.tech01  img{ width:100%;}

.tech02{ background-image:url(../images/techbac2_03.jpg); background-repeat:repeat-x; background-size:auto 100%}

.tec02le{ width:46%;}
.tec02ri{ width:50%;}
.tec02ri li{ height:169px;}
.tec02ri li:first-child{ margin-bottom:14px;}
.tec02ri .imgtj{ overflow:hidden; height:100%; width:100%; border-radius:20px; position:relative;}
.tec02ri .titless{ background-image:url(../images/pro_list_08.png); background-size:100% 100%; background-repeat:no-repeat; position:absolute; bottom:0; left:0; width:100%; padding:25px 35px 25px;}
.tec02ri .titless span{ font-family:smH; font-size:14px; color:#ee7b3d;}
.tec02ri .titless b{ font-size:18px; color:#fff;}
.tec02ri .imgtj img{ width:100%; height:100%; object-fit:cover;}


.tec02le .abouttitle{ margin-bottom:20px;}
.intros_rec{ margin-bottom:80px;}
.intros_rec , .intros_rec p{ font-size:16px; color:#666666;}

.channelpro { padding-top:80px; margin-top:80px; border-top:1px solid #eeeeee; width:100%;}
.channelpro li{ width:24%; border:1px solid #eeeeee; border-radius:20px; overflow:hidden; padding:30px; text-align:center; background:#fff; transition:all .3s;}
.channelpro li .img{ height:220px; width:100%; position:relative;}
.channelpro li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.channelpro li  b{ font-size:14px; color:#666666; font-weight:normal;}


.tech03 .abouttitle b,.tech03 .abouttitle span{ font-size:40px;}
.tech01box .tech01ri,.tech01box .tech01ri p{ color:#666}

.tech03,.tech04{ background-image:url(../images/techbac2_03.jpg); background-repeat:repeat-x; background-size:auto 100%;}
.why li{ width:32.33%; height:490px; overflow:hidden; position:relative; border-radius:20px; transition:all .3s; }
.why li img{ width:100%; height:100%; object-fit:cover;}
.why li .txt{ position:absolute; padding:30px 35px; bottom:0; left:0; background-image:url(../images/pro_list_08.png); background-size:100% 100%; background-repeat:no-repeat; color:#fff;}
.why li .txt b{ font-family:smH; font-size:20px; display:block;}
.why li .txt p{ font-size:16px; color:#fff;}
.why li:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.1)}


.why2 li img{ width:100%;}
.why2 li{ width:32.33%; margin-top:25px; border:1px solid #f2f2f2; border-radius:20px; overflow:hidden; transition:all .3s;}
.why2 li .txt{ padding:30px;}
.why2 li b{ font-size:20px; font-family:smH; color:#333;}
.why2 li:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.1)}
.why2 li p{ font-size:16px; color:#666666;}

.future{ padding:75px; background:#f4f4f4; border-radius:25px; margin-top:90px; background-position:right center; background-repeat:no-repeat;}
.future .txct{ max-width:700px;}
.future .txct b{ font-family:smB; font-size:40px; color:#000;}
.future .txct p{ font-size:16px; color:#000000; margin-bottom:25px;}
 

.channelpro li:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.1)}

.contact01{ margin-top:-180px; background:#fff; padding:60px 90px; position:relative; z-index:1;}
.contact01 li{ width:31%; border:1px solid #eeeeee; padding:25px 30px;}
.contact01 li img{ height:25px; display:block; margin-bottom:20px;}
.contact01 li b{ font-size:16px; color:#333;}
.contact01 li span{ font-size:14px; color:#999999; display:block;}

.contactban img{ width:100%;}
.contact01 ul{ margin-bottom:80px;}
.forms input{ width:48%; border:none; border-bottom:1px solid #eee; height:55px; line-height:55px; font-size:14px; color:#999999; margin-bottom:35px;}
.forms button{ transition:all .3s; cursor:pointer; padding:0 40px; height:48px; color:#fff; background:#ee7b3d; font-size:12px; border-radius:100px;}
.forms button img{ margin-left:15px;}
.forms button:hover{transform:translateY(-5px); -webkit-transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.1)}

	 .prolist_nav li { margin-bottom:10px;}
	 
	 .common-clumb {
	font-size: 0;
	padding-top: 20px;
	overflow: hidden;
}
.common-clumb .clumb-box {
	width: auto;
}
.common-clumb a {
	display: inline-block;
	vertical-align: top;
 *display: inline;
 *zoom: 1;
	color: #999999;
	font-size: 14px;
	text-align: center;
	padding: 5px 10px;
	width: auto;
	position: relative;
	-webkit-transition: all ease .5s;
	-o-transition: all ease .5s;
	-moz-transition: all ease .5s;
	transition: all ease .5s;
}
.common-clumb a:hover, .common-clumb a.cur {
	color: #ffffff;
}
.common-clumb a:hover:before, .common-clumb a.cur:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.common-clumb a:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #ee7b3d;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

    .common-clumb-box .sub-btn {
        width: 44px;
        height: 38px;
        cursor: pointer;
        position: absolute;
        z-index: 3;
        top: 110%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0;
    }
	    .common-clumb-box .sub-btn.sub-prev {
        left: 0;
    }
	.common-clumb-box {
    position: relative;
}

.fanganzong .bannertxt b{ color: #fff;}
.fanganzong .position,.fanganzong  .position a{ color: #fff;}
.fanganzong .position a:first-child{    color: #ee7b3d;}
.fanganzong .header .nav li a{ color: #fff;}
.fanganzong .hedri span{ color: #fff;}

.txt_a  a{  color: #fff;}

.fanganzong .header.show .nav li a,.fanganzong .header.show .hedri span{ color: #333 !important;}

.common-clumb-box .swiper-button-next:after,.common-clumb-box .swiper-button-prev:after{ font-size:20px; color:#ee7b3d;}

.contactban{ height:650px; background-size:cover; background-position:center; background-repeat:no-repeat; padding-top:190px;}


.prevnexct .swiper-button-next:hover{background-image: url(../images/index_73w.png);    border: 2px solid #ee7b3d;}
.prevnexct .swiper-button-prev:hover{background-image: url(../images/index_70w.png);    border: 2px solid #ee7b3d;}






@media screen and (max-width:1500px){
	 .w1400{ max-width:1200px;}
	 
	}
@media screen and (max-width:1280px){
	 .w1400,.header{ padding-left:40px; padding-right:40px;}
	 .header .logo{ margin-right:50px;}
	 .header .nav li{ margin-right:25px;}
	 .banner b,.abouttitle b,.abouttitle span,.techban>b{ font-size:40px;}
	 .pd100{ padding:60px 0;}
	 .prolist_nav{ margin-top:60px;}
	 .case_view01{ padding-top:60px;}
	 .indextitle b{ font-size:30px;}
	 .caselists{ margin-top:40px;}
	 .indextitle b{ line-height:58px;}
	 .indextitle b img{ height:58px;}
	 .indextitle{ margin-bottom:45px;}
	 .main1txt{ font-size:14px;}
	 .main4top .txt b a{ font-size:18px;}
	 .main4top .img{ width:40%;}
	 .main4top .txt{ width:55%;}
	 .main4 .intro{ font-size:14px;}
	 .fotri li>a{ font-size:14px;}
	 .main3le b,.main3le span{ font-size:40px;}
	 .main1rili li .txt{ font-size:20px;}
	 .bannertxt b{ left:40px;}
	 .bannertxt b{ font-size:80px;}
	 .prolists li .img{ height:6rem;}
	 .tuijianpro{ margin-top:60px;}
	 .canshuri li b{ font-size:14px;}
	}

@media screen and (max-width:992px){
		.hedri a{ padding:0 15px;}
		.header .logo{ margin-right:20px;}
		.hedri span{ margin-right:10px; display:none;}
	 .header .nav li{ margin-right:15px;}
	 .main1le{ width:45%;}
	 .main1ri{ width:50%;}
	 .main1txt{ margin-bottom:40px;}
	 .main1le li b{ font-size:16px;}
	 .fotri li{ margin-left:30px;}
	 
	 .banner_ny2{ height:7rem; padding-top:3rem;}
	}
@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .w1400,.header{ padding-left:20px; padding-right:20px;}
	 .pc{ display:none;}
	 .main3-01 li{ width:30%}
	 .main3-01 li b{ font-size:22px;}
	 .main3-01{ margin-bottom:30px;}
	 .main3-01 li sup{ font-size:14px;}
	 .main3-01 li span{ font-size:14px; line-height:1.2;}
	 .main3-01{ padding:15px;}
	 .main4{ padding-left:20px !important; padding-right:20px !important;}
	 .fotri{ display:none;}
	 .banner .banri,
	 .banner .banle{ width:100%; max-width:100%;}
	 
	 .banner{ padding-top:20px; margin-bottom:20px;}
	 .banner b{ font-size:30px;}
	 .banner p{ font-size:16px; margin:15px 0;}
	 a.learnmore{ padding-left:15px; font-size:12px;}
	 a.learnmore i{ width:25px; height:25px; line-height:25px; margin-left:10px;}
	 a.learnmore:hover i{ margin-left:15px;}
	 .indexviede li{ width:100%; margin-bottom:15px;}
	 .pd100{ padding:30px 0;}
	 .indextitle b{ font-size:18px; line-height:40px;}
	 .indextitle b img{ height:40px;}
	 .indextitle b em{ padding:0 5px}
	 .main1le,.main1ri{ width:100%;}
	 .indextitle{ margin-bottom:25px;}
	 .main1le li i,.main1le li em{ height:50px; line-height:50px;}
	 .main1le li{ margin-top:5px; padding:0 15px;}
	 .main1le li i{ width:30px;}
	 .main1le li b{ font-size:12px;}
	 .main1rili li{ height:10rem;}
	 .main1ri{ margin-top:15px;}
	 .main1txt{ margin-bottom:20px;}
	 .main2 li{ width:48%;}
	 .main2 li .lititle{ font-size:14px; height:50px;}
	 .main2 li:hover .lititle{ font-size:16px;}
	 .main2 li{ height:9rem;}
	 .main1rili li .txt{ font-size:16px;}
	 .main3le,.main3ri{ width:100%;}
	 .main3le{ margin-bottom:15px;}
	 .main3le b, .main3le span{ font-size:22px;}
	 .main3ri{ font-size:14px;}
	 .main3bot{ margin-bottom:20px;}
	 .main4 .swiper-slide{ height:auto; padding:20px;}
	 .prevnexct .swiper-button-next, .prevnexct .swiper-button-prev{ margin-top:20px;}
	 .footer{ padding:30px 0; text-align:center;}
	 .footer img{ margin:0 auto; display:block;}
	 .fotle{ width:100%;}
	 .fotle p{ margin-top:10px; margin-bottom:0}
	 .fotbot p{ width:100%; text-align:center;}
	 .fotbot ul{ width:100%; margin-top:15px;    justify-content: center;}
	 .bannertxt b{ font-size:30px; left:20px;}
	 .prolist_nav li a{ font-size:14px; line-height:40px; height:auto; padding:0 15px;}
	 .position, .position a{ font-size:14px;}
	 .caselists li{ width:100%; margin-bottom:15px;}
	 .caselists li .txt{ font-size:14px;}
	 .prolist_nav{ margin-top:25px;}
	 .caselists{ margin-top:20px;}
	 .prolist_nav li{ width:auto; }
	 .prolist_nav li a{ line-height:1.3; text-align:center;padding:5px;}
	 .pagest{ margin-top:30px;}
	 .caselists li .txt{ height:auto;}
	 
	 .case_v_le, .case_v_ri{ width:100%; text-align:left;}
	 .case_v_le{ margin-bottom:15px;}
	 .case_view01{ padding-top:30px;}
	 .case_v_le h1{ font-size:22px;}
	 .case_v_ri{ font-size:14px;}
	 .case_v_le p{ font-size:14px; margin-bottom:15px;}
	 .case_view01 .w1400{ padding-bottom:25px;}
	 .case_view02{ margin-top:30px; padding-bottom:30px;}
	 .case_view02, .case_view02 p{ font-size:14px; line-height:2;}
	 .case_view02 .body{ padding-bottom:30px; margin-bottom:30px;}
	 .pre_le, .pre_ri{ width:100%; max-width:100%; text-align:left;}
	 .pre_ri{ margin-top:30px;}
	 .prev_next a{ font-size:14px; line-height:1.3;}
	 .prev_next span{ font-size:12px; margin-bottom:10px;}
	 .prev_next{ margin-bottom:50px;}
	 .tuijianpro{ display:none;}
	 
	 .prolists{ margin-top:30px;}
	 .prolists li{ width:48%; margin:1%;}
	 .prolists li .txt i{ font-size:14px;}
	 .prolists li .txt{ display:none;}
	 .prolists li .txt2 b{ padding:0}
	 .prolists li .img{ height:9rem;}
	 .banner_prony{ padding-top:30px;}
	 .title_pro{ font-size:40px;}
	 .banimg img{ height:12rem;}
	 .canshule{ width:100%; border:1px solid #eee;}
	 .canshuri{ width:100%;}
	 .tujiimg li{ width:100%; margin-bottom:10px;}
	 .view_tab span{ font-size:14px; padding:0 15px; line-height:40px; height:40px; margin:0; margin-right:5px; margin-bottom:5px;}
	 .canshu,.tujiimg{ margin-bottom:20px;}
	 .canshuri li{ width:50%; padding:10px;}
	 .canshuri li span{ margin-bottom:5px;}
	 .chanpintap{ margin-bottom:30px;}
	 .solutionlist li img{ position:static; width:100%;}
	 .solutionlist li .zhezhao{ width:100%; padding:15px; border-top-right-radius:0; border-top-left-radius:0}
	 .zhezhaotxt b{ font-size:16px; min-height:inherit; margin-bottom:15px;}
	 .solutionlist li img{ height:7rem;}
	 .solutionlist li{ margin-bottom:15px;}
	 .fangan01le, .fangan01ri{ width:100%; max-width:none;}
	 .fangan01le h1{ font-size:20px; margin-bottom:15px;}
	 .fangan01le .inttros{ font-size:14px; margin-bottom:20px;}
	 .fangan01 ul{ margin-top:30px;}
	 .fa02le, .fa02le p{ font-size:14px;}
	 .fa02le,.fa02ri{ width:100%;}
	 .xgal b{ font-size:22px;}
	 .fangan01 ul li,.about01 ul li{ padding:20px; width:100%; margin-bottom:15px;}
	 .fangan01 ul li b,.about01 ul li b{ font-size:16px;}
	 .fangan01 ul li img,.about01 ul li img{ margin-bottom:15px; height:30px;}
	 .fangan01ri, .fangan01ri p{ font-size:14px;}
	 .bannertxt b span{ width:30px; height:30px;        vertical-align: middle;}
	 .bannertxt b span img{ height:15px;}
	 .aboutit,.about02 .about02le b{ font-size:22px; margin-bottom:15px;}
	 .about01txt, .about01txt p{ font-size:14px;}
	 
	 .gallery-thumbs{ font-size:20px;}
	 .about02ri{ width:100%; max-width:none; margin-top:15px;}
	 .about02le{ width:100%;}
	 .about02 p{ font-size:14px; height:auto; margin-bottom:15px;}
	 .about02le .imglist{ padding-top:15px;}
	 .gallery-thumbs{ height:auto;}
	 .abouttitle span,.abouttitle b{ font-size:22px;}
	 .about02ri b{ display:block; text-align:center;}
	 .abouttitle{ margin-bottom:20px;}
	 
	 .about03 li{ border-radius:15px; width:48%;}
	 
	 .banner_tech{ padding-top:30px;}
	 .banner_tech .position{ margin-bottom:20px;}
	 .techban>p{ font-size:14px; margin-bottom:15px;}
	 .techban li{ width:48%; padding:15px;}
	 .techban li p{ font-size:14px;}
	 .techban li b{ font-size:15px;}
	 .techban li img{ height:30px; margin-bottom:10px;}
	 .tech01box .abouttitle{ width:100%;}
	 .tech01box .tech01ri{ text-align:left; width:100%; font-size:14px;}
	 .tech01 img{ margin-top:15px;}
	 .tec02le,.tec02ri{ width:100%;}
	 .intros_rec, .intros_rec p{ font-size:14px;}
	 .intros_rec{ margin-bottom:20px;}
	 .tec02ri{ margin-top:20px;}
	 .tec02ri .titless{ padding:15px;}
	 .tec02ri .titless b{ font-size:14px;}
	 .channelpro{ padding-top:30px; margin-top:30px;}
	 .channelpro li{ width:100%; margin-bottom:10px;}
	 .tech03 .abouttitle b, .tech03 .abouttitle span{ font-size:22px;}
	 .why li{ width:100%; height:15rem; margin-top:15px;}
	 .why li .txt{ padding:20px;}
	 .why2 li{ width:100%; margin-top:15px;}
	 .why2 li .txt{ padding:20px;}
	 .why li .txt p,.why2 li p{ font-size:14px;}
	 .why2 li b,.why li b,.why li .txt b{ font-size:16px;}
	 .future{ padding:30px; margin-top:30px;}
	 .future .txct b{ font-size:20px;}
	 .future .txct p{ font-size:14px;}
	 .future{ background-size:auto 50%;}
	 .contactban{ height:10rem; padding-top:4.5rem;}
	 .contact01{ margin:20px auto; padding:20px;}
	 .contact01 li{ width:100%; margin-bottom:15px;}
	 .contact01 ul{ margin-bottom:20px;}
	 .forms input{ width:100%; margin-bottom:10px;}
	}
	
@font-face
{
font-family: smB;
src: url('../fonts/MiSans-Bold.ttf'); /* IE9+ */
}

@font-face
{
font-family: smH;
src: url('../fonts/MiSans-Heavy.ttf'); /* IE9+ */
}
@font-face
{
font-family: smL;
src: url('../fonts/MiSans-Light.ttf'); /* IE9+ */
}
@font-face
{
font-family: smN;
src: url('../fonts/MiSans-Normal.ttf'); /* IE9+ */
}
@font-face
{
font-family:Impact;
src: url('../fonts/Impact.ttf') /* IE9+ */
}