@charset "utf-8";
.indexFlashD{height:auto !important; overflow:hidden; position:relative;}
.indexFlash{min-height:100px; position:relative;}
.indexFlash .slick{background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexFlash .wac{position:absolute; left:0px; top:0px;}


.indexFlash .wac img{width:100%;height:auto;}
.indexFlash dl{position:absolute; left:0px; top:50%;}
.indexFlash dd{position:relative; padding-bottom:30px; left:200px; opacity:0; filter:alpha(opacity=0);
transition:All 1s 0.5s ease;
-webkit-transition:All 1s 0.5s ease;
-moz-transition:All 1s 0.5s ease;
-o-transition:All 1s 0.5s ease;
}
.indexFlash .dd_02{
transition-delay: 1s;
-moz-transition-delay: 1s;
-webkit-transition-delay: 1s;
-o-transition-delay: 1s;	
}
.indexFlash .slick-1 dl{margin-top:-220px;}
.indexFlash .slick-2 dl{margin-top:-150px;}
.indexFlash .slick-3 dl{margin-top:65px;}
.indexFlash .slick-current dl dd{left:0px; opacity:1; filter:alpha(opacity=100);}
/**/
.indexFlash .slick-arrow{display:block; position:absolute; z-index:10; top:50%; width:153px; height:52px; background-position:center; background-repeat:no-repeat;}
.indexFlash .slick-prev{background-image:url(../zimages/prev.png); left:0px;}
.indexFlash .slick-prev:hover{background-image:url(../zimages/prevon.png);}
.indexFlash .slick-next{background-image:url(../zimages/next.png); right:0px;}
.indexFlash .slick-next:hover{background-image:url(../zimages/nexton.png);}
.indexFlash .slick-dots{position:absolute; z-index:10; left:50%; margin-left:-600px; bottom:40px;}
.indexFlash .slick-dots li{float:left; margin-right:15px; width:22px; height:22px; line-height:22px; text-align:center; color:rgba(255,255,255,0.5); background:rgba(0,0,0,0.7);
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
.indexFlash .slick-dots li i{display:block; position:absolute; top:0px; right:20px; width:0px; height:50%; border-bottom:#79c501 solid 1px;}
.indexFlash .slick-dots li.slick-active{position:relative; padding:0 95px 0 15px; color:#79c501; width:135px;}
.indexFlash .slick-dots li.slick-active i{width:70px;}

.indexPart1{padding:140px 0 130px 0; min-height:100px; position:relative;}
.indexPart1 .listBg{width:50%; position:relative; z-index:2;}
.indexPart1 .listBg div{margin-right:-100px; background:url(../zimages/20170919134631_89049.jpg) center no-repeat; background-size:cover; height:635px;}
.indexPart1 .list{position:absolute; z-index:10; left:0px; top:50%; margin-top:-65px; width:100%;}
.indexPart1 .list li{float:left; width:16.666%; font-size:24px; text-align:center; color:#FFF; min-height:50px; position:relative;}
.indexPart1 .list li div{width:3em;}
.indexPart1 .list li span{display:block; padding-top:3px;}
.indexPart1 .list i{display:block; position:absolute; left:80px; top:0px; height:40px; width:110px; border-bottom:rgba(255,255,255,0.5) solid 1px;}
.indexPart1 .layer{width:50%; position:absolute; z-index:10; top:-100px; right:0px; padding-right:60px;}
.indexPart1 .layer .bg{background:rgba(35,36,41,0.9); min-height:562px; padding:150px 130px 50px 150px;}
.indexPart1 .content{font-size:14px; line-height:27px; text-align:justify; padding:40px 0; color:#FFF;}
.indexPart1 .content b{font-size:16px; color:#6cb001; padding-right:15px;}
.indexPart1 .content span{font-size:16px;}
.indexPart1 .img{position:absolute; left:50%; width:50%; bottom:0px; text-align:center; padding:0 150px;}

.indexPart2{background:url(../zimages/indexPart2.jpg) center no-repeat; background-size:cover; min-height:500px; padding-top:100px; position:relative;}
.indexPart2 .h10{height:70px;}
.indexPart2 .line{position:absolute; top:50%; right:0px; width:15%; border-bottom:rgba(255,255,255,0.4) solid 1px;}
.indexPart2 .pageTitle{height:125px;}
.indexPart2 ul{margin-left:-20px; margin-right:-20px;}
.indexPart2 li{float:left; width:50%; padding:0 20px 30px 20px; position:relative; z-index:2;}
.indexPart2 li:nth-child(even){top:-125px;}
.indexPart2 .box{background:#000; min-height:50px; position:relative;}
.indexPart2 .imgDiv{width:100%; overflow:hidden; position:relative;}
.indexPart2 .imgDiv img{width:100%; opacity:0.6; filter:alpha(opacity=60);}
.indexPart2 .layer{position:absolute; left:3.5%; top:6%; width:93%; height:88%; border:rgba(255,255,255,0.3) solid 1px;}
.indexPart2 .layer i{display:block; width:50%; height:80px; position:absolute; left:0px; bottom:0px; border-right:rgba(255,255,255,0.3) solid 1px;}
.indexPart2 .name{position:absolute; left:0px; top:50%; margin-top:-30px; width:100%; text-align:center; color:#FFF; font-size:18px;}
.indexPart2 .name div{width:60px; height:60px; position:relative; margin:0 auto; top:-10px;}
.indexPart2 .name img{position:absolute; left:0px; top:0px; width:100%;}
.indexPart2 .name .img2{opacity:0; filter:alpha(opacity=0);}
.indexPart2 a{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.indexPart2 li.on .imgDiv img{opacity:1; filter:alpha(opacity=100);
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.indexPart2 li.on .layer, .indexPart2 li.on .layer i{border-color:#79c501;}
.indexPart2 li.on .name{color:#79c501;}
.indexPart2 li.on .name img{opacity:0; filter:alpha(opacity=0);}
.indexPart2 li.on .name .img2{opacity:1; filter:alpha(opacity=100);}
/**/
.indexPart2-1{background:none; padding-top:50px;}
.indexPart2-1 li:nth-child(even){top:0px;}


.indexPart3{min-height:500px; position:relative; padding-bottom:100px;}
.indexPart3 .title{position:absolute; z-index:10; left:0px; top:95px; width:100%;}
.indexPart3 .imgBox{min-height:100px; position:relative;}
.indexPart3 .imgBox li{min-height:50px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; display:none;}
.indexPart3 .imgBox .box{position:relative; left:0px; top:0px; width:50%; overflow:hidden;}
.indexPart3 .imgBox .img{height:950px; background-position:center; background-repeat:no-repeat; background-size:cover;}
/**/
.indexPart3 .line{position:absolute; left:0px; top:60px; width:100%;}
.indexPart3 .line i{display:block; height:890px; border:rgba(255,255,255,0.2) solid 1px; border-bottom:0px;}
.indexPart3 .bar{width:60px; height:100%; position:absolute; z-index:20; left:50%; top:0px; margin-left:-30px;}
.indexPart3 .bar h2{writing-mode:tb-rl;background:#79c501;letter-spacing: 8px; position:absolute; left:50%; top:15%; margin-left:-45px; color:#FFF; text-align:center; font-size:20px; line-height:1.5em; padding:45px 10px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:25px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.indexPart3 .bar h2 i{display:block; width:50%; height:130px; border-left:#79c501 solid 1px; position:absolute; left:50%; top:100%;}
.indexPart3 .bar div{background:url(../zimages/img60.png) center no-repeat; width:100%; height:129px; position:absolute; left:0px; bottom:17%; cursor:pointer;}
.indexPart3 .bar b{display:block; width:6px; height:80px; background:#79c501; position:absolute; left:50%; margin-left:-3px; bottom:-50px;}

/**/
.indexPart3 .btnDiv{min-height:225px; border:#afafaf solid 1px; border-top:0px;}
.indexPart3 .btnDiv dd{float:left; width:25%;}
.indexPart3 .btnDiv dd a{display:block; height:225px; position:relative; font-size:16px; background:url(../zimages/nav.png) center 225px no-repeat; text-align:center;}
.indexPart3 .btnDiv dd div{height:152px; background-position:center 82px; background-repeat:no-repeat;}
.indexPart3 .btnDiv .dd_01 div{background-image:url(../zimages/img62_1.png);}
.indexPart3 .btnDiv .dd_02 div{background-image:url(../zimages/img62_2.png);}
.indexPart3 .btnDiv .dd_03 div{background-image:url(../zimages/img62_3.png);}
.indexPart3 .btnDiv .dd_04 div{background-image:url(../zimages/img62_4.png);}
.indexPart3 .btnDiv .dd_01 a:hover div, .indexPart3 .btnDiv .dd_01 a.on div{background-image:url(../zimages/img62_1on.png);}
.indexPart3 .btnDiv .dd_02 a:hover div, .indexPart3 .btnDiv .dd_02 a.on div{background-image:url(../zimages/img62_2on.png);}
.indexPart3 .btnDiv .dd_03 a:hover div, .indexPart3 .btnDiv .dd_03 a.on div{background-image:url(../zimages/img62_3on.png);}
.indexPart3 .btnDiv .dd_04 a:hover div, .indexPart3 .btnDiv .dd_04 a.on div{background-image:url(../zimages/img62_4on.png);}
.indexPart3 .btnDiv dd i{display:block; width:0%; height:2px; background:#79c501; position:absolute; left:50%; bottom:0px; margin-left:0px;}
.indexPart3 .btnDiv dd a:hover, .indexPart3 .btnDiv dd a.on{background-position:center 203px; color:#79c501;}
.indexPart3 .btnDiv dd a:hover i, .indexPart3 .btnDiv dd a.on i{width:70px; margin-left:-35px;}
.indexPart3 .btnDiv dt{float:left; width:25%; height:225px; position:relative; background:url(../zimages/img70.png) center no-repeat; text-align:center; padding-top:90px;}
.indexPart3 .btnDiv .pageMore a{opacity:0; filter:alpha(opacity=0);}
.indexPart3 .btnDiv .pageMore a:hover{opacity:1; filter:alpha(opacity=100);}


.indexPart4{width:100%; overflow-x:hidden; position:relative; padding-bottom:130px;}
.indexPart4 .imgDiv{width:50%;}
.indexPart4 .imgDiv div{margin-right:-100px; height:635px;}
.indexPart4 .layer{position:absolute; left:0px; top:0px; width:100%;}
.indexPart4 .wal{min-height:50px; position:relative;}
.indexPart4 .bg{background:url(../zimages/img1314.png) center right no-repeat; height:644px; width:1314px; overflow:hidden; position:absolute; right:-68px;}
.indexPart4 li{position:absolute; font-size:18px; color:#66a600;}
.indexPart4 li i{display:block; background:url(../zimages/img24.png) center no-repeat; width:24px; height:24px; position:absolute; left:0px; top:2px; margin-left:-30px;}
.indexPart4 .li_01{top:240px; left:1053px;}
.indexPart4 .li_02{top:272px; left:960px;}
.indexPart4 .li_03{top:293px; left:1072px;}
.indexPart4 .li_04{top:320px; left:972px;}
.indexPart4 .li_02 i, .indexPart4 .li_04 i{margin-left:40px;}
.indexPart4 .li_05{top:347px; left:793px;}
.indexPart4 .li_05 i{top:-26px; margin-left:0px; left:15px;}
/**/
.indexPart4 .li_03 .line{width:24px; height:24px; position:absolute; top:2px; left:0px; margin-left:-30px;}
.indexPart4 .li_03 .line div{background:url(../zimages/img1015.png) center no-repeat; width:1015px; height:332px; position:absolute; top:-295px; left:-830px;}
.indexPart4 .li_05 .line{width:24px; height:24px; position:absolute; top:-26px; left:15px;}
.indexPart4 .li_05 .line div{background:url(../zimages/img395_1.png) center no-repeat; width:395px; height:244px; position:absolute; top:-40px; left:-135px;}


.indexPart5 .slick a{display:block; padding:0 5px 10px 5px; text-align:center; opacity:0.5; filter:alpha(opacity=50);}
.indexPart5 .slick a:hover{opacity:1; filter:alpha(opacity=100);}
.indexPart5 .slick a:hover img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);	
}
.indexPart5 .slick-dots{padding-top:50px; height:115px;}
.indexPart5 .slick-dots li{display:block; float:left; width:50%; height:4px; border-top:#ccc solid 1px; position:relative;}
.indexPart5 .slick-dots li.slick-active{background:#66a600; border-color:#66a600; top:-2px;}


.service{font-size:14px; line-height:21px; text-align:justify; color:#666; padding:35px 0;}
.service p, .service .imgDiv{padding-bottom:35px;}

.contact{min-height:100px; background:url(../zimages/line2.png) center 75px no-repeat; padding-top:75px;}
.contact li{float:left; width:50%; max-width:420px; min-height:220px;}
.contact li:nth-child(even){float:right;}
.contact .name{font-size:18px; position:relative; height:70px; padding:30px 0 0 60px;}
.contact .name img{position:absolute; left:0px; top:0px;}
.contact p{font-size:14px; line-height:28px;color: #fcfcfc;}
.contact .h10{border-bottom:#999 dashed 1px;}

.contactForm .msg{min-height:165px; padding:62px 0 0 365px; position:relative;}
.contactForm .msg img{position:absolute; left:0px; top:48px; padding-right:20px; border-right:#bfbfbf solid 1px;}
.contactForm .msg div{font-size:14px; line-height:24px; color:#666;}
.contactForm .fl{width:50%; padding-right:50px;}
.contactForm .fr{width:50%;}
.contactForm li{padding-bottom:30px;}
.contactForm .input1{width:100%; border:#999 solid 1px; height:54px; line-height:53px; font-size:14px; padding:0 24px;}
.contactForm .input1:focus{border:#000 solid 1px; color:#000;}
.contactForm textarea.input1{height:222px; line-height:23px; padding:15px;}
.contactForm .btnDiv{clear:both; height:110px;}
.contactForm .btnDiv div{background:#79c501; width:186px; margin-left:auto;}
.contactForm .btnDiv input{width:100%; height:54px; color:#FFF; font-size:18px; cursor:pointer;}

.about_01{padding:75px 0 0 90px; min-height:200px; position:relative;}
.about_01 .img{position:absolute; z-index:10; left:0px; bottom:-78px; padding-top:282px; background:url(../zimages/img11.png) left top no-repeat;}
.about_01 .content{padding:25px 0 35px 0; font-size:14px; line-height:2em; text-align:justify; color:#666;}
.about_01 .content h2{padding-bottom:8px; color:#000;font-size:16px}
.about_01 .content b{font-size:16px; color:#6cb001; padding-right:15px;}
.about_01 .content span{font-size:16px;color:#333}
.about_02{background:url(../zimages/nimg1920_3.jpg) center top no-repeat; background-size:cover; min-height:200px; text-align:center; padding:95px 0;}

.advantage{padding:60px 0 0 0;}
.advantage li{clear:both;}
.advantage .fl{width:50%;}
.advantage .fr{width:50%;}
.advantage .box.fl{padding-right:55px;}
.advantage .box.fr{padding:0 20px 0 40px;}
.advantage .imgDiv.fr{padding-left:20px;}
.advantage .imgDiv.fl{padding-right:20px;}
.advantage .imgDiv img{width:100%;}
.advantage .name{font-size:18px; letter-spacing:1px; font-weight:bold; color:#666; padding-top:60px;}
.advantage .name b{font-family:Impact; font-size:38px; color:#6cb001; padding-right:38px; background:url(../zimages/img27.png) right bottom no-repeat; display:inline-block; margin-right:10px; line-height:0.8em; position:relative; top:3px;}
.advantage .content{font-size:14px; line-height:22px; color:#666; padding:30px 0 60px 0;}
.advantage li.li_01 .imgDiv{margin-top:-80px;}
/**/
.advantage .li_02{padding-top:60px;}
.advantage .name1{padding-top:20px;}
.advantage .name2{padding-top:0px;}
.advantage .li_03 .name{padding-top:90px;}
.advantage .li_03 .content{padding-bottom:30px;}

.Solution{padding-top:65px; margin-left:-20px; margin-right:-20px;}
.Solution li{float:left; width:50%; padding:0 20px 35px 20px; min-height:170px; position:relative; color:#666; text-align:center;}
.Solution .imgDiv{width:100%; overflow:hidden; position:relative; top:0px;}
.Solution .imgDiv img{width:100%;}
.Solution .name{padding:23px 0 33px 0; min-height:10px; position:relative; top:0px;}
.Solution .name i{display:block; width:34px; height:1px; background:#79c501; position:absolute; left:50%; bottom:18px; margin-left:-17px;}
.Solution .name a{display:block; font-size:16px; color:#666; height:1.2em; line-height:1.2em;}
.Solution p{font-size:14px; line-height:20px; height:40px; overflow:hidden; max-width:295px; margin:0 auto; padding:0 10px; position:relative; top:0px;}
.Solution .btn{height:45px; position:relative;}
.Solution a.more{display:block; text-transform:uppercase; font-size:16px; color:#79c501; border-bottom:#79c501 solid 1px; padding:0px; opacity:0; filter:alpha(opacity=0); position:absolute; left:0px; bottom:0px; width:100%;}
.Solution li.on .imgDiv{top:-30px;}
.Solution li.on .imgDiv img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);	
}
.Solution li.on .name{top:-30px;}
.Solution li.on .name i{bottom:5px;
    transform: rotate(90deg) ;
    -webkit-transform: rotate(90deg) ;
    -moz-transform: rotate(90deg) ;
    -o-transform: rotate(90deg) ;
    -ms-transform: rotate(90deg) ;	
}
.Solution li.on p{top:-6px;}
.Solution li.on a.more{opacity:1; filter:alpha(opacity=100); padding:15px 0 12px 0;}
/**/
.Solution2{margin-left:-30px; margin-right:-30px;}
.Solution2 li{width:50%; padding:0 30px 45px 30px;}
.Solution2 .name a{font-size:18px; letter-spacing:1px;}
.Solution2 .name i{height:2px; width:52px; margin-left:-26px;}
.Solution2 .btn{height:5px;}
.Solution2 li.on .name i{bottom:8px; width:30px; margin-left:-15px;}
.Solution2 li.on .imgDiv, .Solution2 li.on .name{top:-45px;}

.pageNum{clear:both; text-align:center; height:150px; padding-top:15px;}
.pageNum a{display:inline-block; width:38px; height:38px; line-height:36px; font-size:14px; border:#CCC solid 1px; color:#666; margin:0 3px;}
.pageNum a:hover, .pageNum a.on{background:#6cb001; border-color:#6cb001; color:#FFF;}

.SolutionShow{width:67.5%; padding:60px 0 50px 0;}
.SolutionShow table td{padding:5px;}
.SolutionShow .title{font-size:18px; color:#79c501; height:72px; padding:37px 0 0 40px; position:relative;}
.SolutionShow .title i{display:block; position:absolute; left:0px; top:0px; width:31px; height:55px; border-bottom:#79c501 solid 2px;}
.SolutionShow .content{font-size:14px; line-height:26px; text-align:justify; border-bottom:#999 dashed 1px; padding-bottom:30px; color:#666;}

.SolutionSide{width:32.5%; padding:60px 0 0 40px; color:#666;}
.SolutionSide .title{font-size:22px;}
.SolutionSide .msg{font-size:14px; line-height:21px; min-height:115px; padding:20px 0;}
.SolutionSide .back{padding-bottom:23px;}
.SolutionSide .back a{display:block; text-align:center; font-size:14px; text-transform:uppercase; color:#999; line-height:46px; border:#999 solid 1px;}
.SolutionSide .back a:hover{color:#79c501; border-color:#79c501;}
.SolutionSide .list{padding-top:20px; border-top:#999 solid 1px; width:100%; overflow:hidden; position:relative;}
.SolutionSide ul{margin-right:-12px;}
.SolutionSide li{float:left; width:50%; padding:0 12px 8px 0; text-align:center;}
.SolutionSide .imgDiv{position:relative; background:#000; width:100%; overflow:hidden;}
.SolutionSide .imgDiv img{opacity:0.5; filter:alpha(opacity=50); width:100%;}
.SolutionSide .imgDiv a{display:block; position:absolute; left:4%; top:6%; width:92%; height:88%; border:rgba(255,255,255,0.3) solid 1px; color:#FFF; font-size:14px;}
.SolutionSide .imgDiv i{display:block; position:absolute; left:0px; top:50%; width:100%; line-height:20px; margin-top:-10px; font-style:normal; opacity:0; filter:alpha(opacity=0);}
.SolutionSide .name a{display:block; font-size:14px; color:#666; height:37px; line-height:37px;}
.SolutionSide li.on .imgDiv i{opacity:1; filter:alpha(opacity=100);}
.SolutionSide li.on .name a{opacity:0; filter:alpha(opacity=0);}
.SolutionSide li.on .imgDiv img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);	
}

.news{padding-top:60px;}
.news li{min-height:300px; position:relative; padding:0 0 30px 630px;}
.news .time{position:absolute; left:0px; top:0px; text-align:center; font-size:14px; color:#999;}
.news .time div{font-size:58px; border-bottom:#999 solid 1px; line-height:0.8em; padding-bottom:12px; margin-bottom:8px;}
.news .imgDiv{position:absolute; left:97px; top:0px; width:503px; overflow:hidden;}
.news .imgDiv img{width:100%;}
.news .name{font-size:18px; min-height:20px; position:relative; padding:20px 0 35px 0;}
.news .name i{display:block; width:58px; height:1px; background:#999; position:absolute; left:0px; bottom:18px;}
.news .content{font-size:14px; line-height:25px; min-height:115px; padding-bottom:15px; color:#666;}
.news .content p{height:50px; overflow:hidden;}
.news .btn a{display:block; position:relative; width:208px; height:48px; line-height:46px; font-size:16px; text-transform:uppercase; color:#999; border:rgba(0,0,0,0) solid 1px;}
.news .btn i{display:block; position:absolute; left:0px; top:50%; width:100%; height:1px; background:rgba(0,0,0,0);}
.news li.on .time div, .news li.on .name a{color:#6cb001;}
.news li.on .btn a{border-color:#79c501; padding-left:58px;}
.news li.on .btn i{background:#c8c8c8; left:30px;}
.news li.on .imgDiv img{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);	
}
.news li.on .name i{bottom:-5px; background:#6cb001;
    transform: rotate(90deg) ;
    -webkit-transform: rotate(90deg) ;
    -moz-transform: rotate(90deg) ;
    -o-transform: rotate(90deg) ;
    -ms-transform: rotate(90deg) ;	
}
.news li.on .content{padding-top:40px;}

.newShow .title{text-align:center; padding-top:40px; font-size:18px;}
.newShow .time{font-size:14px; color:#999; max-width:307px; margin:0 auto; border-bottom:#999 solid 1px; padding:10px 0 20px 0; text-align:center;}
.newShow .content{padding:50px 0; text-align:justify; font-size:14px; line-height:1.85em; color:#666;}
.newShow .content .imgDiv{text-align:center; padding:40px 0;}

.pageBack{height:155px;}
.pageBack a{display:block; width:180px; padding:20px 0; text-align:right; margin-left:auto; font-size:14px; color:#999; text-transform:uppercase; border-top:#999 solid 1px;}
.pageBack a:hover{color:#79c501;}















.inner_about{}
.about li{overflow:hidden}
.about li a{display:block}
.iabout_fl{width:50%}
.about_fls{overflow:hidden;position:relative}
.about_fls_img{overflow:hidden}
.about_fls_img img{display:block;max-width:100%;height:auto;margin-left:auto;margin-right:auto;transition:.5s}
.about_fls_txt{position:absolute;top:40px;font-size:30px;color:#000}
.about_fls_txt span{text-transform:uppercase;border-bottom:1px solid #334b68;font-family:"Arial";padding-bottom:5px;margin-bottom:5px;display:inline-block}
.about_fls_txt p{display:block}
.about li:nth-child(odd) .iabout_fl{float:left}
.about li:nth-child(odd) .iabout_fl .about_fls_txt{right:50px}
.about li:nth-child(odd) .iabout_fr{float:right}
.about li:nth-child(even) .iabout_fl{float:right}
.about li:nth-child(even) .iabout_fl .about_fls_txt{left:50px}
.about li:nth-child(even) .iabout_fr{float:left}
.about li:nth-child(odd) .iabout_fr .about_frs_2{float:right}
.iabout_fr{width:50%;background-color:#f6f6f6}
.about_frs{padding:4%;overflow:hidden}
.about_frs_1{line-height:30px;color:#515151;font-size:14px;height:270px;overflow:hidden}
.about_frs_2{margin-top:30px;color:#515151;font-size:14px;line-height:34px;border:1px solid #c1c1c1;text-align:center;width:102px}
.about li a:hover .iabout_fl img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05)}
.about li a:hover .about_frs_2{color:#002a5c;border:1px solid #002a5c}
.honor{margin:40px 0px 47px 0px;overflow:hidden}
.about_title{text-align:center}
.about_title h3{font-size:30px;color:#000;font-weight:normal;background:url("../images/title.jpg") no-repeat bottom center;padding-bottom:12px;margin-bottom:12px}
.about_title p{font-size:18px;color:#7d7d7d;text-transform:uppercase}



/*banner*/
.home-banner {
    overflow:hidden;
    width:100%;
    margin: 5rem 0rem;
    position:relative;
}
.home-banner-slick {
    overflow:hidden
}
.home-banner-slick .slick-slide {
    position:relative;
}
.home-banner-slick .slick-slide img {
    display: block;
    max-width:100%;
    margin: 0 auto;
    border:none;
}
.home-banner .slick-dots {
    z-index:10;
    bottom:10px;
    line-height:0;
    text-align:center;
}
.home-banner .slick-dots li {
    margin: 5px;
    padding:0;
    width: 12px;
    height: 12px;
}
.home-banner .slick-dots li button {
    background-color: rgba(0,42,92,0.5);
    width: 12px;
    height: 12px;
    border-radius: 25px;
    display:block;
}
.home-banner .slick-dots li button:before {
    content:"";
}
.home-banner .slick-dots .slick-active button {
    background-color: #002a5c;
}
.home-banner .slick-dots .slick-active button:before {
    color:transparent;
}
.home-banner .home-banner-slick .slick-slide .home-pc{
    display: block;
}
.home-banner .home-banner-slick .slick-slide .home-mobile{
    display: none;
}
.home-banner .home-banner-slick .slick-prev, .home-banner .home-banner-slick  .slick-next{
    width: 62px;
    height: 62px;
    top:50%;
    margin-top: -31px;
    z-index: 11;
}
.home-banner .home-banner-slick .slick-prev{
    left: 5%;
    background: url("../images/inleft.png") no-repeat left center;
}
.home-banner .home-banner-slick .slick-next{
    right: 5%;
    background: url("../images/inright.png") no-repeat right center;
}

.banner-info {
    position: absolute;
    top: 30%;
    width: 1200px;
    left:50%;
    color: #fff;
    z-index: 6;
    margin-left:-600px;
    text-align: center;
}
.banner-info .container1{
    width:100%;
}

.bt {
    font-size: 60px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color:#fff;
    font-weight:bold;
}
.jsh {
    font-size: 30px;
    margin-bottom: 30px;
    color:#fff;
}
.zx{
    margin: 0 auto;
    text-align: center;
    display: none;
}
.zx a{
    display: block;
    width: 214px;
    margin: 0 auto;
    line-height: 45px;
    border: 1px solid #fff;
    background-color: rgba(255,255,255,0.2);
    text-align: center;
    font-size: 16px;
    color: #fff;
    transition: .5s;
}
.zx a:hover{
    background-color: rgba(0,42,92,0.5);
    border: 1px solid #002a5c;
}

.home-banner .home-banner-slick .slick-active .bt {
    -webkit-animation: 2s myfirst1 alternate;
    animation: 2s myfirst1 alternate;
    position: relative
}
.home-banner .home-banner-slick .slick-active .jsh {
    -webkit-animation: 2.5s myfirst2 alternate;
    animation: 2.5s myfirst2 alternate;
    position: relative
}

.home-banner .home-banner-slick .slick-active .zx{
    -webkit-animation: 3s myfirst3 alternate;
    animation: 3s myfirst3 alternate;
    position: relative
}

@-webkit-keyframes myfirst1 {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}
@keyframes myfirst1 {
    0% {
        top: -100px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}


@-webkit-keyframes myfirst2 {
    0% {
        left: -100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}
@keyframes myfirst2 {
    0% {
        left: -100px;
        opacity: 0
    }

    100% {
        left: 0;
        opacity: 1
    }
}

@-webkit-keyframes myfirst3 {
    0% {
        right: -100px;
        opacity: 0
    }

    100% {
        right: 0;
        opacity: 1
    }
}
@keyframes myfirst3 {
    0% {
        right: -100px;
        opacity: 0
    }

    100% {
        right: 0;
        opacity: 1
    }
}

.mouse-scroll {
    position: absolute;
    bottom: 55px;
    z-index: 5;
    left: 50%;
    animation: upmove 2s infinite;
    -webkit-animation: upmove 1.5s infinite;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.mouse-scroll a{
    display:block;
}
@keyframes upmove
{
    0%   {transform:translateY(0px);}
    50%  {transform:translateY(10px);}
    100% {transform:translateY(0px);}
}














.container{width:70%;height:auto;clear:both;margin:0 auto;position:relative;overflow:hidden;}



.tits{text-align:center;margin-bottom: 3%;}
.tits h1{font-size:40px;color:#000;}
.tits p{color:#d2d2d2;margin-top:0.5%;font-family:"1";font-size:18px;}

@media screen and (max-width:1440px) {
.tits h1{font-size:35px;}
.container{width:80%;}
}
@media screen and (max-width:1200px) {
.tits h1{font-size:30px;}
.container{width:85%;}
}
@media screen and (max-width:1024px) {
.tits h1{font-size:25px;}
.mores a{background-size:70%;font-size:14px;}
.container{width:90%;}
}
@media screen and (max-width:780px) {
.tits h1{font-size:20px;}
.tits p{font-size:14px;}
.container{width:95%;}
}
@media screen and (max-width:460px) {
.tits h1{font-size:18px;}
.container{width:98%;}
}





/*产品*/
.index01{width:100%;overflow:hidden;background:#fff;padding:3% 0;background-size: cover;background-attachment:fixed;}
.pro_c .category{overflow:hidden;}
.category .c1{text-align:center;overflow:hidden;}
.category .c1 a{font-size: 1.6rem;display:inline-block;text-decoration:none;color:#4b4b4b;border-right:1px solid #dcdcdc;padding:0 2%;margin-bottom:2%;}
.category .c1 a:last-child{border-right:none;}
.category .c1 a:hover{text-decoration:none; color:#1e9a9a;}
.category .c2{display:none;border: 4px #f3f6f9 solid;margin-bottom:1em;padding: 0.1em 0.6em;background-color: #fff;}
.category .c2 select{color: #000;font-size:14px;border: none; background: none;padding: 0.5em 0;width: 100%; outline: none; background-repeat: no-repeat;background-image: url(../images/index11.png);background-position: right center;appearance: none; -moz-appearance: none;-webkit-appearance: none;}
.pro_c .prolist{overflow:hidden;    padding:2% 0;}
.pro_c .prolist li{width:25%;float:left}
.pro_c .prolist li a{border: solid #ccc 1px;display:block;background:#fff;margin:0 3% 6% 3%;}
.pro_c .prolist .img{padding:2%;}
.pro_c .prolist li a:hover{box-shadow:5px 5px 20px #ccc;-webkit-box-shadow:5px 5px 20px #ccc;-moz-box-shadow:5px 5px 20px #ccc;-o-box-shadow:5px 5px 20px #ccc;}
.pro_c .prolist .title{text-align:center;line-height:2em;padding:2% 0;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;font-size: 1.6rem;}

@media screen and (max-width: 1024px) {
.pro_c .prolist li{width:50%}
}

@media screen and (max-width:500px) {
.category .c1{display:none;}
.category .c2{display:block;}

}





/*简介*/
.index02{width:100%;overflow:hidden;}
.index02 ul{width:100%;}
.index02 li{width:50%;float:left;position:relative}
.index02 li .pic{overflow:hidden}
.index02 li .about , .index02 li .contact{position:absolute;height:100%;width:100%;top: 0;left:0;right:0;transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index02 li img{transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;}
.index02 li:hover .tits img{transform:translateY(-50px);-webkit-transform:translateY(-50px);-o-transform:translateY(-50px);-moz-transform:translateY(-50px);opacity: 0;filter:Alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.index02 .tits h1{color:#fff;font-size:25px;margin:2% 0;}
.index02 li a.more{display:inline-block;border:1px solid #fff;color:#fff;border-radius:50px;padding:0.8% 6%;margin-top:8%;transform:translateY(50px);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-o-transform:translateY(50px);
transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;opacity: 0;filter:Alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0;}
.index02 li .cont{width:60%;margin:0 auto;text-align:center}
.index02 li:hover .cont a.more{opacity: 1;filter: alpha(opacity=100);-khtml-opacity:1;-moz-opacity: 1;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);}
.index02 li:hover .about , .index02 li:hover .contact{transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-o-transform:translateY(-40px);}
.index02 li:hover .pic img{transform:scale(1.2)}
.about .cont p{color:#fff;line-height:2em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

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

.index02 li .cont{width:85%;}
}
@media screen and (max-width:1200px) {
.index02 .tits h1{font-size:20px}
.about .cont p{    -webkit-line-clamp: 2;}
}

@media screen and (max-width:1024px) {
.index02 .tits h1{font-size:18px}
.index02 li .cont{width:95%;}
.about .cont p{    -webkit-line-clamp: 1;}
.index02 .tits img{    transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);}
}

@media screen and (max-width:780px) {
.about .cont p{    -webkit-line-clamp:2;}
.index02 li{width:100%;}
}

@media screen and (max-width:500px) {
.index02 li .cont p{display:none;}
}




/*简介*/
.hnews{width:100%;overflow:hidden;margin:0 auto;background:url(../zimages/hnews.jpg) no-repeat center top;background-size:cover;padding-bottom: 5rem;}
.news_c .category{overflow:hidden;margin:0 0 2% 0;text-align:right;}
.news_c .category a{display:inline-block;padding:0.5% 2%;text-decoration:none;font-size: 1.6rem;}
.news_c .category a:hover{background:#1e9a9a;color:#fff;text-decoration:none;}
.news_c .newlist{position:relative;}

#owl-demo .item{margin: 3px;}
#owl-demo .item{display:block;background:#fff;box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-webkit-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-moz-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-o-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);margin: 2%;}
#owl-demo .item .pic{overflow:hidden;}
#owl-demo .item .pic img{width:100%;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;}
#owl-demo .item:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
#owl-demo .item .des{padding:6% 4%;overflow:hidden;}
#owl-demo .item .des h3{font-weight:normal;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
#owl-demo .item .des .date{margin:2% 0;overflow:hidden;}
#owl-demo .item .des .date img{display:inline-block;float:left;}
#owl-demo .item .des .date span{display: inline-block;float: left;font-size: 13px;color: #9c9b9b;margin-left: 0.5em;line-height: 25px;}
#owl-demo .item .des p{font-size: 13px;color: #9c9b9b;line-height:1.8em;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#owl-demo .item .more{display:inline-block;padding:1% 6%;border:1px solid #d5d5d5;margin-top:6%;border-radius: 30px;}
#owl-demo .item .more span{color:#a9a9a9;font-family:"1";font-size:13px;background:url(../images/index08.png) no-repeat right center;padding-right: 1.2em;}
#owl-demo .item:hover .more{border:1px solid #1e9a9a;background:#1e9a9a}
#owl-demo .item:hover .more span{color:#fff;background:url(../zimages/index09.png) no-repeat right center;}




.hnews .owl-theme .owl-controls{margin-top: 50px;text-align: center;}

.hnews .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.hnews .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/}
.hnews .owl-theme .owl-controls .owl-page span{display: block;width: 40px;height: 4px;margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #666;}
.hnews .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#1e9a9a;}


.hnews .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.hnews .owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.hnews .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.hnews .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.hnews .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.hnews .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.hnews .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.hnews .owl-carousel .owl-item{float: left;}
.hnews .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.hnews .owl-theme .owl-controls .owl-buttons div{display:none !important;color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 0px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;width:35px;height:35px;}
.hnews .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../zimages/nl.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../zimages/nr.png) no-repeat center center;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.hnews .grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.hnews .owl-carousel .owl-wrapper,
.hnews .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}





@media screen and (max-width:600px) {
.newlist .swiper-button-next, .newlist .swiper-button-prev{background-size: 70%;}
.news_c .newlist .nn{width:80%;}
}








/**/
.ysbj{height: auto;overflow: hidden; background:#fff ;padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; float: left;clear: both;}
.ysbj h2{ height: 112px; }
.tit01{ font-size: 36px; color: #212121; text-align: center; font-weight: bold; }
.tit01 a{color: #212121; text-decoration: none; }
.tit01 p{ display: block;font-size: 20px; color: rgba(33,33,33,0.7);font-family:"Microsoft Yahei"; font-weight: normal; text-align: center; line-height: 32px;}

.ys{position: relative;height: auto;width:100%;margin-top: 5rem;}
.m_ys{width: 50%; float: left;}
.m_ys dl{width:100%;position: relative;overflow: hidden;}
.m_ys dl dt{width:100%;max-height: 479px;}
.m_ys dl dt img{width:100%;max-height:479px;display: block;}
.m_ys dl dd{padding: 0% 15%;width:100%;height: 100%; position: absolute;left:0;top:0;right:0;bottom: 0; z-index: 1;text-align: center;box-sizing: border-box;}
.m_ys dl dd h3{font-weight: normal;width: 100%;height:50px; text-align: center; position: relative;font-size: 24px; letter-spacing:1px;color: #fff; font-weight: bold;padding-top: 0px;margin:19.55% auto 30px;box-sizing: border-box; line-height: 50px;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.m_ys dl dd .desc{padding:0 21.5% 0;opacity: 0;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
.m_ys dl dd h4{ font-size:16px;font-weight: normal; color: #fff; display: block;margin-bottom: 25px; }
.m_ys dl dd p{font-size:15px; color:rgba(255,255,255,0.8);  line-height: 25px; position: relative;margin-bottom: 45px;}
.m_ys dl dd em{display: block;}
.m_ys dl:hover dd{background:rgba(34,154,154,0.8);}
.m_ys dl:hover dd h3{margin-top:8.75%;}
.m_ys dl:hover dd .desc{opacity: 1;}

@media screen and (max-width: 468px) {
.m_ys{width: 100%; float: left;} 
.m_ys dl dd h3{height:auto; font-size: 2.4rem; margin:16% auto 30px; line-height: 2px;}
.m_ys dl dd h4{ font-size: 1.6rem;  }
.m_ys dl dd .desc{padding:0 5%;}
.m_ys dl dd p{font-size:1.4rem }
.ysbj {padding-top: 20px;}  
  }
@media (min-width: 469px) and (max-width: 768px) {
.m_ys{width: 100%; float: left;} 
.m_ys dl dd h3{height:auto; font-size: 2.4rem; margin:16% auto 30px; line-height: 2px;}
.m_ys dl dd h4{ font-size: 1.6rem;  }
.m_ys dl dd .desc{padding:0 5%;}
.m_ys dl dd p{font-size:1.4rem }
   
  }
@media (min-width: 769px) and (max-width: 990px) {

.m_ys dl dd h3{height:auto; font-size: 2.4rem; margin:16% auto 30px; line-height: 2px;}
.m_ys dl dd h4{ font-size: 1.6rem;  }
.m_ys dl dd .desc{padding:0 5%;}
.m_ys dl dd p{font-size:1.4rem }
   
  }
@media (min-width: 991px) and (max-width:1080px) {

.m_ys dl dd h3{height:auto; font-size: 2.8rem; margin:16% auto 30px; line-height: 2px;}
.m_ys dl dd h4{ font-size: 1.8rem;  }
.m_ys dl dd .desc{padding:0 10%;}
.m_ys dl dd p{font-size:1.4rem }
.m_ys dl dd em{display: none;}
  }
@media (min-width: 1081px) and (max-width:1200px) {

.m_ys dl dd h3{height:auto; font-size: 3rem;  line-height: 2px;}
.m_ys dl dd h4{ font-size: 1.8rem;  }
.m_ys dl dd .desc{padding:0 10%;}
.m_ys dl dd p{font-size:1.4rem }
.m_ys dl dd em{display: none;}
  }
@media (min-width: 1201px) and (max-width:1440px) {

.m_ys dl dd h3{height:auto; font-size: 3.4rem;  line-height: 2px;}
.m_ys dl dd h4{ font-size: 2rem;  }
.m_ys dl dd .desc{padding:0 10%;}
.m_ys dl dd p{font-size:1.4rem }
  }




/*标题样式*/
.index_title_1{overflow: hidden;margin-bottom: 30px;}
.index_title_1 .l{ float: left; padding-left: 26px; position: relative;}
.index_title_1 .l::before{ content: ""; position: absolute; display: block; left: 0; height: 95px; width: 2px; background: url(../zimages/hongyu_1.png) no-repeat center; top: 18px;}
.index_title_1 .l h3{ font-weight: bold; color: #000; font-size: 36px; line-height: 1.8}
.index_title_1 .l h3 span{ font-size: 30px; color: #1e9a9a;font-family: "Impact"; padding-left: 30px; background: url(../zimages/hongyu_28.png) no-repeat left center; text-transform: uppercase;}
.index_title_1 .l p{ font-size: 14px; color: #666; line-height: 24px; width: 506px;}
.index_title_1 a{ display: block; width: 168px; height: 42px; border-radius: 21px; background: #fff url(../zimages/hongyu_2.png) no-repeat 115px center; float: right; line-height: 42px; color: #666; font-size: 16px; text-indent: 32px; margin-top: 30px;}
.index_title_1 a:hover{ background: #1e9a9a url(../zimages/hongyu_3.png) no-repeat 115px center; color: #fff;}
.index_title_1 em{ font-size: 18px; font-style: normal;}



.tit2{overflow: hidden;margin-bottom: 30px;}
.tit2 .l{ float: left;  position: relative;width:100%;text-align:center;}
.tit2 .l h3{ font-weight: bold; color: #000; font-size: 36px; line-height: 1.8}
.tit2 .l h3 span{ font-size: 30px; color: #1e9a9a;font-family: "Impact"; padding-left: 30px; background: url(../zimages/hongyu_28.png) no-repeat left center; text-transform: uppercase;}
.tit2 .l p{ font-size: 14px; color: #666; line-height: 24px; width: 100%;text-align:center;}
.tit2 a{ display: block; width: 168px; height: 42px; border-radius: 21px; background: #fff url(../zimages/hongyu_2.png) no-repeat 115px center; float: right; line-height: 42px; color: #666; font-size: 16px; text-indent: 32px; margin-top: 30px;}
.tit2 a:hover{ background: #1e9a9a url(../zimages/hongyu_3.png) no-repeat 115px center; color: #fff;}
.tit2 em{ font-size: 18px; font-style: normal;}


@media screen and (max-width: 468px) {
.index_title_1 .l h3{ font-size: 24px; }
.index_title_1 .l h3 span{ font-size: 18px; } 
.index_title_1 a{display:none;}

.tit2 .l h3{ font-size: 24px; }
.tit2 .l h3 span{ font-size: 18px; } 
.tit2 a{display:none;}

.news_c .category { text-align: center;}

.tit01{ font-size: 24px;  }
.tit01 p{ font-size: 14px;}
.ysbj h2 { height: auto;}

  }
@media (min-width: 469px) and (max-width: 768px) {

 .index_title_1 .l h3{ font-size: 24px; }
.index_title_1 .l h3 span{ font-size: 18px; } 
.index_title_1 a{display:none;}

.tit2 .l h3{ font-size: 24px; }
.tit2 .l h3 span{ font-size: 18px; } 
.tit2 a{display:none;}

.news_c .category { text-align: center;}

.tit01{ font-size: 24px;  }
.tit01 p{ font-size: 14px;}
.ysbj h2 { height: auto;}  
  }
@media (min-width: 769px) and (max-width: 990px) {

.index_title_1 .l h3{ font-size: 26px; }
.index_title_1 .l h3 span{ font-size: 20px; } 
.index_title_1 a{display:none;}
.tit2 .l h3{ font-size: 26px; }
.tit2 .l h3 span{ font-size: 20px; } 
.tit2 a{display:none;}
.news_c .category { text-align: center;}
.tit01{ font-size: 26px;  }
.tit01 p{ font-size: 14px;}
.ysbj h2 { height: auto;}
   
  }
@media (min-width: 991px) and (max-width:1080px) {

.index_title_1 .l h3{ font-size: 30px; }
.index_title_1 .l h3 span{ font-size: 24px; } 
.index_title_1 a{display:none;}
.tit2 .l h3{ font-size: 30px; }
.tit2 .l h3 span{ font-size: 24px; } 
.tit2 a{display:none;}
.news_c .category { text-align: center;}
.tit01{ font-size: 30px;  }
.tit01 p{ font-size: 14px;}
.ysbj h2 { height: auto;}

  }
@media (min-width: 1081px) and (max-width:1200px) {
.index_title_1 .l h3{ font-size: 34px; }
.index_title_1 .l h3 span{ font-size: 28px; } 
.index_title_1 a{display:none;}
.tit2 .l h3{ font-size: 34px; }
.tit2 .l h3 span{ font-size: 28px; } 
.tit2 a{display:none;}
.news_c .category { text-align: center;}
.tit01{ font-size: 34px;  }
.tit01 p{ font-size: 14px;}
.ysbj h2 { height: auto;}

  }
@media (min-width: 1201px) and (max-width:1440px) {

  }







/*案例*/
.caselist{width:100%;overflow:hidden;background:url(../zimages/eq.jpg) no-repeat bottom left;background-size:cover;padding:4% 0;background-size: cover;background-attachment:fixed;}
.case {width:100%;height:auto;}
.case ul li{width:31.333%;margin:1%;float:left;overflow:hidden;position:relative}
.case ul li .pic{width:100%;height:auto;overflow:hidden;}
.case ul li .pic img{width:100%;height:auto;}
.case ul li .info{background:#fff;overflow:hidden;padding:5%;width:100%;float:left}
.case ul li .info h1 a{font-size:2rem;color:#000;height:4rem;line-height:4rem;overflow:hidden}
.case ul li .info h2{font-size:1.4rem;color:#333;height:3rem;line-height:3rem;overflow:hidden}
.case ul li .info p{font-size:1.4rem;color:#666;height:6rem;line-height:2rem;overflow:hidden;}





#owl-demo6 .item{margin: 0% 1%;}
#owl-demo6 .item{display:block;box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-webkit-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-moz-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);-o-box-shadow:0px 0px 7px rgb(0 0 0 / 15%);margin: 2% 4%;}
#owl-demo6 .item .pic{-webkit-border-radius: 8px 8px 0px 0px;-moz-border-radius: 8px 8px 0px 0px;border-radius: 8px 8px 0px 0px;width:100%;heigh%:auto;overflow:hidden;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
#owl-demo6 .item .pic img{width:100%;height:auto;transform:scale(1.0);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
#owl-demo6 .item .info{background:#fff;overflow:hidden;padding:5%;width:100%;float:left}
#owl-demo6 .item .info h1 a{font-size:2rem;color:#000;height:4rem;line-height:4rem;overflow:hidden}
#owl-demo6 .item .info h2{font-size:1.4rem;color:#333;height:3rem;line-height:3rem;overflow:hidden}
#owl-demo6 .item .info p{font-size:1.4rem;color:#666;height:6rem;line-height:2rem;overflow:hidden;}
#owl-demo6 .item .img{-webkit-border-radius: 0px 0px 8px 8px;-moz-border-radius:  0px 0px 8px 8px;border-radius: 0px 0px 8px 8px;width:100%;height:auto;overflow:hidden;display:none;transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
#owl-demo6 .item .img img{width:100%;height:auto;transform:scale(1.0);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
#owl-demo6 .owl-item:nth-child(even) .img{display:block}
#owl-demo6 .owl-item:nth-child(even) .pic{display:none;}
#owl-demo6 .owl-item:hover .pic img{transform:scale(1.1);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}
#owl-demo6 .owl-item:nth-child(even):hover .img img{transform:scale(1.1);transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;}

#owl-demo6 .owl-item:hover .info h1 a{color:#1e9a9a}


.caselist .case .owl-theme .owl-controls{margin-top: 50px;text-align: center;}

.caselist .case .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.caselist .case .owl-theme .owl-controls .owl-page{display: none;zoom: 1;}
.caselist .case .owl-theme .owl-controls .owl-page span{display: block;width: 40px;height: 4px;margin: 5px 7px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #666;}
.caselist .case .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#1e9a9a;}


.caselist .case .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.caselist .case .owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
.caselist .case .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.caselist .case .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.caselist .case .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.caselist .case .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.caselist .case .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.caselist .case .owl-carousel .owl-item{float: left;}
.caselist .case .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.caselist .case .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/margin: 5px;padding: 3px 10px;font-size: 0px;-webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;width:45px;height:45px;}
.caselist .case .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../zimages/nl.png) no-repeat center center;}
.owl-theme .owl-controls .owl-buttons .owl-next{background:url(../zimages/nr.png) no-repeat center center;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.caselist .case .grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.caselist .case .owl-carousel .owl-wrapper,
.caselist .case  .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}











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

}

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


}











@media (max-width:468px){
.container {width:95%;overflow:hidden;margin:0 auto;position:relative;}



}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0;z-index:9999}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li a{color:#333}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../zimages/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../zimages/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../zimages/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../zimages/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../zimages/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../zimages/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../zimages/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../zimages/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../zimages/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../zimages/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../zimages/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../zimages/er.jpg);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{color:#fff;display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../zimages/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../zimages/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@media (max-width:990px){.side{display:none}
}







@media(max-width:768px){.slideBox{margin-top:20%}
}@media(max-width:425px){.slideBox{margin-top:12%}
}@media(max-width:375px){.slideBox{margin-top:14%}
}@media(max-width:320px){.slideBox{margin-top:17%}
}.slideBox{width:100%;height:auto;overflow:hidden;position:relative;margin-top:0%}
.slideBox .bd{width:100%;height:100%;z-index:0}
.slideBox .bd ul{margin:0;padding:0}
.slideBox .bd .neban{display:none}
.slideBox .bd ul li{zoom:1;vertical-align:middle;list-style:none}
.slideBox .bd ul img{max-width:100%;display:block}

.slideBox .bd ul li .firtxt{position:absolute;left:0%;top:0%;width:100%;overflow:hidden;}
.slideBox .bd ul li .firtxt img{max-width:100%;height:auto;}
.slideBox .bd ul li .b5{height:60px;width:64px;position:absolute;bottom:2rem;left:45%;}
.slideBox .bd ul li .b5 img{max-width:100%;height:auto;display:block;margin:0 auto;animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}
.slideBox .bd ul img{display:block}



@keyframes scaleDraw {  /*¶¨Òå¹Ø¼üÖ¡¡¢scaleDrewÊÇÐèÒª°ó¶¨µ½Ñ¡ÔñÆ÷µÄ¹Ø¼üÖ¡Ãû³Æ*/
            0%{
                transform: scale(1);  /*¿ªÊ¼ÎªÔ­Ê¼´óС*/
            }
            25%{
                transform: scale(1.3); /*·Å´ó1.1±¶*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.3);
            }
        }
    .ballon{
            -webkit-animation-name: scaleDraw; /*¹Ø¼üÖ¡Ãû³Æ*/
            -webkit-animation-timing-function: ease-in-out; /*¶¯»­µÄËÙ¶ÈÇúÏß*/
            -webkit-animation-iteration-count: infinite;  /*¶¯»­²¥·ÅµÄ´ÎÊý*/
            -webkit-animation-duration: 60s; /*¶¯»­Ëù»¨·ÑµÄʱ¼ä*/
        }





















.slideBox .prev{position:absolute;top:50%;left:0;display:block;width:45px;height:45px;background:url(../zimages/hl.png) top center no-repeat}
.slideBox .next{position:absolute;top:50%;right:0;display:block;width:45px;height:45px;background:url(../zimages/hr.png) top center no-repeat}
.slideBox .bsb{position:absolute;bottom:5%;right:0;display:block;width:100%;height:80px;text-align:center;}
.slideBox .bsb img{display:block;width:65px;height:80px;margin:0 auto;}

            @keyframes bsb
{
from  {top: 5px;}
to  {top: -5px;}
}
 
@-moz-keyframes bsb /* Firefox */
{
from  {top: 5px;}
to  {top: -5px;}
}
 
@-webkit-keyframes bsb /* Safari 和 Chrome */
{
from  {top: 5px;}
to  {top: -5px;}
}
 
@-o-keyframes bsb /* Opera */
{
from  {top: 5px;}
to  {top: -5px;}
}

.bsb2 {
float: left;
position:absolute;
width: 100%;
height: 80px;
/* Opera 
animation: bsb 1s linear 0s infinite alternate;
-moz-animation: bsb 1s linear 0s infinite alternate;
-webkit-animation: bsb 1s linear 0s infinite alternate;
-o-animation: bsb 1s linear 0s infinite alternate;*/
left: 0%;
bottom: 7%;
text-align: center;
z-index:9999;
}








@media (max-width:768px){

.bsb2 {height: 30px;}
.bsb2 img{max-height:30px}

}










@media (max-width:768px){
.slideBox .prev,.slideBox .next{top:45%}
.slideBox .prev { width: 35px; height: 35px;background-size:100% 100%;}
.slideBox .next{ width: 35px; height: 35px;background-size:100% 100%;}

}

.innbj{width:100%;height:55px;background:#e8e8e8}
.m_wnews{position:relative;zoom:1;overflow:hidden}
.m_wnews strong{display:block;float:left;overflow:hidden;text-align:center;font-weight:normal;font-size:16px;color:#333333;line-height:55px}
.m_wnews div{padding-left:5px;font-size:14px;color:#666666;line-height:55px;height:55px}
.m_wnews div a{float:left;background:url(../image/dhln.png)right center no-repeat;padding:0px 10px 0px 10px}
.m_wnews div span{font-size:14px;color:#c0c0c0;padding-left:15px;line-height:55px}
@media (max-width:768px){.m_wnews div span{display:none}
}.m_wnews .pagesize{position:absolute;right:0px;top:17px}
.m_wnews .pagesize a.prev{display:block;background:url(../image/up.png) center no-repeat;width:29px;height:17px;float:left}
.m_wnews .pagesize a.next{display:block;background:url(../image/down.png) center no-repeat;width:29px;height:17px;float:left;margin-left:4px}
.slideTxtBox{margin-top:18px;display:block}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{margin:0;padding:0}
.slideTxtBox .hd ul li{list-style:none;font-size:18px;cursor:pointer;color:#666666;text-align:center;background:url(../image/tab2.png)left 25px no-repeat;line-height:80px;position:relative}
.slideTxtBox .hd ul li span{position:absolute;display:none;width:17px;height:10px;left:50%;margin-left:-8px;bottom:-9px;background:url(../image/san.png)center no-repeat}
.slideTxtBox .hd ul li:first-child{background:none}
@media (max-width:767px){.slideTxtBox .hd ul li:nth-child(4){background:none}
}.slideTxtBox .hd ul li.on{background:url(../image/probac.png) no-repeat center center;color:#fff}
.slideTxtBox .hd ul li.on span{display:block}
.slideTxtBox .bd{width:100%;background:#f1f1f1}
.slideTxtBox .bd .container{padding:45px 35px 40px 35px}
.slideTxtBox .bd .bdl{text-align:left}
.slideTxtBox .bd .bdl p{font-size:14px;color:#7b7b7b;line-height:24px}
.slideTxtBox .bd .bdl p:nth-child(1){font-size:28px;color:#035cac;line-height:28px;display:block}
.slideTxtBox .bd .bdl p:nth-child(2){font-size:28px;color:#7b7b7b;line-height:28px;display:block;margin-top:17px;margin-bottom:40px}
.slideTxtBox .bd .bdl a{display:block;width:167px;height:44px;border:1px solid #dcdcdc;text-align:center;line-height:44px;font-size:14px;color:#7b7b7b;margin-top:35px;margin-bottom:10px}
.slideTxtBox .bd .bdr{overflow:hidden;text-align:right}
.slideTxtBox .bd .bdr img{width:100%}
.injssl{margin-top:61px}
.injssl ul{margin:0;padding:0}
.injssl li{list-style:none;text-align:center;margin-bottom:10px}
.injssl li div{padding:59px 0px;background:url(../image/hui.png)repeat;transition:all 2s;cursor:pointer;height:374px}
.injssl li div .img{display:block;width:93px;height:93px;margin:0 auto;overflow:hidden;position:relative}
.injssl li div .img img{position:absolute;top:0;left:0}
.injssl li div h3{display:block;font-size:30px;font-weight:normal;margin-top:12px;color:#333333}
.injssl li div span{display:block;width:80%;margin:0 auto;font-size:14px;color:#333333;line-height:24px;margin-top:22px}
.injssl li:hover div{background:url(../image/lan.png)repeat}
.injssl li:hover div h3 a{color:#fff}
.injssl li:hover div span{color:#fff}
.injssl li:hover div img{position:absolute;top:-93px;left:0}
.c3{width:100%;background:url(../image/c3.jpg)no-repeat;background-size:cover;margin-top:93px;padding-bottom:140px}
.c3l h3{display:block;padding-top:95px;font-size:24px;color:#ffffff}
.c3l span{display:block;width:86%;font-size:16px;color:#ffffff;line-height:28px;margin-top:25px}
.c3l .c3more{display:block;width:176px;height:53px;text-align:center;line-height:53px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.27);font-size:14px;color:#ffffff;text-transform:uppercase;margin-top:60px}
.slideBox2{width:100%;height:100%;position:relative;margin-top:40px}
.slideBox2 .bd{z-index:0;width:100%;height:100%;overflow:hidden}
.slideBox2 .bd ul{margin:0;padding:0}
.slideBox2 .bd li{zoom:1;vertical-align:middle}
.slideBox2 .bd img{width:100%;height:100%;display:block;cursor:pointer;transition:all 2s}
.slideBox2 .bd img:hover{transform:scale(1.2)}
.slideBox2 .prev{display:block;width:65px;height:58px;background:url(../image/l2.png)center no-repeat;position:absolute;bottom:-30px;right:95px}
.slideBox2 .next{display:block;width:65px;height:58px;background:url(../image/r2.png)center no-repeat;position:absolute;bottom:-30px;right:52px}