﻿/*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/home/ico1.png) center no-repeat; margin-left:12px!important; } 
.ind-banner .swiper-pagination-bullet-active {background: url(../../images/home/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: #03479a; border: #03479a 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/home/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/home/ico1.png) no-repeat center; cursor:pointer; background-size: 10px;}
.indexFlashTel .slick-dots .slick-active{ background:url(../../images/home/ico1on.png) no-repeat center; background-size: 10px;}

.indexTitle{ text-align: center; }
.indexTitle .title1{ /* font-weight: bold; */ font-size: 40px; line-height: 40px; color: #007bd0;}
.indexTitle .title3{ font-size: 40px; line-height: 40px; color: #007bd0;}
.indexTitle .title2{ padding-top: 20px; font-size: 24px; color: #007bd0; text-transform: uppercase;}

.indexPart1{ /*border-top: #29292c solid 10px;*/ padding-top: 85px; height: 835px;background:#f7f7f7;}
.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/home/nimg390Bg.jpg) no-repeat center; background-size: 100% 100%;}
.indexPart1Pic .slick .box2{ background: url(../../images/home/nimg390Bg2.jpg) no-repeat center; background-size: 100% 100%;}
.indexPart1Pic .slick .box3{ background: url(../../images/home/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/home/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/home/nimg48_right.png) no-repeat center; z-index: 5;}
.indexPart1Pic .slick-prev:hover{ background: url(../../images/home/nimg48_lefton.png) no-repeat center; }
.indexPart1Pic .slick-next:hover{ background: url(../../images/home/nimg48_righton.png) no-repeat center; }


.indexPart2{ background: url(../../images/home/indexPart2.jpg) no-repeat center; background-size: cover; padding-top: 55px;padding-bottom: 55px; max-height: 835px; position: relative;}
.indexPart2::after{content: '';display: block;clear: both;}
.indexPart2 .contentBox{ overflow: hidden;position: relative;width:90%;margin: 0px auto;}
.indexPart2 .leftDiv{ padding-top: 70px; width: 45% ;}
.indexPart2 .txt{ color: #fff; font-size: 34px; padding-bottom: 20px; }
.indexPart2 .wen{ color: #a1a1a1; font-size: 18px; padding-bottom: 45px; }
.indexPart2 .text{ color: #a1a1a1; font-size: 16px; line-height: 40px;}
.indexPart2 .more{ padding-top: 55px; }
.indexPart2 .more a{ padding-right: 20px; color: #fff; font-size: 24px; background: url(../../images/home/nimg9_1.png) no-repeat right center; }
.indexPart2 .imgDiv{ position: absolute;width: 45%; right: 50%; margin-right: -50%; bottom: 0px; }
.indexPart2 .imgDiv img{max-width: 100%;}
.indexPart2 .video{ position: absolute;width: 45%; right: 50%; margin-right: -50%; bottom: 0px;height:400px; }
.indexPart2 .video video{width: 100%;height:400px;outline: none;background-color:#fff;}


.indexPart3{ background: url(../../images/home/indexPart3.jpg) no-repeat center; background-size: cover; padding-top: 105px; height: 835px; position: relative;}
.indexPart3 .contentBox{ overflow: hidden; position: relative;padding:50px 0px;text-align:center;}
.indexPart3 .contentBox video{width: 100%;max-width:950px;outline: unset;}
.indexPart3 .more{ padding-top: 55px; }
.indexPart3 .more a{ padding-right: 20px; color: #fff; font-size: 24px; background: url(../../images/home/nimg9_1.png) no-repeat right center; }

.indexPart4{ background:#eaeaea;padding-top: 60px; height: 860px; overflow: hidden;}
.indexPart4 .tab2{ padding-top: 25px; height: 56px;}
.indexPart4 .tab2 li{ float: left; font-size: 16px; color: #a0a3a8; height: 30px; margin-right: 56px;}
.indexPart4 .tab2 .liNow{ color: #03479a; border-bottom: #03479a solid 2px;}
.indexPart4 .detail{ width: 566px; height: 542px; background: #29292c; }
.indexPart4 .detail a{ display: block; width: 100%; height: 100%; }
.indexPart4 .detail .botDiv{ padding: 20px 130px 0 42px; }
.indexPart4 .detail .name{ line-height: 30px; font-size: 18px; color: #a0a3a8; font-weight: bold; height: 60px; overflow: hidden; }

.indexPart4 .detail .time{ padding-top: 15px; color: #777b80; font-weight: bold; font-size: 14px; }
.indexPart4 .list{ width: 585px; }
.indexPart4 .list li{ margin-bottom: 12px; height: 173px; }
.indexPart4 .list li a{ display: block; height: 173px; padding: 0 28px 0 272px; position: relative; background: #fff;}
.indexPart4 .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.indexPart4 .list li .imgDiv img{ width:245px;}

.indexPart4 .list li .name{ padding-top: 30px; height: 60px; line-height: 30px; overflow: hidden; color: #777b80; font-size: 14px; font-weight: bold; }
.indexPart4 .list li .time{ padding-top: 25px; color: #a0a3a8; font-weight: bold; font-size: 14px;}
.indexPart4 .list li:hover a{ background: rgb(241, 241, 241); }
.indexPart4 .list li:hover .name{ color: #777b80; }
.indexPart4 .list li:hover .time{ color: #a0a3a8; }
.indexPart4 .btnDiv{ margin: 42px auto 0; width: 148px; text-transform: uppercase;}
.indexPart4 .btnDiv a{ display: block; width: 144px; height: 34px; border: #03479a solid 2px; border-radius: 24px; -moz-border-radius: 24px; font-size: 16px; color: #03479a; text-align: center; line-height: 34px;}
.indexPart4 .btnDiv a:hover{ background: #03479a; color: #fff; }

.indexPart5{padding-top: 85px; padding-bottom: 85px;}
.indexPart5 .tabContentDiv2{text-align: center;}
.indexPart5 .msg{text-align:center;font-size:16px;color:#a0a3a8;padding:24px 0 36px;}

.indexPart6{padding-top: 85px; height: 635px; background:#29292c;}
.indexPart6 .msg{ text-align: center; font-size: 16px; color: #a0a3a8; padding: 24px 0 36px;}
.indexPart6Pic{ position: relative; }
.indexPart6Pic .slick .box{ margin: 0 6px; height: 300px;}
.indexPart6Pic .slick .box2{ background: url(../../images/home/nimg390Bg2.jpg) no-repeat center; background-size: 100% 100%;}
.indexPart6Pic .slick .box3{ background: url(../../images/home/nimg390Bg3.jpg) no-repeat center; background-size: 100% 100%;}
.indexPart6Pic .slick a{ display: block; width: 100%; height: 100%; }
.indexPart6Pic .slick .imgDiv{ text-align: center; padding: 10px 0 10px; }
.indexPart6Pic .slick .imgDiv img{width:100%;}
.indexPart6Pic .slick .name{ text-align: center; font-size: 24px; color: #fff; font-weight: bold; height: 32px; line-height: 32px; overflow: hidden;}
.indexPart6Pic .slick .wen{ font-size: 16px; color: #fff; text-align: center; }
.indexPart6Pic .slick-prev{ display: block; position: absolute; left: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(../../images/home/nimg48_left.png) no-repeat center; z-index: 5;}
.indexPart6Pic .slick-next{ display: block; position: absolute; right: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(../../images/home/nimg48_right.png) no-repeat center; z-index: 5;}
.indexPart6Pic .slick-prev:hover{ background: url(../../images/home/nimg48_lefton.png) no-repeat center; }
.indexPart6Pic .slick-next:hover{ background: url(../../images/home/nimg48_righton.png) no-repeat center; }

.about{ overflow: hidden; padding-bottom: 70px; }
.about .leftCon{ width: 700px; }
.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: 14px; color: #a0a3a8; line-height: 24px; }
.about .rightDiv{ width: 600px;padding-top: 160px;}
.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/home/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/home/nimg62_right.png) no-repeat center; z-index: 3;}
.aboutPic .slick-prev:hover{ background: url(../../images/home/nimg62_lefton.jpg) no-repeat center;}
.aboutPic .slick-next:hover{ background: url(../../images/home/nimg62_righton.jpg) no-repeat center;}

.honor{ padding-bottom: 70px; }
.honor .txt1{ font-size: 40px; color: #007bd0; padding-bottom: 10px;}
.honor .txt2{ font-size: 24px; color: #007bd0; text-transform: uppercase; padding-bottom: 20px; }
.honor .msg{ font-size: 16px; color: #777b80; padding-bottom: 70px; }
.honor .msg img{width:50%;}
.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 .list2 li{ float: left; width: 25%; text-align: center; }
.honor .list2 li .name{ padding-top: 15px; color: #a0a3a8; font-size: 14px; }
.honor2{ background: #f7f7f7; padding: 100px 0; }
.honor2 .title2{padding-bottom:60px;}
.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/home/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/home/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/home/nimg34_lefton.png) center no-repeat;}
.honorPic .next:hover{ background:url(../../images/home/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/home/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/home/nimg34_right.png") no-repeat right; z-index:5;} 
.h_banner .swiper-button-prev:hover{background-image:url("../../images/home/nimg34_lefton.png"); } 
.h_banner .swiper-button-next:hover{background-image:url("../../images/home/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/home/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/home/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/home/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/home/nimg34_lefton.png) center no-repeat;}
.honorPicTel .slick-next:hover{ background:url(../../images/home/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: 290px; position: relative; padding: 0 155px 0 800px; margin-bottom: 70px;background: #f6f6f6;}
.technology .list li .contentBox{ height: 290px; display: table-cell; vertical-align: middle; }
.technology .list li .name1{ font-weight: bold; font-size: 24px; color: #29292c; padding-bottom: 10px;}
.technology .list li .name2{ font-size: 24px; color: #29292c; padding-bottom: 20px;}
.technology .list li .name2::after{content: '';display: block;width: 30px;height: 4px;margin-top: 30px;background: #03479a;}
.technology .list li .imgDiv{ position: absolute; left: 0px; top: 0px; }
.technology .list li .imgDiv img{max-width:700px;}
.technology .list li dd{ font-size: 14px; line-height: 30px; padding-left: 20px; background: url(../../images/home/ico2.png) left 12px no-repeat; }
.technology .list li .content{ font-size: 14px; line-height: 30px; color: #29292c; width: 300px; }
.technology .list .li01{ padding: 0 655px 0 86px; background: #03479a; }
.technology .list .li01 .imgDiv{ left: auto; right: 0px; }
.technology .list .li01 .name1{ color: #fff; }
.technology .list .li01 .name2{ color: #fff; }
.technology .list .li01 .name2::after{background:#fff;}
.technology .list .li01 .content{ color: #fff; }
.technology .list .li01 dd{ color: #fff; background: url(../../images/home/ico2on.png) left 12px no-repeat; }
.technology .list .other{}
.technology .list .other .contentBox{}

.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: #03479a; }
.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: rgba(3,71,154,0.7);}
.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/home/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/home/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/home/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:#03479a;}
.videoPic .slick-prev{ cursor:pointer;position:absolute; background:url(../../images/home/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/home/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/home/nimg48_left2on.png) no-repeat left center;}
.videoPic .slick-next:hover{ background:url(../../images/home/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; }
/*.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: #03479a; font-weight: bold; }
.product .tab2 .liNow .limg img{ display: none; }
.product .tab2 .liNow .limg .img1{ display: inline-block; }*/
.product .tab2 ul{ margin-right:-25px;}
.product .tab2 li{ width:20%; 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 .list ul{ margin-right: -30px; }
.product .list li{ float: left; width: 50%; margin-bottom: 30px; }
.product .list li .box{ margin-right: 30px; background: #fff; height: 300px; }
.product .list li .box a{display: block; width: 100%; height: 100%;}
.product .list li .box a>div{float:left;height:100%;box-sizing:border-box;}
.product .list li .box .info{width:50%;padding:30px;}
.product .list li .box .info h1{font-size:26px;margin-bottom:20px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
.product .list li .box .info p{font-size:16px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 7;}
.product .list li .box .img{width:50%;overflow:hidden;padding:20px;}
.product .list li .box .img img{display:block;margin:auto;height:100%;transition:all 0.6s;}
.product .list li .box a:hover .img img{transform:scale(1.1);}
.product .list li a{ position: relative; display: block; width: 100%; height: 100%; }
.product .list li .imgDiv{ position:absolute;right:10px; top:0px; }
.product .list li .imgDiv img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;max-height:300px;}
.product .list li .name{padding:65px 0 0 40px;font-size:36px;color:#000;width:51%;height:auto !important;float:unset !important;}
.product .list li .msg{padding:10px 0 0 40px;width:51%;height:auto !important;line-height:30px;overflow:hidden;font-size:24px;color:#000;float:unset !important;}
.product .list li .content{ color: #777; font-size: 14px; line-height: 24px; padding: 30px 0 0 40px; height:auto !important;float:unset !important; overflow: hidden; width: 48%; }
/*.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:14px; padding-top:15px; padding-left:40px; color:#777;}
.product .list li .price b{ color:#f00; font-size:18px;} */

.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: #03479a; 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/home/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:#03479a; 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;padding-bottom:20px; min-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: #03479a;}
.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: #007bd0; font-size: 36px; position: relative;}
.joinPart2 .title em{ position: absolute; left: 50%; bottom: -15px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #03479a;}
.joinPart2 .msg{ padding: 15px 0 60px 0; font-size: 16px; text-align: center; line-height: 36px; }
.joinPart2 .list img{max-width:calc(100% - 40px);padding:20px;}
.joinPart2 .list li{ float: left; width: 20%;margin-bottom: 50px; text-align: center;}
.joinPart2 .list li .ico{ position: relative; }
.joinPart2 .list li .name{ padding-top: 22px; font-size: 16px; color: #888; }
.joinPart2 .list li .dec{ padding-top: 22px; font-size: 14px; color: #888; }
.joinPart2-2 .list img{background-color:#1d5096;border-radius:50%;}

.join_box_04{background:#fff;padding:40px 0px;}
.join_box_04 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }
.join_box_04 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #03479a;}
.join_box_04::after{content: '';display: block;clear: both;}
.join_box_04>ul{text-align: center;max-width:1560px;margin:0px auto;padding:0px 15px;}
.join_box_04 ul>li{float: left;width:25%;}
.join_box_04 ul>li::before{content:'';display:block;width:152px;height:152px;margin:20px auto;border-radius:50%;}
.join_box_04 ul>li:nth-child(1)::before{background-image:url(../../images/home/agent/join_process_01.png);}
.join_box_04 ul>li:nth-child(2)::before{background-image:url(../../images/home/agent/join_process_02.png);}
.join_box_04 ul>li:nth-child(3)::before{background-image:url(../../images/home/agent/join_process_03.png);}
.join_box_04 ul>li:nth-child(4)::before{background-image:url(../../images/home/agent/join_process_04.png);}
.join_box_04 ul>li:nth-child(5)::before{background-image:url(../../images/home/agent/join_process_05.png);}
.join_box_04 ul>li:nth-child(6)::before{background-image:url(../../images/home/agent/join_process_06.png);}
.join_box_04 ul>li:nth-child(7)::before{background-image:url(../../images/home/agent/join_process_07.png);}
.join_box_04 ul>li:nth-child(8)::before{background-image:url(../../images/home/agent/join_process_08.png);}
.join_box_04 ul>li{text-align:center;color:#29292c;font-size:23px;margin-bottom:30px;}

.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: #03479a;}
.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; }
.joinPart4{ padding: 80px 0; overflow: hidden;  background: url(../../images/home/agent/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: #03479a;}
.joinPart4 .listBox{ width: 1200px;  background: url(../../images/home/bg4.png) repeat; border-radius: 8px; -moz-border-radius: 8px;}
.joinPart4 .list{ padding: 55px 0px;}
.joinPart4 .list ul{display:flex;}
.joinPart4 .list li{flex:1;border-right: 2px #fff solid;}
/* .joinPart4 .list li{ float: left; width: calc(20% - 2px); height: 500px;border-right: 2px #fff solid;} */
.joinPart4 .list li:last-child{border-right:none}
.joinPart4 .list li .box{ padding: 60px 50px; }
.joinPart4 .list li .ico{ text-align: center; padding: 32px 0 18px; }
.joinPart4 .list li .name{ text-align: center; color: #fff; font-weight: bold; font-size: 18px; padding-bottom: 5px;}
.joinPart4 .list li .msg{ color: #fff; opacity: 0.6; font-size: 16px; 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: #03479a;}
.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: #03479a; display: block; }
.joinPart5 .list li .msg{ padding: 28px 0 0 35px; font-size: 14px; color: #a0a3a8; }
.joinPart6{ background: url(../../images/home/agent/joinPart6.jpg) center no-repeat; background-size: cover; padding-bottom: 140px;padding-top: 40px;}
.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: #03479a;}
.joinPart6 .form{padding: 44px 50px 112px;background:  #f4f4f4;}
.joinPart6 .list ul{ margin-right: -62px;}
.joinPart6 .list{ background:url(../../images/home/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 li .captcha img{height:32px;top:0px;}

.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: #03479a;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; }

.joinPart7{ background: #f7f7f7; padding: 80px 0 100px; }
.joinPart7 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; }
.joinPart7 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #03479a;}
.joinPart7 .msg{ padding: 40px 0 60px; font-size: 16px; text-align: center; line-height: 36px; }
.joinPart7 .list{ padding: 0 130px; }
.joinPart7 .list li{ float: left; width: 33.333%;text-align: center;}
.joinPart7 .list li .ico{ position: relative; }
.joinPart7 .list li .name{ padding-top: 22px;padding-bottom: 22px; font-size: 16px;font-weight: bold; color: #5a5a5a; }
.joinPart7 .list li .dec{font-size:14px;color:#888;width:80%;margin:0px auto;}



.cms_error{ border:1px solid #c63; background: #FFECEC;color: #cb1b05;border-radius: 2px;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);padding: 10px;}
.cms_error p{ margin: 0;padding: 0;border-bottom: 1px  dotted #c63;padding: 0 12px;line-height: 30px;}
.cms_error p:last-child{ border-bottom: 0;}


.proShow1{ overflow: hidden; height: 864px; background: url(../../images/home/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/home/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/home/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/home/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/home/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/home/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/home/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/home/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/home/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/home/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/home/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/home/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/home/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%; }


.productNav{min-height:9vw;text-align:center;}
.productNav .wal{padding-top:2vw;}
.productNav .wal::after{content:'';display: block;clear: both;}
.productNav a{display:inline-block;height:3vw;padding-top:2vw;margin:0 1vw;font-size:18px;position:relative;}
.productNav a img{margin-right:15px;filter:grayscale(100%);transition:all .3s;opacity: 0.5;}
.productNav a:hover img,.productNav a.active img{filter:grayscale(0);opacity: 1;}
.productNav a:after{content:'';position:absolute;left:0;bottom:-20px;opacity:0;width:0;border-bottom:4px solid #03479a;transition:bottom .3s;}
.productNav a.active{color:#03479a;}
.productNav a.active:after,.productNav a:hover:after{width:100%;bottom:0;opacity:1;}


.pro-detail{padding-bottom:20px;margin-bottom:20px;background:url(../../images/home/line1.png) bottom repeat-x;}
.pro-detail::after{content:'';display: block;clear: both;}
.pro-detail .img{width:50%;height:430px;line-height:430px;text-align:center;}
.pro-detail .img .swiper-container{height:100%;}
.pro-detail .img .box{height:100%;}
.pro-detail .img img{max-width:90%;max-height:90%;}
.pro-detail .txt{width:50%;padding-top:6vw;}
.pro-detail .txt h3{padding-bottom:1vw;color:#03479a;font-size:24px;}
.pro-detail .txt h4{padding-bottom:1.5vw;border-bottom:1px solid #03479a;font-size:18px;}
.pro-detail .txt .con{padding-top:20px;}
.pro-detail .txt .con p{line-height:34px;font-size:14px;}
.pro-detail .txt .more a{display:inline-block;width:150px;line-height:45px;margin-right:30px;text-align:center;color:#fff;background:#03479a;vertical-align:middle;}
.pro-detail .txt .more span{vertical-align:middle;}
.pro-detail .txt .more span i{font-size:24px;}
.pro-detail .swiper-pagination.swiper-pagination{height:30px;line-height:1;}
.pro-content img{max-width:100%;}