@charset "utf-8";


*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:15px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#37393d; }
a{color:#37393d; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#080882}
ol,ul,li{list-style:none}
*{font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif  !important;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both; }
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}

.red{ color:#f00}
.section{ padding:70px 0 100px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:100px;}

.mbg{ background:#f3f3f3}


#a01, #a02, #a03, #a04, #a05{ position: absolute;  margin-top:-95px;}

.wrap{ width:80%; max-width:1500px; margin:0 auto}
@media screen and (max-width: 1600px){
.wrap{ width:85%;}	
}
@media screen and (max-width: 1440px){
.wrap{ width:90%;}	
}

@media screen and (max-width: 1240px){
.wrap{ width:94%;}	
}

.jvzhong{ text-align:center}
.title { margin-bottom:30px; position:relative; overflow:hidden}
.title h4{ font-family: "Times New Roman"; text-transform:uppercase; font-size:65px; line-height:48px;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));}
.title h3{font-size:38px; line-height:38px; margin-bottom:15px; margin-top:-6px;}
.nmain .title h3{font-size:32px; line-height:32px; }
.title p{font-size:17px; color:#888}
.title p.idxp1 {font-size: 24px;}

.title02 { margin-bottom:30px; position:relative; overflow:hidden; color:#fff !important}
.title02 h4{ font-family: "Times New Roman"; text-transform:uppercase; font-size:65px; line-height:48px;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));}
.title02 h3{font-size:38px; line-height:38px; margin-bottom:15px; margin-top:-6px; }
.title02 p{font-size:17px; color:#fff}

.nbanner .title02{ margin-bottom:0}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:220px;transition: all 1.5s; display:block;object-fit: cover;}
.pic:hover img, .swiper-slide:hover .pic img{transform:scale(1.1);}
.pic img.caselistimg {object-fit: cover;}
.pic img.albumli {object-fit: contain;}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}


