body{overflow-x:hidden;}
.header-box{height: 80px;width:100%;}
.index-header .header-box{height: 80px;width:100%;position: fixed;z-index:9999; background:rgba(255,255,255,0.9);box-shadow: 0px 5px 10px #f7f4f4;}
.header-box h1{float: left;line-height: 80px;}
.header-box h1 img{width:130px;height:44px;}
.nav{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:100%;line-height:80px;display:block} .navbar_nav li{float:left;position:relative;display:block} .navbar_nav li:after{content:"";width:0;height:2px;background:#e60012;position:absolute;bottom:0;left:0;transition:all .5s ease 0s} .navbar_nav li:hover:after{width:100%} .navbar_nav li a{text-decoration:none;height:100%;padding:0 20px;display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#333;font-size:16px} .navbar_nav li:hover a{color:#e60012} .navbar_nav li.dropdown{display:inherit;position:relative} .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%;display:block} .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:80px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:130%;left:-15%} .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px} .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:#f3f3f3;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s} .navbar_nav li.dropdown:hover .dropdown_menu a{color:#666} .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#fff;background:#e60012}.on{background:#fff;border-bottom:1px solid #ccc}.on .left .img1{display:none}.on .left .img2{display:block}.on .navbar_nav li a{color:#333}.on .navbar_nav li:hover a{color:#e60012}#navToggle{display:none}.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;top:0;transform:translateX(100%)}.m_nav.open{transform:translateX(0)}.m_nav .top{height:60px;padding:20px;box-sizing:border-box}.m_nav .top .closed{width:30px;height:30px;margin-right:10px;vertical-align:middle;float:right;cursor:pointer}.m_nav .logo{width:100%;margin:0 auto}.m_nav .logo img{height:50px;display:block;margin:30px auto}.m_nav .ul{margin-top:30px}.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;opacity:0}.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0ms;transition:all .2s cubic-bezier(.77,0,.175,1) 0ms}.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0ms;transition:all .4s cubic-bezier(.77,0,.175,1) 0ms}.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0ms;transition:all .6s cubic-bezier(.77,0,.175,1) 0ms}.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0ms;transition:all .8s cubic-bezier(.77,0,.175,1) 0ms}.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1s cubic-bezier(.77,0,.175,1) 0ms}.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0ms}.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:50px;line-height:50px;width:100%}.m_nav .ul li .dropdown_menu{display:none}.m_nav .ul li.dropdown.active .dropdown_menu{display:block}.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}.m_nav .ul li .dropdown_menu a:last-child{border:none}.banner{width:100%}.banner img{width:100%}
.navbar_nav li.active a{color:#e60012}
.navbar_nav li.active:after{width:100%}
.nav{float: left;}
.en{float: left;line-height: 80px;color:#333;font-family: Arial;margin-left:20px;}
.en:hover{color:#e60012;}
.top-form{margin:23px 0 0 40px;float: left;display: none;}
.top-form input[type=text]{float: left;width:140px;height:30px;background:#eeeeee;border-radius: 6px 0 0 6px;padding:0 10px;}
.top-form button{background:#e60012 url(../images/img04.png) no-repeat center;width:40px;height:30px;border-radius: 0 6px 6px 0;cursor: pointer;}
.top-form input::-webkit-input-placeholder{color:#999;font-size:12px;}
.header-sea{background: url(../images/img01.png) no-repeat center;width:14px;height: 14px;float: right;margin:33px 0 0 40px;cursor: pointer;}
.banner .swiper-pagination-bullet{width:60px;height:3px;border-radius: 0;background: #fff;opacity: 1;transition: all 0.5s;}
.banner .swiper-pagination-bullet-active{background: #e60012;width:90px;height:5px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom:40px;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right:80px;background:url(../images/img06.png) no-repeat center;transition: all 0.5s;width:50px;height:50px;border:1px solid #fff;border-radius: 50%;; transform:rotate(180deg);}
.banner .swiper-button-next:hover{border:1px solid #e60012;background:rgba(230,0,18,0.7) url(../images/img06.png) no-repeat center;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{left:80px;background:url(../images/img06.png) no-repeat center;transition: all 0.5s;width:50px;height:50px;border:1px solid #fff;border-radius: 50%;}
.banner .swiper-button-prev:hover{border:1px solid #e60012;background:rgba(230,0,18,0.7) url(../images/img06.png) no-repeat center;}
.banner .swiper-slide{height: 900px !important;}
.step-box{background:#f8f8f8;}
.step{}
.step-left{width:630px;background: url(../images/img05.png) no-repeat;margin-top:40px;background-size: 630px auto;}
.step-left h3{font-size: 42px;color:#333;line-height: 44px;margin-top:40px;}
.step-left>p{color:#666;line-height: 28px;margin-top:40px;display: -webkit-box !important; -webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 3;}
.step-left>a{display: inline-block;margin-top: 40px;transition: all 0.5s;}
.step-left>a span{float: left;width:140px;height:40px;background: #e60012;text-align: center;line-height: 40px;color:#fff;}
.step-left>a b{float: left;font-weight: normal;width:40px;height:40px;background: #e60012;text-align: center;line-height: 40px;color:#fff;margin-left: 1px;}
.step-left>a:hover{margin-left: 10px;}
.step-left ul{margin-top:40px;}
.step-left li{float: left;width:200px;}
.step-left li.lis{display: none;}
.step-left li img{float: left;width:64px;height: 64px;}
.step-left li div{float: left;width:100px;margin-left: 10px;}
.step-left li div p{font-size: 18px;line-height: 32px;}
.step-left li div span{font-size: 16px;line-height: 32px;}
.step-left li div a{line-height: 32px;color:#333;}
.step-left li div a:hover{color: #e60012}
/*.step-right{width:950px;position: relative; margin-right:-280px; background: url(../images/img09.jpg) no-repeat center;height:500px;}*/
.step-right{width:950px;position: relative; margin-right:-280px;height:500px;}
.step-right a{display: inline-block;position: absolute;top:50%;left:50%;margin-left:-42px;margin-top:-39px;transition: all 0.5s;}
.step-right a p{color:16px;color:#fff;line-height: 40px;}
.step-right a:hover{transform: scale(1.1);}

.pro-tit{height:210px;text-align: center;background: url(../images/img11.png) no-repeat center;font-size: 42px;color: #333;line-height: 230px;}
.pro{background: url(../images/img12.jpg) center no-repeat;margin-bottom:40px;}
.pro-ul{}
.pro-ul li{float: left;width:33.33%;margin-bottom:60px;position: relative;}
.pro-ul a:after{content: "";width:0;height:0;background: #fff;display:block;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto; opacity: 0;transition: all 0.5s;z-index: 10;}
.pro-ul a:before{content: "+";text-align: center;line-height: 246px;width:100%;height:100%;background: #fff;;display: block;color: #fff;font-size: 24px;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index: 100;transition: all 0.5s;opacity: 0;}
.pro-ul a:hover:after{height:100%;width:100%;opacity: 0.5;}
.pro-ul a:hover:before{width:40px;height:40px;opacity: 0.8;border-radius: 50%;line-height: 38px;;background: #e60012;}
.pro-ul li a{display: block;}
.pro-ul li a img{display: block;margin: auto; width: 420px; height: 280px; overflow: hidden;}
.pro-ul li a p{margin-top:10px; font-size: 20px;color:#333;text-align: center;line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-more{display: inline-block;margin-top: 40px;transition: all 0.5s;position: absolute;bottom:0;left:50%;margin-left:-90px;margin-bottom:6px;}
.pro-more span{float: left;width:140px;height:40px;background: #e60012;text-align: center;line-height: 40px;color:#fff;}
.pro-more b{float: left;font-weight: normal;width:40px;height:40px;background: #e60012;text-align: center;line-height: 40px;color:#fff;margin-left: 1px;}
.pro-more:hover{ transform: translateX(10px);}
.pro .swiper-pagination-bullet{width:60px;height:3px;border-radius: 0;background: #fff;opacity: 1;transition: all 0.5s;}
.pro .swiper-pagination-bullet-active{background: #e60012;width:90px;height:5px;}
.pro .swiper-container-horizontal>.swiper-pagination-bullets,.pro .swiper-pagination-custom,.pro .swiper-pagination-fraction{bottom:40px;}
.pro .swiper-button-next,.pro .swiper-container-rtl .swiper-button-prev{right:80px;background:url(../images/img14.png) no-repeat center;transition: all 0.5s;width:50px;height:50px;border:1px solid #ababab;border-radius: 50%;; transform:rotate(180deg);}
.pro .swiper-button-next:hover{border:1px solid #e60012;background:rgba(230,0,18,0.7) url(../images/img15.png) no-repeat center; transform:rotate(360deg);}
.pro .swiper-button-prev,.pro .swiper-container-rtl .swiper-button-next{left:0px;background:url(../images/img14.png) no-repeat center;transition: all 0.5s;width:50px;height:50px;border:1px solid #ababab;border-radius: 50%;}
.pro .swiper-button-prev:hover{border:1px solid #e60012;background:rgba(230,0,18,0.7) url(../images/img15.png) no-repeat center; transform:rotate(180deg);}
.pro .swiper-button-next,.pro .swiper-button-prev{top:unset;right:0;bottom:0px}
.pro .swiper-slide{border-bottom: 1px solid #eaeaea;}
.pro .swiper2{padding-bottom:102px;margin-bottom: 50px;}
.serv-t{background: url(../images/img16.jpg) no-repeat center;height:400px;font-size:42px;color:#fff;text-align: center;line-height: 280px;}
.serv-con{background: #fff;height:355px;padding:20px; margin-top:-170px;box-shadow: 0px 5px 10px #f7f4f4;}
.serv-con li{float: left;width:33%;text-align: center;height:100%;border-left:1px dashed #cdcdcd;
    border-image: -webkit-linear-gradient(#fff,#cdcdcd,#fff) 0 10 0;
    border-image: -moz-linear-gradient(#fff,#cdcdcd,#fff) 0 10 0;
    border-image: linear-gradient(#fff,#cdcdcd,#fff) 0 10 0;}
.serv-con li:first-child{border-left:none;}
.serv-con li img{width:68px;height:68px;margin-top: 70px;}
.serv-con li p{font-size: 26px;line-height: 26px;margin-top: 40px;}
.serv-con li span{font-size: 36px;line-height: 36px;color:#666;font-family: Arial;margin-top: 36px;display: block;;}

.case-t{height:210px;text-align: center;background: url(../images/img20.png) no-repeat center;font-size: 42px;color: #333;line-height: 230px;}
.case-con-box{background: url(../images/img21.png) no-repeat bottom center;}
.case-con li{width:430px;height:260px;position: relative;overflow: hidden;float: left;    margin: 0 8px 16px 8px;}
.case-con li img{width:100%;height:auto;transition: all 1s;}
.case-con li p{font-size: 16px;background: rgba(255,255,255,0.9);transition: all 0.5s;position: absolute;bottom:0;left:3%;width:94%;height:56px;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 56px;text-align: center;color:#333;}
.case-con li:hover img{transform: scale(1.1);}
.case-con li:hover p{bottom:10px;background: rgba(255,255,255,1);}
.case-con .swiper-pagination-bullet{width:60px;height:3px;border-radius: 0;background: #fff;opacity: 1;transition: all 0.5s;}
.case-con .swiper-pagination-bullet-active{background: #e60012;width:90px;height:5px;}
.case-con .swiper-container-horizontal>.swiper-pagination-bullets,.case-con .swiper-pagination-custom,.case-con .swiper-pagination-fraction{bottom:40px;}
.case-con .swiper-button-next,.case-con .swiper-container-rtl .swiper-button-prev{right:80px;background:url(../images/img14.png) no-repeat center;transition: all 0.5s;width:50px;height:50px;border:1px solid #ababab;border-radius: 50%;; transform:rotate(180deg);}
.case-con .swiper-button-next:hover{border:1px solid #e60012;background:rgba(230,0,18,0.7) url(../images/img15.png) no-repeat center; transform:rotate(360deg);}
.case-con .swiper-button-prev,.case-con .swiper-container-rtl .swiper-button-next{left:0px;background:url(../images/img14.png) no-repeat center;transition: all 0.5s;width:50px;height:50px;border:1px solid #ababab;border-radius: 50%;}
.case-con .swiper-button-prev:hover{border:1px solid #e60012;background:rgba(230,0,18,0.7) url(../images/img15.png) no-repeat center; transform:rotate(180deg);}
.case-con .swiper-button-next,.case-con .swiper-button-prev{top:unset;right:0;bottom:0px}
.case-con .swiper-slide{border-bottom: 1px solid #eaeaea;padding-bottom:44px;}
.case-con .swiper2{padding-bottom:102px;margin-bottom: 110px;;}

/* 走进沃达尔 */
.about-tit{width:100%;height:50px;background: #f4f4f4;}
.about-tit-l{float:left;width:200px;height:80px;background: url(../images/img36.jpg);margin-top:-30px;position: relative; z-index: 9;font-size:32px;line-height:80px;text-align: center;color:#fff;}
.about-tit-r{float: right;height:80px;margin-top: -30px;position: relative; z-index: 9;}
.cru{line-height: 16px;height:18px;overflow:hidden;font-size:14px;color:#fff;text-align: right;}
.cru img{width:15px;height:15px;vertical-align:middle;margin-right:8px;}
.cru span{vertical-align: middle;color:#fff;font-size: 14px}
.cru a{color: #fff;vertical-align: middle;font-size: 14px;display: inline-block;}
.cru a:hover{color:#e60012;}
.cru a:after{content: "";margin:0 10px;background: url(../images/img38.png) no-repeat center bottom;width:4px;height:6px;display: inline-block;}
.about-tit-r ul{margin-top:22px;}
.about-tit-r ul li{float:left;width:150px;height:40px;background: #ebebeb;transition: all 0.5s; font-size:16px;text-align: center;line-height: 40px;margin-left:10px;}
.about-tit-r ul li:hover{background:#e60012;}
.about-tit-r ul li:hover a{color:#fff;}
.about-tit-r ul li.act{background:#e60012;}
.about-tit-r ul li.act a{color:#fff;}
.about-tit-r ul li a{display: block;}

.about{background: url(../images/img39.jpg) no-repeat center bottom;padding-bottom:110px;margin-top:60px;background-size: 100% auto;}
.about-l{width:650px;}
.about-l-tit{font-size: 24px;position: relative;line-height: 24px;padding-left:20px;}
.about-l-tit:after{content:"" ;display: block;width:11px;height:4px;background:#e60012;position: absolute;top:12px;left:0;}
.about-con{height:330px;padding-right:15px;margin-top:30px;}
.about-con .swiper-container {
    width: 100%;
    height: 100%;
  }

.about-con .swiper-slide {
    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right:15px;
  }

.about-con .swiper-container-vertical>.swiper-scrollbar{width:2px;}
.about-con .swiper-scrollbar-drag{background: #e60012;}

.about-vr{background: url(../images/img41.jpg) no-repeat center;height:830px;margin-top:15px;position: relative;}
.about-vr a{position: absolute;width:200px;top:50%;left: 0;bottom: 0;right: 0;margin:auto;margin-top:-73px;}
.about-vr a img{width:134px;height:62px;margin:auto;display: block;transition: all 1s;}
.about-vr a p{width:200px;height:54px;margin-top:30px;transition: all 1s; background: rgba(255,255,255,0.2);color:#fff;font-size: 20px;line-height: 54px;text-align: center;}
.about-vr a:hover img{transform: scale(1.1);}
.about-vr a:hover p{background: #e60012;}

.about-hon{text-align: center;}
.about-hon ul{margin-top:20px;}
.about-hon ul li{float: left;margin:20px 17px;}
.about-hon ul li span{width:298px;height:408px;border:1px solid #e5e5e5;overflow: hidden;display: block;transition: all 1s;}
.about-hon ul li span img{display: inline-block;line-height: 408px;margin:auto;}
.about-hon ul li p{width:300px;height:50px;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: #f4f4f4;transition: all 1s;text-align: center;line-height: 50px;font-size: 16px;margin-top: 10px;}
.about-hon ul li:hover span{border:1px solid #e60012;}
.about-hon ul li:hover p{background: #e60012;color: #fff;}

/* 产品中心 */
.pro-con{margin-top: 40px;text-align: center;}
.pro-con>.pro-con-tit{text-align: center;margin-bottom: 15px;}
.pro-con>.pro-con-tit a{font-size: 18px;}
.pro-con>.pro-con-tit a.act{color: #e60012;}
.pro-con>.pro-con-tit a:first-child:before{content:"";margin:0 20px;font-size: 14px;width:1px;height:12px;background: #ccc;display: inline-block;}
.pro-con>.pro-con-tit a:after{content:"";margin:0 20px;font-size: 14px;width:1px;height:12px;background: #ccc;display: inline-block;}
.pro-con ul li{float:left;width:31%;margin:1%;border:1px solid #ebebeb;line-height: 278px;position: relative;}
.pro-con ul li a{display: block;text-align: center;}
.pro-con ul li img{display: inline-block;margin:auto;line-height: 278px;max-width: 100%;}
.pro-con ul li p{width:100%;height:48px;line-height: 48px;text-align: center;font-size: 18px;background: #ebebeb;transition: all 0.5s;}
.pro-con ul li a:after{content: "+";text-align: center;line-height: 246px;width:100%;height:100%;background: #fff;;display: block;color: #fff;font-size: 24px;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index: 100;transition: all 0.5s;opacity: 0;}
.pro-con ul li a:hover:after{width:40px;height:40px;opacity: 0.8;border-radius: 50%;line-height: 38px;;background: #e60012;}
.pro-con ul li a:hover p{background:#e60012 ;color:#fff;}

.pro-content{margin-top: 60px;}
.pro-content-one-l{width:700px;}
.pro-content-one-l .swiper-slide{border:2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor: pointer;}
.pro-content-one-l .swiper-slide-thumb-active{border:2px solid #f00}
.pro-content-one-l .swiper-button-next.swiper-button-white,.pro-content-one-l .swiper-container-rtl .swiper-button-prev.swiper-button-white{background: #e60012;width:30px;height:30px;font-family: "仿宋";;color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.pro-content-one-l .swiper-button-prev.swiper-button-white,.pro-content-one-l .swiper-container-rtl .swiper-button-next.swiper-button-white{background: #e60012;width:30px;height:30px;font-family: "仿宋";;color: #fff;text-align: center;line-height: 30px;font-size: 16px;}
.pro-content-one-l .swiper-button-next,.pro-content-one-l .swiper-button-prev{margin-top:-15px;opacity: 0.5;transition: all 0.5s;}
.pro-content-one-l .swiper-button-next:hover,.pro-content-one-l .swiper-button-prev:hover{opacity: 1;}
.pro-content-one-r{width:600px;}
.pro-content-one-r h3{font-size: 36px;display: block;line-height: 40px;border-bottom:1px solid #dedede;margin-top: 30px;;}
.pro-content-one-r h3:after{content:"";display: block;border-bottom:4px solid #f00;;width:70px;padding-bottom:30px;}
/*.pro-content-one-r>p{line-height: 30px;color:#666;text-indent:28px;font-size:14px;margin-top:26px;}*/
.pro-content-one-r h4{font-size: 18px;line-height: 20px;margin-top:26px;}
.pro-content-one-r ul{margin-top:14px;}
.pro-content-one-r ul li{display: block;width:100%;color:#666;line-height: 24px;}
.pro-content-one-r ul li span{color:#999;font-size: 14px;float:left;width:16px;}
.pro-content-one-r ul li p{float:left;width:584px;}

.pro-content-two{margin-top: 60px;}
.pro-content-two-tit{height:60px;background: #f8f8f8;}
.pro-content-two-tit li{float:left;margin:5px;width:240px;line-height: 50px;background: #ebebeb;text-align: center;font-size: 18px;cursor: pointer;transition: all 0.5s;}
.pro-content-two-tit li a{display: block;color:#333;}
.pro-content-two-tit li.act a{background: #e60012;color:#fff;}
.pro-content-two-tit li:hover a{background: #e60012;color:#fff;}
.pro-content-two-con{border-bottom:1px dashed #dedede;padding-bottom: 30px;}
.pro-content-two-con-t{font-size: 20px;color:#333;line-height: 20px;margin-top: 30px;position: relative;padding-left:20px;}
.pro-content-two-con-t:before{content:"";display: block;width:10px;height:5px;background: #2093fb;margin-right:10px;position: absolute;top:8px;left:0}
.pro-content-two-con-c{margin-top: 30px;padding:0 20px;}
.pro-content-two-con-c *{max-width: 100%;;}
.pro-content-page{margin:60px 0 110px 0;}
.pro-content-page a{float: left;width:50%;height:80px;background: #f3f3f3;font-size: 20px;color:#474747;line-height: 80px;padding:0 50px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pro-content-page .pro-content-page-pr{position: relative;text-align: right;transition: all 0.5s;}
.pro-content-page .pro-content-page-pr:before{content:"";background: url(../images/img56.png)no-repeat center;display: block;width:29px;height:80px;position: absolute;top:0;left:50px;transition: all 0.5s;}
.pro-content-page .pro-content-page-pr:hover{color:#fff;background:#e60012 ;}
.pro-content-page .pro-content-page-pr:hover:before{background: url(../images/img57.png)no-repeat center;transform: rotate(180deg);}
.pro-content-page .pro-content-page-ne{position: relative;transition: all 0.5s;}
.pro-content-page .pro-content-page-ne:after{content:"";background: url(../images/img56.png)no-repeat center;display: block;width:29px;height:80px;position: absolute;top:0;right:50px;transform: rotate(180deg);transition: all 0.5s;}
.pro-content-page .pro-content-page-ne:hover{color:#fff;background:#e60012 ;}
.pro-content-page .pro-content-page-ne:hover:after{background: url(../images/img57.png)no-repeat center;transform: rotate(0deg);}
/* 经典案例 */
.case-con{margin-top:60px;text-align: center;}



/* 实时报道 */
.news{margin-top: 20px;text-align: center;}
.news ul li{margin-top: 40px;text-align: left;}
.news ul li a>img{float: left;width:420px;height:240px;}
.news ul li a>div{float:right;width:880px;border-bottom:1px solid #eaecf1;padding-bottom:10px;}
.news ul li a>div span{font-size: 20px;color: #666;font-family: Arial;vertical-align: middle;line-height: 24px;margin-top: 20px;display: block;;}
.news ul li a>div span img{width:16px;height:15px;margin-right:10px;vertical-align: middle;line-height: 24px;}
.news ul li a>div h2{font-size: 28px;color:#333;margin-top: 17px;line-height: 30px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news ul li a>div p{color: #999;line-height: 26px;margin-top: 17px;display: -webkit-box !important;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 3;height:78px;}
.news ul li a>div b{background: url(../images/img48.png) no-repeat right;color: #666;font-weight: normal;padding-right:15px;margin-top: 22px;display: inline-block;}
.news ul li a:hover h2{color:#e60012;}
.news ul li a:hover b{color:#e60012;background: url(../images/img49.png) no-repeat right;}

.news-con{margin-top: 60px;}
.news-con-tit{font-size:36px;text-align: center;line-height: 50px;}
.news-con-time{text-align: center;font-size: 16px;color:#666;line-height: 20px;margin-top: 34px;}

.news-con-sha{text-align: center;border-top:1px dashed #ddd;margin-top: 30px;}
.news-con-sha .share{float: none;margin:0 auto;display: inline-block;padding:0 25px;}
.news-con-c{margin-top:60px;border-bottom: 1px dashed #ddd;padding-bottom: 40px;}
.news-con-c *{max-width: 100%;height:auto}
.news-con-c img{height:auto !important;}
.news-con-page{margin-top:40px;margin-bottom:100px;padding:0 20px;}
.news-con-page-l{float: left;}
.news-con-page-l p{font-size: 14px;color: #666;line-height: 32px;}
.news-con-page-l p a{font-size: 14px;color: #666;}
.news-con-page-l p a:hover{color: #e60012;}
.news-con-page-r{float: right;width: 110px;height: 44px;margin-top: 10px;transition:all 0.5s; background:#e60012 url(../images/img50.png) no-repeat center left 24px;text-align: center;line-height: 44px;color: #fff;padding-left:20px;}
.news-con-page-r:hover{color: #fff;margin-right: 10px;}

/* 联系我们 */
.map{margin-top: 60px;margin-bottom:110px;position: relative;}

.tzAbout-r-map{width:100%;height: 500px;}
.contact-con{width:430px;height:auto;  background: linear-gradient(to right,rgba(242,92,108,0.9), rgba(234,73,86,0.9));;position: absolute;right:10px;top:10px;padding:40px;}
.contact-con h3{font-size: 34px;color:#fff;line-height: 34px;margin-top: 20px;}
.contact-con ul{margin-top: 10px;}
.contact-con ul li{display: block;color:#fff;line-height: 30px;margin-top: 20px;;}
.contact-con ul li img{width:30px;height:30px;display: inline-block;margin-right:10px;}
.contact-con ul li span{font-size:16px;}
.contact-con div{margin-top: 40px;margin-bottom:16px;}
.contact-con div img{border: solid 5px rgba(255,255,255,0.3);display: block;width:90px;height:90px;}
.contact-con div p{color:#fcfcfc;margin-top: 13px;}
/* 分页 */
.page{margin:auto;display: inline-block;margin:40px 0;}
.page a{float: left;height:30px;margin:0 5px;padding:0 12px;line-height: 30px;text-align: center;color: #474747;font-family: Arial;transition: all 1s;}
.page span{float: left;width:26px;height:26px;margin:0 5px;line-height: 26px;text-align: center;}
.page a:hover{background:#e60012;color:#fff;}
.page .page-ak{background: #e60012;color:#fff;}






.footer{background:#303031 url(../images/img23.jpg) no-repeat center;}
.footer-one{background:rgba(55,55,55,0.6);text-align: center;}
.footer-one .w{position: relative;}
.footer-one .gotoTop{background:#3b4352 url(../images/img59.png) no-repeat center;width:100px;height:100%;display: block;position: absolute;right:0;top:0}
.footer-one ul{line-height: 50px;display: inline-block;}
.footer-one li{float: left; }
.footer-one li a{color:#fff;display: inline;}
.footer-one li a:hover{color: #e60012;}
.footer-one li:before{content:"丨";color:#fff;margin:0 10px;}
.footer-one li:first-child:before{content: "";margin:0}
.footer-two{padding:36px 0;}
.footer-two-l a img{width:150px;height: 50px;}
.footer-two-l div{width:390px;margin-top:0px;}
.footer-two-l div p{float: left;color:#bebebe;vertical-align: middle;line-height: 36px;margin-right: 40px;}
.footer-two-l div p img{vertical-align: middle;margin-right:10px;}
.share{float: left;margin-top:118px;margin-right:20px;}
.share span,.share a{float: left;margin:0 5px;vertical-align: middle;}
.share span{font-size:14px; color: #ccc;margin:0px;}
.icon-wechat{position: relative; background: url(../images/img28.png) no-repeat center;width:24px;height:24px;display: block;transition: all 0.1s;}
.icon-wechat:hover{background: url(../images/img31.png) no-repeat center;}
.icon-wechat:hover .wechat-qrcode{display: block;}
.icon-weibo{background: url(../images/img29.png) no-repeat center;width:24px;height:24px;display: block;}
.icon-weibo:hover{background: url(../images/img32.png) no-repeat center;}
.icon-qzone{background: url(../images/img30.png) no-repeat center;width:24px;height:24px;display: block;}
.icon-qzone:hover{background: url(../images/img33.png) no-repeat center;}
.wechat-qrcode{display: none; border: 1px solid #eee;position: absolute;z-index: 9;top: -205px;left: -84px;width: 200px;height: 192px;color: #666;font-size: 12px;text-align: center; background-color: #fff;box-shadow: 0 2px 10px #aaa;transition: all 200ms;-webkit-tansition: all 350ms;-moz-transition: all 350ms;}
.wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777;}
.wechat-qrcode .qrcode {
        width: 105px;
        margin: 10px auto;}
.wechat-qrcode .qrcode1 {
        width: 105px;
         margin: 10px auto;}
.wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0;}
.footer-sm{float: right;}
.footer-sm img{border: solid 5px rgba(255,255,255,0.2);display: block;width:90px;height:90px;}
.footer-sm p{color:#fcfcfc;margin-top: 18px;}
.footer-str{border-top:1px solid #6b6b6b;line-height: 44px;text-align: center;font-size: 12px;color:#bebebe;}
.footer-str a{font-size: 12px;color:#bebebe;}
.footer-str a:hover{color:#e60012;}
.about-r{width:53%;max-width: 660px;}
.tzAbout-r-map{max-width: 910px;width:100%;}
.my-map{height: 500px;}
@media screen and  (max-width:1340px){
    body{overflow-x:visible;} 
    .w{width:1200px;}
    .case-con li{width:31%;height:auto;}
    .step-left{width:50%;    background-size: 100% auto;}
    .step-right{width:50%;margin-right:0}
    .about-l{width:45%;}
    .about-r{width:53%;max-width: 660px;}
    .about-hon ul li{width:23%;margin:20px 1%;}
    .about-hon ul li span{width:100%;height:auto;}
    .about-hon ul li p{width:100%;}
    .news ul li a>div{width:740px;}
    .pro-content-one-l{width:50%;}
    .pro-content-one-r{width:46%;}
    .pro-content-one-r ul li p{width:95%;}

}
@media screen and  (max-width:1112px){
    
     #navToggle{height:100%;padding:19px 15px;margin-right:-15px;display:inline-block;float:right} #navToggle span{position:relative;width:25px;height:1px;margin-top:19px} #navToggle span:before, #navToggle span:after{content:'';position:relative;width:100%;height:1px;left:0} #navToggle span, #navToggle span:before, #navToggle span:after{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#4f4f4f} #navToggle span:before{top:8px} #navToggle span:after{bottom:10px} #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)} #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)} #navToggle.open span{background:0 0} #navToggle.open span:before, #navToggle.open span:after{background:#4f4f4f} .nav{display:none}.banner img{object-fit:cover}
     #navToggle{padding:20px 0;margin-left:40px;margin-right:0}

}
@media screen and  (max-width:1024px){
    .w{width:96%;padding-left:2%;padding-right:2%;}
    #navToggle{padding:20px 0;margin-left:40px;margin-right:0}
    .step-left{width:100%;}
    .step-right{width:100%;margin-top:40px;display: none;}
    .pro-ul li{width:50%;}
    .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{left:10px;}
    .banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{right:10px;}
    .case-t{background-size: 100% auto;}
    .pro-tit{background-size: 100% auto;}
    .about-l{width:100%;float: none;}
    .about-r{width:100%;float: none;}
    .about-r img{width:100%;height:auto;margin-top:40px;}
    .about-con{height:auto;padding-right:0;}
    .about-con .swiper-slide {padding-right:0;}
    .about-hon ul li{width:31%;}
    .about-tit{height:auto;}
    .cru{display: none;;}
    .about-tit-r{margin-top:0;height:auto;}
    .about-tit-r ul{margin-top:0;}
    .about-tit-r ul li{margin-top: 20px;}
    .news ul li a>div{width:50%;}
    .pro-content-one-l{width:100%;}
    .pro-content-one-r{width:100%;}
    .pro-content-one-l .swiper-slide img{width:100%;}
    .about-con .swiper-container-horizontal>.swiper-scrollbar{display: none;}

    .foot_item, .footer-two-l div,
    .foot_item dl{width:100% !important;display: block;}

}
@media screen and  (max-width:768px){
    .serv-con li p{font-size: 24px;}
    .serv-con li span{font-size: 26px;;}
    .case-con li{width: 48%;margin: 0 1% 16px 1%;}
    .index-header .header-box{position: static;}
    .about-tit-l,.about-tit-r{margin-top: 0;width:100%;float: none;}
    .about-tit-r ul{margin-top:0;}
    .about-tit-r{height:auto;}
    .about-tit-l{}
    .cru{display: none;}
    .about-tit{height:auto;}
    .about-tit-r ul li{width:31%;margin:0 1%;margin-top:20px;overflow: hidden;}
    .pro-con ul li{line-height: 180px;}
    .news ul li{margin-top: 20px;}
    .news ul li a>div{width:100%;}
    .news ul li a>img{display: none;;}
    .news-con-page{padding:0}
    .contact-con{position: static;width:100%;padding:15px;}
    .pro-content-two-tit li{width:30%;}
    .step-left li.lis{display: block;}
    .pro .swiper-button-next, .pro .swiper-button-prev{display: none;}
    .case-con .swiper-button-next, .case-con .swiper-button-prev{display: none;}
    .share,.footer-sm{float: none;display: inline-block;}
    .about-tit-l{height:30px;line-height: 30px;font-size: 18px;}
    .contact-con h3{font-size:18px}
    .tzAbout-r-map,.my-map{height:200px}

   
}
@media screen and  (max-width:414px){
    .step-left li:first-child{margin-bottom:10px;}
    .serv-con li img{width:40px;height:40px;margin-top:0px;}
    .serv-con li p{margin-top:15px;font-size: 20px;}
    .serv-con{height:auto;padding:20px 2%;}
    .serv-con li span{font-size:16px;margin-top: 5px;}
    .case-con li p{height:32px;line-height: 32px;;}
    .footer-one li:before{margin:0;}
    .footer-two-r {display: block;float: none;margin:0 auto;text-align: center;}
    .footer-two-l {float: none;}
    .footer-two-l a img{display: block;margin:auto}
    .footer-str{line-height: 22px;padding:0 2%;}
    .footer-two-l div{width:100%;}
    .footer-one ul{display: none;padding:0}
    .header-sea{display: none;}
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:10px;}
    .banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev{display: none;}
    .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next{display:none;}
    .pro-ul li a img{width:auto;height:120px;}
    .about-hon ul li{width:48%;}
    .pro-con ul li{width:47%;}
    .pro-content-page a{width:100%;}
    .pro-content-page .pro-content-page-ne{margin-top: 20px;;}
    .pro-content-two-tit li a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
    .footer-one .gotoTop{display: none;}
    .pro-con>.pro-con-tit a:first-child:before{content:"";margin:0;font-size: 14px;width:1px;height:12px;background: #ccc;display: none;}
    .pro-con>.pro-con-tit a:after{content:"";margin:0;font-size: 14px;width:1px;height:12px;background: #ccc;display: inline-block;display: none;}
    .pro-con>.pro-con-tit{display: -webkit-flex;
        display: flex;}
    .pro-con>.pro-con-tit a{flex-grow:1}

}

.pages{ text-align: center; margin-top: 30px;margin-bottom: 30px;}
.pags-item{
  display: inline-block;
padding:3px 10px;
  font-size: 14px;
  text-align: center;
  color: #666;
  line-height: 24px;
  margin: 0 3px;
  border: solid 1px #ddd;
  /*background: #004d95;*/
}
.pages a:hover{
    color: #fff;
    background: #e60012;
}

.pags-item.show{
  color: #fff;
  background: #e60012;
}


.douywhat{ display: block; float: left; position: relative; }
.douy-qrcode{ position: absolute; left: -50px; top: -209px; width: 202px; height: 202px; display: none;  }
.douy{ display: block; width: 24px; height: 24px; }
.douy-qrcode img{ width: 202px; height: 202px; }
.douywhat:hover  .douy-qrcode{ display: block; }

/*20220520*/
.footer-two-l a{display: inline-block;vertical-align: top;}
.foot_item,
.footer-two-l div{display: inline-block;vertical-align: top;}

.foot_item{width:380px !important;font-size: 0;margin-left: 300px;}
.foot_item dl{display: inline-block;vertical-align: top;width: 100%;}
.foot_item dl dt{font-size: 16px;font-weight: bold;color:#fcfcfc;line-height: 36px;}
.foot_item dl dd{width:50%;display: inline-block;vertical-align: top;font-size: 14px;line-height: 30px;color:#fcfcfc;}
.foot_item dl dd a{display: inline-block;}
.foot_item dl dd.dds{width:100%;}
.foot_item dl dd img{margin-right: 3px;}