/*banner*/

.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 

.ind-banner .swiper-slide {height: 100vh; 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: 32px!important; } 

.ind-banner .swiper-pagination-bullet {width: 13px; height: 13px; opacity: 1; background: url(../images/ico1.png) center no-repeat; margin-left:12px!important; } 

.ind-banner .swiper-pagination-bullet-active {background: url(../images/ico1on.png) center no-repeat!important; } 

.ind-banner .one{position: absolute; left: 0; top:45vh; text-align: center; width: 100%;} 

.ind-banner .one .txt{font-size: 72px;color:#fff; line-height: 72px; font-family:thin;} 

.ind-banner .one .txt span{ padding: 0 125px; }

.ind-banner .one .msg{ font-size: 24px; color: #fff; padding-top: 40px; } 

.ind-banner .one .msg em{ padding: 0 100px; }

.ind-banner .one .msg b{ padding: 0 100px; }

.ind-banner .two{ position: absolute; left: 50%; margin-left: -600px; top: 50%; margin-top: -130px; font-family:thin;} 

.ind-banner .two .msg{  font-size: 18px; color: #0091d7; border: #0091d7 solid 2px; width: 166px; height: 28px; border-radius: 24px; -moz-border-radius: 24px; text-align: center; line-height: 28px;} 

.ind-banner .two .txt{ color: #f7f7f7; font-size: 72px; line-height: 72px; padding: 25px 0 10px;}

.ind-banner .two .txt em{ padding-right: 16px; }

.ind-banner .two .wen{ font-size: 30px; color: #f7f7f7;} 

.ind-banner .two .ico{ margin-top: 30px; display: block; width: 169px; height: 49px; background: url(../images/btn1.png) no-repeat center; text-indent: 32px; line-height: 48px; color: #fff; font-size: 18px;} 

.ind-banner .txt3{text-align: center; top:40vh; left: 0; right: 0;} 

.ind-banner .txt3 em{font-size: 20px;color: #283b59}

.ind-banner .swiper-button-prev{ left: 5%; margin-top: -44px; } 

.ind-banner .swiper-button-next{ right: 5%; margin-top: -44px; } 





/*banner结束*/



.bannerTel{ display: none; }

.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}

.indexFlashTel .slick img{ width:100%;}

.indexFlashTel .slick-dots{position:absolute; z-index:10; left:0px; bottom:12px; width:100%; text-align:center;}

.indexFlashTel .slick-dots li{display:inline-block; margin:0 6px; width:13px; height:13px; background:url(../images/ico1.png) no-repeat center; cursor:pointer; background-size: 10px;}

.indexFlashTel .slick-dots .slick-active{ background:url(../images/ico1on.png) no-repeat center; background-size: 10px;}



.indexTitle{ text-align: center; }

.indexTitle .title1{ font-weight: bold; font-size: 40px; line-height: 40px; color: #fff;}

.indexTitle .title2{ padding-top: 20px; font-size: 24px; color: #777b80; text-transform: uppercase;}



.indexPart1{ /*border-top: #29292c solid 10px;*/ padding-top: 85px; height: 835px; background: url(../images/indexPart1.jpg) no-repeat center; background-size: cover;}

.indexPart1 .msg{ text-align: center; font-size: 16px; color: #a0a3a8; padding: 24px 0 36px;}

.indexPart1Pic{ position: relative; }

.indexPart1Pic .slick .box{ margin: 0 6px; height: 465px; background: url(../images/nimg390Bg.jpg) no-repeat center; background-size: 100% 100%;}

.indexPart1Pic .slick .box2{ background: url(../images/nimg390Bg2.jpg) no-repeat center; background-size: 100% 100%;}

.indexPart1Pic .slick .box3{ background: url(../images/nimg390Bg3.jpg) no-repeat center; background-size: 100% 100%;}

.indexPart1Pic .slick a{ display: block; width: 100%; height: 100%; }

.indexPart1Pic .slick .imgDiv{ text-align: center; padding: 40px 0 10px; }

.indexPart1Pic .slick .name{ text-align: center; font-size: 24px; color: #fff; font-weight: bold; height: 32px; line-height: 32px; overflow: hidden;}

.indexPart1Pic .slick .wen{ font-size: 16px; color: #fff; text-align: center; }

.indexPart1Pic .slick-prev{ display: block; position: absolute; left: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(../images/nimg48_left.png) no-repeat center; z-index: 5;}

.indexPart1Pic .slick-next{ display: block; position: absolute; right: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(../images/nimg48_right.png) no-repeat center; z-index: 5;}

.indexPart1Pic .slick-prev:hover{ background: url(../images/nimg48_lefton.png) no-repeat center; }

.indexPart1Pic .slick-next:hover{ background: url(../images/nimg48_righton.png) no-repeat center; }



.indexPart2{ background: url(../images/indexPart2.jpg) no-repeat center; background-size: cover; padding-top: 105px; height: 760px; position: relative;}

.indexPart2 .contentBox{ overflow: hidden; position: relative;}

.indexPart2 .leftDiv{ padding-top: 70px; }

.indexPart2 .txt{ color: #fff; font-size: 30px; padding-bottom: 20px; }

.indexPart2 .wen{ color: #fff; font-size: 16px; padding-bottom: 45px; }

.indexPart2 .videoImg{ border: #343434 solid 1px; -webkit-box-shadow: 0 17px 40px 0 rgba(0,0,0,.6); box-shadow: 0 17px 40px 0 rgba(0,0,0,.6);}

.indexPart2 .more{ padding-top: 55px; }

.indexPart2 .more a{ display: block; width: 96px; color: #fff; font-size: 16px; background: url(../images/nimg9_1.png) no-repeat right center; }

.indexPart2 .imgDiv{ position: absolute; right:0; top: 0px; padding-top:152px;}

.indexPart2 .videoImg video {width:478px;  }

.indexPart2 .imgDiv .detail{width:600px;padding-bottom: 0;}

.indexPart2 .imgDiv .detail .txt1{font-size: 24px; color: #fff; padding: 20px 0 10px;}

.indexPart2 .imgDiv .detail .txt2{font-size: 48px; color: #fff; text-transform: uppercase; padding-bottom: 40px;}

.indexPart2 .imgDiv .detail .content{font-size: 16px; color: #fff; line-height: 30px;text-align: justify;}

.indexPart3{ background: url(../images/indexPart3.jpg) no-repeat center; background-size: cover; padding-top: 60px; height: 860px; overflow: hidden;}

.indexPart3 .tab2{ padding-top: 25px; height: 56px;}

.indexPart3 .tab2 li{ float: left; font-size: 16px; color: #a0a3a8; height: 30px; margin-right: 56px;}

.indexPart3 .tab2 .liNow{ color: #0091d7; border-bottom: #0091d7 solid 2px;}

.indexPart3 .detail{ width: 566px; height: 542px; background: #29292c; }

.indexPart3 .detail a{ display: block; width: 100%; height: 100%; }

.indexPart3 .detail .botDiv{ padding: 20px 130px 0 42px; }

.indexPart3 .detail .name{ line-height: 30px; font-size: 18px; color: #a0a3a8; font-weight: bold; height: 60px; overflow: hidden; }



.indexPart3 .detail .time{ padding-top: 15px; color: #777b80; font-weight: bold; font-size: 14px; }

.indexPart3 .list{ width: 585px; }

.indexPart3 .list li{ margin-bottom: 12px; height: 173px; }

.indexPart3 .list li a{ display: block; height: 173px; padding: 0 28px 0 272px; position: relative; background: #29292c;}

.indexPart3 .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }

.indexPart3 .list li .imgDiv img{ width:245px;}



.indexPart3 .list li .name{ padding-top: 30px; height: 60px; line-height: 30px; overflow: hidden; color: #a0a3a8; font-size: 14px; font-weight: bold; }

.indexPart3 .list li .time{ padding-top: 25px; color: #777b80; font-weight: bold; font-size: 14px;}

.indexPart3 .list li:hover a{ background: #c9c9c9; }

.indexPart3 .list li:hover .name{ color: #777b80; }

.indexPart3 .list li:hover .time{ color: #a0a3a8; }

.indexPart3 .btnDiv{ margin: 42px auto 0; width: 148px; text-transform: uppercase;}

.indexPart3 .btnDiv a{ display: block; width: 144px; height: 34px; border: #0091d7 solid 2px; border-radius: 24px; -moz-border-radius: 24px; font-size: 16px; color: #0091d7; text-align: center; line-height: 34px;}

.indexPart3 .btnDiv a:hover{ background: #0091d7; color: #fff; }



.about{ overflow: hidden; padding-bottom: 70px; }

.about .leftCon{ width: 650px; }

.about .txt1{ font-size: 24px; color: #29292c; padding: 20px 0 10px;}

.about .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 40px; }

.about .content{ font-size: 16px; color: #a0a3a8; line-height: 30px; }

.about .rightDiv{ width: 450px;padding-top: 165px;}

.aboutPic{ position: relative; }

.aboutPic .imgDiv img{ width: 100%; }

.aboutPic .slick-prev{ position: absolute; left: -62px; bottom: 0px; display: block; width: 62px; height: 62px; background: url(../images/nimg62_left.png) no-repeat center; z-index: 3;}

.aboutPic .slick-next{ position: absolute; left: 0px; bottom: 0px; display: block; width: 62px; height: 62px; background: url(../images/nimg62_right.png) no-repeat center; z-index: 3;}

.aboutPic .slick-prev:hover{ background: url(../images/nimg62_lefton.jpg) no-repeat center;}

.aboutPic .slick-next:hover{ background: url(../images/nimg62_righton.jpg) no-repeat center;}



.honor{ padding-bottom: 70px; }

.honor .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;}

.honor .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 20px; }

.honor .msg{ font-size: 16px; color: #777b80; padding-bottom: 70px; }

.honor .list{ padding: 0 130px 75px; }

.honor .list li{ float: left; width: 33.33%; text-align: center; }

.honor .list li .name{ padding-top: 15px; color: #a0a3a8; font-size: 14px; }

.honor .list li img{max-width:100%;width:189px;}

.honor .list2 li{ float: left; width: 25%; text-align: center; }

.honor .list2 li img{width: 185px;height:115px;}

.honor .list2 li .name{ padding-top: 15px; color: #a0a3a8; font-size: 14px; }

.honor2{ background: #f7f7f7; padding: 100px 0; }

.honorPic{min-height:500px; position:relative;}

.honorPic .list{padding:56px 0 0; width:1200px; margin:0 auto;}

.honorPic li{float:left; width:380px; margin:0 10px; margin-bottom:30px;  box-shadow: 0 5px 20px #e7e7e7;}.honorPic li .box{ background: #fcfcfc; }

.honorPic li .imgDiv{ padding: 25px 20px 0;}

.honorPic li img{ width:100%;}

.honorPic li .name{ height: 60px; line-height: 60px; color: #868686; text-align:center; font-size:16px;}

.honorPic .prev{display:block; background:url(../images/nimg34_left.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; left:-72px; top:50%; margin-top:-17px;}

.honorPic .next{display:block; background:url(../images/nimg34_right.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; right:-72px; top:50%; margin-top:-17px;}

.honorPic .prev:hover{ background:url(../images/nimg34_lefton.png) center no-repeat;}

.honorPic .next:hover{ background:url(../images/nimg34_righton.png) center no-repeat;}

.honorLayer{position:absolute; z-index:20; left:50%; top:0px; width:578px;  margin-left:-289px; height: 484px;}

.honorLayer .imgDiv{  padding: 35px 30px 0; background: #fff;-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);}

.honorLayer .imgDiv img{ width: 100%; }

.honorLayer .name{ display:block; text-align:center; height: 70px; line-height: 70px; font-size: 16px; background: #fff; color: #868686;-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);}





.h_banner{padding: 0 86px;position: relative;}

.h_banner .swiper-slide {width: 500px; background:#fff; padding-bottom:15px;}

.h_banner .swiper-slide .img{ padding:25px;}

.h_banner .swiper-slide img{width: 100%;}

.h_banner .swiper-slide p{font-size: 16px;text-align: center; height:48px; line-height:48px;}

.h_banner .swiper-slide-active p{ font-size:16px;}

.h_banner .swiper-button-prev{width: 34px;height: 34px;margin-top:-17px;left: 0px;background: url("../images/nimg34_left.png") no-repeat left; z-index:5;} 

.h_banner .swiper-button-next{width: 34px;height: 34px;margin-top:-17px;right: 0px;background: url("../images/nimg34_right.png") no-repeat right; z-index:5;} 

.h_banner .swiper-button-prev:hover{background-image:url("../images/nimg34_lefton.png"); } 

.h_banner .swiper-button-next:hover{background-image:url("../images/nimg34_righton.png"); } 





.bigPicLayer{ width:778px; height:570px; /*background:#fff;*/ position:absolute; z-index:111; display:none;}

.bigPicLayer .close{ display:block; width:28px; height:28px; background:url(../images/close2.jpg) no-repeat; right:18px; top:18px; position:absolute; z-index:222;}

.bigPicLayer .name{ height: 82px; line-height: 82px; text-align: center; font-size: 18px; color: #000; font-weight: bold; }

.bigPicLayer .imgDiv{ text-align:center;}

.bigPicLayer .imgDiv img{ width:620px;}



.honorPicTel{ position:relative; padding-bottom: 60px;}

.honorPicTel .slick img{ width:100%;}

.honorPicTel .slick .name{ text-align:center; height: 40px; line-height: 40px; font-size:14px; overflow: hidden;}

.honorPicTel .slick-prev{display:block; background:url(../images/nimg34_left.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; left:50%; bottom: 10px; margin-left:-56px;}

.honorPicTel .slick-next{display:block; background:url(../images/nimg34_right.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; right:50%; bottom: 10px; margin-right:-56px;}

.honorPicTel .slick-prev:hover{ background:url(../images/nimg34_lefton.png) center no-repeat;}

.honorPicTel .slick-next:hover{ background:url(../images/nimg34_righton.png) center no-repeat;}



.technology{ padding-bottom: 10px; }

.technology .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;}

.technology .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 60px; }

.technology .list li{ height: 398px; position: relative; padding: 0 86px 0 655px;; background: #f6f6f6; margin-bottom: 70px;}

.technology .list li .contentBox{ height: 398px; display: table-cell; vertical-align: middle;width: 100%; word-wrap:break-word;text-align: justify;}

.technology .list li .name1{ font-weight: bold; font-size: 24px; color: #29292c; padding-bottom: 10px;}

.technology .list li .name2{ font-size: 16px; color: #7d7d7d;}

.technology .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.technology .list li .contentBox p{font-size:14px;}

.technology .list li dd{ font-size: 14px; line-height: 30px; padding-left: 20px; background: url(../images/ico2.png) left 12px no-repeat; }

.technology .list li .content{ font-size: 14px; line-height: 30px; color: #fff; width: 300px; }

.technology .list .li01{ padding: 0 655px 0 86px; background: #0091d7; color: #fff;}

.technology .list .li01 .imgDiv{ left: auto; right: 0px; }

.technology .list .li01 .name1{ color: #fff; }

.technology .list .li01 .name2{ color: #fff; }

.technology .list .li01 dd{ color: #fff; background: url(../images/ico2on.png) left 12px no-repeat; }

.technology .list .other{ height: 475px; }

.technology .list .other .contentBox{ height: 475px; }



.case{ padding-bottom: 55px; }

.case .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;}

.case .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 30px; }

.case .toutou{ height: 70px; position: relative; }

.case .msg{ font-size: 16px; color: #29292c; }

.case .tab22{ position: absolute; right: 0px; top: 0px; }

.case .tab22 li{ float: left; font-size: 16px; color: #29292c; margin-left: 35px;}

.case .tab22 li a{ display:block;}

.case .tab22 li .aNow{ color: #0091d7; }

.case .list{ padding-bottom: 44px; }

.case .list ul{ margin-right: -32px; }

.case .list li{ float: left; width: 50%; margin-bottom: 32px;}

.case .list li .box{ margin-right: 32px; position: relative;}

.case .list li .imgDiv img{ width: 100%; }

.case .list li .hideBox{ position: absolute; left: 0px; top: 0px; width: 100%; display: none; z-index: 2; background: url(../images/bg3.png) repeat; }

.case .list li .hideBox a{ display: block; width: 100%; height: 100%; }

/*.case .list li .mxf{ height: 110px; position: absolute; left: 0px; width: 100%; top: 50%; }

.case .list li .name{ text-align: center; color: #fff; font-weight: bold; font-size: 22px; }

.case .list li .ico{ text-align: center; padding-top: 20px; }*/

.case .list li .mxf{ height: 136px; position: absolute; left: 0px; width: 100%; top: 50%; margin-top: -68px;}

.case .list li .name{ text-align: center; color: #fff; font-weight: bold; font-size: 22px; height:30px; padding-bottom:10px;}

.case .list li .ico{ text-align: center; padding-top: 20px; }

.case .list li .msg{ color:#fff; font-size:14px; line-height:24px; height:96px; overflow:hidden; padding:0 35px;}



.quesTab{ text-align: center; padding-bottom: 60px;}

.quesTab li{ display: inline-block; margin: 0 18px;}

.quesTab li a{ height: 32px; font-size: 16px; color: #747474; display: block;}

.quesTab li .aNow, .quesTab li a:hover{ color: #3bcaf6; border-bottom: #3bcaf6 solid 4px; }



.question{ padding-bottom: 30px; }

.question .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;}

.question .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 10px; }

.question .list{ padding-bottom: 75px; }

.question .list li{ padding-top: 45px; height: 122px; background: url(../images/line1.png) bottom repeat-x;}

.question .list li .wen{ margin-bottom: 13px; padding-left: 46px;  position: relative; line-height: 24px; padding-top: 3px; font-size: 14px; font-weight: bold;}

.question .list li .wen em{ font-weight: 400; position: absolute; left: 0px; top: 0px; background: url(../images/limg27_1.png) no-repeat; display: block; width: 27px; height: 27px; color: #fff; font-size: 14px; line-height: 27px; text-align: center;}

.question .list li .da{ padding-left: 46px;  position: relative; line-height: 24px; padding-top: 3px; font-size: 14px; height: 48px; overflow: hidden;}

.question .list li .da em{ font-weight: 400; position: absolute; left: 0px; top: 0px; background: url(../images/limg27_2.png) no-repeat; display: block; width: 27px; height: 27px; color: #fff; font-size: 14px; line-height: 27px; text-align: center;}



.maintain{ overflow: hidden; padding-bottom: 70px;}

.maintain .leftDiv{ width: 600px; }

.maintain .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;}

.maintain .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 50px; }

.maintain .content{ font-size: 16px; line-height: 30px; color: #777b80; }

.maintain .rightImg{ padding-top: 40px; }



.service{ overflow: hidden; padding-bottom: 10px;}

.service li{ overflow: hidden; margin-bottom: 85px; }

.service .leftDiv{ width: 630px; }

.service .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;}

.service .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 55px; }

.service .msg{ font-size: 16px; color: #575757; font-weight: bold; line-height: 30px; padding-bottom: 30px;}

.service .content{ font-size: 16px; line-height: 30px; color: #777b80; }

.service .rightImg{ padding-top: 40px; }

.service .rightImg2{ padding-top: 0px; }

.service .tel{ padding-top: 35px; color: #585858; font-weight: bold; font-size: 16px; }

.service .tel em{ padding-left: 40px; }



/*.videoPic .agentlist{ height:243px;}*/

.video{ padding-bottom: 80px; }

.videoPic .agentlist{ margin:0 -12px;}



.videoPic .agentlist .slick-slide{float:left; margin:0 12px;}

.videoPic .slick-slide .ico{ opacity: .5;}

.videoPic .slick-slide .name{ padding-top:20px; font-size:18px; text-align:center;}

.videoPic .slick-slide img{ width:100%;}

.videoPic .agentlist .slick-current .ico{ opacity: 1;}

.videoPic .agentlist .slick-current .name{ color:#0091d7;}

.videoPic .slick-prev{ cursor:pointer;position:absolute; background:url(../images/nimg48_left2.png) no-repeat left center; width:48px; height:48px; top:50%; margin-top:-24px; left:-65px; z-index:22}

.videoPic .slick-next{ cursor:pointer;background: url(../images/nimg48_right2.png) no-repeat right center; width: 48px; height: 48px; position: absolute; top:48%; margin-top:-24px; right: -65px; z-index:22}

.videoPic .slick-prev:hover{ background:url(../images/nimg48_left2on.png) no-repeat left center;}

.videoPic .slick-next:hover{ background:url(../images/nimg48_right2on.png) no-repeat left center;}

.videoPic .slider-for .box{ position:relative; padding-bottom:44px;}

.videoPic .slider-for .imgDiv{ text-align:center; width:1200px; margin:0 auto;}

 .videoPic .slider-for video

    {

    width:1200px;

    height:759px;

    }

.videoPic .slider-for .title{ text-align: center; font-size: 26px; color: #29292c; padding-bottom: 15px; }

.videoPic .slider-for .time{ font-size: 14px; color: #9c9c9c; padding-bottom: 40px; text-align: center; }



.productBox{ background: #f5f5f5; padding: 30px 0 85px;}

.product .tab2{ padding-bottom: 60px;position: relative; }

/*.product .tab2 li{ float: left; width: 16.66%; text-align: center; }

.product .tab2 li .limg .img1{ display: none; }

.product .tab2 li .name{ font-size: 16px; color: #5c5c60; padding-top: 10px; }

.product .tab2 .liNow .name{ color: #0091d7; font-weight: bold; }

.product .tab2 .liNow .limg img{ display: none; }

.product .tab2 .liNow .limg .img1{ display: inline-block; }*/

.product .tab2 ul{ margin-right:-25px;display: flex;justify-content: space-between;flex-wrap: wrap;}

.product .tab2 li{ width:25%; float:left;}

.product .tab2 li .box{ margin-right:25px; height:180px; background:#fff; position:relative; padding-left:124px;}



.product .tab2 li .limg{ position:absolute; left:0px; top:0px;}

.product .tab2 li .name1{ font-size:19px; color:#333; font-weight:bold; line-height:180px;}

.product .tab2 li .name2{ font-size:14px; color:#999; padding-top:15px;}


.product .tab2::after{content: "";width:1200px;border-bottom: 1px solid rgb(192, 190, 190);position: absolute;  left: 0;bottom: 35px;}
.product .tab2 li.liNow .box{position: relative;background: #ffe4af;}

/* .product .tab2 li.liNow .name1{color: #00C0E7!important;} */


.product .list ul{ margin-right: -30px; }

.product .list li{ float: left; width: 50%; margin-bottom: 30px; }

.product .list li .box{ margin-right: 30px; background: #fff; position: relative; height: 300px; overflow: hidden; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.product .list li a{ position: relative; display: block; width: 100%; height: 100%; }

.product .list li .imgDiv{ position: absolute; right: 50px; top: 0px; }

.product .list li .imgDiv img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}

.product .list li .name{ padding: 55px 0 0 40px; font-size: 36px; color: #000; }

.product .list li .msg{ padding: 10px 0 0 40px; height: 30px; line-height: 30px; overflow: hidden; font-size: 24px; color: #000; }

.product .list li .content{ color: #777; font-size: 14px; line-height: 24px; padding: 30px 0 0 40px; height: 110px; overflow: hidden; width: 275px; }

.product .list li:hover .box{ -webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.product .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.product .list li .price{ font-size:16px; padding-top:15px; padding-left:40px; color:#777;}

.product .list li .price b{ font-weight:normal;}



.proMsg{ height: 58px; background: #1a1a1a; }

.proMsg .name{ color: #fff; line-height: 58px; font-size: 30px; font-weight: bold; }

.proMsg .list li{ float: left; margin-left: 58px; line-height: 58px; font-size: 16px;}

.proMsg .list li a{ color: #777b80; }

.proMsg .list .liNow{ color:#fff;}

.proMsg .list li a:hover, .proMsg .list li .aNow{ color: #fff;}

.proMsg .list li .btn1{ margin-top: 12px; display: block; width: 102px; height: 34px; background: #0091d7; border-radius: 4px; -moz-border-radius: 4px; line-height: 34px; text-align: center; color: #fff; }



.parameter{ padding:100px 0;}

.parameter .title{ text-align: center; color: #000; font-size: 24px; padding-bottom: 38px; }

.parameter .leftDiv{ padding-left: 70px; width: 503px;}

.parameter .rightDiv{ padding-right: 70px; width: 503px;}

.parameter .list{ border-left: #d9d9d9 solid 1px; border-top: #d9d9d9 solid 1px; }

.parameter .list li{ color: #a0a3a8; border-right: #d9d9d9 solid 1px; border-bottom: #d9d9d9 solid 1px; position: relative; height: 47px; padding-left: 250px; font-size: 14px; line-height: 47px;}

.parameter .list li em{ background: #f5f5f5; text-indent: 18px; position: absolute; left: 0px; top: 0px; width: 165px; border-right: #d9d9d9 solid 1px; height: 47px; color: #000; }

.parameter .rightDiv li{ padding-left: 210px;}



.news{ padding-bottom: 80px; }

.news .list ul{ margin-right: -72px; }

.news .list li{ float:  left; margin-bottom: 85px;}

.news .list li .box{ width: 352px; margin-right: 72px; height: 498px; border-bottom: #959595 solid 1px; -webkit-transition: all .2s linear; transition: all .2s linear;}

.news .list .li01 .box{ width: 776px; } 

.news .list li .imgDiv{ position: relative; }

.news .list li .imgDiv img{ width: 100%; }

.news .list li .name{ padding-top: 40px; height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; overflow: hidden;}

.news .list li .name a{ color: #353535; }

.news .list li .name a:hover{ text-decoration: underline; }

.news .list li .content{ padding-top: 20px; line-height: 28px; height: 56px; overflow: hidden; }

.news .list li .content a{ color: #949494; }

.news .list li .botDiv{ padding-top: 25px; position: relative;}

.news .list li .time a{ color: #bfbfbf; }

.news .list li .add{ position: absolute; right: 0px; top: 25px; width: 11px; height: 11px;}

.news .list li .imgDiv2{ position: relative; }

.news .list li .imgDiv2 img{ width: 100%; }

.news .list li .wen{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 52px; background: url(../images/bg1.png) repeat; }

.news .list li .name2{ padding-left: 38px; height: 52px; line-height: 52px; overflow: hidden; font-size: 16px; color: #fff; font-weight: bold; }

.news .list li .time2{ position: absolute; right: 40px; top: 0px; line-height: 52px; color: #fff; }

.news .list li:hover .box{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }



.newShow{ width: 845px; }

.newShow .name{ font-size: 24px; color: #000; font-weight: bold; padding-bottom: 15px; }

.newShow .time{ color: #bfbfbf; padding-bottom: 40px; border-bottom: #f3f3f3 solid 1px;}

.newShow .content{ padding: 30px 0 60px; font-size: 14px; line-height: 36px; color: #999; }
.newShow .content img{max-width:100%;}

.newShow .imgDiv{ padding: 35px 0; }

.newShow .imgDiv img{ width: 845px; }



.pageDown{height:150px; position:relative;}

.pageDown .box{ border-top:#f3f3f3 dashed 1px; padding-top:45px;}

.pageDown .btn{position:absolute; display:block; top:58px; right:0px; width:128px; height:40px; background:#0091d7; text-align: center; line-height:40px; color:#fff; font-size:14px; border-radius: 24px; -moz-border-radius: 24px;}

.pageDown li{ height:32px; line-height:32px; overflow:hidden; position:relative; font-size:14px;}

.pageDown li b{ color:#333;}



.sideNews li{ border-bottom: #959595 solid 1px; padding-bottom: 20px; margin-bottom: 50px;}

.sideNews li .imgDiv img{ width: 100%; }

.sideNews li .name{ padding-top: 20px; line-height: 24px; height: 48px; font-weight: bold; color: #333; overflow: hidden; font-size: 14px;}

.sideNews li .time{ color: #bfbfbf; padding-top: 10px;}



.contact{ padding-bottom: 80px; }

.contact .midDiv{ padding-top: 55px; height: 220px; background: #f4f4f4;  overflow:hidden;}

.contact .midDiv .logo{ width: 379px; border-right: #ddd solid 1px; height: 160px; text-align: center; line-height: 160px;}

.contact .midDiv .lie{ padding-left: 52px; }

.contact .midDiv .lie li{ font-size: 14px; padding-left: 26px; position: relative; margin-bottom: 15px;}

.contact .midDiv .lie li img{ position: absolute; left: 0px; top: 4px; }

.contact .list{ padding-top: 70px; }

.contact .list ul{ margin-right: -28px; }

.contact .list li{ float: left; width: 25%;padding-top: 25px; }

.contact .list li .box{ margin-right: 28px; border-bottom: #dedede solid 1px; padding-bottom: 15px;}

.contact .list li .name{ font-size: 18px; color: #333; height: 40px;}

.contact .list li .msg{ font-size: 14px; line-height: 30px; color: #777b80; }

.contact .mapDiv{ width:1200px;height:489px;}



.joinPart1{ padding: 100px 0 115px; }

.joinPart1 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }

.joinPart1 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #0091d7;}

.joinPart1 .msg{ padding: 40px 0 60px; font-size: 16px; text-align: center; line-height: 36px; }

.joinPart1 .imgDiv{ text-align: center; }

.joinPart2{ background: #f7f7f7; padding: 80px 0 100px; }

.joinPart2 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }

.joinPart2 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #0091d7;}

.joinPart2 .msg{ padding: 40px 0 60px; font-size: 16px; text-align: center; line-height: 36px; }

.joinPart2 .list{ padding:30px 130px 0 130px; }

.joinPart2 .list li{ float: left; width: 33.3%; text-align: center;margin-bottom: 15px;padding:0 10px;height:230px;box-sizing:border-box;}

.joinPart2 .list li .ico{ position: relative; }

.joinPart2 .list li .name{ padding-top: 22px; font-size: 16px; color: #888; }
.joinPart2 .list li .cont{font-size:14px;padding-top:10px; color: #999;}

.joinPart3{ padding: 110px 0; overflow: hidden;}

.joinPart3 .leftImg{ width: 590px; }

.joinPart3 .rightCon{ width: 415px; }

.joinPart3 .title{ color: #29292c; font-size: 36px; position: relative; padding: 38px 0 32px; }

.joinPart3 .title em{ position: absolute; left: 0; bottom: 0px; width: 26px; height: 3px; display: block; background: #0091d7;}

.joinPart3 .list{ padding-top: 46px; }

.joinPart3 .list li{ margin-bottom: 20px; padding-left: 72px; height: 49px; line-height: 49px; font-size: 16px; color: #777b80; position: relative;}

.joinPart3 .list li .num{ font-size: 18px; position: absolute; left: 0px; top: 0px; width: 49px; height: 49px; background: #edeef0; text-align: center; line-height: 49px; border-radius: 4px; -moz-border-radius: 4px; }

.joinPart3 .list li .cont{line-height: 1.5;}

.joinPart4{ padding-top: 80px; overflow: hidden; height: 838px; background: url(../images/joinPart4.jpg) center no-repeat; background-size: cover;}

.joinPart4 .title{ margin-bottom: 46px; text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }

.joinPart4 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #0091d7;}

.joinPart4 .listBox{ width: 1200px; height: 603px; background: url(../images/bg4.png) repeat; border-radius: 8px; -moz-border-radius: 8px;}

.joinPart4 .list{ padding: 55px 105px 0; background: url(../images/nimg991Bg.png) center 55px no-repeat; }

.joinPart4 .list li{ float: left; width:33.3%; height: 246px;}

.joinPart4 .list li .box{ padding: 0 22px; }

.joinPart4 .list li .ico{ text-align: center; padding: 70px 0 18px; }

.joinPart4 .list li .name{ text-align: center; color: #fff; font-weight: bold; font-size: 16px; padding-bottom: 5px;}

.joinPart4 .list li .msg{ color: #fff; opacity: 0.6; font-size: 14px; line-height: 22px; }

.joinPart5{ padding: 80px 0 50px; }

.joinPart5 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }

.joinPart5 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #0091d7;}

.joinPart5 .list{ padding-top: 46px; }

.joinPart5 .list ul{ margin-right: -40px; }

.joinPart5 .list li{ float: left; width: 33.33%; margin-bottom: 38px;}

.joinPart5 .list li .box{ border-radius: 6px; -moz-border-radius: 6px; margin-right: 40px; height: 242px; box-shadow: 0px 0px 14px #ddd; -moz-box-shadow: 0px 0px 14px #ddd; }

.joinPart5 .list li .name1{ padding: 48px 0 0 35px; font-weight: bold; color: #484848; font-size: 32px; }

.joinPart5 .list li .name2{ padding: 10px 0 23px 35px; position: relative; font-size: 18px; color: #484848;}

.joinPart5 .list li .name2 em{ position: absolute; left: 35px; bottom: 0px; width: 20px; height: 3px; background: #0091d7; display: block; }

.joinPart5 .list li .msg{ padding: 28px 0 0 35px; font-size: 14px; color: #a0a3a8; }

.joinPart6{ background: url(../images/joinPart6.jpg) center no-repeat; background-size: cover; padding:40px 0 100px 0;}

.joinPart6 .title{ margin-bottom: 45px; text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }

.joinPart6 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #0091d7;}

.joinPart6 .form{padding: 44px 50px 112px;background:  #f4f4f4;}

.joinPart6 .list ul{ margin-right: -62px;}

.joinPart6 .list{ background:url(../images/line2.png) repeat-x bottom;}

.joinPart6 .form li{ width: 33.33%; float: left; }

.joinPart6 .form li .box{height:62px; padding-left: 94px;position:relative;margin-right:62px;}

.joinPart6 .form li img{ position:absolute; left:0px;top:5px;}

.joinPart6 .form li em{width: 77px;display:block;left:15px;text-align:right;top:5px;position:absolute;}

.joinPart6 .form li i{ color:#ff0000;}

.joinPart6 .form li .input1{width: 210px;height:28px;border:#dbdbdb solid 1px;line-height:28px;background: #fff;padding: 0 10px;color: #a9a9a9;}

.joinPart6 .form li select{width: 230px;height:28px;border:#dbdbdb solid 1px;line-height:28px;background: #fff;padding: 0 10px;color: #a9a9a9;}



.joinPart6 .form dl{ margin-right:-10px;}

.joinPart6 .form dd{ float:left; width:33.33%;}

.joinPart6 .form dd .lbox{ margin-right:10px;}

.joinPart6 .form dd select{ width:100%; height:28px;border:#dbdbdb solid 1px;line-height:28px;background: #fff;padding: 0 10px;color: #a9a9a9; box-sizing:border-box;}



.joinPart6 .textarea{ padding-top:30px;}

.joinPart6 .textarea .title2{ position:relative; height:40px;}

.joinPart6 .textarea .title2 img{ position:absolute; left:0px;top:5px;}

.joinPart6 .textarea .title2 em{ width:70px; display:block; left:25px; text-align:right; top:5px; position:absolute;}

.joinPart6 .textarea textarea{width: 1078px;height: 125px;border:#dbdbdb solid 1px;resize:  none;background:  #fff;padding: 10px;color: #a9a9a9;}

.joinPart6 .btnDiv{ padding-top:35px;}

.joinPart6 .btnDiv .btn1{float:left;width:120px;height:36px;color:#fff;font-size:14px;cursor:pointer;text-align:center;line-height:36px;background: #0091d7;margin-right:20px;border-radius: 50px;}

.joinPart6 .btnDiv .btn2{ background:#cccccc;}

.joinPart6 textarea::-webkit-input-placeholder{color: #a9a9a9;} 

.joinPart6 textarea:-moz-placeholder{color: #a9a9a9; } 

.joinPart6 textarea::-moz-placeholder{color: #a9a9a9; } 

.joinPart6 textarea:-ms-input-placeholder{color: #a9a9a9; }



.proShow1{ overflow: hidden; height: 864px; background: url(../images/proShow1Bg.jpg) center no-repeat; background-size: cover;}

.proShow1 .wal{ position: relative; height: 864px;}

.proShow1 .model{ text-align: center; position: absolute; top: 65px; left:0px; width: 100%; font-size: 40px; color: #fff; z-index: 2;}

.proShow1 .imgDiv{ position: absolute; top: 165px; left:0; text-align: center;  z-index: 2; width: 100%;}



.proShow2{ overflow: hidden; height: 864px; background: url(../images/proShow2Bg.jpg) center no-repeat; background-size: cover;}

.proShow2 .wal{ position: relative; height: 864px;}

.proShow2 .txtDiv{ right: 50%; margin-right: -600px; top: 385px; position: absolute; }

.proShow2 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow2 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow2 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }



.proShow3{ overflow: hidden; height: 864px; background: url(../images/proShow3Bg.jpg) center no-repeat; background-size: cover;}

.proShow3 .wal{ position: relative; height: 864px;}

.proShow3 .txtDiv{ left: 50%; margin-left: -600px; top: 385px; position: absolute; }

.proShow3 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow3 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow3 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }



.proShow4{ overflow: hidden; height: 864px; background: url(../images/proShow4Bg.jpg) center no-repeat; background-size: cover;}

.proShow4 .wal{ position: relative; height: 864px;}

.proShow4 .txtDiv{ right: 50%; margin-right: -600px; top: 280px; position: absolute; }

.proShow4 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow4 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow4 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }



.proShow5{ overflow: hidden; height: 864px; background: url(../images/proShow5Bg.jpg) center no-repeat; background-size: cover;}

.proShow5 .wal{ position: relative; height: 864px;}

.proShow5 .txtDiv{ left: 50%; margin-left: -600px; top: 305px; position: absolute; }

.proShow5 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow5 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow5 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }

.proShow5 .txtDiv .limg{ padding-top: 50px; padding-left: 24px;}



.proShow6{ overflow: hidden; height: 864px; background: url(../images/proShow6Bg.jpg) center no-repeat; background-size: cover;}

.proShow6 .wal{ position: relative; height: 864px;}

.proShow6 .txtDiv{ right: 50%; margin-right: -600px; top: 300px; position: absolute; }

.proShow6 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow6 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow6 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }



.proShow7{ overflow: hidden; height: 864px; background: url(../images/proShow7Bg.jpg) center no-repeat; background-size: cover;}

.proShow7 .wal{ position: relative; height: 864px;}

.proShow7 .txtDiv{ left: 50%; margin-left: -600px; top: 325px; position: absolute; }

.proShow7 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow7 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow7 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }



.proShow8{ overflow: hidden; height: 864px; background: url(../images/proShow8Bg.jpg) center no-repeat; background-size: cover;}

.proShow8 .wal{ position: relative; height: 864px;}

.proShow8 .txtDiv{ right: 50%; margin-right: -600px; top: 335px; position: absolute; }

.proShow8 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow8 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow8 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }

.proShow8 .txtDiv .limg{ padding-top: 30px; padding-left: 24px;}



.proShow9{ overflow: hidden; height: 864px; background: url(../images/proShow9Bg.jpg) center no-repeat; background-size: cover;}

.proShow9 .wal{ position: relative; height: 864px;}

.proShow9 .txtDiv{ left: 50%; margin-left: -600px; top: 335px; position: absolute; }

.proShow9 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow9 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow9 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }



.proShow10{ overflow: hidden; height: 864px; background: url(../images/proShow10Bg.jpg) center no-repeat; background-size: cover;}

.proShow10 .wal{ position: relative; height: 864px;}

.proShow10 .txtDiv{ right: 50%; margin-right: -600px; top: 350px; position: absolute; }

.proShow10 .txtDiv .txt1{ padding-left: 24px; color: #fff; font-size: 36px; height: 50px; line-height: 50px;}

.proShow10 .txtDiv .txt1 em{ position: absolute; left: 0px; top: 8px; display: block; width: 2px; height: 32px; background: #fff; }

.proShow10 .txtDiv .txt2{ font-size: 24px; padding: 10px 0 0 24px; color: #fff; line-height: 40px; }

.proShow10 .txtDiv .limg{ padding-top: 30px; padding-left: 24px;}



.proShow11{ overflow: hidden; height: 864px; background: url(../images/proShow11Bg.jpg) center no-repeat; background-size: cover;}

.proShow11 .wal{ position: relative; height: 864px;}

.proShow11 .txtDiv{ position: absolute; width: 100%; text-align: center; top: 85px; left: 0px;}

.proShow11 .txt{ left:0px; font-size: 36px; color: #fff; z-index: 2;}

.proShow11 .txt span{ padding: 0 25px; }

.proShow11 .txt em{display: inline-block; width: 2px; height: 32px; background: #fff; position: relative; top: 3px;}

.proShow11 .limg{ padding-top: 95px; text-align: center;  z-index: 2; width: 100%;}



.proShow12{ overflow: hidden; height: 864px; background: url(../images/proShow12Bg.jpg) center no-repeat; background-size: cover;}

.proShow12 .wal{ position: relative; height: 864px;}

.proShow12 .limg1{ padding-top: 70px; text-align: center; }

.proShow12 .limg2{ position: absolute; right: 50%; margin-right: -600px; bottom: 0px; width: 532px;}



.productShow .bigImg img{ width: 100%; }











.bigPicLayer{ display: none; width:1000px; height:556px; position:fixed; z-index:111; top: 50% !important; margin-top:-278px ; padding: 10px; }

.bigPicLayer .close{ display:block; width:38px; height:38px; background:url(../images/m5_off.png) no-repeat; left: 50%; margin-left: -15px ; top:-80px; position: relative; position:absolute; z-index:222;}

.bigPicLayer .close em{ width: 1px; height: 50px; background: #FFFFFF; display: block; position: absolute; left: 50%; margin-left: -0.5px; top: 100%;  }

.bigPicLayer .imgDiv{ text-align:center;}

.bigPicLayer .imgDiv img{ width:100%;}

.bigPicLayer .imgDiv span{ display: block; text-align: center;font-size: 18px; margin-top: 16px; color: #fff; font-weight: bold; position: absolute; left: 0; top: 100%; width: 100%; }



.indexPart4{ background: url(../images/indexPart1.jpg) no-repeat center; background-size: cover;padding: 60px 0 100px 0;}

.indexPart4 .tabContent2{padding-top:40px;}



.indexPart4  .list .h1{font-size: 24px; color: #29292c;text-align: center;padding-bottom: 20px;}

.indexPart4  .list ul li input{height: 50px;line-height: 50px;width: 500px;background-color: #fff;margin-bottom: 15px;border: 1px solid #666;padding-left: 10px;color: #333;

box-sizing: border-box;}

.indexPart4  .list ul li textarea{width: 500px;height: 150px;padding-left: 10px;padding-top: 10px;background-color: #fff;margin-bottom: 15px;border: 1px solid #666;box-sizing: border-box;}

.indexPart4  .list .btn{color: #0091d7;height: 50px;line-height: 50px;width: 500px;text-align: center;border-radius: 25px;border: 1px solid #0091d7;

font-size: 20px;}

.indexPart4 .tabContent2 .detail img{max-width: 100%;}

.indexPart5{ background: url(../images/indexPart2.jpg) no-repeat center; background-size: cover;padding: 60px 0 60px 0;}

/* .indexPart5 .tabContent2{padding-top:40px;display: flex;align-items: center;flex-wrap: wrap;} */

/* .indexPart5 .tabContent2 img{width:228px;margin-right: 15px;margin-bottom: 15px;}
.indexPart5 .tabContent2 img:nth-of-type(5n){margin-right: 0;} */

.indexPart5 .tabContentDiv2{padding-top:40px;position: relative;padding-bottom: 30px;}
.indexPart5 .tabContentDiv2 .swiper-container .swiper-slide img{width: 100%;}
.indexPart5 .tabContentDiv2  .indexPart5-prev{display: block;position: absolute; left: -80px;  top: 50%; margin-top: -24px; width: 48px; height: 48px;
    background: url(../images/nimg48_left.png) no-repeat center; z-index: 5;}
.indexPart5 .tabContentDiv2  .indexPart5-next{    display: block; position: absolute; right: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px;
     background: url(../images/nimg48_right.png) no-repeat center; z-index: 5;}

 @media screen and (max-width: 1300px){
    .indexPart5 .tabContentDiv2  .indexPart5-prev{ left: 130px;  top: 100%; margin-top:0; }
    .indexPart5 .tabContentDiv2  .indexPart5-next{ right:130px; top: 100%; margin-top:0;}
}


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

    .indexPart4 .detail{width: 90%; margin-left: 5%;}

    .indexPart4 .list{padding-top: 30px;width: 90%; margin-right: 5%;}

    .indexPart4 .list ul li input{ width: 100%;}

    .indexPart4 .list ul li textarea{width: 100%;}

    .indexPart4 .list .btn{width: 100%;}

    .product .tab2::after{bottom: 20px;}

    /* .indexPart5 .tabContent2 img{width:225px;}

    .indexPart5 .tabContent2 img:nth-of-type(5n){margin-right:15px;}  */
}
@media screen and (max-width: 600px){

    .indexPart4{padding: 30px 0 30px 0;}

    .indexPart4 .tabContent2{padding-top: 20px;}

    .indexPart4 .detail{width: 90%; margin-left: 5%;}

    .indexPart4 .list{padding-top: 20px;}

    .indexPart4 .list ul li input{height: 30px;line-height: 30px;}

    .indexPart4 .list ul li textarea{height: 50px;    padding-top:5px;}

    .indexPart4 .list .btn{height: 30px;line-height: 30px; font-size: 14px;    }

    .indexPart5 .tabContentDiv2  .indexPart5-prev{  width:35px; height: 35px;background-size: cover;}
    .indexPart5 .tabContentDiv2  .indexPart5-next{ width:35px; height: 35px;background-size: cover;}
}

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

    /* .indexPart5 .tabContent2{padding-top:30px;justify-content: center;}

    .indexPart5 .tabContent2 img{width:160px;}

    .indexPart5 .tabContent2 img:nth-of-type(2n){margin-right: 0;} */

    .indexPart5 .tabContentDiv2{padding: 20px; padding-top:20px;}

}

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

    .indexPart5 .tabContent2 img{width:140px;}

}
.PC-Box {background-color: #101012;}
.PC-Box  img{max-width: 750px;width: 100%;margin: 0 auto;display: block;}

.article_box p img{max-width: 750px;width: 100%;margin: 0 auto;display: block;}