@charset "utf-8";
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:0.14rem;  color:#666666; font-family:"Source Han Sans CN",\5FAE\8F6F\96C5\9ED1,"Museo300", "Open Sans", "Hiragino Sans GB", STXihei, "Microsoft YaHei", sans-serif; min-width:12rem;font-weight: 100;}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
:hover{/* transition: all 0.3s ease-in 0.1s,color 0.2s ease-out 0.1s; */}
a{color:#666;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6,dl,dd,dt{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea,focus,select{ outline:0}
input{border:0}
.fl{float:left;}
.fr{float:right}
.wd{width:12rem;margin: 0 auto;position: relative;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDown {0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}

.header{position: fixed;left: 0px;top: 0px;right: 0px;z-index: 9;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);color:#444;font-weight: 100;}
.header .wd{margin: 0 50px;width:auto;}
.header .logo{display: block;padding: 0.1rem;height: 0.7rem;position: relative;}
.header .logo a img{display: block;height: 100%;width: auto;}
.header .logo a{display: block;height: 100%; width: auto;}
/*.header .logo:after{content:"";position:absolute;width:1px;height: 0.5rem;border-left: 2px dotted #e9e9e9;right: 0;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
*/.header .logo_2{padding-left: 0.1rem;/* margin-top: 0.26rem; */font-size: 0.26rem;font-size: 0.14rem;line-height: 0.9rem;}

.index-nav{padding: 0 0 0 0;float:right;margin-right: 0.8rem;}
.index-nav-frame{margin: 0 auto;}
.Nptline{z-index: 9999999;float: left;position: relative;display: block;outline: none;cursor: pointer;height: 0.9rem;line-height: 0.9rem;text-align: center;font-size: 0.18rem;margin-left: 0.5rem;font-size: 0.14rem;}
.Nptline:after{position:absolute;content:"";bottom:0;width:0;height:0.06rem;background:#0257a8;left: 50%;
    transform: translateX(-50%);transition: all 0.5s ease 0s;}
.Nptline:hover:after{width:100% }
.Nptline:hover .Nptcenter{height:auto;opacity: 1;}
.Nptcenter{width: 1.4rem;border-top:0;background: rgba(2,87,168,0.8);box-shadow: 0 6px 12px rgb(0 0 0 / 18%);opacity: 0;display: block;height: 0;padding: 0.1rem 0;position: absolute;overflow: hidden;/* transition: all 0.5s; */margin-bottom: 1px;/* -webkit-transition: all 0.5s; */-moz-transition: all 0.5s;/* Firefox 4 */-o-transition: all 0.5s; /* Opera *//* transition: all .6s ease 0s; */left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);white-space: nowrap;}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 0.14rem;text-align: center;color: #fff;float:left;height: 0.4rem;line-height: 0.4rem;margin: 0 auto;text-decoration: none;z-index:99;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.Nptcenter .Nptli a{color: #333;float:left;width:100%;}
.Nptcenter a:hover{background: #fff;color: #0257a8;}
.Nptline-focus:focus{display: none;}
.aos1{animation-delay: 1s}
.aos2{animation-delay: 2s}
.aos3{animation-delay: 3s}
.aos4{animation-delay: 4s}
.pagevh{width: 100%;float: left;height: 100vh;color: #4e4d4d;position: relative;background-size: cover;}
.zhou1 video{ position:absolute; bottom:0px;min-width:100%;min-height:100vh;width:100%;height:auto; display:block;}
.wdsy{width:12rem;margin: 0 auto;position: relative;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);top: 50%;position: absolute;margin-top: -1.06rem;text-align: center;color: #fff;line-height: 1.7;}
.zhou1 .ibanner h3{font-size:0.42rem;}
.zhou1 .ibanner p{font-size:0.18rem;margin-bottom: 1em;}
.zhou1 .ibanner .bf a{color:#fff;font-size:0.24rem;position: relative;}
.zhou1 .ibanner .bf a span{margin-right:0.1rem}
.zhou1 .ibanner .bf i{width:0.24rem;height: 0.24rem;background: url(../pic/bf.png) no-repeat;background-size: 0.24rem;position: absolute;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.zhou2:before{content:"";position:absolute;background:#282828;width: 100%;height: 100%;z-index: 0;}
/*.zhou2:after{content:"";position:absolute;bottom:0;background:#03b2b5;left:0;width:100%;height: 30%;}*/
.zhou2 .about{margin-top: -25vh;z-index: 1;width: 14.2rem;}
.zhou2 .about .A_text{width: 6.5rem;float:left;text-align: left;}
.zhou2 .about .A_text h3{font-size: 0.38rem;color: #fff;margin-bottom: 1em;font-family: bold;}
.zhou2 .about .A_text .entitle{color: #156d6f;font-size: 92px;font-weight: bold;text-transform: uppercase;font-family: "微软雅黑";line-height: 92px;}
.zhou2 .about .A_text .A_ms{color: #fff;line-height: 0.32rem;margin-bottom: 0.64rem;font-size: 0.16rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;height: 22vh;}
.zhou2 .about .more_about{width: 6.5rem;height: 30%;position: absolute;bottom: 3%;display: flex;}
.M_about{width:100%;background:#18b6c2;float:left;height: 30vh;position: absolute;bottom: 0;}
.more_about{width: 14.2rem;margin:auto;padding-top: 3vh;}
.zhou2 .more_about li{float:left;text-align: center;font-weight: bold;font-size: 2vh;margin-left: 1.2rem;font-family: "微软雅黑";flex: 1;}
.zhou2 .more_about li:first-child{margin-left:0}
.zhou2 .more_about li a{color:#fff}
.A_more{background: rgba(2,87,168,0.8);text-align: center;line-height: 0.4rem;color: #fff;padding: 0.1rem 0.3rem;}
.A_more:hover{background:#18b6c2;color:#fff}
.zhou2 .A_img{width: 9.5rem;float:right;margin-right: 0;position: absolute;z-index: 2;left: 50%;top: 0.9rem;height: calc(100vh - 0.9rem);width: 50vw;overflow: hidden;height: calc(70vh - 0.9rem);}
.zhou2 .A_img img{width: auto;height: 100%;display: block;max-width: 100%;}
.zhou2 .A_img .img2{position: absolute;right: -0.75rem;margin-top: -0.8rem;top: 0px;width: 77.5%;height: auto;z-index: -1;}
.zhou3 .pro{margin-top:-2.4rem}
.pro .protop{color:#fff;text-align: center;margin-bottom: 12vh;float:left;width:100%;}
.pro .protop h3{font-size:0.46rem;margin-bottom: 1em;}
.pro .protop p{font-size: 0.22rem;margin-bottom: 0.3rem;line-height: 0.38rem;}
.pro .prolist{width:100%;float:left;text-align: left;color: #333;}
.pro .prolist li{padding:0.25rem 0.3rem;float:left;background: rgba(255,255,255,0.9);width: 3.3rem;margin-left:0.1rem;margin-bottom: 0.4rem;position: relative;}
.pro .prolist li .em{font-size:0.12rem;color:#666;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.pro .prolist li h3{font-size:0.18rem;height: 0.3rem;line-height: 0.3rem;color:#333;font-weight: normal;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.pro .prolist li:after{content:"";position: absolute;width:0.7rem;height: 0.7rem;background: url(../pic/rjt.png) no-repeat;background-size:0.7rem;right: 0.3rem;top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.pro .prolist a:hover li{background:rgba(24,182,194,0.9);}.pro .prolist a:hover li .em,.pro .prolist a:hover li h3{color:#fff}

.pro .prolist a:hover li:after{background: url(../pic/rjton.png) no-repeat;background-size:0.7rem;}
.zhou4 .news{margin-top:-1.5rem;}
.news .ntitle{width:100%;float:left;margin-bottom: 0.4rem;}
.news .ntitle p{font-size:0.4rem;float:left;color:#fff;line-height: 0.36rem;font-weight: bold;}
.news .ntitle .A_more{float:right;width: 1.4rem;padding: 0;}
.news .newslist{float:left;width:100%;}
.news .newslist li{padding:0.25rem 0.3rem;float:left;background: rgba(255,255,255,0.9);width: 3.3rem;margin-right: 0.1rem;margin-bottom: 0.4rem;position: relative;text-align: left;}
.news .newslist li a{width:100%;}
.news .newslist li h2{height: 0.3rem;line-height: 0.3rem;overflow: hidden;font-size: 0.2rem;margin-bottom: 0.2rem;color: #0257a8;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;font-weight: normal}
.news .newslist li p{font-size: 0.14rem;line-height: 0.26rem;height: 0.52rem;color: #666666;margin-bottom: 0.26rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .newslist li .date em{float:left;font-style: normal;font-size:0.14rem;color:#ccc;}
.news .newslist li .date i{float: right;background: url(../pic/icon_r.png) no-repeat left -0.14rem;height: 0.2rem;width: 0.58rem;}
.news .newslist li:hover{background:rgba(24,182,194,0.9); color:#fff;}
.news .newslist li:hover i{background-position:left -0.64rem;}
.news .newslist li:hover h2,.news .newslist li:hover p,.news .newslist li:hover .date em{color:#fff}


#fp-nav.right {margin: 0;left: 4%;position: fixed;z-index: 10;top: 50%;width: 14px;}
#fp-nav.right span {margin: 15px auto;width: 4px;height: 4px;background: #ffffff;opacity: 1;transition: all .1s ease-in-out;}
#fp-nav.right span.swiper-pagination-bullet-active{width: 14px;height: 14px;}
/*#fp-nav.right {margin: 0;left: 4%;position: fixed;    z-index: 10;    top: 50%;}
#fp-nav.right li {margin: 15px 0;width: 14px;}
#fp-nav.right li a {display: block;width: 4px;height: 4px;background: #ffffff;border-radius: 50%;-webkit-transition: 200ms;transition: 200ms;margin: auto;}
#fp-nav.right li a.active {width: 12px;height: 12px;}
#fp-nav.right li a span {display: none}*/
.sfooter{position: fixed;left: 0px;bottom: 0.3rem;right: 0px;font-size: 0.12rem;line-height: 0.18rem;color: #fff;z-index: 99;}
.sfooter a{color:#fff;}

/*内页广告*/
.pbanner{width:100%;height: 4.5rem;float:left;background:  no-repeat center center;background-size: cover;margin-top:0.9rem;color:#fff}
.pbanner .wd{top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.pbanner .enname{font-size: 0.58rem;line-height: 1;margin-bottom: 0.15rem;font-weight: bold;animation-delay: 1s;}
.pbanner .cnname{font-size: 0.36rem;line-height: 1.4;margin-bottom: 0.9rem;font-weight: bold;animation-delay: 2s;}

/*客户案例*/
.Pmain{width:100%;float:left;margin:0.6rem 0;animation-delay: 1s;}
.case li{float:left;margin-right: 0.3rem;width:3.7rem;background: #f3f3f3;transition: all 0.5s;}
.case li .c_img{width:3.7rem;height: 2.7rem;float:left;position:relative;overflow: hidden;background: #fff;}
.case li .c_img img{max-width: 100%;height: auto;position: absolute;margin: auto;left: 0;right: 0;top:0;bottom: 0;transition: all 0.5s;}
.case li .c_text{padding:0.2rem 0.25rem;float: left;}
.case li .c_text h2{font-size: 0.2rem;line-height: 0.24rem;height: 0.24rem;overflow: hidden;margin-bottom: 0.1rem;color: #333;}
.case li .c_text p{font-size: 0.14rem;line-height: 0.22rem;height: 0.44rem;overflow: hidden;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case li:hover .c_text{background:#043786}
.case li:hover .c_text h2,.case li:hover .c_text p{color:#fff;}
.case li:hover{transform:translateY(-10px);transition: all 0.5s;box-shadow: 0 0 10px #ccc}
.case li:hover img{transform:scale(1.1);transition: all 0.5s;}
.casexq .casefl{width:800px;float:left;}
.casexq .casefl h1{ font-size: 0.24rem; line-height: 1.4; margin-bottom: 0.05rem; color: #111;word-wrap: break-word;font-weight: normal;}
.casexq .casefl .date{ font-size: 0.14rem; color: #5f5f5f;margin-bottom: 0.25rem}
.casexq .casefl .casecon{width: 100%;float: left;line-height: 2em;}
.casexq .casefl .casecon img{width:100%;height:auto;}
.casexq .casefl .caseflip{margin-top:0.3rem;float:left;width:100%;}
.casexq .casefl .caseflip li{float:left;width:3.6rem;padding:0 0.2rem;background: url(../pic/prefl.png) no-repeat left;background-size: 0.16rem;color:#666}
.casexq .casefl .caseflip li:last-child{text-align: right;background: url(../pic/prefr.png) no-repeat right;background-size: 0.16rem}
.casexq .casefl .caseflip li a{color:#666}.casexq .casefl .caseflip li:hover a{color:#333}
.casexq .casefr{width: 2.8rem;background: #f5f5f5;padding:0.3rem;border-radius: 0.18rem 0 0.18rem 0;float: right;}
.casexq .casefr .Ctitle{width:100%;float:left;margin-bottom: 0.2rem;font-size:0.18rem;line-height: 0.3rem;}
.casexq .casefr .Ctitle h3{color:#111;font-weight: normal;margin-right: 0.1rem;float: left;}
.casexq .casefr .Ctitle span{color:#5c5c5c;font-weight: lighter;}
.casexq .casefr .caselist li{float:left;width:100%;line-height: 0.36rem;color:#5f5f5f;}
.casexq .casefr .caselist li a{color:#5f5f5f;}.casexq .casefr .caselist li:hover a{color:#c81125;}
.casexq .casefr .caselist li p{float:left;width:2rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.casexq .casefr .caselist li em{width:0.8rem; float:right;font-style: normal}
/*内页导航*/
.pgnav{width:100%;float:left;margin-bottom: 0.2rem;}
.pgnav ul{position: absolute;top:-0.45rem;}
.pgnav li{float:left;width:5.9rem;margin-right: 0.1rem;background: #ffffff;height: 0.68rem;font-size: 0.2rem;line-height: 0.68rem;text-align: center;box-shadow: 5px 5px 15px rgb(0 0 0 / 10%);}
.pgnav li a{display: block;}
.pgnav li:first-child{border-radius: 8px 0 0 8px;}
.pgnav li:last-child{border-radius: 0px 8px 8px 0;}
.pgnav li.cur{background: #0257a8;}.pgnav li.cur a{color: #fff;}
/*新闻*/
.news .N_list li{float:left;width:11.2rem;padding:0.2rem 0.6rem 0.2rem 0.2rem;border-bottom: 1px solid #eee }
.news .N_list li .em{float:left;border-right: 1px solid #eee;font-size: 0.26rem;color:#999;padding-right: 0.2rem;width: 0.7rem;text-align: center;overflow: hidden;}
.news .N_list li .Ntext{float:left;margin-left: 0.2rem;width: 9.2rem;}
.news .N_list li .Ntext h3{font-size:0.2rem;font-weight:normal;margin-bottom:0.1rem;height:0.24rem;line-height:0.24rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.news .N_list li .Ntext p{color:#666;line-height:0.22rem;height:0.44rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .N_list li:hover{background: #0257a8;}
.news .N_list li:hover .Ntext,.news .N_list li:hover .Ntext p,.news .N_list li:hover .em{color:#fff}
/*技术资料*/
.download li{float:left;width:100%;padding:0.2rem 0;border-bottom: 1px dotted #b2b2b2}
.download li .img01{width:0.8rem;float:left;text-align: center;}
.download li .img01 img{width:0.4rem;}
.download li .text{float:left;}
.download li h2{color:#666;font-size:0.18rem;font-weight: normal;margin-bottom: 0.1rem;}
.download li span{color:#999;}
.download li .img02{float:right;background: #0257a8;width:0.36rem;height: 0.36rem;border-radius: 50%;line-height: 0.36rem;text-align: center;display: flex;justify-content: center;}
.download li .img02 img{width: 0.24rem;height: 0.24rem;margin: auto;}
/*产品展示*/
.product{margin:0;position: relative;}
.product_list{width:100%;float:left;background: #fff;padding:0.6rem 0}
.product_list .Ptit{width:100%;float: left;text-align: center;font-weight: normal;font-size: 0.26rem;margin-bottom: 0.4rem;}
.product_list ul{margin-right:0.24rem;float:left;width:100%;}
.product_list li{float:left;width:3.76rem;margin: 0 0.24rem 0.4rem 0;background: #f4f4f4;transition: all 0.5s;}
.product_list li .img{width:100%;height: 2.76rem;float:left;position: relative;overflow: hidden;}
.product_list li .img img{width: auto;height: 100%;position: absolute;margin: auto;left: -100%;right: -100%;top:-100%;bottom: -100%}
.product_list li .text{padding:0.1rem 0.2rem 0.2rem 0.2rem;text-align: center;float:left;width:3.36rem;}
.product_list li .text h3{font-size:0.2rem;height: 0.26rem;line-height: 0.26rem;font-weight: normal;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.product_list li .text p{color:#666;margin-bottom: 0.1rem;}
.product_list li .text span{color:#bbb;padding: 0.1rem 0.1rem;position: relative;float: left;margin-left: 1.15rem;}
.product_list li .text span i{width: 0.5rem;height: 0.14rem;background: url(../pic/icon_r.png) no-repeat 8px -5px;float: right;background-size: 0.34rem;overflow: hidden;}
.product_list li:hover .text span{background: #0257a8;color:#fff}
.product_list li:hover .text span i{background-position: 8px -32px;}
.product_list li:hover{transform:translateY(-10px);;transition: all 0.5s;box-shadow: 0 0 10px #ccc}
.product_list .pro_more{height: 0.5rem;line-height: 0.5rem;width:100%;float:left;text-align: center}
.product_list .pro_more a{border: 1px solid #ccc;border-radius: 0.32rem;padding: 0.15rem 0.45rem;color:#bbb;font-size: 0.16rem;}
.product_list .pro_more a:hover{background: #0257a8;color:#fff;border: 1px solid #fff;}
.product_list:nth-child(even){background: #f4f4f4}
.product_list:nth-child(even) li{background:#fff;}

.productNav{ width:215px; border:3px solid #fff; box-shadow:0 0 0 1px #cccccc; position:absolute; left:80px; top:60px; background:url(../pic/proNav1.png) repeat-x bottom center; border-radius:10px;}
.productNav ul{ padding:30px 0;}
.productNav a{ height:40px; line-height:40px; display:block; overflow:hidden; padding:0 30px;}
.productNav a.active{ color:#fff; background:#0257a8;}
.productNav_fixed{ position:fixed; top:1.5rem;}

.crumbs{padding:0.18rem 0 0.18rem 0.3rem;line-height: 0.3rem; background: url(../pic/zyicon.png) no-repeat left;background-size: 0.2rem;font-size:0.16rem;}
.crumbs a{color:#999;}
.crumbs em{color:#999;margin:0 0.08rem;}

.pro_details{margin-top:0;}
.pro_details .pro_top{width:100%;float: left;margin-bottom: 0.2rem}
.pro_details .pro_top .proimg{width:5.3rem;height: 3.5rem;float:left;position: relative;overflow: hidden}
.pro_details .pro_top .proimg img{max-width: 100%;max-height: 100%;position: absolute;margin: auto;left: -100%;right: -100%;top:-100%;bottom: -100%}
.pro_details .pro_top .protext{float:right;width:6.3rem;}
.pro_details .pro_top .protext h1{font-size:0.36rem;color: #0257a8;margin-bottom: 0.15rem;line-height: 1.2;font-weight: normal}
.pro_details .pro_top .protext .p1{font-size: 0.26rem;color:#333;line-height: 0.3rem;margin-bottom: 0.25rem}
.pro_details .pro_top .protext .p2{margin-bottom: 0.55rem;line-height: 0.28rem;min-height: 1.68rem;}
.pro_details .pro_top .P_more a{ display:inline-block; color:#043786; padding: 0 0.4rem; border:2px solid #043786; border-radius: 0.32rem;}
.pro_details .pro_top .P_more span{ float:left; line-height:55px; margin-right:30px; font-size:16px;}
.pro_details .pro_top .P_more i{ float:left; font-size:18px; line-height:55px;width:0.3rem;height: 0.55rem;background: url(../pic/downls.png) no-repeat 0 17px;background-size: 0.2rem;}
.pro_details .pro_top a:hover{ background:#043786; color:#fff;}
.pro_details .pro_top a:hover i{background: url(../pic/down.png) no-repeat 0 17px;background-size: 0.2rem;}
.pro_middle{width:100%;float:left;margin:0.4rem 0;}
.pro_middle .pro_tit{ position:relative; margin-bottom:15px; overflow:hidden;}
.pro_middle .pro_tit:before{ background:#f1f1f1; height:3px; content:''; position:absolute; left:0px; top:0px; right:0px;}
.pro_middle .pro_tit strong{ font-size:26px; color:#333; height:68px; line-height:68px; border-top:3px solid #043786; display:block; float:left; position:relative; z-index:2;}
.pro_middle .pro-info{width:100%;float: left;font-size: 0.16rem;line-height: 1.7;margin-bottom: 0.6rem;}
.pro_middle .pro-info img{max-width:100%;height: auto;}
.backNav{ width:6rem;float: left;}
.backNav ul{ margin-right:-0.2rem;}
.backNav li{ width:33.3333%; float:left;}
.backNav a{ display:block; margin-right:0.2rem; border:1px solid #ccc; height:0.54rem; line-height:0.54rem; border-radius:0.28rem; text-align:center;position: relative;}
.backNav span{ font-size:0.16rem;}
.backNav i{ background: url(../pic/lanmu.png);width: 0.28rem;height: 0.29rem;background-size: 0.28rem;position: absolute;top: 50%;-webkit-transform: translateY(-50%); transform: translateY(-50%);left: 50%;margin-left: -0.14rem;}
.backNav a:hover{ color:#043786; border-color:#043786;}
/*翻页*/
.flip .pagination{display:flex;justify-content: center;}
.flip li{ float:left; width:40px; line-height:40px; margin:0 5px; text-align:center; display:block; background:#fff; font-size:14px; color:#111;}
.flip li a,
.flip li span{ display:block;}
.flip li.flip_prev,
.flip li.flip_next{ background:#d6d6d6; color:#fff;}
.flip li.active,
.flip li:hover{ background:#0257a8; color:#fff;}
.flip li:hover a{ color:#fff;}
.flip .pagination li:hover{transform:translateY(0)}
/*关于我们*/
.about{margin:0;}
.aboutcon{width:100%;float:left;padding:0.8rem 0;position: relative;}
.aboutcon .sign {position: absolute;top: -0.9rem;left: 0px;width: 1px;height: 1px;}
.aboutcon1 .A1_text{float:left;width:5.2rem;}
.aboutcon h3{font-size:0.36rem;color: #0257a8;}
.aboutcon .fbt{font-size:0.18rem;width: 100%;float: left;margin-bottom: 0.3rem;}
.aboutcon .fbt span{float: left;padding-bottom: 0.15rem;position: relative;}
.aboutcon .fbt span:after{width: 1.4rem;height: 0.03rem;position:absolute;content:"";background:#0257a8;bottom:0;left:0}
.aboutcon1 .A1_text .A1_ms{line-height: 2}
.aboutcon1 .A1_img{float:right;width:5.3rem;height: 3.3rem;position: relative}
.aboutcon1 .A1_img img{max-width:100%;max-height: 100%;position: absolute;margin: auto;left: 0;right: 0;top:0;bottom: 0}
.aboutcon2{background-size: cover;background: no-repeat top center;}
.aboutcon2 .A2_text{float:left;width:6.2rem;background: rgba(2,87,168,0.9);padding:0.7rem 0.55rem;color:#fff;}
.aboutcon2 .A2_text h3{color:#fff;}
.aboutcon2 .A2_text .fbt span{border-bottom: 3px solid #fff;}
.aboutcon2 .A2_text .A2-ms{font-size:0.26rem;float:left;line-height: 2}
.aboutcon3 .A3_tit{width:100%;float:left;text-align: center}
.aboutcon3 .A3_tit .fbt{text-align:center;}.aboutcon3 .A3_tit .fbt span{float: none;}
.aboutcon3 .A3_tit  .fbt span:after{margin-left: -0.45rem;}
.aboutcon3 .honor{width:100%;float:left;margin-top:0.2rem;}
.aboutcon3 .honor li{width:2.8rem;height: 3.39rem;border: 2px solid #ccc;margin:0 0.16rem 0.2rem 0;float:left;position: relative;}
.aboutcon3 .honor li img{max-width:100%;max-height: 100%;position: absolute;margin: auto;left: 0;right: 0;top:0;bottom: 0}
.aboutcon4 .A4_text{float:right;width:3.5rem;padding:0.45rem;background: #fff;}
.aboutcon4 .A4_text .A4_ms{font-size:0.18rem;line-height: 2;min-height: 2.52rem;float:left;}
.aboutcon4 .A4_img{float:left;width:6.44rem}
.aboutcon4 .A4_img img{max-width:100%;height: auto;}
.aboutcon5{text-align:center;}
.aboutcon5 h3{font-size:0.38rem;font-weight: normal;margin-bottom: 0.2rem;color:#333}
.aboutcon5 p{font-size:0.22rem;}
/*联系方式*/
.contact .contact_fl{float:left;width: 4.8rem;margin-left: 0.4rem;}
.contact .contact_fl .con_text{padding-left: 0.35rem;margin-bottom: 0.3rem;background:no-repeat 0px 5px;background-size:0.24rem }
.contact .contact_fl .con_text h3{font-size:0.2rem;height: 0.3rem;line-height: 0.3rem;font-weight: normal;}
.contact .contact_fl .con_text p{font-size:0.16rem;color: #999;}
.contact .contact_fl .con_text p a{color:#999}
.contact .contact_fl .contact01{background-image: url(../pic/contact01.png);}
.contact .contact_fl .contact02{background-image: url(../pic/contact02.png);}
.contact .contact_fl .contact03{background-image: url(../pic/contact03.png);background-size: 0.3rem;}
.contact .contact_fl .contact04{background-image: url(../pic/contact04.png);background-size: 0.28rem;}
.contact .contact_fl .contact05{background-image: url(../pic/contact05.png);background-size: 0.3rem;}
.map{float:right;width: 6rem;height: 4rem;margin-right: 0.4rem;}
/*在线留言*/
.msg_left{float:left;width:40%}
.label01{margin-left:0.3rem;margin-bottom: 0.2rem}
.msg .tit{height:0.3rem;line-height: 0.3rem;margin-bottom: 0.05rem;font-size: 0.2rem;}
.msg .tit i{font-style: normal;color:#ff0000;margin-left: -0.3rem;width:0.3rem;float:left;text-align: center;}
.msg .tit strong{font-weight:normal;}
.msg .tx{border: 1px solid #ccc;width: 100%;padding: 0 0.15rem;box-sizing: border-box;height: 0.46rem;font-size: 0.16rem;}
.msg_right{width:55%;float:right;}
.msg_right textarea.tx{resize: none;padding:0.1rem 0.15rem;height: 1.52rem;line-height: 1.6;margin-bottom: 0.9rem;}
.msg_right .bt5{ display:block; width:2.34rem; height:0.6rem; line-height:0.6rem; text-align:center; color:#fff; font-size:0.2rem; background:#0257a8; border:none; cursor:pointer;}

/*底部*/
.footer{display:none; background: url(../pic/bottombg.jpg) no-repeat center center; background-size: cover;padding:50px 0; position:relative; font-size: 16px;float: left;width:100%;overflow: hidden;}
.footer a{ color: #fff;}
.footer a:hover{ color:#fff;}
.footerFl{ float:left; position:relative; z-index:2;}
.footerAdd{ float:left; width:360px; color: #fff; font-size: 16px;}
.footerAdd dt{ margin-bottom:20px;}
.footerAdd dt img{ width:220px; height:auto; display:block;}
.footerAdd dd{ padding-left:90px;}
.footerAdd .li{ margin-bottom:20px;}
.footerAdd .li:last-child{ margin-bottom:0px;}
.footerAdd .p strong{ font-size:20px; font-weight:normal;}
.footerNav{ float:left; margin-bottom:50px;}
.footerNav dl{ float:left; margin-left:70px;}
.footerNav dt{ margin-bottom:16px;}
.footerNav dt a{ font-size:18px; line-height:1; color:#fff;font-weight: bold;}
.footerNav dd a{ display:block; line-height:30px; color: #fff;}
.footerNav dd a:hover{ color:#fff;}
.footerNav dl:last-child{ margin-right:0px;}
.footerBottom{ font-size: 14px; color: #fff; line-height:16px;width: 100%;float: left;}
.footerBottom a{ margin:0 15px;}
.footerFr{ float:right; width:126px; position:relative; z-index:2; font-size:16px;}
.footerFr .h3{ font-size:16px; line-height:1; margin-bottom:20px; color:#fff;font-weight: bold;}
.footerFr ul{ padding:0 0 20px 0; border-bottom: 1px solid #fff; margin-bottom:18px;float:left;}
.footerFr li{ float:left; margin-right:30px;}
.footerFr li a{ width:40px; height:40px; display:block; border-radius:50%; color:#fff; font-size:24px; text-align:center; line-height:40px; background: #067e7e;}
.footerFr li a:hover{ background:#0257a8;}
.footerFr li:last-child{ margin-right:0px;}
.footerFr li a img{width: 24px;height: auto;margin-top: 10px;}
.footerFr .p img{ width:100%; height:auto; display:block;}
.footerFr .h4{ text-align:center; font-size:16px; color: #fff; height:38px; line-height:38px;}

.footer02{width:100%;background:#4f4f4f;float: left;color: #fff;font-family: "Microsoft YaHei";font-weight: 500;padding: 0.5rem 0;}
.footer02 .footerul{width:100%;float:left;padding:0.2rem 0;}
.footer02 .footerul li{float:left;margin-left: 0.3rem;width:2.77rem;text-align: center;}
.footer02 .footerul li:first-child{margin-left:0;}
.footer02 .footerul li span{width:100%;height:0.4rem;float:left;overflow:hidden}
.footer02 .footerul li span img{height:0.35rem;width:auto;}
.footer02 .footerul li p{float:left;width:100%;margin-top:0.1rem;padding-top:0.1rem;border-top:1px solid #ccc}
.footer02 .footerul li p i{font-style:normal;color: #42aeb0;}
.bottom{width:100%;float:left;text-align: center;color:#fff;background: #4f4f4f;line-height: 27px;padding: 0.2rem 0;border-top: 1px solid #ccc;}
.bottom a{color:#fff;}

.rightNav{position:fixed;right:0.5rem;top: 43%;margin-top:-0.87rem;width:0.78rem;z-index:9;}
.rightNav li{ margin-bottom:1px; position:relative;}
.rightNav .h3{ background:#0257a8; text-align:center; padding:0.1rem 0;}
.rightNav .h3 a{ color:#fff;}
.rightNav .h3 i{ display:block; line-height:1; margin-bottom:0.08rem;  height: 0.3rem;background-size: 0.3rem;}
.rightNav .icon-dianhua{background: url(../pic/tel.png) no-repeat 50%;}
.rightNav .h3 span{ display:block; line-height:1; font-size:0.12rem;}
.rightNav .li4 .h3{ background:#444; }
.rightNav .li1 .box{ position:absolute; right:100%; height:0.7rem; line-height:0.7rem; background:#0257a8; text-align:center; font-size:0.22rem; color:#fff; font-weight:bold; width:0px; bottom:0px; overflow:hidden;}
.rightNav .li1 .box a{ display:block; color:#fff;}
.rightNav .li1:hover .box{ width:1.8rem;}
.rightNav li:hover .h3{ background:#18b6c2;}
.rightNav li:hover .h3 i{ color:#fff;}
.rightNav .li1 .wx{height: 1.18rem;}
.rightNav .li1 .wx a img{max-width: 1.18rem;height: auto;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.rightNav .li1:hover .wx{width:1.3rem;}

.rightNav .li3 .box{ position:absolute; right:100%; background:#0257a8; text-align:center; color:#fff; width:0px; bottom:0px; overflow:hidden;}
.rightNav .li3 .box .pd{ width:2.2rem;}
.rightNav .li3 .box a{ display:block; color:#fff; width:33.3333%; float:left; padding:0.1rem 0;}
.rightNav .li3 .box a span{ display:block; font-size:0.14rem; line-height:1;}
.rightNav .li3 .box a i{ display:block; line-height:1; font-weight:normal; font-size:0.14rem; margin-bottom:0.07rem;}
.rightNav .li3 .box a img{ width:0.24rem; height:auto; display:block; margin:0 auto 7px auto; }
.rightNav .li3:hover .box{ width:2.2rem;}
.rightNav .icon-yuyue{background: url(../pic/message.png) no-repeat 50%;}
.rightNav .icon-qq1{background: url(../pic/qq.png) no-repeat 50%;}
.rightNav .icon-weixin{background: url(../pic/wx.png) no-repeat 50%;}

.header.index{
    background: rgba(0,0,0,0.5);
    border-bottom: solid 1px rgba(255,255,255,0.2);
    color: #fff;
}
.header.index .Nptline a{color:#fff;}
.header.index .Nptline .Nptcenter{
    background: rgba(0,0,0,0.5);
}
.header.index .Nptline .Nptcenter a:hover{background: rgba(2,87,168,0.8);}
.foot.index{
    position: fixed;
    bottom: 0;
    z-index: 99;
    background: unset;
    opacity: 0;
    width: 100%;
    left: 0;
}
.foot.index .footer02,.foot.index .bottom{background: rgba(0,0,0,0.75);padding: 0.2rem 0;}

.header.index .logo_2{color: rgba(255,255,255,0.7);}

@media screen and (max-width: 2500px){.zhou2 .A_img{width: calc(100vh - 3.5rem + 13px);height: calc(70vh - 0.9rem);}}
@media screen and (max-width: 1920px){.zhou2 .A_img{width:50vw;/*height: calc(100vh - 0.9rem);*/}}
@media screen and (max-width: 1600px){.Nptline {margin-left: 0.4rem;} .index-nav{margin-right:0} .zhou2 .about{width:12rem;} .zhou2 .A_img{left: 60%;width:50vw;/*height: calc(100vh - 0.9rem);*/} .more_about{width:12rem;}}
@media screen and (max-width: 1500px){.Nptline {margin-left: 0.3rem;} .index-nav{margin-right:0}}
@media screen and (max-width: 1400px){.Nptline {margin-left: 0.2rem;} .index-nav{margin-right:0} .zhou2 .about{width:11rem;} .more_about{width:11rem;}}
@media screen and (max-width: 1200px){.Nptline {margin-left: 0.2rem;} .index-nav{margin-right:0} .zhou2 .more_about li{margin-left: 0.8rem;}}
@media screen and (max-width: 900px){.zhou2 .more_about li{margin-left: 0.5rem;}}
@media screen and (max-width: 800px){.zhou2 .A_img{display:none;}}