@charset "utf-8";
/*显示器小于800时候生效*/
@media screen and (max-width: 800px) {
/* CSS Document */
*{box-sizing:content-box;}
body{ margin:0px; padding:0px; font-size:0.24rem;  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:100%;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:100%;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: initial;z-index: 9;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);color:#444;font-weight: 100;width: 100%;z-index: 100;}
.header .wd{margin: 0 0.1rem;width: 100%;}
.header .logo{display: block;padding: 0.1rem 0;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.15rem; */font-size: 0.26rem;float: left;/* width: 2.2rem; */line-height: 0.3rem;line-height: 0.9rem;}

.index-nav{padding: 0 0 0 0;float:right;margin-right: 0.8rem;width: 0.64rem;height: 0.64rem;position: absolute;right: 0.2rem;top: 0.25rem;background: url(../pic/lanmu2.png) no-repeat;background-size: 0.5rem;}
.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.28rem;margin-left: 0.5rem;}
.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: none;opacity: 0;display: block;height: 0;padding: 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: 0;-webkit-transform: translateX(0); transform: translateX(0);}
.Nptcenter .Nptli{width: 100%;font-weight: normal;font-size: 0.24rem;text-align: center;color: #fff;float:left;height: 0.4rem;line-height: 0.4rem;margin: 0 auto;text-decoration: none;z-index:99;}
.Nptcenter .Nptli a{color: #333;float:left;width:100%;}
.Nptcenter a:hover{background: #fff;color: #0257a8;}
.Nptline-focus:focus{display: none;}
@media screen and (max-width: 1600px){.Nptline {margin-left: 0.4rem;} .index-nav{margin-right:0}}
@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}}
@media screen and (max-width: 1200px){.Nptline {margin-left: 0.2rem;} .index-nav{margin-right:0}}
.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;display: none;}
.wdsy{width: calc(100% - 0.8rem);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.28rem;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 .about{margin-top: -6rem;background: none;width: 100%;}
.zhou2 .about .A_text{width: 100%;float:left;text-align: center;}
.zhou2 .about .A_text h3{font-size: 0.38rem;color: #fff;margin-bottom: 1em;}
.zhou2 .about .A_text .A_ms{color: #fff;line-height: 0.4rem;margin-bottom: 0.64rem;font-size: 0.26rem;-webkit-line-clamp: 15;margin: 0 0.5rem;}
.M_about{width:100%;background:#18b6c2;float:left;height: 3.46rem;position: absolute;bottom: 1.4rem;}
.more_about{width: calc(100% - 1rem);margin: 0 0.5rem;padding-top: 0.3rem;display: flex;}
.zhou2 .more_about li{float:left;text-align: center;font-weight: bold;font-size: 0.2rem;margin-left: 0.14rem;font-family: "微软雅黑";flex: 1;}
.zhou2 .more_about li:first-child{margin-left:0}
.zhou2 .more_about li a{color:#fff}
.zhou2 .about .A_text .more_about li img{width: 1.18rem;}
/*.zhou2:after{content:"";position:absolute;bottom:0;background:#03b2b5;left:0;width:100%;height: 6rem;}*/
.more_about li img{max-width: 100%;}

.A_more{background: rgba(2,87,168,0.8);text-align: center;line-height: 0.6rem;color: #fff;padding: 0.1rem 0.3rem;}
.A_more:hover{background:#18b6c2;color:#fff}
.zhou2 .about .A_img{width:4rem;float:right;margin-right: 0.75rem;position: relative;z-index: 2;display: none;}
.zhou2 .about .A_img img{width:100%;height: auto;display: block;}
.zhou2 .about .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:-3.5rem}
.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.28rem;margin-bottom: 0.3rem;line-height: 0.4rem;}
.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: calc(100% - 0.6rem);margin-left:0.1rem;margin-bottom: 0.4rem;position: relative;}
.pro .prolist li .em{font-size: 0.24rem;color:#666;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.pro .prolist li h3{font-size: 0.28rem;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: 1rem;height: 1rem;background: url(../pic/rjt.png) no-repeat;background-size: 1rem;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: 1rem;}
.zhou4 .news{margin-top: -4.1rem;}
.news .ntitle{width:100%;float:left;margin-bottom: 0.4rem;}
.news .ntitle p{font-size: 0.46rem;float:left;color:#fff;line-height: 0.6rem;font-weight: bold;}
.news .ntitle .A_more{float:right;width: 1.6rem;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: calc(100% - 0.6rem) !important;margin-right: 0;margin-bottom: 0.4rem;position: relative;text-align: left;}
.news .newslist li h2{height: 0.3rem;line-height: 0.3rem;overflow: hidden;font-size: 0.3rem;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.24rem;line-height: 0.32rem;height: 0.64rem;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.24rem;color:#ccc;}
.news .newslist li .date i{float: right;background: url(../pic/icon_r.png) no-repeat left -0.45rem;height: 0.3rem;width: 1.4rem;background-size: 101%;}
.news .newslist li:hover{background:rgba(24,182,194,0.9); color:#fff;}
.news .newslist li:hover i{background-position:left -1.6rem;}
.news .newslist li:hover h2,.news .newslist li:hover p,.news .newslist li:hover .date em{color:#fff}

#fp-nav.right {margin: 0;left: 2%;position: fixed;    z-index: 10;    top: 50%;}
#fp-nav.right li {margin: 0.15rem 0;width: 0.14rem;}
#fp-nav.right li a {display: block;width: 0.1rem;height: 0.1rem;background: #ffffff;border-radius: 50%;-webkit-transition: 200ms;transition: 200ms;margin: auto;}
#fp-nav.right li a.active {width: 0.16rem;height: 0.16rem;}
#fp-nav.right li a span {display: none}
#fp-nav.right span.swiper-pagination-bullet-active{width: 0.14rem;height: 0.14rem;}

.sfooter{position: fixed;left: 0px;bottom: 0.3rem;right: 0px;font-size: 0.24rem;line-height: 0.34rem;color: #fff;margin: 0 0.2rem;}
.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%);margin: 0 0.2rem;width: calc(100% - 0.4rem);text-align: center;}
.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;padding: 0.6rem 0;animation-delay: 1s;background: #f9f9f9;margin: 0;}
.Pmain ul{width:calc(100% - 0.2rem);float:left;margin:0 0.1rem;}
.case li{float:left;margin-right: 0.3rem;width: calc(50% - 0.2rem);background: #f3f3f3;transition: all 0.5s;margin: 0 0.1rem 0.2rem;}
.case li .c_img{width: 100%;height: 2.4rem;float:left;position:relative;overflow: hidden;background: #fff;}
.case li .c_img img{max-width: inherit;width: auto;height: 100%;position: absolute;margin: auto;left: -10%;right: -10%;top: -10%;bottom: -10%;transition: all 0.5s;}
.case li .c_text{padding: 0.2rem 0.1rem;float: left;}
.case li .c_text h2{font-size: 0.3rem;line-height: 0.36rem;height: 0.36rem;overflow: hidden;margin-bottom: 0.1rem;color: #333;}
.case li .c_text p{font-size: 0.24rem;line-height: 0.32rem;height: 0.64rem;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: calc(100% - 0.8rem);float:left;margin: 0 0.2rem;background: #fff;padding: 0.3rem 0.2rem;}
.casexq .casefl h1{ font-size: 0.36rem; line-height: 1.4; margin-bottom: 0.05rem; color: #111;word-wrap: break-word;font-weight: normal;text-align: center;}
.casexq .casefl .date{ font-size: 0.26rem; color: #5f5f5f;margin-bottom: 0.25rem;text-align: center;}
.casexq .casefl .casecon{width: 100%;float: left;line-height: 2em;font-size: 0.25rem;}
.casexq .casefl .casecon img{width:100%;height:auto;}
.casexq .casefl .caseflip{margin-top:0.3rem;float:left;width:100%;margin: 0.3rem 0 0;}
.casexq .casefl .caseflip li{float:left;width: calc(100% - 1rem);padding: 0 0.5rem 0 0.5rem;background: url(../pic/prefl.png) no-repeat left;background-size: 0.35rem;color:#666;line-height: 0.5rem;font-size: 0.26rem;}
.casexq .casefl .caseflip li:first-child{border-bottom:1px solid #ccc;margin-bottom:0.1rem}
.casexq .casefl .caseflip li:last-child{text-align: left;background: url(../pic/prefr.png) no-repeat right;background-size: 0.35rem;}
.casexq .casefl .caseflip li a{color:#666}.casexq .casefl .caseflip li:hover a{color:#333}
.casexq .casefr{width: calc(100% - 1rem);background: #fff;padding:0.3rem;border-radius: 0;float: right;margin: 0.2rem;}
.casexq .casefr .Ctitle{width:100%;float:left;margin-bottom: 0.2rem;font-size:0.28rem;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;margin: 0.1rem 0;}
.casexq .casefr .caselist li a{color:#5f5f5f;}.casexq .casefr .caselist li:hover a{color:#c81125;}
.casexq .casefr .caselist li p{float:left;width: calc(100% - 1.8rem);text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.casexq .casefr .caselist li em{width: 1.5rem; float:right;font-style: normal}
/*内页导航*/
.pgnav{width:100%;float:left;margin-bottom: 0.2rem;display: none;}
.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{margin: 0 0.3rem;background: #fff;width: calc(100% - 0.6rem);}
.news .N_list li{float:left;width: calc(100% - 0.2rem);padding: 0.4rem 0.1rem;border-bottom: 1px solid #eee }
.news .N_list li .em{float:left;border-right: 1px solid #eee;font-size: 0.3rem;color:#999;padding-right: 0.1rem;width: 0.8rem;text-align: center;overflow: hidden;height: 1rem;line-height: 0.5rem;}
.news .N_list li .Ntext{float:left;margin-left: 0.1rem;width: calc(100% - 1.1rem);}
.news .N_list li .Ntext h3{font-size: 0.34rem;font-weight:normal;margin-bottom: 0.1rem;height: 0.34rem;line-height: 0.34rem;text-overflow: ellipsis; -o-text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;}
.news .N_list li .Ntext p{color:#666;line-height: 0.35rem;height: 0.7rem;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.6rem;}
.download li .text{float:left;width: calc(100% - 1.6rem);}
.download li h2{color:#666;font-size: 0.32rem;font-weight: normal;margin-bottom: 0.05rem;}
.download li span{color:#999;}
.download li .img02{float:right;background: #0257a8;width: 0.6rem;height: 0.6rem;border-radius: 50%;line-height: 0.36rem;text-align: center;display: flex;justify-content: center;}
.download li .img02 img{width: 0.4rem;height: 0.4rem;margin: auto;}
/*产品展示*/
.product{margin:0;background: #fff;padding: 0;}
.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.36rem;margin-bottom: 0.4rem;}
.product_list ul{margin-right:0.24rem;float:left;width: calc(100% - 0.2rem);margin: 0 0.1rem;}
.product_list li{float:left;width: calc(50% - 0.2rem);margin: 0 0.1rem 0.4rem 0.1rem;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.2rem 0.1rem 0.2rem 0.1rem;text-align: center;float:left;width: calc(100% - 0.2rem);}
.product_list li .text h3{font-size:0.3rem;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: 0.9rem;}
.product_list li .text span i{width: 0.8rem;height: 0.14rem;background: url(../pic/icon_r.png) no-repeat 8px -7px;float: right;background-size: 0.58rem;overflow: hidden;position: absolute;top: 9px;}
.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.8rem;line-height: 0.8rem;width:100%;float:left;text-align: center}
.product_list .pro_more a{border: 1px solid #ccc;border-radius: 0.4rem;padding: 0.2rem 0.6rem;color:#bbb;font-size: 0.28rem;}
.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{display: none; 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:120px;}

.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.26rem;margin: 0 0.2rem;}
.crumbs a{color:#999;}
.crumbs em{color:#999;margin:0 0.08rem;}

.pro_details{margin-top:0;padding:0}
.pro_details .pro_top{width: calc(100% - 0.4rem);float: left;margin: 0.2rem  0.2rem;}
.pro_details .pro_top .proimg{width: 100%;height: 4rem;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: left;width: 100%;text-align: center;margin-top: 0.4rem;}
.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: 1px solid #043786; border-radius: 0.4rem;}
.pro_details .pro_top .P_more span{ float:left; line-height: 0.55rem; margin-right: 0.3rem; font-size:0.26rem;}
.pro_details .pro_top .P_more i{ float:left; font-size: 0.28rem; line-height: 0.55rem;width:0.3rem;height: 0.55rem;background: url(../pic/downls.png) no-repeat 0 0.17rem;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: calc(100% - 0.4rem);float:left;margin: 0.4rem 0.2rem;}
.pro_middle .pro_tit{ position:relative; margin-bottom: 0.15rem; overflow:hidden;}
.pro_middle .pro_tit:before{ background:#f1f1f1; height: 2px; content:''; position:absolute; left:0px; top:0px; right:0px;}
.pro_middle .pro_tit strong{ font-size: 0.326rem; color:#333; height: 0.68rem; line-height: 0.68rem; border-top: 2px solid #043786; display:block; float:left; position:relative; z-index:2;}
.pro_middle .pro-info{width:100%;float: left;font-size: 0.26rem;line-height: 1.7;margin-bottom: 0.6rem;}
.pro_middle .pro-info img{max-width:100%;height: auto;}
.backNav{ width: 100%;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.26rem;}
.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:0.24rem; 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;background: #fff;padding:0}
.aboutcon{width: 100%;float:left;padding: 0.8rem 0;}
.aboutcon1 .A1_text{float:left;width: calc(100% - 0.8rem);margin: 0 0.4rem;}
.aboutcon h3{font-size: 0.46rem;color: #0257a8;text-align: center;}
.aboutcon .fbt{font-size:0.28rem;width: 100%;float: left;margin-bottom: 0.3rem;text-align: center;}
.aboutcon .fbt span{float: initial;padding-bottom: 0.2rem;position: relative;}
.aboutcon .fbt span:after{width: 2rem;height: 0.05rem;position:absolute;content:"";background:#0257a8;bottom:0;left: 50%;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.aboutcon1 .A1_text .A1_ms{line-height: 2}
.aboutcon1 .A1_img{float:right;width: 100%;height: 4.3rem;position: relative;margin-bottom: 0.4rem;}
.aboutcon1 .A1_img img{max-width:100%;max-height: 100%;position: absolute;margin: auto;left: 0;right: 0;top:0;bottom: 0}
.aboutcon2{background: no-repeat top center;background-size: cover;}
.aboutcon2 .A2_text{float:left;width: calc(100% - 1.3rem);background: rgba(2,87,168,0.9);margin: 0 0.55rem;padding: 0.7rem 0.2rem;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;}
.aboutcon3 .honor{width:100%;float:left;margin-top:0.2rem;}
.aboutcon3 .honor li{width: calc(50% - 0.44rem);height: 4rem;border: 1px solid #ccc;margin: 0 0.2rem 0.2rem 0.2rem;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{width:calc(100% - 0.8rem);padding: 0.8rem 0.4rem;}
.aboutcon4 .A4_text{float:right;width: calc(100% - 0.9rem);padding:0.45rem;background: #fff;}
.aboutcon4 .A4_text .A4_ms{font-size:0.28rem;line-height: 2;min-height: 2.52rem;float:left;}
.aboutcon4 .A4_img{float:left;width: 100%;}
.aboutcon4 .A4_img img{max-width:100%;height: auto;}
.aboutcon5{text-align:center;}
.aboutcon5 h3{font-size:0.38rem;font-weight: normal;color:#333;width: 80%;margin: 0 auto 0.2rem;}
.aboutcon5 p{font-size: 0.26rem;}
/*联系方式*/
.contact .contact_fl{float:left;width: calc(100% - 1.6rem);margin: 0 0.4rem;background: #fff;padding: 0.4rem;}
.contact .contact_fl .con_text{padding-left: 0.35rem;margin-bottom: 0.3rem;background:no-repeat 0px 5px;background-size: 0.3rem;}
.contact .contact_fl .con_text h3{font-size:0.3rem;height: 0.3rem;line-height: 0.3rem;font-weight: normal;}
.contact .contact_fl .con_text p{font-size:0.26rem;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.3rem;}
.contact .contact_fl .contact05{background-image: url(../pic/contact05.png);background-size: 0.3rem;}
.map{float:right;width: calc(100% - 0.8rem);height: 4rem;margin: 0 0.4rem;}
/*在线留言*/
.msg_left{float:left;width: calc(100% - 0.8rem);margin: 0 0.4rem;}
.label01{margin-left: 0;margin-bottom: 0.2rem}
.msg .tit{height:0.3rem;line-height: 0.3rem;margin-bottom: 0.05rem;font-size: 0.3rem;}
.msg .tit i{font-style: normal;color:#ff0000;margin-left: 0;width:0.3rem;float:left;text-align: center;}
.msg .tit strong{font-weight:normal;font-size: 0.26rem;}
.msg .tx{border: 1px solid #ccc;width: 100%;padding: 0 0.15rem;box-sizing: border-box;height: 0.46rem;font-size: 0.26rem;color: #666;}
.msg_right{width: calc(100% - 0.8rem);float:right;margin: 0 0.4rem;}
.msg_right textarea.tx{resize: none;padding:0.1rem 0.15rem;height: 1.52rem;line-height: 1.6;margin-bottom: 0;}
.msg_right .bt5{ display:block; width:2.34rem; height: 0.8rem; line-height: 0.8rem; text-align:center; color:#fff; font-size:0.3rem; background:#0257a8; border:none; cursor:pointer;}

/*底部*/
.footer{ background: none; padding: 0; position:relative; font-size:0.24rem;float: left;width:100%;overflow: hidden;margin-bottom: 1.4rem;}
.footer .wd{background:#333;float:left;padding:0.5rem 0}
.footer .wd:before{ content:''; position:absolute; right:-4.3rem; top:-0.5rem; bottom:-0.5rem; z-index:1; background: #333; width: 0;height: 0;}
.footer a{ color:#999;}
.footer a:hover{ color:#fff;}
.footerFl{ float:left; position:relative; z-index:2;width: 100%;margin-bottom: 0.4rem;}
.footerAdd{ float:left; width: 100%; color:#999999; font-size: 0.28rem;text-align: center;}
.footerAdd dt{ margin-bottom:0.2rem;display: flex;justify-content: center;}
.footerAdd dt img{ width: 4rem; height:auto; display:block;}
.footerAdd dd{ padding-left: 0;}
.footerAdd .li{ margin-bottom:0.2rem;}
.footerAdd .li:last-child{ margin-bottom:0px;}
.footerAdd .p strong{ font-size:0.3rem; font-weight:normal;}
.footerNav{ float:left; margin-bottom:0.5rem;display: none;}
.footerNav dl{ float:left; margin-left:0.7rem;}
.footerNav dt{ margin-bottom:0.16rem;}
.footerNav dt a{ font-size:0.28rem; line-height:1; color:#fff;}
.footerNav dd a{ display:block; line-height:0.3rem; color:#999;}
.footerNav dd a:hover{ color:#fff;}
.footerNav dl:last-child{ margin-right:0px;}
.footerBottom{ font-size:0.24rem; color:#999999; line-height: 0.4rem;width: calc(100% - 0.8rem);float: left;text-align: center;margin: 0 0.4rem;}
.footerBottom a{ margin:0 15px;}
.footerFr{ float:right; width: 100%; position:relative; z-index:2; font-size:16px;display: flex;justify-content: center;}
.footerFr .h3{ font-size:16px; line-height:1; margin-bottom:20px; color:#fff;display: none;}
.footerFr ul{ padding:0 0 20px 0; border-bottom:1px solid #494949; margin-bottom:18px;float:left;display: none;}
.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:#393939;}
.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: 40%; height:auto; display:block;margin: auto;}
.footerFr .h4{ text-align:center; font-size:16px; color:#999; height:38px; line-height:38px;}
.rightNav{display:none;}
.footer02{display:none;}
.bottom{margin-bottom: 1.4rem;}
}