/*banner*/
.ind-banner{width: 100%; height: 820px;overflow: hidden;} 
.ind-banner .swiper-slide {height: 820px; color: #fff; } 
.ind-banner .swiper-slide {position: relative;}
.ind-banner .swiper-slide img{width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 26px!important; } 
.ind-banner .swiper-pagination-bullet {width: 88px; height: 4px; opacity: 1; background: #a0a0a0; margin:0 11px!important; border-radius: 0px!important;} 
.ind-banner .swiper-pagination-bullet-active {background: #fff!important; } 

.ind-banner .ban1 .txtDiv{ position: absolute; left: 46%; margin-left: -445px; top: 25%; height: 190px; margin-top: -100px;}
.ind-banner .ban1 .limg{ padding-bottom: 25px; }
.ind-banner .ban1 .limg img{ width: 226px; }
.ind-banner .ban1 .txt1{ font-size: 38px; padding-bottom: 10px; color:#fff; position: relative; font-weight: bold;} 
.ind-banner .ban1 .txt2{ font-size: 28px; color: #fff;} 
.ind-banner .ban1 .txt3{ font-size: 38px; color: #fff; padding-bottom: 20px;} 
.ind-banner .ban1 .btnDiv{ margin-top: 25px; width: 160px; height: 48px; border: #8f8e8f solid 1px; text-align: center; color: #fff; font-size: 18px; line-height: 48px;}
.ind-banner .ban2 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 22%; height: 190px; margin-top: -100px; width: 450px; text-align: center;}
.ind-banner .ban2 .txt1{font-size: 45px; padding-bottom: 10px; color:#fff; position: relative; font-weight: bold;} 
.ind-banner .ban2 .txt2{ font-size: 28px; font-weight: bold; color: #fff;} 
.ind-banner .ban2 .btnDiv{ margin: 25px auto 0; width: 160px; height: 48px; border: #8f8e8f solid 1px; text-align: center; color: #fff; font-size: 18px; line-height: 48px;}
.ind-banner .ban3 .txtDiv{ position: absolute; width: 530px; left: 50%; margin-left: -600px; top: 25%; height: 180px; margin-top: -90px;}
.ind-banner .ban3 .txt1{font-size: 45px; padding-bottom: 10px; color:#fff; text-align: center; font-weight: bold;} 
.ind-banner .ban3 .txt2{font-size: 28px; color: #fff; text-align: center;} 
.ind-banner .ban3 .btnDiv{ margin: 25px auto 0; width: 160px; height: 48px; border: #8f8e8f solid 1px; text-align: center; color: #fff; font-size: 18px; line-height: 48px;}
.ind-banner .ban4 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -170px;}
.ind-banner .ban4 .txt1{font-size: 36px; padding-bottom: 25px; color:#0a74c1; position: relative;} 
.ind-banner .ban4 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #0a74c1;}
.ind-banner .ban4 .txt2{ font-size: 60px; margin-top: 2.5%; color: #0a74c1;} 
.ind-banner .ban4 .txt3{ font-size: 30px; color: #3c3c3c; margin-top: 2%;}
.ind-banner .ban4 .btnDiv{ margin-top: 6.5%; width: 135px; heig.indexFlashTel .slick .btnDivht: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .robotImg{ position: absolute; right: 50%; bottom: 12%; margin-right: -525px; margin-top: 18%;}
.ind-banner .ban4 .robotImg img{ width: 100%;}



/*banner结束*/

.bannerTel{ display: none; padding-top: 100px;}
.indexFlashTel{position:relative; overflow:hidden; /*max-width:1004px;*/max-width:1280px;}
.indexFlashTel .slick .imgDiv img{ width:100%;}
.indexFlashTel .slick .contentBox{background: #1a1a1a;height: 175px;padding: 0 12%;}
.indexFlashTel .slick .txt1{font-size: 22px;color: #fff;font-weight: bold;padding-top: 25px;padding-bottom: 4px;text-align:  center;}
.indexFlashTel .slick .txt2{ font-size: 15px; color: #fff; padding-bottom: 18px;text-align:  center;font-weight:bold;}
.indexFlashTel .slick .btnDiv{border:#fff solid 1px;width:48%;margin: 0 auto;}
.indexFlashTel .slick .btnDiv a{ display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; font-size: 16px; text-align: center;/*background:#000;*/ }
.indexFlashTel .slick-dots{position:absolute;z-index:5;left:0px;bottom: 180px;width:100%;text-align:center;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 5px; width:35px; height:1px; background:#a0a0a0; cursor:pointer;}
.indexFlashTel .slick-dots .slick-active{ background:#fff;}

.indexPart0 {
           padding: 60px 0 30px;
           background:#e5e5e4;
}
.indexPart0 .txt {
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    padding-bottom: 90px;
    color: #000;
}
.indexPart0 ul li a{color:#000;    font-size: 20px;
    color: #000;
    line-height: 40px;}
.indexPart0 ul li a span{float:right;color:#545353;    font-size: 16px;}

.indexPart0 h3{
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    padding-bottom: 25px;
    color: #000;
}
.indexPart0 p{
    text-align: center;
    font-size: 16px;
    margin-top: 19px;
    font-size: 20px;
    line-height: 36px;
    color: #000;
}


.indexPart1{ padding-top: 160px; }
.indexPart1 .title{ text-align: center; font-size: 45px; color: #221815; font-weight: bold; line-height: 45px; padding-bottom: 90px; }
.indexPart1 .list{ overflow: hidden; }
.indexPart1 .list ul{ margin-right: -4px; }
.indexPart1 .list li{ float: left; width: 50%; }
.indexPart1 .list li .box{ margin-right: 4px; position: relative;}
.indexPart1 .list li .imgDiv img{ width: 100%; }
.indexPart1 .list li .name{ position: absolute; left: 0px; text-align: center; color: #fff; font-weight: bold; font-size: 45px; top: 41.5%; width: 100%;}
.indexPart1 .list li .btnDiv{ position: absolute; left: 50%; width: 182px; height: 50px; margin-left: -93px; top: 64%; }
.indexPart1 .list li .btnDiv a{ text-align: center; display: block; width: 100%; height: 48px; line-height: 48px; border:#7a7979 solid 1px; background: #000; font-size: 20px; color: #fff;}
.indexPart1 .list li .btnDiv a:hover{ background: #fff; color: #000; border: #fff solid 1px; }

.indexPart1 .listTel{ overflow: hidden;padding:0 20px; }
.indexPart1 .listTel ul{ margin-right: -2px; }
.indexPart1 .listTel li{ float: left; width: 100%;margin-bottom:1px; }
.indexPart1 .listTel li .box{ margin-right: 2px; position: relative;}
.indexPart1 .listTel li .imgDiv img{ width: 100%; }
.indexPart1 .listTel li .name{ position: absolute; left: 0px; text-align: center; color: #fff; /*font-weight: bold;*/ font-size: 20px; top: 21.5%; width: 100%;}
.indexPart1 .listTel li .btnDiv{ position: absolute; left: 50%; width: 112px; height: 30px; margin-left: -56px; top: 48%; }
.indexPart1 .listTel li .btnDiv a{ text-align: center; display: block; width: 110px; height: 28px; line-height: 28px; font-size: 14px; border:#7a7979 solid 1px; background: #000; color: #fff;}
.indexPart1 .listTel li .btnDiv a:hover{ background: #fff; color: #000; border: #fff solid 1px; }


.indexPart2 .contentBox{ background: #e5e5e4; padding: 225px 0 80px; overflow: hidden;}
.indexPart2 .txt{ font-size: 45px; color: #000; font-weight: bold; width: 636px;}
.indexPart2 .content{ line-height: 36px; color: #000; width: 390px; font-size: 20px; padding-bottom: 40px; }
.indexPart2 .btnDiv a{ display: block; width: 162px; height: 48px; border:#000 solid 1px; color: #000; font-size: 20px; text-align: center; line-height: 48px; }
.indexPart2 .btnDiv a:hover{ background: #000; color: #fff;}
.indexPart2 .bigImg img{ width: 100%; }

.indexPart3{ padding-top: 135px; padding-bottom: 150px; padding-right: 5.7%; padding-left: 8.5%; overflow: hidden;}
.indexPart3 .leftDiv{ width: 33.2%; }
.indexPart3 .leftDiv .txt{ font-size: 45px; font-weight: bold; color: #000; padding: 140px 0 30px; }
.indexPart3 .leftDiv .content{ font-size: 20px; color: #000; line-height: 36px; }
.indexPart3 .leftDiv .btnDiv{ padding-top: 45px; }
.indexPart3 .leftDiv .btnDiv a{ display: block; width: 160px; height: 48px; border: #000 solid 1px; font-size: 20px; text-align: center; line-height: 48px; color: #000;}
.indexPart3 .leftDiv .btnDiv a:hover{ background: #000; color: #fff;}
.indexPart3 .rightImg{ width: 58.8%; }
.indexPart3 .rightImg img{ max-width: 100%; }
.indexPart3 .rightImgTel{ display: none; }
.indexPart3 .rightImgTel img{ width: 100%; }

.indexPart4 .contentBox{ background: #e5e5e4; padding: 195px 0 135px; overflow: hidden;}
.indexPart4 .txt{ font-size: 45px; color: #000; font-weight: bold; width: 620px;}
.indexPart4 .content{ line-height: 36px; color: #000; /*width: 375px;*/ font-size: 20px; padding-bottom: 40px; }
.indexPart4 .btnDiv a{ display: block; width: 160px; height: 48px; border:#000 solid 1px; color: #000; font-size: 20px; text-align: center; line-height: 48px; }
.indexPart4 .btnDiv a:hover{ background: #000; color: #fff;}
.indexPart4 .bigImg img{ width: 100%; }
.indexPart4 .rightDiv.PC-Box.fl{width:45.2%;}

.indexPart5 .contentBox{ padding: 195px 0 100px; overflow: hidden;}
.indexPart5 .txt{ font-size: 45px; color: #000; font-weight: bold; width: 630px;}
.indexPart5 .content{ line-height: 36px; color: #000; /*width: 375px;*/  font-size: 20px; padding-bottom: 70px; }
.indexPart5 .btnDiv a{ display: block; width: 160px; height: 48px; border:#000 solid 1px; color: #000; font-size: 20px; text-align: center; line-height: 48px; }
.indexPart5 .btnDiv a:hover{ background:#000; color:#fff;}
.indexPart5 .bigImg img{ width: 100%; }
.indexPart5 .rightDiv.fl{width:45.2%;}

.indexPart6{ background: #e5e5e4; padding: 115px 0 120px; }
.indexPart6 .ico{ text-align: center; }
.indexPart6 .txt{ text-align: center; font-size: 45px; color: #000; padding: 30px 0 15px; }
.indexPart6 .wen{ text-align: center; font-size: 28px; color: #000; padding-bottom: 60px; }
.indexPart6 .btnDiv{ margin: 0 auto; width: 162px; }
.indexPart6 .btnDiv a{ display: block; width: 160px; height: 48px; line-height:48px; color: #000; border:#000 solid 1px; font-size: 20px; text-align: center;}
.indexPart6 .btnDiv a:hover{ background: #000; color: #fff;}

.errorBox .mxfDiv{ position: relative; }
.errorBox .bg img{ width: 100%; }
.errorBox .bg2{ display: none; }
.errorBox .bg2 img{ width: 100%; }
.errorBox .txtDiv{ position: absolute; left: 0px; width: 100%; text-align: center; top: 50%; height: 110px; z-index: 5;  margin-top: -55px; color: #000;}
.errorBox .txtDiv .txt1{ font-size: 17px; padding-bottom: 20px;}
.errorBox .txtDiv .txt2{ font-size: 53px; line-height: 52px; }

.case-banner{width: 100%; height: 828px;overflow: hidden; border-top: #fff solid 1px;} 
.case-banner .swiper-slide {height: 828px; color: #fff; } 
.case-banner .swiper-slide {position: relative;}
.case-banner .swiper-slide img{width: 100%;}
.case-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.case-banner .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 26px!important; } 
.case-banner .swiper-pagination-bullet {width: 88px; height: 4px; opacity: 1; background: #a0a0a0; margin:0 11px!important; border-radius: 0px!important;} 
.case-banner .swiper-pagination-bullet-active {background: #fff!important; } 
.case-banner .ban1 .txtDiv{ position: absolute; left: 50%; margin-left: -550px; top: 26%; }
.case-banner .ban1 .txt1{ font-size: 38px; padding-bottom: 30px; color:#fff; position: relative;} 
.case-banner .ban1 .txt2{ font-size: 15px; color: #fff; width: 745px;} 

.caseFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.caseFlashTel .slick .imgDiv img{ width:100%;}
.caseFlashTel .slick .contentBox{ background: #1a1a1a; height: 145px; padding: 0 8%; }
.caseFlashTel .slick .txt1{ font-size: 18px; color: #fff; font-weight: bold; padding-top: 15px; padding-bottom: 10px;}
.caseFlashTel .slick .txt2{ font-size: 14px; color: #fff; padding-bottom: 32px;line-height:20px;}
.caseFlashTel .slick-dots{position:absolute; z-index:5; left:0px; bottom:135px; width:100%; text-align:center;}
.caseFlashTel .slick-dots li{display:inline-block; margin:0 5px; width:35px; height:1px; background:#a0a0a0; cursor:pointer;}
.caseFlashTel .slick-dots .slick-active{ background:#fff;}

.pageClassBox{ padding-left: 7.8%; padding-right: 5.2%; background: #f8f8f8; padding-bottom: 20px;}
.pageClass li{padding-left: 64px; padding-top: 16px; line-height:24px; position:relative; font-size:13px;}
.pageClass li .content{ border-bottom:#aaa solid 1px; position: relative; padding:0px 15px 0 98px; min-height:34px;}
.pageClass em{position:absolute; left:0px; top:16px; color:#000; font-size:14px; line-height: 34px; font-size: 14px;}
.pageClass li .content a{ display:inline-block;  margin-bottom:10px; margin-right:15px; color: #000;}
.pageClass li .content .all{ font-size: 14px; position: absolute; left: 0px; top: 0px; display: block; width: 78px; height: 34px;font-size: 14px; color: #000; line-height: 34px; text-align: center; margin: 0; }
 /*background: #000;*/ 
/*.pageClass li .content .all:hover{ color: #fff; }*/
.pageClass li .content a:hover{ color:#666;}
.pageClass li .content a.aNow{ background: #000;color:#fff;}
.pageClass li .content a.aNow div.txt,.pageClass li .content a.aNow div.wen{color:#fff;}
.pageClass li .content .txt{ line-height: 34px;    padding: 0 10px;}
.pageClass li .content .wen{ padding: 0 10px;}
.pageClass li .content .ico{ text-align: center; padding-bottom: 5px;}
.pageClass li .content a.aNow div.ico{background: #f8f8f8;}
.pageClass li .more{ position:absolute; right:24px; top:0px; line-height:55px;}
.pageClass li .hideBox{ display:none;}
.pageClass li:last-child .content{ border-bottom: none; }

.case{ padding-top: 0; padding-bottom:100px;}
.case .toptop{ height: 86px; position: relative; display:none;}
.case .toptop .txt{ font-size:16px; color: #595757; line-height: 57px; }
.case .toptop .form{ position: absolute; right: 0px; top: 0px; }
.case .toptop .form .input1{ float: left; width: 342px; height: 55px; border: #cecece solid 1px; line-height: 55px; font-size: 15px; color: #6e6e6e; text-indent: 18px; }
.case .toptop .form .btn1{ float: left; width: 41px; height: 55px; background: #000 url(../images/nimg21_2.png) center no-repeat;}
.case .select{ border-top: #000 solid 2px; height: 42px; text-align: center;}
.case .select li{ font-size: 15px; display: inline-block; padding: 0 38px; border-right: #cecece solid 1px; height: 42px; line-height: 42px;}
.case .select li a{ display: block; color: #727171; }
.case .select li img{ padding-right: 8px; position: relative; top: -2px;}
.case .list{ padding: 45px 0 60px; }
.case .list ul{ margin-right: -45px; }
.case .list li{ float: left; width: 33.33%; margin-bottom: 50px;}
.case .list li .box{ margin-right: 45px; padding:10px;transition:all 0.5s;box-shadow:0 0 10px #ddd;}
.case .list li .box:hover{box-shadow: 0 0 10px #bbb;transition:all 0.5s;background:#81D8D0;transition:ease-in-out 0.5s}
.case .list li:hover .name a,.case .list li:hover .time,.case .list li:hover .content,.case .list li:hover .more a{color:#fff;transition:ease-in-out 0.5s}
.case .list li .imgDiv{ position: relative;text-align:center;height:225px;overflow:hidden;}
.case .list li .imgDiv img{ /*height:313px;*/width:100%; }
.case .list li .time{ padding: 20px 0 15px; font-size: 16px; color: #595757; }
.case .list li .name{ font-size: 20px; font-weight: bold; height: 31px; line-height: 31px; overflow: hidden; }
.case .list li .name a{ display: block; color: #000; overflow: hidden; }
/* .case .list li .name a:hover{ color: #666; } */
.case .list li .content{ margin-top: 15px; line-height: 25px; font-size: 16px; color: #595757; height:75px; overflow: hidden; margin-bottom: 15px;}
.case .list li .more{ height: 36px; line-height: 36px; font-size: 18px; font-weight: bold; }
.case .list li .more a{ color: #000; display: block; font-weight:normal;}
.case .list li .more a:hover{ color: #666; }
.case .list li .hideBox{ display: none; z-index: 5; position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg1.png) repeat;}
.case .list li .label{ position: absolute; left: 0px; top: 50%; width: 100%; /*height: 48px;*/ font-size: 13px; line-height: 24px; margin-top: -24px; overflow: hidden; color: #fff; text-align: center;}
.case .list li .label dl{width: 60%;margin: 0 auto;    }
.case .list li .label dd{ display: inline-block; padding: 0 10px;    width: 24.33%;float: left; overflow: hidden;height: 24px;}
.case .list li .label dd a{ padding-left: 10px; background: url(../images/ico1.jpg) left center no-repeat; color: #fff;}

.caseChoose{ display: none; }
.caseChoose .pageRank{ padding: 10px 0; position:relative; z-index:5;}
.caseChoose .pageRank .bbb{ padding:0 5px;}
.caseChoose .pageRank .bbb ul{ margin-right:-5px;}
.caseChoose .pageRank .bbb li{ float: left; width: 20%; text-align:center;}
.caseChoose .pageRank .bbb li img{ padding-left:5px; width:10px;}
.caseChoose .pageRank .bbb li .img1{ display:none;}
.caseChoose .pageRank .bbb li .box{ margin-right:5px; border-radius:2px; -moz-border-radius:2px;}
.caseChoose .pageRank .bbb li a{ display:block; height:35px; line-height:35px; color:#000;font-size:14px;}
.caseChoose .pageRank .bbb li .aNow1 img{ display:none;}
.caseChoose .pageRank .bbb li .aNow1 .img1{ display:inline-block;}
.pageRankLayer{position:absolute; top:47px; display:none; z-index:5; background:#fff; width:100%; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);}
.pageRankLayer .ccc{ padding: 10px 0; overflow: hidden;}
.pageRankLayer .ccc li{ float: left; /*width: 25%;*/ height: 28px; line-height: 28px; text-align: center;    padding: 0 1px; }
.pageRankLayer .ccc li.aNow a{background:#000;color:#fff;}
.pageRankLayer .ccc li a{ display: block; color: #000;     padding: 0 2px;}

.caseShow{ padding: 60px 0 100px; width: 900px; margin: 0 auto; }
.caseShow .name{ text-align: center; font-size: 35px; color: #000; font-weight: bold; padding-bottom: 15px; }
.caseShow .time{ text-align: center; color: #999; font-size: 15px; padding-bottom: 30px;}
.caseShow .time em{ padding: 0 15px; }
.caseShow .label{ text-align: center; font-size: 16px; color: #000; }
.caseShow .label em{ font-weight: bold; padding-right: 20px; }
.caseShow .label span{ display: inline-block; margin: 0 3px 6px 3px; border: #838383 solid 1px; padding: 0 10px; height: 28px; line-height: 28px; }
.caseShow .contentBox{ padding: 75px 0;    width: 800px;margin: 0 auto;text-align: justify; }
.caseShow .videoImg{ padding-bottom: 50px; }
.caseShow .contentBox .wen{ color: #000; font-size: 24px; font-weight: bold; padding-bottom: 20px; }
.caseShow .contentBox .content{ padding-bottom: 120px; font-size: 20px;color: #333; line-height: 36px; }
.caseShow .contentBox .imgDiv{ padding-bottom: 25px; }
.caseShow .contentBox p{font-size:16px;color:#000;line-height:28px;}
.caseShow .contentBox div{font-size:16px;color:#000;line-height:28px;}
.caseShow .contentBox img{max-width:100%;}

.otherCase{ padding-top: 60px; padding-left: 5.2%; padding-right: 7.8%; padding-bottom: 90px;}
.otherCase .title{ font-size: 40px; color: #000; font-weight: bold; text-align: center;}
.otherCase .list{ padding: 110px 0 0; }
.otherCase .list ul{ margin-right: -45px; }
.otherCase .list li{ float: left; width: 33.33%; margin-bottom: 50px;}
.otherCase .list li .box{ margin-right: 45px; padding:10px;transition:ease-in-out 0.5s;box-shadow: 0 0 10px #ddd;}
.otherCase .list li .box:hover{box-shadow:0 0 10px #bbb;transition:ease-in-out 0.5s}
.otherCase .list li .imgDiv{ position: relative; }
.otherCase .list li .imgDiv img{ width: 100%;height:313px; }
.otherCase .list li .time{ padding: 45px 0 15px; font-size: 16px; color: #595757; }
.otherCase .list li .name{ font-size: 20px; font-weight: bold; height: 36px; line-height: 36px; overflow: hidden; }
.otherCase .list li .name a{ display: block; color: #000; overflow: hidden; }
.otherCase .list li .name a:hover{ color: #666; }
.otherCase .list li .content{ margin-top: 15px; line-height: 25px; font-size: 16px; color: #595757; height: 75px; overflow: hidden; margin-bottom: 15px;}
.otherCase .list li .more{ height: 36px; line-height: 36px; font-size: 18px; font-weight: bold; }
.otherCase .list li .more a{ color: #000; display: block;font-weight:100;}
.otherCase .list li .more a:hover{ color: #666; }
.otherCase .list li .hideBox{ display: none; z-index: 5; position: absolute; left: 0px; top: 0px; width: 100%; background: url(../images/bg1.png) repeat;}
.otherCase .list li .label{ position: absolute; left: 0px; top: 50%; width: 100%; height: 48px; font-size: 13px; line-height: 24px; margin-top: -24px; overflow: hidden; color: #fff; text-align: center;}
.otherCase .list li .label dd{ display: inline-block; padding: 0 10px; }
.otherCase .list li .label dd a{ padding-left: 10px; background: url(../images/ico1.jpg) left center no-repeat; color: #fff;}

.pro-banner{width: 100%; height: 446px;overflow: hidden; border-top: #fff solid 1px;} 
.pro-banner .swiper-slide {height: 446px; color: #fff; } 
.pro-banner .swiper-slide {position: relative;}
.pro-banner .swiper-slide img{width: 100%;}
.pro-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.pro-banner .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 26px!important; } 
.pro-banner .swiper-pagination-bullet {width: 88px; height: 4px; opacity: 1; background: #a0a0a0; margin:0 11px!important; border-radius: 0px!important;} 
.pro-banner .swiper-pagination-bullet-active {background: #fff!important; } 
.pro-banner .ban1 .txtDiv{ position: absolute; left: 50%; margin-left: -550px; top: 17.5%; }
.pro-banner .ban1 .txt0{ font-size: 30px; color: #fff; }
.pro-banner .ban1 .txt1{ font-size: 38px; padding-bottom: 30px; color:#fff; position: relative;} 
.pro-banner .ban1 .txt2{ font-size:28px; color: #fff; width: 510px; line-height: 28px;} 
.pro-banner-1 .ban1 .txt2{font-size: 15px;}

.proFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.proFlashTel .slick .imgDiv img{ width:100%;}
.proFlashTel .slick .contentBox{ background: #1a1a1a; /*height: 130px;*/ padding: 0 8%; }
.proFlashTel .slick .txt1{ font-size: 15px; color: #fff; font-weight: bold; padding-top: 15px; padding-bottom: 15px;}
.proFlashTel .slick .txt2{ font-size: 14px; color: #fff; padding-bottom: 32px;line-height:22px;}
.proFlashTel .slick-dots{position:absolute; z-index:5; left:0px; bottom:140px; width:100%; text-align:center;}
.proFlashTel .slick-dots li{display:inline-block; margin:0 5px; width:35px; height:2px; background:#a0a0a0; cursor:pointer;}
.proFlashTel .slick-dots .slick-active{ background:#fff;}

.proFlashTel2 .slick-dots,.proFlashTel3 .slick-dots{bottom:10px;}
.proFlashTel2 .slick-dots li,.proFlashTel3 .slick-dots li {width: 50px;height: 1px;}
.proFlashTel2 .slick .txt2,.proFlashTel3 .slick .txt2{padding-top: 32px;}
.proFlashTel2 .slick,.proFlashTel3 .slick{background:#1a1a1a;}


.productNav{ background: #424242; padding: 30px 0 15px; text-align: center; }
.productNav .list{ padding: 0 160px; }
.productNav li{ display: inline-block; font-size: 26px; padding: 0 20px; background: url(../images/line4.jpg) right center no-repeat; margin-bottom: 15px;}
.productNav li a{ color: #fff; display: block; height: 36px; font-size: 18px;line-height: 36px; }
.productNav li a:hover{border-bottom: #fff solid 2px;}
.productNav li .aNow{ border-bottom: #fff solid 2px; }
.productNavNow{position:fixed; top:0px; z-index:11; left:0px; width:100%; }

.productDiv{ min-height:560px; _height:560px; position:relative; padding-top:50px; overflow: hidden;}
.productDiv .imgDiv{ width: 560px; }
.productDiv .contentBox{ border-top: #cfcfcf solid 1px; width: 545px; padding-top: 55px;}
.productDiv .name{ font-size: 38px; color: #221815; padding-bottom: 30px; }
.productDiv .content{ line-height: 28px; color: #000; font-size: 15px; height: 84px; overflow: hidden;}
.productDiv .btnDiv{ padding-top: 100px; }
.productDiv .btnDiv a{ display: block; width: 297px; height: 57px; border: #000 solid 1px; line-height: 57px; font-size: 20px; color: #000; text-align: center;transition: ease-in-out 0.5s;}
.productDiv .btnDiv a:hover{ background: #81D8D0; color: #fff; transition: ease-in-out 0.5s;border-color:#81D8D0}
.productDiv .imgDivTel{ display: none; padding-top: 30px; }
.productDiv .imgDivTel img{ width: 100%; }

.productForm{ padding: 45px 0 75px; }
.productForm .mxfDiv{ padding: 0 60px; margin-right: -25px; }
.productForm .lili{ float: left; width: 50%;}
.productForm .lili .box{ margin-right: 25px; position: relative;}
.productForm .select{ position: relative;left: 0; height: 54px;}
.productForm .select dt{ border: 1px solid #000; width: 100%; height: 54px;line-height: 54px;display: inline-block; background: url(../images/nimg33_1.jpg) no-repeat right center;cursor: pointer; box-sizing: border-box; text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.productForm .select dt a{ font-size: 20px;color: #000; position: relative; padding-left: 20px; display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.productForm .select.on dt{ background: url(../images/nimg33_1on.jpg) no-repeat right center;}
.productForm .select dd{ margin: 0;position: absolute;left: 0px;top: 53px;z-index: 5; width: 100%;} 
/*.productForm .select dd ul {list-style: none; overflow: auto; border:#000 solid 1px; padding: 0 20px;background: #f7f7f7;} 
.productForm .select dd ul li{line-height: 58px; height: 58px; cursor: pointer; border-bottom: 1px solid #ebebeb; color: #000; font-size: 14px;}
.productForm .select dd ul li:hover{ color: #000; }*/


.productForm .select dd .selectGroup {list-style: none; overflow: auto; border:#000 solid 1px; padding: 0 20px;background: #fff;height:500px;} 
.productForm .select dd .lvOne{ padding-top:8px; font-size:20px; color:#000; line-height:30px; border:none;}
.productForm .select dd .lvTwo{ padding-top:5px; font-size:18px; color:#000; line-height:30px; border:none;}
.productForm .select dd .lvThree{ padding-bottom:14px; border-bottom:#ddd solid 1px;}
.productForm .select dd .lvThree li{ font-size:14px; height:24px;}
.productForm .select dd .lvThree li a{ color:#000; display:block; line-height:24px;}


.productForm .input1{ border: 1px solid #000; box-sizing: border-box; width: 100%; height: 54px; line-height: 54px; color: #221815; font-size: 20px; text-indent: 20px; }
.productForm .btn1{ position: absolute; right: 1px; top: 0px; width: 49px; height: 54px; background: url(../images/nimg49_1.jpg) no-repeat right center;}

.productList{ padding-bottom: 115px; }
.productList .wen{ padding: 0 0 45px 60px; font-size: 28px; color: #000; font-weight: bold; }
.productList .xuan{padding: 0 60px 110px; overflow: hidden;}
.productList .xuan li{ float: left; width: 50%; }
.productList .xuan li h2{ font-size: 20px; color: #000; height: 45px; }
.productList .xuan li dd{ float: left; width: 190px; color: #595757; font-size: 20px; }
.productList .title{ text-align: center; font-weight: bold; font-size: 45px; color: #221815; padding-bottom: 70px; }
.productList .list ul{ margin-right: -53px; }
.productList .list li{ float: left; width: 33.33%; margin-bottom: 100px;}
.productList .list li .box{ margin-right: 53px; padding:10px;transition:ease-in-out 0.5s}
.productList .list li .box:hover{transition:ease-in-out 0.5s;box-shadow: 0 0 10px #bbb;}
.productList .list li .imgDiv{ display: flex;align-items: flex-end;cursor:pointer; }
.productList .list li .imgDiv img{ width: 100%; }
.productList .list li .name{ padding-top: 35px; /*height: 48px;*/ font-size: 20px; font-weight: bold; overflow: hidden; }
.productList .list li .name a{ color: #221815; display: block; /*width: 260px;*/ text-align: center; /*display: table-cell;*/  line-height: 24px;    display: block;}
.productList .list li .price{ text-align: center; font-size: 14px; color: #221815; padding: 25px 0 10px; }
.productList .list li .more{ text-align: center; }
.productList .list li .more a{ color: #221815; font-size: 14px;}
.productList .list li .more img{ padding-left: 10px; }
.productList .list li .name a:hover, .productList .list li .more a:hover{ color: #666; }
.productList .moreBtn{ width: 162px; margin: 0 auto; }
.productList .moreBtn a{ display: block; width: 160px; height: 48px; border:#000 solid 1px; color: #000; text-align: center; line-height: 48px; font-size: 20px;}
.productList .moreBtn a:hover{ background: #000; color: #fff;}

.productShow{ padding: 125px 0 0; }
.productShow .name{ text-align: center; font-size: 28px; color: #000; font-weight: bold; padding-bottom: 30px; }
.productShow .ico{ text-align: center; padding-bottom: 15px;}
.productShow .price{ text-align: center;font-size: 20px; color: #000;padding:20px 0 130px; }
.productShow .bigImg{ text-align: center; padding: 30px 0 30px; }
.productShow .contentBox{ overflow: hidden; padding-bottom: 65px;}
.productShow .contentBox .leftDiv{ width: 608px; overflow:hidden;}
.productShow .contentBox .rightDiv{ width: 560px; }
.productShow .contentBox .content{ padding-top: 36px; font-size: 20px; line-height: 34px; color: #000;}
.productShow .contentBox .imgDiv{ padding-top: 105px;}
.productShow .contentBox .imgDiv img{max-width:100%;}
.productShow .contentBox .imgDiv2{ padding-top: 0px; }
.productShow .contentBox .imgDiv2 img{max-width:100%;}
.productShow .title{ text-align: center; font-size: 38px; color: #252525; font-weight: bold; padding: 0;}
.productShow .txt{font-size: 20px; color: #000; line-height: 40px; text-align: center;font-weight:bold;}
.productShow .msg{ font-size: 20px; color: #000; line-height: 40px; text-align: center; }
.productShow .qweBox{ overflow: hidden; padding-left: 680px; position: relative;  min-height: 416px;/*margin-top:100px;*/}
.productShow .qweBox .imgDiv{ width: 635px; position: absolute; left: 0px; top: 0px; }
.productShow .qweBox .txt{ font-size: 20px; padding-top: 85px; color: #000;text-align:left; }
.productShow .qweBox .content{ font-size: 20px; color: #000; line-height: 34px; padding-top: 10px;}
.productShow .title2{ padding: 0 0 50px; font-size: 28px; color: #252525;cursor:pointer; }
.productShow .msgList{ padding-bottom: 20px; }
.productShow .msgList div{line-height: 60px;font-size: 20px;color: #252525;}
.productShow .msgList li{ padding-left: 150px; position: relative; line-height: 60px;  font-size: 20px; color: #252525;}
.productShow .msgList li em{ position: absolute; left: 0px; top: 0px;}

/*.productShow .Phone-Box{ border-top:#e8e4e4 solid 1px;}*/
.productShow .txtTel{font-size: 16px;padding-top: 0;text-align: left;color: #000;margin-top: 40px;font-weight: bold;}
.productShow .contentTel{ font-size: 15px; line-height: 24px; padding: 20px 0; color: #000;}
.productShow .videoImgTel{text-align:center;}
.productShow .videoImgTel img{ max-width:100%;}
.productShow .imgListTel ul{ margin-right:-10px;}
.productShow .imgListTel li{ float:left; width:50%;}
.productShow .imgListTel li .boxTel{ margin-right:10px;}
.productShow .imgListTel li img{ width:100%;}


.proScrollBox{ display:none;}
.proTelPic .slick .ximg img{ width:100%;}
.proTelPic .slick-dots{ padding-top:20px; text-align:center;}
.proTelPic .slick-dots li{display:inline-block; margin:0 5px; width:50px; height:5px; background:#d2d2d2; cursor:pointer;}
.proTelPic .slick-dots .slick-active{ background:#000;}


.proDownload .title{ text-align: center; font-size: 38px; color: #000; font-weight: bold; padding-bottom: 50px; }
.proDownload .mxfDiv{ background: #eee; height: 150px; overflow: hidden;}
.proDownload .mxfDiv ul{ margin-right: -200px; }
.proDownload .mxfDiv li{ float: left; width: 25%; font-size: 36px;}
.proDownload .mxfDiv li .box{ /*margin-right: 200px;*/ }
.proDownload .mxfDiv li a{ display: block; height: 150px; line-height: 150px; color: #000;font-size: 25px;font-weight:normal;}
.proDownload .mxfDiv li img{ padding-right: 15px; }
.proDownload .bigImg{ background: #000; text-align: center; }

.proDownloadTel .title{ color: #000; font-weight: bold; text-align:center; font-size: 22px; padding-bottom: 30px; }
.proDownloadTel .mxfDiv{ background: #eee; height: 60px; padding:0 5px; overflow:hidden}
.proDownloadTel .mxfDiv ul{ margin-right: 0px; }
.proDownloadTel .mxfDiv li{ float: left; width: 25%; font-size: 14px;}
.proDownloadTel .mxfDiv li .box{ margin-right:0px; }
.proDownloadTel .mxfDiv li a{ height: 60px; line-height: 60px; color: #000; display:block;text-align:center;}
.proDownloadTel .mxfDiv li img{ width:16px; padding-right: 8px; }
.proDownloadTel .bigImg{ background: #000; text-align: center; }
.proDownloadTel .bigImg img{ width:100%;}

.tishiLayer{ width:260px; height:125px; background:#fff; position:absolute; z-index:100; display:none;}
.tishiLayer .title{ background:#000; color:#fff; height:45px; line-height:45px; text-align:center; font-size:16px;}
.tishiLayer .msg{ color:#000; text-align:center; font-size:14px; padding-top:25px;}

.proSolution{ padding: 30px 0 110px; }
.proSolution .title{ text-align: center; font-size: 38px; color: #000; padding-bottom: 45px; font-weight: bold;}
.proSolution .msg{ text-align: center; font-size: 20px; line-height: 36px; color: #000; padding-bottom: 35px;}
.proSolution .msg a{ color: #9d9c9c; text-decoration: underline; }

.matchPic{ border: #c4c4c4 solid 1px; padding: 35px 80px; position: relative;}
.matchPic .slick{ margin: 0 35px; }
.matchPic .slick .imgDiv{text-align:center;height: 166px;display: flex;align-items:flex-end;}
.matchPic .slick .imgDiv img{ /*height:270px;*/width:100%; }
.matchPic .slick .name{ padding-top: 35px; height: 40px; font-size: 16px; font-weight: bold; overflow: hidden; }
.matchPic .slick .name a{ color: #221815; display: block; width: 260px; text-align: center; display: table-cell; line-height: 20px; vertical-align: middle; }
.matchPic .slick .price{ text-align: center; font-size: 14px; color: #221815; padding: 10px 0 10px; }
.matchPic .slick .more{ text-align: center; }
.matchPic .slick .more a{ color: #221815; font-size: 14px;}
.matchPic .slick .more img{ padding-left: 10px; }
.matchPic .slick .name a:hover, .matchPic .slick .more a:hover{ color: #666; }
.matchPic .slick-prev{ position: absolute; display: block; width: 22px; height: 40px; background: url(../images/nimg22_left.png) no-repeat; left: 26px; top: 50%; margin-top: -20px; z-index: 5;}
.matchPic .slick-next{ position: absolute; display: block; width: 22px; height: 40px; background: url(../images/nimg22_right.png) no-repeat; right: 26px; top: 50%; margin-top: -20px; z-index: 5;}

.matchPic .slick-prev.slick-disabled, .matchPic .slick-next.slick-disabled {
    opacity: .25;
}

.contactBox{ padding-bottom: 23px; }
.contact{ height: 1075px; background: #313131; position: relative; overflow: hidden;}
.contact .leftDiv{ width: 686px; height: 1075px; position: absolute; left: 0px; top: 0px; z-index: 3; background: #313131;}
.contact .leftDiv .contentBox{ padding: 45px 54px 0 95px; }
.contact .leftDiv .title{ font-weight: bold; font-size: 38px; color: #fff; padding-bottom: 25px;}
.contact .leftDiv .content{ line-height: 24px; font-size:16px; color: #fff; padding-bottom: 30px;}
.contact .leftDiv .content a:hover{color:#fff;}
.contact .imgDivTel{ display: none; }
.contact .imgDivTel img{ width: 100%; }

.brand{ padding: 125px 6.5%; }
.brand .title{ text-align: center; font-weight: bold; font-size: 40px; color: #000; padding-bottom: 65px; }
.brandPic{ position: relative; padding: 0 20px;}
.brandPic .swiper-wrapper{ padding-bottom: 110px;}
.brandPic .imgDiv img{ width: 100%; }
.brandPic .name{ padding-top: 48px; font-weight: bold; font-size: 22px; color: #000; height: 36px; line-height: 36px;}
.brandPic .msg{ font-size: 20px; color: #000; line-height: 30px; height: 60px; overflow: hidden; }
.brandPic .more{ padding-top: 10px; font-size: 18px; /*padding-left: 24px; background: url(../images/nimg10_1.png) left 14px no-repeat;*/}
.brandPic .more a{ color: #000; display: block; }
.brandPic .swiper-pagination{ position: absolute; left: 50px; bottom: 0px; width: auto; font-size: 30px; color: #000;} 
.brandPic .swiper-button-prev{ position: absolute; top: auto; left: 0px; bottom: 5px; width: 15px; height: 27px; background: url(../images/nimg15_left.png) no-repeat; }
.brandPic .swiper-button-next{ position: absolute; top: auto; left: 145px; bottom: 5px; width: 15px; height: 27px; background: url(../images/nimg15_right.png) no-repeat; }

.brand .list li{ margin-bottom: 55px; }
.brand .list li .imgDiv img{ width: 100%; }
.brand .list li .name{ text-align: left; padding-top: 28px; font-weight: bold; font-size: 20px; color: #000; height: 32px; line-height: 32px;margin-bottom:10px;}
.brand .list li .msg{ text-align: left; font-size: 16px; color: #000; line-height: 24px; overflow: hidden; }
.brand .list li .more{ /*width: 64px;*/ padding-top: 10px; font-size: 14px; /*padding-left: 16px; background: url(../images/nimg10_1.png) left 13px no-repeat;*/ background-size: 8px;}
.brand .list li .more a{ color: #000; display: block;font-size:15px; }

.news{ padding-top: 120px; padding-left: 6.5%; padding-right: 6.5%; padding-bottom: 200px;}
.news .title{ font-size: 45px; color: #000; font-weight: bold; padding-bottom: 20px; text-align: center;}
.news .txt{ font-size: 16px; color:#595757; line-height: 28px; text-align: center;}
.news .list{ padding-top: 100px; }
.news .list ul{ margin-right: -45px; }
.news .list li{ float: left; width: 33.33%; margin-bottom: 120px;}
.news .list li .box{ margin-right: 45px; }
.news .list li .imgDiv{ position: relative;text-align:center; }
.news .list li .imgDiv img{ max-width: 100%;height:313px; }
.news .list li .time{ padding: 45px 0 15px; font-size: 16px; color: #595757; }
.news .list li .name{ font-size: 20px; font-weight: bold; height: 62px; line-height: 31px; overflow: hidden; }
.news .list li .name a{ display: block; color: #000; overflow: hidden; }
.news .list li .name a:hover{ color: #666; }
.news .list li .content{ padding-top: 15px; line-height: 25px; font-size: 16px; color: #595757; height: 75px; overflow: hidden; margin-bottom: 15px;}
.news .list li .more{ height: 36px; line-height: 36px; font-size: 18px; }
.news .list li .more a{ color: #000; display: block; /*padding-left: 20px; background: url(../images/nimg10_1.png) left center no-repeat;*/font-weight:normal;background-size:8px;}
.news .list li .more a:hover{ color: #666; }
/*  */
.mask{position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:99;display:none;}
.video_box{background:#000;padding:10px;width:700px;height:500px;position: fixed;top:50%;left:50%;margin-left:-350px;margin-top:-250px;z-index:100;display:none;}
.video_box .colse{width:45px;height:45px;position: static;right:0;top:0;text-align:right;margin-left:auto;}
video{max-width:100%;max-height:100%;}
/*  */

.classify_box{border-bottom:1px solid #ddd;}
.classify li{float:left;width:150px;height:50px;line-height:50px;color:#333;text-align:center;font-size:18px;}
.classify li a{color:inherit;display:block;height:100%;}
.classify li.on,.classify li:hover{background:#81D8D0;color:#fff;}
/*  */
.album{ background: #fff; padding: 0 0 160px;}
.album .title{ text-align: center; color: #000; font-weight: bold; font-size: 40px; line-height: 40px; padding-bottom: 30px; margin-top:50px;}
.album .wen{ text-align: center; font-size: 28px; color: #000; padding-bottom: 60px; }
.album .list{ background: #fff; padding:0;}
.album .list ul{ margin-right: -44px; }
.album .list li{ float: left; width: 48%;position:relative;padding-bottom:10px;border-bottom:1px dashed #ddd;margin-bottom:15px;}
.album .list li:nth-child(2n){float:right;}
.album .list li .box{ margin-right: 44px; }
.album .list li .imgDiv{text-align:center;height:260px;overflow:hidden;}
.album .list li .imgDiv img{ max-width: 100%; }
.album .list li .time{ padding-top: 40px; font-size: 16px; color: #595757;text-align:center; }
.album .list li .name{ padding-top: 10px; font-weight: bold; font-size: 22px; color: #000; height: auto; line-height: 36px;text-align:center;}
.album .list li .msg{ font-size: 16px; color: #595757; line-height: 30px; height: 30px; overflow: hidden; padding-top: 10px;}
.album .list li .more{ padding-top: 10px; font-weight: bold; font-size: 18px; padding-left: 24px; background: url(../images/nimg10_1.png) left 14px no-repeat;position:absolute;left:50%;margin-left:-60px;}
.album .list li .more a{ color: #000; display: block; }
.album .list li .text{float:left;width:70%;color:#666;font-size:18px;}
.album .list li .info{text-align:right;font-size:16px;}
.album .list li .info img{width:15px;vertical-align: middle;margin-right:5px;}
.album .list li .info a:nth-child(2) img{width:25px;}
.album .list li .right{float:right;width:30%}
.album .links{ padding-top: 100px; padding-left: 6%; padding-right: 6%;}
.album .links li{ float: left; width: 25%; }
.album .links li .box{ padding-left: 55px; }
.album .links li a{ display: block; width: 100%; height: 100%; }
.album .links li .ico .img1{ display: none; }
.album .links li .name{ padding-top: 15px; font-size: 22px; color: #000; height: 32px; line-height: 32px;}
.album .links li .msg{ font-size: 16px; color: #666; }
.album .links li .aNow .name{ color: #666; }
.album .links li .aNow .img1{ display: inline-block; }
.album .links li .aNow img{ display: none; }

.subscribe{ padding: 80px 0 320px; }
.subscribe .title{ font-size: 30px; color: #000; padding-bottom: 20px;}
.subscribe .wen{ font-size: 24px; color: #000; }

.dingyue{ padding: 285px 0 400px; }
.dingyue .bigBox{ margin: 0 auto; width: 879px; height: 630px; background: #eee; border-radius: 4px; -moz-border-radius: 4px; position: relative;}
.dingyue .title{ border-top-left-radius: 4px; -moz-border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; height: 75px; background: #313131; line-height: 75px; color: #fff; padding-left: 28px; font-size: 30px; }
.dingyue .msg{ padding: 40px 0 30px 34px; font-size: 24px; color: #000; }
.dingyue .form{ padding-left: 34px; padding-right: 160px; }
.dingyue .form .cft{ margin-bottom: 32px; }
.dingyue .form .cft em{ font-size: 18px; display: block; height: 32px; }
.dingyue .form .cft .box{ border: #999 solid 1px; }
.dingyue .form .cft .input1{ width: 100%; height: 38px; line-height: 38px; background: #fff; text-indent: 15px; font-size: 16px; }
.dingyue .select{ position: relative;left: 0; height: 38px; width: 202px; border: #999 solid 1px;}
.dingyue .select dt{height: 38px;line-height:38px;display: inline-block; width: 100%; background: #fff url(../images/selectico.png) no-repeat right center; background-size:30px; cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.dingyue .select dt a{ font-size: 16px;color: #000; position: relative; padding-left: 13px; display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.dingyue .select dd{ margin: 0;position: absolute;left: 0px;top: 38px;z-index: 100; width: 100%;} 
.dingyue .select dd ul {list-style: none; overflow: auto; border:#999 solid 1px; padding: 0 13px;background: #fff;height:200px;} 
.dingyue .select dd ul li{line-height:30px; height: 30px; cursor: pointer; border-bottom: 1px solid #ebebeb; color: #000; font-size: 14px;}
.dingyue .select dd ul li:hover{ color: #000; }
.dingyue .form .cft .jie{ font-size: 16px; }
.dingyue .form .cft .jie a{ color: #000; }
.dingyue .btnDiv{ padding-right: 46px; }
.dingyue .btnDiv a{ display: block; width: 210px; height: 37px;border:1px solid #000;  color: #000; text-align: center; font-size: 18px; line-height: 37px; }
.dingyue .btnDiv a:hover{background: #333; color: #fff;border:1px solid #fff;}

.about-banner{width: 100%; height: 827px;overflow: hidden;} 
.about-banner .swiper-slide {height: 827px; color: #fff; } 
.about-banner .swiper-slide {position: relative;}
.about-banner .swiper-slide img{width: 100%;}
.about-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.about-banner .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 26px!important; } 
.about-banner .swiper-pagination-bullet {width: 88px; height: 4px; opacity: 1; background: #a0a0a0; margin:0 11px!important; border-radius: 0px!important;} 
.about-banner .swiper-pagination-bullet-active {background: #fff!important; } 
.about-banner .ban1 .txtDiv{ position: absolute; left: 50%; margin-left: -500px; top: 23%; }
.about-banner .ban1 .txt1{ font-size: 38px; padding-bottom: 30px; color:#fff; position: relative;} 
.about-banner .ban1 .txt2{ font-size: 15px; color: #fff; line-height: 36px;} 

.about{ padding: 50px 0; }
.about .txt{ text-align: center; font-size: 38px; color: #000; line-height: 64px; }
.about .content{ font-size: 20px; color: #000; line-height: 36px; text-align: center; padding: 30px 0 45px;}
.about .contentTel{ display: none; font-size: 16px; line-height: 28px; color: #000; padding: 20px 20px 30px;text-align: justify; }
.about .bigImg{ text-align: center; padding-bottom: 80px; }
.about .bigImgTel{ display: none; padding-bottom: 90px;}
.about .bigImgTel img{ width: 100%; }
.about .bigImgTel2{ padding-bottom: 0px; }
.about .list{ padding-top: 80px; }
.about .list li{ margin-bottom: 130px;position: relative; padding-left: 680px; min-height: 437px; }
.about .list .li01{ padding-left: 0px; padding-right: 700px; }
.about .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.about .list .li01 .imgDiv{ right: 0px; left: auto; }
.about .list li .name{ font-size: 26px; color: #221815; padding-bottom: 40px; }
.about .list li .msg{ line-height: 30px; color: #221815; font-size: 18px;}
.about .list li .btnDiv{ padding-top: 50px; }
.about .list li .btnDiv a{ display: block; width: 160px; height: 48px; border: #777 solid 1px; line-height: 48px; text-align: center; color: #000; font-size: 18px; }
.about .list li .btnDiv a:hover{ background: #0e0d0e; color: #fff; }
.about .list li .ico{ text-align: center; display: none; padding-bottom: 10px; }
.about .list li .ico img{ max-width:100%; }
.about .moreBtn{ padding: 0 40px; }
.about .moreBtn a{ text-align: center; display: block; width: 100%; background: #1b1b1b; color: #fff; font-size: 16px; height: 45px; line-height: 45px; }

.job .list li .name{font-size: 20px;}
.job .list li .msg{ line-height: 30px; color: #221815; font-size: 16px;}

.aboutFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.aboutFlashTel .slick .imgDiv img{ width:100%;}
.aboutFlashTel .slick .contentBox{ background: #1a1a1a; height: 130px; padding: 0 8%; }
.aboutFlashTel .slick .txt1{ font-size: 18px; color: #fff; font-weight: bold; padding-top: 15px; padding-bottom: 10px;}
.aboutFlashTel .slick .txt2{ font-size: 14px; color: #fff; padding-bottom: 32px;    height: 48px;overflow: hidden;line-height:20px;}
.aboutFlashTel .slick-dots{position:absolute; z-index:5; left:0px; bottom:140px; width:100%; text-align:center;}
.aboutFlashTel .slick-dots li{display:inline-block; margin:0 5px; width:35px; height:1px; background:#a0a0a0; cursor:pointer;}
.aboutFlashTel .slick-dots .slick-active{ background:#fff;}

.introduce{ padding-top: 160px; }
.introduce .part1{ padding-bottom: 86px; }
.introduce .part1 .title{ text-align: center; font-size: 26px; color: #000; padding-bottom: 40px; }
.introduce .part1 .content{ font-size: 18px; line-height: 36px; color: #000; padding: 0 90px 100px; }
.introduce .part1 .contentBox{ padding-left: 605px; position: relative; min-height: 396px; }
.introduce .part1 .contentBox .imgDiv{ position: absolute; left: 0px; top: 0px; }
.introduce .part1 .contentBox .ico{ padding: 20px 0; text-align: center; }
.introduce .part1 .contentBox .wen{ font-size: 26px; color: #000; padding-bottom: 25px;}
.introduce .part1 .contentBox .msg{ line-height: 36px; color: #000; font-size: 18px; }
.introduce .part2{ background: #2d2d2d; }

.tllmPic{ position: relative; }
.tllmPic .imgDiv{ width: 58%; }
.tllmPic .imgDiv img{ width: 100%; }
.tllmPic .imgDivTel{text-align:center;}
.tllmPic .imgDivTel img{ max-width: 100%; }
.tllmPic .contentBox{ padding-left: 3%; width: 39%; }
.tllmPic .name{ padding: 95px 0 30px; font-size: 26px; color: #fff; }
.tllmPic .msg{ font-size: 20px; color: #fff; line-height: 30px; }
.tllmPic .swiper-pagination{ position: absolute; left: auto; right: 110px; bottom: 54px; width: auto; font-size: 40px; color: #fff;} 
.tllmPic .swiper-button-prev{ position: absolute; top: auto; left: auto; right: 215px; bottom: 58px; width: 21px; height: 41px; background: url(../images/nimg21_left.png) no-repeat; }
.tllmPic .swiper-button-next{ position: absolute; top: auto; right: 60px; bottom: 58px; width: 21px; height: 41px; background: url(../images/nimg21_right.png) no-repeat; }

.introduce .part3{ padding: 80px 0 100px; }
.introduce .part3 .list{ padding: 0 112px 0 112px; }
.introduce .part3 .list ul{ margin-right: -38px; }
.introduce .part3 .list li{ float: left; width: 50%; margin-bottom: 60px;height:682px;}
.introduce .part3 .list li .box{ margin-right: 38px; }
.introduce .part3 .list li .name{ line-height: 28px; color: #000; font-size: 20px; height: 84px; overflow: hidden; text-align: center; }
.introduce .part3 .list li .imgDiv{ padding: 10px 0 30px; }
.introduce .part3 .list li .imgDiv img{ width: 100%; }
.introduce .part3 .list li .content{ font-size: 15px; color: #221815; line-height: 26px; height: 104px; overflow: hidden; }

.introduce .part4{ background: #939697; }

.ztesPic{ position: relative; }
.ztesPic .imgDiv{ width: 58%; }
.ztesPic .imgDiv img{ width: 100%; }
.ztesPic .imgDivTel img{ width: 100%; }
.ztesPic .contentBox{ padding-left: 3%; width: 39%; }
.ztesPic .name{ padding: 95px 0 30px; font-size: 26px; color: #000; }
.ztesPic .msg{ font-size: 20px; color: #000; line-height: 30px; }
.ztesPic .swiper-pagination{ position: absolute; left: auto; right: 110px; bottom: 54px; width: auto; font-size: 40px; color: #373737;} 
.ztesPic .swiper-button-prev{ position: absolute; top: auto; left: auto; right: 215px; bottom: 58px; width: 21px; height: 41px; background: url(../images/nimg21_left2.png) no-repeat; }
.ztesPic .swiper-button-next{ position: absolute; top: auto; right: 60px; bottom: 58px; width: 21px; height: 41px; background: url(../images/nimg21_right2.png) no-repeat; }

.experience{ padding: 250px 0 30px; }
.experience .title{ text-align: center; font-size: 45px; color: #000; font-weight: bold; padding-bottom: 30px; }
.experience .content{ line-height: 36px; font-size: 20px; text-align: center; color: #000; padding-bottom: 30px;}
.experience .contentTel{ color: #000; display: none; line-height: 26px; font-size: 14px; padding:30px 10px;}
.experience .videoDiv{ position: relative; }
.experience .videoDiv .ico{ position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; }
.experience .list{ padding-top: 140px; }
.experience .list li{ margin-bottom: 100px;position: relative; padding-left: 700px; min-height: 437px; }
.experience .list li .wenBox{ height: 437px; display: table-cell; vertical-align: middle; }
.experience .list .li01{ padding-left: 0px; padding-right: 700px; }
.experience .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.experience .list .li01 .imgDiv{ right: 0px; left: auto; }
.experience .list li .name{ font-size: 26px; color: #221815; padding-bottom: 30px; }
.experience .list li .msg{ line-height: 30px; color: #221815; font-size: 18px;}
.experience .list li .btnDiv{ padding-top: 30px; }
.experience .list li .btnDiv a{ display: block; width: 160px; height: 48px; border: #000 solid 1px; color: #000; line-height: 48px; text-align: center; font-size: 18px; }
.experience .list li .btnDiv a:hover{ background: #0e0d0e; color: #fff;}
.experience .list li .imgDivTel{ display: none; padding: 0 10px; }
.experience .list li .imgDivTel img{ width: 100%; }
.experience .wen1{ text-align: center; font-size: 26px; color: #221815; padding: 30px 0; }
.experience .wen2{ text-align: center; font-size: 18px; color: #221815; line-height: 30px; }
.experience .wenTel{ display: none; padding: 0 10px; font-size: 14px; color: #221815; line-height: 26px; }

.videoDiv2{ position: relative; }
.videoDiv2 .imgDiv img{ width: 100%; }
.videoDiv2 .ico{ position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; }

.expDiv{ padding-bottom: 30px; }
.expDiv .list{ padding-top: 160px; }
.expDiv .list li{ margin-bottom: 100px;position: relative; padding-left: 700px; min-height: 437px; }
.expDiv .list li .wenBox{ height: 437px; display: table-cell; vertical-align: middle; }
.expDiv .list .li01{ padding-left: 0px; padding-right: 700px; }
.expDiv .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.expDiv .list .li01 .imgDiv{ right: 0px; left: auto; }
.expDiv .list li .name{ font-size: 26px; color: #221815; padding-bottom: 30px; }
.expDiv .list li .msg{ line-height: 30px; color: #221815; font-size: 18px;}
.expDiv .list li .btnDiv{ padding-top: 30px; }
.expDiv .list li .btnDiv a{ display: block; border: #000 solid 1px; color: #000; width: 160px; height:48px; line-height: 48px; text-align: center; font-size: 18px; }
.expDiv .list li .btnDiv a:hover{background: #0e0d0e; color: #fff;}
.expDiv .list li .imgDivTel{ display: none; padding: 0 10px; }
.expDiv .list li .imgDivTel img{ width: 100%; }
.expDiv .wen1{ text-align: center; font-size: 26px; color: #221815; padding: 30px 0; }
.expDiv .wen2{ text-align: center; font-size: 18px; color: #221815; line-height: 30px; padding-bottom: 30px; }
.expDiv .wenTel{ display: none; padding: 0 10px 40px; font-size: 14px; color: #221815; line-height: 26px; }
.expDiv .moreBtn{ width: 162px; margin: 0 auto; }
.expDiv .moreBtn a{ display: block; width: 160px; height: 48px; line-height: 48px; text-align: center; border:#000 solid 1px; color:#000; font-size: 18px;}
.expDiv .moreBtn a:hover{ color: #fff; background: #000;}


.design{ padding-top: 190px; }
.design .part1{ padding-bottom: 50px; }
.design .part1 .name{ font-size: 45px; color: #000; text-align: center; font-weight: bold; padding-bottom: 30px; }
.design .part1 .content{ line-height: 36px; font-size: 20px; color: #000; text-align: center; }
.design .part1 .contentTel{ display: none; line-height: 26px; font-size: 14px; color: #000;}
.design .part1 .imgDiv{ padding: 80px 0 140px; text-align: center;}
.design .bigImg img{ width: 100%; }
.design .imgDiv img{ width: 100%; }
.design .part2{ padding: 150px 0 55px; }
.design .part2 .name{ font-weight: bold; font-size: 45px; color: #221815; padding-bottom: 40px; text-align: center; }
.design .part2 .content{ line-height: 30px; color: #221815; text-align: center; font-size: 20px; }
.design .part2 .contentTel{ display: none; line-height: 26px; font-size: 14px; color: #000;}
.design .part2 .imgDiv{ padding: 120px 0 260px; }
.design .part3{ margin-top: 35px; background: #eee; padding: 110px 0 185px;}
.design .part3 .name{ font-size: 45px; color: #221815; text-align: center; font-weight: bold; padding-bottom: 30px;}
.design .part3 .content{ font-size: 20px; color: #221815; text-align: center; line-height: 30px; padding-bottom: 115px; }
.design .part3 .contentTel{ display: none; line-height: 26px; font-size: 14px; color: #000;}
.design .part3 .list ul{ margin: 0 -12px; }
.design .part3 .list li{ float: left; width: 25%; text-align: center; margin-bottom: 60px;}

.system{ padding: 230px 0 50px; }
.system .list li{ margin-bottom: 100px;position: relative; padding-left: 700px; min-height: 437px; }
.system .list li .wenBox{ height: 437px; display: table-cell; vertical-align: middle; }
.system .list .li01{ padding-left: 0px; padding-right: 700px; }
.system .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.system .list .li01 .imgDiv{ right: 0px; left: auto; }
.system .list li .name{ font-size: 26px; color: #221815; padding-bottom: 40px; }
.system .list li .msg{ line-height: 30px; color: #221815; font-size: 18px;}
.system .list li .btnDiv{ padding-top: 30px; }
.system .list li .btnDiv a{ display: block; width: 160px; height: 48px; border: #000 solid 1px; color: #000; line-height: 48px; text-align: center; font-size: 18px; }
.system .list li .btnDiv a:hover{ background: #0e0d0e; color: #fff;}
.system .list li .imgDivTel{ display: none; padding: 0 10px; }
.system .list li .imgDivTel img{ width: 100%; }
.system .wen1{ text-align: center; font-size: 26px; color: #221815; padding: 30px 0; }
.system .wen2{ text-align: center; font-size: 18px; color: #221815; line-height: 30px; }
.system .wenTel{ display: none; padding: 0 10px; font-size: 14px; color: #221815; line-height: 26px; }


.systemFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.systemFlashTel .slick .imgDiv img{ width:100%;}
.systemFlashTel .slick .contentBox{ background: #1a1a1a; height: 190px; padding: 0 8%; }
.systemFlashTel .slick .txt1{ font-size: 18px; color: #fff; font-weight: bold; padding-top: 15px; padding-bottom: 10px;}
.systemFlashTel .slick .txt2{ font-size: 14px; color: #fff; padding-bottom: 32px;overflow: hidden;line-height:20px;}
.systemFlashTel .slick-dots{position:absolute; z-index:5; left:0px; bottom:195px; width:100%; text-align:center;}
.systemFlashTel .slick-dots li{display:inline-block; margin:0 5px; width:35px; height:1px; background:#a0a0a0; cursor:pointer;}
.systemFlashTel .slick-dots .slick-active{ background:#fff;}

.store{ position: relative; overflow: hidden;}
.store .mapDiv{margin-left:430px;}
.store .mapDiv img{ width: 100%; }
.store .leftLayer{ position: absolute; left: 0px; top: 0px; width: 430px; background: #dcdcdc; z-index: 5; height: 100%; }
.store .leftLayer .result{ font-size: 20px; color: #000; padding: 35px 0 10px 40px; }
.store .leftLayer .form{ padding: 0 50px 0 40px; height: 80px;}
.store .leftLayer .form .box1{border: #cecece solid 1px; width: 298px; height: 55px;}
.store .leftLayer .form .box2{ width: 40px; height: 57px;}
.store .leftLayer .input1{ background: #fff; width: 100%; height: 55px; line-height: 55px; font-size: 15px; color: #6e6e6e; text-indent: 10px; }
.store .leftLayer .btn1{ width: 40px; height: 57px; background: #000 url(../images/nimg21_2.png) center no-repeat;}
.store .leftLayer .listBox{ height: 100%; border-top: #cecece solid 1px; overflow-x: auto;}
.storeName{ cursor: pointer; background: #fff; border-bottom: #cecece solid 1px; height: 62px; padding: 0 46px 0 40px; }
.storeName .name{ padding-right: 30px; height: 62px; line-height: 62px; overflow: hidden; font-size: 14px; color: #000; background: url(../images/nimg18_1.jpg) right center no-repeat;}
.storeName .name em{ display: inline-block; width: 34px; font-size: 18px; }
.storeContent{ display: none; background: #dcdcdc; padding: 20px 56px 40px 40px;}
.storeContent .name{ font-size: 18px; color: #000; padding-bottom: 8px; }
.storeContent .msg{ font-size: 16px; color: #000; line-height: 30px; }
.storeContent .links{ padding-top: 10px; }
.storeContent .links li{ padding-left: 60px; font-size: 16px; position: relative; height: 46px; line-height: 46px; margin-bottom: 5px;}
.storeContent .links li a{ color: #000; display: block;}
.storeContent .links li img{ position: absolute; left: 0px; top: 0px; }

.storeTips{ padding: 95px 0 105px; }
.storeTips .msg{ line-height: 36px; text-align: center; font-size: 20px; color: #000; }

.storeTel{ padding-top: 110px; }
.storeTel .bigBox{ position: relative; }
.storeTel .mapDiv img{ width: 100%; }
.storeTel .form{ position: absolute; left: 5%; width: 90%; top: 20px; }
.storeTel .form .box1{ height: 45px; line-height: 45px; background: #fff; border: #cecece solid 1px; }
.storeTel .form .input1{ width: 100%; height: 45px; line-height: 45px; text-indent: 12px; color: #6e6e6e; font-size: 14px; }
.storeTel .form .btn1{ position: absolute; right: 0px; top: 0px; width: 50px; height: 47px; background: #000 url(../images/nimg79_1.png) center no-repeat; background-size: 28px; }

.store2{ padding-top:100px; background: #dcdcdc; }
.store2 .bigBox{ position: relative; padding-top: 20px; }

.store2 .form{  padding:0 5%; position: relative;}
.store2 .form .box1{ height: 45px; line-height: 45px; background: #fff; border: #cecece solid 1px; }
.store2 .form .input1{ width: 100%; height: 45px; line-height: 45px; text-indent: 12px; color: #6e6e6e; font-size: 14px; }
.store2 .form .btn1{ position: absolute; right: 5%; top: 0px; width: 50px; height: 47px; background: #000 url(../images/nimg21_2.png) center no-repeat; background-size: 28px; }
.store2 .listBox{ padding-top: 10px; }

.pageBox .singleCon h2,.pageBox .singleCon h3{font-size:24px;}
.pageBox .singleCon{font-size:20px;}

.mar130{margin-bottom:130px;}
.mar130 .contentBox3{
    padding-bottom: 30px;
}
.mar130 .contentBox:last-child{padding-bottom:0;}
.mar130 .bigImg:last-child{padding: 30px 0 0;}

.experience2{padding-bottom:0;}
.expDiv2 .list{padding-top: 100px;}
.expDiv2 .list li{margin-bottom:0;}
.expDiv2 .wen1{padding: 100px 0 30px;}

.storeContent{width:317px;}
.storeContent .swiper-container .img img{width:100%;}

.storeContent .swiper-button-next,.storeContent .swiper-button-prev{width: 20px;height: 32px;background-size: 20px 32px;margin-top: -16px;}
/*  */
@media (max-width:1440px){
    .case .list li .imgDiv{height:210px;}
}
@media (min-width:1024px){
    .productList .list li .imgDiv{height:200px;}

}
@media (max-width:767px){
    .store2{padding-top:20px;}
    .store2 .listBox{height:500px;}
    .case .list li .imgDiv{height:auto;}
    /*  */
    .classify li{font-size:12px;width:90px;height:40px;line-height:40px;}
    /*  */
    .video_box{width:98%;left:1%;margin-left:0;margin-top:0;transform:translateY(-50%);height:auto;}
}