@charset "utf-8";
/* CSS Document */
html{font-size: 32vw;}
body{ font-family:"siyuan";font-size:12px;margin:0px;padding:0px; overflow-x:hidden;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,select,span{margin:0px;padding:0px;font-weight:normal}
a{text-decoration:none; color:#444;font-weight:normal}
b{ font-weight:normal;}
p{font-weight:normal}
a:hover{text-decoration:none; color:#015db2;font-weight: normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
i,dl,dt,em,li{list-style-type:none; font-style:normal;}
input,textarea{ font-family:"siyuan";outline: none;}
a{ border:none\9;}
a img{border:none\9;}
.Left{float:left;}
.Right{float:right;}
.clearfix{clear:both;}
@font-face {
  font-family: 'siyuan';
  src: url(../Bebas/siyuan.TTF);
}
@font-face{
  font-family: "din";
  src: url(../Bebas/DIN-MEDIUM.OTF);
}
.headertop{height: 170px;width: 100%;}
.headerbox{width: 100%;height: auto;position: fixed;left: 0;top: 0;z-index: 5;background-color: #fff;}
.headerbox .ht{width: 88.3%;margin: 0 auto;}
.headerbox .ht .logo{width: 221px;height: 64px;display: block;float: left;margin: 18px 0;}
.headerbox .ht .logo img{width: 100%;display: block;}
.headerbox .ht .r{float: right;margin-top: 29px;font-size: 0;text-align: left;}
.headerbox .ht .r .phonebox{display: inline-block;vertical-align: middle;margin-right: 50px;}
.headerbox .ht .r .phonebox h5{padding-left: 60px;position: relative;font-size: 30px;font-weight: bold;line-height: 38px;font-weight: bold;color:#0061ae;font-family: "din";}
.headerbox .ht .r .phonebox h5::before{content:"";width: 38px;height: 38px;display: block;position: absolute;left:0;top: 0;background: url(../images/index/icon_phone.png) no-repeat;}
.headerbox .ht .r .searchbox{width: 211px;padding: 0 19px;border-radius: 30px;background: #e2e2e2;font-size: 0;text-align: left;display: inline-block;vertical-align: middle;}
.headerbox .ht .r .searchbox .in_intxt{width: 192px;display: inline-block;vertical-align: middle;border: none;background: none;outline: none;font-size: 16px;color:#232323;line-height: 38px;text-align: left;}
.headerbox .ht .r .searchbox .in_btn{width: 18px;display: inline-block;vertical-align: middle;border: none;cursor: pointer;outline: none;background: url(../images/index/icon_search.png) no-repeat scroll center center;height: 38px;}
.headerbox .hb{width: 100%;background: #154a9a;}
.headerbox .hb ul{width: 88.3%;margin: 0 auto;font-size: 0;text-align: left;}
.headerbox .hb ul li{width: 239px;display: inline-block;vertical-align: top;position: relative;}
.headerbox .hb ul li::before{content:"";width: 1px;height: 19px;background: rgba(255, 255, 255, 0.4);position: absolute;right: 0;top: 26px;}
.headerbox .hb ul li a{font-size: 20px;color:#fff;line-height: 70px;display: block;text-align: center;}



.headerbox .hb ul li:last-child::before{display: none;}
.headerbox .hb ul li:hover>a{background-color: #0061ae;}
.headerbox .hb ul li.hov>a{background-color: #0061ae;}
.headerbox .hb ul li>a.hov{background-color: #0061ae;}

.headerbox .hb ul li.classhov2 .showclass2 .r:nth-child(3) .solutions dd{display: none;}

.headerbox .snav{position: absolute;left: 0;top: 100%;padding: 10px 0;display: none;}
.headerbox .snav ul li{width: 100%;background-color: rgba(0, 0, 0, 0.5);}
.headerbox .snav ul li a{font-size: 17px;color:#fff;line-height: 30px;display: block;text-align: center;}

.headerbox .snav-prod{width: 100%;position: fixed;left: 0;top: 170px;background-color: #fff;font-size: 0;text-align: left;height: 100vh;}
.headerbox .snav-prod .l{width: 18%;padding-left: 6%;padding-right: 1.5%;padding-top: 3%;background-color: #f3f5f7;display: inline-block;vertical-align: top;height: 100vh;}
.headerbox .snav-prod .l h2{font-size: 30px;color:#232323;line-height: 30px;font-weight: bold;text-align: left;margin-bottom: 24px;}
.headerbox .snav-prod .l dl dd{display: block;}
.headerbox .snav-prod .l dl dd a{font-size: 19px;color:#232323;line-height: 60px;display: block;border-bottom: 2px solid #f3f5f7;background: none;text-align: left;}
.headerbox .snav-prod .l dl dd.hov a{border-color: #0061ae;background: none;color:#0061ae;font-weight: bold;}
.headerbox .snav-prod .l dl dd:hover a{border-color: #0061ae;background: none;color: #0061ae;font-weight: bold;}
.headerbox .snav-prod .r{width: 67.5%;display: inline-block;vertical-align: top;height: 100%;background-color: #fff;font-size: 0;text-align: left;padding:3% 4% 0 3%}
.headerbox .snav-prod .r dl{width: 21%;display: inline-block;vertical-align: top;margin:0 0.5% 3%;}
.headerbox .snav-prod .r dl.wd30{width: 32%;}
.headerbox .snav-prod .r dl h2 a{font-size: 19px;color:#0061a0;line-height: 30px;display: block;margin-bottom: 15px;text-align: left;}
.headerbox .snav-prod .r dl dd a{font-size: 16px;color:#232323;line-height: 30px;display: block;text-align: left;}
.headerbox .snav-prod .r dl h2 a:hover{background: none;font-weight: bold;}
.headerbox .snav-prod .r dl dd a:hover{background: none;color: #0061ae;}

.headerbox .snav-prod .r dl.products:nth-child(1){display: none;}
.headerbox .snav-prod .r dl.products:nth-child(2){width: 32%;}
.headerbox .snav-prod .r dl.products:nth-child(6){width: 32%;}

.headerbox .snav-prod .r dl.leases:nth-child(1){display: none;}
.headerbox .snav-prod .r dl.leases:nth-child(2){width: 32%;}
.headerbox .snav-prod .r dl.leases:nth-child(6){width: 32%;}

.headerbox .snav-prod .r dl.soft{font-size: 0;text-align: left;width: 100%;}
.headerbox .snav-prod .r dl.soft dd{display: inline-block;vertical-align: top;margin-right: 3%;margin-bottom: 1.5%;}

.banner{position: relative;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .swiper-pagination{width: 88.3%;bottom: 40px;text-align: left;left: 5.85%;z-index: 1;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 35px;height: 4px;background: #fff;opacity: 1;margin: 0 5px;border-radius: 0;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1f498a;}

.banner video{width: 100%;height: 773px;}

.banner_mob{position: relative;overflow: hidden;display: none;}
.banner_mob img{width: 100%;display: block;}
.banner_mob .swiper-pagination{width: 100%;bottom: 20px;text-align: center;left:0;z-index: 1;}
.banner_mob .swiper-pagination .swiper-pagination-bullet{width: 35px;height: 4px;background: #fff;opacity: 1;margin: 0 5px;border-radius: 0;}
.banner_mob .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #1f498a;}

.phonebox-fixed{width: 80%;left: 5%;border-radius: 10px;background: #fff;position: fixed;top: 50%;transform: translate(0,-50%);padding: 5%;display: none;z-index: 5;}
.phonebox-fixed .close{width: 20px;height: 20px;position: absolute;right: -10px;top: -10px;font-size: 16px;color:#fff;background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;text-align: center;text-indent: 0;}
.phonebox-fixed p{font-size: 16px;color:#232323;line-height: 32px;text-align: left;display: block;}
.phonebox-fixed a{font-size: 24px;color:#0061ae;font-weight: bold;font-family: 'din';display: block;text-indent: 30px;}

.i01{margin: 0 auto;padding-top: 80px;width: 100%;background: #f0f0f0;}
.i01 .t{margin:0 auto 40px;width: 88.3%;}
.i01 .t h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;margin-bottom: 15px;text-align: center;}
.i01 .t p{font-size: 20px;color:rgba(35, 35, 35, 0.7);line-height: 20px;text-align: center;text-transform: uppercase;}
.i01 .b{width: 88.3%;margin: 0 auto;}
.i01 .b ul{font-size: 0;text-align: left;}
.i01 .b ul li{width: 25%;display: inline-block;vertical-align: top;position: relative;overflow: hidden;}
.i01 .b ul li .imgs{width: auto;background: #000508;}
.i01 .b ul li .imgs img{width: 100%;display: block;opacity: 0.5;}
.i01 .b ul li .text{position: absolute;left: 0;bottom: 0;background: rgba(0, 97, 174, 0.2);padding-top: 73px;width: 100%;height: 297px;transition: all 500ms;}
.i01 .b ul li .text i{width: 120px;height: 120px;display: block;margin: 0 auto 30px;}
.i01 .b ul li .text i.p01{background: url(../images/index/picon01.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text i.p02{background: url(../images/index/picon02.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text i.p03{background: url(../images/index/picon03.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text i.p04{background: url(../images/index/picon04.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text i.p05{background: url(../images/index/picon05.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text i.p06{background: url(../images/index/picon06.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text i.p07{background: url(../images/index/picon07.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text i.p08{background: url(../images/index/picon08.png) no-repeat;background-size: 100%;}
.i01 .b ul li .text .line{width: 45px;height: 3px;margin: 0 auto 30px;display: block;background: #fff;}
.i01 .b ul li .text h2{font-size:22px;color:#fff;line-height: 24px;font-weight: bold;text-align: center;margin-bottom: 17px;}
.i01 .b ul li .text p{font-size: 16px;color:#fff;line-height: 30px;width: 80%;margin: 0 auto;text-align: justify;overflow: hidden;transition: all 500ms;opacity: 0;}
.i01 .b ul li:hover .text{padding-top: 33px;background: rgba(0, 97, 174, 0.8);height: 337px;}
.i01 .b ul li:hover .text p{opacity: 1;}

.i02{width: 100%;padding-top: 40px;}
.i02 .t{margin:0 auto 40px;width: 88.3%;}
.i02 .t h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;margin-bottom: 15px;text-align: center;}
.i02 .t p{font-size: 20px;color:rgba(35, 35, 35, 0.7);line-height: 20px;text-align: center;text-transform: uppercase;}
.i02 .b{width: 93.75%;padding-left: 6.25%;font-size: 0;text-align: left;position: relative;}
.i02 .b .mySwiper2{width: 25%;display: inline-block;vertical-align: top;height: 550px;background: #0061ae;overflow: hidden;}
.i02 .b .mySwiper2 .text{width: 80%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.i02 .b .mySwiper2 .text h2{font-size: 30px;color:#fff;line-height: 48px;margin-bottom: 15px;}
.i02 .b .mySwiper2 .text p{font-size: 16px;color:#fff;line-height: 30px;text-align: justify;margin-bottom: 60px;}
.i02 .b .mySwiper2 .text .more{font-size: 0;text-align: center;border-radius: 30px;background: #fff;display: block;border: 1px solid #fff;width: 136px;height: 46px;}
.i02 .b .mySwiper2 .text .more b{font-size: 15px;color:#232323;line-height: 46px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.i02 .b .mySwiper2 .text .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/more-hov.png) no-repeat;}
.i02 .b .mySwiper2 .text .more:hover{background: #0061ae;}
.i02 .b .mySwiper2 .text .more:hover b{color:#fff}
.i02 .b .mySwiper2 .text .more:hover i{background:url(../images/index/move.png) no-repeat;}
.i02 .b .mySwiper{width: 75%;display: inline-block;vertical-align: top;overflow: hidden;}
.i02 .b .mySwiper .swiper-slide{width: 61.6%;background-color: #000;}
.i02 .b .mySwiper .swiper-slide img{width: 100%;display: block;opacity: 0.4;}
.i02 .b .mySwiper .swiper-slide.swiper-slide-active img{opacity: 1;}
.i02 .b .mySwiper2 .swiper-button-next{z-index: 1;width: 50px;height: 50px;border-radius: 50%;background: rgba(242, 242, 242, 0.5);right: 6%;outline: none;cursor: pointer;}
.i02 .b .mySwiper2 .swiper-button-next::after{font-size: 20px;text-align: center;line-height: 50px;color:#222}
.i02 .b .mySwiper2 .swiper-button-next:hover{background-color: #0061ae;}
.i02 .b .mySwiper2 .swiper-button-next:hover::after{color:#fff}
.i02 .b .mySwiper2 .swiper-button-prev{z-index: 1;width: 50px;height: 50px;border-radius: 50%;background: rgba(242, 242, 242, 0.5);left: 6%;outline: none;cursor: pointer;}
.i02 .b .mySwiper2 .swiper-button-prev::after{font-size: 20px;text-align: center;line-height: 50px;color:#222}
.i02 .b .mySwiper2 .swiper-button-prev:hover{background-color: #0061ae;}
.i02 .b .mySwiper2 .swiper-button-prev:hover::after{color:#fff}
.i02 .b-mob{display: none;width: 96%;margin:0 auto;overflow: hidden;}
.i02 .b-mob .swiper-slide{width: auto;}
.i02 .b-mob .swiper-slide .imgs{width: 100%;height: auto;}
.i02 .b-mob .swiper-slide .imgs img{width: 100%;display: block;}
.i02 .b-mob .swiper-slide .text{width: 90%;padding: 5%;background-color: #0061ae;}
.i02 .b-mob .swiper-slide .text h2{font-size: 30px;color:#fff;line-height: 48px;margin-bottom: 15px;}
.i02 .b-mob .swiper-slide .text p{font-size: 16px;color:#fff;line-height: 30px;text-align: justify;margin-bottom: 60px;}
.i02 .b-mob .swiper-slide .text .more{font-size: 0;text-align: center;border-radius: 30px;background: #fff;display: block;border: 1px solid #fff;width: 136px;height: 46px;}
.i02 .b-mob .swiper-slide .text .more b{font-size: 15px;color:#232323;line-height: 46px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.i02 .b-mob .swiper-slide .text .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/more-hov.png) no-repeat;}
.i02 .b-mob .swiper-button-next{z-index: 2;width: 50px;height: 50px;border-radius: 50%;background: rgba(242, 242, 242, 0.5);right: 1%;outline: none;cursor: pointer;}
.i02 .b-mob .swiper-button-next::after{font-size: 20px;text-align: center;line-height: 50px;color:#222}
.i02 .b-mob .swiper-button-next:hover{background-color: #0061ae;}
.i02 .b-mob .swiper-button-next:hover::after{color:#fff}
.i02 .b-mob .swiper-button-prev{z-index: 2;width: 50px;height: 50px;border-radius: 50%;background: rgba(242, 242, 242, 0.5);left: 1%;outline: none;cursor: pointer;}
.i02 .b-mob .swiper-button-prev::after{font-size: 20px;text-align: center;line-height: 50px;color:#222}
.i02 .b-mob .swiper-button-prev:hover{background-color: #0061ae;}
.i02 .b-mob .swiper-button-prev:hover::after{color:#fff}


.i03{width: 88.3%;margin: 0 auto;padding-top: 90px;padding-bottom: 70px;}
.i03 .t{margin-bottom: 60px;}
.i03 .t .l{float: left;}
.i03 .t .l h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;margin-bottom: 15px;}
.i03 .t .l p{font-size: 20px;color:rgba(35, 35, 35, 0.7);line-height: 20px;text-align: left;text-transform: uppercase;}
.i03 .t .r{float: right;}
.i03 .t .r ul{margin-top: 22px;font-size: 0;text-align: center;}
.i03 .t .r ul li{display: inline-block;vertical-align: top;margin-left: 15px;border-radius: 30px;overflow: hidden;}
.i03 .t .r ul li a{font-size: 18px;color:#232323;line-height: 46px;padding: 0 20px;display: block;border-radius: 30px;}
.i03 .t .r ul li:hover a{background: #0061ae;color:#fff;}
.i03 .t .r ul li.h1 a{background: #0061ae;color:#fff;}
.i03 .b{width: auto;}
.i03 .b .top{margin-bottom: 35px;font-size: 0;text-align: left;background: #f5f5f5;}
.i03 .b .top .l{width: 50%;display: inline-block;vertical-align: middle;}
.i03 .b .top .l img{width: 100%;display: block;}
.i03 .b .top .text{width: 44%;display: inline-block;vertical-align: middle;padding: 0 3%;}
.i03 .b .top .text a{display: block;}
.i03 .b .top .text .dates{margin-bottom: 40px;}
.i03 .b .top .text .dates .day{font-size: 60px;color:rgba(35, 35, 35, 0.6);line-height: 45px;display: block;margin-bottom: 15px;font-family: "Arial";}
.i03 .b .top .text .dates .mon{font-size: 18px;color:rgba(35, 35, 35, 0.6);line-height: 22px;display: block;font-family: "Arial";}
.i03 .b .top .text h2{font-size: 30px;color:#232323;line-height: 30px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight: bold;margin-bottom: 30px;}
.i03 .b .top .text p{font-size: 16px;color:rgba(35, 35, 35, 0.8);line-height: 30px;text-align: justify;margin-bottom: 70px;}
.i03 .b .top .text .more{font-size: 0;text-align: left;display: block;}
.i03 .b .top .text .more b{font-size: 15px;color:#232323;line-height: 30px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.i03 .b .top .text .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/more-bl.png) no-repeat;}
.i03 .b .btm{width: auto;}
.i03 .b .btm ul{font-size: 0;text-align: left;}
.i03 .b .btm ul li{width: 28.3333%;display: inline-block;vertical-align: top;position: relative;height: 152px;padding-left: 5%;}
.i03 .b .btm ul li:nth-child(4){display: none;}
.i03 .b .btm ul li a{display: block;}
.i03 .b .btm ul li::before{content:"";width: 1px;height: 152px;display: block;background: #dadada;position: absolute;right: 0;top: 0;}
.i03 .b .btm ul li .date{font-size: 18px;color:#232323;line-height: 36px;display: block;margin-bottom: 15px;}
.i03 .b .btm ul li h2{font-size: 24px;color:#232323;line-height: 40px;font-weight: bold;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 30px;}
.i03 .b .btm ul li .more{font-size: 0;text-align: left;display: block;}
.i03 .b .btm ul li .more b{font-size: 15px;color:#232323;line-height: 30px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.i03 .b .btm ul li .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/more-bl.png) no-repeat;}
.i03 .b .btm ul li:nth-child(3)::before{display: none;}
.i03 .b .btm ul li:hover::before{background-color: #0061ae;}
.i03 .b .btm ul li:hover .date{color:#0061ae}
.i03 .b .btm ul li:hover h2{color:#0061ae}
.i03 .b .btm ul li:hover .more b{color:#0061ae}

.i04{width: 100%;background: url(../images/index/i04bg.jpg) no-repeat scroll top center;}
.i04 .t{width: 88.3%;margin: 0 auto 90px;padding-top: 100px;}
.i04 .t h2{font-size: 40px;color:#fff;line-height: 40px;font-weight: bold;text-align: center;margin-bottom: 15px;}
.i04 .t span{font-size: 20px;color:#fff;line-height: 20px;text-align: center;text-transform: uppercase;display: block;margin-bottom: 40px}
.i04 .t p{font-size: 19px;color:#fff;line-height: 36px;text-align: center;}
.i04 .b{width: 88.3%;margin: 0 auto;background: #fff;border-radius: 15px;padding: 50px 0;}
.i04 .b ul{font-size: 0;text-align: center;}
.i04 .b ul li{width: 33.3333%;display: inline-block;vertical-align: top;}
.i04 .b ul li i{width: 45px;height: 45px;display: block;margin: 0 auto 25px;}
.i04 .b ul li i.i04-1{background: url(../images/index/i04-1.png) no-repeat;background-size: 100%;}
.i04 .b ul li i.i04-2{background: url(../images/index/i04-2.png) no-repeat;background-size: 100%;}
.i04 .b ul li i.i04-3{background: url(../images/index/i04-3.png) no-repeat;background-size: 100%;}
.i04 .b ul li h2{font-size: 24px;color:#232323;line-height: 30px;text-align: center;margin-bottom: 15px;}
.i04 .b ul li p{font-size: 18px;color:#232323;line-height: 22px;text-align: center;}
.i04 .b .more{width: 174px;height: 54px;border-radius: 30px;margin: 100px auto 0;display: block;font-size: 0;text-align: center;background: #0061ae;}
.i04 .b .more b{font-size: 22px;color:#fff;line-height: 54px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.i04 .b .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/more.png) no-repeat;}

.footerbar{width: 100%;background: #f0f0f0;}
.footerbar .footer{width: 88.3%;margin: 0 auto;float: none;}
.footerbar .footer .ft{padding:47px 20px 40px;border-bottom: 1px solid #dadada;}
.footerbar .footer .ft .l{width: 221px;height: 64px;float: left;}
.footerbar .footer .ft .l img{width: 100%;display: block;}
.footerbar .footer .ft .r{float: right;margin-top: 40px;}
.footerbar .footer .ft .r ul{font-size: 0;text-align: left;}
.footerbar .footer .ft .r ul h2{font-size: 18px;color:rgba(35, 35, 35, 0.9);line-height: 20px;display: inline-block;vertical-align: middle;}
.footerbar .footer .ft .r ul li{display: inline-block;vertical-align: middle;margin-left: 10px;}
.footerbar .footer .ft .r ul li a{font-size: 18px;color:rgba(35, 35, 35, 0.9);line-height: 28px;display: block;}
.footerbar .footer .ft .r ul li:hover a{color:#0061ae;font-weight: normal;}
.footerbar .footer .fb{padding: 35px 20px 50px;border-bottom: 1px solid #dadada;font-size: 0;text-align: left;}
.footerbar .footer .fb .fnavs{display: inline-block;vertical-align: top;width: 67%;}
.footerbar .footer .fb .fnavs .fnav01{margin-left: 100px;display: inline-block;vertical-align: top;}
.footerbar .footer .fb .fnavs .fnav01:nth-child(1){margin-left: 0;}
.footerbar .footer .fb .fnavs .fnav01 h2{font-size: 20px;color:#232323;line-height: 24px;font-weight: bold;margin-bottom: 10px;}
.footerbar .footer .fb .fnavs .fnav01 ul li{width: auto;}
.footerbar .footer .fb .fnavs .fnav01 ul li a{font-size: 16px;color:rgba(35, 35, 35, 0.8);line-height: 32px;display: block;}
.footerbar .footer .fb .fnavs .fnav01 ul li:hover a{color:#0061ae;font-weight: normal;}
.footerbar .footer .fb .fnavs .fnav02box{display: inline-block;vertical-align: top;font-size: 0;text-align: left;width: 24%;margin-left: 100px;}
.footerbar .footer .fb .fnavs .fnav02{display: inline-block;vertical-align: top;margin-right: 100px;}
.footerbar .footer .fb .fnavs .fnav02:nth-child(2n){margin-right: 0;}
.footerbar .footer .fb .fnavs .fnav02:nth-child(1){margin-bottom: 55px;}
.footerbar .footer .fb .fnavs .fnav02:nth-child(2){margin-bottom: 55px;}
.footerbar .footer .fb .fnavs .fnav02 h2{font-size: 20px;color:#232323;line-height: 24px;font-weight: bold;margin-bottom: 10px;}
.footerbar .footer .fb .fnavs .fnav02 ul li{width: auto;}
.footerbar .footer .fb .fnavs .fnav02 ul li a{font-size: 16px;color:rgba(35, 35, 35, 0.8);line-height: 32px;display: block;}
.footerbar .footer .fb .fnavs .fnav02 ul li:hover a{color:#0061ae;font-weight: normal;}
.footerbar .footer .fb .fcode{display: inline-block;vertical-align: top;margin-right:100px;}
.footerbar .footer .fb .fcode h2{font-size: 20px;color:#232323;line-height: 24px;font-weight: bold;margin-bottom: 15px;}
.footerbar .footer .fb .fcode img{width: 120px;display: block;margin-bottom: 24px;}
.footerbar .footer .fb .fcont{display: inline-block;vertical-align: top;}
.footerbar .footer .fb .fcont .box01{margin-bottom: 70px;display: block;}
.footerbar .footer .fb .fcont .box01 h2{font-size: 20px;color:#232323;line-height: 24px;font-weight: bold;margin-bottom: 12px;}
.footerbar .footer .fb .fcont .box01 p{font-size: 30px;color:#2455a0;line-height: 40px;font-weight: bold;font-family: "din";}
.footerbar .footer .fb .fcont .box01:nth-child(2) p{font-size: 26px;}
.footerbar .footer .fc{width: auto;padding: 20px 10px;}
.footerbar .footer .fc p{font-size: 16px;color:rgba(35, 35, 35, 0.7);line-height: 38px;}
.footerbar .footer .fc p a{color:rgba(35, 35, 35, 0.7);}
.footerbar .footer .fc p a:hover{color:#0061ae}
.footerbar .footer .fc ul{font-size: 0;text-align: left;}
.footerbar .footer .fc ul li{display: inline-block;vertical-align: middle;margin-left: 20px;}
.footerbar .footer .fc ul li a{font-size: 16px;color:rgba(35, 35, 35, 0.7);line-height: 38px;display: block;}
/* .footerbar .footer .fc ul li a span{display: none;} */
.footerbar .footer .fc ul li a:hover{color:#0061ae;font-weight: normal;}

/* 左侧共用 */
.leftbox{width: 18%;display: inline-block;vertical-align: top;background-color: #eee;margin-right: 1.5%;}
.leftbox h2{font-size: 28px;color:#fff;line-height: 78px;padding: 0 20px;background: #247abe;font-weight: bold;}
.leftbox ul{padding: 10px 20px;}
.leftbox ul li{border-bottom: 1px solid rgba(35, 35, 35, 0.1);}
.leftbox ul li a{font-size: 18px;color:#232323;line-height: 30px;display: block;position: relative;padding: 14px 0;padding-right: 15px;}
.leftbox ul li a::after{content:"";width: 9px;height: 14px;display: block;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);background: url(../images/index/left-icon.png) no-repeat scroll bottom center;}
.leftbox ul li.hov a{color:#0061ae;}
.leftbox ul li:hover a{color:#0061ae}
.leftbox ul li.hov a::after{background-position: top center;}
.leftbox ul li:hover a::after{background-position: top center;}
.leftbox ul li:last-child{border-bottom: none;}

.product{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.product .r{width: 75%;display: inline-block;vertical-align: top;}
.product .r .top{margin-bottom: 0;}
.product .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;margin-bottom: 35px;}
.product .r .top h3{font-size: 30px;color:#232323;line-height: 30px;font-weight: bold;text-align: center;margin-bottom: 35px;}
.product .r .top ul{font-size: 0;text-align: center;}
.product .r .top ul li{display: inline-block;vertical-align: top;margin: 0 10px 10px;border-radius: 30px;border: 1px solid rgba(23, 23, 23, 0.16);}
.product .r .top ul li a{font-size: 18px;color:#232323;line-height: 44px;display: block;padding: 0 20px;}
.product .r .top ul li.hov{border-color: #0061ae;background-color: #0061ae;}
.product .r .top ul li.hov a{color:#fff}
.product .r .top ul li:hover{border-color: #0061ae;background-color: #0061ae;}
.product .r .top ul li:hover a{color:#fff}
.product .r .btm{width: auto;}
.product .r .btm ul{font-size: 0;text-align: left;}
.product .r .btm ul li{width: 32%;display: inline-block;vertical-align: top;margin: 0 0.5% 2%;}
.product .r .btm ul li a{display: block;}
.product .r .btm ul li .imgs{width: 100%;display: block;overflow: hidden;}
.product .r .btm ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.product .r .btm ul li .text{padding: 15px 30px;}
.product .r .btm ul li .text h2{font-size: 22px;color:#232323;line-height: 30px;font-weight: bold;text-align: left;margin-bottom: 24px;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 500ms;}
.product .r .btm ul li .text p{font-size: 17px;color:#232323;line-height: 26px;text-align: left;margin-bottom: 24px;transition: all 500ms;height: 52px;overflow: hidden;}
.product .r .btm ul li .text .more{font-size: 0;text-align: left;display: block;}
.product .r .btm ul li .text .more b{font-size: 16px;color:#0061ae;line-height: 30px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.product .r .btm ul li .text .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/icon-t.png) no-repeat;}
.product .r .btm ul li:hover .imgs img{transform: scale(1.05);}
.product .r .btm ul li:hover .text h2{color:#0061ae}
.product .r .btm ul li:hover .text p{color:#0061ae}


.prodet{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.prodet .r{width: 75%;display: inline-block;vertical-align: top;}
.prodet .r .t{margin-bottom: 50px;}
.prodet .r .t h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;}
.prodet .r .pictures{width: 59.328%;margin: 0 auto 75px;}
.prodet .r .pictures .imgs{width: 100%;position: relative;}
.prodet .r .pictures .imgs .top{width:100%;height: auto;display: block;margin: 0 auto;overflow: hidden;}
.prodet .r .pictures .imgs .top img{width: 100%;height: auto;display: block;}
.prodet .r .pictures .imgs .btm{width: 110%;height: auto;margin: 0 auto;margin-left: -5%;position: relative;}
.prodet .r .pictures .imgs .btm .ulbox{width: 90%;overflow: hidden;margin: 0 auto;margin-top: 10px;position: relative;height:98px;}
.prodet .r .pictures .imgs .btm ul{width: 300%;height: auto;overflow: hidden;position: absolute;left: 0;top: 0;transition: all 500ms;}
.prodet .r .pictures .imgs .btm ul li{display: block;padding-right: 8px;overflow: hidden;float:left;cursor: pointer;}
.prodet .r .pictures .imgs .btm ul li img{width: 142px;height: 94px;display: block;border:2px solid #e6e6e6;}
.prodet .r .pictures .imgs .btm ul li.hov img{border-color:#0061ae;width: 142px;height: 94px;}
.prodet .r .pictures .imgs .btm #prev{width: 22px;height: 96px;background: url(../images/index/icon-prev.png) no-repeat scroll left top;left: 0;bottom: 4px;position: absolute;cursor: pointer;opacity: 0.2;}
.prodet .r .pictures .imgs .btm #next{width: 22px;height: 96px;background: url(../images/index/icon-prev.png) no-repeat scroll right top;right: 0;bottom: 4px;position: absolute;cursor: pointer;opacity: 0.2;}
.prodet .r .pictures .imgs .btm #prev:hover{opacity: 0.5;}
.prodet .r .pictures .imgs .btm #next:hover{opacity: 0.5;}
.prodet .r .pictures_mob{display: none;position: relative;}
.prodet .r .pictures_mob .swiper-slide img{width: 100%;display: block;}
.prodet .r .pictures_mob .swiper-button-next{z-index: 2;width: 50px;height: 50px;border-radius: 50%;background: rgba(242, 242, 242, 0.5);right: 1%;outline: none;cursor: pointer;}
.prodet .r .pictures_mob .swiper-button-next::after{font-size: 20px;text-align: center;line-height: 50px;color:#222}
.prodet .r .pictures_mob .swiper-button-next:hover{background-color: #0061ae;}
.prodet .r .pictures_mob .swiper-button-next:hover::after{color:#fff}
.prodet .r .pictures_mob .swiper-button-prev{z-index: 2;width: 50px;height: 50px;border-radius: 50%;background: rgba(242, 242, 242, 0.5);left: 1%;outline: none;cursor: pointer;}
.prodet .r .pictures_mob .swiper-button-prev::after{font-size: 20px;text-align: center;line-height: 50px;color:#222}
.prodet .r .pictures_mob .swiper-button-prev:hover{background-color: #0061ae;}
.prodet .r .pictures_mob .swiper-button-prev:hover::after{color:#fff}
.prodet .r .b{width: auto;}
.prodet .r .b .top{border-bottom: 1px solid #dbdbdb;}
.prodet .r .b .top ul{float: left;font-size: 0;text-align: left;}
.prodet .r .b .top ul li{display: inline-block;vertical-align: top;margin-right: 10px;}
.prodet .r .b .top ul li a{font-size: 20px;color:#232323;line-height: 60px;padding: 0 25px;display: block;border-top-left-radius: 5px;border-top-right-radius: 5px;overflow: hidden;}
.prodet .r .b .top ul li.hov a{color:#fff;font-weight: bold;background-color: #0061ae;}
.prodet .r .b .top ul li:hover a{color:#fff;font-weight: bold;background-color: #0061ae;}
.prodet .r .b .top .more{float: right;font-size: 0;text-align: right;margin-right: 10px;}
.prodet .r .b .top .more b{font-size: 18px;color:#0061ae;line-height: 60px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.prodet .r .b .top .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background:url(../images/index/icon-t.png) no-repeat;}
.prodet .r .b .btm{width: auto;}
.prodet .r .b .btm .box{padding: 45px 25px 0;}
.prodet .r .b .btm .box h2{font-size: 26px;color:#232323;line-height: 30px;font-weight: bold;margin-bottom: 15px;}
.prodet .r .b .btm .box .cont{width: auto;}
.prodet .r .b .btm .box .cont h3{font-size: 26px;color:#232323;line-height: 30px;margin-bottom: 15px;}
.prodet .r .b .btm .box .cont p{font-size: 18px;color:#232323;line-height: 30px;text-align: justify;margin-bottom: 25px;}
.prodet .r .b .btm .box .cont img{width: auto;max-width: 100%;display: block;margin: 0 auto;}
.prodet .r .b .btm .box .cont ul{font-size: 0;text-align: left;padding: 15px 10px;}
.prodet .r .b .btm .box .cont ul li{display: inline-block;vertical-align: top;font-size: 18px;color:#232323;line-height: 30px;text-align: left;}
.prodet .r .b .btm .box .cont ul li:nth-child(1){width: 30%;}
.prodet .r .b .btm .box .cont ul li:nth-child(2){width: 70%;}



.cases{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.cases .r{width: 75%;display: inline-block;vertical-align: top;}
.cases .r .top{margin-bottom: 50px;}
.cases .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;}
.cases .r .btm{width: auto;}
.cases .r .btm ul{font-size: 0;text-align: left;}
.cases .r .btm ul li{width: 32%;display: inline-block;vertical-align: top;margin-right: 2%;margin-bottom: 2%;}
.cases .r .btm ul li:nth-child(3n){margin-right: 0;}
.cases .r .btm ul li a{display: block;}
.cases .r .btm ul li .imgs{width: 100%;height: 284px;overflow: hidden;}
.cases .r .btm ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.cases .r .btm ul li .text{padding: 25px 10px 0;}
.cases .r .btm ul li .text h2{font-size: 24px;color:#232323;line-height: 26px;font-weight: bold;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 10px;transition: all 500ms;}
.cases .r .btm ul li .text p{font-size: 17px;color:rgba(35, 35, 35, 0.8);line-height: 30px;text-align: justify;transition: all 500ms;}
.cases .r .btm ul li:hover .imgs img{transform: scale(1.05);}
.cases .r .btm ul li:hover .text h2{color:#0061ae}
.cases .r .btm ul li:hover .text p{color:#0061ae}

.cased{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.cased .r{width: 75%;display: inline-block;vertical-align: top;}
.cased .r h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;margin-bottom: 50px;}
.cased .r .cont{width: auto;}
.cased .r .cont p{font-size: 18px;color:#232323;line-height: 30px;text-align: justify;}
.cased .r .cont img{display: inline-block;vertical-align: middle;}

.nlist{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.nlist .r{width: 75%;display: inline-block;vertical-align: top;}
.nlist .r .top{margin-bottom: 40px;}
.nlist .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;}
.nlist .r .btm{width: auto;}
.nlist .r .btm ul li{padding: 20px 0;}
.nlist .r .btm ul li a{display: block;font-size: 0;text-align: left;}
.nlist .r .btm ul li .imgs{width: 29.55%;display: inline-block;vertical-align: middle;height: 264px;overflow: hidden;}
.nlist .r .btm ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.nlist .r .btm ul li .text{width: 67.53%;display: inline-block;vertical-align: middle;margin-left: 2.9%;}
.nlist .r .btm ul li .text h2{font-size: 24px;color:#232323;line-height: 30px;font-weight: bold;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 18px;transition: all 500ms;}
.nlist .r .btm ul li .text p{font-size: 17px;color:rgba(35, 35, 35, 0.8);line-height: 30px;text-align: justify;margin-bottom: 18px;transition: all 500ms;}
.nlist .r .btm ul li .text .date{font-size: 18px;color:rgba(35, 35, 35, 0.6);line-height: 30px;display: block;transition: all 500ms;}
.nlist .r .btm ul li:hover .imgs img{transform: translate(1.05);}
.nlist .r .btm ul li:hover .text h2{color:#0061ae}
.nlist .r .btm ul li:hover .text p{color:#0061ae}
.nlist .r .btm ul li:hover .text .date{color:#0061ae}

.ndet{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.ndet .r{width: 75%;display: inline-block;vertical-align: top;}
.ndet .r .t{margin-bottom: 35px;}
.ndet .r .t h2{font-size: 36px;color:#232323;line-height: 48px;font-weight: bold;text-align: center;margin-bottom: 20px;}
.ndet .r .t .date{font-size: 18px;color:rgba(35, 35, 35, 0.6);line-height: 20px;text-align: center;display: block;}
.ndet .r .b{padding-bottom: 50px;}
.ndet .r .b p{font-size: 18px;color:#232323;line-height: 36px;text-align: justify;text-indent: 2em;}
.ndet .r .b img{width: auto;max-width: 800px;display: block;margin: 0px auto !important;}
/* 最新推荐 */
.recom{margin-top: 60px;}
.recom .t{margin-bottom: 50px;}
.recom .t h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: left;}
.recom .b{width: auto;}
.recom .b ul{font-size: 0;text-align: left;}
.recom .b ul li{width: 24%;display: inline-block;vertical-align: top;margin-right: 1.3333%;}
.recom .b ul li:nth-child(4){margin-right: 0;}
.recom .b ul li a{display: block;}
.recom .b ul li .imgs{width: 100%;height: 210px;display: block;overflow: hidden;}
.recom .b ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.recom .b ul li .text{padding: 25px 8px;}
.recom .b ul li .text .date{font-size: 16px;color:#777;line-height: 30px;display: block;margin-bottom: 8px;}
.recom .b ul li .text h2{font-size: 20px;color:#232323;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.recom .b ul li:hover .imgs img{transform: scale(1.05);}
.recom .b ul li:hover .text .date{color:#0061ae}
.recom .b ul li:hover .text h2{color:#0061ae}

.support{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.support .r{width: 75%;display: inline-block;vertical-align: top;}
.support .r .top{margin-bottom: 35px;}
.support .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;margin-bottom: 35px;}
.support .r .top p{font-size: 20px;color:rgba(35, 35, 35, 0.9);line-height: 28px;text-align: center;}
.support .r .btm{width: auto;}
.support .r .btm ul{font-size: 0;text-align: center;}
.support .r .btm ul>li{width: 47%;display: inline-block;vertical-align: top;margin:0 1.5% 3%;background-color: #f5f5f5;}
.support .r .btm ul>li:nth-child(2n){margin-right: 0;}
.support .r .btm ul>li:nth-child(1n){margin-left: 0;}
.support .r .btm ul>li .box{padding:50px 40px;}
.support .r .btm ul>li .box i{display: block;margin-bottom: 20px;}
.support .r .btm ul>li .box i img{display: block;margin: 0 auto;}
.support .r .btm ul>li .box h2{font-size: 24px;color:#0061ae;line-height: 24px;font-weight: bold;text-align: center;margin-bottom: 23px;}
.support .r .btm ul>li .box .cont{padding-right: 2%;height: 300px;overflow-y: scroll;overflow-x: hidden;}
.support .r .btm ul>li .box .cont p{font-size: 17px;color:rgba(35, 35, 35, 0.9);line-height: 30px;text-align: justify;text-indent: 2em;}
.support .r .btm ul>li .box .cont a{font-size: 30px;color:#0061ae;line-height: 40px;font-weight: bold;display: block;text-align: center;text-indent: 0;font-family: "din";}
.support .r .btm ul>li .box .cont ul{padding-left: 30px;}
.support .r .btm ul>li .box .cont ul li{padding-left: 18px;font-size: 17px;color:rgba(35, 35, 35, 0.9);line-height: 30px;text-align: justify;position: relative;width: 100%;display: block;margin: 0;}
.support .r .btm ul>li .box .cont ul li::before{content:"";width: 5px;height: 5px;display: block;border-radius: 30px;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);background-color: #232323;}
.support .r .btm ul>li .box .cont::-webkit-scrollbar
{
    width: 3px;
    height: 3px;
    /* background-color: #F5F5F5; */
}
 
/*定义滚动条轨道 内阴影+圆角*/
.support .r .btm ul>li .box .cont::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 3px;
    background-color: #f5f5f5;
}
 
/*定义滑块 内阴影+圆角*/
.support .r .btm ul>li .box .cont::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #0061ae;
}

.download{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.download .r{width: 75%;display: inline-block;vertical-align: top;}
.download .r .top{margin-bottom: 35px;}
.download .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;}
.download .r .top p{font-size: 20px;color:rgba(35, 35, 35, 0.9);line-height: 28px;text-align: center;}
.download .r .btm{width: auto;}
.download .r .btm ul{font-size: 0;text-align: left;}
.download .r .btm ul li{width: 33.3333%;display: inline-block;vertical-align: top;transition: all 500ms;margin-bottom: 3%;}
.download .r .btm ul li .box{padding: 40px;}
.download .r .btm ul li i{width: 80px;height: 80px;display: block;border-radius: 5px;margin: 0 auto 24px;font-size: 22px;color:#fff;line-height: 80px;text-align: center;background-color: #0061ae;}
.download .r .btm ul li h2{font-size: 22px;color:#232323;line-height: 36px;font-weight: bold;width: 90%;margin: 0 auto 35px;height: 72px;overflow: hidden;}
.download .r .btm ul li p{font-size: 0;text-align: center;margin-bottom: 35px;}
.download .r .btm ul li span{font-size: 17px;color:rgba(35, 35, 35, 0.8);line-height: 36px;display: inline-block;vertical-align: middle;margin: 0 14px;}
.download .r .btm ul li .down{width: 134px;height: 44px;border: 1px solid #dfdfdf;border-radius: 30px;display: block;margin: 0 auto;font-size: 0;text-align: center;background-color: #fff;transition: all 500ms;}
.download .r .btm ul li .down b{font-size: 18px;color:#232323;line-height: 44px;display: inline-block;vertical-align: middle;margin-right: 15px;transition: all 500ms;}
.download .r .btm ul li .down i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/icon-d.png) no-repeat scroll top center;margin: 0;}
.download .r .btm ul li:hover{background-color: #f5f5f5;}
.download .r .btm ul li:hover .down{background-color: #0061ae;}
.download .r .btm ul li:hover .down b{color:#fff}
.download .r .btm ul li:hover .down i{background-position: bottom center;}

.profile{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.profile .r{width: 75%;display: inline-block;vertical-align: top;}
.profile .r .top{margin-bottom: 35px;}
.profile .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;}
.profile .r .top p{font-size: 20px;color:rgba(35, 35, 35, 0.9);line-height: 28px;text-align: center;}
.profile .r .btm{width: auto;}
.profile .r .btm p{font-size: 20px;color:rgba(35, 35, 35, 0.9);line-height: 44px;text-align: justify;text-indent: 2em;}
.profile .r .btm ul{font-size: 0;text-align: center;margin-bottom: ;}
.profile .r .btm ul li{width: 30%;display: inline-block;vertical-align: top;margin: 0 1.5%;}
.profile .r .btm ul li i{width: auto;display: block;margin-bottom: 25px;}
.profile .r .btm ul li i img{display: block;margin: 0 auto;width: auto;}
.profile .r .btm ul li h2{font-size: 28px;color:#232323;font-weight: bold;text-align: center;margin-bottom: 16px;line-height: 30px;}
.profile .r .btm ul li p{font-size: 24px;color:#232323;line-height: 36px;text-align: center;text-indent: 0}
.profile .r .btm .cont-btn{width: 174px;height: 54px;border-radius: 30px;background-color: #0061ae;font-size: 0;text-align: center;display: block;margin: 50px auto 70px;}
.profile .r .btm .cont-btn b{font-size: 22px;color:#fff;line-height: 54px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.profile .r .btm .cont-btn i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/icon-r.png) no-repeat;}
.profile .r .btm img{width: 100%;display: block;}

.honor{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.honor .r{width: 75%;display: inline-block;vertical-align: top;}
.honor .r .top{margin-bottom: 35px;}
.honor .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;margin-bottom: 35px;}
.honor .r .top ul{font-size: 0;text-align: center;}
.honor .r .top ul li{display: inline-block;vertical-align: top;margin: 0 10px 20px;border-radius: 30px;border: 1px solid rgba(23, 23, 23, 0.16);}
.honor .r .top ul li a{font-size: 20px;color:#232323;line-height: 44px;display: block;padding: 0 20px;}
.honor .r .top ul li.hov{border-color: #0061ae;background-color: #0061ae;}
.honor .r .top ul li.hov a{color:#fff}
.honor .r .top ul li:hover{border-color: #0061ae;background-color: #0061ae;}
.honor .r .top ul li:hover a{color:#fff}
.honor .r .btm{width: auto;}
.honor .r .btm ul{font-size: 0;text-align: left;}
.honor .r .btm ul li{width: 31%;display: inline-block;vertical-align: top;margin-right: 3%;margin-bottom: 1.5%;}
.honor .r .btm ul li:nth-child(3n){margin-right: 0;}
.honor .r .btm ul li a{display: block;}
.honor .r .btm ul li .imgs{width: 100%;height: auto;display: block;overflow: hidden;}
.honor .r .btm ul li .imgs img{width: 100%;display: block;transition: all 500ms;}
.honor .r .btm ul li h2{font-size: 20px;color:#232323;line-height: 30px;margin-top: 20px;text-align: center;transition: all 500ms;}
.honor .r .btm ul li:hover .imgs img{transform: scale(1.05);}
.honor .r .btm ul li:hover h2{color:#0061ae}

.talent{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.talent .r{width: 75%;display: inline-block;vertical-align: top;}
.talent .r .top{margin-bottom: 35px;}
.talent .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;}
.talent .r .btm{width: auto;}
.talent .r .btm table{width: 100%;}
.talent .r .btm table th{font-size: 20px;color:#232323;line-height: 54px;font-weight: bold;background-color: #eee;text-align: left;}
.talent .r .btm table th:nth-child(1){padding-left: 50px;}
.talent .r .btm table th.wd3{width: 30%;}
.talent .r .btm table th.wd7{width: 70%;}
.talent .r .btm table .titles{overflow: hidden;}
.talent .r .btm table .titles td{font-size: 18px;color:#232323;line-height: 50px;padding: 15px 0;text-align: left;position: relative;border-bottom: 1px solid #dbdbdb;transition: all 500ms;}
.talent .r .btm table .titles td .more{position: absolute;right: 50px;top: 50%;transform: translate(0,-50%);font-size: 0;text-align: left;}
.talent .r .btm table .titles td .more b{font-size: 18px;color:#0061ae;line-height: 24px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.talent .r .btm table .titles td .more i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/icon-t.png) no-repeat;}
.talent .r .btm table .titles td:nth-child(1){padding-left: 50px;}
.talent .r .btm table .titles.tr_hov td:nth-child(1){font-weight: bold;}
.talent .r .btm table .conts{display: none;overflow: hidden;}
.talent .r .btm table .conts td{border-bottom: 1px solid #dbdbdb;padding: 15px 0 30px;}
.talent .r .btm table .conts td:nth-child(1){padding-left: 50px;}
.talent .r .btm table .conts td:nth-child(1) h2{font-size: 18px;color:#232323;line-height: 36px;font-weight: bold;}
.talent .r .btm table .conts td .box{width: auto;}
.talent .r .btm table .conts td .box h2{font-size: 20px;color:#232323;line-height: 36px;font-weight: bold;}
.talent .r .btm table .conts td .box p{font-size: 18px;color:#232323;line-height: 36px;text-align: justify;}
.talent .r .btm table .conts td .box p strong{font-size: 20px;}
.talent .r .btm table .conts .apply{width: 174px;height: 54px;display: block;margin-top: 45px;border-radius: 30px;overflow: hidden;background-color: #0061ae;font-size: 0;text-align: center;}
.talent .r .btm table .conts .apply b{font-size: 18px;color:#fff;line-height: 54px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.talent .r .btm table .conts .apply i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/icon-r.png) no-repeat;}
.talent .r .btm table .conts .apply:hover{opacity: 0.8;}
.joinbg{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: fixed;left: 0;top: 0;z-index: 1;display: none;}
.joinbox{width:560px;height: auto;position: fixed;top: 50%;left: 50%;border:1px solid #ccc;background: #fff;z-index: 2;display: none;transform: translate(-50%,-50%);}
.joinbox .j-t{width: auto;height: auto;position: relative;background: #0061a0;}
.joinbox .j-t h2{font-size: 20px;color:#fff;line-height: 40px;text-align: center;font-weight: bold;}
.joinbox .j-t a.close{font-size: 12px;color:#fff;line-height: 40px;position: absolute;right: 10px;top: 0}
.joinbox .j-b{width: auto;height: auto;padding: 60px 10px;}
.joinbox .j-b p{font-size: 17px;color:#666;line-height: 26px;text-indent: 2em;text-align: center;}
.joinbox .j-b p span{color:#0061ae;font-weight: bold;}

.contact{width: 91.425%;margin: 0 auto;padding: 70px 0;font-size: 0;text-align: left;}
.contact .r{width: 75%;display: inline-block;vertical-align: top;}
.contact .r .top{margin-bottom: 35px;}
.contact .r .top h2{font-size: 40px;color:#232323;line-height: 40px;font-weight: bold;text-align: center;}
.contact .r .btm{width: auto;}
.contact .r .btm .conts{margin-bottom: 50px;}
.contact .r .btm .conts .u01{font-size: 0;text-align: center;margin-bottom: 60px;}
.contact .r .btm .conts .u01 li{width: 25%;display: inline-block;vertical-align: top;}
.contact .r .btm .conts .u01 li i{display: block;margin-bottom: 18px;}
.contact .r .btm .conts .u01 li i img{display: block;margin: 0 auto;}
.contact .r .btm .conts .u01 li p{font-size: 22px;color:#232323;line-height: 44px;text-align: center;}
.contact .r .btm .conts .u01 li span{font-size: 24px;color:#0061ae;line-height: 44px;display: block;text-align: center;font-family: "din";font-weight: bold;}
.contact .r .btm .conts .u01 li:nth-child(4) span{font-family: "siyuan";font-size: 22px;}
.contact .r .btm .conts .u02{text-align: center;font-size: 0;}
.contact .r .btm .conts .u02 li{width: 170px;display: inline-block;vertical-align: top;margin: 0 80px;}
.contact .r .btm .conts .u02 li .img{width: auto;border: 5px solid #0061ae;}
.contact .r .btm .conts .u02 li .img img{width: 100%;display: block;}
.contact .r .btm .conts .u02 li p{font-size: 20px;color:#232323;line-height: 40px;margin-top: 10px;font-weight: bold;text-align: center;}
.contact .r .btm .maps{width: 100%;height: 500px;}
.contact .r .btm .maps #dituContent{height: 500px;}
.iw_poi_title{font-size: 18px;color:#0061ae;font-weight: bold;line-height: 32px;}
.iw_poi_content{font-size: 16px;color:#444;line-height: 32px;;}

.rightfix{width: 120px;height: auto;padding: 10px;background: #fff;border: 1px solid #154a9a;position: fixed;right: 0;bottom: 20%;border-radius: 5px;z-index: 2;transition: all 500ms;}
.rightfix .close{position: absolute;right: 0;top: -24px;font-size: 14px;color:#222;line-height: 21px;text-align: center;display: block;text-align: center;}
.rightfix .close:hover{color: #154a9a;}
.rightfix .t{margin-bottom: 0;}
.rightfix .t h2{font-size: 22px;color:#0061ae;line-height: 24px;text-align: center;margin-bottom: 10px;}
.rightfix .t span{font-size: 12px;color:#fff;border-radius:10px;background-color: #0061ae;width: 80px;line-height: 18px;margin: 0 auto;display: block;text-align: center;}
.rightfix .b{margin-bottom: 20px;}
.rightfix .b .tit{width: 100%;font-size: 16px;color:#0061ae;line-height: 30px;text-align: center;background: url(../images/index/r-phone-bg.png) no-repeat;background-size: 100%;display: block;text-indent: 20px;}
.rightfix .b p{font-size: 20px;color:#222;line-height: 20px;margin-top: 5px;text-align: center;font-weight: bold;}
.rightfix .qq{width: 100%;height: auto;display: block;margin-bottom: 20px;}
.rightfix .qq img{width: 95%;display: block;margin: 0 auto;}
.rightfix .qq p{font-size: 15px;color:#0061ae;text-align: center;}
.rightfix .wechat{width: 100%;}
.rightfix .wechat img{width: 100%;display: block;margin-bottom: 5px;margin: 0 auto;}
.rightfix .wechat p{font-size: 15px;color:#0061ae;line-height: 24px;text-align: center;}


/*面包屑*/
.snavbar2{width: 100%;height: auto;background: #f5f5f5;}
.snavbar2 .snavbox{width: 1200px;height: auto;margin: 0 auto;}
/* .snavbar2 .snavbox .snav{float:left;}
.snavbar2 .snavbox .snav ul li{float:left;margin-right: 45px;}
.snavbar2 .snavbox .snav ul li a{font-size: 15px;color:#222;line-height: 68px;display: block;text-align: center;border-bottom: 2px solid #fff}
.snavbar2 .snavbox .snav ul li.hov a{color:#0061ae;border-color:#0061ae;}
.snavbar2 .snavbox .snav ul li:hover a{color:#0061ae;border-color:#0061ae;} */
.snavbar2 .snavbox .bread{float:left;font-size: 13px;color:#666;line-height: 70px;padding-left:22px;}
.snavbar2 .snavbox .bread a{font-size: 13px;color:#666;line-height: 50px;display: inline-block;padding: 0 5px;padding-right: 6px}
.snavbar2 .snavbox .bread a.current{color:#333;}
.snavbar2 .snavbox .bread a:hover{color:#0061ae;}


/*上一篇下一篇*/
.prenext{padding-top: 27px;border-top: 1px solid #dfdfdf;}
.prenext ul{width: 74.62%;float: left;}
.prenext ul li{display:block;font-size:18px;color:rgba(35, 35, 35, 0.8);line-height:40px;width: 90%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.prenext ul li a{font-size:18px;color:rgba(35, 35, 35, 0.8);line-height:40px;display:inline-block;vertical-align: middle;}
.prenext ul li a:hover{color:#0061ae;}
.prenext .return{width: 174px;height: 54px;display: block;float: right;font-size: 0;text-align: center;background-color: #0d69b2;transition: all 500ms;border-radius: 30px;margin-top: 15px;}
.prenext .return b{font-size: 18px;color:#fff;line-height: 54px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.prenext .return i{width: 12px;height: 12px;display: inline-block;vertical-align: middle;background: url(../images/index/icon-r.png) no-repeat;}
.prenext .return:hover{opacity: 0.9;}


/*列表翻页*/
.dede_pages{overflow:hidden;padding:10px 0 20px;clear:both; height:auto;}
.dede_pages ul{font-size:12px;color:#999; text-align:center;}
.dede_pages ul li{color:#666666; display:inline-block;overflow: hidden;margin-right: 5px;line-height: 40px;}
.dede_pages ul li select{border:1px solid #eee;background: transparent;outline: none;margin-left: 5px;height: 38px;margin-right: 6px;}
.dede_pages ul li .optionkw{margin-right: 5px;}
.dede_pages ul li a{color:#666666;text-decoration:none;width: 40px;height: 40px;line-height: 40px;display: block;}
.dede_pages ul li:hover{ background:#0061ae;color:#fff;}
.dede_pages ul li:hover select{border-color:#0061ae;}
.dede_pages ul li:hover a{color:#fff;}
.dede_pages ul li:hover span{color:#fff;}
.dede_pages ul li.thisclass{width: 40px;height: 40px;background:#0061ae;color:#fff;}
/*.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background:#0061ae !important;color:#fff !important;}*/

/*右侧功能*/
.right-contact-img {z-index: 100; position: fixed; width: 45px; height: auto; overflow: visible; bottom: 280px; right: 0px; _position: absolute;z-index: 1;}
.right-contact-img ul li {position: relative; width: 45px; height: 45px;list-style:none;margin-bottom: 5px;background-color: #154a9a;border-radius: 5px;}
.right-contact-img ul li .online{background: url(../images/index/wechat-fill.png) no-repeat scroll center center;background-size: 70%;width: 100%;height: 100%;display: block;}
.right-contact-img ul li.phone{background-color:#154a9a;transition: all 500ms;}
.right-contact-img ul li:hover.phone{opacity: 0.9;}
.right-contact-img ul li .company{width: 45px;height: 45px;display: block;width: 100%;height: 100%;background: #154a9a /*url(../images/index/icon_company.png) no-repeat scroll center center*/;background-size: 70%;font-size: 14px;line-height: 22px;text-align: center;color:#fff;}
.right-contact-img ul li .company:hover{opacity: 0.8;}
.right-contact-img ul .last {margin-bottom: 0px}
.right-contact-img ul li .pull_down2 {position: absolute; width: 201px; height: 45px; top: 0px; right: -201px}
.right-contact-img ul li .pull_down2 a {width: 201px; display: block; height: 45px}
.right-contact-img ul li .pull_down3 {position: absolute; width: 201px; height: 45px; top: 0px; right: -201px}
.right-contact-img ul li .pull_down3 a {width: 201px; display: block; height: 45px}
/*.right-contact-img2 ul li .pull_down2 .ding {position: absolute; width: 48px; top: 0px; left: 23px}
.right-contact-img2 ul li .pull_down2 .yi {position: absolute; width: 48px; top: 0px; left: 88px}*/
.right-contact-img ul{padding-left:0px;margin:0px;}
.right-contact-img ul li:hover{background-position: left center;}
.fkabo{display:block;width:45px;height:45px;cursor:pointer;background:#154a9a url(../images/index/icon_code.png) center center no-repeat;z-index:600000;background-size: 70%;}
div:hover.fkabo{opacity: 0.8;}
.fkabo  .weib{display:none;position:absolute;margin-left:-165px;margin-top:-124px;z-index:99999;}
.fkabo2{background: url(../images/index/wechat-fill.png) no-repeat scroll center center;background-size: 70%;}
#gotopbtn{bottom:235px;cursor:pointer;display:none;position:fixed;right:0px;display:block;width:45px;height:45px;background:#154a9a url(../images/index/icon_top.png) right center no-repeat;cursor:pointer;z-index: 1;border-radius: 5px;overflow: hidden;}
#gotopbtn:hover{background-color:#0061ae;}
.wechat-link{bottom:64px;cursor:pointer;position:fixed;right:0px;width:45px;height:45px;background:#154a9a url(../images/index/icon_wechat.png) center center no-repeat;cursor:pointer;z-index: 10;display: none;background-size: 70%;}
.wechat-link:hover{background-color:#0061ae;}

 /*-------- 下拉菜单 --------------*/
.dropMenu {
  position:fixed;
  z-index:9999;
  width: auto;  
  visibility: hidden;
  margin-top: -1px;
  
/*  filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8;  
      opacity: 0.8; */ 
  background:#fff;
  min-width: 100%; 
  padding:5px 0;  
  top: 0;
  left: 0 !important;
  text-align: center;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
/*.dropMenu li{background: url(../images/index/dropMenu-bg.jpg) no-repeat scroll 6px 15px;padding-left:10px;}*/
.dropMenu li{display: inline-block;vertical-align: middle;margin: 0 15px;}
.dropMenu li a{display:block;font-size: 16px;color:#232323;line-height: 40px;text-align: center;}
.dropMenu li:hover a{color: #0061ae;}

.profile .r .btm img{width:auto;margin:0 auto 3%;}
@media(max-width: 1680px){
  .headerbox .snav-prod .l{width: 20%;padding-left: 4%;}
  .headerbox .snav-prod .l dl dd a{line-height: 55px;}

	.headerbox .hb ul li{width: 14.28%;}
  .banner video{width: 100%;height: 676px;}
  .i01 .b ul li .text{height: 250px;padding-top: 73px;}
  .i01 .b ul li .text i{width: 90px;height: 90px;}  
  .i01 .b ul li:hover .text{height: 300px;padding-top: 23px;}
  .i02 .b .mySwiper2{height: 481px;}
  .footerbar .footer .fb .fnavs{width: 68%;}
  .footerbar .footer .fb .fnavs .fnav01{margin-left: 70px;}
  .footerbar .footer .fb .fnavs .fnav02box{margin-left: 70px;}
  .footerbar .footer .fb .fnavs .fnav02{margin-right: 70px;}
  .footerbar .footer .fb .fcode{margin-right: 70px;}
  .leftbox{width: 20%;}
  .product .r{width: 75%;}
  .product .r .btm ul li .imgs{height: 243px;}  
  .prodet .r{width: 75%;}
  .cases .r{width: 75%;}
  .cased .r{width: 75%;}
  .nlist .r{width: 75%;}
  .ndet .r{width: 75%;}
  .support .r{width: 75%;}
  .download .r{width: 75%;}
  .profile .r{width: 75%;}
  .honor .r{width: 75%;}
  .talent .r{width: 75%;}
  .contact .r{width: 75%;}
  .cases .r .btm ul li .imgs{height: 228px;}
  .nlist .r .btm ul li .imgs{height: 210px;}
  .support .r .btm ul>li .box{padding: 30px;}
  .support .r .btm ul>li .box .cont{height: 200px;}
}

@media(max-width: 1600px){
  .rightfix{bottom: 12%;}
  .headerbox .snav-prod .l{padding-top: 2%;}
  .headerbox .snav-prod .r{padding-top: 2%;}
  .headerbox .snav-prod .l dl dd a{line-height: 50px;}
	.headerbox .ht{width: 96%;}
  .headerbox .hb ul{width: 96%;}
  .banner video{width: 100%;height: 643px;}
  .i01 .b{width: 96%;}
  .i02 .b{width: 98%;padding-left: 2%;}
  .i02 .b .mySwiper2{height: 478px;}
  .i03{width: 96%;}
  .i04 .t{width: 96%;}
  .i04 .b{width: 96%;}
  .footerbar .footer{width: 96%;}
  .i01 .b ul li .text{height: 262px;}
  .i01 .b ul li:hover .text{height: 312px;}
  .leftbox ul li a{font-size: 18px;}
  .product{width: 96%;}
  .product .r .top ul li a{font-size: 18px;}  
  .prodet{width: 96%;}
  .cases{width: 96%;}
  .cases .r .btm ul li .imgs{height: 230px;}
  .cased{width: 96%;}
  .nlist{width: 96%;}
  .ndet{width: 96%;}
  .support{width: 96%;}
  .download{width: 96%;}
  .profile{width: 96%;}
  .honor{width: 96%;}
  .talent{width: 96%;}
  .contact{width: 96%;}
  .footerbar .footer .fb .fnavs{width: 68%;}
  .footerbar .footer .fb .fnavs .fnav01{margin-left: 50px;}
  .footerbar .footer .fb .fnavs .fnav02box{margin-left: 50px;}
  .footerbar .footer .fb .fnavs .fnav02{margin-right: 50px;}
  .footerbar .footer .fb .fcode{margin-right: 50px;}
}

@media(max-width: 1440px){
  .banner video{width: 100%;height: 578px;}
  .right-contact-img{bottom: 150px;}
  #gotopbtn{bottom: 105px;}
  .rightfix{width: 100px;padding: 5px;bottom: 70px;}
  .rightfix .t{margin-bottom: 10px;}
  .rightfix .t h2{font-size: 16px;}
  .rightfix .b{margin-bottom: 10px;}
  .rightfix .b .tit{font-size: 12px;line-height: 25px;}
  .rightfix .b p{font-size: 12px;}
  .rightfix .wechat p{font-size: 12px;line-height: 20px;}
  .rightfix .qq{margin-bottom: 10px;}
  .rightfix .qq p{font-size: 12px;}
  .headerbox .snav-prod .l{width: 23%;padding-left: 2%;}
  .headerbox .snav-prod .r{width: 66.5%;}
  .dropMenu li a{font-size: 16px;}
	.i01 .b ul li .text{height: 260px;}
  .i01 .b ul li .text i{width: 80px;height: 80px;margin-bottom: 15px;}
  .i01 .b ul li .text .line{margin-bottom: 15px;}
  .i01 .b ul li .text h2{font-size: 20px;}
  .i01 .b ul li .text p{line-height: 26px;}
  .i01 .b ul li:hover .text{height: 280px;}
  .i02 .b .mySwiper2{height: 429px;}
  .cases .r .btm ul li .imgs{height: 207px;}
  .nlist .r .btm ul li .imgs{height: 191px;}
  
}

@media(max-width: 1366px){
  .headertop{height: 160px;}
  .headerbox .snav-prod{top: 160px;}
  .headerbox .hb ul li a{font-size: 17px;line-height: 60px;}
  .headerbox .snav-prod .l{width: 19%;padding-left: 3%;padding-top: 2%;}
  .headerbox .snav-prod .l h2{font-size: 24px;line-height: 30px;}
  .headerbox .snav-prod .l dl dd a{font-size: 15px;line-height: 38px;}
  .headerbox .snav-prod .r{width: 69.5%;}
  .headerbox .snav-prod .r dl h2 a{font-size: 18px;margin-bottom: 0;}
  .headerbox .snav-prod .r dl dd a{font-size: 15px;line-height: 30px;}
  .banner video{width: 100%;height: 548px;}
  .i01{padding-top: 40px;}
  .i01 .t h2{font-size: 34px;line-height: 34px;}
  .i01 .b ul li .text{height: 212px;}
  .i01 .b ul li .text h2{font-size: 18px;margin-bottom: 10px;}
  .i01 .b ul li .text p{font-size: 14px;line-height: 24px;}
  .i01 .b ul li:hover .text{height: 250px;padding-top: 36px;}
  .i02 .t h2{font-size: 34px;line-height: 34px;}
  .i02 .b .mySwiper2{height: 408px;}
  .i02 .b .mySwiper2 .text h2{font-size: 24px;line-height: 34px;margin-bottom: 10px;}
  .i03 .t{margin-bottom: 30px;}
  .i03 .t .l h2{font-size: 34px;line-height: 34px;}
  .i03 .b .top .text .dates{margin-bottom: 20px;}
  .i03 .b .top .text .dates .day{font-size: 50px;margin-bottom: 10px;}
  .i03 .b .top .text .dates .mon{font-size: 16px;}
  .i03 .b .top .text h2{font-size: 24px;margin-bottom: 20px;}
  .i03 .b .top .text p{font-size: 16px;line-height: 26px;margin-bottom: 30px;}
  .i03 .b .top .text .more b{font-size: 14px;}
  .i03 .b .btm ul li{width: 30.3333%;padding-left: 3%;}
  .i03 .b .btm ul li .date{font-size: 16px;}
  .i03 .b .btm ul li h2{font-size: 20px;width: 95%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
  .i04 .t h2{font-size: 34px;line-height: 34px;}
  .i04 .b ul li h2{font-size: 20px;}
  .i04 .b ul li p{font-size: 16px;}
  .i04 .b .more{height: 40px;}
  .i04 .b .more b{font-size: 18px;line-height: 40px;}
  .leftbox h2{font-size: 24px;line-height: 60px;}
  .leftbox ul li a{font-size: 16px;}
  .footerbar .footer .fb .fnavs{width: 65%;}
  .footerbar .footer .fb .fnavs .fnav01{margin-left: 40px;}
  .footerbar .footer .fb .fnavs .fnav01 ul li a{font-size: 15px;}
  .footerbar .footer .fb .fnavs .fnav02 ul li a{font-size: 15px;}	
  .footerbar .footer .fb .fnavs .fnav02box{margin-left: 40px;width: 30%;}
  .footerbar .footer .fb .fnavs .fnav02{margin-right: 40px;}
  .footerbar .footer .fb .fcode{margin-right: 40px;}
  .product .r .top h2{font-size: 34px;}
  .product .r .top ul li a{font-size: 16px;}
  .prodet .r .t h2{font-size: 34px;line-height: 34px;}
  .prodet .r .b .top ul li a{font-size: 16px;line-height: 45px;}
  .prodet .r .b .top .more b{line-height: 45px;font-size: 16px;}
  .prodet .r .b .btm .box h2{font-size: 24px;}
  .prodet .r .b .btm .box .cont p{font-size: 16px;}
  .cases .r .top h2{font-size: 34px;}
  .cases .r .btm ul li .imgs{height: 196px;}
  .cased .r h2{font-size: 34px;line-height: 34px;}
  .nlist .r .top h2{font-size: 34px;line-height: 34px;}
  .nlist .r .btm ul li .imgs{height: 180px;}
  .ndet .r .t h2{font-size: 32px;line-height: 40px;}
  .ndet .r .b p{font-size: 16px;line-height: 32px;}
  .support .r .top h2{font-size: 34px;line-height: 34px;}
  .support .r .top p{font-size: 16px;}
  .support .r .btm ul>li .box .cont p{font-size: 15px;line-height: 24px;}
  .support .r .btm ul>li .box .cont ul li{font-size: 15px;line-height: 24px;}
  .download .r .top h2{font-size: 34px;line-height: 34px;}
  .profile .r .top h2{font-size: 34px;line-height: 34px;}
  .profile .r .btm p{font-size: 16px;line-height: 32px;}
  .profile .r .btm ul li h2{font-size: 20px;}
  .profile .r .btm ul li p{font-size: 16px;line-height: 32px;}
  .profile .r .btm .cont-btn{height: 40px;}
  .profile .r .btm .cont-btn b{font-size: 16px;line-height: 40px;}
}

@media(max-width: 1280px){
  .banner video{width: 100%;height: 513px;}
  .dropMenu li a{font-size: 14px;line-height: 40px;}
  .i02 .b .mySwiper2{height: 381px;}
  .i04 .t{padding-top: 60px;}
  .i04 .b{padding: 40px 0;}
  .i04 .b .more{margin-top: 60px;}
  .cases .r .btm ul li .imgs{height: 184px;}
  .cases .r .btm ul li .text h2{font-size: 20px;}
  .cases .r .btm ul li .text p{font-size: 14px;line-height: 24px;}
  .nlist .r .btm ul li{padding: 10px 0;}
  .nlist .r .btm ul li .imgs{height: 169px;}
  .nlist .r .btm ul li .text h2{font-size: 20px;margin-bottom: 10px;}
  .nlist .r .btm ul li .text p{font-size: 15px;line-height: 24px;margin-bottom: 10px;}
  .nlist .r .btm ul li .text .date{font-size: 14px;}
  .leftbox ul li a{line-height: 24px;padding: 10px 15px 10px 0;}
  .support .r .btm ul>li .box .cont ul{padding-left: 20px;}
  .download .r .btm ul li{width: 47%;margin: 0 1.5% 3%;}
  .download .r .btm ul li h2{font-size: 20px;line-height: 30px;margin-bottom: 20px;}
  .download .r .btm ul li span{font-size: 15px;}
  .download .r .btm ul li .down b{font-size: 16px;}
  .footerbar .footer .fb .fnavs{width: 100%;margin-bottom: 30px;}
	.footerbar .footer .fb .fnavs .fnav01{margin-left: 70px;}
  .footerbar .footer .fb .fnavs .fnav02box{margin-left: 70px;width: auto;}
  .footerbar .footer .fb .fnavs .fnav02{margin-right:70px;}
  .footerbar .footer .fb .fnavs .fnav02:nth-child(2){margin-right: 70px;}
  .footerbar .footer .fb .fcode{display: inline-block;vertical-align: top;font-size: 0;text-align: left;}
  .footerbar .footer .fb .fcode .box{display: inline-block;vertical-align: top;margin-right: 70px;}
  .footerbar .footer .fb .fcont .box01{display: inline-block;vertical-align: top;margin-right: 70px;}

}

@media(max-width: 1000px) {
  .rightfix{display: none;}
  .wechat-link{display: block;}
  .banner{display: none;}
  .banner_mob{display: block;}
  .banner_mob video{width:100%;height: 2.5rem;}
  .headerbox .ht .r{width: 70%;}
  .headerbox .ht .r .phonebox{margin-right: 20px;}
  .headerbox .ht .r .phonebox h5{padding-left: 50px;font-size: 25px;}
  .headerbox .ht .r .searchbox{width: 195px;padding: 0 10px;}
  .headerbox .ht .r .searchbox .in_intxt{font-size: 14px;width: 177px;}
  .headerbox .snav-prod .l{width: 27%;}
  .headerbox .snav-prod .r{width: 61.5%;}
  .i01 .b ul li{width: 50%;}
  .i01 .b ul li .text{height: 31vh;padding-top: 15vh;}
  .i01 .b ul li:hover .text{height: 36vh;padding-top: 10vh;}
  .i02 .b{display: none;}
  .i02 .b-mob{display: block;position: relative;}
  .i02 .b-mob .swiper-slide .text p{height: 60px;overflow: hidden;}
  .i03 .b .top .l{width: 100%;}
  .i03 .b .top .text{width: 94%;padding: 3%;}
  .footerbar .footer .fb .fnavs{margin-bottom: 3%;}
  .footerbar .footer .fb .fnavs .fnav01{width: 50%;margin-left: 0;margin-bottom: 3%;text-align: center;}
  .footerbar .footer .fb .fnavs .fnav02box{margin-left: 0;width: 100%;text-align: center;}
  .footerbar .footer .fb .fnavs .fnav02{margin-right: 0;width: 25%;text-align: center;}
  .footerbar .footer .fb .fnavs .fnav02:nth-child(2n){margin-right: 0 !important;}
  .footerbar .footer .fb .fcode{text-align: center;width: 100%;margin-bottom: 3%;margin-right: 0;}
  .footerbar .footer .fb .fcode img{margin: 0 auto;}
  .footerbar .footer .fb .fcode .box{width: 50%;margin: 0;}
  .footerbar .footer .fb .fcont{font-size: 0;text-align: center;width: 100%;}
  .footerbar .footer .fb .fcont .box01{width: 50%;margin: 0;margin-bottom: 3%;}
  .leftbox{width: 100%;margin-bottom: 3%;}
  .leftbox ul{font-size: 0;text-align: left;padding: 1% 2%;}
  .leftbox ul li{display: inline-block;vertical-align: top;margin-right: 3%;border-bottom: none;}
  .leftbox ul li a::after{display: none;}
  
  .product{padding: 3% 2%;}  
  .product .r{width: 100%;margin: 0;}
  .prodet{padding: 3% 2%;}
  .prodet .r{width: 100%;margin: 0;}
  .cases{padding: 3% 2%;}
  .cases .r{width: 100%;margin: 0;}
  .cases .r .btm ul li .imgs{height: auto;}
  .cased{padding: 3% 2%;}
  .cased .r{width: 100%;margin: 0;}
  .nlist{padding: 3% 2%;}
  .nlist .r{width: 100%;margin: 0;}
  .ndet{padding: 3% 2%;}
  .ndet .r{width: 100%;margin: 0;}
  .support{padding: 3% 2%;}
  .support .r{width: 100%;margin: 0;}
  .download{padding: 3% 2%;}
  .download .r{width: 100%;margin: 0;}
  .profile{padding: 3% 2%;}
  .profile .r{width: 100%;margin: 0;}
  .honor{padding: 3% 2%;}
  .honor .r{width: 100%;margin: 0;}
  .talent{padding: 3% 2%;}
  .talent .r{width: 100%;margin: 0;}
  .contact{padding: 3% 2%;}
  .contact .r{width: 100%;margin: 0;}
  .contact .r .btm .conts .u01 li{width: 50%;margin-bottom: 2%;}
  .profile .r .btm img{width:auto;margin:0 auto 3%;}
}

@media(max-width:700px){
  .banner_mob video{width:100%;height: 2.5rem;}
  .headertop{height: 79px;}
  .dropMenu{display: none !important;}
  .headerbox .snav-prod{display: none !important;}
  .headerbox .ht .r{margin-top: 19px;text-align: right;}
  .headerbox .ht .r .phonebox{margin-right: 50px;}
  .headerbox .ht .r .phonebox h5{font-size: 20px;}
  .headerbox .ht .r .searchbox{display: none;}
  .headerbox .ht .logo{width: 150px;height: auto;}
  .headerbox .hb{width: 30px;height: 22px;padding: 5px;border-radius: 5px;border: 2px solid rgba(0, 97, 174, 0.4);background: none;overflow: hidden;position: fixed;right: 7px;top: 20px;}  
  .headerbox .hb .navicon{width: 30px;height: 22px;display: block;background: url(../images/index/navicon.png) no-repeat scroll center center;background-size: 100%;}
  .headerbox .hb ul{width: 0;position: fixed;right: -100%;top: 0;background-color: #313131;transition: all 500ms;overflow: hidden;height: 100vh;}
  .headerbox .hb ul .close{font-size: 16px;color:#fff;display: block;text-align: right;padding: 0 3%;line-height: 30px;background-color: #272727;height: 30px;}
  .headerbox .hb ul li{padding: 0 3%;width: 94%;}
  .headerbox .hb ul li::before{display: none;}
  .headerbox .hb ul li a{color:#fff;line-height: 40px;display: block;padding-left: 4%;font-size: 18px;text-align: left;padding: 10px 0;position: relative;}  
  .headerbox .hb ul li:hover>a{background: none;}
  .headerbox .hb ul li>a.hov{background: none;}
  .i01{padding: 3% 2%;width: auto;}
  .i01 .t{margin-bottom: 3%;}
  .i01 .t h2{font-size: 30px;}
  .i01 .b{width: auto;}
  .i01 .b ul li .text{height: 23vh;padding-top: 15vh;}
  .i01 .b ul li:hover .text{height: 28vh;padding-top: 4vh;}
  .i02{padding: 3% 0;}
  .i02 .t{margin-bottom: 3%;}
  .i02 .b-mob .swiper-slide .text p{margin-bottom: 3%;}
  .i03{padding: 3% 2%;width: auto;}
  .i03 .t{margin-bottom: 3%;}
  .i03 .b .top{margin-bottom: 3%;}
  .i03 .b .btm ul li{width: 49%;padding: 3% 0;margin: 0 0.5%;height: auto;}  
  .i03 .b .btm ul li::before{display: none;}
  .i03 .b .btm ul li:nth-child(4){display: inline-block;}
  .i04{padding-bottom: 3%;}
  .i04 .t{margin-bottom: 3%;}
  .i04 .t h2{font-size: 30px;}
  .i04 .t span{margin-bottom: 3%;}
  .i04 .b{box-shadow: 1px 5px 10px 2px rgba(0, 0, 0,0.1);}
  .i04 .b ul li{width: 100%;margin-bottom: 3%;}
  .product .r .top h2{margin-bottom: 4%;font-size: 30px;}
  .product .r .top ul li{margin: 0 5px;}
  .product .r .top ul li a{font-size: 15px;line-height: 36px;}
  .product .r .btm ul li{width: 49%;}
  .prodet .r .pictures{width: 90%;margin-bottom: 3%;}
  .prodet .r .t{margin-bottom: 3%;}
  .prodet .r .t h2{font-size: 30px;}
  .prodet .r .b .btm .box{padding: 3% 2% 0;}
  .prodet .r .b .btm .box .cont ul li:nth-child(1){width: 29%;margin-right: 1%;}
  .prodet .r .pictures{display: none;}
  .prodet .r .pictures_mob{display: block;}
  .cases .r .btm ul li .text h2{font-size: 18px;}
  .cases .r .top{margin-bottom: 3%;}
  .cases .r .top h2{font-size: 30px;}
  .cases .r .btm ul li{width: 47%;margin: 0 1.5% 2%;}
  .cases .r .btm ul li:nth-child(3n){margin-right: 1.5%;}
  .nlist .r .top{margin-bottom: 3%;}
  .nlist .r .top h2{font-size: 30px;}
  .nlist .r .btm ul li .imgs{width: 40%;height: auto;}
  .nlist .r .btm ul li .text{width: 58.5%;margin-left: 1.5%;}
  .nlist .r .btm ul li .text h2{font-size: 18px;}
  .ndet .r .t{margin-bottom: 3%;}
  .ndet .r .t h2{font-size:28px;margin-bottom: 10px;}
  .ndet .r .t .date{font-size: 15px;}
  .ndet .r .b img{max-width: 100%;}
  .support .r .top{margin-bottom: 3%;}
  .support .r .top h2{font-size: 30px;margin-bottom: 10px;}
  .support .r .top p{font-size: 15px;width: 90%;margin: 0 auto;}
  .support .r .btm ul>li .box{padding: 20px 10px;}
  .support .r .btm ul>li .box i{margin-bottom: 10px;}
  .support .r .btm ul>li .box i img{width: 45px;}
  .support .r .btm ul>li .box h2{font-size: 20px;}
  .download .r .top{margin-bottom: 3%;}
  .download .r .top h2{font-size: 30px;}
  .download .r .btm ul li .box{padding: 20px 10px;}
  .download .r .btm ul li h2{font-size: 18px;line-height: 30px;margin-bottom: 10px;height: 60px;overflow: hidden;}
  .profile .r .top{margin-bottom: 3%;}
  .profile .r .top h2{font-size: 30px;}
  .profile .r .btm ul li{width: 100%;margin: 0;margin-bottom: 3%;}
  .honor .r .top{margin-bottom: 3%;}
  .honor .r .top h2{font-size: 30px;}  
  .honor .r .btm ul li{width: 47%;margin: 0 1.5% 3%;}
  .honor .r .btm ul li h2{font-size: 18px;margin-top: 10px;}
  .talent .r .top{margin-bottom: 3%;}
  .talent .r .top h2{font-size: 30px;}
  .talent .r .btm table th{font-size: 18px;}
  .talent .r .btm table th:nth-child(1){padding-left: 15px;}
  .talent .r .btm table th.wd3{width: 40%;}
  .talent .r .btm table th.wd7{width: 60%;}
  .talent .r .btm table .titles td{font-size: 16px;}
  .talent .r .btm table .titles td .more b{font-size: 16px;}
  .talent .r .btm table .titles td:nth-child(1){padding-left: 15px;font-size: 16px;line-height: 30px;}
  .talent .r .btm table .conts td .box{padding-right: 5px;}
  .talent .r .btm table .conts td .box p strong{font-size: 16px;line-height: 30px;}
  .talent .r .btm table .conts td .box p{font-size: 15px;line-height: 30px;}
  .talent .r .btm table .conts .apply{width: 150px;height: 40px;margin-top: 4%;}
  .talent .r .btm table .conts .apply b{font-size: 16px;line-height: 40px;}
  .contact .r .top{margin-bottom: 3%;}
  .contact .r .top h2{font-size: 30px;}  
  .footerbar .footer .ft{padding: 3%;}  
  .footerbar .footer .ft .l{width: 150px;height:auto;float: none;margin-bottom: 3%;}
  .footerbar .footer .ft .r{float: none;margin-top: 5%;}  
  .footerbar .footer .ft .r ul h2{font-size: 16px;}
  .footerbar .footer .ft .r ul li a{font-size: 16px;}
  .footerbar .footer .fb{padding: 3% 2%;}
  .leftbox ul li{margin-right: 5%;}
}

@media(max-width:550px){
  .headerbox .ht .r{width: auto;}
  .headerbox .ht .r .phonebox h5{font-size: 0;width: 40px;padding-left: 0;}
  .headerbox .ht .r .phonebox h5::before{top: 1px;left: 1px;}
  .i01 .b ul li .text{height: 20vh;padding-top: 5vh;}
  .i01 .b ul li:hover .text{height: 21vh;padding-top: 4vh;}
  .i01 .b ul li:hover .text p{opacity: 0;}
}

@media(max-width:428px){
  .headerbox .ht .r{width: auto;}
  .headerbox .ht .r .phonebox h5{font-size: 0;width: 40px;padding-left: 0;}
  .headerbox .ht .r .phonebox h5::before{top: 1px;left: 1px;}
  .i01 .t h2{font-size: 24px;margin-bottom: 0;}
  .i01 .t p{font-size: 14px;}
  .i01 .b ul li{width: 100%;}
  .i01 .b ul li .text{height: 29vh;}
  .i01 .b ul li:hover .text{height: 37vh;padding-top: 7vh;}
  .i02 .t h2{font-size: 24px;margin-bottom: 0;}
  .i02 .t p{font-size: 14px;}
  .i02 .b-mob .swiper-slide .text h2{font-size: 20px;line-height: 30px;margin-bottom: 10px;}  
  .i02 .b-mob .swiper-slide .text p{font-size: 14px;line-height: 24px;}
  .i02 .b-mob .swiper-slide .text .more{height: 40px;}
  .i02 .b-mob .swiper-slide .text .more b{line-height: 40px;}
  .i03 .t .l h2{font-size: 24px;margin-bottom: 0;}
  .i03 .t .l p{font-size:14px;line-height: 24px;}
  .i03 .t .r ul{margin-top: 10px;}
  .i03 .t .r ul li{margin-left: 6px;}
  .i03 .t .r ul li a{font-size: 14px;line-height: 40px;padding: 0 10px;}
  .i03 .b .top .text .dates{margin-bottom: 10px;}
  .i03 .b .top .text .dates .day{font-size: 40px;margin-bottom: 0;}
  .i03 .b .top .text h2{font-size: 22px;margin-bottom: 5px;}
  .i03 .b .top .text p{font-size: 15px;}
  .i03 .b .btm ul li .date{font-size: 14px;margin-bottom: 10px;line-height: 24px;}
  .i03 .b .btm ul li h2{font-size: 16px;line-height: 30px;margin-bottom: 10px;}
  .i04 .t h2{font-size: 24px;margin-bottom: 0;}
  .i04 .t span{font-size: 14px;}
  .i04 .t p{font-size: 16px;line-height: 30px;}
  .i04 .b .more b{font-size: 16px;}
  .leftbox h2{font-size: 20px;line-height: 40px;padding: 0 10px;}
  .leftbox ul li a{font-size: 14px;line-height: 30px;}
  .product .r .top h2{font-size: 22px;}
  .product .r .top ul li{margin: 0 5px 8px;}
  .product .r .top ul li a{font-size: 14px;padding: 0 8px;}
  .product .r .btm ul li .text{padding: 6px;}
  .product .r .btm ul li .text h2{font-size: 16px;margin-bottom: 10px;}
  .product .r .btm ul li .text p{font-size: 14px;line-height: 24px;}
  .product .r .btm ul li .text .more b{font-size: 14px;}
  .prodet .r .t h2{font-size: 24px;}
  .prodet .r .b .top ul{width: 75%;}
  .prodet .r .b .top ul li{width: 25%;margin: 0;}
  .prodet .r .b .top ul li a{text-align: center;padding: 0;font-size: 14px;}
  .prodet .r .b .top .more{margin-right: 0;}
  .prodet .r .b .top .more b{font-size: 14px;}
  .prodet .r .b .btm .box h2{font-size: 22px;}
  .prodet .r .b .btm .box .cont h3{font-size: 20px;}
  .prodet .r .b .btm .box .cont ul li{font-size: 14px;line-height: 26px;}
  .nlist .r .top h2{font-size: 24px;}
  .nlist .r .btm ul li .imgs{width: 50%;}
  .nlist .r .btm ul li .text{width: 48.5%;}
  .nlist .r .btm ul li .text h2{font-size: 16px;margin-bottom: 0;}
  .nlist .r .btm ul li .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;line-height: 24px;margin-bottom: 0;}
  .ndet .r .t h2{font-size: 24px;}
  .ndet .r .b p{font-size: 15px;line-height: 24px;}
  .cases .r .top h2{font-size: 24px;}
  .cases .r .btm ul li .text{padding: 10px 5px 0;}    
  .cased .r h2{font-size: 24px;}
  .prenext ul{width: 100%;float: none;}
  .prenext ul li{font-size: 14px;line-height: 30px;width: 100%;}
  .prenext ul li a{font-size: 14px;line-height: 30px;}
  .prenext .return{width: 150px;height: 40px;}
  .prenext .return b{font-size: 16px;line-height: 40px;}
  .recom .b ul li{width: 47%;margin: 0 1.5% 3%;}
  .recom .b ul li .imgs{height: auto;}
  .recom .b ul li .imgs img{margin: 0;}
  .recom .b ul li .text{padding: 5px;}
  .recom .b ul li .text .date{font-size: 14px;margin-bottom: 5px;line-height: 20px;}
  .recom .b ul li .text h2{font-size: 16px;line-height: 24px;}
  .support .r .top h2{font-size: 24px;}
  .support .r .btm ul>li{width: 97%;}
  .download .r .top h2{font-size: 24px;}
  .download .r .btm ul li i{width: 60px;height: 60px;line-height: 60px;margin-bottom: 10px;}
  .download .r .btm ul li h2{font-size: 16px;line-height: 24px;width: 100%;text-align: center;}
  .download .r .btm ul li p{margin-bottom: 10px;}
  .download .r .btm ul li span{font-size: 13px;}
  .profile .r .top h2{font-size: 24px;}
  .profile .r .btm p{font-size: 14px;line-height: 24px;}
  .honor .r .top h2{font-size: 24px;}
  .talent .r .top h2{font-size: 24px;}
  .talent .r .btm table th.wd3{width: 50%;}
  .talent .r .btm table th.wd7{width: 50%;}
  .talent .r .btm table .titles td{padding: 5px 0;}
  .talent .r .btm table .titles td .more{font-size: 14px;right: 10px;}
  .talent .r .btm table .conts td:nth-child(1){display: none;}
  .talent .r .btm table .conts td:nth-child(2){padding: 5px;border-bottom: none;}
  .talent .r .btm table .conts td:nth-child(2) .box{width: 200%;}
  .contact .r .top h2{font-size: 24px;}
  .contact .r .btm .conts .u01{margin-bottom: 3%;}
  .contact .r .btm .conts .u01 li i{margin-bottom: 10px;}
  .contact .r .btm .conts .u01 li span{font-size: 18px;line-height: 32px;}
  .contact .r .btm .conts .u01 li:nth-child(4) span{font-size: 16px;}
  .contact .r .btm .conts .u01 li p{font-size: 18px;line-height: 26px;}
  .contact .r .btm .conts .u02 li{width: 47%;margin: 0 1.5%;}
  .footerbar .footer .fb .fnavs .fnav01 h2{font-size: 18px;}
  .footerbar .footer .fb .fnavs .fnav02{width: 50%;margin-bottom: 5%;}
  .footerbar .footer .fb .fnavs .fnav02:nth-child(1){margin-bottom: 5%;}
  .footerbar .footer .fb .fnavs .fnav02:nth-child(2){margin-bottom: 5%;}
  .footerbar .footer .fb .fnavs .fnav02:nth-child(3){margin-bottom: 5%;}
  .footerbar .footer .fb .fnavs .fnav02:nth-child(4){margin-bottom: 5%;}  
  .footerbar .footer .fb .fnavs .fnav02 h2{font-size: 18px;}
  .footerbar .footer .fb .fcode h2{font-size: 18px;}
  .footerbar .footer .fb .fcode{margin-bottom: 5%;}
  .footerbar .footer .fb .fcont .box01 h2{font-size: 18px;}
  .footerbar .footer .fb .fcont .box01 p{font-size: 20px;line-height: 30px;}
  .footerbar .footer .fb .fcont .box01:nth-child(2) p{font-size: 20px;}
  .footerbar .footer .fc p a{display: block;}
}


.headerbox .hb ul li a.mo-s{font-size: 17px;color: #0061ae;line-height: 35px;display: block;text-align: left;margin-top: 4px;}
.headerbox .hb ul li a.mo-s:hover{color: #0061ae;font-weight: 700;}