@charset "utf-8";

/*颜色修改*/
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px;}
.hhmainrnewm:hover em, .hhmainrnew li:hover em, .hhmainrnewm:hover a, .hhmainrnew li:hover a{ color:#0466dc;}
.swiper-pagination-bullet-active, .Banner .bd .on{background:#0466dc;}
.hhmainrproul li:hover{ border-color:#0466dc;}
.line-l,.line-r{ background:#0466dc; height:4px;}
.hhmainrmbx{ border-left:10px solid #0466dc; }
.hhmainrprom:hover{ border:1px solid #0466dc;}
.hhmainrnewm:hover em, .hhmainrnewm:hover a{ color:#0466dc;}
.hhmainl h2{ background:#0466dc;}
.hhmainllist{ background:#0571dc;}
.hhmainlul>li:hover,.hhmainlul .hhmainlmon{ background:#037adc;}
.hhmainlul>li{ border-bottom:1px solid #037adc;}
.Navlist a:hover,.Navlist .on .a,.Navlist .m .a,.Navlist .m .emb,.Navlist li:hover .emb{ color:#fff;}
.Navlist .on ,.Navlist .m { background:#0466dc;}
.hhmainpubimg{ display:block; text-align:center;}
.navdl dd{ border-bottom:1px solid #037adc;}
.hhmainpubimg{ display:block; text-align:center; }



/*banner高度*/
.pagebanner{ height:300px;}
.IndexBanner,.IndexBanner .swiper-slide{ height:auto;}



.Navlist .navdl a,.Navlist .navdl a:hover{ color:#fff;}
.navdl dd:hover{background:#037adc;}
.navdl dd{ height:42px; line-height:42px; background:#0466dc;}
.IndexBanner  .swiper-button-next,.IndexBanner  .swiper-button-prev{position: absolute;top: 50%;z-index:99;width: 35px;height: 70px;margin-top: -35px;border-radius: 3px;text-indent: -9999px;background-repeat: no-repeat;opacity:0.4;-webkit-opacity:0.4;-moz-opacity:0.4;}

.IndexBanner  .swiper-button-next{right: 2%;background: url(../img/arrow-right.png) #000 50% no-repeat;}
.IndexBanner  .swiper-button-prev{left: 2%;background: url(../img/arrow-left.png) #000 50% no-repeat;}
.bannerys{ z-index:99;width:100%; height:100px; position:absolute; left:0; bottom:0; background:url(../img/bannerys.png) center no-repeat; min-width:1200px;}
.Nav .Navlist .m  .ema{ color:#fff;}

.hhmainlul > li{ height:45px; line-height:45px;}
.hhmainl h2{ height:60px; line-height:60px;}

.top1{ z-index:88; background:#0473dc;}
.tel{ width:140px; text-align:right; padding-left:25px; border-left:1px solid #e3e3e3; margin-top:26px; color:#666666; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;background:url(../img/telspan.jpg) right center no-repeat; padding-right:35px; }
.tel span{ font-size:20px; color:#000;}
.tel i{ display:block;}


.logo{ width:200px; padding-left:0; padding-top:28px; position:relative; background:rgba(255,255,255,0.8); height:80px;}
.logobg{ position:absolute; width:800px; left:-800px; top:0;background:rgba(255,255,255,0.8); height:100px;}
.Nav{ padding:0; margin-right:0; width:700px;}
.Navlist li{ width:100px; height:110px; line-height:110px; padding-bottom:0; position:relative;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0; margin-left:0;}
.inavim{ background:#26a103; position:absolute; left:0; bottom:0; width:100%; height:2px; display:block;opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.ema{ color:#fff; font-size:16px;}
.navdl{ top:110px; width:186px;}
.logobg{ display:none;}
.logo{ background:none; height:auto;}
.Navlist ul{ float:left;}

.Navlist .navdl dd:hover a{ color:#fff;}
.head{ background:url(../img/top.jpg) center top no-repeat; line-height:30px;}
.head,.head a{ font-size:12px; color:#fff;}
.headtxt{ padding-right:15px;}
.headtxt em{ padding:0 5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.key{ padding-left:15px;}

.headlogo{ padding: 0;background:#034091;}

.tel{ width:160px; border:none; margin-top:1px; padding-top:33px; padding-left:45px;font-size:24px; color:#0473dc; padding-right:0; text-align:left;}
.logo{ padding:0; width:320px;}
.logo img{ height:80px; margin-top:17px;}
.w100{ min-width:1200px;}


.pubh2{ text-align:center; font-size:24px; color:#333333;}
.pubh2 span,.pubh2 i{font-weight:bold; }
.pubh2 span{ color:#294793;}
.pubp{ text-align:center; font-size:16px;}
.pubp span{ color:#2b2b2b; }
.pubp span,.pubp i{ display:inline-block; vertical-align:middle;line-height:40px;}
.pubp i{ font-weight:bold; color:#d70000; background:url(../img/tel.png) left center no-repeat; padding-left:25px; margin-left:5px;}




.xrsolution{ background:#fafafa; padding:70px 0;}
.xrsolutionm{ margin-top:25px;}
.xrsolutionl{ width:270px; border:1px solid #d7ddeb; padding-bottom:15px;}
.xrsolutionl li{position:relative;}
.xrsolutionl li a{ display:block; margin:0 15px;  padding:16px 0;border-bottom:1px solid #eeeeee;vertical-align:top; line-height:18px;color:#333333;  font-size:16px;}
.xrsolutionl i{ color:#cbcbcb; margin-top:2px; font-size:12px; display:block; vertical-align:top; font-family:Arial, Helvetica, sans-serif;}
.xrsolutionl .on{ background:#005aab; }
.xrsolutionl .on a{color:#fff;}
.xrsolutionl .on a{ border-color:#005aab;}
.xrsolutionl li:before{display:block;content:'';opacity:0;-webkit-opacity:0;-moz-opacity:0;border-width:8px 8px 8px 8px;border-style:solid;border-color:transparent transparent transparent #005aab; right:-16px; top:50%; margin-top:-7px;position:absolute;}
.xrsolutionl .on:before{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.xrsolutionl .last a{ border-bottom:#fff;}
.xrsolutionl .last.on a{border-color:#005aab;}

.xrsolutionr{ width:905px; position:relative; overflow:hidden; height:655px;}
.xrsolutionrmtxt{ position:absolute; z-index:8; width:100%; padding:29px 0; left:0;  bottom:0; background:rgba(0,0,0,0.8); font-size:15px; color:#fff;}
.xrsolutionra,.xrsolutionrb{ padding:0 25px;}
.xrsolutionrl{ width:660px; height:44px; line-height:22px;}
.xrsolutionrr{ height:42px; border:1px solid #fff; line-height:42px; font-size:12px; padding:0 15px;}
.xrsolutionrb a{ color:#fff; font-size:14px;}
.xrsolutionrb{  margin-top:15px;}
.xrsolutionrm{ position:absolute; width:100%; height:100%; left:0; top:0; display:none;}


.xrpro{ background:#f0f0f0; padding:70px 0;}
.xrprom{background:#fff; margin-top:30px;}
.xrproml{ width:270px;}
.xrproml h3{ text-align:center; background:url(../img/xrpromh3.jpg) left top repeat-x; border:1px solid #0e3bd2; color:#fff; line-height:20px; padding:23px 0; font-weight:bold; font-size:16px;}
.xrproml h3 i{ display:block; text-transform:uppercase; color:#8aa0da; font-size:12px;}
.xrproml ul{ padding:20px;border:1px solid #d7ddeb; padding-top:0;}
.xrproml h4{margin-top:20px; }
.xrproml li a{ display:block; vertical-align:top; line-height:40px; border-bottom:1px solid #e0e1e6; color:#313131; padding-left:15px; font-size:13px; background:url(../img/xrpromlh4.png) left center no-repeat;}
.xrproml li a:hover{ color:#014ea0;background:url(../img/xrpromlh41.png) left center no-repeat;}
.xrproml h4>a{color:#fff; display:block; margin-bottom:8px; font-size:15px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px; height:36px; line-height:36px; padding:0 18px;}
.xrproml h4>a{background:linear-gradient(#4c4c4c, #5f5f5d);background:-moz-linear-gradient(#4c4c4c, #5f5f5d);background:-webkit-linear-gradient(#4c4c4c, #5f5f5d);border:1px solid #2b2d2c;}
.xrproml h4:hover>a,.xrproml h4.on>a{background:linear-gradient(#d70000, #f95754);background:-moz-linear-gradient(#d70000, #f95754);background:-webkit-linear-gradient(#d70000, #f95754);border-color:#e70601;}
.xrproml h4 li{ display:none;}
.xrproml h4.on li{ display:block;}
.xrpromr{ overflow:hidden; width:929px;border:1px solid #d7ddeb; border-left:none; height:608px;}
.xrpromr ul{ padding-left:5px;}
.xrpromr li{ float:left; width:256px; padding:15px 12px; border:1px solid #d8d8d8; margin:0 12px; margin-top:24px;}
.xrpromr li>a{ display:block; overflow:hidden; height:170px;}
.xrpromr li p{ background:#f5f5f5; text-align:center; margin-top:12px;}
.xrpromr li p a{ display:inline-block; width:90%; height:45px; line-height:45px; vertical-align:top; font-size:14px;}
.xrpromr li:hover a{ color:#fff;}
.xrpromr li:hover p{ background:#014ea0;}
.xrpromr li:hover{ border-color:#014ea0;}
.xrpromr li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.xrproml ul{ height:500px;}
.xrbzd{ min-width:1200px; background:url(../img/xrbzd.jpg) center top no-repeat; color:#fff; font-size:18px; line-height:33px; height:123px;}
.xrbzd p{ padding-top:35px; padding-left:550px;}
.xrbzd  span{ color:#ff0000; padding-left:20px;}

.xrabout{ padding:60px 0;}
.xrabout h2{ position:relative; padding-top:18px; font-size:24px;}
.xrabout h2:before{ position:absolute; left:0; top:0; width:100px; height:4px; background:#dd0000; content:'';}
.xrabout h2{ color:#333333; text-transform:uppercase; font-size:22px;}
.xrabout h2 span{ font-size:14px; display:block;color:#b8b6b6; display:block; font-weight:normal;}
.xraboutldesc{ text-align:justify; line-height:26px; color:#707070; margin-top:20px;}
.xraboutmore{ display:inline-block; color:#dd0000; margin-top:20px;}
.xraboutl{ width:500px;}
.xraboutr{ width:656px;}
.caseslider{ margin-top:20px;}
.caseslider p{ position:absolute; width:100%; z-index:6; left:0; bottom:0; background:rgba(0,0,0,0.7); text-align:center;}
.caseslider p a{ display:inline-block; width:90%;height:32px; line-height:32px; color:#fff;}


.xracuster{ padding-bottom:60px;}
.xracuster h2{ text-align:center; font-size:24px; color:#333333;}
.custerslider{ margin-top:40px;}

.footer{ background:#21599b; padding:0; margin-top:0; padding-bottom:30px;}
.footerb{ padding-top:50px; padding-bottom:20px;}
.fnav{ line-height:62px; text-align:right;}
.fnav a{ color:#fff; display:inline-block; font-size:16px; margin-left:30px;}
.ftel{ height:62px; color:#fff; font-size:18px; padding-left:80px; padding-top:20px; background:url(../img/ftel.jpg) left center no-repeat;}
.ftel span{ padding-top:22px; display:inline-block; line-height:22px;}
.footerc{ padding-top:15px; border-top:1px solid #134682;}
.footerc,.footerc a{ color:#b8d7fe; font-size:12px;}
.prodtrdesc{ display:none;}
.spec-preview{ display:table;}
.spec-preview .jqzoom{ float:none; display:table-cell; height:100%; vertical-align:middle; width:100%;}

.prodimga:first-child{ display:none;}
.prodimga{ text-align:center;}

.zsaboutm li,.team-left:before,.team-right:before,.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide .swiper-slide, .swiper-container-fade .swiper-slide-active .swiper-slide-active{ pointer-events:auto;}
.xrpromr  img,.xrproml h4,.adpromaimg img,.qxserverm li{transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}
.hhnewlist li:before,.hhprolist img,.hhprolist p,.zyservice p,.caseswiperm img,.caseswiperp,.line1{transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-webkit-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;}



/*footer-tlk*/
.w-1200{width: 1200px!important;max-width: none;}
.page-container, .container {
    margin-left: auto;
    margin-right: auto;
}
.autoheight {
    overflow: hidden;
    height: auto;
    zoom: 1;
}
/*footer*/
.footer{ height:auto; background: #21599B; color: #666; font-size: 14px;}
.footer .icon{display: inline-block;background-image: url("../images/icons.png");background-repeat: no-repeat;background-position: 0 0;}
.footer .icon:before{content: ''}
.foot-list-title{width:100%; height:50px; border-bottom:1px solid #fff; font-family:microsoft yahei; font-size:16px; color:#FFFFFF; line-height:50px;}
/*友情链接*/
.foot-frlink{width:230px; height:auto; margin:20px 40px 0 0; background:transparent;}
.foot-frlink .row{width:100%; height:120px; overflow-x:hidden; overflow-y:auto; padding:0; margin:20px 0 0 0;}

.foot-frlink .row::-webkit-scrollbar-track{background-color:#888888;-webkit-box-shadow: inset 0 0 2px rgba(102,102,102,0.2);}
.foot-frlink .row::-webkit-scrollbar-thumb{width: 4px;background-color:#cbcbcb;}
.foot-frlink .row::-webkit-scrollbar{width:3px;}

.foot-frlink .list-item{width:100%; height:30px;}
.foot-frlink .list-item a{display:block; font-family:microsoft yahei; font-size:14px; color:#FFFFFF; line-height:30px;}
.foot-frlink .list-item a:hover{color:#999;}

/*联系我们*/
.foot-contact{width:370px; height:200px; margin:20px 40px 0 0; background:transparent;}
.foot-contact .row{width:100%; height:auto; padding:0; margin:20px 0 0 0;}
.foot-contact .list-item{width:100%; height:30px;}
.foot-contact .list-item .icon{width:30px; height:30px; float:left;}
.foot-contact .list-item .icon-map{background-position:-45px -80px;}
.foot-contact .list-item .icon-tel{background-position:-90px -80px;}
.foot-contact .list-item .icon-mail{background-position:-135px -80px;}
.foot-contact .list-item span{font-family:microsoft yahei; font-size:14px; color:#FFFFFF; line-height:30px; float: left;}
/*关注我们*/
.foot-focus{width:280px; height:200px; margin:20px 40px 0 0; background:transparent;}
.foot-focus .row{width:100%; height:auto; padding:0; margin:20px 0 0 0;}
.foot-focus .list-item{width:100px; height:auto; margin-right:15px; float:left;}
.foot-focus .list-item .item-media{width:100%; height:100px;}
.foot-focus .list-item .item-media img{width:90px; height:90px; border:5px solid #575757;}
.foot-focus .list-item .item-data{    color: #fff;width:100%; height:30px; text-align:center; font-family:microsoft yahei; font-size:12px; line-height:30px;}
/*在线咨询*/
.foot-consul{width:200px; height:200px; margin:20px 0 0 0; background:transparent;}
.foot-consul .row{width:100%; height:auto; padding:0; margin:20px 0 0 0;}
.foot-consul .list-item{width:130px; height:40px; background:#ffffff; margin-bottom:15px;}
.foot-consul .list-item a{display:block; padding:5px 20px; overflow:hidden;}
.foot-consul .list-item .icon{width:30px; height:30px; float:left;}
.foot-consul .list-item .icon-qq{background-position:-180px -80px;}
.foot-consul .list-item span{font-family:microsoft yahei; font-size:14px; color:#767676; line-height:30px;}
.foot-consul .list-item:hover{background:#52319a;}
.foot-consul .list-item:hover .icon-qq{background-position:-225px -80px;}
.foot-consul .list-item:hover span{color:#fff;}
/*底部导航*/
.foot-nav{height:50px; background:transparent; border-bottom:1px solid #252525;}
.foot-nav .row{width:1000px; height:50px; overflow:hidden;}
.foot-nav .list-item{float: left; height:50px; text-align:center; position:relative;}
.foot-nav .list-item:after{content:''; width:1px; height:10px; background:#444444; position:absolute; right:0; top:20px;}
.foot-nav .list-item a{display:block; font-family:microsoft yahei; font-size:14px; color:#fff; line-height: 50px; padding:0 20px;}
.foot-nav .list-item a:hover{color:#999;}
.support{width:200px; height:50px; text-align:right;}
.support a{ font-family:microsoft yahei; font-size:14px; color:#666; line-height: 50px;}
.support a:hover{color:#999;}

/*版权*/
.foot-copy{height:50px; background:transparent; border-top:1px solid #fff;}
.foot-copy span{font-family:microsoft yahei; font-size:12px; color:#fff; line-height:50px;}
.foot-copy a{font-family:microsoft yahei; font-size:12px; color:#fff; line-height:50px;margin-right: 20px}
.foot-copy a:first-of-type{margin-right: 0}

/*fixed-right*/
.fixed-right{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 333333;
    width: 75px;
}
.fixed-right>a{
    width: 75px;
    height: 75px;
    border: 1px solid #F0F0F0;
    transition:.3s;
    display: block;
    background: #fff;
    position: absolute;
    right: 0;
    box-sizing: border-box;
}
.fixed-right a:last-of-type{
    height: 45px;
}
.fixed-right a .imgBox{
    width: 27px;
    height: 45px;
    margin: 0 auto;
    position: relative;
}
.fixed-right a .imgBox img{
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.fixed-right a .imgBox2{
    display: none;
    height: 75px;
    position: relative;
    width: 60px;
}
.fixed-right a .imgBox2 img{
    position: absolute;
    width: 27px;
    height: auto;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.fixed-right a>p:nth-of-type(1){
    text-align: center;
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(153,153,153,1);
    opacity:1;
}
.fixed-right a>p:nth-of-type(2){
    display: block;
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    line-height:20px;
    color:rgba(255,255,255,1);
    opacity:0;
}
.fixed-right>a:nth-of-type(1){
    top: 0;
    z-index: 5;
}
.fixed-right>a:nth-of-type(2){
    top: 75px;
    z-index: 6;
}
.fixed-right>a:nth-of-type(3){
    top: 150px;
    z-index: 7;
}
.fixed-right>a:nth-of-type(4){
    top: 225px;
    z-index: 8;
}
.fixed-right>a:nth-of-type(5){
    top: 300px;
    z-index: 9;
}
.fixed-right>a:hover{
    width: 170px;
    border-color: #3A8EFC;
    background: #3A8EFC;
}
.fixed-right>a:hover .imgBox{
    display: none;
}
.fixed-right>a:hover .imgBox2{
    display: block;
}
.fixed-right>a:hover p:nth-of-type(1){
    display: none;
}
.fixed-right>a:hover p:nth-of-type(2){
    opacity: 1;
}
.fixed-right>a:hover.f-wechat{
    width: 75px;
    height: 75px;
    border-color: #3A8EFC;
    background: #3A8EFC;
}
.fixed-right>a:last-of-type:hover{
    width: 75px;
    height: 45px;
    border: 1px solid #3A8EFC;
    transition:.3s;
    display: block;
    background: #fff;
    position: absolute;
    right: 0;
    box-sizing: border-box;
    border-color: #3A8EFC;
}
.fixed-right>a:last-of-type:hover .imgBox{
    display: block;
}
.fixed-right>a:last-of-type:hover .imgBox2{
    display: none;
}
.fixed-right>a:last-of-type:hover p:nth-of-type(1){
    display: block;
}
.fixed-right>a:last-of-type:hover p:nth-of-type(2){
    opacity: 0;
}
.fixed-right>a:hover.f-wechat .imgBox2{
    width: 27px;
    height: 75px;
    margin: 0 auto;
    position: relative;
}
.fixed-right>a:hover.f-wechat .imgBox2 img{
    position: absolute;
    width: 27px;
    height: auto;
    top: 50%;
    right: unset;
    transform: translateY(-50%);
}
.f-wechat .imgBox3{
    transition: .3s;
    width: 0;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 74px;
    background: #3A8EFC;
    height: 140px;
}
.f-wechat .imgBox3 img{
    width: 0;
}
.fixed-right>a.f-wechat:hover .imgBox3{
    width: 120px;
}
.fixed-right>a.f-wechat .imgBox3 p{
    opacity:0;
}
.fixed-right>a:hover.f-wechat .imgBox3 img{
    width: 80px;
    height: 80px;
    margin-left: 20px;
    margin-top: 20px;
}
.fixed-right>a:hover.f-wechat .imgBox3 p{
    text-align: center;
    margin-top: 10px;
    font-size:14px;
    font-family:Source Han Sans SC;
    font-weight:400;
    color:rgba(255,255,255,1);
    opacity:1;
    display: block;
}