.header{width: 100%;top:0;left:0;position:fixed; height:150px; z-index:999;background:#fff;/*box-shadow: 0 0 15px rgba(255,255,255,0.2);*/}
.header .top .wrap{ height:100px; position:relative}
.header .top .logo{ position:absolute; left:0; top:6%;  left:0}
.header .top .logo .icon{ padding-right:30px; float:left; background:url(../images/logoge.png) no-repeat right center; background-size:7px 100%;margin-right:22px;}
.header .top .logo .icon img{ display:block; height:90px; width:auto;}
.header .top .logo .ad{ float:left; line-height:26px;margin-top: 20px;}
.header .top .logo .ad h3{ font-size:24px; color:#183884; font-weight:bold; letter-spacing:1.2px;}
.header .top .logo .ad p{ color:#666; font-size:16px; margin-top:4px;}
.header .top .use{ position:absolute; top:50%; right:0; margin-top:-22.5px;}
.header .top .use li{ float:left; height: 50px;}
.header .top .use li.tel01{background:url(../images/ttel01.jpg) no-repeat left center; padding-left:55px; margin-right:25px;}
.header .top .use li.tel02{background:url(../images/ttel02.jpg) no-repeat left center; padding-left:55px;}
.header .top .use li p{ line-height:20px;}
.header .top .use li h3{ color:#183884; font-size:20px; font-weight:bold}
.header .top .use li.tel02 h3 {padding-top: 10px;}

.header .menu{ background:#183884; height:50px; line-height:50px;box-shadow: 1px 1px 15px rgba(0,0,0,.15)}
.header .menu ul{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between; text-align:center;flex-direction: row;}
.header .menu li{ display:inline-block; width:calc(10% - 5px)}
.header .menu li a{ display:block; color:#fff; font-size:17px;text-align:center}
.header .menu li a:hover, .header .menu li a.cur{ background:#306eff;}


.banner, .nbanner{ margin-top:150px;position:relative;}
.banner{  z-index:1;  height:auto !important ;}
.banner img, .nbanner img{ display:block; width:100%; height:550px;object-fit: cover;}
.banner .swiper-container{position:relative; height:auto !important; }
.banner .swiper-pagination{bottom:4%; text-align:center;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:none; border:solid 2px #fff; /*box-shadow: 0 0 5px rgba(0,0,0,0.1); */opacity:1; margin:0 8px; border-radius:50%}
.banner .swiper-pagination-bullet-active{ background:#f79038; border:solid 2px #f79038;opacity:1; border:none}
.banner .swiper-slide{ position:relative;}
.banner .swiper-slide .text .more a:hover{background-color:rgba(0,0,0,0.3);}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:40px; height:50px; margin-top:-20px; outline:none; opacity:0.6; top:50%; margin-top:-20px; overflow:hidden}
.banner .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.5}
.banner .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.5}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.banner .bg{ position:absolute; width:100%; height:200px;background-image: linear-gradient(to top , rgba(0,0,0,0.0), rgba(24,56,132,0.2)); left:0; top:0; z-index:99}


.youshi{ border-bottom:solid 1px #ddd; }
.youshi .item{ float:left; width:20%; text-align:center; position:relative; padding:30px 0 40px 0}
.youshi .item:nth-child(2n+1){ background:#f9f9f9}
.youshi .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.youshi .item .icon img{ width:auto; max-width:50%; min-width:70px; display:block; margin:0 auto}
.youshi .item:hover .icon{ margin:0px auto 20px auto;}
.youshi .item h3{ font-size:18px; margin-bottom:10px;}


.iserivce .conn{display: flex;display: -webkit-flex;justify-content: space-between;}
.iserivce .item{ width:calc(23.5% - 2px); margin-right:2%; border:solid 1px #ddd; display:inline-block; position:relative}
.iserivce .item:nth-child(4n){ margin-right:0}
.iserivce .item .text{ padding:15px; text-align:center}
.iserivce .item .text .ntitle{ margin-bottom:10px;transition: all .35s;}
.iserivce .item:hover .pic img, .iserivce .item:hover .text .ntitle{transform:scale(1.1);}
.iserivce .item .text .ntitle h3{ font-size:20px;  position:relative; padding-bottom:10px; margin-bottom:5px; color:#000}
.iserivce .item .text .ntitle h3:after{ content:""; width:60px; height:2px; background:#183884; bottom:0; left:50%; margin-left:-30px; position:absolute}
.iserivce .item .text .ntitle p{ color:#183884;font-weight:bold;}
.iserivce .item .text .intro{ line-height:25px; font-size:14px; color:#666; padding-bottom:45px;}
.iserivce .item .more{ line-height:50px; text-align:center; color:#666;background:#f0f0f0; font-size:13px;transition: all .35s; position:absolute; left:0; bottom:0; width:100%; border-top:solid 1px #ddd; text-transform:uppercase;}
.iserivce .item:hover{background:#183884;}
.iserivce .item:hover .text .ntitle h3, .iserivce .item:hover .text .ntitle p, .iserivce .item:hover .text .intro, .iserivce .item:hover .more{ color:#fff}
.iserivce .item:hover .text .ntitle h3:after{ background:#183884}
.iserivce .item:hover .more{ background:#183884;border-top:solid 1px rgba(255,255,255,0.3); }
.iserivce .item:hover .text .ntitle h3:after{ background:#fff}


.ihonor{ background:url(../images/iabout.png) no-repeat center center; background-size:cover}
.ihonor .qimo8{ overflow:hidden; width:100%;}
.ihonor .qimo8 .qimo {width:8000%;}
.ihonor .qimo8 .qimo div{ float:left;}
.ihonor .qimo8 .qimo ul{float:left; overflow:hidden; zoom:1; color:#fff; text-align:center }
.ihonor .qimo8 .qimo ul li{ float:left;margin-right:12px; }
.ihonor .qimo8 .qimo ul li img {height:250px; display: block; border:solid 1px #fff; margin-bottom:5px;}


.isolution  {padding-top: 0px;}
.isolution .conn .item{ float:left; width:calc(25% - 16px); margin:0 20px 20px 0; position:relative}
.isolution .conn .item:nth-child(4n){ margin-right:0}
.isolution .conn .item:nth-child(4n+1){ clear:both}
.isolution .conn .item .text{ position:absolute; line-height:40px; height:40px; background-color:rgba(0,0,0,0.4); color:#fff; text-align:center; width:100%; left:0; bottom:0; font-size:17px;}



.ihangye{ }
.ihangye .conn .item{ float:left; width:calc(25% - 16px); margin:0 20px 20px 0; position:relative}
.ihangye .conn .item:nth-child(4n){ margin-right:0}
.ihangye .conn .item:nth-child(4n+1){ clear:both}
.ihangye .conn .item .text{ position:absolute; line-height:40px; height:40px; background-color:rgba(0,0,0,0.4); color:#fff; text-align:center; width:100%; left:0; bottom:0; font-size:17px;}


.iabout{background:#183884; position:relative}
.iabout:after{ content:""; position:absolute; left:0; width:50%; height:100%; top:0; background: url(../images/company.jpg) no-repeat left center; background-size:100% 100%;}
.iabout .wenzi{ float:right; width:46%; color:#fff;}
.iabout .wenzi p{ margin-bottom:10px; text-indent:2rem; }
.iabout .wenzi .conn{ margin-top:-10px}
.iabout .wenzi .more a{ display:block; margin-top:45px; width:165px; height:44px; padding-right:30px; line-height:40px; border-radius:25px; background:url(../images/bnext.png) no-repeat 80% center; background-size:8px auto; color:#fff; text-align:center; border:solid 2px #fff;}
.iabout .wenzi .more a:hover{ background:url(../images/bnext.png) #306eff no-repeat 80% center;border:solid 2px #306eff;background-size:8px auto;  }



.inews{background:url(../images/ihybg.jpg) no-repeat center center; background-size:cover}
.inews .biao{line-height:40px; color:#fff; background:url(../images/moreahover.png) no-repeat center right; padding-right:16px; text-align:right; position:relative; margin-top:-40px;}
.inews .shijian{background:url(../images/time.png) no-repeat left center; margin-top:15px; color:#999; padding:5px 0 5px 30px;}
.inews .swiper-pagination{bottom:0; text-align:center; display:none}
.inews .swiper-pagination-bullet{ width:14px; height:14px; border:solid 2px #ddd; opacity:1; background:none; margin:0 5px; border-radius:50%;}
.inews .swiper-pagination-bullet-active{ border:solid 2px #183884; }

@media screen and (max-width: 640px){
.inews .swiper-pagination{ display:block}
.inews .swiper-slide{ padding-bottom:30px;}
}

.inews .more a{ display: inline-block; margin-top:45px; width:165px; height:45px; padding-right:30px; line-height:45px; border-radius:25px; background:url(../images/bnext.png) #183884 no-repeat 80% center; background-size:8px auto; color:#fff; text-align:center; }
.inews .more a:hover{ background:url(../images/bnext.png) #306eff no-repeat 80% center;border:solid 2px #306eff;background-size:8px auto;  }


.liucheng  {padding-top: 70px;}
.liucheng .conn{ position:relative;}
.liucheng .conn.pcshow img{ display:block; width:100%; height:auto}
.liucheng .conn.pcshow .inn{ position:absolute; left:0; top:0; width:100%; height:65%}
.liucheng .pcshow .item{ width:10%;height: 100%; display: flex;align-items: center; position:absolute; left:0; top:0}
.liucheng .pcshow .item:nth-child(2){left:10%}
.liucheng .pcshow .item:nth-child(3){left:20%}
.liucheng .pcshow .item:nth-child(4){left:30%}
.liucheng .pcshow .item:nth-child(5){left:40%}
.liucheng .pcshow .item:nth-child(6){left:50%}
.liucheng .pcshow .item:nth-child(7){left:60%}
.liucheng .pcshow .item:nth-child(8){left:70%}
.liucheng .pcshow .item:nth-child(9){left:80%}
.liucheng .pcshow .item:nth-child(10){left:90%}
.liucheng .item p{  line-height:24px; padding-left:48%}

.liucheng .conn.phshow img{ display:block; width:100%; height:auto}
.liucheng .conn.phshow .inn{ position:absolute; left:0; top:0; width:100%; height:65%}
.liucheng .phshow .item{ width:20%;height: 100%; display: flex;align-items: center; position:absolute; left:0; top:0}
.liucheng .phshow .item:nth-child(2){left:20%}
.liucheng .phshow .item:nth-child(3){left:40%}
.liucheng .phshow .item:nth-child(4){left:60%}
.liucheng .phshow .item:nth-child(5){left:80%}
.liucheng .phshow .item p{  line-height:20px; padding-left:42%; font-size:12px}



.footer{ background:#183884;}
.footer img{ display:block}
.footer .qlink {font-size:17px; padding:25px 0; color:#fff; border-bottom:solid 1px rgba(255,255,255,0.4); text-align:center }
.footer .qlink a{ color:#fff; padding:0 20px}
.footer .flx ul{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;}
.footer .flx li{ padding:40px 0; color:#fff;line-height:25px; display:inline-block}
.footer .flx li .icon, .footer .flx li .wenzi{ float:left;}
.footer .flx li .icon{ border-radius:50%; border:solid 2px #fff; margin-right:15px;}

.footer .flx li:nth-child(2) .wenzi{ margin-top:12px;}
.footer .flx li .wenzi a{ color:#fff;}
.footer a:hover{ text-decoration:underline}

.copyright{ background:#112f78; padding:20px 0; color:#fff; text-align:center}
.copyright a{ color:#fff}
.copyright a:hover{ text-decoration:underline}
.copyright span{ padding:0 10px}


.nbanner{ position:relative; }
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:46%; text-align:center; color:#fff; width:100%}
.nbanner .text a{ color:#fff}
.nbanner .text h3{ margin-bottom:20px;}



.loaction{background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.2);line-height:55px; }
.loaction p{background: url(../images/map_icon.png) no-repeat left center;padding-left: 25px;color: #666; }



.ncb01 .conn{ position:relative}
.ncb01 .item{ float:left; width:32%;  text-align:center; position:relative; height:200px;}
.ncb01 .item:after{ content:""; position:absolute; width:1px; height:100%; background: rgba(0,0,0,0.1); top:0; right:0}
.ncb01 .item:nth-child(3):after{ display:none}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}
.ncb01 .item h3{ font-size:18px; margin-bottom:5px;}
.ncb01 .item p{ color:#666;font-size: 18px;}

#map{width:calc(100% - 2px);height:450px;border:#ccc solid 1px; font-size:14px; margin-top:40px;}
.iwTitle { font-size:16px; font-weight:bold; color:#183884}



.float_kf{position: fixed;right: 16px;bottom: 30px;text-align: right;z-index: 300;}
.float_kf .item{margin-bottom: 6px;overflow: hidden;}
.float_kf .item-inner{display: inline-block;position: relative;pointer-events:none;}
.float_kf .item-inner .ico {position: relative;width: 46px;height: 46px;border-radius: 50%;z-index: 20;background-color:#112f78;pointer-events: auto;cursor: pointer;}
.float_kf .item-inner .ico img{ position:absolute; left:0;top:0;right:0;bottom:0; margin:auto}
.float_kf .item-inner .txt {-webkit-transition: all .3s linear;-o-transition: all .3s linear;
transition: all .3s linear;opacity: 0;font-size:14px;color: #fff;height: 46px;line-height: 46px;padding-left: 20px;position: relative;-webkit-transform: translateY(4px);transform: translateY(4px);z-index: 10;}
.float_kf .item-inner .ico, .float_kf .item-inner .txt{display: inline-block;vertical-align: middle;}
.float_kf .item-inner::after {-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;content: "";display: block;position: absolute;right: 10px;top: 0;width: 20px;height: 100%;background-color: #112f78;border-radius: 24px;}
.float_kf .item-tel .txt{ font-size:16px;}
.float_kf .item-inner.cur{pointer-events:auto}
.float_kf .item-inner.cur::after{ width:calc(100% - 10px)}
.float_kf .item-inner.cur .txt{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}



.nab01 .conn{ position:relative}
.nab01 .nabright{ float:right; width:48%; margin-top:80px; position:relative}
.nab01 .nabright img{ display:block; width:100%; height:auto}
.nab01 .nabright:after{content: ""; z-index:-1;
    width: 50%;
    height: 80%;
    position: absolute;
    right: -20px;
    bottom: -20px;
    background: #005bac;
    background: -webkit-linear-gradient(left, #22bcf0, #183884);
    background: -o-linear-gradient(right, #22bcf0, #183884);
    background: -moz-linear-gradient(right, #22bcf0, #183884);
    background: linear-gradient(to right, #22bcf0, #183884);}

.nab01 .nableft{ float:left; width:48%}
.nab01 .nableft .nabtitle{ padding-left:25px; position:relative}
.nab01 .nableft .nabtitle:after{ content:""; position:absolute; left:0; bottom:0; width:5px; height:50px; background:#183884}
.nab01 .nableft h2 {font-size: 20px;color: #666;font-weight: 300;}
.nab01 .nableft h3 {font-size: 30px;color: #333;}
.nab01 .nableft .aboutModal{ margin-top:20px;}
.nab01 .nableft .aboutModal p{ text-indent: 2em;}


.nab01 .aboutModal{ height:435px; overflow:hidden; position:relative;overflow-Y: scroll;}
.nab01 .aboutModal .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.05);}
.nab01 .aboutModal .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .nab01 .aboutModal .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background: -webkit-radial-gradient(#d1ecfb, #193f99, #183884); /* Safari 5.1 - 6.0 */
background: -o-radial-gradient(#d1ecfb, #193f99, #183884); /* Opera 11.6 - 12.0 */
background: -moz-radial-gradient(#d1ecfb, #193f99, #183884); /* Firefox 3.6 - 15 */
background: radial-gradient(#d1ecfb, #193f99, #183884); 
}
 /*滚动条高宽度*/
 .nab01 .aboutModal::-webkit-scrollbar{
     width: 8px;
     height: 4px;
 }
 /*滚动条滑块*/
 .nab01 .aboutModal::-webkit-scrollbar-thumb{
     border-radius: 3px;
     box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
     background: #002f9e;
 }
 /*滚动条里面轨道*/
 .nab01 .aboutModal::-webkit-scrollbar-track {
     box-shadow: 1px 1px 5px rgba(20, 83, 255, 0.4) inset;
  
 }
 /*滚动条的小边角*/
 .nab01 .aboutModal::-webkit-scrollbar-corner {
     background: transparent;
 }




.nabwh{ background:url(../images/culbg.jpg) no-repeat center center; background-size:cover;}
.nmain .title02 h3, .nmain .title h3{margin-top:0px !important;}

.nabwh .item{ float:left; width:33.33%; text-align:center; color:#fff; line-height:25px;}
.nabwh .item h3{ font-weight:bold; font-size:20px; margin-bottom:10px;}
.nabwh .item:nth-child(1), .nabwh .item:nth-child(3){ margin-top:50px;}
.nabwh .item p{ text-align:center; max-width:200px; margin:0 auto}


.honorlist{ padding-bottom:40px;}
.honorlist .swiper-slide{ display:block; position:relative; padding:0 30px 15px}
.honorlist .swiper-slide:after{ content:""; width:100%; height:40%; background:#f3f3f3; position:absolute; left:0;bottom:0; z-index:1}
.honorlist .pic, .honorlist h3{ position:relative; overflow:hidden; z-index:2}
.honorlist .pic img{ height:220px; width:auto !important; max-width:100%; display:block; margin:0 auto;object-fit: contain;}
.honorlist h3{ text-align:center; color:#333; display:flex; display:-webkit-flex; font-size:17px; height:60px; line-height:20px; align-items:center; justify-content:center;}
.honorlist .swiper-pagination{bottom:0 !important}
.honorlist .swiper-pagination-bullet{ width:12px; height:12px;}
.honorlist .swiper-pagination-bullet-active{ background:#005bac}
.honorlist .swiper-slide:after, .honorlist h3{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.honorlist .swiper-slide:hover::after{background:#183884} 
.honorlist .swiper-slide:hover h3{ color:#fff}

.factorylist{ padding-bottom:40px;}
.factorylist .swiper-slide{ display:block; position:relative; padding:0 30px 15px}
.factorylist .swiper-slide:after{ content:""; width:100%; height:40%; background:#f3f3f3; position:absolute; left:0;bottom:0; z-index:1}
.factorylist .pic, .factorylist h3{ position:relative; overflow:hidden; z-index:2}
.factorylist .pic img{ height:220px; width:auto !important; max-width:100%; display:block; margin:0 auto;object-fit: contain;}
.factorylist h3{ text-align:center; color:#333; display:flex; display:-webkit-flex; font-size:17px; height:60px; line-height:20px; align-items:center; justify-content:center;}
.factorylist .swiper-pagination{bottom:0 !important}
.factorylist .swiper-pagination-bullet{ width:12px; height:12px;}
.factorylist .swiper-pagination-bullet-active{ background:#005bac}
.factorylist .swiper-slide:after, .factorylist h3{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.factorylist .swiper-slide:hover::after{background:#183884} 
.factorylist .swiper-slide:hover h3{ color:#fff}

.loaction .wrap{ position:relative}
.loaction .nnav{ position:absolute; right:0; top:0}
.loaction .nnav li{ float:left}
.loaction .nnav li a{  font-size:16px; color:#333; display:block; padding:0 36px; position:relative}
.loaction .nnav a:hover, .loaction .nnav a.cur{ background:#183884; color:#fff}
.loaction .nnav a:hover:after, .loaction .nnav a.cur:after{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #183884; position:absolute; left:50%; margin-left:-10px; bottom:-10px}



.newskuai { border-bottom:solid 1px #ddd; padding:40px 0; position:relative;}
.newskuai:nth-child(1){ margin-top:-20px}
.newskuai .pic{ float:left; width:350px}
.newskuai .wenzi{ float:right; width:calc(100% - 400px); padding-top:10px; color:#333;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newskuai:hover .wenzi{ margin-right:20px}
.newskuai a{ display:block; position:relative;}
.newskuai a:hover{background:#183884}
.newskuai .wenzi .biao span{ color:#183884; font-weight:bold}
.newskuai .wenzi h3{ margin:12px 0; font-size:18px; font-weight:bold}
.newskuai .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; font-size:14px; color:#888}
.newskuai .more{ margin-top:30px; height:40px; padding:0 60px 0 30px; line-height:40px; text-align:center; color:#fff; font-size:14px;
background: url(../images/bnext.png) #183884 no-repeat 80% center;background-size: 8px auto;transition: 0.5s; position:absolute; bottom:0; left:400px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}
.newskuai .more:hover{background: url(../images/bnext.png) #183884 no-repeat 90% center;background-size: 8px auto; }
.newskuai:hover .biao, .newskuai:hover .biao span, .newskuai:hover h3, .newskuai:hover p{ color:#fff}
.newskuai:hover .more{ left:350px}


.nnewsx .newstitle{ position:relative; padding-left:20px; margin-bottom:25px;}
.nnewsx .newstitle:before{ content:""; position:absolute; left:0; top:0; width:5px; height:100%; background:#183884}
.nnewsx .newstitle h3{ font-size:24px; font-weight:bold; margin-bottom:8px;}
.nnewsx .newstitle p{ color:#888;}
.nnewsx .newstitle p span{ color:#183884}
.nnewsx .newstitle .back{ width:140px; position:absolute; right:0; bottom:0}
.nnewsx .newstitle .back a{ margin-top:5px; display:block; width:130px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../images/bnext.png) #183884 no-repeat 80% center; background-size:8px auto; padding-right:20px; transition: 0.5s;}
.nnewsx .newstitle .back a:hover{background:url(../images/bnext.png) #183884 no-repeat 90% center; background-size:8px auto; }
.nnewsx img, .nprox img{ display:block; width:auto; max-width:100%;margin: 0 auto 10px;}

.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:25px 18px; margin-top:100px;color:#888}
.shangxia li{ float:left;}
.shangxia li:nth-child(2){ float:right;}
.shangxia li a{ color:#888}
.shangxia li a:hover{ color:#183884}

.fr { display:block; float:right}
.fl { display:block; float:left}


.nxcase .wrap{ max-width:1000px; margin:0 auto;}
.ncase .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%;background-color: #f9f9f9; border:solid 1px #ddd;}
.ncase .item:nth-child(3n){ margin-right:0; }
.ncase .item:nth-child(3n+1){ clear:both;}
.ncase .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.ncase .item .wenzi{ padding:20px 20px 30px 20px; clear:both}
.ncase .item .wenzi h3{  font-size:17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:15px;margin-top:-10px; position:relative;  padding-bottom:15px;}
.ncase .item:hover .wenzi h3{ font-weight:bold}
.ncase .item .wenzi h3:after{ content:""; position:absolute; bottom:0; left:0;width: 27px;height: 1px;display: block;background-color: #cdcdcd;}
.ncase .item .wenzi p{ font-size:15px; color:#888; line-height:25px; min-height:50px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.ncase .item .icon {line-height: 40px;position: relative;margin-top: -20px;padding: 0 30px;float: right;color: #fff;font-size: 14px;background-color: rgba(24,56,132,.75);}
.aboutitem .wrap{max-width: 80%;}



.hg-title span { font-size:20px; color:#333; text-align:center; padding-top:20px;}
.hg-title span b { font-size:28px; color:#025098;line-height:28px}
.hg-title span em { font-weight:normal; font-size:12px; color:#999; text-transform:uppercase; display:block;}
.hg-title .hg-span1{width:404px;text-align: center;}
.hg-title .hg-span2{width:609px;text-align: center;float:right}


.single-product-top{ position:relative; padding: 0 8%; margin:0 auto}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; top:50%; border:none !important;outline: none !important; color: #183884 !important; left:0px;}

.single-product-top .swiper-button-prev, .single-product-top .swiper-button-next{ width:56px; height:56px; margin-top:-20px; outline:none; opacity:0.6; top:50%; margin-top:-20px; overflow:hidden; border-radius:50%;}
.single-product-top .swiper-button-prev{ background:url(../images/bpre.png) rgba(24,56,132,0.7) no-repeat center center; background-size:20px auto; left:0%; opacity:0.5}
.single-product-top .swiper-button-next{ background:url(../images/bnext.png) rgba(24,56,132,0.7) no-repeat center center;background-size:20px auto; right:0% !important; left:auto !important; opacity:0.5}
.single-product-top .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(24,56,132,0.7) no-repeat center center;background-size:20px auto; opacity:1}
.single-product-top .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(24,56,132,0.7) no-repeat center center;background-size:20px auto; opacity:1}


.gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:140px;border: 1px solid #ddd;object-fit: cover;}
.gallery-thumbs .swiper-slide:after{ content:""; height:10px; width:15px; left:50%; margin-left:-7.5px; top:2px; position:absolute; opacity:0  }
.gallery-thumbs .swiper-slide-thumb-active img {border: 1px solid #e60012;}
.gallery-thumbs .swiper-slide-thumb-active:after{ opacity:1}
.gallery-top {width: 100%;height: 100%;}
.gallery-top .img2{ display:block; width:100%;height:100%; object-fit: contain;}



.proxs{ border-top:solid 1px #e2e2e2; padding-top:50px; width:84%; margin:50px auto 0 auto}
.proxs h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.proxs .line{ padding-left:18px; position:relative;}
.proxs .line .clear{ clear:both; dispaly:block  !important}
.proxs .line span:nth-child(1){display:inline-block; width:110px; float:left}
.proxs .line span:nth-child(2){display:inline-block; width:calc(100% - 110px);float:left}
.proxs .line:after{content: '';position: absolute;top: 12px;left: 0;width: 0.25rem;height: 0.25rem;border: 1px solid #2e5694;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.aboutpage{width: 100%;}
.aboutpage table {width: 600px;margin: 0 auto;}


.nser .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd}
.nser .item:nth-child(3n){ margin-right:0}
.nser .item:nth-child(3n+1){ clear:both}
.nser .item .wenzi{ padding:15px 20px;}
.nser .item .wenzi h3{ font-size:20px; padding:10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nser .item .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;color: #888;}
.nser .item .wenzi .more{color: #999;font-size: 14px;background: url(../images/bnext02.png) no-repeat 90% center; background-size:8px auto;padding-right: 25px;display: inline-block; margin:15px 0}
.nser .item:hover .wenzi{ background:#183884;}
.nser .item:hover .wenzi h3, .nser .item:hover .wenzi p, .nser .item:hover .wenzi .more{ color:#fff}
.nser .item:hover .wenzi .more{background: url(../images/bnext.png) no-repeat right center;background-size:8px auto;}


.nser02 .item{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd}
.nser02 .item:nth-child(4n){ margin-right:0}
.nser02 .item:nth-child(4n+1){ clear:both}
.nser02 .item .wenzi{ padding:10px 20px 10px 20px;}
.nser02 .item .wenzi h3{ font-size:17px; text-align:center; line-height:50px; text-align:center}
.nser02 .item:hover .wenzi{ background:#183884;}
.nser02 .item:hover .wenzi h3{ color:#fff}



.weihai .item{ float:left; width:23.5%; margin-bottom:2%; background:#fff; border:solid 1px #ddd; padding:25px; text-align:center; margin-right:2%; min-height:170px; }
.weihai .item:nth-child(4n){ margin-right:0}
.weihai .item:nth-child(4n+1){ clear:both}
.weihai .item .num{ font-size:24px; font-weight:bold; margin-bottom:15px; color:#306eff}



.wqxg{ width:100%;} 
.wqxg .zuo{ float:left; width:48%;}
.wqxg .you{ float:right; width:52%;}
.wqxg .zuo .titles{ background-color:#f7f7f7; height:88px;}
.wqxg .zuo .titles h3 { font-size:20px; color:#333; text-align:center; padding-top:18px;  width:100%; max-width:550px; float:right}
.wqxg .zuo .titles h3 b { font-size:28px; color:#ff6600;}
.wqxg .zuo .titles h3 em { font-weight:normal; font-size:12px; color:#999; text-transform:uppercase; display:block;}

.wqxg .zuo .conn{background:url(../images/zhbx01.jpg) no-repeat center top; clear:both; width:100%; max-width:550px;  background-size:100% auto; float:right; height:600px;}

.wqxg .zuo .conn p span { display:block; font-size:16px; color:#fff;}
.wqxg .zuo .conn p b { display:block; font-size:16px; color:#f0ff03; padding-top:5px;}
.wqxg .zuo .conn .xia{ padding:16% 0 0 28%;}
.wqxg .zuo .conn p { padding:0 0 35px 68px;}


.wqxg .you .titles{ background-color:#eae8e9; height:88px;}
.wqxg .you .titles h3 { font-size:20px; color:#333; text-align:center; padding-top:18px;  width:100%; max-width:650px; float:left}
.wqxg .you .titles h3 b { font-size:28px; color:#ff6600;}
.wqxg .you .titles h3 em { font-weight:normal; font-size:12px; color:#999; text-transform:uppercase; display:block;}

.wqxg .you .conn{background:url(../images/zhbx02.jpg) no-repeat center top; clear:both; width:100%; max-width:650px;  background-size:100% auto; float:left; height:600px;}
.wqxg .you .conn .xia{ padding:10% 0 0 0%;}

.wqxg .you .conn span { display:block; padding-left:76px; height:111px;}
.wqxg .you .conn span i { display:block; float:left;}
.wqxg .you .conn span em { width:50%; display:block; float:left; padding:18px 0 0 0px; line-height:22px; font-size:16px; color:#333; margin-left:2%}




.bt_top { background:url(../images/ys_topbg.jpg) repeat-x center 0; text-align:center}
.bt_top img{ width:auto; max-width:100%; height:auto}
.bt { background:url(../images/ys_bg.jpg) repeat-y center center; height:956px;}
.bt dl:nth-child(1) { padding:100px 0 0 56%;background:url(../images/ys_bg01.png) no-repeat left center; background-size:53% auto}
.bt dl:nth-child(2) { padding:100px 0 0 0%;background:url(../images/ys_bg02.png) no-repeat right center;background-size:53% auto}

.bt dl dt b { display:block; font-size:30px; color:#070707}
.bt dl dt span { display:block; font-size:26px; color:#070707;}
.bt dl dt em { display:block; font-size:12px; color:#070707;}
.bt dl dd { padding-top:20px;}
.bt dl dd p { width:100%; max-width:400px; line-height:35px; border-bottom:solid 1px #e4dcdc; font-size:15px; color:#070707; background:url(../images/ys_ico.gif) no-repeat 0 13px; padding-left:20px;}
.bt dl dd p em { font-weight:bold; color:#ff6600;}
.bt dl dd i { display:block; margin-top:20px;}
.bt .bt_dl01 dd{padding:30px 0 0;}
.bt .bt_dl02 { padding:140px 0 0;}
.bt .bt_dl03 { padding-top:140px;}

.innerz{
	width:100%;
    max-width:1160px;
    margin:0 auto;
	overflow:hidden;
}


.ad_online{padding-top:50px; float:right; width:220px;}


.al { padding-top:50px; }
.al_top { text-align:center; height:100px;}
.al_top b { display:block; padding-bottom:5px;}
.al_top b { font-size:30px; color:#000}
.al_top b  em { font-size:36px; color:#ff6600;}
.al_top span { display:block; font-size:12px; text-transform:uppercase; color:#666; background:url(../images/al_xx.gif) no-repeat center center;}


.wm .tabmenu { margin-bottom:30px;}
.wm .tabmenu ul{width: 100%; text-align:center}
.wm .tabmenu li { display: inline-block; cursor: pointer; width:120px; font-size:18px; color:#fff; margin:0 15px; height:120px; background-color:#999; border-radius:50%; line-height:35px; padding:15px 0;position:relative}
.wm .tabmenu .cur { background:#ff6600}
.wm #ctabcontent{ margin:0 auto}
.wm #ctabcontent .hidden {display:none;}
.wm #ctabcontent ul{ position:relative}
.wm #ctabcontent ul .wenzi{ position: absolute; line-height:24px; padding:15px; background-color:rgba(0,0,0,0.6); color:#fff; padding:0 15px; left:0; width:100%; bottom:0}


.wmys .item{ background:#f7f6f6; float:left; width:50%;}
.wmys .item:nth-child(2n+1){ clear:both}
.wmys .item .pic{ float:right; width:50%}
.wmys .item .wenzi{ float:left; width:50%; padding:25px;} 
.wmys .item:nth-child(3) .pic, .wmys .item:nth-child(4) .pic{ float:left}
.wmys .item:nth-child(3) .wenzi, .wmys .item:nth-child(4) .wenzi{ float:right}
.wmys .item .wenzi h3{ padding:10px 0;font-size:20px; text-align:center; font-weight:bold}
*  .wmys .item .pic img{ width:100%; height:auto}

.changdi{background: url(../images/sgbg.jpg) no-repeat center center;background-size: 100% auto;}
.changdi .wenzi{ position: absolute; line-height:50px; background-color:rgba(0,0,0,0.7); text-align:center; color:#fff; padding:0 15px; left:0; width:100%; bottom:0}

.changdi .swiper-slide{ position:relative}
.changdi .swiper-pagination{bottom:4%; text-align:center;}
.changdi .swiper-pagination-bullet{ width:14px; height:14px; background:none; border:solid 2px #ddd; /*box-shadow: 0 0 5px rgba(0,0,0,0.1); */opacity:1; margin:0 8px; border-radius:50%}
.changdi .swiper-pagination-bullet-active{ background:#f79038; border:solid 2px #f79038;opacity:1; border:none}
.changdi .swiper-slide{ position:relative;}
.changdi .swiper-button-prev, .changdi .swiper-button-next{ width:40px; height:50px; margin-top:-20px; outline:none; opacity:0.6; top:50%; margin-top:-20px; overflow:hidden}
.changdi .swiper-button-prev{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center; background-size:20px auto; left:0%; opacity:0.5}
.changdi .swiper-button-next{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; right:0%; opacity:0.5}
.changdi .swiper-button-prev:hover{ background:url(../images/bpre.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}
.changdi .swiper-button-next:hover{ background:url(../images/bnext.png) rgba(0,0,0,0.5) no-repeat center center;background-size:20px auto; opacity:1}


.iclient .item { float:left; width:18.4%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd; padding:25px; display: flex; align-items: center;height:90px;}
.iclient .item:nth-child(5n){ margin-right:0}
.iclient .item:nth-child(5n+1){ clear:both}
.iclient .item img{ display:block; width:100%; height:100%; max-width:auto; height:auto; }


.nnewsx02 .wrap { margin:0 auto; max-width:1200px}



.pagination p {
    margin: 0;
    cursor: pointer
}

.pagination {
    display: inline-block;
    height: 40px;
    padding: 20px 0px;
    margin: 0 auto;
}

.pagination a {
    display: block;
    float: left;
    margin-right: 2px;
    padding: 2px 10px;

    border: 1px #cccccc solid;
    background: #fff;
    text-decoration: none;
    color: #808080;
    font-size: 12px;
    line-height: 24px;
}

.pagination a:hover {
    color: #183884;
    background: white;
    border: 1px #183884 solid;
}

.pagination a.cur {
    background: #183884;
    color: #fff;
    border: 1px #183884 solid;
}

.pagination p {
    float: left;
    padding: 2px 10px;
    font-size: 12px;

    line-height: 24px;
    color: #bbb;
    border: 1px #ccc solid;
    background: #fcfcfc;
    margin-right: 2px;
}

.pagination p.pageRemark {
    border-style: none;
    background: none;
    margin-right: 0px;
    padding: 4px 0px;
    color: #666;
}

.pagination p.pageRemark b {
    color: #183884;
}

.pagination p.pageEllipsis {
    border-style: none;
    background: none;
    padding: 4px 0px;
    color: #808080;
}

.dates li {
    font-size: 14px;
    margin: 20px 0
}

.dates li span {
    float: right
}

.page-status {
    display: none;
}
.caseernav {
    margin-bottom: 50px;
}
a.neiernav {
    font-size: 18px;
    padding: 10px 20px;
    border-radius:10px;
    background-color: #e1e1e1;
    margin-right: 20px;
}
a.neiernav:hover,a.neiernav.active {
    background-color: #005bac;
    color: #ffffff;
}

.isolution .conn .item.albumli {
    margin-top: 50px;
}
.prolistimgpic {
    height: 250px;
}
.pic img.prolistimg {
    object-fit: cover;
    height: 100%;
}

.newsconn table {
    width:100% !important;
}
.newsconn table tr td {
    border: 1px solid #333333 !important;
}